/* * FAST UMSONST – zentralisierte Artikel-CSS * * Die ehemaligen -Blöcke der Joomla-Beiträge wurden hierhin * verschoben. Die Regeln bleiben pro Artikel gekapselt, damit unterschiedliche * Artikelvarianten sich nicht gegenseitig überschreiben. * * Hinweis: @scope wird von aktuellen Chromium-, Firefox- und Safari-Versionen * unterstützt. */ .fu-css-test { background: red !important; color: white !important; padding: 30px !important; display: block !important; font-size: 30px !important; } /* ===== FU ARTICLE 1 ===== */ @scope (.fu-article-1) { \r\n/* =========================================================\r\n FAST UMSONST – KOMPAKTE STARTSEITE\r\n Joomla / Helix Shaper\r\n Bootstrap Icons 1.11.3\r\n ========================================================= */\r\n\r\n\r\n\r\n\r\n.fu-home {\r\n --fu-green: #00ACC9;\r\n --fu-green-dark: #0089A0;\r\n --fu-green-soft: #E0F7FA;\r\n --fu-paper:#faf8f4;age\r\n --fu-white:#fff;\r\n --fu-text:#27322f;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe6e2;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 12px 30px rgba(31,75,63,.14);\r\n\r\n color:var(--fu-text);\r\n background:var(--fu-paper);\r\n font-size:1rem;\r\n line-height:1.55;\r\n}\r\n\r\n.fu-home *,\r\n.fu-home *::before,\r\n.fu-home *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-home a {\r\n color:inherit;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-container {\r\n width:min(1180px,calc(100% - 30px));\r\n margin:0 auto;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n padding:44px 0 40px;\r\n background:\r\n radial-gradient(circle at top right,rgba(255,255,255,.10),transparent 34%),\r\n linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n}\r\n\r\n.fu-hero-content {\r\n position:relative;\r\n z-index:2;\r\n max-width:850px;\r\n margin:auto;\r\n text-align:center;\r\n}\r\n\r\n.fu-hero-badge {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:11px;\r\n padding:6px 12px;\r\n border:1px solid rgba(255,255,255,.18);\r\n border-radius:999px;\r\n background:rgba(255,255,255,.08);\r\n font-size:.82rem;\r\n font-weight:700;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(2rem,4.5vw,3.15rem);\r\n line-height:1.05;\r\n font-weight:800;\r\n letter-spacing:-.035em;\r\n}\r\n\r\n.fu-hero-lead {\r\n max-width:720px;\r\n margin:0 auto 20px;\r\n color:rgba(255,255,255,.9);\r\n font-size:1rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SUCHE\r\n ========================================================= */\r\n\r\n.fu-search-box {\r\n max-width:820px;\r\n margin:auto;\r\n padding:13px;\r\n border:1px solid rgba(255,255,255,.14);\r\n border-radius:17px;\r\n background:rgba(255,255,255,.10);\r\n box-shadow:0 12px 32px rgba(0,0,0,.12);\r\n backdrop-filter:blur(7px);\r\n}\r\n\r\n.fu-search-label {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n margin-bottom:7px;\r\n color:#fff;\r\n font-size:.88rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-search-row {\r\n display:flex;\r\n gap:8px;\r\n}\r\n\r\n.fu-search-row input[type=\"search\"] {\r\n flex:1;\r\n min-width:0;\r\n height:50px;\r\n padding:0 15px;\r\n border:0;\r\n border-radius:11px;\r\n background:#fff;\r\n color:var(--fu-text);\r\n font-size:.96rem;\r\n outline:none;\r\n}\r\n\r\n.fu-search-row button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n min-width:112px;\r\n height:50px;\r\n padding:0 16px;\r\n border:0;\r\n border-radius:11px;\r\n background:#fff;\r\n color:var(--fu-green-dark);\r\n font-weight:800;\r\n cursor:pointer;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SCHNELLEINSTIEGE\r\n ========================================================= */\r\n\r\n.fu-quick {\r\n position:relative;\r\n z-index:5;\r\n margin-top:-18px;\r\n}\r\n\r\n.fu-quick-grid {\r\n display:grid;\r\n grid-template-columns:repeat(6,minmax(0,1fr));\r\n gap:10px;\r\n}\r\n\r\n.fu-quick-link {\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n justify-content:center;\r\n min-height:82px;\r\n padding:10px 7px;\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n text-align:center;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-quick-link:hover {\r\n transform:translateY(-3px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-quick-link i {\r\n margin-bottom:5px;\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-quick-link span {\r\n font-size:.8rem;\r\n font-weight:800;\r\n line-height:1.2;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ALLGEMEINE BEREICHE\r\n ========================================================= */\r\n\r\n.fu-section {\r\n padding:38px 0;\r\n}\r\n\r\n.fu-section-alt {\r\n background:#f2f5f2;\r\n}\r\n\r\n.fu-section-head {\r\n max-width:760px;\r\n margin:0 auto 20px;\r\n text-align:center;\r\n}\r\n\r\n.fu-section-head h2 {\r\n margin:0 0 5px;\r\n color:var(--fu-green-dark);\r\n font-size:clamp(1.45rem,3vw,2rem);\r\n line-height:1.2;\r\n font-weight:800;\r\n}\r\n\r\n.fu-section-head p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n TERMINE + KALENDER\r\n ========================================================= */\r\n\r\n.fu-events {\r\n display:grid;\r\n grid-template-columns:1.15fr .85fr;\r\n gap:14px;\r\n}\r\n\r\n.fu-event-box {\r\n display:flex;\r\n align-items:center;\r\n gap:16px;\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-event-icon {\r\n flex:0 0 54px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:54px;\r\n height:54px;\r\n border-radius:14px;\r\n background:var(--fu-green-soft);\r\n color:var(--fu-green);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-event-content {\r\n min-width:0;\r\n}\r\n\r\n.fu-event-content h2 {\r\n margin:0 0 5px;\r\n color:var(--fu-green-dark);\r\n font-size:1.25rem;\r\n line-height:1.2;\r\n font-weight:800;\r\n}\r\n\r\n.fu-event-content p {\r\n margin:0 0 11px;\r\n color:var(--fu-muted);\r\n font-size:.88rem;\r\n}\r\n\r\n.fu-event-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:7px;\r\n}\r\n\r\n.fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n min-height:40px;\r\n padding:0 13px;\r\n border-radius:10px;\r\n font-size:.84rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-btn-light {\r\n border:1px solid var(--fu-border);\r\n background:#fff;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n.fu-calendar-mini {\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n padding:21px;\r\n border-radius:17px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-calendar-mini-kicker {\r\n margin-bottom:4px;\r\n font-size:.72rem;\r\n font-weight:800;\r\n letter-spacing:.06em;\r\n opacity:.8;\r\n}\r\n\r\n.fu-calendar-mini h3 {\r\n margin:0 0 6px;\r\n color:#fff;\r\n font-size:1.2rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-calendar-mini p {\r\n margin:0 0 13px;\r\n color:rgba(255,255,255,.88);\r\n font-size:.84rem;\r\n}\r\n\r\n.fu-calendar-mini .fu-btn {\r\n align-self:flex-start;\r\n background:#fff;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HAUPTBEREICHE\r\n ========================================================= */\r\n\r\n.fu-category-grid {\r\n display:grid;\r\n grid-template-columns:repeat(4,minmax(0,1fr));\r\n gap:11px;\r\n}\r\n\r\n.fu-category {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n min-height:82px;\r\n padding:13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-category:hover {\r\n transform:translateY(-3px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-category-icon {\r\n flex:0 0 42px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:42px;\r\n height:42px;\r\n border-radius:12px;\r\n background:var(--fu-green-soft);\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-category-content {\r\n min-width:0;\r\n}\r\n\r\n.fu-category h3 {\r\n margin:0 0 3px;\r\n color:var(--fu-green-dark);\r\n font-size:.98rem;\r\n line-height:1.2;\r\n font-weight:800;\r\n}\r\n\r\n.fu-category p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.77rem;\r\n line-height:1.35;\r\n}\r\n\r\n\r\n/* =========================================================\r\n DIREKTZUGRIFF\r\n ========================================================= */\r\n\r\n.fu-direct-grid {\r\n display:grid;\r\n grid-template-columns:repeat(4,minmax(0,1fr));\r\n gap:11px;\r\n}\r\n\r\n.fu-direct {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n padding:15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-direct:hover {\r\n transform:translateY(-3px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-direct i {\r\n flex:0 0 38px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n background:var(--fu-green-soft);\r\n color:var(--fu-green);\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-direct strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n font-size:.88rem;\r\n line-height:1.2;\r\n}\r\n\r\n.fu-direct span {\r\n display:block;\r\n margin-top:2px;\r\n color:var(--fu-muted);\r\n font-size:.76rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPARTIPPS – KOMPAKT\r\n ========================================================= */\r\n\r\n.fu-tips {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:10px;\r\n}\r\n\r\n.fu-tip {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n background:#fff;\r\n}\r\n\r\n.fu-tip i {\r\n flex:0 0 auto;\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-tip strong {\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--fu-green-dark);\r\n font-size:.84rem;\r\n}\r\n\r\n.fu-tip span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.76rem;\r\n line-height:1.35;\r\n}\r\n\r\n\r\n/* =========================================================\r\n MITMACHEN\r\n ========================================================= */\r\n\r\n.fu-cta {\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:20px;\r\n padding:22px 25px;\r\n border-radius:17px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:0 12px 30px rgba(31,75,63,.16);\r\n}\r\n\r\n.fu-cta h2 {\r\n margin:0 0 4px;\r\n color:#fff;\r\n font-size:1.3rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-cta p {\r\n margin:0;\r\n color:rgba(255,255,255,.88);\r\n font-size:.84rem;\r\n}\r\n\r\n.fu-cta .fu-btn {\r\n flex:0 0 auto;\r\n background:#fff;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n margin-top:13px;\r\n padding:10px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:10px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.75rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:1000px) {\r\n\r\n .fu-quick-grid {\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n }\r\n\r\n .fu-category-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-direct-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-events {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-container {\r\n width:min(100% - 20px,1180px);\r\n }\r\n\r\n .fu-hero {\r\n padding:35px 0 32px;\r\n }\r\n\r\n .fu-hero-lead {\r\n font-size:.9rem;\r\n }\r\n\r\n .fu-search-row {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-search-row button {\r\n width:100%;\r\n }\r\n\r\n .fu-quick-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:8px;\r\n }\r\n\r\n .fu-quick-link {\r\n min-height:68px;\r\n }\r\n\r\n .fu-section {\r\n padding:29px 0;\r\n }\r\n\r\n .fu-category-grid,\r\n .fu-direct-grid,\r\n .fu-tips {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-category {\r\n min-height:70px;\r\n }\r\n\r\n .fu-event-box {\r\n align-items:flex-start;\r\n padding:17px;\r\n }\r\n\r\n .fu-event-icon {\r\n flex-basis:46px;\r\n width:46px;\r\n height:46px;\r\n }\r\n\r\n .fu-cta {\r\n flex-direction:column;\r\n align-items:flex-start;\r\n padding:20px;\r\n }\r\n\r\n .fu-cta .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 3 ===== */ @scope (.fu-article-3) { \r\n.fu-notfall {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-green-light: #eaf2ef;\r\n --fu-paper: #faf8f4;\r\n --fu-red: #b42318;\r\n --fu-red-light: #fff1ef;\r\n --fu-yellow: #fff8df;\r\n --fu-blue: #eaf3f8;\r\n --fu-border: #dfe5e1;\r\n --fu-text: #26312d;\r\n --fu-muted: #65716c;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n/* Allgemeine Abstände */\r\n.fu-notfall .fu-section {\r\n margin: 2.5rem 0;\r\n}\r\n\r\n.fu-notfall h2 {\r\n color: var(--fu-green);\r\n font-size: clamp(1.5rem, 2vw, 2rem);\r\n font-weight: 700;\r\n margin: 0 0 1.25rem;\r\n}\r\n\r\n.fu-notfall h3 {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n margin: 0 0 .75rem;\r\n}\r\n\r\n.fu-notfall p {\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.fu-notfall a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n.fu-notfall a:hover {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* Sprungmarken */\r\n.fu-notfall .fu-jumpnav {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .65rem;\r\n margin: 1.5rem 0 2rem;\r\n}\r\n\r\n.fu-notfall .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .45rem;\r\n padding: .65rem .9rem;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n text-decoration: none;\r\n font-size: .92rem;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-notfall .fu-jumpnav a:hover {\r\n background: var(--fu-green-light);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* Intro */\r\n.fu-notfall .fu-intro {\r\n background: linear-gradient(135deg, var(--fu-green-light), #fff);\r\n border: 1px solid #d8e5df;\r\n border-radius: 20px;\r\n padding: clamp(1.4rem, 3vw, 2.4rem);\r\n margin-bottom: 2rem;\r\n}\r\n\r\n.fu-notfall .fu-intro h2 {\r\n margin-bottom: .75rem;\r\n}\r\n\r\n.fu-notfall .fu-intro-lead {\r\n font-size: 1.08rem;\r\n margin-bottom: 0;\r\n}\r\n\r\n/* 116117 Hauptkarte */\r\n.fu-notfall .fu-116117 {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: clamp(1.5rem, 4vw, 2.8rem);\r\n box-shadow: 0 10px 30px rgba(31, 75, 63, .16);\r\n}\r\n\r\n.fu-notfall .fu-116117 h2,\r\n.fu-notfall .fu-116117 h3 {\r\n color: #fff;\r\n}\r\n\r\n.fu-notfall .fu-116117-inner {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n gap: 2rem;\r\n align-items: center;\r\n}\r\n\r\n.fu-notfall .fu-number {\r\n font-size: clamp(2.7rem, 7vw, 5rem);\r\n line-height: 1;\r\n font-weight: 800;\r\n letter-spacing: .03em;\r\n margin: .4rem 0 1rem;\r\n}\r\n\r\n.fu-notfall .fu-116117 p {\r\n margin-bottom: .6rem;\r\n}\r\n\r\n.fu-notfall .fu-phone {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: .55rem;\r\n background: #fff;\r\n color: var(--fu-green-dark);\r\n border-radius: 12px;\r\n padding: .85rem 1.25rem;\r\n text-decoration: none;\r\n font-weight: 700;\r\n margin-top: .7rem;\r\n}\r\n\r\n.fu-notfall .fu-phone:hover {\r\n background: #f1f5f3;\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-notfall .fu-icon-big {\r\n font-size: clamp(4rem, 9vw, 7rem);\r\n opacity: .92;\r\n}\r\n\r\n/* 112 Warnkarte */\r\n.fu-notfall .fu-emergency {\r\n background: var(--fu-red-light);\r\n border: 2px solid #efc5c0;\r\n border-radius: 18px;\r\n padding: 1.5rem;\r\n}\r\n\r\n.fu-notfall .fu-emergency h2 {\r\n color: var(--fu-red);\r\n}\r\n\r\n.fu-notfall .fu-emergency strong {\r\n color: var(--fu-red);\r\n}\r\n\r\n/* Kartenraster */\r\n.fu-notfall .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 1.2rem;\r\n}\r\n\r\n.fu-notfall .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 1.4rem;\r\n height: 100%;\r\n box-shadow: 0 5px 16px rgba(0, 0, 0, .045);\r\n}\r\n\r\n.fu-notfall .fu-card-icon {\r\n width: 46px;\r\n height: 46px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n background: var(--fu-green-light);\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.fu-notfall .fu-card ul {\r\n padding-left: 1.2rem;\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-notfall .fu-card li {\r\n margin-bottom: .45rem;\r\n}\r\n\r\n/* Entscheidungskarten */\r\n.fu-notfall .fu-choice {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 1rem;\r\n}\r\n\r\n.fu-notfall .fu-choice-card {\r\n border-radius: 16px;\r\n padding: 1.35rem;\r\n border: 1px solid var(--fu-border);\r\n background: #fff;\r\n}\r\n\r\n.fu-notfall .fu-choice-card .fu-choice-icon {\r\n font-size: 1.7rem;\r\n margin-bottom: .65rem;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-notfall .fu-choice-card h3 {\r\n margin-bottom: .5rem;\r\n}\r\n\r\n.fu-notfall .fu-choice-card p {\r\n margin-bottom: 0;\r\n font-size: .95rem;\r\n}\r\n\r\n/* Gelber Hinweis */\r\n.fu-notfall .fu-info {\r\n background: var(--fu-yellow);\r\n border: 1px solid #eadca8;\r\n border-radius: 16px;\r\n padding: 1.35rem 1.5rem;\r\n}\r\n\r\n.fu-notfall .fu-info i {\r\n color: #8a6d00;\r\n}\r\n\r\n/* Münster-Kompass */\r\n.fu-notfall .fu-kompass {\r\n background: var(--fu-paper);\r\n border: 1px solid #e4dfd5;\r\n border-radius: 20px;\r\n padding: clamp(1.4rem, 3vw, 2rem);\r\n}\r\n\r\n.fu-notfall .fu-kompass-inner {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n gap: 1.2rem;\r\n align-items: start;\r\n}\r\n\r\n.fu-notfall .fu-kompass-icon {\r\n width: 52px;\r\n height: 52px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--fu-green-light);\r\n color: var(--fu-green);\r\n border-radius: 14px;\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-notfall .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .5rem;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none;\r\n padding: .75rem 1rem;\r\n border-radius: 10px;\r\n margin-top: .55rem;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-notfall .fu-button:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* Quellen */\r\n.fu-notfall .fu-source {\r\n font-size: .9rem;\r\n color: var(--fu-muted);\r\n border-top: 1px solid var(--fu-border);\r\n padding-top: 1rem;\r\n}\r\n\r\n.fu-notfall .fu-source a {\r\n font-weight: 500;\r\n}\r\n\r\n/* Mobile */\r\n@media (max-width: 800px) {\r\n .fu-notfall .fu-116117-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-notfall .fu-icon-big {\r\n display: none;\r\n }\r\n\r\n .fu-notfall .fu-grid,\r\n .fu-notfall .fu-choice {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .fu-notfall .fu-number {\r\n font-size: 3.2rem;\r\n }\r\n\r\n .fu-notfall .fu-jumpnav a {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .fu-notfall .fu-kompass-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 5 ===== */ @scope (.fu-article-5) { \r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #173a31;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n --fu-border: #e1e7e4;\r\n --fu-soft: #edf4f0;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.10);\r\n --fu-shadow-hover: 0 12px 30px rgba(31,75,63,.16);\r\n\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page h1,\r\n.fu-page h2,\r\n.fu-page h3 {\r\n color: var(--fu-brand);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-page h1 {\r\n font-size: clamp(2rem, 4vw, 2.8rem);\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.fu-page h2 {\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.fu-page h3 {\r\n font-size: 1.15rem;\r\n margin: 0 0 .65rem;\r\n}\r\n\r\n.fu-page p {\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.fu-page a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page a:hover {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, #eef5f1 0%, #faf8f4 100%);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 20px;\r\n padding: clamp(1.6rem, 4vw, 3rem);\r\n margin-bottom: 1.5rem;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .45rem;\r\n background: #e0eee8;\r\n color: var(--fu-brand);\r\n border-radius: 999px;\r\n padding: .4rem .85rem;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.fu-lead {\r\n max-width: 900px;\r\n font-size: 1.14rem;\r\n margin-bottom: 0 !important;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-jump {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 1rem 1.15rem;\r\n margin: 1.5rem 0;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-jump-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: .7rem;\r\n}\r\n\r\n.fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .55rem;\r\n}\r\n\r\n.fu-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .4rem;\r\n background: #f2f6f3;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 10px;\r\n padding: .55rem .8rem;\r\n font-size: .92rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-jump-links a:hover {\r\n background: #e5efe9;\r\n text-decoration: none;\r\n}\r\n\r\n/* =========================================================\r\n WICHTIG-HINWEIS\r\n ========================================================= */\r\n\r\n.fu-alert {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n background: #fff8e8;\r\n border: 1px solid #ecd9a6;\r\n border-left: 5px solid #c89524;\r\n border-radius: 15px;\r\n padding: 1.2rem 1.3rem;\r\n margin: 1.5rem 0;\r\n}\r\n\r\n.fu-alert > i {\r\n flex: 0 0 auto;\r\n color: #a87812;\r\n font-size: 1.4rem;\r\n margin-top: .1rem;\r\n}\r\n\r\n/* =========================================================\r\n SEKTIONEN\r\n ========================================================= */\r\n\r\n.fu-section {\r\n margin: 2.4rem 0;\r\n}\r\n\r\n.fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: .65rem;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.fu-section-title i {\r\n color: var(--fu-brand);\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-section-title h2 {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n HAUPTKARTEN\r\n ========================================================= */\r\n\r\n.fu-main-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: clamp(1.35rem, 3vw, 2rem);\r\n margin: 1.5rem 0;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-main-card.featured {\r\n border-top: 5px solid var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 1rem;\r\n margin: 1.25rem 0;\r\n}\r\n\r\n.fu-info-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 1.25rem;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-icon {\r\n width: 45px;\r\n height: 45px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n border-radius: 12px;\r\n font-size: 1.3rem;\r\n margin-bottom: .8rem;\r\n}\r\n\r\n.fu-info-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-contact {\r\n display: grid;\r\n gap: .8rem;\r\n margin-top: 1rem;\r\n}\r\n\r\n.fu-contact-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: .75rem;\r\n}\r\n\r\n.fu-contact-row > i {\r\n color: var(--fu-brand);\r\n font-size: 1.1rem;\r\n width: 22px;\r\n flex: 0 0 22px;\r\n margin-top: .15rem;\r\n}\r\n\r\n.fu-contact-row strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .75rem;\r\n margin-top: 1.25rem;\r\n}\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: .5rem;\r\n min-height: 46px;\r\n padding: .7rem 1rem;\r\n border-radius: 11px;\r\n border: 1px solid var(--fu-brand);\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n box-shadow: 0 5px 14px rgba(31,75,63,.14);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-btn.secondary {\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n box-shadow: none;\r\n}\r\n\r\n.fu-btn.secondary:hover {\r\n background: #eef5f1;\r\n}\r\n\r\n/* =========================================================\r\n KLICKBARE KARTEN\r\n ========================================================= */\r\n\r\n.fu-card-link {\r\n display: block;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 1.3rem;\r\n box-shadow: var(--fu-shadow);\r\n text-decoration: none !important;\r\n transition: transform .18s ease,\r\n box-shadow .18s ease,\r\n border-color .18s ease;\r\n}\r\n\r\n.fu-card-link:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--fu-shadow-hover);\r\n border-color: #bfd0c8;\r\n}\r\n\r\n.fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.4rem;\r\n margin-bottom: .65rem;\r\n}\r\n\r\n.fu-card-link h3 {\r\n margin-bottom: .45rem;\r\n}\r\n\r\n.fu-card-link p {\r\n color: var(--fu-muted);\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-more {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .35rem;\r\n margin-top: .9rem;\r\n color: var(--fu-brand);\r\n font-size: .92rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n NOTFALL\r\n ========================================================= */\r\n\r\n.fu-emergency {\r\n background: #f8eeee;\r\n border: 1px solid #e7cccc;\r\n border-left: 5px solid #a33a3a;\r\n border-radius: 15px;\r\n padding: 1.3rem 1.4rem;\r\n margin: 2rem 0;\r\n}\r\n\r\n.fu-emergency h2 {\r\n color: #8d3030;\r\n}\r\n\r\n.fu-emergency strong {\r\n color: #8d3030;\r\n}\r\n\r\n/* =========================================================\r\n FAQ / SUCHINTENTION\r\n ========================================================= */\r\n\r\n.fu-faq {\r\n display: grid;\r\n gap: .8rem;\r\n}\r\n\r\n.fu-faq-item {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 1.1rem 1.2rem;\r\n box-shadow: 0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-faq-item h3 {\r\n margin-bottom: .45rem;\r\n}\r\n\r\n.fu-faq-item p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero,\r\n .fu-main-card {\r\n padding: 1.25rem;\r\n }\r\n\r\n .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-jump-links {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-jump-links a {\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 6 ===== */ @scope (.fu-article-6) { \r\n\r\n/* =========================================================\r\n GRUNDLAYOUT\r\n ========================================================= */\r\n\r\n.fu-hdw {\r\n\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #173a31;\r\n --fu-green-light: #eaf2ef;\r\n\r\n --fu-paper: #faf8f4;\r\n --fu-white: #ffffff;\r\n\r\n --fu-text: #27332f;\r\n --fu-muted: #66736e;\r\n --fu-border: #dfe7e3;\r\n\r\n --fu-blue: #356b82;\r\n --fu-blue-light: #edf5f8;\r\n\r\n max-width: 1050px;\r\n margin: 0 auto;\r\n padding: 10px 15px 50px;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-hdw h2,\r\n.fu-hdw h3,\r\n.fu-hdw h4 {\r\n\r\n color: var(--fu-green);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-hdw h2 {\r\n\r\n font-size: clamp(1.8rem, 3vw, 2.45rem);\r\n margin: 0 0 14px;\r\n}\r\n\r\n.fu-hdw h3 {\r\n\r\n font-size: 1.4rem;\r\n margin: 0 0 12px;\r\n}\r\n\r\n.fu-hdw h4 {\r\n\r\n font-size: 1.15rem;\r\n margin: 0 0 8px;\r\n}\r\n\r\n.fu-hdw p {\r\n\r\n margin: 0 0 15px;\r\n}\r\n\r\n.fu-hdw a {\r\n\r\n color: var(--fu-green);\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO / EINLEITUNG\r\n ========================================================= */\r\n\r\n.fu-hdw-intro {\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #1f4b3f 0%,\r\n #285d4e 100%\r\n );\r\n\r\n color: #fff;\r\n\r\n border-radius: 20px;\r\n\r\n padding: 38px 32px;\r\n\r\n margin-bottom: 25px;\r\n\r\n box-shadow:\r\n 0 10px 30px rgba(31,75,63,.16);\r\n}\r\n\r\n.fu-hdw-kicker {\r\n\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n\r\n gap: 8px;\r\n\r\n color: rgba(255,255,255,.9);\r\n\r\n font-weight: 700;\r\n\r\n font-size: .92rem;\r\n\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-hdw-kicker i {\r\n\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-hdw-intro h2 {\r\n\r\n color: #fff;\r\n\r\n font-size: clamp(2rem, 4vw, 2.8rem);\r\n\r\n margin-bottom: 15px;\r\n}\r\n\r\n.fu-hdw-intro p {\r\n\r\n color: rgba(255,255,255,.95);\r\n\r\n font-size: 1.08rem;\r\n\r\n max-width: 850px;\r\n\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-hdw-intro p:last-child {\r\n\r\n margin-bottom: 0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SCHNELLE ÜBERSICHT\r\n ========================================================= */\r\n\r\n.fu-hdw-summary {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(3, minmax(0, 1fr));\r\n\r\n gap: 15px;\r\n\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-hdw-summary-card {\r\n\r\n background: var(--fu-white);\r\n\r\n border: 1px solid var(--fu-border);\r\n\r\n border-radius: 15px;\r\n\r\n padding: 19px;\r\n\r\n box-shadow:\r\n 0 6px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-hdw-summary-icon {\r\n\r\n width: 42px;\r\n height: 42px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n background: var(--fu-green-light);\r\n\r\n color: var(--fu-green);\r\n\r\n border-radius: 11px;\r\n\r\n font-size: 1.2rem;\r\n\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-hdw-summary strong {\r\n\r\n display: block;\r\n\r\n color: var(--fu-green);\r\n\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-hdw-summary span {\r\n\r\n color: var(--fu-muted);\r\n\r\n font-size: .94rem;\r\n\r\n line-height: 1.5;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-hdw-jump {\r\n\r\n background: var(--fu-green-light);\r\n\r\n border-radius: 16px;\r\n\r\n padding: 20px;\r\n\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-hdw-jump-title {\r\n\r\n color: var(--fu-green);\r\n\r\n font-weight: 700;\r\n\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-hdw-jump-links {\r\n\r\n display: flex;\r\n\r\n flex-wrap: wrap;\r\n\r\n gap: 9px;\r\n}\r\n\r\n.fu-hdw-jump-links a {\r\n\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n\r\n gap: 7px;\r\n\r\n padding: 9px 14px;\r\n\r\n background: var(--fu-white);\r\n\r\n border: 1px solid rgba(31,75,63,.12);\r\n\r\n border-radius: 999px;\r\n\r\n color: var(--fu-green);\r\n\r\n text-decoration: none;\r\n\r\n font-weight: 600;\r\n\r\n font-size: .92rem;\r\n\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-hdw-jump-links a:hover,\r\n.fu-hdw-jump-links a:focus {\r\n\r\n background: var(--fu-green);\r\n\r\n color: #fff;\r\n\r\n border-color: var(--fu-green);\r\n}\r\n\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-hdw-section {\r\n\r\n margin-bottom: 40px;\r\n\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-hdw-section-title {\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 10px;\r\n\r\n color: var(--fu-green);\r\n\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-hdw-section-title i {\r\n\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-hdw-section-intro {\r\n\r\n color: var(--fu-muted);\r\n\r\n margin-bottom: 20px;\r\n\r\n max-width: 850px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INFO-KARTEN\r\n ========================================================= */\r\n\r\n.fu-hdw-grid {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(2, minmax(0, 1fr));\r\n\r\n gap: 18px;\r\n\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-hdw-card {\r\n\r\n background: var(--fu-white);\r\n\r\n border: 1px solid var(--fu-border);\r\n\r\n border-radius: 17px;\r\n\r\n padding: 24px;\r\n\r\n box-shadow:\r\n 0 6px 20px rgba(31,75,63,.07);\r\n}\r\n\r\n.fu-hdw-card.highlight {\r\n\r\n border: 2px solid rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-hdw-card-icon {\r\n\r\n width: 46px;\r\n height: 46px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border-radius: 12px;\r\n\r\n background: var(--fu-green-light);\r\n\r\n color: var(--fu-green);\r\n\r\n font-size: 1.3rem;\r\n\r\n margin-bottom: 15px;\r\n}\r\n\r\n.fu-hdw-card p {\r\n\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-hdw-card p:last-child {\r\n\r\n margin-bottom: 0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZIELGRUPPE\r\n ========================================================= */\r\n\r\n.fu-hdw-target {\r\n\r\n background: var(--fu-paper);\r\n\r\n border: 1px solid var(--fu-border);\r\n\r\n border-radius: 17px;\r\n\r\n padding: 25px;\r\n\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-hdw-target-title {\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 9px;\r\n\r\n color: var(--fu-green);\r\n\r\n font-size: 1.3rem;\r\n\r\n font-weight: 700;\r\n\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-hdw-target ul {\r\n\r\n margin: 0;\r\n\r\n padding-left: 22px;\r\n}\r\n\r\n.fu-hdw-target li {\r\n\r\n margin-bottom: 7px;\r\n\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-hdw-target li:last-child {\r\n\r\n margin-bottom: 0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ÖFFNUNGSZEITEN\r\n ========================================================= */\r\n\r\n.fu-hdw-times {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(3, minmax(0, 1fr));\r\n\r\n gap: 15px;\r\n\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-hdw-time {\r\n\r\n background: var(--fu-white);\r\n\r\n border: 1px solid var(--fu-border);\r\n\r\n border-radius: 15px;\r\n\r\n padding: 20px;\r\n\r\n box-shadow:\r\n 0 5px 16px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-hdw-time-day {\r\n\r\n color: var(--fu-green);\r\n\r\n font-weight: 700;\r\n\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-hdw-time-hour {\r\n\r\n font-size: 1.05rem;\r\n\r\n font-weight: 700;\r\n\r\n color: var(--fu-text);\r\n\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-hdw-time-type {\r\n\r\n color: var(--fu-muted);\r\n\r\n font-size: .93rem;\r\n\r\n line-height: 1.5;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-hdw-contact {\r\n\r\n background: var(--fu-paper);\r\n\r\n border: 1px solid var(--fu-border);\r\n\r\n border-radius: 18px;\r\n\r\n padding: 27px;\r\n\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-hdw-contact h3 {\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 9px;\r\n\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-hdw-contact-grid {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(2, minmax(0, 1fr));\r\n\r\n gap: 18px;\r\n}\r\n\r\n.fu-hdw-contact-box {\r\n\r\n background: #fff;\r\n\r\n border: 1px solid var(--fu-border);\r\n\r\n border-radius: 14px;\r\n\r\n padding: 18px;\r\n}\r\n\r\n.fu-hdw-contact-row {\r\n\r\n display: flex;\r\n\r\n align-items: flex-start;\r\n\r\n gap: 11px;\r\n\r\n margin-bottom: 11px;\r\n}\r\n\r\n.fu-hdw-contact-row:last-child {\r\n\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-hdw-contact-row i {\r\n\r\n width: 21px;\r\n\r\n flex: 0 0 21px;\r\n\r\n margin-top: 4px;\r\n\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-hdw-contact-row strong {\r\n\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-hdw-contact-row a {\r\n\r\n color: var(--fu-green);\r\n\r\n font-weight: 600;\r\n\r\n text-decoration: none;\r\n}\r\n\r\n.fu-hdw-contact-row a:hover {\r\n\r\n text-decoration: underline;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ROUTE-BUTTONS\r\n ========================================================= */\r\n\r\n.fu-hdw-route {\r\n\r\n display: flex;\r\n\r\n flex-wrap: wrap;\r\n\r\n gap: 11px;\r\n\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-hdw-route a {\r\n\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n gap: 8px;\r\n\r\n padding: 11px 17px;\r\n\r\n border-radius: 10px;\r\n\r\n background: var(--fu-green);\r\n\r\n color: #fff !important;\r\n\r\n text-decoration: none !important;\r\n\r\n font-weight: 700;\r\n\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-hdw-route a:hover {\r\n\r\n background: var(--fu-green-dark);\r\n\r\n transform: translateY(-2px);\r\n}\r\n\r\n.fu-hdw-route a.secondary {\r\n\r\n background: #fff;\r\n\r\n color: var(--fu-green) !important;\r\n\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-hdw-route a.secondary:hover {\r\n\r\n background: var(--fu-green-light);\r\n}\r\n\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-hdw-note {\r\n\r\n background: var(--fu-blue-light);\r\n\r\n border-left: 5px solid var(--fu-blue);\r\n\r\n border-radius: 14px;\r\n\r\n padding: 19px 21px;\r\n\r\n color: var(--fu-text);\r\n\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-hdw-note strong {\r\n\r\n color: var(--fu-blue);\r\n}\r\n\r\n.fu-hdw-note p:last-child {\r\n\r\n margin-bottom: 0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n NOTFALL-HINWEIS\r\n ========================================================= */\r\n\r\n.fu-hdw-emergency {\r\n\r\n background: #fff5f4;\r\n\r\n border: 1px solid #efd7d5;\r\n\r\n border-left: 5px solid #a63d40;\r\n\r\n border-radius: 14px;\r\n\r\n padding: 20px 22px;\r\n\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-hdw-emergency strong {\r\n\r\n color: #a63d40;\r\n}\r\n\r\n.fu-hdw-emergency p:last-child {\r\n\r\n margin-bottom: 0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n WEITERFÜHRENDE ANGEBOTE\r\n ========================================================= */\r\n\r\n.fu-hdw-more {\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(2, minmax(0, 1fr));\r\n\r\n gap: 17px;\r\n}\r\n\r\n.fu-hdw-more-card {\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n height: 100%;\r\n\r\n background: #fff;\r\n\r\n border: 1px solid var(--fu-border);\r\n\r\n border-radius: 16px;\r\n\r\n padding: 21px;\r\n\r\n text-decoration: none;\r\n\r\n color: var(--fu-text);\r\n\r\n box-shadow:\r\n 0 6px 20px rgba(31,75,63,.07);\r\n\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-hdw-more-card:hover {\r\n\r\n transform: translateY(-3px);\r\n\r\n box-shadow:\r\n 0 12px 27px rgba(31,75,63,.13);\r\n\r\n border-color: rgba(31,75,63,.28);\r\n\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-hdw-more-card .icon {\r\n\r\n width: 44px;\r\n height: 44px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n border-radius: 11px;\r\n\r\n background: var(--fu-green-light);\r\n\r\n color: var(--fu-green);\r\n\r\n margin-bottom: 13px;\r\n\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-hdw-more-card h4 {\r\n\r\n color: var(--fu-green);\r\n\r\n margin-bottom: 7px;\r\n}\r\n\r\n.fu-hdw-more-card p {\r\n\r\n color: var(--fu-muted);\r\n\r\n flex-grow: 1;\r\n\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-hdw-more-arrow {\r\n\r\n color: var(--fu-green);\r\n\r\n font-weight: 700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-hdw-back {\r\n\r\n text-align: center;\r\n\r\n margin-top: 35px;\r\n}\r\n\r\n.fu-hdw-back a {\r\n\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n\r\n gap: 8px;\r\n\r\n color: var(--fu-green);\r\n\r\n font-weight: 700;\r\n\r\n text-decoration: none;\r\n}\r\n\r\n.fu-hdw-back a:hover {\r\n\r\n color: var(--fu-green-dark);\r\n\r\n text-decoration: underline;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-hdw-summary,\r\n .fu-hdw-times {\r\n\r\n grid-template-columns:\r\n repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-hdw {\r\n\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-hdw-intro {\r\n\r\n padding: 30px 22px;\r\n\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-hdw-summary,\r\n .fu-hdw-grid,\r\n .fu-hdw-times,\r\n .fu-hdw-contact-grid,\r\n .fu-hdw-more {\r\n\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hdw-jump-links {\r\n\r\n display: grid;\r\n\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hdw-jump-links a {\r\n\r\n justify-content: flex-start;\r\n }\r\n\r\n .fu-hdw-route {\r\n\r\n flex-direction: column;\r\n }\r\n\r\n .fu-hdw-route a {\r\n\r\n width: 100%;\r\n }\r\n\r\n}\r\n\r\n } /* ===== FU ARTICLE 7 ===== */ @scope (.fu-article-7) { \r\n/* =========================================================\r\n FAST UMSONST – ZAHNÄRZTLICHER NOTFALLDIENST\r\n ========================================================= */\r\n\r\n.fu-zahn {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #173a31;\r\n --fu-green-light: #eaf2ef;\r\n --fu-paper: #faf8f4;\r\n --fu-white: #ffffff;\r\n --fu-text: #27332f;\r\n --fu-muted: #66736e;\r\n --fu-border: #dfe7e3;\r\n --fu-danger: #a63d40;\r\n\r\n max-width: 1050px;\r\n margin: 0 auto;\r\n padding: 10px 15px 50px;\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-zahn h2,\r\n.fu-zahn h3,\r\n.fu-zahn h4 {\r\n color: var(--fu-green);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-zahn h2 {\r\n font-size: clamp(1.8rem, 3vw, 2.45rem);\r\n margin: 0 0 14px;\r\n}\r\n\r\n.fu-zahn h3 {\r\n font-size: 1.4rem;\r\n margin: 0 0 12px;\r\n}\r\n\r\n.fu-zahn h4 {\r\n font-size: 1.15rem;\r\n margin: 0 0 8px;\r\n}\r\n\r\n.fu-zahn p {\r\n margin: 0 0 15px;\r\n}\r\n\r\n.fu-zahn a {\r\n color: var(--fu-green);\r\n}\r\n\r\n\r\n/* =========================================================\r\n EINLEITUNG\r\n ========================================================= */\r\n\r\n.fu-zahn-intro {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 30px;\r\n margin-bottom: 25px;\r\n box-shadow: 0 8px 25px rgba(31, 75, 63, .08);\r\n}\r\n\r\n.fu-zahn-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n font-size: .9rem;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.fu-zahn-kicker i {\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-zahn-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-zahn-jump {\r\n background: var(--fu-green-light);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-zahn-jump-title {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-zahn-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-zahn-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 14px;\r\n background: var(--fu-white);\r\n border: 1px solid rgba(31, 75, 63, .12);\r\n border-radius: 999px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: .92rem;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-zahn-jump-links a:hover,\r\n.fu-zahn-jump-links a:focus {\r\n background: var(--fu-green);\r\n color: var(--fu-white);\r\n}\r\n\r\n\r\n/* =========================================================\r\n NOTDIENST-SUCHE\r\n ========================================================= */\r\n\r\n.fu-zahn-search {\r\n background: var(--fu-green);\r\n color: var(--fu-white);\r\n border-radius: 20px;\r\n padding: 30px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(31, 75, 63, .18);\r\n}\r\n\r\n.fu-zahn-search h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--fu-white);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-zahn-search p {\r\n color: var(--fu-white);\r\n opacity: .96;\r\n}\r\n\r\n.fu-zahn-search-box {\r\n background: var(--fu-white);\r\n color: var(--fu-text);\r\n border-radius: 15px;\r\n padding: 21px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-zahn-search-box strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-zahn-search-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n margin-top: 12px;\r\n padding: 12px 18px;\r\n background: var(--fu-green);\r\n color: var(--fu-white) !important;\r\n text-decoration: none !important;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-zahn-search-button:hover,\r\n.fu-zahn-search-button:focus {\r\n background: var(--fu-green-dark);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n WICHTIGER HINWEIS\r\n ========================================================= */\r\n\r\n.fu-zahn-warning {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 15px;\r\n background: #fff5f4;\r\n border: 1px solid #f0d4d2;\r\n border-left: 5px solid var(--fu-danger);\r\n border-radius: 14px;\r\n padding: 20px 22px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-zahn-warning-icon {\r\n flex: 0 0 auto;\r\n width: 42px;\r\n height: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: var(--fu-danger);\r\n color: #fff;\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-zahn-warning strong {\r\n color: var(--fu-danger);\r\n}\r\n\r\n.fu-zahn-warning p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INFO-KARTEN\r\n ========================================================= */\r\n\r\n.fu-zahn-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-zahn-card {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 24px;\r\n box-shadow: 0 6px 20px rgba(31, 75, 63, .07);\r\n}\r\n\r\n.fu-zahn-card-icon {\r\n width: 46px;\r\n height: 46px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n background: var(--fu-green-light);\r\n color: var(--fu-green);\r\n font-size: 1.3rem;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.fu-zahn-card p {\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-zahn-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-zahn-contact {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 25px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-zahn-contact h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n}\r\n\r\n.fu-contact-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-contact-row i {\r\n width: 22px;\r\n margin-top: 4px;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-contact-row a {\r\n font-weight: 600;\r\n}\r\n\r\n\r\n/* =========================================================\r\n WEITER\r\n ========================================================= */\r\n\r\n.fu-zahn-more {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-zahn-more a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 16px;\r\n border-radius: 10px;\r\n background: var(--fu-green);\r\n color: var(--fu-white) !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-zahn-more a:hover,\r\n.fu-zahn-more a:focus {\r\n background: var(--fu-green-dark);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-zahn {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-zahn-intro,\r\n .fu-zahn-search {\r\n padding: 23px;\r\n }\r\n\r\n .fu-zahn-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-zahn-jump-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-zahn-jump-links a {\r\n justify-content: flex-start;\r\n }\r\n\r\n .fu-zahn-warning {\r\n padding: 18px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 8 ===== */ @scope (.fu-article-8) { \r\n .im-wrapper {\r\n --im-slate: #4a5560;\r\n --im-slate-soft: #eef0f2;\r\n --im-ink: #17201a;\r\n --im-muted: #5a6660;\r\n --im-paper: #ffffff;\r\n --im-line: #e7e5e1;\r\n font-family: \"Inter\", \"Segoe UI\", system-ui, -apple-system, sans-serif;\r\n background: var(--im-paper);\r\n color: var(--im-ink);\r\n padding: 3rem 1rem;\r\n }\r\n\r\n .im-inner {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n .im-header {\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n .im-header .im-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n color: var(--im-slate);\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n margin-bottom: 0.6rem;\r\n }\r\n\r\n .im-header .im-eyebrow::before {\r\n content: \"\";\r\n width: 22px;\r\n height: 3px;\r\n border-radius: 2px;\r\n background: var(--im-slate);\r\n }\r\n\r\n .im-header h1 {\r\n font-size: 1.9rem;\r\n font-weight: 800;\r\n letter-spacing: -0.015em;\r\n margin: 0;\r\n }\r\n\r\n section.im-block {\r\n margin-bottom: 2.75rem;\r\n }\r\n\r\n .im-block h2 {\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n margin-bottom: 1.1rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n }\r\n\r\n .im-block h2 i {\r\n color: var(--im-slate);\r\n font-size: 1.05rem;\r\n }\r\n\r\n /* ---------- Herausgeber-Karte ---------- */\r\n .im-card {\r\n background: #fff;\r\n border: 1px solid var(--im-line);\r\n border-radius: 14px;\r\n padding: 1.7rem 1.8rem;\r\n }\r\n\r\n .im-card p {\r\n font-size: 0.94rem;\r\n line-height: 1.7;\r\n color: var(--im-ink);\r\n margin-bottom: 0.9rem;\r\n }\r\n\r\n .im-card p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .im-card strong {\r\n display: block;\r\n margin-bottom: 0.15rem;\r\n }\r\n\r\n .im-card a {\r\n color: var(--im-slate);\r\n font-weight: 600;\r\n text-decoration: none;\r\n }\r\n\r\n .im-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n .im-meta-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 1.5rem;\r\n margin-top: 1.2rem;\r\n padding-top: 1.2rem;\r\n border-top: 1px solid var(--im-line);\r\n }\r\n\r\n .im-meta-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 0.6rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .im-meta-item i {\r\n color: var(--im-slate);\r\n margin-top: 0.15rem;\r\n }\r\n\r\n .im-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n background: var(--im-slate-soft);\r\n color: var(--im-slate);\r\n font-size: 0.83rem;\r\n font-weight: 600;\r\n padding: 0.4rem 0.8rem;\r\n border-radius: 999px;\r\n margin-top: 1rem;\r\n }\r\n\r\n /* ---------- Team-Grid ---------- */\r\n .im-team-row {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1.1rem;\r\n }\r\n\r\n .im-team-card {\r\n background: #fff;\r\n border: 1px solid var(--im-line);\r\n border-radius: 12px;\r\n padding: 1.1rem 1.1rem 1.2rem;\r\n }\r\n\r\n .im-team-card h4 {\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n color: var(--im-slate);\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n margin-bottom: 0.6rem;\r\n }\r\n\r\n .im-team-card p {\r\n font-size: 0.88rem;\r\n line-height: 1.6;\r\n color: var(--im-ink);\r\n margin: 0;\r\n }\r\n\r\n /* ---------- Rechtliche Hinweise ---------- */\r\n .im-legal-item {\r\n padding: 1.1rem 0;\r\n border-bottom: 1px solid var(--im-line);\r\n }\r\n\r\n .im-legal-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .im-legal-item h3 {\r\n font-size: 0.96rem;\r\n font-weight: 700;\r\n margin-bottom: 0.4rem;\r\n }\r\n\r\n .im-legal-item p {\r\n font-size: 0.88rem;\r\n line-height: 1.65;\r\n color: var(--im-muted);\r\n margin: 0;\r\n }\r\n\r\n /* ---------- Förderer ---------- */\r\n .im-funding {\r\n background: var(--im-slate-soft);\r\n border-radius: 14px;\r\n padding: 2rem;\r\n text-align: center;\r\n }\r\n\r\n .im-funding h2 {\r\n justify-content: center;\r\n margin-bottom: 1.4rem;\r\n }\r\n\r\n .im-funding-logos {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 2.2rem;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .im-funding-logos img {\r\n max-height: 60px;\r\n width: auto;\r\n filter: grayscale(15%);\r\n }\r\n\r\n @media (max-width: 767.98px) {\r\n .im-team-row {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .im-team-row {\r\n grid-template-columns: 1fr;\r\n }\r\n .im-card {\r\n padding: 1.4rem 1.3rem;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 10 ===== */ @scope (.fu-article-10) { \r\n .fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-soft: #e8f0ed;\r\n --fu-paper: #faf8f4;\r\n --fu-accent: #d98b3a;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n padding: 20px 18px 50px;\r\n color: var(--fu-text);\r\n font-size: 1.02rem;\r\n line-height: 1.7;\r\n }\r\n\r\n .fu-page * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .fu-hero {\r\n background:\r\n linear-gradient(135deg, rgba(31,75,63,.97), rgba(31,75,63,.88)),\r\n var(--fu-brand);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 42px 34px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-hero p {\r\n max-width: 850px;\r\n margin: 0;\r\n color: rgba(255,255,255,.94);\r\n font-size: 1.12rem;\r\n }\r\n\r\n .fu-intro {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 26px 28px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 5px 16px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-jumpbox {\r\n background: var(--fu-soft);\r\n border: 1px solid #d5e2dc;\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin: 24px 0 30px;\r\n }\r\n\r\n .fu-jumpbox-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 13px;\r\n }\r\n\r\n .fu-jumps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n }\r\n\r\n .fu-jumps a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 10px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-jumps a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .fu-section {\r\n scroll-margin-top: 35px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .fu-section-heading {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .fu-section-heading .fu-heading-icon {\r\n width: 48px;\r\n height: 48px;\r\n flex: 0 0 48px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 13px;\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n }\r\n\r\n .fu-section-heading h2 {\r\n margin: 0;\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n line-height: 1.25;\r\n }\r\n\r\n .fu-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\r\n gap: 18px;\r\n }\r\n\r\n .fu-card {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 24px;\r\n box-shadow: 0 5px 16px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-card-icon {\r\n width: 48px;\r\n height: 48px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 13px;\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n font-size: 1.4rem;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.25rem;\r\n margin: 0 0 10px;\r\n }\r\n\r\n .fu-card p {\r\n margin: 0 0 15px;\r\n }\r\n\r\n .fu-card-link {\r\n margin-top: auto;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 10px 15px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n border-radius: 10px;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-card-link:hover {\r\n background: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .fu-text-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 27px 29px;\r\n box-shadow: 0 5px 16px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-text-card p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .fu-highlight {\r\n border-left: 5px solid var(--fu-accent);\r\n background: #fffaf4;\r\n padding: 19px 21px;\r\n border-radius: 0 12px 12px 0;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-highlight strong {\r\n color: var(--fu-brand);\r\n }\r\n\r\n .fu-cta {\r\n background: var(--fu-soft);\r\n border: 1px solid #d5e2dc;\r\n border-radius: 18px;\r\n padding: 28px;\r\n text-align: center;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-cta h2 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-cta p {\r\n max-width: 760px;\r\n margin: 0 auto 18px;\r\n }\r\n\r\n .fu-cta-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-button:hover {\r\n background: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .fu-button-light {\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n border: 1px solid var(--fu-border);\r\n }\r\n\r\n .fu-button-light:hover {\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n }\r\n\r\n .fu-back {\r\n text-align: center;\r\n margin-top: 24px;\r\n }\r\n\r\n .fu-back a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .fu-page {\r\n padding: 12px 12px 35px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-intro,\r\n .fu-text-card,\r\n .fu-card {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section-heading h2 {\r\n font-size: 1.4rem;\r\n }\r\n\r\n .fu-jumps {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-jumps a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 11 ===== */ @scope (.fu-article-11) { \r\n/* =========================================================\r\n FAST UMSONST – MÜNSTER-PASS\r\n Sprungmarken + Kartenlinks + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 14 ===== */ @scope (.fu-article-14) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-note strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 16px;\r\n padding: 12px 17px;\r\n background: var(--fu-green);\r\n border-radius: 12px;\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 15 ===== */ @scope (.fu-article-15) { \r\n/* =========================================================\r\n FAST UMSONST – ÜBERNACHTUNGSSTELLE\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-white: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #68736e;\r\n --fu-border: #dfe5e1;\r\n --fu-shadow: 0 8px 28px rgba(31,75,63,.10);\r\n\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n/* HERO */\r\n\r\n.fu-hero {\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(31,75,63,.97),\r\n rgba(31,75,63,.88)\r\n );\r\n color: #fff;\r\n border-radius: 24px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-hero-inner {\r\n padding: 48px 42px;\r\n}\r\n\r\n.fu-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: .95rem;\r\n font-weight: 700;\r\n margin-bottom: 14px;\r\n opacity: .9;\r\n}\r\n\r\n.fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-hero h1 i {\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-lead {\r\n max-width: 780px;\r\n font-size: 1.2rem;\r\n margin: 0 0 26px;\r\n opacity: .95;\r\n}\r\n\r\n.fu-hero-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n}\r\n\r\n\r\n/* BUTTONS */\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 18px;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n transform: translateY(-1px);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-btn-primary {\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-btn-primary:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n}\r\n\r\n.fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-green);\r\n}\r\n\r\n.fu-btn-danger {\r\n background: #8f2525;\r\n color: #fff !important;\r\n margin-top: 10px;\r\n}\r\n\r\n\r\n/* JUMP NAV */\r\n\r\n.fu-jumpnav {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 10px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n text-decoration: none;\r\n box-shadow: 0 3px 12px rgba(0,0,0,.04);\r\n}\r\n\r\n.fu-jumpnav a:hover {\r\n background: var(--fu-paper);\r\n text-decoration: none;\r\n}\r\n\r\n\r\n/* ALERTS */\r\n\r\n.fu-alert {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n padding: 22px 24px;\r\n border-radius: 18px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.fu-alert-important {\r\n background: #f4f7f5;\r\n border: 1px solid #d6e2dc;\r\n}\r\n\r\n.fu-alert-emergency {\r\n background: #fff3f1;\r\n border: 1px solid #efcfca;\r\n}\r\n\r\n.fu-alert-icon {\r\n flex: 0 0 auto;\r\n font-size: 1.7rem;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-alert-emergency .fu-alert-icon {\r\n color: #8f2525;\r\n}\r\n\r\n.fu-alert strong {\r\n display: block;\r\n font-size: 1.1rem;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-alert p {\r\n margin: 0;\r\n}\r\n\r\n\r\n/* SECTIONS */\r\n\r\n.fu-section {\r\n margin-bottom: 42px;\r\n}\r\n\r\n.fu-section-heading {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-section-icon {\r\n width: 50px;\r\n height: 50px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex: 0 0 50px;\r\n border-radius: 14px;\r\n background: #e9f0ec;\r\n color: var(--fu-green);\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-section-heading h2 {\r\n margin: 0;\r\n color: var(--fu-green);\r\n font-size: clamp(1.5rem, 3vw, 2rem);\r\n}\r\n\r\n.fu-section-heading p {\r\n margin: 2px 0 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n\r\n/* CARDS */\r\n\r\n.fu-grid {\r\n display: grid;\r\n gap: 20px;\r\n}\r\n\r\n.fu-grid-3 {\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n}\r\n\r\n.fu-card {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 26px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.25rem;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-card p {\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-card-icon {\r\n width: 48px;\r\n height: 48px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 13px;\r\n background: #edf3ef;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.fu-card-featured {\r\n border: 2px solid #d5e3dc;\r\n}\r\n\r\n.fu-card-note {\r\n margin-top: 20px;\r\n background: var(--fu-paper);\r\n}\r\n\r\n.fu-card-rule {\r\n min-height: 100%;\r\n}\r\n\r\n\r\n/* INFO GRID */\r\n\r\n.fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 24px;\r\n}\r\n\r\n.fu-info-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n padding: 15px;\r\n background: var(--fu-paper);\r\n border-radius: 12px;\r\n}\r\n\r\n.fu-info-item > i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 2px;\r\n}\r\n\r\n.fu-info-item strong,\r\n.fu-info-item span {\r\n display: block;\r\n}\r\n\r\n.fu-info-item strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n\r\n/* CONTACT */\r\n\r\n.fu-contact-card {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 30px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 20px;\r\n padding: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-contact-main {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n}\r\n\r\n.fu-contact-icon {\r\n width: 58px;\r\n height: 58px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex: 0 0 58px;\r\n background: #e9f0ec;\r\n color: var(--fu-green);\r\n border-radius: 15px;\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-contact-main h3 {\r\n margin: 0 0 15px;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-contact-list {\r\n display: grid;\r\n gap: 10px;\r\n}\r\n\r\n.fu-contact-list > div {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n}\r\n\r\n.fu-contact-list i {\r\n color: var(--fu-green);\r\n margin-top: 4px;\r\n}\r\n\r\n.fu-contact-list a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-contact-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n\r\n/* RELATED */\r\n\r\n.fu-card-link {\r\n display: block;\r\n color: inherit;\r\n text-decoration: none !important;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-card-link:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 34px rgba(31,75,63,.14);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-card-link-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 18px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n\r\n/* SOURCE */\r\n\r\n.fu-source {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n padding: 18px 20px;\r\n background: var(--fu-paper);\r\n border-radius: 14px;\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-source > i {\r\n color: var(--fu-green);\r\n margin-top: 4px;\r\n}\r\n\r\n.fu-source a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n\r\n/* BACK */\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n padding-bottom: 20px;\r\n}\r\n\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-grid-3 {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-contact-card {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 700px) {\r\n\r\n .fu-hero-inner {\r\n padding: 34px 24px;\r\n }\r\n\r\n .fu-grid-3,\r\n .fu-info-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-contact-card {\r\n padding: 22px;\r\n }\r\n\r\n .fu-contact-main {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-jumpnav a {\r\n width: 100%;\r\n justify-content: flex-start;\r\n }\r\n\r\n .fu-alert {\r\n padding: 18px;\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-hero h1 {\r\n font-size: 1.9rem;\r\n }\r\n\r\n .fu-lead {\r\n font-size: 1.05rem;\r\n }\r\n\r\n .fu-hero-actions,\r\n .fu-contact-actions {\r\n width: 100%;\r\n }\r\n\r\n .fu-hero-actions .fu-btn,\r\n .fu-contact-actions .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 19 ===== */ @scope (.fu-article-19) { \r\n .fu-apostel {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n .fu-apostel .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-apostel .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-apostel .fu-hero p {\r\n margin: 0;\r\n font-size: 1.05rem;\r\n max-width: 850px;\r\n }\r\n\r\n .fu-apostel .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-apostel .fu-nav-title {\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n color: var(--fu-brand);\r\n }\r\n\r\n .fu-apostel .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-apostel .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-apostel .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n .fu-apostel .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-apostel .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-apostel .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-apostel .fu-icon-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-apostel .fu-icon-title i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n .fu-apostel .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n margin-top: 16px;\r\n }\r\n\r\n .fu-apostel .fu-price-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n gap: 12px;\r\n margin-top: 16px;\r\n }\r\n\r\n .fu-apostel .fu-price {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n padding: 14px;\r\n text-align: center;\r\n font-weight: 700;\r\n color: var(--fu-brand);\r\n }\r\n\r\n .fu-apostel .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 18px;\r\n }\r\n\r\n .fu-apostel .fu-contact-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px;\r\n }\r\n\r\n .fu-apostel .fu-contact-box strong {\r\n display: block;\r\n margin-bottom: 6px;\r\n color: var(--fu-brand);\r\n }\r\n\r\n .fu-apostel .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-apostel .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-apostel .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-apostel .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-apostel .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-apostel .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n .fu-apostel .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* PASSENDE INFORMATIONEN */\r\n .fu-apostel .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-apostel .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-apostel .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-apostel .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-apostel .fu-related-card h4 {\r\n margin: 0 0 8px;\r\n color: var(--fu-brand);\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-apostel .fu-related-card p {\r\n margin: 0 0 16px;\r\n color: var(--fu-muted);\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-apostel .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-apostel .fu-related-card a:hover {\r\n color: var(--fu-brand-dark);\r\n text-decoration: underline;\r\n }\r\n\r\n .fu-apostel .fu-backtop {\r\n text-align: right;\r\n margin-top: 12px;\r\n }\r\n\r\n .fu-apostel .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .fu-apostel .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-apostel .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-apostel .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-apostel .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-apostel .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 21 ===== */ @scope (.fu-article-21) { \r\n .fu-vortagsladen {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n .fu-vortagsladen .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-vortagsladen .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-vortagsladen .fu-hero p {\r\n margin: 0;\r\n max-width: 920px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n .fu-vortagsladen .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-vortagsladen .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-vortagsladen .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-vortagsladen .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-vortagsladen .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n .fu-vortagsladen .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-vortagsladen .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-vortagsladen .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-vortagsladen .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-vortagsladen .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n .fu-vortagsladen .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 17px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =========================================================\r\n STANDORTE\r\n ========================================================= */\r\n\r\n .fu-vortagsladen .fu-location-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-vortagsladen .fu-location {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n }\r\n\r\n .fu-vortagsladen .fu-location-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.65rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-vortagsladen .fu-location h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 10px;\r\n font-size: 1.15rem;\r\n }\r\n\r\n .fu-vortagsladen .fu-location p {\r\n margin: 0 0 12px;\r\n }\r\n\r\n .fu-vortagsladen .fu-location .fu-location-meta {\r\n margin-top: auto;\r\n }\r\n\r\n /* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n .fu-vortagsladen .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 16px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-vortagsladen .fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px;\r\n }\r\n\r\n .fu-vortagsladen .fu-info-box strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n margin-bottom: 6px;\r\n }\r\n\r\n /* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n .fu-vortagsladen .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-vortagsladen .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-vortagsladen .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-vortagsladen .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-vortagsladen .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-vortagsladen .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n .fu-vortagsladen .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-vortagsladen .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-vortagsladen .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-vortagsladen .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-vortagsladen .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-vortagsladen .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-vortagsladen .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-vortagsladen .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n NOTE\r\n ========================================================= */\r\n\r\n .fu-vortagsladen .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =========================================================\r\n BACK TO TOP\r\n ========================================================= */\r\n\r\n .fu-vortagsladen .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-vortagsladen .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-vortagsladen .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-vortagsladen .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-vortagsladen .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-vortagsladen .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-vortagsladen .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 22 ===== */ @scope (.fu-article-22) { \r\n .fu-brotausgabe {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n .fu-brotausgabe .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-brotausgabe .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-brotausgabe .fu-hero p {\r\n margin: 0;\r\n max-width: 920px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n .fu-brotausgabe .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-brotausgabe .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-brotausgabe .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-brotausgabe .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-brotausgabe .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n .fu-brotausgabe .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-brotausgabe .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-brotausgabe .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-brotausgabe .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-brotausgabe .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n .fu-brotausgabe .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 17px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n .fu-brotausgabe .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 16px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-brotausgabe .fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px;\r\n }\r\n\r\n .fu-brotausgabe .fu-info-box strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n margin-bottom: 6px;\r\n }\r\n\r\n /* =========================================================\r\n ANGEBOTSKARTEN\r\n ========================================================= */\r\n\r\n .fu-brotausgabe .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-brotausgabe .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-brotausgabe .fu-service i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-brotausgabe .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-brotausgabe .fu-service p {\r\n margin: 0;\r\n }\r\n\r\n /* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n .fu-brotausgabe .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-brotausgabe .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-brotausgabe .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-brotausgabe .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-brotausgabe .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-brotausgabe .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n .fu-brotausgabe .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-brotausgabe .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-brotausgabe .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-brotausgabe .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-brotausgabe .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-brotausgabe .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-brotausgabe .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-brotausgabe .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n .fu-brotausgabe .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =========================================================\r\n BACK TO TOP\r\n ========================================================= */\r\n\r\n .fu-brotausgabe .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-brotausgabe .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-brotausgabe .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-brotausgabe .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-brotausgabe .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-brotausgabe .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-brotausgabe .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 23 ===== */ @scope (.fu-article-23) { \r\n .fu-fairteilbar {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n .fu-fairteilbar .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-fairteilbar .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-fairteilbar .fu-hero p {\r\n margin: 0;\r\n max-width: 920px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n .fu-fairteilbar .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-fairteilbar .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-fairteilbar .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-fairteilbar .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-fairteilbar .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n SECTIONS / CARDS\r\n ========================================================= */\r\n\r\n .fu-fairteilbar .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-fairteilbar .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-fairteilbar .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-fairteilbar .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-fairteilbar .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n .fu-fairteilbar .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n .fu-fairteilbar .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 16px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-fairteilbar .fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px;\r\n }\r\n\r\n .fu-fairteilbar .fu-info-box strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n margin-bottom: 6px;\r\n }\r\n\r\n /* =========================================================\r\n ANGEBOTS-KARTEN\r\n ========================================================= */\r\n\r\n .fu-fairteilbar .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-fairteilbar .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-fairteilbar .fu-service i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-fairteilbar .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-fairteilbar .fu-service p {\r\n margin: 0;\r\n }\r\n\r\n /* =========================================================\r\n PREISMODELL\r\n ========================================================= */\r\n\r\n .fu-fairteilbar .fu-price-box {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-fairteilbar .fu-price-card {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n }\r\n\r\n .fu-fairteilbar .fu-price-card i {\r\n color: var(--fu-accent);\r\n font-size: 1.7rem;\r\n display: block;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-fairteilbar .fu-price-card h4 {\r\n margin: 0 0 8px;\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n .fu-fairteilbar .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-fairteilbar .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-fairteilbar .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-fairteilbar .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-fairteilbar .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-fairteilbar .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n .fu-fairteilbar .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-fairteilbar .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-fairteilbar .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-fairteilbar .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-fairteilbar .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-fairteilbar .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-fairteilbar .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-fairteilbar .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n .fu-fairteilbar .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =========================================================\r\n ZURÜCK NACH OBEN\r\n ========================================================= */\r\n\r\n .fu-fairteilbar .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-fairteilbar .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-fairteilbar .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-fairteilbar .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-fairteilbar .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-fairteilbar .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-fairteilbar .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 24 ===== */ @scope (.fu-article-24) { \r\n .fu-foodsharing {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n .fu-foodsharing .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-foodsharing .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-foodsharing .fu-hero p {\r\n margin: 0;\r\n max-width: 920px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n .fu-foodsharing .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-foodsharing .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-foodsharing .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-foodsharing .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-foodsharing .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n SECTIONS / CARDS\r\n ========================================================= */\r\n\r\n .fu-foodsharing .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-foodsharing .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-foodsharing .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-foodsharing .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-foodsharing .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n .fu-foodsharing .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n .fu-foodsharing .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 16px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-foodsharing .fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px;\r\n }\r\n\r\n .fu-foodsharing .fu-info-box strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n margin-bottom: 6px;\r\n }\r\n\r\n /* =========================================================\r\n ANGEBOTS-KARTEN\r\n ========================================================= */\r\n\r\n .fu-foodsharing .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-foodsharing .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-foodsharing .fu-service i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-foodsharing .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-foodsharing .fu-service p {\r\n margin: 0;\r\n }\r\n\r\n /* =========================================================\r\n STANDORTE\r\n ========================================================= */\r\n\r\n .fu-foodsharing .fu-location-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-foodsharing .fu-location {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n padding: 15px;\r\n }\r\n\r\n .fu-foodsharing .fu-location i {\r\n color: var(--fu-accent);\r\n font-size: 1.25rem;\r\n margin-top: 3px;\r\n }\r\n\r\n .fu-foodsharing .fu-location strong {\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n .fu-foodsharing .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-foodsharing .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-foodsharing .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-foodsharing .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-foodsharing .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-foodsharing .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n .fu-foodsharing .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-foodsharing .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-foodsharing .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-foodsharing .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-foodsharing .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-foodsharing .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-foodsharing .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-foodsharing .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n .fu-foodsharing .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =========================================================\r\n ZURÜCK NACH OBEN\r\n ========================================================= */\r\n\r\n .fu-foodsharing .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-foodsharing .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-foodsharing .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-foodsharing .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-foodsharing .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-foodsharing .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-foodsharing .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 25 ===== */ @scope (.fu-article-25) { \r\n .fu-frauentreff {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n .fu-frauentreff .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-frauentreff .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-frauentreff .fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n .fu-frauentreff .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-frauentreff .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-frauentreff .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-frauentreff .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-frauentreff .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n .fu-frauentreff .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-frauentreff .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-frauentreff .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-frauentreff .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-frauentreff .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n .fu-frauentreff .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n .fu-frauentreff .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 16px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-frauentreff .fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px;\r\n }\r\n\r\n .fu-frauentreff .fu-info-box strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n margin-bottom: 6px;\r\n }\r\n\r\n .fu-frauentreff .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-frauentreff .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-frauentreff .fu-service i {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n display: block;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-frauentreff .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-frauentreff .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-frauentreff .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-frauentreff .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-frauentreff .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-frauentreff .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-frauentreff .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n .fu-frauentreff .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-frauentreff .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-frauentreff .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-frauentreff .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-frauentreff .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-frauentreff .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-frauentreff .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-frauentreff .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n .fu-frauentreff .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n .fu-frauentreff .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-frauentreff .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-frauentreff .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-frauentreff .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-frauentreff .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-frauentreff .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-frauentreff .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 27 ===== */ @scope (.fu-article-27) { \r\n .fu-tafel {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n .fu-tafel .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-tafel .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-tafel .fu-hero p {\r\n margin: 0;\r\n max-width: 920px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n .fu-tafel .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-tafel .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-tafel .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-tafel .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-tafel .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n SECTIONS / CARDS\r\n ========================================================= */\r\n\r\n .fu-tafel .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-tafel .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-tafel .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-tafel .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-tafel .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n .fu-tafel .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n .fu-tafel .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 16px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-tafel .fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px;\r\n }\r\n\r\n .fu-tafel .fu-info-box strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n margin-bottom: 6px;\r\n }\r\n\r\n /* =========================================================\r\n ANGEBOTE\r\n ========================================================= */\r\n\r\n .fu-tafel .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-tafel .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-tafel .fu-service i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-tafel .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-tafel .fu-service p {\r\n margin: 0;\r\n }\r\n\r\n /* =========================================================\r\n SCHRITTE\r\n ========================================================= */\r\n\r\n .fu-tafel .fu-step-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-tafel .fu-step {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n }\r\n\r\n .fu-tafel .fu-step-number {\r\n width: 38px;\r\n height: 38px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-tafel .fu-step h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n }\r\n\r\n /* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n .fu-tafel .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-tafel .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-tafel .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-tafel .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-tafel .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-tafel .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n .fu-tafel .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-tafel .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-tafel .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-tafel .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-tafel .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-tafel .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-tafel .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-tafel .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n .fu-tafel .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =========================================================\r\n ZURÜCK NACH OBEN\r\n ========================================================= */\r\n\r\n .fu-tafel .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-tafel .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-tafel .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-tafel .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-tafel .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-tafel .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-tafel .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 28 ===== */ @scope (.fu-article-28) { \r\n .fu-mundraub {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n .fu-mundraub .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-mundraub .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-mundraub .fu-hero p {\r\n margin: 0;\r\n max-width: 930px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n .fu-mundraub .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-mundraub .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-mundraub .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-mundraub .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-mundraub .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n SECTIONS / CARDS\r\n ========================================================= */\r\n\r\n .fu-mundraub .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-mundraub .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-mundraub .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-mundraub .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-mundraub .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n .fu-mundraub .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =========================================================\r\n SERVICE GRID\r\n ========================================================= */\r\n\r\n .fu-mundraub .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-mundraub .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-mundraub .fu-service i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-mundraub .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-mundraub .fu-service p {\r\n margin: 0;\r\n }\r\n\r\n /* =========================================================\r\n SCHRITTE\r\n ========================================================= */\r\n\r\n .fu-mundraub .fu-step-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-mundraub .fu-step {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n }\r\n\r\n .fu-mundraub .fu-step-number {\r\n width: 38px;\r\n height: 38px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-mundraub .fu-step h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n }\r\n\r\n /* =========================================================\r\n APP GRID\r\n ========================================================= */\r\n\r\n .fu-mundraub .fu-app-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-mundraub .fu-app-card {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n }\r\n\r\n .fu-mundraub .fu-app-card i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.8rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-mundraub .fu-app-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n }\r\n\r\n .fu-mundraub .fu-app-card p {\r\n margin-bottom: 14px;\r\n }\r\n\r\n .fu-mundraub .fu-app-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n text-decoration: none;\r\n }\r\n\r\n .fu-mundraub .fu-app-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n RULES\r\n ========================================================= */\r\n\r\n .fu-mundraub .fu-rule-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-mundraub .fu-rule {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n }\r\n\r\n .fu-mundraub .fu-rule i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-mundraub .fu-rule h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n }\r\n\r\n /* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n .fu-mundraub .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-mundraub .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-mundraub .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-mundraub .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-mundraub .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-mundraub .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n .fu-mundraub .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-mundraub .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-mundraub .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-mundraub .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-mundraub .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-mundraub .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-mundraub .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-mundraub .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n .fu-mundraub .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =========================================================\r\n ZURÜCK NACH OBEN\r\n ========================================================= */\r\n\r\n .fu-mundraub .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-mundraub .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-mundraub .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-mundraub .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-mundraub .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-mundraub .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-mundraub .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 29 ===== */ @scope (.fu-article-29) { \r\n .fu-tgtg {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n .fu-tgtg .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-tgtg .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-tgtg .fu-hero p {\r\n margin: 0;\r\n max-width: 930px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n .fu-tgtg .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-tgtg .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-tgtg .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-tgtg .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-tgtg .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n SECTIONS / CARDS\r\n ========================================================= */\r\n\r\n .fu-tgtg .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-tgtg .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-tgtg .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-tgtg .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-tgtg .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n .fu-tgtg .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =========================================================\r\n ANGEBOT / SERVICE GRID\r\n ========================================================= */\r\n\r\n .fu-tgtg .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-tgtg .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-tgtg .fu-service i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-tgtg .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-tgtg .fu-service p {\r\n margin: 0;\r\n }\r\n\r\n /* =========================================================\r\n SCHRITTE\r\n ========================================================= */\r\n\r\n .fu-tgtg .fu-step-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-tgtg .fu-step {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n }\r\n\r\n .fu-tgtg .fu-step-number {\r\n width: 38px;\r\n height: 38px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-tgtg .fu-step h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n }\r\n\r\n /* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n .fu-tgtg .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-tgtg .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-tgtg .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-tgtg .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-tgtg .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-tgtg .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n APP BOX\r\n ========================================================= */\r\n\r\n .fu-tgtg .fu-app-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-tgtg .fu-app-card {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n }\r\n\r\n .fu-tgtg .fu-app-card i {\r\n color: var(--fu-accent);\r\n font-size: 1.8rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-tgtg .fu-app-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n }\r\n\r\n .fu-tgtg .fu-app-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n text-decoration: none;\r\n }\r\n\r\n .fu-tgtg .fu-app-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n .fu-tgtg .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-tgtg .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-tgtg .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-tgtg .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-tgtg .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-tgtg .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-tgtg .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-tgtg .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n .fu-tgtg .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =========================================================\r\n ZURÜCK NACH OBEN\r\n ========================================================= */\r\n\r\n .fu-tgtg .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-tgtg .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-tgtg .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-tgtg .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-tgtg .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-tgtg .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-tgtg .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 30 ===== */ @scope (.fu-article-30) { \r\n .fu-clemens {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =====================================================\r\n HERO\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-clemens .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-clemens .fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =====================================================\r\n SPRUNGMARKEN\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-clemens .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-clemens .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-clemens .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-clemens .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =====================================================\r\n SECTIONS / CARDS\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-clemens .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-clemens .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-clemens .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-clemens .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =====================================================\r\n HIGHLIGHT\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =====================================================\r\n INFO GRID\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 16px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-clemens .fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px;\r\n }\r\n\r\n .fu-clemens .fu-info-box strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n margin-bottom: 6px;\r\n }\r\n\r\n /* =====================================================\r\n ANGEBOTS-KARTEN\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-clemens .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-clemens .fu-service i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-clemens .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-clemens .fu-service p {\r\n margin: 0;\r\n }\r\n\r\n /* =====================================================\r\n BUTTONS\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-clemens .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-clemens .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-clemens .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-clemens .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-clemens .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =====================================================\r\n PASSENDE INFORMATIONEN\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-clemens .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-clemens .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-clemens .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-clemens .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-clemens .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-clemens .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-clemens .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =====================================================\r\n HINWEIS\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =====================================================\r\n ZURÜCK NACH OBEN\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-clemens .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =====================================================\r\n RESPONSIVE\r\n ===================================================== */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-clemens .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-clemens .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-clemens .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-clemens .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-clemens .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 32 ===== */ @scope (.fu-article-32) { \r\n .fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-light: #e8f0ed;\r\n --fu-accent: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n --fu-border: #dfe6e2;\r\n --fu-white: #ffffff;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 10px 20px 40px;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n }\r\n\r\n .fu-page * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #356b5b);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 38px 32px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-hero-icon {\r\n font-size: 2.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-hero h1 {\r\n color: #fff;\r\n margin: 0 0 12px;\r\n font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n line-height: 1.2;\r\n }\r\n\r\n .fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-intro {\r\n background: var(--fu-paper);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 22px 24px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .fu-section-title {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin: 32px 0 18px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-section-title i {\r\n font-size: 1.4rem;\r\n }\r\n\r\n .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n margin: 20px 0 28px;\r\n }\r\n\r\n .fu-card {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n box-shadow: 0 5px 16px rgba(0,0,0,.07);\r\n height: 100%;\r\n }\r\n\r\n .fu-card-icon {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 12px;\r\n background: var(--fu-brand-light);\r\n color: var(--fu-brand);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.45rem;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.2rem;\r\n margin: 0 0 8px;\r\n }\r\n\r\n .fu-card p {\r\n margin: 0;\r\n }\r\n\r\n .fu-highlight {\r\n background: #fff8ee;\r\n border: 1px solid #f0d8b7;\r\n border-radius: 15px;\r\n padding: 24px;\r\n margin: 28px 0;\r\n }\r\n\r\n .fu-highlight h2 {\r\n color: var(--fu-brand);\r\n margin-top: 0;\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-button-wrap {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n padding: 11px 18px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n transition: transform .15s ease, box-shadow .15s ease;\r\n }\r\n\r\n .fu-button:hover,\r\n .fu-button:focus {\r\n color: #fff !important;\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 14px rgba(0,0,0,.14);\r\n }\r\n\r\n .fu-button-secondary {\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n border: 1px solid var(--fu-brand);\r\n }\r\n\r\n .fu-button-secondary:hover,\r\n .fu-button-secondary:focus {\r\n color: var(--fu-brand) !important;\r\n }\r\n\r\n .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n margin-top: 14px;\r\n }\r\n\r\n .fu-info-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 18px 0;\r\n }\r\n\r\n .fu-info-list li {\r\n display: flex;\r\n gap: 10px;\r\n align-items: flex-start;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-info-list i {\r\n color: var(--fu-brand);\r\n margin-top: 4px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .fu-related {\r\n margin-top: 38px;\r\n padding-top: 8px;\r\n }\r\n\r\n .fu-related-card {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n padding: 17px 20px;\r\n color: var(--fu-brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n box-shadow: 0 4px 13px rgba(0,0,0,.06);\r\n height: 100%;\r\n }\r\n\r\n .fu-related-card:hover {\r\n box-shadow: 0 7px 18px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-related-card i {\r\n font-size: 1.45rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .fu-page {\r\n padding-left: 12px;\r\n padding-right: 12px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 28px 22px;\r\n }\r\n\r\n .fu-card {\r\n padding: 19px;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 34 ===== */ @scope (.fu-article-34) { \r\n.fu-telefonseelsorge {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #16382f;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68736f;\r\n --fu-border: #e5e8e5;\r\n --fu-danger: #8b2635;\r\n --fu-danger-bg: #fff3f4;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.10);\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1.05rem;\r\n}\r\n\r\n.fu-telefonseelsorge *,\r\n.fu-telefonseelsorge *::before,\r\n.fu-telefonseelsorge *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-telefonseelsorge h2,\r\n.fu-telefonseelsorge h3 {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-telefonseelsorge h2 {\r\n margin: 2.5rem 0 1rem;\r\n}\r\n\r\n.fu-telefonseelsorge h3 {\r\n margin: 0 0 .6rem;\r\n}\r\n\r\n.fu-telefonseelsorge p {\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.fu-telefonseelsorge a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 30px;\r\n margin-bottom: 25px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-telefonseelsorge .fu-intro h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-jump {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 22px 0 30px;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 14px;\r\n border-radius: 999px;\r\n background: #eef3f0;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-size: .95rem;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-jump a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-phone-box {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 32px;\r\n margin: 25px 0;\r\n box-shadow: 0 10px 28px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-telefonseelsorge .fu-phone-box h2 {\r\n color: #fff;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-phone-box a {\r\n color: #fff;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-number {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin: 20px 0;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-number a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 13px 18px;\r\n border-radius: 12px;\r\n background: rgba(255,255,255,.12);\r\n border: 1px solid rgba(255,255,255,.25);\r\n text-decoration: none;\r\n font-size: 1.2rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-number a:hover {\r\n background: #fff;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-telefonseelsorge .fu-available {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0,1fr));\r\n gap: 20px;\r\n margin: 20px 0 30px;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-card {\r\n display: block;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: var(--fu-shadow);\r\n text-decoration: none;\r\n color: var(--fu-text);\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease,\r\n border-color .2s ease;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 30px rgba(31,75,63,.16);\r\n border-color: #cbd8d2;\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-telefonseelsorge .fu-card h3 {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-telefonseelsorge .fu-card p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-telefonseelsorge .fu-icon {\r\n width: 46px;\r\n height: 46px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 13px;\r\n background: #edf3f0;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-info {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 26px 28px;\r\n margin: 25px 0;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-info h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-danger {\r\n background: var(--fu-danger-bg);\r\n border-left: 5px solid var(--fu-danger);\r\n border-radius: 14px;\r\n padding: 20px 22px;\r\n margin: 28px 0;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-danger strong {\r\n color: var(--fu-danger);\r\n}\r\n\r\n.fu-telefonseelsorge .fu-official {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 5px;\r\n padding: 12px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-official:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-related {\r\n margin-top: 45px;\r\n padding-top: 5px;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-related-intro {\r\n color: var(--fu-muted);\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-back {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 28px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: #edf3f0;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-telefonseelsorge .fu-back:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-telefonseelsorge {\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-telefonseelsorge .fu-intro,\r\n .fu-telefonseelsorge .fu-phone-box,\r\n .fu-telefonseelsorge .fu-info {\r\n padding: 22px;\r\n }\r\n\r\n .fu-telefonseelsorge .fu-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-telefonseelsorge .fu-jump {\r\n gap: 7px;\r\n }\r\n\r\n .fu-telefonseelsorge .fu-jump a {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .fu-telefonseelsorge .fu-number {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-telefonseelsorge .fu-number a {\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 35 ===== */ @scope (.fu-article-35) { \r\n/* =========================================================\r\n FAST UMSONST – APOTHEKENNOTDIENST\r\n ========================================================= */\r\n\r\n.fu-apotheke {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #173a31;\r\n --fu-green-light: #eaf2ef;\r\n --fu-paper: #faf8f4;\r\n --fu-white: #ffffff;\r\n --fu-text: #27332f;\r\n --fu-muted: #66736e;\r\n --fu-border: #dfe7e3;\r\n --fu-danger: #a63d40;\r\n\r\n max-width: 1050px;\r\n margin: 0 auto;\r\n padding: 10px 15px 50px;\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-apotheke h2,\r\n.fu-apotheke h3,\r\n.fu-apotheke h4 {\r\n color: var(--fu-green);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-apotheke h2 {\r\n font-size: clamp(1.8rem, 3vw, 2.45rem);\r\n margin: 0 0 14px;\r\n}\r\n\r\n.fu-apotheke h3 {\r\n font-size: 1.4rem;\r\n margin: 0 0 12px;\r\n}\r\n\r\n.fu-apotheke h4 {\r\n font-size: 1.15rem;\r\n margin: 0 0 8px;\r\n}\r\n\r\n.fu-apotheke p {\r\n margin: 0 0 15px;\r\n}\r\n\r\n.fu-apotheke a {\r\n color: var(--fu-green);\r\n}\r\n\r\n\r\n/* =========================================================\r\n EINLEITUNG\r\n ========================================================= */\r\n\r\n.fu-apotheke-intro {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 30px;\r\n margin-bottom: 25px;\r\n box-shadow: 0 8px 25px rgba(31, 75, 63, .08);\r\n}\r\n\r\n.fu-apotheke-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n font-size: .9rem;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.fu-apotheke-kicker i {\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-apotheke-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-apotheke-jump {\r\n background: var(--fu-green-light);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-apotheke-jump-title {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-apotheke-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-apotheke-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 14px;\r\n background: var(--fu-white);\r\n border: 1px solid rgba(31, 75, 63, .12);\r\n border-radius: 999px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: .92rem;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-apotheke-jump-links a:hover,\r\n.fu-apotheke-jump-links a:focus {\r\n background: var(--fu-green);\r\n color: var(--fu-white);\r\n}\r\n\r\n\r\n/* =========================================================\r\n NOTDIENST-SUCHE – HAUPTBEREICH\r\n ========================================================= */\r\n\r\n.fu-apotheke-search {\r\n background: var(--fu-green);\r\n color: var(--fu-white);\r\n border-radius: 20px;\r\n padding: 30px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(31, 75, 63, .18);\r\n}\r\n\r\n.fu-apotheke-search h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--fu-white);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-apotheke-search p {\r\n color: var(--fu-white);\r\n opacity: .96;\r\n}\r\n\r\n.fu-apotheke-search-box {\r\n background: var(--fu-white);\r\n color: var(--fu-text);\r\n border-radius: 15px;\r\n padding: 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-apotheke-search-box strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-apotheke-search-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n margin-top: 12px;\r\n padding: 12px 18px;\r\n background: var(--fu-green);\r\n color: var(--fu-white) !important;\r\n text-decoration: none !important;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-apotheke-search-button:hover,\r\n.fu-apotheke-search-button:focus {\r\n background: var(--fu-green-dark);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SCHRITTE\r\n ========================================================= */\r\n\r\n.fu-apotheke-steps {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n margin: 25px 0 35px;\r\n}\r\n\r\n.fu-apotheke-step {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: 0 5px 18px rgba(31, 75, 63, .06);\r\n}\r\n\r\n.fu-apotheke-step-number {\r\n width: 38px;\r\n height: 38px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: var(--fu-green-light);\r\n color: var(--fu-green);\r\n font-weight: 800;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-apotheke-step p {\r\n color: var(--fu-muted);\r\n margin-bottom: 0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n WICHTIGER HINWEIS\r\n ========================================================= */\r\n\r\n.fu-apotheke-warning {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 15px;\r\n background: #fff5f4;\r\n border: 1px solid #f0d4d2;\r\n border-left: 5px solid var(--fu-danger);\r\n border-radius: 14px;\r\n padding: 20px 22px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-apotheke-warning-icon {\r\n flex: 0 0 auto;\r\n width: 42px;\r\n height: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: var(--fu-danger);\r\n color: #fff;\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-apotheke-warning strong {\r\n color: var(--fu-danger);\r\n}\r\n\r\n.fu-apotheke-warning p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INFORMATIONSKARTEN\r\n ========================================================= */\r\n\r\n.fu-apotheke-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-apotheke-info-card {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 24px;\r\n box-shadow: 0 6px 20px rgba(31, 75, 63, .07);\r\n}\r\n\r\n.fu-apotheke-info-icon {\r\n width: 46px;\r\n height: 46px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n background: var(--fu-green-light);\r\n color: var(--fu-green);\r\n font-size: 1.3rem;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.fu-apotheke-info-card p {\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-apotheke-info-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-apotheke-contact {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 25px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-apotheke-contact h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n}\r\n\r\n.fu-contact-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.fu-contact-row i {\r\n width: 22px;\r\n margin-top: 4px;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-contact-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-contact-row a {\r\n font-weight: 600;\r\n}\r\n\r\n\r\n/* =========================================================\r\n MÜNSTER-KOMPASS\r\n ========================================================= */\r\n\r\n.fu-apotheke-kompass {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 25px;\r\n box-shadow: 0 5px 18px rgba(31, 75, 63, .05);\r\n}\r\n\r\n.fu-apotheke-kompass h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n}\r\n\r\n.fu-apotheke-kompass p {\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-apotheke-kompass-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 16px;\r\n border-radius: 10px;\r\n background: var(--fu-green);\r\n color: var(--fu-white) !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-apotheke-kompass-link:hover,\r\n.fu-apotheke-kompass-link:focus {\r\n background: var(--fu-green-dark);\r\n transform: translateY(-2px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-apotheke {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-apotheke-intro,\r\n .fu-apotheke-search {\r\n padding: 23px;\r\n }\r\n\r\n .fu-apotheke-steps,\r\n .fu-apotheke-info-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-apotheke-jump-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-apotheke-jump-links a {\r\n justify-content: flex-start;\r\n }\r\n\r\n .fu-apotheke-warning {\r\n padding: 18px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 38 ===== */ @scope (.fu-article-38) { \r\n/* =========================================================\r\n FAST UMSONST – WALDFRIEDHOF LAUHEIDE\r\n Einheitliches Seitenlayout nach dem Dülmener-Wildpferde-Standard\r\n ========================================================= */\r\n\r\n.fu-lauheide {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-light:#f3f1eb;\r\n --fu-border:#e4e0d7;\r\n --fu-text:#29332f;\r\n --fu-muted:#66716c;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-lauheide * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-lauheide a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-lauheide a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-lauheide .fu-hero {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:0 10px 30px rgba(23,56,47,.10);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-lauheide .fu-hero img {\r\n display:block;\r\n width:100%;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-lauheide .fu-hero-content {\r\n padding:30px 32px 32px;\r\n}\r\n\r\n.fu-lauheide .fu-kicker {\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-lauheide h1 {\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:clamp(2rem,4vw,3.1rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-lauheide .fu-lead {\r\n max-width:900px;\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-lauheide .fu-image-credit {\r\n margin-top:14px;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-lauheide .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-bottom:28px;\r\n padding:14px;\r\n background:var(--fu-light);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-lauheide .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:10px 15px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:10px;\r\n color:var(--fu-green);\r\n font-weight:600;\r\n line-height:1.3;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-lauheide .fu-nav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-lauheide .fu-section {\r\n margin-bottom:28px;\r\n padding:28px 30px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 8px 24px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-lauheide .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 17px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-lauheide .fu-section h2 i {\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-lauheide .fu-section h3 {\r\n margin:24px 0 8px;\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n font-weight:750;\r\n}\r\n\r\n.fu-lauheide .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-lauheide .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-lauheide .fu-fact {\r\n padding:19px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n}\r\n\r\n.fu-lauheide .fu-fact i {\r\n display:block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.4rem;\r\n}\r\n\r\n.fu-lauheide .fu-fact strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-lauheide .fu-fact span {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-lauheide .fu-highlight {\r\n margin:20px 0;\r\n padding:18px 20px;\r\n background:#fff7ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:10px;\r\n}\r\n\r\n.fu-lauheide .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-lauheide .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:11px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-lauheide .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:46px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n border:1px solid var(--fu-border);\r\n font-weight:700;\r\n line-height:1.3;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-lauheide .fu-btn-primary {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white) !important;\r\n}\r\n\r\n.fu-lauheide .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n border-color:var(--fu-dark);\r\n}\r\n\r\n.fu-lauheide .fu-btn-secondary {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-lauheide .fu-btn-secondary:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white) !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-lauheide .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n}\r\n\r\n.fu-lauheide .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:17px 18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-lauheide .fu-related a i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-lauheide .fu-related a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-lauheide .fu-related a:hover i {\r\n color:var(--fu-white);\r\n}\r\n\r\n/* =========================================================\r\n QUELLEN / STAND\r\n ========================================================= */\r\n\r\n.fu-lauheide .fu-source {\r\n margin-top:8px;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-lauheide .fu-source a {\r\n font-weight:650;\r\n}\r\n\r\n.fu-lauheide .fu-stand {\r\n margin-top:18px;\r\n padding-top:15px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.86rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-lauheide .fu-facts {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-lauheide .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-lauheide .fu-hero img {\r\n max-height:400px;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n\r\n .fu-lauheide {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-lauheide .fu-hero-content {\r\n padding:24px 20px 25px;\r\n }\r\n\r\n .fu-lauheide .fu-section {\r\n padding:23px 20px;\r\n }\r\n\r\n .fu-lauheide .fu-nav {\r\n padding:10px;\r\n }\r\n\r\n .fu-lauheide .fu-nav a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-lauheide .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-lauheide .fu-btn {\r\n width:100%;\r\n }\r\n\r\n .fu-lauheide .fu-hero img {\r\n max-height:300px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 39 ===== */ @scope (.fu-article-39) { \r\n/* =========================================================\r\n FAST UMSONST – TIERGARTEN WOLBECK\r\n Einheitliches Seitenlayout nach dem Dülmener-Wildpferde-Standard\r\n ========================================================= */\r\n\r\n.fu-tiergarten-wolbeck {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-light:#f3f1eb;\r\n --fu-border:#e4e0d7;\r\n --fu-text:#29332f;\r\n --fu-muted:#66716c;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-tiergarten-wolbeck * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-tiergarten-wolbeck a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-tiergarten-wolbeck a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-tiergarten-wolbeck .fu-hero {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:0 10px 30px rgba(23,56,47,.10);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-hero img {\r\n display:block;\r\n width:100%;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-hero-content {\r\n padding:30px 32px 32px;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-kicker {\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-tiergarten-wolbeck h1 {\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:clamp(2rem,4vw,3.1rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-lead {\r\n max-width:900px;\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-image-credit {\r\n margin-top:14px;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-tiergarten-wolbeck .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-bottom:28px;\r\n padding:14px;\r\n background:var(--fu-light);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:10px 15px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:10px;\r\n color:var(--fu-green);\r\n font-weight:600;\r\n line-height:1.3;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-nav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-tiergarten-wolbeck .fu-section {\r\n margin-bottom:28px;\r\n padding:28px 30px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 8px 24px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 17px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-section h2 i {\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-section h3 {\r\n margin:24px 0 8px;\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n font-weight:750;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-tiergarten-wolbeck .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-fact {\r\n padding:19px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-fact i {\r\n display:block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.4rem;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-fact strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-fact span {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-tiergarten-wolbeck .fu-highlight {\r\n margin:20px 0;\r\n padding:18px 20px;\r\n background:#fff7ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:10px;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-tiergarten-wolbeck .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:11px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:46px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n border:1px solid var(--fu-border);\r\n font-weight:700;\r\n line-height:1.3;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-btn-primary {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white) !important;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n border-color:var(--fu-dark);\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-btn-secondary {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-btn-secondary:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white) !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-tiergarten-wolbeck .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:17px 18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-related a i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-related a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-related a:hover i {\r\n color:var(--fu-white);\r\n}\r\n\r\n/* =========================================================\r\n QUELLEN / STAND\r\n ========================================================= */\r\n\r\n.fu-tiergarten-wolbeck .fu-source {\r\n margin-top:8px;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-source a {\r\n font-weight:650;\r\n}\r\n\r\n.fu-tiergarten-wolbeck .fu-stand {\r\n margin-top:18px;\r\n padding-top:15px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.86rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-tiergarten-wolbeck .fu-facts {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-tiergarten-wolbeck .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-tiergarten-wolbeck .fu-hero img {\r\n max-height:400px;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n\r\n .fu-tiergarten-wolbeck {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-tiergarten-wolbeck .fu-hero-content {\r\n padding:24px 20px 25px;\r\n }\r\n\r\n .fu-tiergarten-wolbeck .fu-section {\r\n padding:23px 20px;\r\n }\r\n\r\n .fu-tiergarten-wolbeck .fu-nav {\r\n padding:10px;\r\n }\r\n\r\n .fu-tiergarten-wolbeck .fu-nav a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-tiergarten-wolbeck .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-tiergarten-wolbeck .fu-btn {\r\n width:100%;\r\n }\r\n\r\n .fu-tiergarten-wolbeck .fu-hero img {\r\n max-height:300px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 40 ===== */ @scope (.fu-article-40) { \r\n/* =========================================================\r\n FAST UMSONST – TEUTOBURGER WALD\r\n Einheitliches Seitenlayout nach dem Dülmener-Wildpferde-Standard\r\n ========================================================= */\r\n\r\n.fu-teutoburger-wald {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-light:#f3f1eb;\r\n --fu-border:#e4e0d7;\r\n --fu-text:#29332f;\r\n --fu-muted:#66716c;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-teutoburger-wald * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-teutoburger-wald a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-teutoburger-wald a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-teutoburger-wald .fu-hero {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:0 10px 30px rgba(23,56,47,.10);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-hero img {\r\n display:block;\r\n width:100%;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-hero-content {\r\n padding:30px 32px 32px;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-kicker {\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-teutoburger-wald h1 {\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:clamp(2rem,4vw,3.1rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-lead {\r\n max-width:900px;\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-image-credit {\r\n margin-top:14px;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-teutoburger-wald .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-bottom:28px;\r\n padding:14px;\r\n background:var(--fu-light);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:10px 15px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:10px;\r\n color:var(--fu-green);\r\n font-weight:600;\r\n line-height:1.3;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-nav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-teutoburger-wald .fu-section {\r\n margin-bottom:28px;\r\n padding:28px 30px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 8px 24px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-teutoburger-wald .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 17px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-section h2 i {\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-section h3 {\r\n margin:24px 0 8px;\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n font-weight:750;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-teutoburger-wald .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-fact {\r\n padding:19px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-fact i {\r\n display:block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.4rem;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-fact strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-fact span {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-teutoburger-wald .fu-highlight {\r\n margin:20px 0;\r\n padding:18px 20px;\r\n background:#fff7ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:10px;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-teutoburger-wald .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:11px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:46px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n border:1px solid var(--fu-border);\r\n font-weight:700;\r\n line-height:1.3;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-btn-primary {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white) !important;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n border-color:var(--fu-dark);\r\n}\r\n\r\n.fu-teutoburger-wald .fu-btn-secondary {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-btn-secondary:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white) !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-teutoburger-wald .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:17px 18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-related a i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-related a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-teutoburger-wald .fu-related a:hover i {\r\n color:var(--fu-white);\r\n}\r\n\r\n/* =========================================================\r\n QUELLEN / STAND\r\n ========================================================= */\r\n\r\n.fu-teutoburger-wald .fu-source {\r\n margin-top:8px;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-source a {\r\n font-weight:650;\r\n}\r\n\r\n.fu-teutoburger-wald .fu-stand {\r\n margin-top:18px;\r\n padding-top:15px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.86rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-teutoburger-wald .fu-facts {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-teutoburger-wald .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-teutoburger-wald .fu-hero img {\r\n max-height:400px;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n\r\n .fu-teutoburger-wald {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-teutoburger-wald .fu-hero-content {\r\n padding:24px 20px 25px;\r\n }\r\n\r\n .fu-teutoburger-wald .fu-section {\r\n padding:23px 20px;\r\n }\r\n\r\n .fu-teutoburger-wald .fu-nav {\r\n padding:10px;\r\n }\r\n\r\n .fu-teutoburger-wald .fu-nav a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-teutoburger-wald .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-teutoburger-wald .fu-btn {\r\n width:100%;\r\n }\r\n\r\n .fu-teutoburger-wald .fu-hero img {\r\n max-height:300px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 41 ===== */ @scope (.fu-article-41) { \r\n/* =========================================================\r\n FAST UMSONST – DAVERT\r\n Einheitliches Seitenlayout\r\n Vorlage: Dülmener Wildpferde / Wacholderheide Klatenberge / Venner Moor\r\n ========================================================= */\r\n\r\n.fu-davert {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-light:#f3f1eb;\r\n --fu-border:#e4e0d7;\r\n --fu-text:#29332f;\r\n --fu-muted:#66716c;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-davert * {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HERO\r\n --------------------------------------------------------- */\r\n\r\n.fu-davert .fu-hero {\r\n margin:0 0 30px;\r\n background:var(--fu-white);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:0 8px 28px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-davert .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-davert .fu-hero-content {\r\n padding:30px 32px 32px;\r\n}\r\n\r\n.fu-davert .fu-kicker {\r\n margin:0 0 7px;\r\n color:var(--fu-orange);\r\n font-size:.9rem;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n\r\n.fu-davert h1 {\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:clamp(2rem,4vw,3.1rem);\r\n line-height:1.15;\r\n font-weight:750;\r\n}\r\n\r\n.fu-davert .fu-lead {\r\n margin:0;\r\n max-width:900px;\r\n font-size:1.15rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-davert .fu-image-credit {\r\n margin:0;\r\n padding:9px 18px 12px;\r\n background:#f7f6f2;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SCHNELLNAVIGATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-davert .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 30px;\r\n padding:18px;\r\n background:var(--fu-light);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-davert .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n color:var(--fu-green);\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:650;\r\n line-height:1.3;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-davert .fu-nav a:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n CONTENT CARDS\r\n --------------------------------------------------------- */\r\n\r\n.fu-davert .fu-section {\r\n margin:0 0 28px;\r\n padding:28px 30px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 5px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-davert h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-davert h2 i {\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-davert h3 {\r\n margin:22px 0 9px;\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-davert p {\r\n margin:0 0 15px;\r\n}\r\n\r\n.fu-davert p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n FACTS\r\n --------------------------------------------------------- */\r\n\r\n.fu-davert .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:15px;\r\n margin:20px 0 0;\r\n}\r\n\r\n.fu-davert .fu-fact {\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border-radius:13px;\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-davert .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-davert .fu-fact strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:1.02rem;\r\n}\r\n\r\n.fu-davert .fu-fact span {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HIGHLIGHT\r\n --------------------------------------------------------- */\r\n\r\n.fu-davert .fu-highlight {\r\n margin:20px 0 0;\r\n padding:20px 22px;\r\n background:#fff8ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:10px;\r\n}\r\n\r\n.fu-davert .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BUTTONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-davert .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-davert .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 17px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-davert .fu-btn-primary {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n}\r\n\r\n.fu-davert .fu-btn-primary:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-davert .fu-btn-secondary {\r\n color:var(--fu-green);\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-davert .fu-btn-secondary:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RELATED INFORMATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-davert .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-davert .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n min-height:70px;\r\n padding:15px 17px;\r\n color:var(--fu-green);\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n text-decoration:none;\r\n font-weight:700;\r\n line-height:1.35;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-davert .fu-related a i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-davert .fu-related a:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-davert .fu-related a:hover i {\r\n color:var(--fu-white);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n QUELLEN / STAND\r\n --------------------------------------------------------- */\r\n\r\n.fu-davert .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-davert .fu-source a {\r\n color:var(--fu-green);\r\n font-weight:650;\r\n}\r\n\r\n.fu-davert .fu-stand {\r\n margin-top:22px;\r\n padding-top:15px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.88rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RESPONSIVE\r\n --------------------------------------------------------- */\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-davert .fu-facts {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-davert .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-davert .fu-hero-content,\r\n .fu-davert .fu-section {\r\n padding:23px 20px;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n\r\n .fu-davert {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-davert .fu-hero-image {\r\n min-height:220px;\r\n object-fit:cover;\r\n }\r\n\r\n .fu-davert .fu-nav {\r\n padding:13px;\r\n }\r\n\r\n .fu-davert .fu-nav a {\r\n width:100%;\r\n }\r\n\r\n .fu-davert h1 {\r\n font-size:2rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 42 ===== */ @scope (.fu-article-42) { \r\n/* =========================================================\r\n FAST UMSONST – HOHE WARD\r\n Einheitliches Seitenlayout nach dem Dülmener-Wildpferde-Standard\r\n ========================================================= */\r\n\r\n.fu-hohe-ward {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-light:#f3f1eb;\r\n --fu-border:#e4e0d7;\r\n --fu-text:#29332f;\r\n --fu-muted:#66716c;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-hohe-ward * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-hohe-ward a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-hohe-ward a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hohe-ward .fu-hero {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:0 10px 30px rgba(23,56,47,.10);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-hohe-ward .fu-hero img {\r\n display:block;\r\n width:100%;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-hohe-ward .fu-hero-content {\r\n padding:30px 32px 32px;\r\n}\r\n\r\n.fu-hohe-ward .fu-kicker {\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-hohe-ward h1 {\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:clamp(2rem,4vw,3.1rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-hohe-ward .fu-lead {\r\n max-width:900px;\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-hohe-ward .fu-image-credit {\r\n margin-top:14px;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-hohe-ward .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-bottom:28px;\r\n padding:14px;\r\n background:var(--fu-light);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-hohe-ward .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:10px 15px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:10px;\r\n color:var(--fu-green);\r\n font-weight:600;\r\n line-height:1.3;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-hohe-ward .fu-nav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-hohe-ward .fu-section {\r\n margin-bottom:28px;\r\n padding:28px 30px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 8px 24px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-hohe-ward .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 17px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-hohe-ward .fu-section h2 i {\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-hohe-ward .fu-section h3 {\r\n margin:24px 0 8px;\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n font-weight:750;\r\n}\r\n\r\n.fu-hohe-ward .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-hohe-ward .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-hohe-ward .fu-fact {\r\n padding:19px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n}\r\n\r\n.fu-hohe-ward .fu-fact i {\r\n display:block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.4rem;\r\n}\r\n\r\n.fu-hohe-ward .fu-fact strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-hohe-ward .fu-fact span {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-hohe-ward .fu-highlight {\r\n margin:20px 0;\r\n padding:18px 20px;\r\n background:#fff7ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:10px;\r\n}\r\n\r\n.fu-hohe-ward .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-hohe-ward .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:11px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-hohe-ward .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:46px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n border:1px solid var(--fu-border);\r\n font-weight:700;\r\n line-height:1.3;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-hohe-ward .fu-btn-primary {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white) !important;\r\n}\r\n\r\n.fu-hohe-ward .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n border-color:var(--fu-dark);\r\n}\r\n\r\n.fu-hohe-ward .fu-btn-secondary {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-hohe-ward .fu-btn-secondary:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white) !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-hohe-ward .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n}\r\n\r\n.fu-hohe-ward .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:17px 18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-hohe-ward .fu-related a i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-hohe-ward .fu-related a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-hohe-ward .fu-related a:hover i {\r\n color:var(--fu-white);\r\n}\r\n\r\n/* =========================================================\r\n QUELLEN / STAND\r\n ========================================================= */\r\n\r\n.fu-hohe-ward .fu-source {\r\n margin-top:8px;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-hohe-ward .fu-source a {\r\n font-weight:650;\r\n}\r\n\r\n.fu-hohe-ward .fu-stand {\r\n margin-top:18px;\r\n padding-top:15px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.86rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:800px) {\r\n .fu-hohe-ward .fu-facts {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-hohe-ward .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-hohe-ward .fu-hero img {\r\n max-height:400px;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n .fu-hohe-ward {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-hohe-ward .fu-hero-content {\r\n padding:24px 20px 25px;\r\n }\r\n\r\n .fu-hohe-ward .fu-section {\r\n padding:23px 20px;\r\n }\r\n\r\n .fu-hohe-ward .fu-nav {\r\n padding:10px;\r\n }\r\n\r\n .fu-hohe-ward .fu-nav a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-hohe-ward .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-hohe-ward .fu-btn {\r\n width:100%;\r\n }\r\n\r\n .fu-hohe-ward .fu-hero img {\r\n max-height:300px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 43 ===== */ @scope (.fu-article-43) { \r\n/* =========================================================\r\n FAST UMSONST – BONIBURGER WALD\r\n Einheitliches Seitenlayout wie Dülmener Wildpferde\r\n ========================================================= */\r\n\r\n.fu-boniburger {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-light:#f3f1eb;\r\n --fu-border:#e4e0d7;\r\n --fu-text:#29332f;\r\n --fu-muted:#66716c;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-boniburger * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-boniburger img {\r\n max-width:100%;\r\n height:auto;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-boniburger .fu-hero {\r\n background:var(--fu-white);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:0 8px 24px rgba(0,0,0,.08);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-boniburger .fu-hero img {\r\n display:block;\r\n width:100%;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-boniburger .fu-hero-content {\r\n padding:30px 32px 32px;\r\n}\r\n\r\n.fu-boniburger .fu-kicker {\r\n margin:0 0 8px;\r\n color:var(--fu-orange);\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-boniburger h1 {\r\n margin:0 0 14px;\r\n color:var(--fu-green);\r\n font-size:clamp(2rem,5vw,3.1rem);\r\n line-height:1.15;\r\n}\r\n\r\n.fu-boniburger .fu-lead {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:1.15rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-boniburger .fu-image-credit {\r\n margin-top:14px;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-boniburger .fu-image-credit a {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* NAVIGATION */\r\n\r\n.fu-boniburger .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-bottom:28px;\r\n padding:14px;\r\n background:var(--fu-light);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-boniburger .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:10px;\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-boniburger .fu-nav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white);\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-boniburger .fu-section {\r\n margin-bottom:28px;\r\n padding:28px 30px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 6px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-boniburger h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 18px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-boniburger h2 i {\r\n color:var(--fu-orange);\r\n font-size:1.4rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-boniburger h3 {\r\n margin:24px 0 10px;\r\n color:var(--fu-dark);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-boniburger p {\r\n margin:0 0 16px;\r\n}\r\n\r\n.fu-boniburger p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* FACTS */\r\n\r\n.fu-boniburger .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-boniburger .fu-fact {\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n}\r\n\r\n.fu-boniburger .fu-fact i {\r\n display:block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-boniburger .fu-fact strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:var(--fu-green);\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-boniburger .fu-fact span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-boniburger .fu-highlight {\r\n margin:22px 0;\r\n padding:18px 20px;\r\n background:#fff7ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:10px;\r\n}\r\n\r\n.fu-boniburger .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* BUTTONS */\r\n\r\n.fu-boniburger .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-boniburger .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n font-weight:700;\r\n text-decoration:none;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-boniburger .fu-btn-primary {\r\n background:var(--fu-green);\r\n border:1px solid var(--fu-green);\r\n color:var(--fu-white);\r\n}\r\n\r\n.fu-boniburger .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n border-color:var(--fu-dark);\r\n color:var(--fu-white);\r\n}\r\n\r\n.fu-boniburger .fu-btn-secondary {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-boniburger .fu-btn-secondary:hover {\r\n background:var(--fu-light);\r\n border-color:var(--fu-green);\r\n color:var(--fu-green);\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-boniburger .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n}\r\n\r\n.fu-boniburger .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:17px 18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-boniburger .fu-related a i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n margin-top:2px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-boniburger .fu-related a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white);\r\n}\r\n\r\n.fu-boniburger .fu-related a:hover i {\r\n color:var(--fu-white);\r\n}\r\n\r\n/* SOURCE */\r\n\r\n.fu-boniburger .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-boniburger .fu-source a {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-boniburger .fu-stand {\r\n margin-top:18px;\r\n padding-top:14px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.85rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-boniburger .fu-facts {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-boniburger .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-boniburger .fu-hero-content {\r\n padding:24px;\r\n }\r\n\r\n .fu-boniburger .fu-section {\r\n padding:24px;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:600px) {\r\n\r\n .fu-boniburger {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-boniburger .fu-nav {\r\n display:block;\r\n }\r\n\r\n .fu-boniburger .fu-nav a {\r\n display:flex;\r\n margin-bottom:8px;\r\n }\r\n\r\n .fu-boniburger .fu-nav a:last-child {\r\n margin-bottom:0;\r\n }\r\n\r\n .fu-boniburger .fu-buttons {\r\n display:block;\r\n }\r\n\r\n .fu-boniburger .fu-btn {\r\n display:flex;\r\n width:100%;\r\n margin-bottom:10px;\r\n }\r\n\r\n .fu-boniburger .fu-btn:last-child {\r\n margin-bottom:0;\r\n }\r\n\r\n .fu-boniburger .fu-section {\r\n padding:20px;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 44 ===== */ @scope (.fu-article-44) { \r\n/* =========================================================\r\n FAST UMSONST – BOCKHOLTER BERGE\r\n Einheitliches Seitenlayout wie Dülmener Wildpferde\r\n ========================================================= */\r\n\r\n.fu-bockholter {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-light:#f3f1eb;\r\n --fu-border:#e4e0d7;\r\n --fu-text:#29332f;\r\n --fu-muted:#66716c;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-bockholter * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-bockholter a {\r\n transition:.2s ease;\r\n}\r\n\r\n/* HERO OHNE BILD */\r\n\r\n.fu-bockholter .fu-hero {\r\n background:var(--fu-white);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:0 8px 24px rgba(0,0,0,.08);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-bockholter .fu-hero-content {\r\n padding:30px 32px 32px;\r\n}\r\n\r\n.fu-bockholter .fu-kicker {\r\n margin:0 0 8px;\r\n color:var(--fu-orange);\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-bockholter h1 {\r\n margin:0 0 14px;\r\n color:var(--fu-green);\r\n font-size:clamp(2rem,5vw,3.1rem);\r\n line-height:1.15;\r\n}\r\n\r\n.fu-bockholter .fu-lead {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:1.15rem;\r\n line-height:1.7;\r\n}\r\n\r\n/* NAVIGATION */\r\n\r\n.fu-bockholter .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-bottom:28px;\r\n padding:14px;\r\n background:var(--fu-light);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-bockholter .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:10px;\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-bockholter .fu-nav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white);\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-bockholter .fu-section {\r\n margin-bottom:28px;\r\n padding:28px 30px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 6px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-bockholter h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 18px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-bockholter h2 i {\r\n color:var(--fu-orange);\r\n font-size:1.4rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-bockholter h3 {\r\n margin:24px 0 10px;\r\n color:var(--fu-dark);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-bockholter p {\r\n margin:0 0 16px;\r\n}\r\n\r\n.fu-bockholter p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* FACTS */\r\n\r\n.fu-bockholter .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-bockholter .fu-fact {\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n}\r\n\r\n.fu-bockholter .fu-fact i {\r\n display:block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-bockholter .fu-fact strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:var(--fu-green);\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-bockholter .fu-fact span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-bockholter .fu-highlight {\r\n margin:22px 0;\r\n padding:18px 20px;\r\n background:#fff7ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:10px;\r\n}\r\n\r\n.fu-bockholter .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* BUTTONS */\r\n\r\n.fu-bockholter .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-bockholter .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-bockholter .fu-btn-primary {\r\n background:var(--fu-green);\r\n border:1px solid var(--fu-green);\r\n color:var(--fu-white);\r\n}\r\n\r\n.fu-bockholter .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n border-color:var(--fu-dark);\r\n color:var(--fu-white);\r\n}\r\n\r\n.fu-bockholter .fu-btn-secondary {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-bockholter .fu-btn-secondary:hover {\r\n background:var(--fu-light);\r\n border-color:var(--fu-green);\r\n color:var(--fu-green);\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-bockholter .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n}\r\n\r\n.fu-bockholter .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:17px 18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-bockholter .fu-related a i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n margin-top:2px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-bockholter .fu-related a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white);\r\n}\r\n\r\n.fu-bockholter .fu-related a:hover i {\r\n color:var(--fu-white);\r\n}\r\n\r\n/* SOURCE */\r\n\r\n.fu-bockholter .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-bockholter .fu-source a {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-bockholter .fu-stand {\r\n margin-top:18px;\r\n padding-top:14px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.85rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-bockholter .fu-facts {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-bockholter .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-bockholter .fu-hero-content {\r\n padding:24px;\r\n }\r\n\r\n .fu-bockholter .fu-section {\r\n padding:24px;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:600px) {\r\n\r\n .fu-bockholter {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-bockholter .fu-nav {\r\n display:block;\r\n }\r\n\r\n .fu-bockholter .fu-nav a {\r\n display:flex;\r\n margin-bottom:8px;\r\n }\r\n\r\n .fu-bockholter .fu-nav a:last-child {\r\n margin-bottom:0;\r\n }\r\n\r\n .fu-bockholter .fu-buttons {\r\n display:block;\r\n }\r\n\r\n .fu-bockholter .fu-btn {\r\n display:flex;\r\n width:100%;\r\n margin-bottom:10px;\r\n }\r\n\r\n .fu-bockholter .fu-btn:last-child {\r\n margin-bottom:0;\r\n }\r\n\r\n .fu-bockholter .fu-section {\r\n padding:20px;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 45 ===== */ @scope (.fu-article-45) { \r\n/* =========================================================\r\n FAST UMSONST – BAUMBERGE\r\n Einheitliches Seitenlayout wie Dülmener Wildpferde\r\n ========================================================= */\r\n\r\n.fu-baumberge {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-light:#f3f1eb;\r\n --fu-border:#e4e0d7;\r\n --fu-text:#29332f;\r\n --fu-muted:#66716c;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-baumberge * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-baumberge img {\r\n max-width:100%;\r\n height:auto;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-baumberge .fu-hero {\r\n background:var(--fu-white);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:0 8px 24px rgba(0,0,0,.08);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-baumberge .fu-hero img {\r\n display:block;\r\n width:100%;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-baumberge .fu-hero-content {\r\n padding:30px 32px 32px;\r\n}\r\n\r\n.fu-baumberge .fu-kicker {\r\n margin:0 0 8px;\r\n color:var(--fu-orange);\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-baumberge h1 {\r\n margin:0 0 14px;\r\n color:var(--fu-green);\r\n font-size:clamp(2rem,5vw,3.1rem);\r\n line-height:1.15;\r\n}\r\n\r\n.fu-baumberge .fu-lead {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:1.15rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-baumberge .fu-image-credit {\r\n margin-top:14px;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-baumberge .fu-image-credit a {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* NAVIGATION */\r\n\r\n.fu-baumberge .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-bottom:28px;\r\n padding:14px;\r\n background:var(--fu-light);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-baumberge .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:10px;\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-baumberge .fu-nav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white);\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-baumberge .fu-section {\r\n margin-bottom:28px;\r\n padding:28px 30px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 6px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-baumberge h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 18px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-baumberge h2 i {\r\n color:var(--fu-orange);\r\n font-size:1.4rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-baumberge h3 {\r\n margin:24px 0 10px;\r\n color:var(--fu-dark);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-baumberge p {\r\n margin:0 0 16px;\r\n}\r\n\r\n.fu-baumberge p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* FACTS */\r\n\r\n.fu-baumberge .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-baumberge .fu-fact {\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n}\r\n\r\n.fu-baumberge .fu-fact i {\r\n display:block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-baumberge .fu-fact strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:var(--fu-green);\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-baumberge .fu-fact span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-baumberge .fu-highlight {\r\n margin:22px 0;\r\n padding:18px 20px;\r\n background:#fff7ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:10px;\r\n}\r\n\r\n.fu-baumberge .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* BUTTONS */\r\n\r\n.fu-baumberge .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-baumberge .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n font-weight:700;\r\n text-decoration:none;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-baumberge .fu-btn-primary {\r\n background:var(--fu-green);\r\n border:1px solid var(--fu-green);\r\n color:var(--fu-white);\r\n}\r\n\r\n.fu-baumberge .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n border-color:var(--fu-dark);\r\n color:var(--fu-white);\r\n}\r\n\r\n.fu-baumberge .fu-btn-secondary {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-baumberge .fu-btn-secondary:hover {\r\n background:var(--fu-light);\r\n border-color:var(--fu-green);\r\n color:var(--fu-green);\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-baumberge .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n}\r\n\r\n.fu-baumberge .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:17px 18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-baumberge .fu-related a i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n margin-top:2px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-baumberge .fu-related a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:var(--fu-white);\r\n}\r\n\r\n.fu-baumberge .fu-related a:hover i {\r\n color:var(--fu-white);\r\n}\r\n\r\n/* SOURCE */\r\n\r\n.fu-baumberge .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-baumberge .fu-source a {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-baumberge .fu-stand {\r\n margin-top:18px;\r\n padding-top:14px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.85rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-baumberge .fu-facts {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-baumberge .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-baumberge .fu-hero-content {\r\n padding:24px;\r\n }\r\n\r\n .fu-baumberge .fu-section {\r\n padding:24px;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:600px) {\r\n\r\n .fu-baumberge {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-baumberge .fu-nav {\r\n display:block;\r\n }\r\n\r\n .fu-baumberge .fu-nav a {\r\n display:flex;\r\n margin-bottom:8px;\r\n }\r\n\r\n .fu-baumberge .fu-nav a:last-child {\r\n margin-bottom:0;\r\n }\r\n\r\n .fu-baumberge .fu-buttons {\r\n display:block;\r\n }\r\n\r\n .fu-baumberge .fu-btn {\r\n display:flex;\r\n width:100%;\r\n margin-bottom:10px;\r\n }\r\n\r\n .fu-baumberge .fu-btn:last-child {\r\n margin-bottom:0;\r\n }\r\n\r\n .fu-baumberge .fu-section {\r\n padding:20px;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 47 ===== */ @scope (.fu-article-47) { \r\n.fu-ngk {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-card: #ffffff;\r\n --fu-border: #e5e0d7;\r\n --fu-text: #29322f;\r\n --fu-muted: #69736e;\r\n --fu-accent: #e5f0eb;\r\n --fu-highlight: #f4ecda;\r\n --fu-shadow: 0 8px 24px rgba(0,0,0,.08);\r\n --fu-radius: 16px;\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-ngk * {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n/* =========================================================\r\n LINKS\r\n ========================================================= */\r\n\r\n.fu-ngk a {\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-ngk a:hover {\r\n color: var(--fu-green-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-ngk .fu-hero {\r\n position: relative;\r\n\r\n background: linear-gradient(\r\n 135deg,\r\n #edf5f1 0%,\r\n #ffffff 100%\r\n );\r\n\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n\r\n padding: 36px 32px 30px;\r\n margin-bottom: 24px;\r\n\r\n box-shadow: var(--fu-shadow);\r\n\r\n text-align: center !important;\r\n}\r\n\r\n.fu-ngk .fu-hero h1 {\r\n display: block !important;\r\n\r\n width: 100% !important;\r\n max-width: none !important;\r\n\r\n margin: 0 0 16px !important;\r\n padding: 0 !important;\r\n\r\n color: var(--fu-green);\r\n\r\n font-family: inherit;\r\n font-size: clamp(2rem, 3.5vw, 2.75rem);\r\n font-weight: 700;\r\n line-height: 1.18;\r\n letter-spacing: -0.015em;\r\n\r\n text-align: center !important;\r\n}\r\n\r\n.fu-ngk .fu-hero h1 .fu-hero-icon {\r\n display: inline-flex !important;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n width: 1.05em;\r\n height: 1.05em;\r\n\r\n margin: 0 9px 0 0;\r\n\r\n font-size: .82em;\r\n line-height: 1;\r\n\r\n vertical-align: .04em;\r\n}\r\n\r\n.fu-ngk .fu-hero h1 > span:last-child {\r\n display: inline !important;\r\n}\r\n\r\n.fu-ngk .fu-hero-intro {\r\n display: block !important;\r\n\r\n width: 100% !important;\r\n max-width: 900px !important;\r\n\r\n margin: 0 auto !important;\r\n padding: 0 !important;\r\n\r\n color: var(--fu-text);\r\n\r\n font-family: inherit;\r\n font-size: 1.06rem;\r\n font-weight: 400;\r\n line-height: 1.72;\r\n\r\n text-align: center !important;\r\n}\r\n\r\n.fu-ngk .fu-hero p.fu-hero-intro {\r\n text-align: center !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BADGES\r\n ========================================================= */\r\n\r\n.fu-ngk .fu-badges {\r\n display: flex;\r\n\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n gap: 9px;\r\n\r\n width: 100%;\r\n\r\n margin: 20px auto 0;\r\n}\r\n\r\n.fu-ngk .fu-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 7px;\r\n\r\n min-height: 36px;\r\n padding: 7px 12px;\r\n\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n\r\n color: var(--fu-green-dark);\r\n\r\n font-family: inherit;\r\n font-size: .9rem;\r\n font-weight: 600;\r\n line-height: 1.2;\r\n\r\n white-space: nowrap;\r\n}\r\n\r\n.fu-ngk .fu-badge i {\r\n flex: 0 0 auto;\r\n font-size: 1rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-ngk .fu-jump {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-ngk .fu-jump-title {\r\n margin-bottom: 11px;\r\n\r\n color: var(--fu-green-dark);\r\n\r\n font-weight: 700;\r\n line-height: 1.35;\r\n}\r\n\r\n.fu-ngk .fu-jump-links {\r\n display: flex;\r\n\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-ngk .fu-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n\r\n padding: 8px 12px;\r\n\r\n background: var(--fu-accent);\r\n border-radius: 10px;\r\n\r\n font-size: .91rem;\r\n font-weight: 700;\r\n line-height: 1.25;\r\n\r\n text-decoration: none;\r\n}\r\n\r\n.fu-ngk .fu-jump-links a:hover {\r\n background: #dcebe5;\r\n text-decoration: none;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-ngk .fu-section {\r\n margin-bottom: 34px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-ngk .fu-section h2 {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n\r\n margin: 0 0 14px;\r\n\r\n color: var(--fu-green);\r\n\r\n font-family: inherit;\r\n font-size: 1.62rem;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-ngk .fu-section h2 i {\r\n flex: 0 0 auto;\r\n margin-top: .12em;\r\n font-size: .92em;\r\n}\r\n\r\n.fu-ngk .fu-section > p {\r\n line-height: 1.75;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BERATUNGS-KARTEN\r\n ========================================================= */\r\n\r\n.fu-ngk .fu-card-grid {\r\n display: grid;\r\n\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 20px;\r\n}\r\n\r\n.fu-ngk .fu-card {\r\n display: flex;\r\n flex-direction: column;\r\n\r\n background: #fff;\r\n\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n\r\n padding: 24px;\r\n\r\n box-shadow: var(--fu-shadow);\r\n\r\n min-height: 100%;\r\n}\r\n\r\n.fu-ngk .fu-card h3 {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n\r\n margin: 0 0 10px;\r\n\r\n color: var(--fu-green);\r\n\r\n font-family: inherit;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n line-height: 1.28;\r\n}\r\n\r\n.fu-ngk .fu-card h3 i {\r\n flex: 0 0 auto;\r\n margin-top: .1em;\r\n font-size: .95em;\r\n}\r\n\r\n.fu-ngk .fu-card p {\r\n margin: 0 0 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-ngk .fu-facts {\r\n display: grid;\r\n gap: 10px;\r\n\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-ngk .fu-fact {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 9px;\r\n\r\n line-height: 1.5;\r\n}\r\n\r\n.fu-ngk .fu-fact i {\r\n flex: 0 0 auto;\r\n\r\n color: var(--fu-green);\r\n\r\n margin-top: 3px;\r\n}\r\n\r\n.fu-ngk .fu-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n align-self: flex-start;\r\n gap: 7px;\r\n\r\n margin-bottom: 15px;\r\n padding: 7px 10px;\r\n\r\n background: var(--fu-accent);\r\n border-radius: 9px;\r\n\r\n color: var(--fu-green-dark);\r\n\r\n font-size: .87rem;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n}\r\n\r\n.fu-ngk .fu-card-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n\r\n margin-top: auto;\r\n padding-top: 8px;\r\n}\r\n\r\n.fu-ngk .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n\r\n min-height: 42px;\r\n\r\n padding: 10px 14px;\r\n\r\n background: var(--fu-green);\r\n border-radius: 10px;\r\n\r\n color: #fff !important;\r\n\r\n font-size: .92rem;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-ngk .fu-button:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-ngk .fu-button-secondary {\r\n background: var(--fu-accent);\r\n color: var(--fu-green-dark) !important;\r\n}\r\n\r\n.fu-ngk .fu-button-secondary:hover {\r\n background: #d7e8e1;\r\n color: var(--fu-green-dark) !important;\r\n}\r\n\r\n\r\n/* =========================================================\r\n TELEFONNUMMERN\r\n ========================================================= */\r\n\r\n.fu-ngk .fu-numbers {\r\n display: grid;\r\n\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-ngk .fu-number {\r\n display: block;\r\n\r\n background: #fff;\r\n\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n\r\n padding: 20px;\r\n\r\n box-shadow: 0 5px 18px rgba(0,0,0,.05);\r\n\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-ngk .fu-number:hover {\r\n border-color: #c9d9d2;\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 24px rgba(0,0,0,.09);\r\n}\r\n\r\n.fu-ngk .fu-number-title {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 9px;\r\n\r\n margin-bottom: 7px;\r\n\r\n color: var(--fu-green);\r\n\r\n font-size: 1.08rem;\r\n font-weight: 700;\r\n line-height: 1.35;\r\n}\r\n\r\n.fu-ngk .fu-number-title i {\r\n margin-top: .12em;\r\n}\r\n\r\n.fu-ngk .fu-number-value {\r\n margin-bottom: 5px;\r\n\r\n color: var(--fu-green-dark);\r\n\r\n font-size: 1.55rem;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n}\r\n\r\n.fu-ngk .fu-number-info {\r\n color: var(--fu-muted);\r\n\r\n font-size: .91rem;\r\n line-height: 1.5;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INFOBOX\r\n ========================================================= */\r\n\r\n.fu-ngk .fu-info-box {\r\n background: var(--fu-highlight);\r\n\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 13px;\r\n\r\n padding: 19px;\r\n\r\n line-height: 1.7;\r\n\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-ngk .fu-info-box strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n NOTFALL\r\n ========================================================= */\r\n\r\n.fu-ngk .fu-emergency {\r\n background: #f8efed;\r\n\r\n border: 1px solid #ead7d2;\r\n border-left: 5px solid #9b3d32;\r\n\r\n border-radius: 14px;\r\n\r\n padding: 20px;\r\n\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-ngk .fu-emergency strong {\r\n color: #87352d;\r\n}\r\n\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-ngk .fu-related {\r\n display: grid;\r\n\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-ngk .fu-related-card {\r\n display: block;\r\n\r\n background: #fff;\r\n\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n\r\n padding: 20px;\r\n\r\n box-shadow: var(--fu-shadow);\r\n\r\n height: 100%;\r\n\r\n text-decoration: none !important;\r\n\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease,\r\n border-color .2s ease;\r\n}\r\n\r\n.fu-ngk .fu-related-card:hover {\r\n transform: translateY(-3px);\r\n\r\n border-color: #c9d9d2;\r\n\r\n box-shadow: 0 12px 28px rgba(0,0,0,.10);\r\n\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-ngk .fu-related-card h3 {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 9px;\r\n\r\n margin: 0 0 8px;\r\n\r\n color: var(--fu-green);\r\n\r\n font-size: 1.06rem;\r\n font-weight: 700;\r\n line-height: 1.35;\r\n}\r\n\r\n.fu-ngk .fu-related-card h3 i {\r\n flex: 0 0 auto;\r\n margin-top: .12em;\r\n}\r\n\r\n.fu-ngk .fu-related-card p {\r\n margin: 0;\r\n\r\n color: var(--fu-text);\r\n\r\n font-weight: 400;\r\n line-height: 1.55;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZURÜCK / NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-ngk .fu-top {\r\n text-align: right;\r\n margin-top: 21px;\r\n}\r\n\r\n.fu-ngk .fu-top a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n\r\n font-size: .92rem;\r\n font-weight: 700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-ngk .fu-related {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-ngk .fu-card-grid,\r\n .fu-ngk .fu-numbers,\r\n .fu-ngk .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-ngk .fu-hero {\r\n padding: 28px 22px 25px;\r\n }\r\n\r\n .fu-ngk .fu-hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 560px) {\r\n\r\n .fu-ngk .fu-hero h1 {\r\n font-size: 1.8rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .fu-ngk .fu-hero-intro {\r\n font-size: 1rem;\r\n line-height: 1.68;\r\n }\r\n\r\n .fu-ngk .fu-badges {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 7px;\r\n }\r\n\r\n .fu-ngk .fu-badge {\r\n width: 100%;\r\n white-space: normal;\r\n }\r\n\r\n .fu-ngk .fu-card,\r\n .fu-ngk .fu-number,\r\n .fu-ngk .fu-related-card {\r\n padding: 18px;\r\n }\r\n\r\n .fu-ngk .fu-button {\r\n width: 100%;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 48 ===== */ @scope (.fu-article-48) { \r\n.fu-krisenhilfe {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #16382f;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68736f;\r\n --fu-border: #e5e8e5;\r\n --fu-danger: #8b2635;\r\n --fu-danger-bg: #fff3f4;\r\n --fu-shadow: 0 8px 24px rgba(31, 75, 63, 0.10);\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1.05rem;\r\n}\r\n\r\n.fu-krisenhilfe * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-krisenhilfe h2,\r\n.fu-krisenhilfe h3 {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-krisenhilfe h2 {\r\n margin: 2.5rem 0 1rem;\r\n}\r\n\r\n.fu-krisenhilfe h3 {\r\n margin: 0 0 .6rem;\r\n}\r\n\r\n.fu-krisenhilfe p {\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.fu-krisenhilfe a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n.fu-krisenhilfe .fu-intro {\r\n background: var(--fu-paper);\r\n border-radius: 18px;\r\n padding: 28px 30px;\r\n margin-bottom: 25px;\r\n box-shadow: var(--fu-shadow);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-krisenhilfe .fu-intro h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-krisenhilfe .fu-jump {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 22px 0 30px;\r\n}\r\n\r\n.fu-krisenhilfe .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 14px;\r\n border-radius: 999px;\r\n background: #eef3f0;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-size: .95rem;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-krisenhilfe .fu-jump a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n}\r\n\r\n.fu-krisenhilfe .fu-contact {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 30px;\r\n margin: 25px 0;\r\n box-shadow: 0 10px 28px rgba(31, 75, 63, .18);\r\n}\r\n\r\n.fu-krisenhilfe .fu-contact h2 {\r\n color: #fff;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-krisenhilfe .fu-contact a {\r\n color: #fff;\r\n}\r\n\r\n.fu-krisenhilfe .fu-phone {\r\n font-size: 1.55rem;\r\n font-weight: 800;\r\n margin: 8px 0 15px;\r\n}\r\n\r\n.fu-krisenhilfe .fu-hours {\r\n background: rgba(255,255,255,.10);\r\n border-radius: 14px;\r\n padding: 15px 18px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-krisenhilfe .fu-danger {\r\n background: var(--fu-danger-bg);\r\n border-left: 5px solid var(--fu-danger);\r\n border-radius: 14px;\r\n padding: 20px 22px;\r\n margin: 28px 0;\r\n}\r\n\r\n.fu-krisenhilfe .fu-danger strong {\r\n color: var(--fu-danger);\r\n}\r\n\r\n.fu-krisenhilfe .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 20px;\r\n margin: 20px 0 30px;\r\n}\r\n\r\n.fu-krisenhilfe .fu-card {\r\n display: block;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: var(--fu-shadow);\r\n text-decoration: none;\r\n color: var(--fu-text);\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease,\r\n border-color .2s ease;\r\n}\r\n\r\n.fu-krisenhilfe .fu-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 30px rgba(31,75,63,.16);\r\n border-color: #cbd8d2;\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-krisenhilfe .fu-icon {\r\n width: 46px;\r\n height: 46px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 13px;\r\n background: #edf3f0;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-krisenhilfe .fu-card p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-krisenhilfe .fu-info {\r\n background: var(--fu-paper);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin: 25px 0;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-krisenhilfe .fu-address {\r\n font-style: normal;\r\n margin-top: 12px;\r\n}\r\n\r\n.fu-krisenhilfe .fu-related {\r\n margin-top: 42px;\r\n padding-top: 10px;\r\n}\r\n\r\n.fu-krisenhilfe .fu-related-intro {\r\n color: var(--fu-muted);\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-krisenhilfe .fu-back {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 28px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: #edf3f0;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-krisenhilfe .fu-back:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-krisenhilfe {\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-krisenhilfe .fu-intro,\r\n .fu-krisenhilfe .fu-contact,\r\n .fu-krisenhilfe .fu-info {\r\n padding: 22px;\r\n }\r\n\r\n .fu-krisenhilfe .fu-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-krisenhilfe .fu-jump {\r\n gap: 7px;\r\n }\r\n\r\n .fu-krisenhilfe .fu-jump a {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 49 ===== */ @scope (.fu-article-49) { \r\n/* =========================================================\r\n FAST UMSONST – FRAUEN-NOTRUF MÜNSTER E.V.\r\n Sprungmarken + Kartenlink + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 860px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 50 ===== */ @scope (.fu-article-50) { \r\n.fu-bahnhofsmission {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #16382f;\r\n --fu-paper: #faf8f4;\r\n --fu-accent: #e7f0ec;\r\n --fu-soft: #f2f6f4;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #dfe7e3;\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n}\r\n\r\n/* =========================================================\r\n EINLEITUNG\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-intro {\r\n background: linear-gradient(135deg, #eef5f1, #faf8f4);\r\n border-radius: 20px;\r\n padding: 32px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-bahnhofsmission .fu-intro h1 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n margin-bottom: 14px;\r\n font-weight: 700;\r\n font-size: 1.7rem;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-jump {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 0 0 32px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 15px;\r\n border-radius: 999px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 3px 10px rgba(0,0,0,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-jump a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-section {\r\n margin-bottom: 38px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-section h2 {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-section > p {\r\n margin-bottom: 20px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-highlight {\r\n background: var(--fu-accent);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 13px;\r\n padding: 23px 25px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-highlight strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HAUPT-KONTAKTSTELLE\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-main-card {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 32px;\r\n box-shadow: 0 9px 26px rgba(0,0,0,.13);\r\n}\r\n\r\n.fu-bahnhofsmission .fu-main-card h2,\r\n.fu-bahnhofsmission .fu-main-card h3 {\r\n color: #fff;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-main-icon {\r\n font-size: 2.8rem;\r\n margin-bottom: 12px;\r\n display: inline-block;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-main-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-main-grid {\r\n display: grid;\r\n grid-template-columns: 1.2fr .8fr;\r\n gap: 25px;\r\n align-items: start;\r\n}\r\n\r\n/* =========================================================\r\n INFO-KARTEN\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 24px;\r\n box-shadow: 0 5px 17px rgba(0,0,0,.07);\r\n height: 100%;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.16rem;\r\n margin-top: 0;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-icon {\r\n color: var(--fu-green);\r\n font-size: 1.55rem;\r\n margin-bottom: 10px;\r\n display: inline-block;\r\n}\r\n\r\n/* =========================================================\r\n KLICKBARE BEITRAGSKARTEN\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-link-card {\r\n display: block;\r\n height: 100%;\r\n padding: 25px;\r\n background: #fff;\r\n color: inherit;\r\n text-decoration: none;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n box-shadow: 0 5px 17px rgba(0,0,0,.07);\r\n transition: .22s ease;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-link-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(0,0,0,.11);\r\n border-color: #bfd1ca;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-link-card h3 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n margin-bottom: 10px;\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-link-card p {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-more {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 15px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 11px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n text-decoration: none;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-btn:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-bahnhofsmission .fu-main-card .fu-btn {\r\n background: #fff;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-bahnhofsmission .fu-main-card .fu-btn:hover {\r\n background: var(--fu-paper);\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ADRESSE\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-address {\r\n background: rgba(255,255,255,.09);\r\n border-radius: 13px;\r\n padding: 19px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-address strong {\r\n color: #fff;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-address a {\r\n color: #fff;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-address a:hover {\r\n color: #fff;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-map {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 13px;\r\n padding: 9px 13px;\r\n border-radius: 9px;\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n text-decoration: none;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-map:hover {\r\n background: var(--fu-paper);\r\n}\r\n\r\n/* =========================================================\r\n FAQ\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-faq-item {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px 23px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-faq-item h3 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n margin-bottom: 8px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-faq-item p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-note {\r\n background: var(--fu-soft);\r\n border-radius: 13px;\r\n padding: 21px 23px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-bahnhofsmission .fu-intro,\r\n .fu-bahnhofsmission .fu-main-card {\r\n padding: 23px;\r\n }\r\n\r\n .fu-bahnhofsmission .fu-grid,\r\n .fu-bahnhofsmission .fu-main-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-bahnhofsmission .fu-jump {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-bahnhofsmission .fu-jump a {\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 51 ===== */ @scope (.fu-article-51) { \r\n/* =========================================================\r\n FAST UMSONST – AL-ANON / ALATEEN\r\n Sprungmarken + Kartenlinks + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n MEETING-KARTEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-meeting-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-meeting-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 22px;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-meeting-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.12rem;\r\n line-height: 1.35;\r\n}\r\n\r\n.fu-page .fu-meeting-time {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 12px;\r\n padding: 8px 11px;\r\n border-radius: 9px;\r\n background: var(--fu-paper);\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-old-stand {\r\n margin-top: 13px;\r\n color: var(--fu-muted);\r\n font-size: .89rem;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid,\r\n .fu-page .fu-meeting-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important,\r\n .fu-page .fu-meeting-card {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 52 ===== */ @scope (.fu-article-52) { \r\n/* =========================================================\r\n FAST UMSONST – ANONYME ALKOHOLIKER\r\n Seelischer Notfalldienst / Selbsthilfe\r\n ========================================================= */\r\n\r\n.fu-aa {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff7ed;\r\n --fu-red:#b42318;\r\n --fu-red-light:#fff1f0;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n line-height:1.7;\r\n font-size:16px;\r\n}\r\n\r\n.fu-aa * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-aa a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-aa a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-aa .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-green-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:38px 34px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-aa .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.88;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-aa .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n margin:0 0 10px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-aa .fu-hero p {\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n max-width:780px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-aa .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-aa .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-aa .fu-lead {\r\n font-size:1.12rem;\r\n color:var(--fu-green-dark);\r\n font-weight:600;\r\n}\r\n\r\n\r\n/* =========================================================\r\n QUICK INFO\r\n ========================================================= */\r\n\r\n.fu-aa .fu-info-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:18px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-aa .fu-info-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:22px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-aa .fu-info-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-aa .fu-info-card strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n font-size:1.05rem;\r\n margin-bottom:5px;\r\n}\r\n\r\n.fu-aa .fu-info-card span {\r\n color:var(--fu-muted);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-aa .fu-jump {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:20px;\r\n margin-bottom:30px;\r\n}\r\n\r\n.fu-aa .fu-jump-title {\r\n color:var(--fu-green-dark);\r\n font-weight:800;\r\n margin-bottom:12px;\r\n}\r\n\r\n.fu-aa .fu-jump-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-aa .fu-jump-links a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n padding:8px 14px;\r\n font-size:.92rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-aa .fu-jump-links a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-aa .fu-section {\r\n margin:38px 0;\r\n}\r\n\r\n.fu-aa .fu-section h2 {\r\n color:var(--fu-green-dark);\r\n font-size:1.7rem;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-aa .fu-section h3 {\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-aa .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n MEETING-KARTEN\r\n ========================================================= */\r\n\r\n.fu-aa .fu-meetings {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-aa .fu-meeting {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:23px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.fu-aa .fu-meeting:before {\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n top:0;\r\n bottom:0;\r\n width:5px;\r\n background:var(--fu-green);\r\n}\r\n\r\n.fu-aa .fu-meeting-day {\r\n display:inline-block;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n border-radius:999px;\r\n padding:5px 11px;\r\n font-size:.82rem;\r\n font-weight:800;\r\n margin-bottom:12px;\r\n}\r\n\r\n.fu-aa .fu-meeting-time {\r\n font-size:1.35rem;\r\n color:var(--fu-green-dark);\r\n font-weight:800;\r\n margin-bottom:5px;\r\n}\r\n\r\n.fu-aa .fu-meeting-place {\r\n font-weight:700;\r\n margin-bottom:5px;\r\n}\r\n\r\n.fu-aa .fu-meeting-address {\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-aa .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1.15fr .85fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-aa .fu-contact-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-aa .fu-contact-row {\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n margin:0 0 17px;\r\n}\r\n\r\n.fu-aa .fu-contact-row:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-aa .fu-contact-icon {\r\n flex:0 0 38px;\r\n width:38px;\r\n height:38px;\r\n border-radius:10px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n}\r\n\r\n.fu-aa .fu-contact-label {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n margin-bottom:2px;\r\n}\r\n\r\n.fu-aa .fu-contact-value {\r\n font-weight:700;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-aa .fu-contact-value a {\r\n font-weight:700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HINWEISBOX\r\n ========================================================= */\r\n\r\n.fu-aa .fu-note {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d4aa;\r\n border-radius:17px;\r\n padding:22px 24px;\r\n margin:25px 0;\r\n}\r\n\r\n.fu-aa .fu-note-title {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n color:#9a5b08;\r\n font-weight:800;\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-aa .fu-note p {\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ANONYM / VERTRAULICH\r\n ========================================================= */\r\n\r\n.fu-aa .fu-anonym {\r\n background:var(--fu-green-light);\r\n border-radius:18px;\r\n padding:26px;\r\n margin:28px 0;\r\n border:1px solid #d4e3dc;\r\n}\r\n\r\n.fu-aa .fu-anonym h3 {\r\n margin-top:0;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-aa .fu-anonym p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n NOTFALLBOX\r\n ========================================================= */\r\n\r\n.fu-aa .fu-emergency {\r\n background:var(--fu-red-light);\r\n border:1px solid #f0c9c5;\r\n border-radius:18px;\r\n padding:23px 25px;\r\n margin:28px 0;\r\n}\r\n\r\n.fu-aa .fu-emergency h3 {\r\n color:var(--fu-red);\r\n margin-top:0;\r\n}\r\n\r\n.fu-aa .fu-emergency strong {\r\n color:var(--fu-red);\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-aa .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-aa .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n border-radius:11px;\r\n padding:10px 15px;\r\n font-weight:700;\r\n border:1px solid var(--fu-green);\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-aa .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n border-color:var(--fu-green-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-aa .fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-aa .fu-btn-light:hover {\r\n background:var(--fu-green-light);\r\n}\r\n\r\n\r\n/* =========================================================\r\n WEITERE HILFE\r\n ========================================================= */\r\n\r\n.fu-aa .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-aa .fu-related-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:21px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.05);\r\n}\r\n\r\n.fu-aa .fu-related-card h3 {\r\n margin:0 0 7px;\r\n}\r\n\r\n.fu-aa .fu-related-card p {\r\n color:var(--fu-muted);\r\n margin:0 0 14px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-aa .fu-back {\r\n margin-top:35px;\r\n padding-top:22px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-aa .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-weight:800;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:850px) {\r\n .fu-aa .fu-info-grid,\r\n .fu-aa .fu-meetings,\r\n .fu-aa .fu-contact-grid,\r\n .fu-aa .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n .fu-aa .fu-hero {\r\n padding:28px 22px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-aa .fu-intro,\r\n .fu-aa .fu-contact-card,\r\n .fu-aa .fu-meeting,\r\n .fu-aa .fu-info-card {\r\n padding:20px;\r\n }\r\n\r\n .fu-aa .fu-jump {\r\n padding:17px;\r\n }\r\n\r\n .fu-aa .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-aa .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 57 ===== */ @scope (.fu-article-57) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-note strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 16px;\r\n padding: 12px 17px;\r\n background: var(--fu-green);\r\n border-radius: 12px;\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 58 ===== */ @scope (.fu-article-58) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-note strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 16px;\r\n padding: 12px 17px;\r\n background: var(--fu-green);\r\n border-radius: 12px;\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 59 ===== */ @scope (.fu-article-59) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-note strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 16px;\r\n padding: 12px 17px;\r\n background: var(--fu-green);\r\n border-radius: 12px;\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 60 ===== */ @scope (.fu-article-60) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-note strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 16px;\r\n padding: 12px 17px;\r\n background: var(--fu-green);\r\n border-radius: 12px;\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 61 ===== */ @scope (.fu-article-61) { \r\n.fu-digitalerbus {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #16382f;\r\n --fu-paper: #faf8f4;\r\n --fu-accent: #e7f0ec;\r\n --fu-soft: #f2f6f4;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #dfe7e3;\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n}\r\n\r\n/* =========================================================\r\n EINLEITUNG\r\n ========================================================= */\r\n\r\n.fu-digitalerbus .fu-intro {\r\n background: linear-gradient(135deg, #eef5f1, #faf8f4);\r\n border-radius: 20px;\r\n padding: 32px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-digitalerbus .fu-intro h1 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n margin-bottom: 14px;\r\n font-weight: 700;\r\n font-size: 1.7rem;\r\n}\r\n\r\n.fu-digitalerbus .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-digitalerbus .fu-jump {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 0 0 32px;\r\n}\r\n\r\n.fu-digitalerbus .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 15px;\r\n border-radius: 999px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 3px 10px rgba(0,0,0,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-digitalerbus .fu-jump a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-digitalerbus .fu-section {\r\n margin-bottom: 38px;\r\n}\r\n\r\n.fu-digitalerbus .fu-section h2 {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-digitalerbus .fu-section > p {\r\n margin-bottom: 20px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-digitalerbus .fu-highlight {\r\n background: var(--fu-accent);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 13px;\r\n padding: 23px 25px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-digitalerbus .fu-highlight strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HAUPT-KARTE (STANDORTE & ZEITEN)\r\n ========================================================= */\r\n\r\n.fu-digitalerbus .fu-main-card {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 32px;\r\n box-shadow: 0 9px 26px rgba(0,0,0,.13);\r\n}\r\n\r\n.fu-digitalerbus .fu-main-card h2,\r\n.fu-digitalerbus .fu-main-card h3 {\r\n color: #fff;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-digitalerbus .fu-main-icon {\r\n font-size: 2.8rem;\r\n margin-bottom: 12px;\r\n display: inline-block;\r\n}\r\n\r\n.fu-digitalerbus .fu-main-card p {\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-digitalerbus .fu-main-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* Standorte-Liste innerhalb der Hauptkarte */\r\n\r\n.fu-digitalerbus .fu-schedule {\r\n display: grid;\r\n gap: 14px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-digitalerbus .fu-schedule-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n background: rgba(255,255,255,.09);\r\n border-radius: 13px;\r\n padding: 16px 19px;\r\n}\r\n\r\n.fu-digitalerbus .fu-schedule-item i {\r\n font-size: 1.4rem;\r\n margin-top: 2px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-digitalerbus .fu-schedule-item strong {\r\n color: #fff;\r\n display: block;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-digitalerbus .fu-schedule-item span {\r\n color: rgba(255,255,255,.9);\r\n}\r\n\r\n/* =========================================================\r\n INFO-KARTEN\r\n ========================================================= */\r\n\r\n.fu-digitalerbus .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-digitalerbus .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 24px;\r\n box-shadow: 0 5px 17px rgba(0,0,0,.07);\r\n height: 100%;\r\n}\r\n\r\n.fu-digitalerbus .fu-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.16rem;\r\n margin-top: 0;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-digitalerbus .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-digitalerbus .fu-icon {\r\n color: var(--fu-green);\r\n font-size: 1.55rem;\r\n margin-bottom: 10px;\r\n display: inline-block;\r\n}\r\n\r\n/* =========================================================\r\n KLICKBARE BEITRAGSKARTEN\r\n ========================================================= */\r\n\r\n.fu-digitalerbus .fu-link-card {\r\n display: block;\r\n height: 100%;\r\n padding: 25px;\r\n background: #fff;\r\n color: inherit;\r\n text-decoration: none;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n box-shadow: 0 5px 17px rgba(0,0,0,.07);\r\n transition: .22s ease;\r\n}\r\n\r\n.fu-digitalerbus .fu-link-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(0,0,0,.11);\r\n border-color: #bfd1ca;\r\n}\r\n\r\n.fu-digitalerbus .fu-link-card h3 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n margin-bottom: 10px;\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-digitalerbus .fu-link-card p {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-digitalerbus .fu-more {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 15px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n FAQ\r\n ========================================================= */\r\n\r\n.fu-digitalerbus .fu-faq-item {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px 23px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-digitalerbus .fu-faq-item h3 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n margin-bottom: 8px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-digitalerbus .fu-faq-item p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-digitalerbus .fu-note {\r\n background: var(--fu-soft);\r\n border-radius: 13px;\r\n padding: 21px 23px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-digitalerbus .fu-intro,\r\n .fu-digitalerbus .fu-main-card {\r\n padding: 23px;\r\n }\r\n\r\n .fu-digitalerbus .fu-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-digitalerbus .fu-jump {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-digitalerbus .fu-jump a {\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 62 ===== */ @scope (.fu-article-62) { \r\n/* =========================================================\r\n FAST UMSONST – FRAUENTREFF\r\n Mit Sprungmarken + Kartenlinks + passenden Informationen\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 820px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 63 ===== */ @scope (.fu-article-63) { \r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #173a31;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n --fu-border: #e1e7e4;\r\n --fu-soft: #edf4f0;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.10);\r\n --fu-shadow-hover: 0 12px 30px rgba(31,75,63,.16);\r\n\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page h1,\r\n.fu-page h2,\r\n.fu-page h3 {\r\n color: var(--fu-brand);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-page h1 {\r\n font-size: clamp(2rem, 4vw, 2.8rem);\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.fu-page h2 {\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.fu-page h3 {\r\n font-size: 1.15rem;\r\n margin: 0 0 .65rem;\r\n}\r\n\r\n.fu-page p {\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.fu-page a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page a:hover {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, #eef5f1 0%, #faf8f4 100%);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 20px;\r\n padding: clamp(1.6rem, 4vw, 3rem);\r\n margin-bottom: 1.5rem;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .45rem;\r\n background: #e0eee8;\r\n color: var(--fu-brand);\r\n border-radius: 999px;\r\n padding: .4rem .85rem;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.fu-lead {\r\n max-width: 900px;\r\n font-size: 1.14rem;\r\n margin-bottom: 0 !important;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-jump {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 1rem 1.15rem;\r\n margin: 1.5rem 0;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-jump-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: .7rem;\r\n}\r\n\r\n.fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .55rem;\r\n}\r\n\r\n.fu-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .4rem;\r\n background: #f2f6f3;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 10px;\r\n padding: .55rem .8rem;\r\n font-size: .92rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-jump-links a:hover {\r\n background: #e5efe9;\r\n text-decoration: none;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-alert {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n background: #fff8e8;\r\n border: 1px solid #ecd9a6;\r\n border-left: 5px solid #c89524;\r\n border-radius: 15px;\r\n padding: 1.2rem 1.3rem;\r\n margin: 1.5rem 0;\r\n}\r\n\r\n.fu-alert > i {\r\n flex: 0 0 auto;\r\n color: #a87812;\r\n font-size: 1.4rem;\r\n margin-top: .1rem;\r\n}\r\n\r\n/* =========================================================\r\n SEKTIONEN\r\n ========================================================= */\r\n\r\n.fu-section {\r\n margin: 2.4rem 0;\r\n}\r\n\r\n.fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: .65rem;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.fu-section-title i {\r\n color: var(--fu-brand);\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-section-title h2 {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n HAUPTKARTEN\r\n ========================================================= */\r\n\r\n.fu-main-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: clamp(1.35rem, 3vw, 2rem);\r\n margin: 1.5rem 0;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-main-card.featured {\r\n border-top: 5px solid var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 1rem;\r\n margin: 1.25rem 0;\r\n}\r\n\r\n.fu-info-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 1.25rem;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-icon {\r\n width: 45px;\r\n height: 45px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n border-radius: 12px;\r\n font-size: 1.3rem;\r\n margin-bottom: .8rem;\r\n}\r\n\r\n.fu-info-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-contact {\r\n display: grid;\r\n gap: .8rem;\r\n margin-top: 1rem;\r\n}\r\n\r\n.fu-contact-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: .75rem;\r\n}\r\n\r\n.fu-contact-row > i {\r\n color: var(--fu-brand);\r\n font-size: 1.1rem;\r\n width: 22px;\r\n flex: 0 0 22px;\r\n margin-top: .15rem;\r\n}\r\n\r\n.fu-contact-row strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .75rem;\r\n margin-top: 1.25rem;\r\n}\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: .5rem;\r\n min-height: 46px;\r\n padding: .7rem 1rem;\r\n border-radius: 11px;\r\n border: 1px solid var(--fu-brand);\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n box-shadow: 0 5px 14px rgba(31,75,63,.14);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-btn.secondary {\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n box-shadow: none;\r\n}\r\n\r\n.fu-btn.secondary:hover {\r\n background: #eef5f1;\r\n}\r\n\r\n/* =========================================================\r\n KLICKBARE KARTEN\r\n ========================================================= */\r\n\r\n.fu-card-link {\r\n display: block;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 1.3rem;\r\n box-shadow: var(--fu-shadow);\r\n text-decoration: none !important;\r\n transition: transform .18s ease,\r\n box-shadow .18s ease,\r\n border-color .18s ease;\r\n}\r\n\r\n.fu-card-link:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--fu-shadow-hover);\r\n border-color: #bfd0c8;\r\n}\r\n\r\n.fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.4rem;\r\n margin-bottom: .65rem;\r\n}\r\n\r\n.fu-card-link h3 {\r\n margin-bottom: .45rem;\r\n}\r\n\r\n.fu-card-link p {\r\n color: var(--fu-muted);\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-more {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .35rem;\r\n margin-top: .9rem;\r\n color: var(--fu-brand);\r\n font-size: .92rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n NOTFALL / DRINGEND\r\n ========================================================= */\r\n\r\n.fu-emergency {\r\n background: #f8eeee;\r\n border: 1px solid #e7cccc;\r\n border-left: 5px solid #a33a3a;\r\n border-radius: 15px;\r\n padding: 1.3rem 1.4rem;\r\n margin: 2rem 0;\r\n}\r\n\r\n.fu-emergency h2 {\r\n color: #8d3030;\r\n}\r\n\r\n.fu-emergency strong {\r\n color: #8d3030;\r\n}\r\n\r\n/* =========================================================\r\n FAQ\r\n ========================================================= */\r\n\r\n.fu-faq {\r\n display: grid;\r\n gap: .8rem;\r\n}\r\n\r\n.fu-faq-item {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 1.1rem 1.2rem;\r\n box-shadow: 0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-faq-item h3 {\r\n margin-bottom: .45rem;\r\n}\r\n\r\n.fu-faq-item p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n KLEINER HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero,\r\n .fu-main-card {\r\n padding: 1.25rem;\r\n }\r\n\r\n .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-jump-links {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-jump-links a {\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 64 ===== */ @scope (.fu-article-64) { \r\n/* =========================================================\r\n FAST UMSONST – LICHTBLICK SENIORENHILFE E.V.\r\n Mit Sprungmarken + Kartenlink + passenden Informationen\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 820px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 65 ===== */ @scope (.fu-article-65) { \r\n/* =========================================================\r\n FAST UMSONST – STREETWORK\r\n Sprungmarken + Kartenlink + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n WOCHENPLAN\r\n ========================================================= */\r\n\r\n.fu-page .fu-schedule {\r\n display: grid;\r\n grid-template-columns: repeat(5, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-page .fu-day {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px 16px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-day h3 {\r\n color: var(--fu-brand);\r\n margin: 0 0 9px;\r\n font-size: 1.05rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-page .fu-day-time {\r\n display: inline-block;\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n font-size: .94rem;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.fu-page .fu-day p {\r\n margin: 0;\r\n font-size: .93rem;\r\n}\r\n\r\n.fu-page .fu-day:first-child {\r\n background: var(--fu-paper);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 960px) {\r\n\r\n .fu-page .fu-schedule {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid,\r\n .fu-page .fu-schedule {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important,\r\n .fu-page .fu-day {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 66 ===== */ @scope (.fu-article-66) { \r\n/* =========================================================\r\n FAST UMSONST – TAGESSTÄTTE TREFF W7\r\n Sprungmarken + Kartenlink + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 67 ===== */ @scope (.fu-article-67) { \r\n .fu-clemens {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =====================================================\r\n HERO\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-clemens .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-clemens .fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =====================================================\r\n SPRUNGMARKEN\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-clemens .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-clemens .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-clemens .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-clemens .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =====================================================\r\n SECTIONS / CARDS\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-clemens .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-clemens .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-clemens .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-clemens .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =====================================================\r\n HIGHLIGHT\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =====================================================\r\n INFO GRID\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 16px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-clemens .fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px;\r\n }\r\n\r\n .fu-clemens .fu-info-box strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n margin-bottom: 6px;\r\n }\r\n\r\n /* =====================================================\r\n ANGEBOTS-KARTEN\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-clemens .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-clemens .fu-service i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-clemens .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-clemens .fu-service p {\r\n margin: 0;\r\n }\r\n\r\n /* =====================================================\r\n BUTTONS\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-clemens .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-clemens .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-clemens .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-clemens .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-clemens .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =====================================================\r\n PASSENDE INFORMATIONEN\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-clemens .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-clemens .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-clemens .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-clemens .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-clemens .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-clemens .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-clemens .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =====================================================\r\n HINWEIS\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =====================================================\r\n ZURÜCK NACH OBEN\r\n ===================================================== */\r\n\r\n .fu-clemens .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-clemens .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =====================================================\r\n RESPONSIVE\r\n ===================================================== */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-clemens .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-clemens .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-clemens .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-clemens .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-clemens .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 69 ===== */ @scope (.fu-article-69) { \r\n/* =========================================================\r\n FAST UMSONST – WOLFGANG BORCHERT THEATER MÜNSTER\r\n Mobile-first / Bootstrap / Bootstrap Icons\r\n Standard wie Studiobühne & Pumpenhaus\r\n ========================================================= */\r\n\r\n.fu-wbt {\r\n --wbt-brand: #1f4b3f;\r\n --wbt-brand-dark: #17382f;\r\n --wbt-accent: #d97706;\r\n --wbt-paper: #faf8f4;\r\n --wbt-card: #ffffff;\r\n --wbt-text: #26332f;\r\n --wbt-muted: #65736e;\r\n --wbt-border: #e4e8e5;\r\n --wbt-shadow: 0 8px 24px rgba(31, 75, 63, .09);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 15px 50px;\r\n color: var(--wbt-text);\r\n font-size: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-wbt *,\r\n.fu-wbt *::before,\r\n.fu-wbt *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-wbt a {\r\n color: var(--wbt-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-wbt a:hover {\r\n color: var(--wbt-brand-dark);\r\n text-decoration: none;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-wbt .wbt-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 30px 24px;\r\n border-radius: 22px;\r\n color: #fff;\r\n background:\r\n radial-gradient(circle at 90% 10%, rgba(217,119,6,.24), transparent 30%),\r\n radial-gradient(circle at 10% 90%, rgba(255,255,255,.08), transparent 35%),\r\n linear-gradient(135deg, var(--wbt-brand-dark), var(--wbt-brand));\r\n box-shadow: var(--wbt-shadow);\r\n}\r\n\r\n.fu-wbt .wbt-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 9px;\r\n font-size: .82rem;\r\n font-weight: 700;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n opacity: .9;\r\n}\r\n\r\n.fu-wbt .wbt-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 6vw, 3.2rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-wbt .wbt-hero p {\r\n max-width: 820px;\r\n margin: 0;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.05rem;\r\n}\r\n\r\n/* ACTIONS */\r\n\r\n.fu-wbt .wbt-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 20px 0 24px;\r\n}\r\n\r\n.fu-wbt .wbt-action {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-height: 44px;\r\n padding: 10px 15px;\r\n border: 1px solid var(--wbt-border);\r\n border-radius: 12px;\r\n background: #fff;\r\n color: var(--wbt-brand);\r\n font-weight: 700;\r\n box-shadow: 0 5px 16px rgba(31,75,63,.07);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-wbt .wbt-action:hover {\r\n transform: translateY(-1px);\r\n background: var(--wbt-brand);\r\n border-color: var(--wbt-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-wbt .wbt-action.primary {\r\n background: var(--wbt-brand);\r\n border-color: var(--wbt-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-wbt .wbt-action.primary:hover {\r\n background: var(--wbt-brand-dark);\r\n border-color: var(--wbt-brand-dark);\r\n}\r\n\r\n/* FACTS */\r\n\r\n.fu-wbt .wbt-facts {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-wbt .wbt-fact {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 17px;\r\n border: 1px solid var(--wbt-border);\r\n border-radius: 16px;\r\n background: var(--wbt-card);\r\n box-shadow: var(--wbt-shadow);\r\n}\r\n\r\n.fu-wbt .wbt-fact-icon {\r\n flex: 0 0 42px;\r\n width: 42px;\r\n height: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n background: rgba(31,75,63,.09);\r\n color: var(--wbt-brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-wbt .wbt-fact strong {\r\n display: block;\r\n margin-bottom: 3px;\r\n color: var(--wbt-brand-dark);\r\n}\r\n\r\n.fu-wbt .wbt-fact span {\r\n color: var(--wbt-muted);\r\n font-size: .94rem;\r\n}\r\n\r\n/* GRID / CARDS */\r\n\r\n.fu-wbt .wbt-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-wbt .wbt-card {\r\n padding: 21px;\r\n border: 1px solid var(--wbt-border);\r\n border-radius: 18px;\r\n background: var(--wbt-card);\r\n box-shadow: var(--wbt-shadow);\r\n}\r\n\r\n.fu-wbt .wbt-card h2,\r\n.fu-wbt .wbt-card h3 {\r\n color: var(--wbt-brand-dark);\r\n}\r\n\r\n.fu-wbt .wbt-card h2 {\r\n margin: 0 0 10px;\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-wbt .wbt-card h3 {\r\n margin: 0 0 7px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-wbt .wbt-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-wbt .wbt-icon-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-wbt .wbt-icon-title i {\r\n color: var(--wbt-accent);\r\n font-size: 1.35rem;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-wbt .wbt-highlight {\r\n margin: 24px 0;\r\n padding: 22px;\r\n border-left: 5px solid var(--wbt-accent);\r\n border-radius: 16px;\r\n background: #fff8ed;\r\n box-shadow: var(--wbt-shadow);\r\n}\r\n\r\n.fu-wbt .wbt-highlight strong {\r\n color: var(--wbt-brand-dark);\r\n}\r\n\r\n.fu-wbt .wbt-highlight p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* EVENTS */\r\n\r\n.fu-wbt .wbt-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 30px 0 14px;\r\n color: var(--wbt-brand-dark);\r\n font-size: 1.45rem;\r\n line-height: 1.2;\r\n}\r\n\r\n.fu-wbt .wbt-section-title i {\r\n color: var(--wbt-accent);\r\n}\r\n\r\n.fu-wbt .wbt-events {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-wbt .wbt-event {\r\n display: grid;\r\n grid-template-columns: 74px 1fr;\r\n gap: 14px;\r\n align-items: start;\r\n padding: 16px;\r\n border: 1px solid var(--wbt-border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: var(--wbt-shadow);\r\n}\r\n\r\n.fu-wbt .wbt-event-date {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 68px;\r\n border-radius: 13px;\r\n background: var(--wbt-brand);\r\n color: #fff;\r\n text-align: center;\r\n line-height: 1.1;\r\n}\r\n\r\n.fu-wbt .wbt-event-date strong {\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-wbt .wbt-event-date span {\r\n margin-top: 4px;\r\n font-size: .75rem;\r\n text-transform: uppercase;\r\n letter-spacing: .06em;\r\n}\r\n\r\n.fu-wbt .wbt-event-title {\r\n margin: 0 0 5px;\r\n color: var(--wbt-brand-dark);\r\n font-size: 1.05rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-wbt .wbt-event-meta {\r\n color: var(--wbt-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-wbt .wbt-event-note {\r\n display: inline-block;\r\n margin-top: 6px;\r\n padding: 3px 8px;\r\n border-radius: 8px;\r\n background: rgba(217,119,6,.11);\r\n color: #9a5704;\r\n font-size: .78rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* ADDRESS */\r\n\r\n.fu-wbt .wbt-address {\r\n display: grid;\r\n gap: 15px;\r\n margin: 24px 0;\r\n padding: 22px;\r\n border: 1px solid var(--wbt-border);\r\n border-radius: 18px;\r\n background: var(--wbt-card);\r\n box-shadow: var(--wbt-shadow);\r\n}\r\n\r\n.fu-wbt .wbt-address h2 {\r\n margin: 0;\r\n color: var(--wbt-brand-dark);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-wbt .wbt-address-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n}\r\n\r\n.fu-wbt .wbt-address-item i {\r\n margin-top: 3px;\r\n color: var(--wbt-accent);\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-wbt .wbt-address-item strong {\r\n display: block;\r\n}\r\n\r\n/* ROUTE */\r\n\r\n.fu-wbt .wbt-route {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-wbt .wbt-route-item {\r\n padding: 17px;\r\n border-radius: 15px;\r\n background: #f4f6f4;\r\n border: 1px solid var(--wbt-border);\r\n}\r\n\r\n.fu-wbt .wbt-route-item i {\r\n margin-right: 7px;\r\n color: var(--wbt-brand);\r\n}\r\n\r\n/* PARTICIPATE */\r\n\r\n.fu-wbt .wbt-participate {\r\n margin: 24px 0;\r\n padding: 22px;\r\n border-radius: 18px;\r\n background: var(--wbt-brand);\r\n color: #fff;\r\n box-shadow: var(--wbt-shadow);\r\n}\r\n\r\n.fu-wbt .wbt-participate h2 {\r\n margin: 0 0 9px;\r\n color: #fff;\r\n}\r\n\r\n.fu-wbt .wbt-participate p {\r\n margin-bottom: 10px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-wbt .wbt-participate p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-wbt .wbt-related {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-wbt .wbt-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n min-height: 58px;\r\n padding: 13px 15px;\r\n border: 1px solid var(--wbt-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n box-shadow: var(--wbt-shadow);\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-wbt .wbt-related a:hover {\r\n transform: translateY(-1px);\r\n border-color: var(--wbt-brand);\r\n}\r\n\r\n.fu-wbt .wbt-related i {\r\n color: var(--wbt-accent);\r\n font-size: 1.2rem;\r\n}\r\n\r\n/* NOTE */\r\n\r\n.fu-wbt .wbt-note {\r\n margin-top: 20px;\r\n color: var(--wbt-muted);\r\n font-size: .87rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (min-width: 640px) {\r\n\r\n .fu-wbt {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n\r\n .fu-wbt .wbt-hero {\r\n padding: 38px 32px;\r\n }\r\n\r\n .fu-wbt .wbt-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-wbt .wbt-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-wbt .wbt-events {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-wbt .wbt-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (min-width: 900px) {\r\n\r\n .fu-wbt .wbt-facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-wbt .wbt-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-wbt .wbt-events {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-wbt .wbt-route {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-wbt .wbt-related {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 70 ===== */ @scope (.fu-article-70) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-note strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 16px;\r\n padding: 12px 17px;\r\n background: var(--fu-green);\r\n border-radius: 12px;\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 71 ===== */ @scope (.fu-article-71) { \r\n\r\n/* =========================================================\r\n FAST UMSONST – FRAUENHAUS UND BERATUNG E.V.\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-white: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #68736e;\r\n --fu-border: #dfe5e1;\r\n --fu-shadow: 0 8px 28px rgba(31,75,63,.10);\r\n\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n/* HERO */\r\n\r\n.fu-hero {\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(31,75,63,.97),\r\n rgba(31,75,63,.88)\r\n );\r\n color: #fff;\r\n border-radius: 24px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-hero-inner {\r\n padding: 48px 42px;\r\n}\r\n\r\n.fu-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: .95rem;\r\n font-weight: 700;\r\n margin-bottom: 14px;\r\n opacity: .9;\r\n}\r\n\r\n.fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-hero h1 i {\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-lead {\r\n max-width: 800px;\r\n font-size: 1.2rem;\r\n margin: 0 0 26px;\r\n opacity: .95;\r\n}\r\n\r\n.fu-hero-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n}\r\n\r\n\r\n/* BUTTONS */\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 18px;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n transform: translateY(-1px);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-btn-primary {\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-btn-primary:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n}\r\n\r\n.fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-green);\r\n}\r\n\r\n.fu-btn-danger {\r\n background: #8f2525;\r\n color: #fff !important;\r\n}\r\n\r\n.fu-btn-danger:hover {\r\n background: #721d1d;\r\n color: #fff !important;\r\n}\r\n\r\n\r\n/* JUMP NAV */\r\n\r\n.fu-jumpnav {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 10px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n text-decoration: none;\r\n box-shadow: 0 3px 12px rgba(0,0,0,.04);\r\n}\r\n\r\n.fu-jumpnav a:hover {\r\n background: var(--fu-paper);\r\n text-decoration: none;\r\n}\r\n\r\n\r\n/* ALERTS */\r\n\r\n.fu-alert {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n padding: 22px 24px;\r\n border-radius: 18px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.fu-alert-important {\r\n background: #f4f7f5;\r\n border: 1px solid #d6e2dc;\r\n}\r\n\r\n.fu-alert-emergency {\r\n background: #fff3f1;\r\n border: 1px solid #efcfca;\r\n}\r\n\r\n.fu-alert-icon {\r\n flex: 0 0 auto;\r\n font-size: 1.7rem;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-alert-emergency .fu-alert-icon {\r\n color: #8f2525;\r\n}\r\n\r\n.fu-alert strong {\r\n display: block;\r\n font-size: 1.1rem;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-alert p {\r\n margin: 0 0 12px;\r\n}\r\n\r\n.fu-alert-actions,\r\n.fu-emergency-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n\r\n/* SECTIONS */\r\n\r\n.fu-section {\r\n margin-bottom: 42px;\r\n}\r\n\r\n.fu-section-heading {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-section-icon {\r\n width: 50px;\r\n height: 50px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex: 0 0 50px;\r\n border-radius: 14px;\r\n background: #e9f0ec;\r\n color: var(--fu-green);\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-section-heading h2 {\r\n margin: 0;\r\n color: var(--fu-green);\r\n font-size: clamp(1.5rem, 3vw, 2rem);\r\n}\r\n\r\n.fu-section-heading p {\r\n margin: 2px 0 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n\r\n/* GRIDS */\r\n\r\n.fu-grid {\r\n display: grid;\r\n gap: 20px;\r\n}\r\n\r\n.fu-grid-3 {\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n}\r\n\r\n.fu-grid-2 {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n\r\n/* CARDS */\r\n\r\n.fu-card {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 26px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.25rem;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-card p {\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-card-icon {\r\n width: 48px;\r\n height: 48px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 13px;\r\n background: #edf3ef;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.fu-card-featured {\r\n border: 2px solid #d5e3dc;\r\n}\r\n\r\n.fu-card-contact {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin-top: 18px;\r\n padding-top: 14px;\r\n border-top: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-card-contact i {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-card-contact a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n\r\n/* INFO GRID */\r\n\r\n.fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 24px;\r\n}\r\n\r\n.fu-info-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n padding: 15px;\r\n background: var(--fu-paper);\r\n border-radius: 12px;\r\n}\r\n\r\n.fu-info-item > i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 2px;\r\n}\r\n\r\n.fu-info-item strong,\r\n.fu-info-item span {\r\n display: block;\r\n}\r\n\r\n.fu-info-item strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-info-item a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n\r\n/* CARD ACTIONS */\r\n\r\n.fu-card-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 24px;\r\n}\r\n\r\n\r\n/* HOTLINE */\r\n\r\n.fu-hotline-card {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 24px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 20px;\r\n padding: 30px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-hotline-icon {\r\n width: 64px;\r\n height: 64px;\r\n flex: 0 0 64px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 16px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n font-size: 1.7rem;\r\n}\r\n\r\n.fu-hotline-label {\r\n display: inline-block;\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n font-weight: 700;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-hotline-content h3 {\r\n margin: 0 0 12px;\r\n}\r\n\r\n.fu-hotline-content h3 a {\r\n color: var(--fu-green);\r\n font-size: 2.1rem;\r\n text-decoration: none;\r\n}\r\n\r\n\r\n/* CONTACT */\r\n\r\n.fu-contact-card {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 30px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 20px;\r\n padding: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-contact-main {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n}\r\n\r\n.fu-contact-icon {\r\n width: 58px;\r\n height: 58px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex: 0 0 58px;\r\n background: #e9f0ec;\r\n color: var(--fu-green);\r\n border-radius: 15px;\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-contact-main h3 {\r\n margin: 0 0 15px;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-contact-list {\r\n display: grid;\r\n gap: 10px;\r\n}\r\n\r\n.fu-contact-list > div {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n}\r\n\r\n.fu-contact-list i {\r\n color: var(--fu-green);\r\n margin-top: 4px;\r\n}\r\n\r\n.fu-contact-list a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-contact-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n\r\n/* RELATED */\r\n\r\n.fu-card-link {\r\n display: block;\r\n color: inherit;\r\n text-decoration: none !important;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-card-link:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 34px rgba(31,75,63,.14);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-card-link-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 18px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n\r\n/* SOURCE */\r\n\r\n.fu-source {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n padding: 18px 20px;\r\n background: var(--fu-paper);\r\n border-radius: 14px;\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-source > i {\r\n color: var(--fu-green);\r\n margin-top: 4px;\r\n}\r\n\r\n.fu-source a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n\r\n/* BACK */\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n padding-bottom: 20px;\r\n}\r\n\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-grid-3 {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-contact-card {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 700px) {\r\n\r\n .fu-hero-inner {\r\n padding: 34px 24px;\r\n }\r\n\r\n .fu-grid-3,\r\n .fu-grid-2,\r\n .fu-info-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-contact-card {\r\n padding: 22px;\r\n }\r\n\r\n .fu-contact-main {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-hotline-card {\r\n flex-direction: column;\r\n padding: 24px;\r\n }\r\n\r\n .fu-jumpnav a {\r\n width: 100%;\r\n justify-content: flex-start;\r\n }\r\n\r\n .fu-alert {\r\n padding: 18px;\r\n }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-hero h1 {\r\n font-size: 1.9rem;\r\n }\r\n\r\n .fu-lead {\r\n font-size: 1.05rem;\r\n }\r\n\r\n .fu-hero-actions,\r\n .fu-contact-actions,\r\n .fu-card-actions {\r\n width: 100%;\r\n }\r\n\r\n .fu-hero-actions .fu-btn,\r\n .fu-contact-actions .fu-btn,\r\n .fu-card-actions .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n}\r\n\r\n } /* ===== FU ARTICLE 72 ===== */ @scope (.fu-article-72) { \r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #173a31;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n --fu-border: #e1e7e4;\r\n --fu-soft: #edf4f0;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.10);\r\n --fu-shadow-hover: 0 12px 30px rgba(31,75,63,.16);\r\n\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page h1,\r\n.fu-page h2,\r\n.fu-page h3 {\r\n color: var(--fu-brand);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-page h1 {\r\n font-size: clamp(2rem, 4vw, 2.8rem);\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.fu-page h2 {\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.fu-page h3 {\r\n font-size: 1.15rem;\r\n margin: 0 0 .65rem;\r\n}\r\n\r\n.fu-page p {\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.fu-page a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page a:hover {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, #eef5f1 0%, #faf8f4 100%);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 20px;\r\n padding: clamp(1.6rem, 4vw, 3rem);\r\n margin-bottom: 1.5rem;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .45rem;\r\n background: #e0eee8;\r\n color: var(--fu-brand);\r\n border-radius: 999px;\r\n padding: .4rem .85rem;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.fu-lead {\r\n max-width: 900px;\r\n font-size: 1.14rem;\r\n margin-bottom: 0 !important;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-jump {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 1rem 1.15rem;\r\n margin: 1.5rem 0;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-jump-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: .7rem;\r\n}\r\n\r\n.fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .55rem;\r\n}\r\n\r\n.fu-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .4rem;\r\n background: #f2f6f3;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 10px;\r\n padding: .55rem .8rem;\r\n font-size: .92rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-jump-links a:hover {\r\n background: #e5efe9;\r\n text-decoration: none;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-alert {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n background: #fff8e8;\r\n border: 1px solid #ecd9a6;\r\n border-left: 5px solid #c89524;\r\n border-radius: 15px;\r\n padding: 1.2rem 1.3rem;\r\n margin: 1.5rem 0;\r\n}\r\n\r\n.fu-alert > i {\r\n flex: 0 0 auto;\r\n color: #a87812;\r\n font-size: 1.4rem;\r\n margin-top: .1rem;\r\n}\r\n\r\n/* =========================================================\r\n SEKTIONEN\r\n ========================================================= */\r\n\r\n.fu-section {\r\n margin: 2.4rem 0;\r\n}\r\n\r\n.fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: .65rem;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.fu-section-title i {\r\n color: var(--fu-brand);\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-section-title h2 {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n HAUPTKARTEN\r\n ========================================================= */\r\n\r\n.fu-main-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: clamp(1.35rem, 3vw, 2rem);\r\n margin: 1.5rem 0;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-main-card.featured {\r\n border-top: 5px solid var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 1rem;\r\n margin: 1.25rem 0;\r\n}\r\n\r\n.fu-info-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 1.25rem;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-icon {\r\n width: 45px;\r\n height: 45px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n border-radius: 12px;\r\n font-size: 1.3rem;\r\n margin-bottom: .8rem;\r\n}\r\n\r\n.fu-info-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-contact {\r\n display: grid;\r\n gap: .8rem;\r\n margin-top: 1rem;\r\n}\r\n\r\n.fu-contact-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: .75rem;\r\n}\r\n\r\n.fu-contact-row > i {\r\n color: var(--fu-brand);\r\n font-size: 1.1rem;\r\n width: 22px;\r\n flex: 0 0 22px;\r\n margin-top: .15rem;\r\n}\r\n\r\n.fu-contact-row strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .75rem;\r\n margin-top: 1.25rem;\r\n}\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: .5rem;\r\n min-height: 46px;\r\n padding: .7rem 1rem;\r\n border-radius: 11px;\r\n border: 1px solid var(--fu-brand);\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n box-shadow: 0 5px 14px rgba(31,75,63,.14);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-btn.secondary {\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n box-shadow: none;\r\n}\r\n\r\n.fu-btn.secondary:hover {\r\n background: #eef5f1;\r\n}\r\n\r\n/* =========================================================\r\n KLICKBARE KARTEN\r\n ========================================================= */\r\n\r\n.fu-card-link {\r\n display: block;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 1.3rem;\r\n box-shadow: var(--fu-shadow);\r\n text-decoration: none !important;\r\n transition: transform .18s ease,\r\n box-shadow .18s ease,\r\n border-color .18s ease;\r\n}\r\n\r\n.fu-card-link:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--fu-shadow-hover);\r\n border-color: #bfd0c8;\r\n}\r\n\r\n.fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.4rem;\r\n margin-bottom: .65rem;\r\n}\r\n\r\n.fu-card-link h3 {\r\n margin-bottom: .45rem;\r\n}\r\n\r\n.fu-card-link p {\r\n color: var(--fu-muted);\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-more {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .35rem;\r\n margin-top: .9rem;\r\n color: var(--fu-brand);\r\n font-size: .92rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n NOTFALL / DRINGEND\r\n ========================================================= */\r\n\r\n.fu-emergency {\r\n background: #f8eeee;\r\n border: 1px solid #e7cccc;\r\n border-left: 5px solid #a33a3a;\r\n border-radius: 15px;\r\n padding: 1.3rem 1.4rem;\r\n margin: 2rem 0;\r\n}\r\n\r\n.fu-emergency h2 {\r\n color: #8d3030;\r\n}\r\n\r\n.fu-emergency strong {\r\n color: #8d3030;\r\n}\r\n\r\n/* =========================================================\r\n FAQ\r\n ========================================================= */\r\n\r\n.fu-faq {\r\n display: grid;\r\n gap: .8rem;\r\n}\r\n\r\n.fu-faq-item {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 1.1rem 1.2rem;\r\n box-shadow: 0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-faq-item h3 {\r\n margin-bottom: .45rem;\r\n}\r\n\r\n.fu-faq-item p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n KLEINER HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero,\r\n .fu-main-card {\r\n padding: 1.25rem;\r\n }\r\n\r\n .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-jump-links {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-jump-links a {\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 73 ===== */ @scope (.fu-article-73) { \r\n/* =========================================================\r\n FAST UMSONST – KINDER- UND JUGENDHILFE ST. MAURITZ\r\n Schutz & Notunterkünfte / Kinderkrisenhilfe\r\n ========================================================= */\r\n\r\n.fu-mauritz {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff7ed;\r\n --fu-red:#b42318;\r\n --fu-red-light:#fff1f0;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n line-height:1.7;\r\n font-size:16px;\r\n}\r\n\r\n.fu-mauritz * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-mauritz a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-mauritz a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-mauritz .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-green-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:40px 34px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-mauritz .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-mauritz .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n margin:0 0 10px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-mauritz .fu-hero p {\r\n color:rgba(255,255,255,.93);\r\n font-size:1.1rem;\r\n max-width:800px;\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n AKUT-HILFE BOX\r\n ========================================================= */\r\n\r\n.fu-mauritz .fu-help-box {\r\n background:var(--fu-red-light);\r\n border:1px solid #efc9c5;\r\n border-radius:20px;\r\n padding:25px 28px;\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-mauritz .fu-help-title {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n color:var(--fu-red);\r\n font-size:1.18rem;\r\n font-weight:800;\r\n margin-bottom:8px;\r\n}\r\n\r\n.fu-mauritz .fu-help-box p {\r\n margin:0;\r\n}\r\n\r\n.fu-mauritz .fu-help-phone {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:9px;\r\n margin-top:15px;\r\n background:var(--fu-red);\r\n color:#fff !important;\r\n padding:11px 17px;\r\n border-radius:11px;\r\n font-weight:800;\r\n text-decoration:none !important;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-mauritz .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-mauritz .fu-lead {\r\n color:var(--fu-green-dark);\r\n font-size:1.15rem;\r\n font-weight:650;\r\n margin-top:0;\r\n}\r\n\r\n.fu-mauritz .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SCHNELLINFO\r\n ========================================================= */\r\n\r\n.fu-mauritz .fu-info-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:18px;\r\n margin-bottom:30px;\r\n}\r\n\r\n.fu-mauritz .fu-info-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:22px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-mauritz .fu-info-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-mauritz .fu-info-card strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n font-size:1.05rem;\r\n margin-bottom:4px;\r\n}\r\n\r\n.fu-mauritz .fu-info-card span {\r\n color:var(--fu-muted);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-mauritz .fu-jump {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:20px;\r\n margin-bottom:32px;\r\n}\r\n\r\n.fu-mauritz .fu-jump-title {\r\n color:var(--fu-green-dark);\r\n font-weight:800;\r\n margin-bottom:12px;\r\n}\r\n\r\n.fu-mauritz .fu-jump-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-mauritz .fu-jump-links a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n padding:8px 14px;\r\n font-size:.92rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-mauritz .fu-jump-links a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-mauritz .fu-section {\r\n margin:38px 0;\r\n}\r\n\r\n.fu-mauritz .fu-section h2 {\r\n color:var(--fu-green-dark);\r\n font-size:1.7rem;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-mauritz .fu-section h3 {\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n margin:0 0 8px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ANGEBOTSKARTEN\r\n ========================================================= */\r\n\r\n.fu-mauritz .fu-offer-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-mauritz .fu-offer-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-mauritz .fu-offer-icon {\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.3rem;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-mauritz .fu-offer-card h3 {\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-mauritz .fu-offer-card p {\r\n color:var(--fu-muted);\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZIELGRUPPE\r\n ========================================================= */\r\n\r\n.fu-mauritz .fu-target {\r\n background:var(--fu-green-light);\r\n border:1px solid #d4e3dc;\r\n border-radius:19px;\r\n padding:26px;\r\n margin:28px 0;\r\n}\r\n\r\n.fu-mauritz .fu-target h3 {\r\n margin-top:0;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-mauritz .fu-target p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-mauritz .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-mauritz .fu-contact-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-mauritz .fu-contact-row {\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-mauritz .fu-contact-row:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-mauritz .fu-contact-icon {\r\n flex:0 0 39px;\r\n width:39px;\r\n height:39px;\r\n border-radius:10px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n}\r\n\r\n.fu-mauritz .fu-contact-label {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n margin-bottom:2px;\r\n}\r\n\r\n.fu-mauritz .fu-contact-value {\r\n color:var(--fu-green-dark);\r\n font-weight:700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RUND UM DIE UHR\r\n ========================================================= */\r\n\r\n.fu-mauritz .fu-24h {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:15px;\r\n padding:16px 19px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-mauritz .fu-24h i {\r\n font-size:1.4rem;\r\n}\r\n\r\n.fu-mauritz .fu-24h strong {\r\n display:block;\r\n}\r\n\r\n.fu-mauritz .fu-24h span {\r\n opacity:.9;\r\n font-size:.92rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-mauritz .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-mauritz .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n border:1px solid var(--fu-green);\r\n border-radius:11px;\r\n padding:10px 15px;\r\n font-weight:700;\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-mauritz .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n border-color:var(--fu-green-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-mauritz .fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-mauritz .fu-btn-light:hover {\r\n background:var(--fu-green-light);\r\n}\r\n\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-mauritz .fu-note {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d4aa;\r\n border-radius:18px;\r\n padding:23px 25px;\r\n margin:28px 0;\r\n}\r\n\r\n.fu-mauritz .fu-note-title {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n color:#9a5b08;\r\n font-weight:800;\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-mauritz .fu-note p {\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n WEITERE HILFE\r\n ========================================================= */\r\n\r\n.fu-mauritz .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-mauritz .fu-related-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:22px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.05);\r\n}\r\n\r\n.fu-mauritz .fu-related-card h3 {\r\n margin-top:0;\r\n}\r\n\r\n.fu-mauritz .fu-related-card p {\r\n color:var(--fu-muted);\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-mauritz .fu-back {\r\n margin-top:35px;\r\n padding-top:22px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-mauritz .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-weight:800;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:850px) {\r\n\r\n .fu-mauritz .fu-info-grid,\r\n .fu-mauritz .fu-offer-grid,\r\n .fu-mauritz .fu-contact-grid,\r\n .fu-mauritz .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-mauritz .fu-hero {\r\n padding:29px 22px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-mauritz .fu-intro,\r\n .fu-mauritz .fu-contact-card,\r\n .fu-mauritz .fu-offer-card,\r\n .fu-mauritz .fu-info-card {\r\n padding:20px;\r\n }\r\n\r\n .fu-mauritz .fu-jump {\r\n padding:17px;\r\n }\r\n\r\n .fu-mauritz .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-mauritz .fu-btn {\r\n width:100%;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 74 ===== */ @scope (.fu-article-74) { \r\n/* =========================================================\r\n FAST UMSONST – MIA DAS MÄDCHENHAUS\r\n Sprungmarken + Kartenlink + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 860px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 75 ===== */ @scope (.fu-article-75) { \r\n/* =========================================================\r\n FAST UMSONST – SLEEP-IN FÜR MÄDCHEN UND JUNGE FRAUEN\r\n Sprungmarken + Kartenlink + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 860px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 76 ===== */ @scope (.fu-article-76) { \r\n/* =========================================================\r\n FAST UMSONST – SLEEP-IN FÜR JUNGEN UND JUNGE MÄNNER\r\n Sprungmarken + Kartenlink + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 860px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 77 ===== */ @scope (.fu-article-77) { \r\n.fu-aasee {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-card: #ffffff;\r\n --fu-border: #e5e0d7;\r\n --fu-text: #29322f;\r\n --fu-muted: #68736e;\r\n --fu-accent: #e5f0eb;\r\n --fu-highlight: #f4ecda;\r\n --fu-shadow: 0 8px 24px rgba(0,0,0,.08);\r\n --fu-radius: 16px;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-aasee * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-aasee a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-aasee a:hover {\r\n color: var(--fu-green-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* HERO */\r\n.fu-aasee .fu-hero {\r\n background: linear-gradient(135deg, #edf5f1 0%, #ffffff 100%);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 34px 28px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-aasee .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: clamp(2rem, 4vw, 2.8rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-aasee .fu-hero p {\r\n margin: 0;\r\n font-size: 1.08rem;\r\n line-height: 1.75;\r\n}\r\n\r\n.fu-aasee .fu-badge-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-aasee .fu-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 13px;\r\n color: var(--fu-green-dark);\r\n font-size: .93rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* SPRUNGNAVIGATION */\r\n.fu-aasee .fu-jump {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-aasee .fu-jump-title {\r\n margin-bottom: 12px;\r\n color: var(--fu-green-dark);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-aasee .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-aasee .fu-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 12px;\r\n border-radius: 10px;\r\n background: var(--fu-accent);\r\n font-size: .92rem;\r\n}\r\n\r\n/* SECTIONS */\r\n.fu-aasee .fu-section {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-aasee .fu-section h2 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-aasee .fu-section p {\r\n line-height: 1.75;\r\n}\r\n\r\n/* GRID / CARDS */\r\n.fu-aasee .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-aasee .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 23px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n}\r\n\r\n.fu-aasee .fu-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-aasee .fu-card h3 i {\r\n flex: 0 0 auto;\r\n}\r\n\r\n/* LISTEN */\r\n.fu-aasee .fu-info-list {\r\n margin: 0;\r\n padding-left: 1.2rem;\r\n}\r\n\r\n.fu-aasee .fu-info-list li {\r\n margin-bottom: 9px;\r\n line-height: 1.6;\r\n}\r\n\r\n/* HIGHLIGHTS */\r\n.fu-aasee .fu-highlight {\r\n background: var(--fu-highlight);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 12px;\r\n padding: 18px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-aasee .fu-note {\r\n background: var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n line-height: 1.7;\r\n}\r\n\r\n/* OPENING TABLE */\r\n.fu-aasee .fu-opening {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 10px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n}\r\n\r\n.fu-aasee .fu-opening th,\r\n.fu-aasee .fu-opening td {\r\n padding: 13px 14px;\r\n text-align: left;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-aasee .fu-opening th {\r\n background: var(--fu-accent);\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-aasee .fu-opening tr:last-child td {\r\n border-bottom: 0;\r\n}\r\n\r\n/* BUTTONS */\r\n.fu-aasee .fu-button-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-aasee .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n padding: 11px 15px;\r\n border-radius: 11px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-aasee .fu-button:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n}\r\n\r\n/* KONTAKT */\r\n.fu-aasee .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-aasee .fu-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n}\r\n\r\n.fu-aasee .fu-contact-item i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 3px;\r\n}\r\n\r\n/* RELATED */\r\n.fu-aasee .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-aasee .fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 20px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-aasee .fu-related-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 9px;\r\n color: var(--fu-green);\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-aasee .fu-related-card p {\r\n margin: 0;\r\n color: var(--fu-text);\r\n font-weight: 400;\r\n line-height: 1.55;\r\n}\r\n\r\n/* ZURÜCK NACH OBEN */\r\n.fu-aasee .fu-top {\r\n text-align: right;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-aasee .fu-top a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-size: .92rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (max-width: 800px) {\r\n .fu-aasee .fu-grid,\r\n .fu-aasee .fu-contact,\r\n .fu-aasee .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-aasee .fu-hero {\r\n padding: 26px 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .fu-aasee .fu-card,\r\n .fu-aasee .fu-related-card {\r\n padding: 18px;\r\n }\r\n\r\n .fu-aasee .fu-button {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .fu-aasee .fu-opening th,\r\n .fu-aasee .fu-opening td {\r\n padding: 10px;\r\n font-size: .94rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 78 ===== */ @scope (.fu-article-78) { \r\n.fu-bahnhofsmission {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #16382f;\r\n --fu-paper: #faf8f4;\r\n --fu-accent: #e7f0ec;\r\n --fu-soft: #f2f6f4;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #dfe7e3;\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n}\r\n\r\n/* =========================================================\r\n EINLEITUNG\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-intro {\r\n background: linear-gradient(135deg, #eef5f1, #faf8f4);\r\n border-radius: 20px;\r\n padding: 32px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-bahnhofsmission .fu-intro h1 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n margin-bottom: 14px;\r\n font-weight: 700;\r\n font-size: 1.7rem;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-jump {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 0 0 32px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 15px;\r\n border-radius: 999px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 3px 10px rgba(0,0,0,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-jump a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-section {\r\n margin-bottom: 38px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-section h2 {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-section > p {\r\n margin-bottom: 20px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-highlight {\r\n background: var(--fu-accent);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 13px;\r\n padding: 23px 25px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-highlight strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HAUPT-KONTAKTSTELLE\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-main-card {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 32px;\r\n box-shadow: 0 9px 26px rgba(0,0,0,.13);\r\n}\r\n\r\n.fu-bahnhofsmission .fu-main-card h2,\r\n.fu-bahnhofsmission .fu-main-card h3 {\r\n color: #fff;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-main-icon {\r\n font-size: 2.8rem;\r\n margin-bottom: 12px;\r\n display: inline-block;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-main-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-main-grid {\r\n display: grid;\r\n grid-template-columns: 1.2fr .8fr;\r\n gap: 25px;\r\n align-items: start;\r\n}\r\n\r\n/* =========================================================\r\n INFO-KARTEN\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 24px;\r\n box-shadow: 0 5px 17px rgba(0,0,0,.07);\r\n height: 100%;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.16rem;\r\n margin-top: 0;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-icon {\r\n color: var(--fu-green);\r\n font-size: 1.55rem;\r\n margin-bottom: 10px;\r\n display: inline-block;\r\n}\r\n\r\n/* =========================================================\r\n KLICKBARE BEITRAGSKARTEN\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-link-card {\r\n display: block;\r\n height: 100%;\r\n padding: 25px;\r\n background: #fff;\r\n color: inherit;\r\n text-decoration: none;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n box-shadow: 0 5px 17px rgba(0,0,0,.07);\r\n transition: .22s ease;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-link-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(0,0,0,.11);\r\n border-color: #bfd1ca;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-link-card h3 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n margin-bottom: 10px;\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-link-card p {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-more {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 15px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 11px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n text-decoration: none;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-btn:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-bahnhofsmission .fu-main-card .fu-btn {\r\n background: #fff;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-bahnhofsmission .fu-main-card .fu-btn:hover {\r\n background: var(--fu-paper);\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ADRESSE\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-address {\r\n background: rgba(255,255,255,.09);\r\n border-radius: 13px;\r\n padding: 19px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-address strong {\r\n color: #fff;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-address a {\r\n color: #fff;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-address a:hover {\r\n color: #fff;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-map {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 13px;\r\n padding: 9px 13px;\r\n border-radius: 9px;\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n text-decoration: none;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-map:hover {\r\n background: var(--fu-paper);\r\n}\r\n\r\n/* =========================================================\r\n FAQ\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-faq-item {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px 23px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-faq-item h3 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n margin-bottom: 8px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-bahnhofsmission .fu-faq-item p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-bahnhofsmission .fu-note {\r\n background: var(--fu-soft);\r\n border-radius: 13px;\r\n padding: 21px 23px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-bahnhofsmission .fu-intro,\r\n .fu-bahnhofsmission .fu-main-card {\r\n padding: 23px;\r\n }\r\n\r\n .fu-bahnhofsmission .fu-grid,\r\n .fu-bahnhofsmission .fu-main-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-bahnhofsmission .fu-jump {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-bahnhofsmission .fu-jump a {\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 79 ===== */ @scope (.fu-article-79) { \r\n .fu-stw-bistros {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n .fu-stw-bistros .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-stw-bistros .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-stw-bistros .fu-hero p {\r\n margin: 0;\r\n max-width: 920px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n .fu-stw-bistros .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-stw-bistros .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-stw-bistros .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-stw-bistros .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-stw-bistros .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n SECTIONS / CARDS\r\n ========================================================= */\r\n\r\n .fu-stw-bistros .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-stw-bistros .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-stw-bistros .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-stw-bistros .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-stw-bistros .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n .fu-stw-bistros .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 17px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =========================================================\r\n STANDORTE\r\n ========================================================= */\r\n\r\n .fu-stw-bistros .fu-location-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-stw-bistros .fu-location-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n }\r\n\r\n .fu-stw-bistros .fu-location-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.8rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-stw-bistros .fu-location-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 10px;\r\n font-size: 1.18rem;\r\n }\r\n\r\n .fu-stw-bistros .fu-location-card p {\r\n margin: 0 0 10px;\r\n }\r\n\r\n .fu-stw-bistros .fu-location-meta {\r\n margin-top: auto;\r\n }\r\n\r\n .fu-stw-bistros .fu-location-meta strong {\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n ANGEBOT\r\n ========================================================= */\r\n\r\n .fu-stw-bistros .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-stw-bistros .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-stw-bistros .fu-service i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-stw-bistros .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-stw-bistros .fu-service p {\r\n margin: 0;\r\n }\r\n\r\n /* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n .fu-stw-bistros .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-stw-bistros .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-stw-bistros .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-stw-bistros .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-stw-bistros .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-stw-bistros .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n .fu-stw-bistros .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-stw-bistros .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-stw-bistros .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-stw-bistros .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-stw-bistros .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-stw-bistros .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-stw-bistros .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-stw-bistros .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n .fu-stw-bistros .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =========================================================\r\n BACK TO TOP\r\n ========================================================= */\r\n\r\n .fu-stw-bistros .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-stw-bistros .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-stw-bistros .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-stw-bistros .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-stw-bistros .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-stw-bistros .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-stw-bistros .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 80 ===== */ @scope (.fu-article-80) { \r\n.fu-couleur {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-border: #e5e0d7;\r\n --fu-text: #29322f;\r\n --fu-muted: #66716c;\r\n --fu-accent: #e5f0eb;\r\n --fu-warning: #f5ead5;\r\n --fu-shadow: 0 8px 24px rgba(0,0,0,.08);\r\n --fu-radius: 16px;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-couleur * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-couleur a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-couleur a:hover {\r\n color: var(--fu-green-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n.fu-couleur .fu-hero {\r\n background: linear-gradient(135deg, #edf4f0 0%, #ffffff 100%);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 34px 28px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-couleur .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: clamp(2rem, 4vw, 2.75rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-couleur .fu-hero p {\r\n margin: 0;\r\n font-size: 1.08rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-couleur .fu-status {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 18px;\r\n padding: 9px 14px;\r\n border-radius: 999px;\r\n background: var(--fu-warning);\r\n color: #654d22;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n}\r\n\r\n.fu-couleur .fu-jump {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-couleur .fu-jump-title {\r\n margin-bottom: 12px;\r\n color: var(--fu-green-dark);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-couleur .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-couleur .fu-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 12px;\r\n border-radius: 10px;\r\n background: var(--fu-accent);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-couleur .fu-section {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-couleur .fu-section h2 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-couleur .fu-section p {\r\n line-height: 1.75;\r\n}\r\n\r\n.fu-couleur .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 23px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-couleur .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-couleur .fu-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-couleur .fu-alert {\r\n border-left: 5px solid var(--fu-green);\r\n background: var(--fu-warning);\r\n border-radius: 12px;\r\n padding: 18px 19px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-couleur .fu-alert strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-couleur .fu-info-list {\r\n margin: 0;\r\n padding-left: 1.2rem;\r\n}\r\n\r\n.fu-couleur .fu-info-list li {\r\n margin-bottom: 9px;\r\n line-height: 1.6;\r\n}\r\n\r\n.fu-couleur .fu-button-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-couleur .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n padding: 11px 15px;\r\n border-radius: 11px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-couleur .fu-button:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-couleur .fu-address {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-couleur .fu-address-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n}\r\n\r\n.fu-couleur .fu-address-item i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 3px;\r\n}\r\n\r\n.fu-couleur .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-couleur .fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 20px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-couleur .fu-related-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 9px;\r\n color: var(--fu-green);\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-couleur .fu-related-card p {\r\n margin: 0;\r\n color: var(--fu-text);\r\n font-weight: 400;\r\n line-height: 1.55;\r\n}\r\n\r\n.fu-couleur .fu-source {\r\n margin-top: 14px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-couleur .fu-top {\r\n text-align: right;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-couleur .fu-top a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-size: .92rem;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-couleur .fu-grid,\r\n .fu-couleur .fu-address,\r\n .fu-couleur .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-couleur .fu-hero {\r\n padding: 26px 20px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 81 ===== */ @scope (.fu-article-81) { \r\n .fu-wuddi {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n .fu-wuddi .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-wuddi .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-wuddi .fu-hero p {\r\n margin: 0;\r\n max-width: 920px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n .fu-wuddi .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-wuddi .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-wuddi .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-wuddi .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-wuddi .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n SECTIONS / CARDS\r\n ========================================================= */\r\n\r\n .fu-wuddi .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-wuddi .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-wuddi .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-wuddi .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-wuddi .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n .fu-wuddi .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 17px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =========================================================\r\n SERVICE GRID\r\n ========================================================= */\r\n\r\n .fu-wuddi .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-wuddi .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-wuddi .fu-service i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-wuddi .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-wuddi .fu-service p {\r\n margin: 0;\r\n }\r\n\r\n /* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n .fu-wuddi .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 16px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-wuddi .fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px;\r\n }\r\n\r\n .fu-wuddi .fu-info-box strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n margin-bottom: 6px;\r\n }\r\n\r\n /* =========================================================\r\n EVENT / 5-EURO ANGEBOT\r\n ========================================================= */\r\n\r\n .fu-wuddi .fu-price-card {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 24px;\r\n margin-top: 20px;\r\n text-align: center;\r\n }\r\n\r\n .fu-wuddi .fu-price-card .fu-price-icon {\r\n color: var(--fu-accent);\r\n font-size: 2rem;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .fu-wuddi .fu-price-card .fu-price {\r\n color: var(--fu-brand);\r\n font-size: 2rem;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin: 8px 0;\r\n }\r\n\r\n /* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n .fu-wuddi .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-wuddi .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-wuddi .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-wuddi .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-wuddi .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-wuddi .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n .fu-wuddi .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-wuddi .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-wuddi .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-wuddi .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-wuddi .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-wuddi .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-wuddi .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-wuddi .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n .fu-wuddi .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =========================================================\r\n BACK TO TOP\r\n ========================================================= */\r\n\r\n .fu-wuddi .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-wuddi .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-wuddi .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-wuddi .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-wuddi .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-wuddi .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-wuddi .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 82 ===== */ @scope (.fu-article-82) { \r\n.fu-milagro {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-border: #e7e1d7;\r\n --fu-text: #26302c;\r\n --fu-muted: #68736e;\r\n --fu-accent: #dfeee8;\r\n --fu-highlight: #f4ecda;\r\n --fu-shadow: 0 8px 24px rgba(0,0,0,.08);\r\n --fu-radius: 16px;\r\n color: var(--fu-text);\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-milagro * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-milagro a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-milagro a:hover {\r\n color: var(--fu-green-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n.fu-milagro .fu-hero {\r\n background: linear-gradient(135deg, #edf5f1 0%, #ffffff 100%);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 34px 28px;\r\n margin-bottom: 22px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-milagro .fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: clamp(2rem, 4vw, 2.8rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-milagro .fu-hero p {\r\n margin: 0;\r\n font-size: 1.08rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-milagro .fu-badge-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-milagro .fu-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 12px;\r\n font-size: .93rem;\r\n font-weight: 600;\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-milagro .fu-jump {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 18px 20px;\r\n margin-bottom: 26px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-milagro .fu-jump-title {\r\n margin: 0 0 12px;\r\n font-weight: 700;\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-milagro .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-milagro .fu-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 12px;\r\n border-radius: 10px;\r\n background: var(--fu-accent);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-milagro .fu-section {\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-milagro .fu-section h2 {\r\n color: var(--fu-green);\r\n font-size: 1.6rem;\r\n margin: 0 0 14px;\r\n}\r\n\r\n.fu-milagro .fu-section p {\r\n line-height: 1.75;\r\n}\r\n\r\n.fu-milagro .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-milagro .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n}\r\n\r\n.fu-milagro .fu-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.22rem;\r\n}\r\n\r\n.fu-milagro .fu-card p {\r\n margin: 0 0 12px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-milagro .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-milagro .fu-price {\r\n background: var(--fu-highlight);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n margin: 18px 0;\r\n}\r\n\r\n.fu-milagro .fu-price strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-milagro .fu-info-list {\r\n margin: 0;\r\n padding-left: 1.2rem;\r\n}\r\n\r\n.fu-milagro .fu-info-list li {\r\n margin-bottom: 9px;\r\n line-height: 1.55;\r\n}\r\n\r\n.fu-milagro .fu-opening {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n}\r\n\r\n.fu-milagro .fu-opening th,\r\n.fu-milagro .fu-opening td {\r\n padding: 12px 14px;\r\n border-bottom: 1px solid var(--fu-border);\r\n text-align: left;\r\n}\r\n\r\n.fu-milagro .fu-opening th {\r\n background: var(--fu-accent);\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-milagro .fu-opening tr:last-child td {\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-milagro .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-milagro .fu-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n}\r\n\r\n.fu-milagro .fu-contact-item i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 2px;\r\n}\r\n\r\n.fu-milagro .fu-button-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-milagro .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n padding: 10px 15px;\r\n border-radius: 11px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-milagro .fu-button:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-milagro .fu-note {\r\n background: var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 15px 17px;\r\n margin-top: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-milagro .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-milagro .fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 19px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-milagro .fu-related-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 8px;\r\n color: var(--fu-green);\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-milagro .fu-related-card p {\r\n margin: 0;\r\n color: var(--fu-text);\r\n line-height: 1.55;\r\n font-weight: 400;\r\n}\r\n\r\n.fu-milagro .fu-top {\r\n text-align: right;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-milagro .fu-top a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-size: .92rem;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-milagro .fu-grid,\r\n .fu-milagro .fu-contact,\r\n .fu-milagro .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-milagro .fu-hero {\r\n padding: 26px 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .fu-milagro .fu-card,\r\n .fu-milagro .fu-related-card {\r\n padding: 18px;\r\n }\r\n\r\n .fu-milagro .fu-opening th,\r\n .fu-milagro .fu-opening td {\r\n padding: 10px;\r\n font-size: .94rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 85 ===== */ @scope (.fu-article-85) { \r\n.fu-lavie {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-card: #ffffff;\r\n --fu-border: #e5e0d7;\r\n --fu-text: #29322f;\r\n --fu-muted: #68736e;\r\n --fu-accent: #e5f0eb;\r\n --fu-highlight: #f4ecda;\r\n --fu-shadow: 0 8px 24px rgba(0,0,0,.08);\r\n --fu-radius: 16px;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-lavie * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-lavie a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-lavie a:hover {\r\n color: var(--fu-green-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* HERO */\r\n.fu-lavie .fu-hero {\r\n background: linear-gradient(135deg, #edf5f1 0%, #ffffff 100%);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 34px 28px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-lavie .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: clamp(2rem, 4vw, 2.8rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-lavie .fu-hero p {\r\n margin: 0;\r\n font-size: 1.08rem;\r\n line-height: 1.75;\r\n}\r\n\r\n.fu-lavie .fu-badge-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-lavie .fu-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 13px;\r\n color: var(--fu-green-dark);\r\n font-size: .93rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* JUMP NAV */\r\n.fu-lavie .fu-jump {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-lavie .fu-jump-title {\r\n margin-bottom: 12px;\r\n color: var(--fu-green-dark);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-lavie .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-lavie .fu-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 12px;\r\n border-radius: 10px;\r\n background: var(--fu-accent);\r\n font-size: .92rem;\r\n}\r\n\r\n/* SECTIONS */\r\n.fu-lavie .fu-section {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-lavie .fu-section h2 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-lavie .fu-section p {\r\n line-height: 1.75;\r\n}\r\n\r\n/* CARDS */\r\n.fu-lavie .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-lavie .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 23px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n}\r\n\r\n.fu-lavie .fu-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-lavie .fu-card h3 i {\r\n flex: 0 0 auto;\r\n}\r\n\r\n/* LIST */\r\n.fu-lavie .fu-info-list {\r\n margin: 0;\r\n padding-left: 1.2rem;\r\n}\r\n\r\n.fu-lavie .fu-info-list li {\r\n margin-bottom: 9px;\r\n line-height: 1.6;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n.fu-lavie .fu-highlight {\r\n background: var(--fu-highlight);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 12px;\r\n padding: 17px 18px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-lavie .fu-note {\r\n background: var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n line-height: 1.7;\r\n}\r\n\r\n/* CONTACT */\r\n.fu-lavie .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-lavie .fu-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n}\r\n\r\n.fu-lavie .fu-contact-item i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 3px;\r\n}\r\n\r\n/* BUTTONS */\r\n.fu-lavie .fu-button-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-lavie .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n padding: 11px 15px;\r\n border-radius: 11px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-lavie .fu-button:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n}\r\n\r\n/* RELATED */\r\n.fu-lavie .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-lavie .fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 20px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-lavie .fu-related-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 9px;\r\n color: var(--fu-green);\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-lavie .fu-related-card p {\r\n margin: 0;\r\n color: var(--fu-text);\r\n font-weight: 400;\r\n line-height: 1.55;\r\n}\r\n\r\n/* TOP */\r\n.fu-lavie .fu-top {\r\n text-align: right;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-lavie .fu-top a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-size: .92rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (max-width: 800px) {\r\n\r\n .fu-lavie .fu-grid,\r\n .fu-lavie .fu-contact,\r\n .fu-lavie .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-lavie .fu-hero {\r\n padding: 26px 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n .fu-lavie .fu-card,\r\n .fu-lavie .fu-related-card {\r\n padding: 18px;\r\n }\r\n\r\n .fu-lavie .fu-button {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 89 ===== */ @scope (.fu-article-89) { \r\n.fu-ring {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-card: #ffffff;\r\n --fu-border: #e5e0d7;\r\n --fu-text: #29322f;\r\n --fu-muted: #68736e;\r\n --fu-accent: #e5f0eb;\r\n --fu-highlight: #f4ecda;\r\n --fu-shadow: 0 8px 24px rgba(0,0,0,.08);\r\n --fu-radius: 16px;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-ring * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-ring a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-ring a:hover {\r\n color: var(--fu-green-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* HERO */\r\n.fu-ring .fu-hero {\r\n background: linear-gradient(135deg, #edf5f1 0%, #ffffff 100%);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 34px 28px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-ring .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: clamp(2rem, 4vw, 2.8rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-ring .fu-hero p {\r\n margin: 0;\r\n font-size: 1.08rem;\r\n line-height: 1.75;\r\n}\r\n\r\n.fu-ring .fu-badge-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-ring .fu-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 13px;\r\n color: var(--fu-green-dark);\r\n font-size: .93rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* SPRUNGNAVIGATION */\r\n.fu-ring .fu-jump {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-ring .fu-jump-title {\r\n margin-bottom: 12px;\r\n color: var(--fu-green-dark);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-ring .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-ring .fu-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 12px;\r\n border-radius: 10px;\r\n background: var(--fu-accent);\r\n font-size: .92rem;\r\n}\r\n\r\n/* SECTIONS */\r\n.fu-ring .fu-section {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-ring .fu-section h2 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-ring .fu-section p {\r\n line-height: 1.75;\r\n}\r\n\r\n/* GRID / CARDS */\r\n.fu-ring .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-ring .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 23px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n}\r\n\r\n.fu-ring .fu-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-ring .fu-card h3 i {\r\n flex: 0 0 auto;\r\n}\r\n\r\n/* LISTS */\r\n.fu-ring .fu-info-list {\r\n margin: 0;\r\n padding-left: 1.2rem;\r\n}\r\n\r\n.fu-ring .fu-info-list li {\r\n margin-bottom: 9px;\r\n line-height: 1.6;\r\n}\r\n\r\n/* HIGHLIGHTS */\r\n.fu-ring .fu-highlight {\r\n background: var(--fu-highlight);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 12px;\r\n padding: 18px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-ring .fu-note {\r\n background: var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n line-height: 1.7;\r\n}\r\n\r\n/* ÖFFNUNGSZEITEN */\r\n.fu-ring .fu-opening {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 10px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n}\r\n\r\n.fu-ring .fu-opening th,\r\n.fu-ring .fu-opening td {\r\n padding: 13px 14px;\r\n text-align: left;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-ring .fu-opening th {\r\n background: var(--fu-accent);\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-ring .fu-opening tr:last-child td {\r\n border-bottom: 0;\r\n}\r\n\r\n/* BUTTONS */\r\n.fu-ring .fu-button-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-ring .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n padding: 11px 15px;\r\n border-radius: 11px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-ring .fu-button:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n}\r\n\r\n/* KONTAKT */\r\n.fu-ring .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-ring .fu-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n}\r\n\r\n.fu-ring .fu-contact-item i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 3px;\r\n}\r\n\r\n/* RELATED */\r\n.fu-ring .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-ring .fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 20px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-ring .fu-related-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 9px;\r\n color: var(--fu-green);\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-ring .fu-related-card p {\r\n margin: 0;\r\n color: var(--fu-text);\r\n font-weight: 400;\r\n line-height: 1.55;\r\n}\r\n\r\n/* ZURÜCK NACH OBEN */\r\n.fu-ring .fu-top {\r\n text-align: right;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-ring .fu-top a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-size: .92rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (max-width: 800px) {\r\n .fu-ring .fu-grid,\r\n .fu-ring .fu-contact,\r\n .fu-ring .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-ring .fu-hero {\r\n padding: 26px 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .fu-ring .fu-card,\r\n .fu-ring .fu-related-card {\r\n padding: 18px;\r\n }\r\n\r\n .fu-ring .fu-button {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .fu-ring .fu-opening th,\r\n .fu-ring .fu-opening td {\r\n padding: 10px;\r\n font-size: .94rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 90 ===== */ @scope (.fu-article-90) { \r\n.fu-davinci {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-card: #ffffff;\r\n --fu-border: #e5e0d7;\r\n --fu-text: #29322f;\r\n --fu-muted: #68736e;\r\n --fu-accent: #e5f0eb;\r\n --fu-highlight: #f4ecda;\r\n --fu-warning: #f7e7c8;\r\n --fu-shadow: 0 8px 24px rgba(0,0,0,.08);\r\n --fu-radius: 16px;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-davinci * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-davinci a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-davinci a:hover {\r\n color: var(--fu-green-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-davinci .fu-hero {\r\n background: linear-gradient(135deg, #edf5f1 0%, #ffffff 100%);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 34px 28px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-davinci .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: clamp(2rem, 4vw, 2.8rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-davinci .fu-hero p {\r\n margin: 0;\r\n font-size: 1.08rem;\r\n line-height: 1.75;\r\n}\r\n\r\n.fu-davinci .fu-badge-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-davinci .fu-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 13px;\r\n color: var(--fu-green-dark);\r\n font-size: .93rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-davinci .fu-jump {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-davinci .fu-jump-title {\r\n margin-bottom: 12px;\r\n color: var(--fu-green-dark);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-davinci .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-davinci .fu-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 12px;\r\n border-radius: 10px;\r\n background: var(--fu-accent);\r\n font-size: .92rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-davinci .fu-section {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-davinci .fu-section h2 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-davinci .fu-section p {\r\n line-height: 1.75;\r\n}\r\n\r\n/* =========================================================\r\n GRID / CARDS\r\n ========================================================= */\r\n\r\n.fu-davinci .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-davinci .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 23px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n}\r\n\r\n.fu-davinci .fu-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-davinci .fu-card h3 i {\r\n flex: 0 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n LISTEN\r\n ========================================================= */\r\n\r\n.fu-davinci .fu-info-list {\r\n margin: 0;\r\n padding-left: 1.2rem;\r\n}\r\n\r\n.fu-davinci .fu-info-list li {\r\n margin-bottom: 9px;\r\n line-height: 1.6;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHTS / HINWEISE\r\n ========================================================= */\r\n\r\n.fu-davinci .fu-highlight {\r\n background: var(--fu-highlight);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 12px;\r\n padding: 18px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-davinci .fu-warning {\r\n background: var(--fu-warning);\r\n border-left: 5px solid #9b7024;\r\n border-radius: 12px;\r\n padding: 18px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-davinci .fu-note {\r\n background: var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n line-height: 1.7;\r\n}\r\n\r\n/* =========================================================\r\n ÖFFNUNGSZEITEN\r\n ========================================================= */\r\n\r\n.fu-davinci .fu-opening {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 10px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n}\r\n\r\n.fu-davinci .fu-opening th,\r\n.fu-davinci .fu-opening td {\r\n padding: 13px 14px;\r\n text-align: left;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-davinci .fu-opening th {\r\n background: var(--fu-accent);\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-davinci .fu-opening tr:last-child td {\r\n border-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-davinci .fu-button-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-davinci .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n padding: 11px 15px;\r\n border-radius: 11px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-davinci .fu-button:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-davinci .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-davinci .fu-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n}\r\n\r\n.fu-davinci .fu-contact-item i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 3px;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-davinci .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-davinci .fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 20px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-davinci .fu-related-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 9px;\r\n color: var(--fu-green);\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-davinci .fu-related-card p {\r\n margin: 0;\r\n color: var(--fu-text);\r\n font-weight: 400;\r\n line-height: 1.55;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-davinci .fu-top {\r\n text-align: right;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-davinci .fu-top a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-size: .92rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 800px) {\r\n\r\n .fu-davinci .fu-grid,\r\n .fu-davinci .fu-contact,\r\n .fu-davinci .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-davinci .fu-hero {\r\n padding: 26px 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n .fu-davinci .fu-card,\r\n .fu-davinci .fu-related-card {\r\n padding: 18px;\r\n }\r\n\r\n .fu-davinci .fu-button {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .fu-davinci .fu-opening th,\r\n .fu-davinci .fu-opening td {\r\n padding: 10px;\r\n font-size: .94rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 91 ===== */ @scope (.fu-article-91) { \r\n.fu-bispinghof {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-card: #ffffff;\r\n --fu-border: #e5e0d7;\r\n --fu-text: #29322f;\r\n --fu-muted: #68736e;\r\n --fu-accent: #e5f0eb;\r\n --fu-highlight: #f4ecda;\r\n --fu-shadow: 0 8px 24px rgba(0,0,0,.08);\r\n --fu-radius: 16px;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-bispinghof * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-bispinghof a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-bispinghof a:hover {\r\n color: var(--fu-green-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-bispinghof .fu-hero {\r\n background: linear-gradient(135deg, #edf5f1 0%, #ffffff 100%);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 34px 28px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-bispinghof .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: clamp(2rem, 4vw, 2.8rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-bispinghof .fu-hero p {\r\n margin: 0;\r\n font-size: 1.08rem;\r\n line-height: 1.75;\r\n}\r\n\r\n.fu-bispinghof .fu-badge-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-bispinghof .fu-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 13px;\r\n color: var(--fu-green-dark);\r\n font-size: .93rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-bispinghof .fu-jump {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-bispinghof .fu-jump-title {\r\n margin-bottom: 12px;\r\n color: var(--fu-green-dark);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-bispinghof .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-bispinghof .fu-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 12px;\r\n border-radius: 10px;\r\n background: var(--fu-accent);\r\n font-size: .92rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-bispinghof .fu-section {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-bispinghof .fu-section h2 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-bispinghof .fu-section p {\r\n line-height: 1.75;\r\n}\r\n\r\n/* =========================================================\r\n GRID / CARDS\r\n ========================================================= */\r\n\r\n.fu-bispinghof .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-bispinghof .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 23px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n}\r\n\r\n.fu-bispinghof .fu-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-bispinghof .fu-card h3 i {\r\n flex: 0 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n LISTS\r\n ========================================================= */\r\n\r\n.fu-bispinghof .fu-info-list {\r\n margin: 0;\r\n padding-left: 1.2rem;\r\n}\r\n\r\n.fu-bispinghof .fu-info-list li {\r\n margin-bottom: 9px;\r\n line-height: 1.6;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHTS / HINWEISE\r\n ========================================================= */\r\n\r\n.fu-bispinghof .fu-highlight {\r\n background: var(--fu-highlight);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 12px;\r\n padding: 18px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-bispinghof .fu-note {\r\n background: var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n line-height: 1.7;\r\n}\r\n\r\n/* =========================================================\r\n ÖFFNUNGSZEITEN\r\n ========================================================= */\r\n\r\n.fu-bispinghof .fu-opening {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 10px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n}\r\n\r\n.fu-bispinghof .fu-opening th,\r\n.fu-bispinghof .fu-opening td {\r\n padding: 13px 14px;\r\n text-align: left;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-bispinghof .fu-opening th {\r\n background: var(--fu-accent);\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-bispinghof .fu-opening tr:last-child td {\r\n border-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-bispinghof .fu-button-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-bispinghof .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n padding: 11px 15px;\r\n border-radius: 11px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-bispinghof .fu-button:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-bispinghof .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-bispinghof .fu-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n}\r\n\r\n.fu-bispinghof .fu-contact-item i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 3px;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-bispinghof .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-bispinghof .fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 20px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-bispinghof .fu-related-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 9px;\r\n color: var(--fu-green);\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-bispinghof .fu-related-card p {\r\n margin: 0;\r\n color: var(--fu-text);\r\n font-weight: 400;\r\n line-height: 1.55;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-bispinghof .fu-top {\r\n text-align: right;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-bispinghof .fu-top a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-size: .92rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 800px) {\r\n .fu-bispinghof .fu-grid,\r\n .fu-bispinghof .fu-contact,\r\n .fu-bispinghof .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-bispinghof .fu-hero {\r\n padding: 26px 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .fu-bispinghof .fu-card,\r\n .fu-bispinghof .fu-related-card {\r\n padding: 18px;\r\n }\r\n\r\n .fu-bispinghof .fu-button {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .fu-bispinghof .fu-opening th,\r\n .fu-bispinghof .fu-opening td {\r\n padding: 10px;\r\n font-size: .94rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 94 ===== */ @scope (.fu-article-94) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 95 ===== */ @scope (.fu-article-95) { \r\n/* =========================================================\r\n FAST UMSONST – CHRISTIANS AN- UND VERKAUF\r\n Modernes Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-christians {\r\n --fu-brand: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-accent: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 20px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-christians * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-christians a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-christians a:hover {\r\n color: var(--fu-accent);\r\n}\r\n\r\n/* Hero */\r\n.fu-christians .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 12px 32px rgba(23, 56, 47, 0.18);\r\n}\r\n\r\n.fu-christians .fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n opacity: .9;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-christians .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3.1rem);\r\n line-height: 1.12;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-christians .fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.12rem;\r\n}\r\n\r\n/* Sprungnavigation */\r\n.fu-christians .fu-jump {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 0 0 34px;\r\n padding: 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-christians .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 14px;\r\n background: var(--fu-light);\r\n border-radius: 999px;\r\n font-size: .94rem;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-christians .fu-jump a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* Sections */\r\n.fu-christians .fu-section {\r\n margin: 0 0 36px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-christians .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 16px;\r\n color: var(--fu-dark);\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n line-height: 1.25;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-christians .fu-section h2 i {\r\n color: var(--fu-accent);\r\n}\r\n\r\n.fu-christians .fu-lead {\r\n font-size: 1.12rem;\r\n margin-bottom: 22px;\r\n}\r\n\r\n/* Karten */\r\n.fu-christians .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-christians .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(23,56,47,.08);\r\n}\r\n\r\n.fu-christians .fu-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 10px;\r\n color: var(--fu-dark);\r\n font-size: 1.2rem;\r\n line-height: 1.35;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-christians .fu-card h3 i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-christians .fu-card p {\r\n margin: 0;\r\n}\r\n\r\n/* Highlight */\r\n.fu-christians .fu-highlight {\r\n background: var(--fu-light);\r\n border-left: 5px solid var(--fu-brand);\r\n border-radius: 14px;\r\n padding: 22px 24px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-christians .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* Kontakt */\r\n.fu-christians .fu-contact {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);\r\n gap: 20px;\r\n}\r\n\r\n.fu-christians .fu-contact-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 26px;\r\n box-shadow: 0 7px 22px rgba(23,56,47,.08);\r\n}\r\n\r\n.fu-christians .fu-contact-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n margin: 0 0 16px;\r\n}\r\n\r\n.fu-christians .fu-contact-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-christians .fu-contact-row i {\r\n flex: 0 0 24px;\r\n color: var(--fu-accent);\r\n font-size: 1.2rem;\r\n margin-top: 3px;\r\n}\r\n\r\n.fu-christians .fu-contact-row strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* Öffnungszeiten */\r\n.fu-christians .fu-hours {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 26px;\r\n}\r\n\r\n.fu-christians .fu-hours h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-christians .fu-hours h3 i {\r\n color: var(--fu-accent);\r\n}\r\n\r\n.fu-christians .fu-hour {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 20px;\r\n padding: 10px 0;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-christians .fu-hour:last-child {\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-christians .fu-hour strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* Passende Informationen */\r\n.fu-christians .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-christians .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(23,56,47,.08);\r\n}\r\n\r\n.fu-christians .fu-related-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 10px;\r\n color: var(--fu-dark);\r\n font-size: 1.15rem;\r\n line-height: 1.35;\r\n}\r\n\r\n.fu-christians .fu-related-card h3 i {\r\n color: var(--fu-accent);\r\n}\r\n\r\n.fu-christians .fu-related-card p {\r\n flex-grow: 1;\r\n margin: 0 0 18px;\r\n color: var(--fu-muted);\r\n font-size: .98rem;\r\n}\r\n\r\n.fu-christians .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n width: 100%;\r\n padding: 11px 15px;\r\n border-radius: 10px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-christians .fu-button:hover {\r\n background: var(--fu-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* CTA */\r\n.fu-christians .fu-cta {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 30px;\r\n text-align: center;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.15);\r\n}\r\n\r\n.fu-christians .fu-cta h2 {\r\n justify-content: center;\r\n color: #fff;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-christians .fu-cta h2 i {\r\n color: #fff;\r\n}\r\n\r\n.fu-christians .fu-cta p {\r\n max-width: 760px;\r\n margin: 0 auto 20px;\r\n color: rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-christians .fu-cta .fu-button {\r\n display: inline-flex;\r\n width: auto;\r\n min-width: 230px;\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-christians .fu-cta .fu-button:hover {\r\n background: var(--fu-paper);\r\n}\r\n\r\n/* Back to top */\r\n.fu-christians .fu-top {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 18px;\r\n font-size: .92rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 850px) {\r\n .fu-christians .fu-grid,\r\n .fu-christians .fu-contact,\r\n .fu-christians .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-christians .fu-hero {\r\n padding: 32px 25px;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .fu-christians {\r\n padding: 10px 12px 45px;\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-christians .fu-hero {\r\n border-radius: 17px;\r\n padding: 28px 20px;\r\n }\r\n\r\n .fu-christians .fu-card,\r\n .fu-christians .fu-contact-card,\r\n .fu-christians .fu-hours,\r\n .fu-christians .fu-related-card {\r\n padding: 20px;\r\n }\r\n\r\n .fu-christians .fu-hour {\r\n flex-direction: column;\r\n gap: 2px;\r\n }\r\n\r\n .fu-christians .fu-jump {\r\n padding: 12px;\r\n }\r\n\r\n .fu-christians .fu-jump a {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 96 ===== */ @scope (.fu-article-96) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-card-link {\r\n display: block;\r\n text-decoration: none;\r\n color: inherit;\r\n}\r\n\r\n.fu-card-link:hover,\r\n.fu-card-link:focus {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-card-link .fu-link-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 15px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-card-link:hover .fu-link-label,\r\n.fu-card-link:focus .fu-link-label {\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 97 ===== */ @scope (.fu-article-97) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-card-link {\r\n display: block;\r\n text-decoration: none;\r\n color: inherit;\r\n}\r\n\r\n.fu-card-link:hover,\r\n.fu-card-link:focus {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-card-link .fu-link-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 15px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-card-link:hover .fu-link-label,\r\n.fu-card-link:focus .fu-link-label {\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 98 ===== */ @scope (.fu-article-98) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n.fu-card-link {\r\n display: block;\r\n text-decoration: none;\r\n color: inherit;\r\n}\r\n\r\n.fu-card-link:hover,\r\n.fu-card-link:focus {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-card-link .fu-link-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 15px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-card-link:hover .fu-link-label,\r\n.fu-card-link:focus .fu-link-label {\r\n color: var(--fu-dark);\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 100 ===== */ @scope (.fu-article-100) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 101 ===== */ @scope (.fu-article-101) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 102 ===== */ @scope (.fu-article-102) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 103 ===== */ @scope (.fu-article-103) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 15px;\r\n padding: 12px 17px;\r\n background: var(--fu-green);\r\n border-radius: 12px;\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 104 ===== */ @scope (.fu-article-104) { \r\n/* =========================================================\r\n FAST UMSONST – FLOHMARKT AUF DER PROMENADE\r\n Einheitliches modernes Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-promenade {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#e8f0ed;\r\n --fu-orange:#d98b3a;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#68746f;\r\n --fu-border:#dfe6e2;\r\n --fu-shadow:0 10px 30px rgba(31,75,63,.10);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-promenade *,\r\n.fu-promenade *::before,\r\n.fu-promenade *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-promenade a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-promenade a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-promenade h1,\r\n.fu-promenade h2,\r\n.fu-promenade h3 {\r\n line-height:1.25;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-promenade p {\r\n margin:0 0 1rem;\r\n}\r\n\r\n.fu-promenade p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n padding:48px 42px;\r\n margin-bottom:24px;\r\n border-radius:24px;\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--fu-green-dark) 0%,\r\n var(--fu-green) 65%,\r\n #35695a 100%\r\n );\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-promenade .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:230px;\r\n height:230px;\r\n right:-80px;\r\n top:-90px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-promenade .fu-hero-icon {\r\n position:relative;\r\n z-index:1;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:58px;\r\n height:58px;\r\n margin-bottom:18px;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.13);\r\n color:#fff;\r\n font-size:28px;\r\n}\r\n\r\n.fu-promenade .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(30px,5vw,46px);\r\n font-weight:700;\r\n}\r\n\r\n.fu-promenade .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n max-width:800px;\r\n color:rgba(255,255,255,.92);\r\n font-size:18px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-promenade .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n font-size:14px;\r\n font-weight:600;\r\n box-shadow:0 3px 10px rgba(31,75,63,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-promenade .fu-nav a:hover {\r\n border-color:var(--fu-green);\r\n background:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-intro {\r\n padding:30px;\r\n margin-bottom:24px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-promenade .fu-intro h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 15px;\r\n font-size:27px;\r\n}\r\n\r\n.fu-promenade .fu-intro h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n\r\n/* =========================================================\r\n ALLGEMEINE KARTE\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-card {\r\n padding:30px;\r\n margin-bottom:24px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-promenade .fu-card h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 18px;\r\n font-size:26px;\r\n}\r\n\r\n.fu-promenade .fu-card h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n\r\n/* =========================================================\r\n TERMINE GRID\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-date-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:18px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-promenade .fu-date-card {\r\n padding:23px;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-promenade .fu-date-card.featured {\r\n border-color:#c9d9d2;\r\n background:var(--fu-green-light);\r\n}\r\n\r\n.fu-promenade .fu-date-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:48px;\r\n height:48px;\r\n margin-bottom:15px;\r\n border-radius:14px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n font-size:22px;\r\n}\r\n\r\n.fu-promenade .fu-date-card h3 {\r\n margin:0 0 8px;\r\n font-size:20px;\r\n}\r\n\r\n.fu-promenade .fu-date {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin:8px 0 12px;\r\n padding:6px 11px;\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n font-size:14px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-promenade .fu-date-card p {\r\n color:var(--fu-muted);\r\n font-size:15px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INFOBOX\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-info {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:15px;\r\n padding:21px 23px;\r\n margin:24px 0;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:0 16px 16px 0;\r\n background:#fff8ef;\r\n}\r\n\r\n.fu-promenade .fu-info i {\r\n flex:0 0 auto;\r\n margin-top:3px;\r\n color:var(--fu-orange);\r\n font-size:22px;\r\n}\r\n\r\n.fu-promenade .fu-info p {\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZWEI SPALTEN\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-two-col {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:24px;\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-promenade .fu-soft-card {\r\n padding:28px;\r\n border:1px solid #d5e2dc;\r\n border-radius:20px;\r\n background:var(--fu-green-light);\r\n}\r\n\r\n.fu-promenade .fu-soft-card h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 14px;\r\n font-size:23px;\r\n}\r\n\r\n.fu-promenade .fu-soft-card h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n\r\n/* =========================================================\r\n ANGEBOTE FÜR VERKÄUFER\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-offer-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:18px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-promenade .fu-offer {\r\n padding:23px;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n background:#fff;\r\n box-shadow:0 6px 20px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-promenade .fu-offer-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:48px;\r\n height:48px;\r\n margin-bottom:15px;\r\n border-radius:14px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:22px;\r\n}\r\n\r\n.fu-promenade .fu-offer h3 {\r\n margin:0 0 9px;\r\n font-size:20px;\r\n}\r\n\r\n.fu-promenade .fu-offer p {\r\n color:var(--fu-muted);\r\n font-size:15px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HINWEIS KINDERFLOHMARKT\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-kinder {\r\n margin-top:24px;\r\n padding:25px;\r\n border:1px solid #e7d8c7;\r\n border-radius:18px;\r\n background:#fff8ef;\r\n}\r\n\r\n.fu-promenade .fu-kinder h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 10px;\r\n color:#8a531f;\r\n font-size:21px;\r\n}\r\n\r\n.fu-promenade .fu-kinder h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-contact {\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:24px;\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-promenade .fu-contact-main,\r\n.fu-promenade .fu-contact-side {\r\n padding:30px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-promenade .fu-contact h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 20px;\r\n font-size:25px;\r\n}\r\n\r\n.fu-promenade .fu-contact h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-promenade .fu-contact-row {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:14px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-promenade .fu-contact-row:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-promenade .fu-contact-row > i {\r\n flex:0 0 22px;\r\n margin-top:4px;\r\n color:var(--fu-green);\r\n font-size:18px;\r\n text-align:center;\r\n}\r\n\r\n.fu-promenade .fu-contact-label {\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--fu-muted);\r\n font-size:13px;\r\n font-weight:600;\r\n text-transform:uppercase;\r\n letter-spacing:.04em;\r\n}\r\n\r\n.fu-promenade .fu-contact-value {\r\n color:var(--fu-text);\r\n font-weight:600;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTON\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-button-wrap {\r\n margin-top:22px;\r\n}\r\n\r\n.fu-promenade .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n padding:12px 18px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-promenade .fu-button:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n LINK-KARTEN\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-links {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-promenade .fu-link-card {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n min-height:70px;\r\n padding:17px 19px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-promenade .fu-link-card:hover {\r\n border-color:var(--fu-green);\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-promenade .fu-link-card i {\r\n color:var(--fu-orange);\r\n font-size:21px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-promenade .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:12px;\r\n padding:17px 19px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-weight:650;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-promenade .fu-related a:hover {\r\n background:var(--fu-green-light);\r\n border-color:#c9d9d2;\r\n}\r\n\r\n.fu-promenade .fu-related a i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-back {\r\n padding:8px 0 5px;\r\n text-align:center;\r\n}\r\n\r\n.fu-promenade .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-weight:700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-promenade .fu-date-grid,\r\n .fu-promenade .fu-offer-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-promenade .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:700px) {\r\n\r\n .fu-promenade .fu-hero {\r\n padding:34px 24px;\r\n border-radius:20px;\r\n }\r\n\r\n .fu-promenade .fu-card,\r\n .fu-promenade .fu-intro,\r\n .fu-promenade .fu-soft-card,\r\n .fu-promenade .fu-contact-main,\r\n .fu-promenade .fu-contact-side {\r\n padding:23px;\r\n }\r\n\r\n .fu-promenade .fu-date-grid,\r\n .fu-promenade .fu-offer-grid,\r\n .fu-promenade .fu-two-col,\r\n .fu-promenade .fu-links,\r\n .fu-promenade .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-promenade .fu-nav {\r\n gap:8px;\r\n }\r\n\r\n .fu-promenade .fu-nav a {\r\n padding:8px 12px;\r\n font-size:13px;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-promenade {\r\n font-size:15px;\r\n }\r\n\r\n .fu-promenade .fu-hero h1 {\r\n font-size:31px;\r\n }\r\n\r\n .fu-promenade .fu-hero p {\r\n font-size:16px;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 105 ===== */ @scope (.fu-article-105) { \r\n/* =========================================================\r\n FAST UMSONST – FLOHMARKT AM PREUSSEN-STADION\r\n Modernes Kartenlayout\r\n ========================================================= */\r\n\r\n.fu-preussen {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#e8f0ed;\r\n --fu-orange:#d98b3a;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#68746f;\r\n --fu-border:#dfe6e2;\r\n --fu-shadow:0 10px 30px rgba(31,75,63,.10);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n/* =========================================================\r\n GRUNDLAGEN\r\n ========================================================= */\r\n\r\n.fu-preussen *,\r\n.fu-preussen *::before,\r\n.fu-preussen *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-preussen a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-preussen a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-preussen h1,\r\n.fu-preussen h2,\r\n.fu-preussen h3 {\r\n color:var(--fu-green-dark);\r\n line-height:1.25;\r\n}\r\n\r\n.fu-preussen p {\r\n margin:0 0 1rem;\r\n}\r\n\r\n.fu-preussen ul {\r\n margin:0 0 1rem;\r\n padding-left:1.3rem;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-preussen .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n padding:48px 42px;\r\n margin-bottom:24px;\r\n border-radius:24px;\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--fu-green-dark) 0%,\r\n var(--fu-green) 65%,\r\n #35695a 100%\r\n );\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-preussen .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:220px;\r\n height:220px;\r\n right:-70px;\r\n top:-80px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-preussen .fu-hero-icon {\r\n position:relative;\r\n z-index:1;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:58px;\r\n height:58px;\r\n margin-bottom:18px;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.13);\r\n font-size:28px;\r\n}\r\n\r\n.fu-preussen .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(30px,5vw,46px);\r\n font-weight:700;\r\n}\r\n\r\n.fu-preussen .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n max-width:780px;\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:18px;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-preussen .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-preussen .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-white);\r\n color:var(--fu-green);\r\n font-size:14px;\r\n font-weight:600;\r\n box-shadow:0 3px 10px rgba(31,75,63,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-preussen .fu-nav a:hover {\r\n border-color:var(--fu-green);\r\n background:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n ALLGEMEINE KARTEN\r\n ========================================================= */\r\n\r\n.fu-preussen .fu-card {\r\n margin-bottom:24px;\r\n padding:30px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-preussen .fu-card h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 15px;\r\n font-size:26px;\r\n}\r\n\r\n.fu-preussen .fu-card h2 i {\r\n color:var(--fu-orange);\r\n font-size:24px;\r\n}\r\n\r\n.fu-preussen .fu-card h3 {\r\n margin:0 0 10px;\r\n font-size:20px;\r\n}\r\n\r\n.fu-preussen .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-preussen .fu-intro {\r\n padding:30px;\r\n margin-bottom:24px;\r\n border-radius:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-preussen .fu-intro h2 {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:27px;\r\n}\r\n\r\n.fu-preussen .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n MARKT-GRID\r\n ========================================================= */\r\n\r\n.fu-preussen .fu-market-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:20px;\r\n margin:24px 0;\r\n}\r\n\r\n.fu-preussen .fu-market {\r\n position:relative;\r\n display:flex;\r\n flex-direction:column;\r\n padding:26px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:#fff;\r\n box-shadow:0 8px 24px rgba(31,75,63,.08);\r\n transition:transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-preussen .fu-market:hover {\r\n transform:translateY(-3px);\r\n box-shadow:0 14px 30px rgba(31,75,63,.13);\r\n}\r\n\r\n.fu-preussen .fu-market-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:52px;\r\n height:52px;\r\n margin-bottom:18px;\r\n border-radius:15px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:24px;\r\n}\r\n\r\n.fu-preussen .fu-market h3 {\r\n margin-bottom:8px;\r\n font-size:21px;\r\n}\r\n\r\n.fu-preussen .fu-time {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n width:max-content;\r\n max-width:100%;\r\n margin:12px 0 15px;\r\n padding:7px 12px;\r\n border-radius:999px;\r\n background:#f8eee3;\r\n color:#8a531f;\r\n font-weight:700;\r\n font-size:14px;\r\n}\r\n\r\n.fu-preussen .fu-market p {\r\n color:var(--fu-muted);\r\n font-size:15px;\r\n}\r\n\r\n/* =========================================================\r\n INFOBOX\r\n ========================================================= */\r\n\r\n.fu-preussen .fu-info {\r\n display:flex;\r\n gap:16px;\r\n align-items:flex-start;\r\n margin:24px 0;\r\n padding:22px 24px;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:0 16px 16px 0;\r\n background:#fff8ef;\r\n}\r\n\r\n.fu-preussen .fu-info i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:22px;\r\n}\r\n\r\n.fu-preussen .fu-info p {\r\n margin:0;\r\n}\r\n\r\n/* =========================================================\r\n ZWEI SPALTEN\r\n ========================================================= */\r\n\r\n.fu-preussen .fu-two-col {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:24px;\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-preussen .fu-soft-card {\r\n padding:28px;\r\n border-radius:20px;\r\n background:var(--fu-green-light);\r\n border:1px solid #d5e2dc;\r\n}\r\n\r\n.fu-preussen .fu-soft-card h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 14px;\r\n color:var(--fu-green-dark);\r\n font-size:23px;\r\n}\r\n\r\n.fu-preussen .fu-soft-card h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-preussen .fu-contact {\r\n display:grid;\r\n grid-template-columns:1.15fr .85fr;\r\n gap:24px;\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-preussen .fu-contact-main,\r\n.fu-preussen .fu-contact-side {\r\n padding:30px;\r\n border-radius:20px;\r\n border:1px solid var(--fu-border);\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-preussen .fu-contact h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 20px;\r\n font-size:25px;\r\n}\r\n\r\n.fu-preussen .fu-contact h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-preussen .fu-contact-row {\r\n display:flex;\r\n gap:14px;\r\n align-items:flex-start;\r\n margin-bottom:17px;\r\n}\r\n\r\n.fu-preussen .fu-contact-row:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-preussen .fu-contact-row i {\r\n flex:0 0 22px;\r\n margin-top:4px;\r\n color:var(--fu-green);\r\n font-size:18px;\r\n text-align:center;\r\n}\r\n\r\n.fu-preussen .fu-contact-label {\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--fu-muted);\r\n font-size:13px;\r\n font-weight:600;\r\n text-transform:uppercase;\r\n letter-spacing:.04em;\r\n}\r\n\r\n.fu-preussen .fu-contact-value {\r\n color:var(--fu-text);\r\n font-weight:600;\r\n}\r\n\r\n/* =========================================================\r\n VERANSTALTER-LINK\r\n ========================================================= */\r\n\r\n.fu-preussen .fu-button-wrap {\r\n margin-top:22px;\r\n}\r\n\r\n.fu-preussen .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n padding:12px 18px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-preussen .fu-button:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n EXTERNE ANGEBOTE\r\n ========================================================= */\r\n\r\n.fu-preussen .fu-links {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:15px;\r\n}\r\n\r\n.fu-preussen .fu-link-card {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n min-height:70px;\r\n padding:17px 18px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n box-shadow:0 5px 16px rgba(31,75,63,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-preussen .fu-link-card:hover {\r\n border-color:var(--fu-green);\r\n color:var(--fu-green-dark);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-preussen .fu-link-card i {\r\n color:var(--fu-orange);\r\n font-size:21px;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-preussen .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-preussen .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:12px;\r\n padding:17px 19px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-weight:650;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-preussen .fu-related a:hover {\r\n background:var(--fu-green-light);\r\n border-color:#c9d9d2;\r\n}\r\n\r\n.fu-preussen .fu-related a i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-preussen .fu-back {\r\n padding:10px 0 5px;\r\n text-align:center;\r\n}\r\n\r\n.fu-preussen .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-weight:700;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-preussen .fu-market-grid,\r\n .fu-preussen .fu-links {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-preussen .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:700px) {\r\n\r\n .fu-preussen .fu-hero {\r\n padding:34px 24px;\r\n border-radius:20px;\r\n }\r\n\r\n .fu-preussen .fu-card,\r\n .fu-preussen .fu-intro,\r\n .fu-preussen .fu-soft-card,\r\n .fu-preussen .fu-contact-main,\r\n .fu-preussen .fu-contact-side {\r\n padding:23px;\r\n }\r\n\r\n .fu-preussen .fu-market-grid,\r\n .fu-preussen .fu-two-col,\r\n .fu-preussen .fu-links,\r\n .fu-preussen .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-preussen .fu-nav {\r\n gap:8px;\r\n }\r\n\r\n .fu-preussen .fu-nav a {\r\n font-size:13px;\r\n padding:8px 12px;\r\n }\r\n\r\n}\r\n\r\n/* =========================================================\r\n SEHR KLEINE BILDSCHIRME\r\n ========================================================= */\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-preussen {\r\n font-size:15px;\r\n }\r\n\r\n .fu-preussen .fu-hero h1 {\r\n font-size:31px;\r\n }\r\n\r\n .fu-preussen .fu-hero p {\r\n font-size:16px;\r\n }\r\n\r\n .fu-preussen .fu-market {\r\n padding:22px;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 106 ===== */ @scope (.fu-article-106) { \r\n/* =========================================================\r\n FAST UMSONST – FLOHMARKT IM TIERHEIM MÜNSTER\r\n Modernes Kartenlayout\r\n ========================================================= */\r\n\r\n.fu-tierheim-flohmarkt {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#e8f0ed;\r\n --fu-orange:#d98b3a;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#68746f;\r\n --fu-border:#dfe6e2;\r\n --fu-shadow:0 10px 30px rgba(31,75,63,.10);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-tierheim-flohmarkt *,\r\n.fu-tierheim-flohmarkt *::before,\r\n.fu-tierheim-flohmarkt *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-tierheim-flohmarkt a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-tierheim-flohmarkt a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-tierheim-flohmarkt h1,\r\n.fu-tierheim-flohmarkt h2,\r\n.fu-tierheim-flohmarkt h3 {\r\n color:var(--fu-green-dark);\r\n line-height:1.25;\r\n}\r\n\r\n.fu-tierheim-flohmarkt p {\r\n margin:0 0 1rem;\r\n}\r\n\r\n.fu-tierheim-flohmarkt p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-tierheim-flohmarkt .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n padding:48px 42px;\r\n margin-bottom:24px;\r\n border-radius:24px;\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--fu-green-dark) 0%,\r\n var(--fu-green) 65%,\r\n #35695a 100%\r\n );\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:230px;\r\n height:230px;\r\n right:-80px;\r\n top:-90px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-hero-icon {\r\n position:relative;\r\n z-index:1;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:58px;\r\n height:58px;\r\n margin-bottom:18px;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.13);\r\n color:#fff;\r\n font-size:28px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(30px,5vw,46px);\r\n font-weight:700;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n max-width:800px;\r\n color:rgba(255,255,255,.92);\r\n font-size:18px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-tierheim-flohmarkt .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n font-size:14px;\r\n font-weight:600;\r\n box-shadow:0 3px 10px rgba(31,75,63,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-nav a:hover {\r\n border-color:var(--fu-green);\r\n background:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-tierheim-flohmarkt .fu-intro {\r\n padding:30px;\r\n margin-bottom:24px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-intro h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 15px;\r\n font-size:27px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-intro h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n\r\n/* =========================================================\r\n ALLGEMEINE KARTE\r\n ========================================================= */\r\n\r\n.fu-tierheim-flohmarkt .fu-card {\r\n padding:30px;\r\n margin-bottom:24px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-card h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 18px;\r\n font-size:26px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-card h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n\r\n/* =========================================================\r\n ANGEBOT GRID\r\n ========================================================= */\r\n\r\n.fu-tierheim-flohmarkt .fu-offer-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:18px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-offer {\r\n padding:24px;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n background:#fff;\r\n box-shadow:0 6px 20px rgba(31,75,63,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-offer:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 10px 25px rgba(31,75,63,.10);\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-offer-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:50px;\r\n height:50px;\r\n margin-bottom:16px;\r\n border-radius:14px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:23px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-offer h3 {\r\n margin:0 0 9px;\r\n font-size:20px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-offer p {\r\n color:var(--fu-muted);\r\n font-size:15px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZEIT-KARTE\r\n ========================================================= */\r\n\r\n.fu-tierheim-flohmarkt .fu-time-card {\r\n display:flex;\r\n align-items:center;\r\n gap:20px;\r\n padding:25px 28px;\r\n margin-top:24px;\r\n border:1px solid #d5e2dc;\r\n border-radius:18px;\r\n background:var(--fu-green-light);\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-time-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n flex:0 0 56px;\r\n width:56px;\r\n height:56px;\r\n border-radius:16px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n font-size:25px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-time-content strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n font-size:21px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-time-content span {\r\n color:var(--fu-muted);\r\n}\r\n\r\n\r\n/* =========================================================\r\n INFOBOX\r\n ========================================================= */\r\n\r\n.fu-tierheim-flohmarkt .fu-info {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:15px;\r\n padding:21px 23px;\r\n margin:24px 0;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:0 16px 16px 0;\r\n background:#fff8ef;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-info i {\r\n flex:0 0 auto;\r\n margin-top:3px;\r\n color:var(--fu-orange);\r\n font-size:22px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-info p {\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZWEI SPALTEN\r\n ========================================================= */\r\n\r\n.fu-tierheim-flohmarkt .fu-two-col {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:24px;\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-soft-card {\r\n padding:28px;\r\n border:1px solid #d5e2dc;\r\n border-radius:20px;\r\n background:var(--fu-green-light);\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-soft-card h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 14px;\r\n font-size:23px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-soft-card h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPENDEN\r\n ========================================================= */\r\n\r\n.fu-tierheim-flohmarkt .fu-donation {\r\n padding:27px;\r\n border-radius:20px;\r\n border:1px solid #e7d8c7;\r\n background:#fff8ef;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-donation h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 12px;\r\n color:#8a531f;\r\n font-size:22px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-donation h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-tierheim-flohmarkt .fu-contact {\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:24px;\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-contact-main,\r\n.fu-tierheim-flohmarkt .fu-contact-side {\r\n padding:30px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-contact h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 20px;\r\n font-size:25px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-contact h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-contact-row {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:14px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-contact-row:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-contact-row > i {\r\n flex:0 0 22px;\r\n margin-top:4px;\r\n color:var(--fu-green);\r\n font-size:18px;\r\n text-align:center;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-contact-label {\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--fu-muted);\r\n font-size:13px;\r\n font-weight:600;\r\n text-transform:uppercase;\r\n letter-spacing:.04em;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-contact-value {\r\n color:var(--fu-text);\r\n font-weight:600;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTON\r\n ========================================================= */\r\n\r\n.fu-tierheim-flohmarkt .fu-button-wrap {\r\n margin-top:22px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n padding:12px 18px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-button:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n INTERNE LINKS\r\n ========================================================= */\r\n\r\n.fu-tierheim-flohmarkt .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:12px;\r\n padding:17px 19px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-weight:650;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-related a:hover {\r\n background:var(--fu-green-light);\r\n border-color:#c9d9d2;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-related a i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-tierheim-flohmarkt .fu-back {\r\n padding:8px 0 5px;\r\n text-align:center;\r\n}\r\n\r\n.fu-tierheim-flohmarkt .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-weight:700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-tierheim-flohmarkt .fu-offer-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-tierheim-flohmarkt .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:700px) {\r\n\r\n .fu-tierheim-flohmarkt .fu-hero {\r\n padding:34px 24px;\r\n border-radius:20px;\r\n }\r\n\r\n .fu-tierheim-flohmarkt .fu-card,\r\n .fu-tierheim-flohmarkt .fu-intro,\r\n .fu-tierheim-flohmarkt .fu-soft-card,\r\n .fu-tierheim-flohmarkt .fu-contact-main,\r\n .fu-tierheim-flohmarkt .fu-contact-side,\r\n .fu-tierheim-flohmarkt .fu-donation {\r\n padding:23px;\r\n }\r\n\r\n .fu-tierheim-flohmarkt .fu-offer-grid,\r\n .fu-tierheim-flohmarkt .fu-two-col,\r\n .fu-tierheim-flohmarkt .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-tierheim-flohmarkt .fu-time-card {\r\n align-items:flex-start;\r\n }\r\n\r\n .fu-tierheim-flohmarkt .fu-nav {\r\n gap:8px;\r\n }\r\n\r\n .fu-tierheim-flohmarkt .fu-nav a {\r\n padding:8px 12px;\r\n font-size:13px;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-tierheim-flohmarkt {\r\n font-size:15px;\r\n }\r\n\r\n .fu-tierheim-flohmarkt .fu-hero h1 {\r\n font-size:31px;\r\n }\r\n\r\n .fu-tierheim-flohmarkt .fu-hero p {\r\n font-size:16px;\r\n }\r\n\r\n .fu-tierheim-flohmarkt .fu-time-card {\r\n flex-direction:column;\r\n gap:12px;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 109 ===== */ @scope (.fu-article-109) { \r\n/* =========================================================\r\n FAST UMSONST – SONNTAGS-FLOHMÄRKTE MÜNSTER\r\n Einheitliches Secondhand-/Flohmarkt-Layout\r\n ========================================================= */\r\n\r\n.fu-sonntag {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#e8f0ed;\r\n --fu-orange:#d98b3a;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#68746f;\r\n --fu-border:#dfe6e2;\r\n --fu-shadow:0 12px 32px rgba(23,56,47,.10);\r\n --fu-radius:18px;\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:20px 18px 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-sonntag *,\r\n.fu-sonntag *::before,\r\n.fu-sonntag *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-sonntag .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:\r\n radial-gradient(circle at top right, rgba(255,255,255,.14), transparent 35%),\r\n linear-gradient(135deg, var(--fu-green-dark), var(--fu-green));\r\n color:#fff;\r\n border-radius:24px;\r\n padding:42px 42px 38px;\r\n margin-bottom:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sonntag .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n right:-70px;\r\n bottom:-90px;\r\n width:240px;\r\n height:240px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-sonntag .fu-eyebrow {\r\n position:relative;\r\n z-index:1;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n}\r\n\r\n.fu-sonntag .fu-eyebrow i {\r\n font-size:1rem;\r\n}\r\n\r\n.fu-sonntag .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-sonntag .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n max-width:850px;\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-sonntag .fu-jumpnav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-sonntag .fu-jumpnav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-white);\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-size:.92rem;\r\n font-weight:700;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-sonntag .fu-jumpnav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-sonntag .fu-intro {\r\n display:grid;\r\n grid-template-columns:minmax(0,1.5fr) minmax(260px,.85fr);\r\n gap:22px;\r\n margin-bottom:22px;\r\n}\r\n\r\n.fu-sonntag .fu-intro-main {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:var(--fu-radius);\r\n padding:30px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sonntag .fu-intro-main h2 {\r\n margin:0 0 14px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-sonntag .fu-intro-main p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-sonntag .fu-intro-main p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-sonntag .fu-highlight {\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n background:var(--fu-green-light);\r\n border:1px solid #d5e3dd;\r\n border-radius:var(--fu-radius);\r\n padding:28px;\r\n}\r\n\r\n.fu-sonntag .fu-highlight-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:52px;\r\n height:52px;\r\n margin-bottom:15px;\r\n border-radius:14px;\r\n background:var(--fu-orange);\r\n color:#fff;\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-sonntag .fu-highlight strong {\r\n display:block;\r\n margin-bottom:5px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-sonntag .fu-highlight span {\r\n color:var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n ALLGEMEINE KARTEN\r\n ========================================================= */\r\n\r\n.fu-sonntag .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:var(--fu-radius);\r\n padding:28px;\r\n margin-bottom:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sonntag .fu-card h2 {\r\n margin:0 0 14px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n/* =========================================================\r\n FLOHMARKT-STANDORTE\r\n ========================================================= */\r\n\r\n.fu-sonntag .fu-market-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-sonntag .fu-market-card {\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:24px;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n background:#fff;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-sonntag .fu-market-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 10px 24px rgba(23,56,47,.08);\r\n border-color:#cbdad4;\r\n}\r\n\r\n.fu-sonntag .fu-market-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:46px;\r\n height:46px;\r\n margin-bottom:14px;\r\n border-radius:13px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-sonntag .fu-market-card h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.15rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-sonntag .fu-market-address {\r\n display:flex;\r\n gap:9px;\r\n align-items:flex-start;\r\n margin-bottom:10px;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n.fu-sonntag .fu-market-address i {\r\n flex:0 0 auto;\r\n margin-top:4px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-sonntag .fu-market-time {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n align-self:flex-start;\r\n margin-top:auto;\r\n padding:7px 11px;\r\n border-radius:10px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green-dark);\r\n font-size:.9rem;\r\n font-weight:700;\r\n}\r\n\r\n.fu-sonntag .fu-market-time i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n TERMINHINWEIS\r\n ========================================================= */\r\n\r\n.fu-sonntag .fu-note {\r\n display:flex;\r\n gap:16px;\r\n align-items:flex-start;\r\n padding:25px 27px;\r\n margin-bottom:22px;\r\n border:1px solid #eadbc8;\r\n border-radius:var(--fu-radius);\r\n background:#fff9f1;\r\n}\r\n\r\n.fu-sonntag .fu-note-icon {\r\n flex:0 0 auto;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:45px;\r\n height:45px;\r\n border-radius:12px;\r\n background:var(--fu-orange);\r\n color:#fff;\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-sonntag .fu-note h3 {\r\n margin:0 0 6px;\r\n color:#7b4a19;\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-sonntag .fu-note p {\r\n margin:0;\r\n color:#685542;\r\n}\r\n\r\n/* =========================================================\r\n VERANSTALTER / KONTAKT\r\n ========================================================= */\r\n\r\n.fu-sonntag .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);\r\n gap:22px;\r\n margin-bottom:22px;\r\n}\r\n\r\n.fu-sonntag .fu-contact-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:var(--fu-radius);\r\n padding:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sonntag .fu-contact-card h2 {\r\n margin:0 0 18px;\r\n color:var(--fu-green-dark);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-sonntag .fu-contact-row {\r\n display:flex;\r\n gap:14px;\r\n align-items:flex-start;\r\n padding:12px 0;\r\n border-bottom:1px solid #edf1ef;\r\n}\r\n\r\n.fu-sonntag .fu-contact-row:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-sonntag .fu-contact-row > i {\r\n flex:0 0 auto;\r\n width:25px;\r\n margin-top:3px;\r\n color:var(--fu-orange);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-sonntag .fu-contact-row strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-sonntag .fu-contact-row span {\r\n color:var(--fu-muted);\r\n}\r\n\r\n.fu-sonntag .fu-button-wrap {\r\n margin-top:20px;\r\n}\r\n\r\n.fu-sonntag .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n padding:12px 19px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-sonntag .fu-button:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n VERKÄUFER-INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-sonntag .fu-seller-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-sonntag .fu-seller {\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-sonntag .fu-seller-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:44px;\r\n height:44px;\r\n margin-bottom:13px;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-sonntag .fu-seller h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-sonntag .fu-seller p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-sonntag .fu-related {\r\n margin-bottom:22px;\r\n}\r\n\r\n.fu-sonntag .fu-related h2 {\r\n margin:0 0 17px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-sonntag .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-sonntag .fu-related-card {\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:#fff;\r\n text-decoration:none !important;\r\n box-shadow:0 7px 20px rgba(23,56,47,.07);\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-sonntag .fu-related-card:hover {\r\n transform:translateY(-3px);\r\n border-color:#c7d8d1;\r\n box-shadow:0 12px 26px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-sonntag .fu-related-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:43px;\r\n height:43px;\r\n margin-bottom:13px;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-sonntag .fu-related-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-sonntag .fu-related-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.93rem;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-sonntag .fu-back {\r\n text-align:center;\r\n margin-top:30px;\r\n}\r\n\r\n.fu-sonntag .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n.fu-sonntag .fu-back a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-sonntag .fu-intro,\r\n .fu-sonntag .fu-contact-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-sonntag .fu-seller-grid,\r\n .fu-sonntag .fu-related-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:700px) {\r\n\r\n .fu-sonntag .fu-market-grid {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-sonntag {\r\n padding:10px 10px 35px;\r\n }\r\n\r\n .fu-sonntag .fu-hero {\r\n padding:30px 24px;\r\n border-radius:20px;\r\n }\r\n\r\n .fu-sonntag .fu-card,\r\n .fu-sonntag .fu-intro-main,\r\n .fu-sonntag .fu-highlight,\r\n .fu-sonntag .fu-contact-card {\r\n padding:23px;\r\n }\r\n\r\n .fu-sonntag .fu-seller-grid,\r\n .fu-sonntag .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-sonntag .fu-jumpnav {\r\n gap:7px;\r\n }\r\n\r\n .fu-sonntag .fu-jumpnav a {\r\n font-size:.86rem;\r\n padding:8px 12px;\r\n }\r\n\r\n .fu-sonntag .fu-note {\r\n padding:20px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 111 ===== */ @scope (.fu-article-111) { \r\n#kleiderstube-st-anna {\r\n --green:#1f4b3f;\r\n --dark:#17382f;\r\n --paper:#faf8f4;\r\n --orange:#d97706;\r\n --border:#e7e1d7;\r\n --shadow:0 8px 24px rgba(23,56,47,.10);\r\n color:var(--dark);\r\n font-size:1rem;\r\n line-height:1.65;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-container {\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:0 18px;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-hero {\r\n background:linear-gradient(135deg,var(--green),var(--dark));\r\n color:#fff;\r\n border-radius:18px;\r\n padding:38px 28px;\r\n margin-bottom:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderstube-st-anna .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.14);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:1.7rem;\r\n margin-bottom:16px;\r\n}\r\n\r\n#kleiderstube-st-anna h1 {\r\n margin:0 0 10px;\r\n font-size:clamp(1.9rem,4vw,2.8rem);\r\n line-height:1.15;\r\n color:#fff;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n font-size:1.08rem;\r\n color:rgba(255,255,255,.94);\r\n}\r\n\r\n#kleiderstube-st-anna .fu-jumpbox {\r\n background:var(--paper);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin-bottom:28px;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n}\r\n\r\n#kleiderstube-st-anna .fu-jumpbox strong {\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--green);\r\n}\r\n\r\n#kleiderstube-st-anna .fu-jumps {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-jumps a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 12px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.93rem;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-jumps a:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-section {\r\n margin:34px 0;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-section h2 {\r\n color:var(--green);\r\n font-size:1.55rem;\r\n margin:0 0 15px;\r\n line-height:1.25;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-section h2 i {\r\n margin-right:8px;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-card {\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:20px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderstube-st-anna .fu-card i {\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n margin-bottom:8px;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-card h3 {\r\n color:var(--green);\r\n margin:0 0 7px;\r\n font-size:1.1rem;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-card p {\r\n margin:0;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-highlight {\r\n background:#f2eee6;\r\n border-left:5px solid var(--orange);\r\n border-radius:12px;\r\n padding:18px 20px;\r\n margin:20px 0;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-highlight strong {\r\n color:var(--green);\r\n}\r\n\r\n#kleiderstube-st-anna .fu-times {\r\n width:100%;\r\n border-collapse:collapse;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n overflow:hidden;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderstube-st-anna .fu-times th,\r\n#kleiderstube-st-anna .fu-times td {\r\n padding:13px 15px;\r\n border-bottom:1px solid var(--border);\r\n text-align:left;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-times th {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-times tr:last-child td {\r\n border-bottom:0;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-address {\r\n background:var(--paper);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderstube-st-anna .fu-address strong {\r\n color:var(--green);\r\n font-size:1.15rem;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-btn-primary {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-btn-primary:hover {\r\n background:var(--dark);\r\n color:#fff;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-btn-orange {\r\n background:var(--orange);\r\n color:#fff;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-btn-orange:hover {\r\n filter:brightness(.92);\r\n color:#fff;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-btn-light {\r\n background:#fff;\r\n color:var(--green);\r\n border:1px solid var(--border);\r\n}\r\n\r\n#kleiderstube-st-anna .fu-btn-light:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:12px;\r\n padding:14px 16px;\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:650;\r\n box-shadow:0 4px 12px rgba(23,56,47,.06);\r\n}\r\n\r\n#kleiderstube-st-anna .fu-related a:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-top {\r\n text-align:center;\r\n margin-top:35px;\r\n}\r\n\r\n#kleiderstube-st-anna .fu-top a {\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n@media (max-width:800px) {\r\n #kleiderstube-st-anna .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n #kleiderstube-st-anna .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n #kleiderstube-st-anna .fu-container {\r\n padding:0 12px;\r\n }\r\n\r\n #kleiderstube-st-anna .fu-hero {\r\n padding:30px 20px;\r\n border-radius:14px;\r\n }\r\n\r\n #kleiderstube-st-anna .fu-times th,\r\n #kleiderstube-st-anna .fu-times td {\r\n padding:11px 10px;\r\n }\r\n\r\n #kleiderstube-st-anna .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 112 ===== */ @scope (.fu-article-112) { \r\n #kleiderkammer-albachten {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 2rem;\r\n margin-bottom: 1.5rem;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.12);\r\n }\r\n\r\n #kleiderkammer-albachten .fu-hero h1 {\r\n color: #fff;\r\n margin-bottom: .75rem;\r\n font-weight: 700;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-hero p {\r\n margin-bottom: 0;\r\n font-size: 1.08rem;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid #e7e1d8;\r\n border-radius: 14px;\r\n padding: 1rem 1.25rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-jump a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n margin-right: 1rem;\r\n display: inline-block;\r\n margin-bottom: .35rem;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-card {\r\n background: #fff;\r\n border: 1px solid #e7e1d8;\r\n border-radius: 16px;\r\n padding: 1.35rem;\r\n height: 100%;\r\n box-shadow: 0 5px 18px rgba(0,0,0,.07);\r\n }\r\n\r\n #kleiderkammer-albachten .fu-card h2,\r\n #kleiderkammer-albachten .fu-card h3 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-icon {\r\n color: var(--fu-orange);\r\n margin-right: .4rem;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-fact {\r\n background: var(--fu-paper);\r\n border-radius: 12px;\r\n padding: 1rem;\r\n height: 100%;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-fact strong {\r\n display: block;\r\n color: var(--fu-green);\r\n font-size: 1.05rem;\r\n margin-bottom: .25rem;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .65rem;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .45rem;\r\n padding: .7rem 1rem;\r\n border-radius: 9px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: transform .15s ease, box-shadow .15s ease;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-btn:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 4px 12px rgba(0,0,0,.12);\r\n text-decoration: none;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-btn-primary {\r\n background: var(--fu-green);\r\n color: #fff;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-btn-orange {\r\n background: var(--fu-orange);\r\n color: #fff;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-btn-light {\r\n background: var(--fu-paper);\r\n color: var(--fu-green);\r\n border: 1px solid #ddd5ca;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-note {\r\n border-left: 4px solid var(--fu-orange);\r\n background: #fff8ed;\r\n padding: 1rem 1.1rem;\r\n border-radius: 0 10px 10px 0;\r\n margin-top: 1rem;\r\n }\r\n\r\n #kleiderkammer-albachten ul {\r\n padding-left: 1.25rem;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-section {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n @media (max-width: 767.98px) {\r\n #kleiderkammer-albachten .fu-hero {\r\n padding: 1.4rem;\r\n }\r\n\r\n #kleiderkammer-albachten .fu-btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 113 ===== */ @scope (.fu-article-113) { \r\n #centro-arche-noah {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n }\r\n\r\n #centro-arche-noah .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 2rem;\r\n margin-bottom: 1.5rem;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.12);\r\n }\r\n\r\n #centro-arche-noah .fu-hero h1 {\r\n color: #fff;\r\n margin-bottom: .75rem;\r\n font-weight: 700;\r\n }\r\n\r\n #centro-arche-noah .fu-hero p {\r\n margin-bottom: 0;\r\n font-size: 1.08rem;\r\n }\r\n\r\n #centro-arche-noah .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid #e7e1d8;\r\n border-radius: 14px;\r\n padding: 1rem 1.25rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n #centro-arche-noah .fu-jump a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n margin-right: 1rem;\r\n display: inline-block;\r\n margin-bottom: .35rem;\r\n }\r\n\r\n #centro-arche-noah .fu-card {\r\n background: #fff;\r\n border: 1px solid #e7e1d8;\r\n border-radius: 16px;\r\n padding: 1.35rem;\r\n height: 100%;\r\n box-shadow: 0 5px 18px rgba(0,0,0,.07);\r\n }\r\n\r\n #centro-arche-noah .fu-card h2,\r\n #centro-arche-noah .fu-card h3 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n }\r\n\r\n #centro-arche-noah .fu-icon {\r\n color: var(--fu-orange);\r\n margin-right: .4rem;\r\n }\r\n\r\n #centro-arche-noah .fu-fact {\r\n background: var(--fu-paper);\r\n border-radius: 12px;\r\n padding: 1rem;\r\n height: 100%;\r\n }\r\n\r\n #centro-arche-noah .fu-fact strong {\r\n display: block;\r\n color: var(--fu-green);\r\n font-size: 1.05rem;\r\n margin-bottom: .25rem;\r\n }\r\n\r\n #centro-arche-noah .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .65rem;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n #centro-arche-noah .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .45rem;\r\n padding: .7rem 1rem;\r\n border-radius: 9px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: transform .15s ease, box-shadow .15s ease;\r\n }\r\n\r\n #centro-arche-noah .fu-btn:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 4px 12px rgba(0,0,0,.12);\r\n text-decoration: none;\r\n }\r\n\r\n #centro-arche-noah .fu-btn-primary {\r\n background: var(--fu-green);\r\n color: #fff;\r\n }\r\n\r\n #centro-arche-noah .fu-btn-orange {\r\n background: var(--fu-orange);\r\n color: #fff;\r\n }\r\n\r\n #centro-arche-noah .fu-btn-light {\r\n background: var(--fu-paper);\r\n color: var(--fu-green);\r\n border: 1px solid #ddd5ca;\r\n }\r\n\r\n #centro-arche-noah .fu-note {\r\n border-left: 4px solid var(--fu-orange);\r\n background: #fff8ed;\r\n padding: 1rem 1.1rem;\r\n border-radius: 0 10px 10px 0;\r\n margin-top: 1rem;\r\n }\r\n\r\n #centro-arche-noah .fu-section {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n #centro-arche-noah .fu-link-card {\r\n display: block;\r\n color: inherit;\r\n text-decoration: none;\r\n height: 100%;\r\n }\r\n\r\n #centro-arche-noah .fu-link-card:hover {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n #centro-arche-noah .fu-link-card .fu-fact {\r\n transition: transform .15s ease, box-shadow .15s ease;\r\n }\r\n\r\n #centro-arche-noah .fu-link-card:hover .fu-fact {\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(0,0,0,.08);\r\n }\r\n\r\n @media (max-width: 767.98px) {\r\n #centro-arche-noah .fu-hero {\r\n padding: 1.4rem;\r\n }\r\n\r\n #centro-arche-noah .fu-btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 114 ===== */ @scope (.fu-article-114) { \r\n #kleiderkammer-frauentreff {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 2rem;\r\n margin-bottom: 1.5rem;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.12);\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-hero h1 {\r\n color: #fff;\r\n margin-bottom: .75rem;\r\n font-weight: 700;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-hero p {\r\n margin-bottom: 0;\r\n font-size: 1.08rem;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid #e7e1d8;\r\n border-radius: 14px;\r\n padding: 1rem 1.25rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-jump a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n margin-right: 1rem;\r\n display: inline-block;\r\n margin-bottom: .35rem;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-card {\r\n background: #fff;\r\n border: 1px solid #e7e1d8;\r\n border-radius: 16px;\r\n padding: 1.35rem;\r\n height: 100%;\r\n box-shadow: 0 5px 18px rgba(0,0,0,.07);\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-card h2,\r\n #kleiderkammer-frauentreff .fu-card h3 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-icon {\r\n color: var(--fu-orange);\r\n margin-right: .4rem;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-fact {\r\n background: var(--fu-paper);\r\n border-radius: 12px;\r\n padding: 1rem;\r\n height: 100%;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-fact strong {\r\n display: block;\r\n color: var(--fu-green);\r\n font-size: 1.05rem;\r\n margin-bottom: .25rem;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .65rem;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .45rem;\r\n padding: .7rem 1rem;\r\n border-radius: 9px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: transform .15s ease, box-shadow .15s ease;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-btn:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 4px 12px rgba(0,0,0,.12);\r\n text-decoration: none;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-btn-primary {\r\n background: var(--fu-green);\r\n color: #fff;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-btn-orange {\r\n background: var(--fu-orange);\r\n color: #fff;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-btn-light {\r\n background: var(--fu-paper);\r\n color: var(--fu-green);\r\n border: 1px solid #ddd5ca;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-note {\r\n border-left: 4px solid var(--fu-orange);\r\n background: #fff8ed;\r\n padding: 1rem 1.1rem;\r\n border-radius: 0 10px 10px 0;\r\n margin-top: 1rem;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-section {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-link-card {\r\n display: block;\r\n color: inherit;\r\n text-decoration: none;\r\n height: 100%;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-link-card:hover {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-link-card .fu-fact {\r\n transition: transform .15s ease, box-shadow .15s ease;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-link-card:hover .fu-fact {\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(0,0,0,.08);\r\n }\r\n\r\n @media (max-width: 767.98px) {\r\n #kleiderkammer-frauentreff .fu-hero {\r\n padding: 1.4rem;\r\n }\r\n\r\n #kleiderkammer-frauentreff .fu-btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 115 ===== */ @scope (.fu-article-115) { \r\n #kleiderkammer-handorf-trag-bar {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 2rem;\r\n margin-bottom: 1.5rem;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.12);\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-hero h1 {\r\n color: #fff;\r\n margin-bottom: .75rem;\r\n font-weight: 700;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-hero p {\r\n margin-bottom: 0;\r\n font-size: 1.08rem;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid #e7e1d8;\r\n border-radius: 14px;\r\n padding: 1rem 1.25rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-jump a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n margin-right: 1rem;\r\n display: inline-block;\r\n margin-bottom: .35rem;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-card {\r\n background: #fff;\r\n border: 1px solid #e7e1d8;\r\n border-radius: 16px;\r\n padding: 1.35rem;\r\n height: 100%;\r\n box-shadow: 0 5px 18px rgba(0,0,0,.07);\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-card h2,\r\n #kleiderkammer-handorf-trag-bar .fu-card h3 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-icon {\r\n color: var(--fu-orange);\r\n margin-right: .4rem;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-fact {\r\n background: var(--fu-paper);\r\n border-radius: 12px;\r\n padding: 1rem;\r\n height: 100%;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-fact strong {\r\n display: block;\r\n color: var(--fu-green);\r\n font-size: 1.05rem;\r\n margin-bottom: .25rem;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .65rem;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .45rem;\r\n padding: .7rem 1rem;\r\n border-radius: 9px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: transform .15s ease, box-shadow .15s ease;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-btn:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 4px 12px rgba(0,0,0,.12);\r\n text-decoration: none;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-btn-primary {\r\n background: var(--fu-green);\r\n color: #fff;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-btn-orange {\r\n background: var(--fu-orange);\r\n color: #fff;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-btn-light {\r\n background: var(--fu-paper);\r\n color: var(--fu-green);\r\n border: 1px solid #ddd5ca;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-note {\r\n border-left: 4px solid var(--fu-orange);\r\n background: #fff8ed;\r\n padding: 1rem 1.1rem;\r\n border-radius: 0 10px 10px 0;\r\n margin-top: 1rem;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-section {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-link-card {\r\n display: block;\r\n color: inherit;\r\n text-decoration: none;\r\n height: 100%;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-link-card:hover {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-link-card .fu-fact {\r\n transition: transform .15s ease, box-shadow .15s ease;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-link-card:hover .fu-fact {\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(0,0,0,.08);\r\n }\r\n\r\n @media (max-width: 767.98px) {\r\n #kleiderkammer-handorf-trag-bar .fu-hero {\r\n padding: 1.4rem;\r\n }\r\n\r\n #kleiderkammer-handorf-trag-bar .fu-btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 116 ===== */ @scope (.fu-article-116) { \r\n #kleiderkammer-heilig-geist {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 2rem;\r\n margin-bottom: 1.5rem;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.12);\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-hero h1 {\r\n color: #fff;\r\n margin-bottom: .75rem;\r\n font-weight: 700;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-hero p {\r\n margin-bottom: 0;\r\n font-size: 1.08rem;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid #e7e1d8;\r\n border-radius: 14px;\r\n padding: 1rem 1.25rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-jump a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n margin-right: 1rem;\r\n display: inline-block;\r\n margin-bottom: .35rem;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-card {\r\n background: #fff;\r\n border: 1px solid #e7e1d8;\r\n border-radius: 16px;\r\n padding: 1.35rem;\r\n height: 100%;\r\n box-shadow: 0 5px 18px rgba(0,0,0,.07);\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-card h2,\r\n #kleiderkammer-heilig-geist .fu-card h3 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-icon {\r\n color: var(--fu-orange);\r\n margin-right: .4rem;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-fact {\r\n background: var(--fu-paper);\r\n border-radius: 12px;\r\n padding: 1rem;\r\n height: 100%;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-fact strong {\r\n display: block;\r\n color: var(--fu-green);\r\n font-size: 1.05rem;\r\n margin-bottom: .25rem;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .65rem;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .45rem;\r\n padding: .7rem 1rem;\r\n border-radius: 9px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: transform .15s ease, box-shadow .15s ease;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-btn:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 4px 12px rgba(0,0,0,.12);\r\n text-decoration: none;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-btn-primary {\r\n background: var(--fu-green);\r\n color: #fff;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-btn-orange {\r\n background: var(--fu-orange);\r\n color: #fff;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-btn-light {\r\n background: var(--fu-paper);\r\n color: var(--fu-green);\r\n border: 1px solid #ddd5ca;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-note {\r\n border-left: 4px solid var(--fu-orange);\r\n background: #fff8ed;\r\n padding: 1rem 1.1rem;\r\n border-radius: 0 10px 10px 0;\r\n margin-top: 1rem;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-section {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-link-card {\r\n display: block;\r\n color: inherit;\r\n text-decoration: none;\r\n height: 100%;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-link-card:hover {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-link-card .fu-fact {\r\n transition: transform .15s ease, box-shadow .15s ease;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-link-card:hover .fu-fact {\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(0,0,0,.08);\r\n }\r\n\r\n @media (max-width: 767.98px) {\r\n #kleiderkammer-heilig-geist .fu-hero {\r\n padding: 1.4rem;\r\n }\r\n\r\n #kleiderkammer-heilig-geist .fu-btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 117 ===== */ @scope (.fu-article-117) { \r\n#kleiderkammer-muenster-suedost {\r\n --green:#1f4b3f;\r\n --dark:#17382f;\r\n --paper:#faf8f4;\r\n --orange:#d97706;\r\n --border:#e7e1d7;\r\n --shadow:0 8px 24px rgba(23,56,47,.10);\r\n color:var(--dark);\r\n font-size:1rem;\r\n line-height:1.65;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-container {\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:0 18px;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-hero {\r\n background:linear-gradient(135deg,var(--green),var(--dark));\r\n color:#fff;\r\n border-radius:18px;\r\n padding:38px 28px;\r\n margin-bottom:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.14);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:1.7rem;\r\n margin-bottom:16px;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost h1 {\r\n margin:0 0 10px;\r\n font-size:clamp(1.9rem,4vw,2.8rem);\r\n line-height:1.15;\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n font-size:1.08rem;\r\n color:rgba(255,255,255,.94);\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-jumpbox {\r\n background:var(--paper);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin-bottom:28px;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-jumpbox strong {\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--green);\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-jumps {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-jumps a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 12px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.93rem;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-jumps a:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-section {\r\n margin:34px 0;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-section h2 {\r\n color:var(--green);\r\n font-size:1.55rem;\r\n margin:0 0 15px;\r\n line-height:1.25;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-section h2 i {\r\n margin-right:8px;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-card {\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:20px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-card i {\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n margin-bottom:8px;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-card h3 {\r\n color:var(--green);\r\n margin:0 0 7px;\r\n font-size:1.1rem;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-card p {\r\n margin:0;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-highlight {\r\n background:#f2eee6;\r\n border-left:5px solid var(--orange);\r\n border-radius:12px;\r\n padding:18px 20px;\r\n margin:20px 0;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-highlight strong {\r\n color:var(--green);\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-times {\r\n width:100%;\r\n border-collapse:collapse;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n overflow:hidden;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-times th,\r\n#kleiderkammer-muenster-suedost .fu-times td {\r\n padding:13px 15px;\r\n border-bottom:1px solid var(--border);\r\n text-align:left;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-times th {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-times tr:last-child td {\r\n border-bottom:0;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-address {\r\n background:var(--paper);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-address strong {\r\n color:var(--green);\r\n font-size:1.15rem;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-btn-primary {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-btn-primary:hover {\r\n background:var(--dark);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-btn-orange {\r\n background:var(--orange);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-btn-orange:hover {\r\n filter:brightness(.92);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-btn-light {\r\n background:#fff;\r\n color:var(--green);\r\n border:1px solid var(--border);\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-btn-light:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:12px;\r\n padding:14px 16px;\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:650;\r\n box-shadow:0 4px 12px rgba(23,56,47,.06);\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-related a:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-top {\r\n text-align:center;\r\n margin-top:35px;\r\n}\r\n\r\n#kleiderkammer-muenster-suedost .fu-top a {\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n@media (max-width:800px) {\r\n #kleiderkammer-muenster-suedost .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n #kleiderkammer-muenster-suedost .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n #kleiderkammer-muenster-suedost .fu-container {\r\n padding:0 12px;\r\n }\r\n\r\n #kleiderkammer-muenster-suedost .fu-hero {\r\n padding:30px 20px;\r\n border-radius:14px;\r\n }\r\n\r\n #kleiderkammer-muenster-suedost .fu-times th,\r\n #kleiderkammer-muenster-suedost .fu-times td {\r\n padding:11px 10px;\r\n }\r\n\r\n #kleiderkammer-muenster-suedost .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 118 ===== */ @scope (.fu-article-118) { \r\n#kleiderkammer-st-clemens {\r\n --green:#1f4b3f;\r\n --dark:#17382f;\r\n --paper:#faf8f4;\r\n --orange:#d97706;\r\n --border:#e7e1d7;\r\n --shadow:0 8px 24px rgba(23,56,47,.10);\r\n color:var(--dark);\r\n font-size:1rem;\r\n line-height:1.65;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-container {\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:0 18px;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-hero {\r\n background:linear-gradient(135deg,var(--green),var(--dark));\r\n color:#fff;\r\n border-radius:18px;\r\n padding:38px 28px;\r\n margin-bottom:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.14);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:1.7rem;\r\n margin-bottom:16px;\r\n}\r\n\r\n#kleiderkammer-st-clemens h1 {\r\n margin:0 0 10px;\r\n font-size:clamp(1.9rem,4vw,2.8rem);\r\n line-height:1.15;\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n font-size:1.08rem;\r\n color:rgba(255,255,255,.94);\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-jumpbox {\r\n background:var(--paper);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin-bottom:28px;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-jumpbox strong {\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--green);\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-jumps {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-jumps a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 12px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.93rem;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-jumps a:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-section {\r\n margin:34px 0;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-section h2 {\r\n color:var(--green);\r\n font-size:1.55rem;\r\n margin:0 0 15px;\r\n line-height:1.25;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-section h2 i {\r\n margin-right:8px;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-card {\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:20px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-card i {\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n margin-bottom:8px;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-card h3 {\r\n color:var(--green);\r\n margin:0 0 7px;\r\n font-size:1.1rem;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-card p {\r\n margin:0;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-highlight {\r\n background:#f2eee6;\r\n border-left:5px solid var(--orange);\r\n border-radius:12px;\r\n padding:18px 20px;\r\n margin:20px 0;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-highlight strong {\r\n color:var(--green);\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-times {\r\n width:100%;\r\n border-collapse:collapse;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n overflow:hidden;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-times th,\r\n#kleiderkammer-st-clemens .fu-times td {\r\n padding:13px 15px;\r\n border-bottom:1px solid var(--border);\r\n text-align:left;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-times th {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-times tr:last-child td {\r\n border-bottom:0;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-address {\r\n background:var(--paper);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-address strong {\r\n color:var(--green);\r\n font-size:1.15rem;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-btn-primary {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-btn-primary:hover {\r\n background:var(--dark);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-btn-orange {\r\n background:var(--orange);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-btn-orange:hover {\r\n filter:brightness(.92);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-btn-light {\r\n background:#fff;\r\n color:var(--green);\r\n border:1px solid var(--border);\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-btn-light:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:12px;\r\n padding:14px 16px;\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:650;\r\n box-shadow:0 4px 12px rgba(23,56,47,.06);\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-related a:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-top {\r\n text-align:center;\r\n margin-top:35px;\r\n}\r\n\r\n#kleiderkammer-st-clemens .fu-top a {\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n@media (max-width:800px) {\r\n #kleiderkammer-st-clemens .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n #kleiderkammer-st-clemens .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n #kleiderkammer-st-clemens .fu-container {\r\n padding:0 12px;\r\n }\r\n\r\n #kleiderkammer-st-clemens .fu-hero {\r\n padding:30px 20px;\r\n border-radius:14px;\r\n }\r\n\r\n #kleiderkammer-st-clemens .fu-times th,\r\n #kleiderkammer-st-clemens .fu-times td {\r\n padding:11px 10px;\r\n }\r\n\r\n #kleiderkammer-st-clemens .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 119 ===== */ @scope (.fu-article-119) { \r\n#kleiderkammer-st-mauritz {\r\n --green:#1f4b3f;\r\n --dark:#17382f;\r\n --paper:#faf8f4;\r\n --orange:#d97706;\r\n --border:#e7e1d7;\r\n --shadow:0 8px 24px rgba(23,56,47,.10);\r\n color:var(--dark);\r\n font-size:1rem;\r\n line-height:1.65;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-container {\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:0 18px;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-hero {\r\n background:linear-gradient(135deg,var(--green),var(--dark));\r\n color:#fff;\r\n border-radius:18px;\r\n padding:38px 28px;\r\n margin-bottom:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.14);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:1.7rem;\r\n margin-bottom:16px;\r\n}\r\n\r\n#kleiderkammer-st-mauritz h1 {\r\n margin:0 0 10px;\r\n font-size:clamp(1.9rem,4vw,2.8rem);\r\n line-height:1.15;\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n font-size:1.08rem;\r\n color:rgba(255,255,255,.94);\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-jumpbox {\r\n background:var(--paper);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin-bottom:28px;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-jumpbox strong {\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--green);\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-jumps {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-jumps a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 12px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.93rem;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-jumps a:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-section {\r\n margin:34px 0;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-section h2 {\r\n color:var(--green);\r\n font-size:1.55rem;\r\n margin:0 0 15px;\r\n line-height:1.25;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-section h2 i {\r\n margin-right:8px;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-card {\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:20px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-card i {\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n margin-bottom:8px;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-card h3 {\r\n color:var(--green);\r\n margin:0 0 7px;\r\n font-size:1.1rem;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-card p {\r\n margin:0;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-highlight {\r\n background:#f2eee6;\r\n border-left:5px solid var(--orange);\r\n border-radius:12px;\r\n padding:18px 20px;\r\n margin:20px 0;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-highlight strong {\r\n color:var(--green);\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-times {\r\n width:100%;\r\n border-collapse:collapse;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n overflow:hidden;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-times th,\r\n#kleiderkammer-st-mauritz .fu-times td {\r\n padding:13px 15px;\r\n border-bottom:1px solid var(--border);\r\n text-align:left;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-times th {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-times tr:last-child td {\r\n border-bottom:0;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-address {\r\n background:var(--paper);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-address strong {\r\n color:var(--green);\r\n font-size:1.15rem;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-btn-primary {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-btn-primary:hover {\r\n background:var(--dark);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-btn-orange {\r\n background:var(--orange);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-btn-orange:hover {\r\n filter:brightness(.92);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-btn-light {\r\n background:#fff;\r\n color:var(--green);\r\n border:1px solid var(--border);\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-btn-light:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:12px;\r\n padding:14px 16px;\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:650;\r\n box-shadow:0 4px 12px rgba(23,56,47,.06);\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-related a:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-top {\r\n text-align:center;\r\n margin-top:35px;\r\n}\r\n\r\n#kleiderkammer-st-mauritz .fu-top a {\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n@media (max-width:800px) {\r\n #kleiderkammer-st-mauritz .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n #kleiderkammer-st-mauritz .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n #kleiderkammer-st-mauritz .fu-container {\r\n padding:0 12px;\r\n }\r\n\r\n #kleiderkammer-st-mauritz .fu-hero {\r\n padding:30px 20px;\r\n border-radius:14px;\r\n }\r\n\r\n #kleiderkammer-st-mauritz .fu-times th,\r\n #kleiderkammer-st-mauritz .fu-times td {\r\n padding:11px 10px;\r\n }\r\n\r\n #kleiderkammer-st-mauritz .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 120 ===== */ @scope (.fu-article-120) { \r\n#kleiderkammer-st-norbert {\r\n --green:#1f4b3f;\r\n --dark:#17382f;\r\n --paper:#faf8f4;\r\n --orange:#d97706;\r\n --border:#e7e1d7;\r\n --shadow:0 8px 24px rgba(23,56,47,.10);\r\n color:var(--dark);\r\n font-size:1rem;\r\n line-height:1.65;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-container {\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:0 18px;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-hero {\r\n background:linear-gradient(135deg,var(--green),var(--dark));\r\n color:#fff;\r\n border-radius:18px;\r\n padding:38px 28px;\r\n margin-bottom:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.14);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:1.7rem;\r\n margin-bottom:16px;\r\n}\r\n\r\n#kleiderkammer-st-norbert h1 {\r\n margin:0 0 10px;\r\n font-size:clamp(1.9rem,4vw,2.8rem);\r\n line-height:1.15;\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n font-size:1.08rem;\r\n color:rgba(255,255,255,.94);\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-jumpbox {\r\n background:var(--paper);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin-bottom:28px;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-jumpbox strong {\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--green);\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-jumps {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-jumps a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 12px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.93rem;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-jumps a:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-section {\r\n margin:34px 0;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-section h2 {\r\n color:var(--green);\r\n font-size:1.55rem;\r\n margin:0 0 15px;\r\n line-height:1.25;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-section h2 i {\r\n margin-right:8px;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-card {\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:20px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-card i {\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n margin-bottom:8px;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-card h3 {\r\n color:var(--green);\r\n margin:0 0 7px;\r\n font-size:1.1rem;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-card p {\r\n margin:0;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-highlight {\r\n background:#f2eee6;\r\n border-left:5px solid var(--orange);\r\n border-radius:12px;\r\n padding:18px 20px;\r\n margin:20px 0;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-highlight strong {\r\n color:var(--green);\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-times {\r\n width:100%;\r\n border-collapse:collapse;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n overflow:hidden;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-times th,\r\n#kleiderkammer-st-norbert .fu-times td {\r\n padding:13px 15px;\r\n border-bottom:1px solid var(--border);\r\n text-align:left;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-times th {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-times tr:last-child td {\r\n border-bottom:0;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-address {\r\n background:var(--paper);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-address strong {\r\n color:var(--green);\r\n font-size:1.15rem;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-btn-primary {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-btn-primary:hover {\r\n background:var(--dark);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-btn-orange {\r\n background:var(--orange);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-btn-orange:hover {\r\n filter:brightness(.92);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-btn-light {\r\n background:#fff;\r\n color:var(--green);\r\n border:1px solid var(--border);\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-btn-light:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:12px;\r\n padding:14px 16px;\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:650;\r\n box-shadow:0 4px 12px rgba(23,56,47,.06);\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-related a:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-top {\r\n text-align:center;\r\n margin-top:35px;\r\n}\r\n\r\n#kleiderkammer-st-norbert .fu-top a {\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n@media (max-width:800px) {\r\n #kleiderkammer-st-norbert .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n #kleiderkammer-st-norbert .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n #kleiderkammer-st-norbert .fu-container {\r\n padding:0 12px;\r\n }\r\n\r\n #kleiderkammer-st-norbert .fu-hero {\r\n padding:30px 20px;\r\n border-radius:14px;\r\n }\r\n\r\n #kleiderkammer-st-norbert .fu-times th,\r\n #kleiderkammer-st-norbert .fu-times td {\r\n padding:11px 10px;\r\n }\r\n\r\n #kleiderkammer-st-norbert .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 121 ===== */ @scope (.fu-article-121) { \r\n#kleiderkaufhaus-anziehungspunkt {\r\n --green:#1f4b3f;\r\n --dark:#17382f;\r\n --paper:#faf8f4;\r\n --orange:#d97706;\r\n --border:#e7e1d7;\r\n --shadow:0 8px 24px rgba(23,56,47,.10);\r\n color:var(--dark);\r\n font-size:1rem;\r\n line-height:1.65;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-container {\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:0 18px;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-hero {\r\n background:linear-gradient(135deg,var(--green),var(--dark));\r\n color:#fff;\r\n border-radius:18px;\r\n padding:38px 28px;\r\n margin-bottom:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.14);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:1.7rem;\r\n margin-bottom:16px;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt h1 {\r\n margin:0 0 10px;\r\n font-size:clamp(1.9rem,4vw,2.8rem);\r\n line-height:1.15;\r\n color:#fff;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n font-size:1.08rem;\r\n color:rgba(255,255,255,.94);\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-jumpbox {\r\n background:var(--paper);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin-bottom:28px;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-jumpbox strong {\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--green);\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-jumps {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-jumps a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 12px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.93rem;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-jumps a:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-section {\r\n margin:34px 0;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-section h2 {\r\n color:var(--green);\r\n font-size:1.55rem;\r\n margin:0 0 15px;\r\n line-height:1.25;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-section h2 i {\r\n margin-right:8px;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-card {\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:20px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-card i {\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n margin-bottom:8px;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-card h3 {\r\n color:var(--green);\r\n margin:0 0 7px;\r\n font-size:1.1rem;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-card p {\r\n margin:0;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-highlight {\r\n background:#f2eee6;\r\n border-left:5px solid var(--orange);\r\n border-radius:12px;\r\n padding:18px 20px;\r\n margin:20px 0;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-highlight strong {\r\n color:var(--green);\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-times {\r\n width:100%;\r\n border-collapse:collapse;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n overflow:hidden;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-times th,\r\n#kleiderkaufhaus-anziehungspunkt .fu-times td {\r\n padding:13px 15px;\r\n border-bottom:1px solid var(--border);\r\n text-align:left;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-times th {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-times tr:last-child td {\r\n border-bottom:0;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-address {\r\n background:var(--paper);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-address strong {\r\n color:var(--green);\r\n font-size:1.15rem;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-btn-primary {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-btn-primary:hover {\r\n background:var(--dark);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-btn-orange {\r\n background:var(--orange);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-btn-orange:hover {\r\n filter:brightness(.92);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-btn-light {\r\n background:#fff;\r\n color:var(--green);\r\n border:1px solid var(--border);\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-btn-light:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:12px;\r\n padding:14px 16px;\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:650;\r\n box-shadow:0 4px 12px rgba(23,56,47,.06);\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-related a:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-top {\r\n text-align:center;\r\n margin-top:35px;\r\n}\r\n\r\n#kleiderkaufhaus-anziehungspunkt .fu-top a {\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n@media (max-width:800px) {\r\n #kleiderkaufhaus-anziehungspunkt .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n #kleiderkaufhaus-anziehungspunkt .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n #kleiderkaufhaus-anziehungspunkt .fu-container {\r\n padding:0 12px;\r\n }\r\n\r\n #kleiderkaufhaus-anziehungspunkt .fu-hero {\r\n padding:30px 20px;\r\n border-radius:14px;\r\n }\r\n\r\n #kleiderkaufhaus-anziehungspunkt .fu-times th,\r\n #kleiderkaufhaus-anziehungspunkt .fu-times td {\r\n padding:11px 10px;\r\n }\r\n\r\n #kleiderkaufhaus-anziehungspunkt .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 122 ===== */ @scope (.fu-article-122) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 123 ===== */ @scope (.fu-article-123) { \r\n/* =========================================================\r\n FAST UMSONST – DRK KLEIDERLÄDEN MÜNSTER\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-green-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n padding: 20px 20px 60px;\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page a {\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page a:hover {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green-dark), var(--fu-green));\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(23,56,47,.15);\r\n}\r\n\r\n.fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.12);\r\n font-size: .9rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-hero h1 {\r\n color: #fff;\r\n margin: 0 0 14px;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.08rem;\r\n opacity: .95;\r\n}\r\n\r\n.fu-intro {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px 30px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(38,51,47,.07);\r\n}\r\n\r\n.fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-green-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 22px 24px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-jump h2 {\r\n color: var(--fu-green-dark);\r\n margin: 0 0 14px;\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-jump-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n.fu-jump-list a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 9px 14px;\r\n font-weight: 600;\r\n font-size: .94rem;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump-list a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 42px 0;\r\n scroll-margin-top: 110px;\r\n}\r\n\r\n.fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n color: var(--fu-green-dark);\r\n margin: 0 0 20px;\r\n font-size: 1.65rem;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-section-title i {\r\n color: var(--fu-orange);\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 20px;\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 20px rgba(38,51,47,.07);\r\n}\r\n\r\n.fu-card h3 {\r\n color: var(--fu-green);\r\n margin: 0 0 10px;\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-card-icon {\r\n width: 48px;\r\n height: 48px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 14px;\r\n background: var(--fu-green-light);\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-note {\r\n background: var(--fu-paper);\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-note strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-location-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 20px;\r\n}\r\n\r\n.fu-location {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 20px rgba(38,51,47,.07);\r\n}\r\n\r\n.fu-location h3 {\r\n color: var(--fu-green);\r\n margin: 0 0 14px;\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-detail {\r\n display: flex;\r\n gap: 11px;\r\n align-items: flex-start;\r\n margin: 10px 0;\r\n}\r\n\r\n.fu-detail i {\r\n flex: 0 0 22px;\r\n color: var(--fu-orange);\r\n font-size: 1.05rem;\r\n margin-top: 3px;\r\n}\r\n\r\n.fu-detail strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-action {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-btn-secondary {\r\n background: var(--fu-green-light);\r\n color: var(--fu-green-dark) !important;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-btn-secondary:hover {\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-green-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 46px;\r\n}\r\n\r\n.fu-related h2 {\r\n color: var(--fu-green-dark);\r\n margin: 0 0 18px;\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 14px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n padding: 15px 16px;\r\n font-weight: 700;\r\n box-shadow: 0 4px 12px rgba(38,51,47,.05);\r\n}\r\n\r\n.fu-related a:hover {\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 28px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-weight: 700;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-grid,\r\n .fu-location-grid,\r\n .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero {\r\n padding: 32px 24px;\r\n }\r\n\r\n .fu-intro,\r\n .fu-card,\r\n .fu-location,\r\n .fu-related {\r\n padding: 22px;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-page {\r\n padding-left: 12px;\r\n padding-right: 12px;\r\n }\r\n\r\n .fu-hero {\r\n border-radius: 17px;\r\n padding: 28px 20px;\r\n }\r\n\r\n .fu-hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .fu-jump-list {\r\n display: grid;\r\n }\r\n\r\n .fu-jump-list a {\r\n border-radius: 10px;\r\n }\r\n\r\n .fu-action {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-action .fu-btn {\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 124 ===== */ @scope (.fu-article-124) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-button-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 126 ===== */ @scope (.fu-article-126) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 127 ===== */ @scope (.fu-article-127) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 128 ===== */ @scope (.fu-article-128) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-button-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 129 ===== */ @scope (.fu-article-129) { \r\n/* =========================================================\r\n FAST UMSONST – RÜMPELESELS SAMMELKISTE\r\n ========================================================= */\r\n\r\n.fu-ruempelesel {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 17px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-ruempelesel * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-ruempelesel a {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n/* HERO */\r\n.fu-ruempelesel-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 28px rgba(23, 56, 47, 0.16);\r\n}\r\n\r\n.fu-ruempelesel-hero h1 {\r\n margin: 0 0 12px;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-ruempelesel-hero p {\r\n max-width: 900px;\r\n margin: 0;\r\n font-size: 1.08rem;\r\n opacity: 0.96;\r\n}\r\n\r\n/* SPRUNGNAVIGATION */\r\n.fu-ruempelesel-jumps {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-ruempelesel-jumps strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-ruempelesel-jump-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n.fu-ruempelesel-jump-list a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 14px;\r\n font-size: 0.94rem;\r\n font-weight: 600;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.fu-ruempelesel-jump-list a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n/* INTRO */\r\n.fu-ruempelesel-intro {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px 30px;\r\n margin-bottom: 32px;\r\n box-shadow: 0 5px 18px rgba(38, 51, 47, 0.07);\r\n}\r\n\r\n.fu-ruempelesel-intro h2 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-ruempelesel-intro p {\r\n margin: 0;\r\n}\r\n\r\n/* CONTENT GRID */\r\n.fu-ruempelesel-grid {\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr;\r\n gap: 22px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-ruempelesel-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n box-shadow: 0 5px 18px rgba(38, 51, 47, 0.07);\r\n}\r\n\r\n.fu-ruempelesel-card h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 16px;\r\n color: var(--fu-dark);\r\n font-size: 1.5rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-ruempelesel-card h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-ruempelesel-card p {\r\n margin: 0 0 15px;\r\n}\r\n\r\n.fu-ruempelesel-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* SORTIMENT */\r\n.fu-ruempelesel-offers {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 13px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-ruempelesel-offer {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n background: var(--fu-light);\r\n border-radius: 12px;\r\n padding: 14px 15px;\r\n}\r\n\r\n.fu-ruempelesel-offer i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 2px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-ruempelesel-offer strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n line-height: 1.4;\r\n}\r\n\r\n/* ANKAUF */\r\n.fu-ruempelesel-ankauf {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-ruempelesel-ankauf h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 13px;\r\n color: var(--fu-dark);\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-ruempelesel-ankauf h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-ruempelesel-ankauf p {\r\n margin: 0;\r\n}\r\n\r\n/* HINWEIS */\r\n.fu-ruempelesel-note {\r\n background: #fff;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 19px 22px;\r\n margin-bottom: 35px;\r\n box-shadow: 0 4px 15px rgba(38, 51, 47, 0.06);\r\n}\r\n\r\n.fu-ruempelesel-note strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* KONTAKT */\r\n.fu-ruempelesel-contact {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-ruempelesel-contact h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 20px;\r\n color: var(--fu-dark);\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-ruempelesel-contact h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-ruempelesel-contact-list {\r\n display: grid;\r\n gap: 14px;\r\n}\r\n\r\n.fu-ruempelesel-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n}\r\n\r\n.fu-ruempelesel-contact-item > i {\r\n width: 24px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n margin-top: 4px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-ruempelesel-contact-item strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-ruempelesel-contact-item span,\r\n.fu-ruempelesel-contact-item a {\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-ruempelesel-contact-item a:hover {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* OFFIZIELLE SEITE */\r\n.fu-ruempelesel-web {\r\n margin-top: 22px;\r\n}\r\n\r\n.fu-ruempelesel-web a {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 10px;\r\n padding: 11px 17px;\r\n font-weight: 600;\r\n transition: background 0.2s ease;\r\n}\r\n\r\n.fu-ruempelesel-web a:hover {\r\n background: var(--fu-dark);\r\n}\r\n\r\n/* PASSENDE INFORMATIONEN */\r\n.fu-ruempelesel-related {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-ruempelesel-related h2 {\r\n margin: 0 0 8px;\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-ruempelesel-related-intro {\r\n margin: 0 0 20px;\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-ruempelesel-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 14px;\r\n}\r\n\r\n.fu-ruempelesel-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n padding: 15px 17px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.fu-ruempelesel-related a i {\r\n color: var(--fu-orange);\r\n font-size: 1.2rem;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-ruempelesel-related a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n.fu-ruempelesel-related a:hover i {\r\n color: #fff;\r\n}\r\n\r\n/* ZURÜCK */\r\n.fu-ruempelesel-back {\r\n margin-top: 30px;\r\n text-align: center;\r\n}\r\n\r\n.fu-ruempelesel-back a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n.fu-ruempelesel-back a:hover {\r\n color: var(--fu-orange);\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (max-width: 850px) {\r\n .fu-ruempelesel-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-ruempelesel-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n .fu-ruempelesel {\r\n padding: 15px 12px 45px;\r\n font-size: 16px;\r\n }\r\n\r\n .fu-ruempelesel-hero {\r\n padding: 30px 23px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-ruempelesel-intro,\r\n .fu-ruempelesel-card,\r\n .fu-ruempelesel-ankauf,\r\n .fu-ruempelesel-contact,\r\n .fu-ruempelesel-related {\r\n padding: 22px;\r\n }\r\n\r\n .fu-ruempelesel-offers {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 130 ===== */ @scope (.fu-article-130) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 132 ===== */ @scope (.fu-article-132) { \r\n/* =========================================================\r\n FAST UMSONST – CHANCE E.V. / MÖBEL-TRÖDEL\r\n ========================================================= */\r\n\r\n.fu-chance {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 17px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-chance * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-chance a {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n/* HERO */\r\n.fu-chance-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 28px rgba(23, 56, 47, 0.16);\r\n}\r\n\r\n.fu-chance-hero h1 {\r\n margin: 0 0 12px;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-chance-hero p {\r\n max-width: 900px;\r\n margin: 0;\r\n font-size: 1.08rem;\r\n opacity: 0.96;\r\n}\r\n\r\n/* SPRUNGNAVIGATION */\r\n.fu-chance-jumps {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-chance-jumps strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-chance-jump-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n.fu-chance-jump-list a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 14px;\r\n font-size: 0.94rem;\r\n font-weight: 600;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.fu-chance-jump-list a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n/* INTRO */\r\n.fu-chance-intro {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px 30px;\r\n margin-bottom: 32px;\r\n box-shadow: 0 5px 18px rgba(38, 51, 47, 0.07);\r\n}\r\n\r\n.fu-chance-intro h2 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-chance-intro p {\r\n margin: 0;\r\n}\r\n\r\n/* CONTENT GRID */\r\n.fu-chance-grid {\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr;\r\n gap: 22px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-chance-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n box-shadow: 0 5px 18px rgba(38, 51, 47, 0.07);\r\n}\r\n\r\n.fu-chance-card h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 16px;\r\n color: var(--fu-dark);\r\n font-size: 1.5rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-chance-card h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-chance-card p {\r\n margin: 0 0 15px;\r\n}\r\n\r\n.fu-chance-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* ANGEBOT */\r\n.fu-chance-offers {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 13px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-chance-offer {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n background: var(--fu-light);\r\n border-radius: 12px;\r\n padding: 14px 15px;\r\n}\r\n\r\n.fu-chance-offer i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 2px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-chance-offer strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n line-height: 1.4;\r\n}\r\n\r\n/* KONTAKT */\r\n.fu-chance-contact {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-chance-contact h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 20px;\r\n color: var(--fu-dark);\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-chance-contact h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-chance-contact-list {\r\n display: grid;\r\n gap: 14px;\r\n}\r\n\r\n.fu-chance-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n}\r\n\r\n.fu-chance-contact-item > i {\r\n width: 24px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n margin-top: 4px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-chance-contact-item strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-chance-contact-item span,\r\n.fu-chance-contact-item a {\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-chance-contact-item a:hover {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* WEBSITE BUTTON */\r\n.fu-chance-web {\r\n margin-top: 22px;\r\n}\r\n\r\n.fu-chance-web a {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 10px;\r\n padding: 11px 17px;\r\n font-weight: 600;\r\n transition: background 0.2s ease;\r\n}\r\n\r\n.fu-chance-web a:hover {\r\n background: var(--fu-dark);\r\n}\r\n\r\n/* HINWEIS */\r\n.fu-chance-note {\r\n background: #fff;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 19px 22px;\r\n margin-bottom: 35px;\r\n box-shadow: 0 4px 15px rgba(38, 51, 47, 0.06);\r\n}\r\n\r\n.fu-chance-note strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* PASSENDE INFORMATIONEN */\r\n.fu-chance-related {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-chance-related h2 {\r\n margin: 0 0 8px;\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-chance-related-intro {\r\n margin: 0 0 20px;\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-chance-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 14px;\r\n}\r\n\r\n.fu-chance-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n padding: 15px 17px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.fu-chance-related a i {\r\n color: var(--fu-orange);\r\n font-size: 1.2rem;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-chance-related a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n.fu-chance-related a:hover i {\r\n color: #fff;\r\n}\r\n\r\n/* ZURÜCK */\r\n.fu-chance-back {\r\n margin-top: 30px;\r\n text-align: center;\r\n}\r\n\r\n.fu-chance-back a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n.fu-chance-back a:hover {\r\n color: var(--fu-orange);\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (max-width: 850px) {\r\n .fu-chance-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-chance-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n .fu-chance {\r\n padding: 15px 12px 45px;\r\n font-size: 16px;\r\n }\r\n\r\n .fu-chance-hero {\r\n padding: 30px 23px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-chance-intro,\r\n .fu-chance-card,\r\n .fu-chance-contact,\r\n .fu-chance-related {\r\n padding: 22px;\r\n }\r\n\r\n .fu-chance-offers {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 133 ===== */ @scope (.fu-article-133) { \r\n/* =========================================================\r\n FAST UMSONST – CHRISTIANS AN- UND VERKAUF\r\n Modernes Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-christians {\r\n --fu-brand: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-accent: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 20px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-christians * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-christians a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-christians a:hover {\r\n color: var(--fu-accent);\r\n}\r\n\r\n/* Hero */\r\n.fu-christians .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 12px 32px rgba(23, 56, 47, 0.18);\r\n}\r\n\r\n.fu-christians .fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n opacity: .9;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-christians .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3.1rem);\r\n line-height: 1.12;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-christians .fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.12rem;\r\n}\r\n\r\n/* Sprungnavigation */\r\n.fu-christians .fu-jump {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 0 0 34px;\r\n padding: 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-christians .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 14px;\r\n background: var(--fu-light);\r\n border-radius: 999px;\r\n font-size: .94rem;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-christians .fu-jump a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* Sections */\r\n.fu-christians .fu-section {\r\n margin: 0 0 36px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-christians .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 16px;\r\n color: var(--fu-dark);\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n line-height: 1.25;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-christians .fu-section h2 i {\r\n color: var(--fu-accent);\r\n}\r\n\r\n.fu-christians .fu-lead {\r\n font-size: 1.12rem;\r\n margin-bottom: 22px;\r\n}\r\n\r\n/* Karten */\r\n.fu-christians .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-christians .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(23,56,47,.08);\r\n}\r\n\r\n.fu-christians .fu-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 10px;\r\n color: var(--fu-dark);\r\n font-size: 1.2rem;\r\n line-height: 1.35;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-christians .fu-card h3 i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-christians .fu-card p {\r\n margin: 0;\r\n}\r\n\r\n/* Highlight */\r\n.fu-christians .fu-highlight {\r\n background: var(--fu-light);\r\n border-left: 5px solid var(--fu-brand);\r\n border-radius: 14px;\r\n padding: 22px 24px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-christians .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* Kontakt */\r\n.fu-christians .fu-contact {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);\r\n gap: 20px;\r\n}\r\n\r\n.fu-christians .fu-contact-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 26px;\r\n box-shadow: 0 7px 22px rgba(23,56,47,.08);\r\n}\r\n\r\n.fu-christians .fu-contact-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n margin: 0 0 16px;\r\n}\r\n\r\n.fu-christians .fu-contact-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-christians .fu-contact-row i {\r\n flex: 0 0 24px;\r\n color: var(--fu-accent);\r\n font-size: 1.2rem;\r\n margin-top: 3px;\r\n}\r\n\r\n.fu-christians .fu-contact-row strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* Öffnungszeiten */\r\n.fu-christians .fu-hours {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 26px;\r\n}\r\n\r\n.fu-christians .fu-hours h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-christians .fu-hours h3 i {\r\n color: var(--fu-accent);\r\n}\r\n\r\n.fu-christians .fu-hour {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 20px;\r\n padding: 10px 0;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-christians .fu-hour:last-child {\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-christians .fu-hour strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* Passende Informationen */\r\n.fu-christians .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-christians .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(23,56,47,.08);\r\n}\r\n\r\n.fu-christians .fu-related-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 10px;\r\n color: var(--fu-dark);\r\n font-size: 1.15rem;\r\n line-height: 1.35;\r\n}\r\n\r\n.fu-christians .fu-related-card h3 i {\r\n color: var(--fu-accent);\r\n}\r\n\r\n.fu-christians .fu-related-card p {\r\n flex-grow: 1;\r\n margin: 0 0 18px;\r\n color: var(--fu-muted);\r\n font-size: .98rem;\r\n}\r\n\r\n.fu-christians .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n width: 100%;\r\n padding: 11px 15px;\r\n border-radius: 10px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-christians .fu-button:hover {\r\n background: var(--fu-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* CTA */\r\n.fu-christians .fu-cta {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 30px;\r\n text-align: center;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.15);\r\n}\r\n\r\n.fu-christians .fu-cta h2 {\r\n justify-content: center;\r\n color: #fff;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-christians .fu-cta h2 i {\r\n color: #fff;\r\n}\r\n\r\n.fu-christians .fu-cta p {\r\n max-width: 760px;\r\n margin: 0 auto 20px;\r\n color: rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-christians .fu-cta .fu-button {\r\n display: inline-flex;\r\n width: auto;\r\n min-width: 230px;\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-christians .fu-cta .fu-button:hover {\r\n background: var(--fu-paper);\r\n}\r\n\r\n/* Back to top */\r\n.fu-christians .fu-top {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 18px;\r\n font-size: .92rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 850px) {\r\n .fu-christians .fu-grid,\r\n .fu-christians .fu-contact,\r\n .fu-christians .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-christians .fu-hero {\r\n padding: 32px 25px;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .fu-christians {\r\n padding: 10px 12px 45px;\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-christians .fu-hero {\r\n border-radius: 17px;\r\n padding: 28px 20px;\r\n }\r\n\r\n .fu-christians .fu-card,\r\n .fu-christians .fu-contact-card,\r\n .fu-christians .fu-hours,\r\n .fu-christians .fu-related-card {\r\n padding: 20px;\r\n }\r\n\r\n .fu-christians .fu-hour {\r\n flex-direction: column;\r\n gap: 2px;\r\n }\r\n\r\n .fu-christians .fu-jump {\r\n padding: 12px;\r\n }\r\n\r\n .fu-christians .fu-jump a {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 134 ===== */ @scope (.fu-article-134) { \r\n/* =========================================================\r\n FAST UMSONST – FLOHMARKTHALLE MÜNSTER\r\n Einheitliches Secondhand-/Möbel-Layout\r\n ========================================================= */\r\n\r\n.fu-flohmarkthalle {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 17px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-flohmarkthalle * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-flohmarkthalle a {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-flohmarkthalle-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 28px rgba(23, 56, 47, 0.16);\r\n}\r\n\r\n.fu-flohmarkthalle-hero h1 {\r\n margin: 0 0 12px;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-flohmarkthalle-hero p {\r\n max-width: 900px;\r\n margin: 0;\r\n font-size: 1.08rem;\r\n opacity: 0.96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-flohmarkthalle-jumps {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-flohmarkthalle-jumps strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-flohmarkthalle-jump-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n.fu-flohmarkthalle-jump-list a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 14px;\r\n font-size: 0.94rem;\r\n font-weight: 600;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.fu-flohmarkthalle-jump-list a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-flohmarkthalle-intro {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px 30px;\r\n margin-bottom: 32px;\r\n box-shadow: 0 5px 18px rgba(38, 51, 47, 0.07);\r\n}\r\n\r\n.fu-flohmarkthalle-intro h2 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-flohmarkthalle-intro p {\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n CONTENT GRID\r\n ========================================================= */\r\n\r\n.fu-flohmarkthalle-grid {\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr;\r\n gap: 22px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-flohmarkthalle-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n box-shadow: 0 5px 18px rgba(38, 51, 47, 0.07);\r\n}\r\n\r\n.fu-flohmarkthalle-card h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 16px;\r\n color: var(--fu-dark);\r\n font-size: 1.5rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-flohmarkthalle-card h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-flohmarkthalle-card p {\r\n margin: 0 0 15px;\r\n}\r\n\r\n.fu-flohmarkthalle-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n ANGEBOT\r\n ========================================================= */\r\n\r\n.fu-flohmarkthalle-offers {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 13px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-flohmarkthalle-offer {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n background: var(--fu-light);\r\n border-radius: 12px;\r\n padding: 14px 15px;\r\n}\r\n\r\n.fu-flohmarkthalle-offer i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 2px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-flohmarkthalle-offer strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n line-height: 1.4;\r\n}\r\n\r\n/* =========================================================\r\n SORTIMENT\r\n ========================================================= */\r\n\r\n.fu-flohmarkthalle-sortiment {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-flohmarkthalle-sortiment h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 12px;\r\n color: var(--fu-dark);\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-flohmarkthalle-sortiment h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-flohmarkthalle-sortiment p {\r\n margin: 0 0 15px;\r\n}\r\n\r\n.fu-flohmarkthalle-sortiment-list {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 10px;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n.fu-flohmarkthalle-sortiment-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 9px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 11px;\r\n padding: 11px 13px;\r\n}\r\n\r\n.fu-flohmarkthalle-sortiment-list li i {\r\n color: var(--fu-green);\r\n margin-top: 4px;\r\n flex-shrink: 0;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-flohmarkthalle-note {\r\n background: #fff;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 19px 22px;\r\n margin-bottom: 35px;\r\n box-shadow: 0 4px 15px rgba(38, 51, 47, 0.06);\r\n}\r\n\r\n.fu-flohmarkthalle-note strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-flohmarkthalle-contact {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-flohmarkthalle-contact h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 20px;\r\n color: var(--fu-dark);\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-flohmarkthalle-contact h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-flohmarkthalle-contact-list {\r\n display: grid;\r\n gap: 14px;\r\n}\r\n\r\n.fu-flohmarkthalle-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n}\r\n\r\n.fu-flohmarkthalle-contact-item > i {\r\n width: 24px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n margin-top: 4px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-flohmarkthalle-contact-item strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-flohmarkthalle-contact-item span,\r\n.fu-flohmarkthalle-contact-item a {\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-flohmarkthalle-contact-item a:hover {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n OFFIZIELLE SEITE\r\n ========================================================= */\r\n\r\n.fu-flohmarkthalle-web {\r\n margin-top: 22px;\r\n}\r\n\r\n.fu-flohmarkthalle-web a {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 10px;\r\n padding: 11px 17px;\r\n font-weight: 600;\r\n transition: background 0.2s ease;\r\n}\r\n\r\n.fu-flohmarkthalle-web a:hover {\r\n background: var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-flohmarkthalle-related {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-flohmarkthalle-related h2 {\r\n margin: 0 0 8px;\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-flohmarkthalle-related-intro {\r\n margin: 0 0 20px;\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-flohmarkthalle-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 14px;\r\n}\r\n\r\n.fu-flohmarkthalle-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n padding: 15px 17px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.fu-flohmarkthalle-related a i {\r\n color: var(--fu-orange);\r\n font-size: 1.2rem;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-flohmarkthalle-related a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n.fu-flohmarkthalle-related a:hover i {\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-flohmarkthalle-back {\r\n margin-top: 30px;\r\n text-align: center;\r\n}\r\n\r\n.fu-flohmarkthalle-back a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n.fu-flohmarkthalle-back a:hover {\r\n color: var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 850px) {\r\n\r\n .fu-flohmarkthalle-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-flohmarkthalle-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 650px) {\r\n\r\n .fu-flohmarkthalle {\r\n padding: 15px 12px 45px;\r\n font-size: 16px;\r\n }\r\n\r\n .fu-flohmarkthalle-hero {\r\n padding: 30px 23px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-flohmarkthalle-intro,\r\n .fu-flohmarkthalle-card,\r\n .fu-flohmarkthalle-sortiment,\r\n .fu-flohmarkthalle-contact,\r\n .fu-flohmarkthalle-related {\r\n padding: 22px;\r\n }\r\n\r\n .fu-flohmarkthalle-offers,\r\n .fu-flohmarkthalle-sortiment-list {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 135 ===== */ @scope (.fu-article-135) { \r\n/* =========================================================\r\n FAST UMSONST – K4 KURTS KUNST, KITSCH & KREMPEL\r\n Einheitliches Secondhand-/Möbel-Layout\r\n ========================================================= */\r\n\r\n.fu-k4 {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 17px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-k4 * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-k4 a {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-k4-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 28px rgba(23, 56, 47, 0.16);\r\n}\r\n\r\n.fu-k4-hero h1 {\r\n margin: 0 0 12px;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-k4-hero p {\r\n max-width: 900px;\r\n margin: 0;\r\n font-size: 1.08rem;\r\n opacity: 0.96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-k4-jumps {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-k4-jumps strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-k4-jump-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n.fu-k4-jump-list a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 14px;\r\n font-size: 0.94rem;\r\n font-weight: 600;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.fu-k4-jump-list a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-k4-intro {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px 30px;\r\n margin-bottom: 32px;\r\n box-shadow: 0 5px 18px rgba(38, 51, 47, 0.07);\r\n}\r\n\r\n.fu-k4-intro h2 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-k4-intro p {\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n CONTENT GRID\r\n ========================================================= */\r\n\r\n.fu-k4-grid {\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr;\r\n gap: 22px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-k4-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n box-shadow: 0 5px 18px rgba(38, 51, 47, 0.07);\r\n}\r\n\r\n.fu-k4-card h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 16px;\r\n color: var(--fu-dark);\r\n font-size: 1.5rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-k4-card h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-k4-card p {\r\n margin: 0 0 15px;\r\n}\r\n\r\n.fu-k4-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n ANGEBOT\r\n ========================================================= */\r\n\r\n.fu-k4-offers {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 13px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-k4-offer {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n background: var(--fu-light);\r\n border-radius: 12px;\r\n padding: 14px 15px;\r\n}\r\n\r\n.fu-k4-offer i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 2px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-k4-offer strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n line-height: 1.4;\r\n}\r\n\r\n/* =========================================================\r\n DIENSTLEISTUNGEN\r\n ========================================================= */\r\n\r\n.fu-k4-services {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-k4-services h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 12px;\r\n color: var(--fu-dark);\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-k4-services h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-k4-services p {\r\n margin: 0 0 16px;\r\n}\r\n\r\n.fu-k4-services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-k4-service {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n padding: 14px 15px;\r\n}\r\n\r\n.fu-k4-service i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 3px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-k4-service strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-k4-note {\r\n background: #fff;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 19px 22px;\r\n margin-bottom: 35px;\r\n box-shadow: 0 4px 15px rgba(38, 51, 47, 0.06);\r\n}\r\n\r\n.fu-k4-note strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-k4-contact {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-k4-contact h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 20px;\r\n color: var(--fu-dark);\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-k4-contact h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-k4-contact-list {\r\n display: grid;\r\n gap: 14px;\r\n}\r\n\r\n.fu-k4-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n}\r\n\r\n.fu-k4-contact-item > i {\r\n width: 24px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n margin-top: 4px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-k4-contact-item strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-k4-contact-item span,\r\n.fu-k4-contact-item a {\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-k4-contact-item a:hover {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n WEBSEITE\r\n ========================================================= */\r\n\r\n.fu-k4-web {\r\n margin-top: 22px;\r\n}\r\n\r\n.fu-k4-web a {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 10px;\r\n padding: 11px 17px;\r\n font-weight: 600;\r\n transition: background 0.2s ease;\r\n}\r\n\r\n.fu-k4-web a:hover {\r\n background: var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-k4-related {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-k4-related h2 {\r\n margin: 0 0 8px;\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-k4-related-intro {\r\n margin: 0 0 20px;\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-k4-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 14px;\r\n}\r\n\r\n.fu-k4-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n padding: 15px 17px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.fu-k4-related a i {\r\n color: var(--fu-orange);\r\n font-size: 1.2rem;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-k4-related a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n.fu-k4-related a:hover i {\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-k4-back {\r\n margin-top: 30px;\r\n text-align: center;\r\n}\r\n\r\n.fu-k4-back a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n.fu-k4-back a:hover {\r\n color: var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 850px) {\r\n\r\n .fu-k4-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-k4-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 650px) {\r\n\r\n .fu-k4 {\r\n padding: 15px 12px 45px;\r\n font-size: 16px;\r\n }\r\n\r\n .fu-k4-hero {\r\n padding: 30px 23px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-k4-intro,\r\n .fu-k4-card,\r\n .fu-k4-services,\r\n .fu-k4-contact,\r\n .fu-k4-related {\r\n padding: 22px;\r\n }\r\n\r\n .fu-k4-offers,\r\n .fu-k4-services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 136 ===== */ @scope (.fu-article-136) { \r\n/* =========================================================\r\n FAST UMSONST – OBOLUS KINDERHAUSER SOZIALLADEN\r\n ========================================================= */\r\n\r\n.fu-obolus {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 17px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-obolus * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-obolus a {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n/* HERO */\r\n.fu-obolus-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 28px rgba(23, 56, 47, 0.16);\r\n}\r\n\r\n.fu-obolus-hero h1 {\r\n margin: 0 0 12px;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-obolus-hero p {\r\n max-width: 900px;\r\n margin: 0;\r\n font-size: 1.08rem;\r\n opacity: 0.96;\r\n}\r\n\r\n/* SPRUNGNAVIGATION */\r\n.fu-obolus-jumps {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-obolus-jumps strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-obolus-jump-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n.fu-obolus-jump-list a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 14px;\r\n font-size: 0.94rem;\r\n font-weight: 600;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.fu-obolus-jump-list a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n/* INTRO */\r\n.fu-obolus-intro {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px 30px;\r\n margin-bottom: 32px;\r\n box-shadow: 0 5px 18px rgba(38, 51, 47, 0.07);\r\n}\r\n\r\n.fu-obolus-intro h2 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-obolus-intro p {\r\n margin: 0;\r\n}\r\n\r\n/* CONTENT GRID */\r\n.fu-obolus-grid {\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr;\r\n gap: 22px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-obolus-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n box-shadow: 0 5px 18px rgba(38, 51, 47, 0.07);\r\n}\r\n\r\n.fu-obolus-card h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 16px;\r\n color: var(--fu-dark);\r\n font-size: 1.5rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-obolus-card h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-obolus-card p {\r\n margin: 0 0 15px;\r\n}\r\n\r\n.fu-obolus-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* ANGEBOT */\r\n.fu-obolus-offers {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 13px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-obolus-offer {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n background: var(--fu-light);\r\n border-radius: 12px;\r\n padding: 14px 15px;\r\n}\r\n\r\n.fu-obolus-offer i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 2px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-obolus-offer strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n line-height: 1.4;\r\n}\r\n\r\n/* BERECHTIGUNG */\r\n.fu-obolus-permission {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-obolus-permission h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 10px;\r\n color: var(--fu-dark);\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-obolus-permission h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-obolus-permission p {\r\n margin: 0 0 14px;\r\n}\r\n\r\n.fu-obolus-permission ul {\r\n margin: 0;\r\n padding-left: 1.4rem;\r\n}\r\n\r\n.fu-obolus-permission li {\r\n margin-bottom: 5px;\r\n}\r\n\r\n/* KONTAKT */\r\n.fu-obolus-contact {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-obolus-contact h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 20px;\r\n color: var(--fu-dark);\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-obolus-contact h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-obolus-contact-list {\r\n display: grid;\r\n gap: 14px;\r\n}\r\n\r\n.fu-obolus-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n}\r\n\r\n.fu-obolus-contact-item > i {\r\n width: 24px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n margin-top: 4px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-obolus-contact-item strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-obolus-contact-item span,\r\n.fu-obolus-contact-item a {\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-obolus-contact-item a:hover {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* OFFIZIELLE SEITE */\r\n.fu-obolus-web {\r\n margin-top: 22px;\r\n}\r\n\r\n.fu-obolus-web a {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 10px;\r\n padding: 11px 17px;\r\n font-weight: 600;\r\n transition: background 0.2s ease;\r\n}\r\n\r\n.fu-obolus-web a:hover {\r\n background: var(--fu-dark);\r\n}\r\n\r\n/* HINWEIS */\r\n.fu-obolus-note {\r\n background: #fff;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 19px 22px;\r\n margin-bottom: 35px;\r\n box-shadow: 0 4px 15px rgba(38, 51, 47, 0.06);\r\n}\r\n\r\n.fu-obolus-note strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* PASSENDE INFORMATIONEN */\r\n.fu-obolus-related {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-obolus-related h2 {\r\n margin: 0 0 8px;\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-obolus-related-intro {\r\n margin: 0 0 20px;\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-obolus-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 14px;\r\n}\r\n\r\n.fu-obolus-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n padding: 15px 17px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.fu-obolus-related a i {\r\n color: var(--fu-orange);\r\n font-size: 1.2rem;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-obolus-related a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n.fu-obolus-related a:hover i {\r\n color: #fff;\r\n}\r\n\r\n/* ZURÜCK */\r\n.fu-obolus-back {\r\n margin-top: 30px;\r\n text-align: center;\r\n}\r\n\r\n.fu-obolus-back a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n.fu-obolus-back a:hover {\r\n color: var(--fu-orange);\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (max-width: 850px) {\r\n .fu-obolus-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-obolus-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n .fu-obolus {\r\n padding: 15px 12px 45px;\r\n font-size: 16px;\r\n }\r\n\r\n .fu-obolus-hero {\r\n padding: 30px 23px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-obolus-intro,\r\n .fu-obolus-card,\r\n .fu-obolus-permission,\r\n .fu-obolus-contact,\r\n .fu-obolus-related {\r\n padding: 22px;\r\n }\r\n\r\n .fu-obolus-offers {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 137 ===== */ @scope (.fu-article-137) { \r\n/* =========================================================\r\n FAST UMSONST – RUCK ZUCK\r\n Secondhand / Möbel & Trödel\r\n ========================================================= */\r\n\r\n.fu-ruckzuck {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-accent: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n --fu-white: #ffffff;\r\n\r\n max-width: 1050px;\r\n margin: 0 auto;\r\n padding: 10px 20px 50px;\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-ruckzuck h2,\r\n.fu-ruckzuck h3,\r\n.fu-ruckzuck h4 {\r\n color: var(--fu-brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-ruckzuck a {\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-ruckzuck a:hover {\r\n color: var(--fu-accent);\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-ruckzuck .fu-hero {\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(\r\n 135deg,\r\n var(--fu-brand-dark),\r\n var(--fu-brand)\r\n );\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 12px 30px rgba(23, 56, 47, 0.16);\r\n}\r\n\r\n.fu-ruckzuck .fu-hero::after {\r\n content: \"\\F52C\";\r\n font-family: \"bootstrap-icons\";\r\n position: absolute;\r\n right: 32px;\r\n bottom: -25px;\r\n font-size: 9rem;\r\n opacity: 0.08;\r\n}\r\n\r\n.fu-ruckzuck .fu-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 6px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,0.12);\r\n font-size: 0.88rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-ruckzuck .fu-hero h2 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n margin: 0 0 12px;\r\n}\r\n\r\n.fu-ruckzuck .fu-hero p {\r\n max-width: 760px;\r\n margin: 0;\r\n color: rgba(255,255,255,0.92);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* SPRUNGNAVIGATION */\r\n\r\n.fu-ruckzuck .fu-jumpbox {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 20px 22px;\r\n margin-bottom: 32px;\r\n box-shadow: 0 7px 20px rgba(38,51,47,0.06);\r\n}\r\n\r\n.fu-ruckzuck .fu-jump-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin-bottom: 13px;\r\n color: var(--fu-brand-dark);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-ruckzuck .fu-jumps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-ruckzuck .fu-jumps a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 13px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n background: #fff;\r\n text-decoration: none;\r\n font-size: 0.92rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-ruckzuck .fu-jumps a:hover {\r\n background: var(--fu-light);\r\n border-color: var(--fu-brand);\r\n}\r\n\r\n/* EINLEITUNG */\r\n\r\n.fu-ruckzuck .fu-intro {\r\n background: #fff;\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 0 16px 16px 0;\r\n padding: 22px 25px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 6px 18px rgba(38,51,47,0.06);\r\n}\r\n\r\n.fu-ruckzuck .fu-intro strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* INFO GRID */\r\n\r\n.fu-ruckzuck .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: 1.15fr 0.85fr;\r\n gap: 22px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-ruckzuck .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 26px;\r\n box-shadow: 0 7px 20px rgba(38,51,47,0.07);\r\n}\r\n\r\n.fu-ruckzuck .fu-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 18px;\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-ruckzuck .fu-card h3 i {\r\n color: var(--fu-brand);\r\n}\r\n\r\n/* ADRESSE */\r\n\r\n.fu-ruckzuck .fu-address {\r\n font-style: normal;\r\n margin: 0;\r\n}\r\n\r\n.fu-ruckzuck .fu-address strong {\r\n display: block;\r\n color: var(--fu-brand-dark);\r\n font-size: 1.15rem;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-ruckzuck .fu-address a {\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n/* ÖFFNUNGSZEITEN */\r\n\r\n.fu-ruckzuck .fu-hours {\r\n display: grid;\r\n gap: 10px;\r\n}\r\n\r\n.fu-ruckzuck .fu-hours-row {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 15px;\r\n padding: 11px 13px;\r\n border-radius: 10px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-ruckzuck .fu-hours-row strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* ANGEBOT */\r\n\r\n.fu-ruckzuck .fu-section {\r\n scroll-margin-top: 100px;\r\n margin-top: 36px;\r\n}\r\n\r\n.fu-ruckzuck .fu-section-heading {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-ruckzuck .fu-section-icon {\r\n flex: 0 0 46px;\r\n width: 46px;\r\n height: 46px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 13px;\r\n background: var(--fu-light);\r\n color: var(--fu-brand);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-ruckzuck .fu-section-heading h3 {\r\n margin: 0;\r\n font-size: 1.65rem;\r\n}\r\n\r\n.fu-ruckzuck .fu-section-heading p {\r\n margin: 5px 0 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-ruckzuck .fu-offer {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 20px rgba(38,51,47,0.06);\r\n}\r\n\r\n.fu-ruckzuck .fu-offer-list {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px 22px;\r\n margin: 20px 0 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n.fu-ruckzuck .fu-offer-list li {\r\n position: relative;\r\n padding: 11px 13px 11px 38px;\r\n border-radius: 11px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-ruckzuck .fu-offer-list li::before {\r\n content: \"\\F633\";\r\n font-family: \"bootstrap-icons\";\r\n position: absolute;\r\n left: 13px;\r\n top: 11px;\r\n color: var(--fu-brand);\r\n}\r\n\r\n/* HINWEIS */\r\n\r\n.fu-ruckzuck .fu-note {\r\n margin-top: 24px;\r\n padding: 18px 20px;\r\n border-radius: 15px;\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-ruckzuck .fu-note strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* PASSENDE INFORMATIONEN */\r\n\r\n.fu-ruckzuck .fu-related {\r\n margin-top: 45px;\r\n padding: 30px;\r\n border-radius: 20px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-ruckzuck .fu-related h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 8px;\r\n}\r\n\r\n.fu-ruckzuck .fu-related-intro {\r\n color: var(--fu-muted);\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-ruckzuck .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 15px;\r\n}\r\n\r\n.fu-ruckzuck .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 140px;\r\n padding: 20px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n text-decoration: none;\r\n box-shadow: 0 5px 15px rgba(38,51,47,0.05);\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.fu-ruckzuck .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 22px rgba(38,51,47,0.09);\r\n}\r\n\r\n.fu-ruckzuck .fu-related-card i {\r\n font-size: 1.4rem;\r\n color: var(--fu-brand);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-ruckzuck .fu-related-card strong {\r\n color: var(--fu-brand-dark);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-ruckzuck .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: 0.92rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* CTA */\r\n\r\n.fu-ruckzuck .fu-cta {\r\n margin-top: 28px;\r\n padding: 27px 30px;\r\n border-radius: 19px;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n text-align: center;\r\n box-shadow: 0 10px 25px rgba(23,56,47,0.13);\r\n}\r\n\r\n.fu-ruckzuck .fu-cta h3 {\r\n color: #fff;\r\n margin: 0 0 8px;\r\n}\r\n\r\n.fu-ruckzuck .fu-cta p {\r\n max-width: 720px;\r\n margin: 0 auto;\r\n color: rgba(255,255,255,0.9);\r\n}\r\n\r\n/* NACH OBEN */\r\n\r\n.fu-ruckzuck .fu-back {\r\n text-align: right;\r\n margin-top: 16px;\r\n}\r\n\r\n.fu-ruckzuck .fu-back a {\r\n font-size: 0.9rem;\r\n color: var(--fu-muted);\r\n text-decoration: none;\r\n}\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (max-width: 800px) {\r\n .fu-ruckzuck {\r\n padding-left: 14px;\r\n padding-right: 14px;\r\n }\r\n\r\n .fu-ruckzuck .fu-info-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-ruckzuck .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-ruckzuck .fu-offer-list {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-ruckzuck .fu-hero {\r\n padding: 29px 21px;\r\n border-radius: 17px;\r\n }\r\n\r\n .fu-ruckzuck .fu-card,\r\n .fu-ruckzuck .fu-offer,\r\n .fu-ruckzuck .fu-related {\r\n padding: 20px;\r\n }\r\n\r\n .fu-ruckzuck .fu-hours-row {\r\n flex-direction: column;\r\n gap: 2px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 138 ===== */ @scope (.fu-article-138) { \r\n/* =========================================================\r\n FAST UMSONST – RÜMPELFIX HFR\r\n Secondhand / Möbel & Trödel\r\n ========================================================= */\r\n\r\n.fu-ruempelfix {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-accent: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1080px;\r\n margin: 0 auto;\r\n padding: 10px 20px 50px;\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-ruempelfix h2,\r\n.fu-ruempelfix h3,\r\n.fu-ruempelfix h4 {\r\n color: var(--fu-brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-ruempelfix a {\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-ruempelfix a:hover {\r\n color: var(--fu-accent);\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-ruempelfix .fu-hero {\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, var(--fu-brand-dark), var(--fu-brand));\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 12px 30px rgba(23, 56, 47, 0.16);\r\n}\r\n\r\n.fu-ruempelfix .fu-hero::after {\r\n content: \"\\F52C\";\r\n font-family: \"bootstrap-icons\";\r\n position: absolute;\r\n right: 32px;\r\n bottom: -25px;\r\n font-size: 9rem;\r\n opacity: 0.08;\r\n}\r\n\r\n.fu-ruempelfix .fu-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 6px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,0.12);\r\n font-size: 0.88rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-ruempelfix .fu-hero h2 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n margin: 0 0 14px;\r\n}\r\n\r\n.fu-ruempelfix .fu-hero p {\r\n max-width: 800px;\r\n margin: 0;\r\n color: rgba(255,255,255,0.93);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* SPRUNGNAVIGATION */\r\n\r\n.fu-ruempelfix .fu-jumpbox {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 21px 23px;\r\n margin-bottom: 32px;\r\n box-shadow: 0 7px 20px rgba(38,51,47,0.06);\r\n}\r\n\r\n.fu-ruempelfix .fu-jump-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin-bottom: 14px;\r\n color: var(--fu-brand-dark);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-ruempelfix .fu-jumps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-ruempelfix .fu-jumps a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 13px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n background: #fff;\r\n text-decoration: none;\r\n font-size: 0.92rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-ruempelfix .fu-jumps a:hover {\r\n background: var(--fu-light);\r\n border-color: var(--fu-brand);\r\n}\r\n\r\n/* INTRO */\r\n\r\n.fu-ruempelfix .fu-intro {\r\n background: #fff;\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 0 16px 16px 0;\r\n padding: 23px 26px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 6px 18px rgba(38,51,47,0.06);\r\n}\r\n\r\n.fu-ruempelfix .fu-intro strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-ruempelfix .fu-section {\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-ruempelfix .fu-section-heading {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-ruempelfix .fu-section-icon {\r\n flex: 0 0 46px;\r\n width: 46px;\r\n height: 46px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 13px;\r\n background: var(--fu-light);\r\n color: var(--fu-brand);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-ruempelfix .fu-section-heading h3 {\r\n margin: 0;\r\n font-size: 1.65rem;\r\n}\r\n\r\n.fu-ruempelfix .fu-section-heading p {\r\n margin: 5px 0 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* ANGEBOT */\r\n\r\n.fu-ruempelfix .fu-offer {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 27px;\r\n box-shadow: 0 7px 20px rgba(38,51,47,0.07);\r\n}\r\n\r\n.fu-ruempelfix .fu-offer-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 13px;\r\n margin-top: 22px;\r\n}\r\n\r\n.fu-ruempelfix .fu-offer-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n padding: 14px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n}\r\n\r\n.fu-ruempelfix .fu-offer-item i {\r\n flex: 0 0 auto;\r\n color: var(--fu-brand);\r\n font-size: 1.2rem;\r\n margin-top: 2px;\r\n}\r\n\r\n.fu-ruempelfix .fu-offer-item strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* SOZIALES */\r\n\r\n.fu-ruempelfix .fu-social {\r\n display: grid;\r\n grid-template-columns: 0.8fr 1.2fr;\r\n gap: 22px;\r\n}\r\n\r\n.fu-ruempelfix .fu-social-card {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 26px;\r\n}\r\n\r\n.fu-ruempelfix .fu-social-card h4 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 14px;\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-ruempelfix .fu-social-card h4 i {\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-ruempelfix .fu-social-card p {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* KONTAKT */\r\n\r\n.fu-ruempelfix .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 22px;\r\n}\r\n\r\n.fu-ruempelfix .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 26px;\r\n box-shadow: 0 7px 20px rgba(38,51,47,0.07);\r\n}\r\n\r\n.fu-ruempelfix .fu-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 18px;\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-ruempelfix .fu-card h3 i {\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-ruempelfix .fu-address {\r\n font-style: normal;\r\n}\r\n\r\n.fu-ruempelfix .fu-address strong {\r\n display: block;\r\n color: var(--fu-brand-dark);\r\n font-size: 1.15rem;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-ruempelfix .fu-address a {\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n/* ÖFFNUNGSZEITEN */\r\n\r\n.fu-ruempelfix .fu-hours {\r\n display: grid;\r\n gap: 10px;\r\n}\r\n\r\n.fu-ruempelfix .fu-hours-row {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 15px;\r\n padding: 11px 13px;\r\n border-radius: 10px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-ruempelfix .fu-hours-row strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* HINWEIS */\r\n\r\n.fu-ruempelfix .fu-note {\r\n margin-top: 22px;\r\n padding: 18px 20px;\r\n border-radius: 15px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-ruempelfix .fu-note strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* PASSENDE INFORMATIONEN */\r\n\r\n.fu-ruempelfix .fu-related {\r\n margin-top: 46px;\r\n padding: 30px;\r\n border-radius: 20px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-ruempelfix .fu-related h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 8px;\r\n}\r\n\r\n.fu-ruempelfix .fu-related-intro {\r\n color: var(--fu-muted);\r\n margin-bottom: 22px;\r\n}\r\n\r\n.fu-ruempelfix .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-ruempelfix .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 145px;\r\n padding: 20px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n text-decoration: none;\r\n box-shadow: 0 5px 15px rgba(38,51,47,0.05);\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.fu-ruempelfix .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 22px rgba(38,51,47,0.09);\r\n}\r\n\r\n.fu-ruempelfix .fu-related-card i {\r\n font-size: 1.4rem;\r\n color: var(--fu-brand);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-ruempelfix .fu-related-card strong {\r\n color: var(--fu-brand-dark);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-ruempelfix .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: 0.92rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* CTA */\r\n\r\n.fu-ruempelfix .fu-cta {\r\n margin-top: 28px;\r\n padding: 28px 30px;\r\n border-radius: 19px;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n text-align: center;\r\n box-shadow: 0 10px 25px rgba(23,56,47,0.13);\r\n}\r\n\r\n.fu-ruempelfix .fu-cta h3 {\r\n color: #fff;\r\n margin: 0 0 8px;\r\n}\r\n\r\n.fu-ruempelfix .fu-cta p {\r\n max-width: 760px;\r\n margin: 0 auto;\r\n color: rgba(255,255,255,0.9);\r\n}\r\n\r\n/* NACH OBEN */\r\n\r\n.fu-ruempelfix .fu-back {\r\n text-align: right;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-ruempelfix .fu-back a {\r\n font-size: 0.9rem;\r\n color: var(--fu-muted);\r\n text-decoration: none;\r\n}\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (max-width: 800px) {\r\n .fu-ruempelfix {\r\n padding-left: 14px;\r\n padding-right: 14px;\r\n }\r\n\r\n .fu-ruempelfix .fu-social,\r\n .fu-ruempelfix .fu-info-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-ruempelfix .fu-related-grid,\r\n .fu-ruempelfix .fu-offer-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-ruempelfix .fu-hero {\r\n padding: 29px 21px;\r\n border-radius: 17px;\r\n }\r\n\r\n .fu-ruempelfix .fu-offer,\r\n .fu-ruempelfix .fu-card,\r\n .fu-ruempelfix .fu-related,\r\n .fu-ruempelfix .fu-social-card {\r\n padding: 20px;\r\n }\r\n\r\n .fu-ruempelfix .fu-hours-row {\r\n flex-direction: column;\r\n gap: 2px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 139 ===== */ @scope (.fu-article-139) { \r\n/* =========================================================\r\n FAST UMSONST – T|RAUMLAND MÜNSTER\r\n Modernes Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-traumland {\r\n --fu-brand: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-accent: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 20px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-traumland * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-traumland a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-traumland a:hover {\r\n color: var(--fu-accent);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-traumland .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 12px 32px rgba(23, 56, 47, 0.18);\r\n}\r\n\r\n.fu-traumland .fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n opacity: .9;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-traumland .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3.1rem);\r\n line-height: 1.12;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-traumland .fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.12rem;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-traumland .fu-jump {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 0 0 34px;\r\n padding: 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-traumland .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 14px;\r\n background: var(--fu-light);\r\n border-radius: 999px;\r\n font-size: .94rem;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-traumland .fu-jump a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-traumland .fu-section {\r\n margin: 0 0 36px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-traumland .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 16px;\r\n color: var(--fu-dark);\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n line-height: 1.25;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-traumland .fu-section h2 i {\r\n color: var(--fu-accent);\r\n}\r\n\r\n.fu-traumland .fu-lead {\r\n font-size: 1.12rem;\r\n margin-bottom: 22px;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-traumland .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-traumland .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(23,56,47,.08);\r\n}\r\n\r\n.fu-traumland .fu-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 10px;\r\n color: var(--fu-dark);\r\n font-size: 1.2rem;\r\n line-height: 1.35;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-traumland .fu-card h3 i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-traumland .fu-card p {\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-traumland .fu-highlight {\r\n background: var(--fu-light);\r\n border-left: 5px solid var(--fu-brand);\r\n border-radius: 14px;\r\n padding: 22px 24px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-traumland .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n SOZIALES / NACHHALTIGKEIT\r\n ========================================================= */\r\n\r\n.fu-traumland .fu-social {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-traumland .fu-social-card {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-traumland .fu-social-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 10px;\r\n color: var(--fu-dark);\r\n font-size: 1.2rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-traumland .fu-social-card h3 i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-traumland .fu-social-card p {\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-traumland .fu-contact {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);\r\n gap: 20px;\r\n}\r\n\r\n.fu-traumland .fu-contact-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 26px;\r\n box-shadow: 0 7px 22px rgba(23,56,47,.08);\r\n}\r\n\r\n.fu-traumland .fu-contact-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n margin: 0 0 16px;\r\n}\r\n\r\n.fu-traumland .fu-contact-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-traumland .fu-contact-row i {\r\n flex: 0 0 24px;\r\n color: var(--fu-accent);\r\n font-size: 1.2rem;\r\n margin-top: 3px;\r\n}\r\n\r\n.fu-traumland .fu-contact-row strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n ÖFFNUNGSZEITEN\r\n ========================================================= */\r\n\r\n.fu-traumland .fu-hours {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 26px;\r\n}\r\n\r\n.fu-traumland .fu-hours h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-traumland .fu-hours h3 i {\r\n color: var(--fu-accent);\r\n}\r\n\r\n.fu-traumland .fu-hour {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 20px;\r\n padding: 10px 0;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-traumland .fu-hour:last-child {\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-traumland .fu-hour strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-traumland .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-traumland .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(23,56,47,.08);\r\n}\r\n\r\n.fu-traumland .fu-related-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 10px;\r\n color: var(--fu-dark);\r\n font-size: 1.15rem;\r\n line-height: 1.35;\r\n}\r\n\r\n.fu-traumland .fu-related-card h3 i {\r\n color: var(--fu-accent);\r\n}\r\n\r\n.fu-traumland .fu-related-card p {\r\n flex-grow: 1;\r\n margin: 0 0 18px;\r\n color: var(--fu-muted);\r\n font-size: .98rem;\r\n}\r\n\r\n.fu-traumland .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n width: 100%;\r\n padding: 11px 15px;\r\n border-radius: 10px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-traumland .fu-button:hover {\r\n background: var(--fu-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n EXTERNER LINK\r\n ========================================================= */\r\n\r\n.fu-traumland .fu-external {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 18px;\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-traumland .fu-cta {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 30px;\r\n text-align: center;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.15);\r\n}\r\n\r\n.fu-traumland .fu-cta h2 {\r\n justify-content: center;\r\n color: #fff;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-traumland .fu-cta h2 i {\r\n color: #fff;\r\n}\r\n\r\n.fu-traumland .fu-cta p {\r\n max-width: 760px;\r\n margin: 0 auto 20px;\r\n color: rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-traumland .fu-cta .fu-button {\r\n display: inline-flex;\r\n width: auto;\r\n min-width: 230px;\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-traumland .fu-cta .fu-button:hover {\r\n background: var(--fu-paper);\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-traumland .fu-top {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 18px;\r\n font-size: .92rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 850px) {\r\n .fu-traumland .fu-grid,\r\n .fu-traumland .fu-social,\r\n .fu-traumland .fu-contact,\r\n .fu-traumland .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-traumland .fu-hero {\r\n padding: 32px 25px;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .fu-traumland {\r\n padding: 10px 12px 45px;\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-traumland .fu-hero {\r\n border-radius: 17px;\r\n padding: 28px 20px;\r\n }\r\n\r\n .fu-traumland .fu-card,\r\n .fu-traumland .fu-social-card,\r\n .fu-traumland .fu-contact-card,\r\n .fu-traumland .fu-hours,\r\n .fu-traumland .fu-related-card {\r\n padding: 20px;\r\n }\r\n\r\n .fu-traumland .fu-hour {\r\n flex-direction: column;\r\n gap: 2px;\r\n }\r\n\r\n .fu-traumland .fu-jump {\r\n padding: 12px;\r\n }\r\n\r\n .fu-traumland .fu-jump a {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 140 ===== */ @scope (.fu-article-140) { \r\n.fu-buecher {\r\n --green: #1f4b3f;\r\n --green-dark: #16382f;\r\n --paper: #faf8f4;\r\n --soft: #eef3ef;\r\n --line: #dce5df;\r\n --text: #26322d;\r\n --muted: #66736d;\r\n --white: #ffffff;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n padding: 10px 18px 60px;\r\n color: var(--text);\r\n font-size: 16px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-buecher * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-buecher a {\r\n color: inherit;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n========================================================= */\r\n\r\n.fu-buecher .fu-hero {\r\n background:\r\n linear-gradient(135deg, rgba(31,75,63,.98), rgba(22,56,47,.94));\r\n color: #fff;\r\n border-radius: 24px;\r\n padding: 46px 38px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-buecher .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,.14);\r\n border-radius: 18px;\r\n font-size: 30px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-buecher .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n margin: 0 0 16px;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-buecher .fu-hero p {\r\n max-width: 850px;\r\n margin: 0;\r\n font-size: 1.08rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n========================================================= */\r\n\r\n.fu-buecher .fu-intro {\r\n background: var(--white);\r\n border-radius: 20px;\r\n padding: 30px 32px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 20px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-buecher .fu-intro h2 {\r\n color: var(--green);\r\n margin-top: 0;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n========================================================= */\r\n\r\n.fu-buecher .fu-jumps {\r\n background: var(--soft);\r\n border: 1px solid var(--line);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 28px 0 38px;\r\n}\r\n\r\n.fu-buecher .fu-jumps-title {\r\n font-weight: 700;\r\n color: var(--green-dark);\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-buecher .fu-jumps-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-buecher .fu-jump {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n color: var(--green-dark);\r\n border: 1px solid var(--line);\r\n border-radius: 999px;\r\n padding: 9px 15px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: .94rem;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-buecher .fu-jump:hover {\r\n background: var(--green);\r\n color: #fff;\r\n border-color: var(--green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n SECTION\r\n========================================================= */\r\n\r\n.fu-buecher .fu-section {\r\n margin: 46px 0;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-buecher .fu-section-head {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-buecher .fu-section-icon {\r\n flex: 0 0 48px;\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 14px;\r\n background: var(--soft);\r\n color: var(--green);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px;\r\n}\r\n\r\n.fu-buecher .fu-section h2 {\r\n margin: 0;\r\n color: var(--green);\r\n font-size: 1.7rem;\r\n}\r\n\r\n.fu-buecher .fu-section-intro {\r\n color: var(--muted);\r\n margin: 0 0 22px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n========================================================= */\r\n\r\n.fu-buecher .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 20px;\r\n}\r\n\r\n.fu-buecher .fu-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--white);\r\n border: 1px solid var(--line);\r\n border-radius: 19px;\r\n padding: 25px;\r\n text-decoration: none;\r\n box-shadow: 0 5px 18px rgba(0,0,0,.06);\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease,\r\n border-color .2s ease;\r\n}\r\n\r\n.fu-buecher .fu-card:hover {\r\n transform: translateY(-4px);\r\n border-color: rgba(31,75,63,.35);\r\n box-shadow: 0 12px 28px rgba(0,0,0,.11);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-buecher .fu-card-top {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-buecher .fu-card-icon {\r\n flex: 0 0 46px;\r\n width: 46px;\r\n height: 46px;\r\n border-radius: 13px;\r\n background: var(--soft);\r\n color: var(--green);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 21px;\r\n}\r\n\r\n.fu-buecher .fu-card h3 {\r\n color: var(--green-dark);\r\n font-size: 1.2rem;\r\n line-height: 1.25;\r\n margin: 3px 0 0;\r\n}\r\n\r\n.fu-buecher .fu-card p {\r\n margin: 0 0 14px;\r\n color: var(--text);\r\n}\r\n\r\n.fu-buecher .fu-meta {\r\n margin-top: auto;\r\n padding-top: 14px;\r\n border-top: 1px solid #edf1ee;\r\n color: var(--muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-buecher .fu-meta div {\r\n margin: 4px 0;\r\n}\r\n\r\n.fu-buecher .fu-meta i {\r\n width: 20px;\r\n color: var(--green);\r\n}\r\n\r\n/* =========================================================\r\n TAGS\r\n========================================================= */\r\n\r\n.fu-buecher .fu-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 7px;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-buecher .fu-tag {\r\n background: var(--soft);\r\n color: var(--green-dark);\r\n border-radius: 999px;\r\n padding: 4px 9px;\r\n font-size: .78rem;\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n INFO BOX\r\n========================================================= */\r\n\r\n.fu-buecher .fu-info {\r\n background: #f4f7f5;\r\n border-left: 5px solid var(--green);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 28px 0;\r\n}\r\n\r\n.fu-buecher .fu-info strong {\r\n color: var(--green-dark);\r\n}\r\n\r\n/* =========================================================\r\n TOP\r\n========================================================= */\r\n\r\n.fu-buecher .fu-top {\r\n text-align: right;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-buecher .fu-top a {\r\n color: var(--green);\r\n font-size: .9rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-buecher .fu-top a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n========================================================= */\r\n\r\n.fu-buecher .fu-related {\r\n margin-top: 48px;\r\n background: var(--green);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 30px;\r\n}\r\n\r\n.fu-buecher .fu-related h2 {\r\n color: #fff;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-buecher .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-buecher .fu-related a {\r\n display: block;\r\n background: rgba(255,255,255,.11);\r\n border: 1px solid rgba(255,255,255,.18);\r\n color: #fff;\r\n border-radius: 13px;\r\n padding: 13px 15px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-buecher .fu-related a:hover {\r\n background: #fff;\r\n color: var(--green-dark);\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n========================================================= */\r\n\r\n@media (max-width: 800px) {\r\n\r\n .fu-buecher {\r\n padding-left: 12px;\r\n padding-right: 12px;\r\n }\r\n\r\n .fu-buecher .fu-hero {\r\n padding: 34px 24px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-buecher .fu-intro {\r\n padding: 24px 22px;\r\n }\r\n\r\n .fu-buecher .fu-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-buecher .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-buecher .fu-hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .fu-buecher .fu-card {\r\n padding: 21px;\r\n }\r\n\r\n .fu-buecher .fu-jumps-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-buecher .fu-jump {\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 141 ===== */ @scope (.fu-article-141) { \r\n/* =========================================================\r\n FAST UMSONST – HANSawerkstatt / FAHRRAD & HOLZ\r\n Nachfolgeangebot der früheren JIB-Werkstatt\r\n ========================================================= */\r\n\r\n.fu-werkstatt-bside {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:20px 15px 50px;\r\n color:#26332e;\r\n font-size:17px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-werkstatt-bside * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-werkstatt-bside a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-werkstatt-bside a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-werkstatt-bside .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:0 12px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-werkstatt-bside .fu-hero-icon {\r\n width:64px;\r\n height:64px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.14);\r\n font-size:32px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-hero h1 {\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:700;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-hero p {\r\n margin:0;\r\n max-width:850px;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.12rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-werkstatt-bside .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px 28px;\r\n margin-bottom:30px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-werkstatt-bside .fu-intro strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-werkstatt-bside .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 35px;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n font-size:.95rem;\r\n font-weight:600;\r\n box-shadow:0 3px 10px rgba(0,0,0,.04);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n transform:translateY(-1px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-werkstatt-bside .fu-section {\r\n margin:0 0 38px;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-section h2 {\r\n color:var(--fu-dark);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-section h2 i {\r\n color:var(--fu-orange);\r\n margin-right:8px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-werkstatt-bside .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:24px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n height:100%;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-card-icon {\r\n width:48px;\r\n height:48px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:#eef4f1;\r\n color:var(--fu-green);\r\n font-size:23px;\r\n margin-bottom:15px;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-card h3 {\r\n margin:0 0 9px;\r\n color:var(--fu-dark);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-card p {\r\n margin:0;\r\n color:#4d5a55;\r\n}\r\n\r\n\r\n/* =========================================================\r\n TERMINKARTEN\r\n ========================================================= */\r\n\r\n.fu-werkstatt-bside .fu-date-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-date {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:17px;\r\n background:#fff7ed;\r\n border:1px solid #f3d4ad;\r\n border-radius:18px;\r\n padding:24px 25px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-werkstatt-bside .fu-date-icon {\r\n flex:0 0 50px;\r\n width:50px;\r\n height:50px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:#fff;\r\n color:var(--fu-orange);\r\n font-size:24px;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-date h3 {\r\n margin:0 0 5px;\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-date p {\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ADRESSE / KONTAKT\r\n ========================================================= */\r\n\r\n.fu-werkstatt-bside .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-address,\r\n.fu-werkstatt-bside .fu-contactbox {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:25px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-werkstatt-bside .fu-address h3,\r\n.fu-werkstatt-bside .fu-contactbox h3 {\r\n margin:0 0 15px;\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-address p,\r\n.fu-werkstatt-bside .fu-contactbox p {\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-address i,\r\n.fu-werkstatt-bside .fu-contactbox i {\r\n color:var(--fu-orange);\r\n width:24px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n\r\n.fu-werkstatt-bside .fu-routes {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-route {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:600;\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-route:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n INFOBOX\r\n ========================================================= */\r\n\r\n.fu-werkstatt-bside .fu-info {\r\n background:#eef4f1;\r\n border-left:5px solid var(--fu-green);\r\n border-radius:14px;\r\n padding:22px 24px;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-info ul {\r\n margin:0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-info li {\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-info li:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-werkstatt-bside .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:19px;\r\n color:var(--fu-dark);\r\n font-weight:600;\r\n box-shadow:0 6px 18px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-related a:hover {\r\n transform:translateY(-2px);\r\n border-color:#cdd8d3;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-werkstatt-bside .fu-related i {\r\n color:var(--fu-orange);\r\n font-size:21px;\r\n flex:0 0 auto;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-werkstatt-bside .fu-back {\r\n margin-top:35px;\r\n padding-top:25px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-werkstatt-bside .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-weight:700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-werkstatt-bside .fu-grid,\r\n .fu-werkstatt-bside .fu-related {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-werkstatt-bside .fu-date-grid,\r\n .fu-werkstatt-bside .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-werkstatt-bside {\r\n padding:10px 10px 35px;\r\n font-size:16px;\r\n }\r\n\r\n .fu-werkstatt-bside .fu-hero {\r\n padding:30px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-werkstatt-bside .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-werkstatt-bside .fu-grid,\r\n .fu-werkstatt-bside .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-werkstatt-bside .fu-date {\r\n padding:20px;\r\n }\r\n\r\n .fu-werkstatt-bside .fu-routes {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-werkstatt-bside .fu-route {\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 142 ===== */ @scope (.fu-article-142) { \r\n/* =========================================================\r\n FAST UMSONST – RAD-REPARATURSTATION AM AStA-HÄUSCHEN\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-rad-asta {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:20px 15px 50px;\r\n color:#26332e;\r\n font-size:17px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-rad-asta * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-rad-asta a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-rad-asta a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-rad-asta .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:0 12px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-rad-asta .fu-hero-icon {\r\n width:64px;\r\n height:64px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.14);\r\n font-size:32px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-rad-asta .fu-hero h1 {\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:700;\r\n}\r\n\r\n.fu-rad-asta .fu-hero p {\r\n margin:0;\r\n max-width:800px;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.12rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-rad-asta .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px 28px;\r\n margin-bottom:30px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-rad-asta .fu-intro strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-rad-asta .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 35px;\r\n}\r\n\r\n.fu-rad-asta .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n font-size:.95rem;\r\n font-weight:600;\r\n box-shadow:0 3px 10px rgba(0,0,0,.04);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-rad-asta .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n transform:translateY(-1px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-rad-asta .fu-section {\r\n margin:0 0 38px;\r\n}\r\n\r\n.fu-rad-asta .fu-section h2 {\r\n color:var(--fu-dark);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-rad-asta .fu-section h2 i {\r\n color:var(--fu-orange);\r\n margin-right:8px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-rad-asta .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-rad-asta .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:24px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n height:100%;\r\n}\r\n\r\n.fu-rad-asta .fu-card-icon {\r\n width:48px;\r\n height:48px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:#eef4f1;\r\n color:var(--fu-green);\r\n font-size:23px;\r\n margin-bottom:15px;\r\n}\r\n\r\n.fu-rad-asta .fu-card h3 {\r\n margin:0 0 9px;\r\n color:var(--fu-dark);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-rad-asta .fu-card p {\r\n margin:0;\r\n color:#4d5a55;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-rad-asta .fu-highlight {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:18px;\r\n background:#fff7ed;\r\n border:1px solid #f3d4ad;\r\n border-radius:18px;\r\n padding:24px 26px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-rad-asta .fu-highlight-icon {\r\n flex:0 0 50px;\r\n width:50px;\r\n height:50px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:#fff;\r\n color:var(--fu-orange);\r\n font-size:24px;\r\n}\r\n\r\n.fu-rad-asta .fu-highlight h3 {\r\n margin:0 0 5px;\r\n color:var(--fu-dark);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-rad-asta .fu-highlight p {\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ADRESSE\r\n ========================================================= */\r\n\r\n.fu-rad-asta .fu-address {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:25px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-rad-asta .fu-address h3 {\r\n margin:0 0 15px;\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-rad-asta .fu-address p {\r\n margin:0;\r\n}\r\n\r\n.fu-rad-asta .fu-address i {\r\n color:var(--fu-orange);\r\n width:24px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n\r\n.fu-rad-asta .fu-routes {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-rad-asta .fu-route {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:600;\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-rad-asta .fu-route:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n GUT ZU WISSEN\r\n ========================================================= */\r\n\r\n.fu-rad-asta .fu-info {\r\n background:#eef4f1;\r\n border-left:5px solid var(--fu-green);\r\n border-radius:14px;\r\n padding:22px 24px;\r\n}\r\n\r\n.fu-rad-asta .fu-info ul {\r\n margin:0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-rad-asta .fu-info li {\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-rad-asta .fu-info li:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-rad-asta .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-rad-asta .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:19px;\r\n color:var(--fu-dark);\r\n font-weight:600;\r\n box-shadow:0 6px 18px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-rad-asta .fu-related a:hover {\r\n transform:translateY(-2px);\r\n border-color:#cdd8d3;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-rad-asta .fu-related i {\r\n color:var(--fu-orange);\r\n font-size:21px;\r\n flex:0 0 auto;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-rad-asta .fu-back {\r\n margin-top:35px;\r\n padding-top:25px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-rad-asta .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-weight:700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n .fu-rad-asta .fu-grid,\r\n .fu-rad-asta .fu-related {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-rad-asta {\r\n padding:10px 10px 35px;\r\n font-size:16px;\r\n }\r\n\r\n .fu-rad-asta .fu-hero {\r\n padding:30px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-rad-asta .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-rad-asta .fu-grid,\r\n .fu-rad-asta .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-rad-asta .fu-highlight {\r\n padding:20px;\r\n }\r\n\r\n .fu-rad-asta .fu-routes {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-rad-asta .fu-route {\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 143 ===== */ @scope (.fu-article-143) { \r\n/* =========================================================\r\n GRUNDLAYOUT\r\n ========================================================= */\r\n\r\n.fu-repair-emmerbach {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-green-light: #edf4f0;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736d;\r\n --fu-border: #e4e7e3;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.10);\r\n --fu-shadow-hover: 0 14px 32px rgba(31,75,63,.16);\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-repair-emmerbach .fu-hero {\r\n background: linear-gradient(135deg, #1f4b3f 0%, #285d4e 100%);\r\n color: #fff;\r\n padding: 46px 34px;\r\n border-radius: 22px;\r\n margin-bottom: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-emmerbach .fu-hero-icon {\r\n display: block;\r\n font-size: 2.8rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n margin: 0 0 14px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-hero p {\r\n color: rgba(255,255,255,.95);\r\n font-size: 1.12rem;\r\n line-height: 1.7;\r\n margin: 0;\r\n max-width: 920px;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-repair-emmerbach .fu-intro {\r\n background: var(--fu-paper);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 14px;\r\n padding: 23px 25px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-intro p {\r\n margin: 0;\r\n line-height: 1.75;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-repair-emmerbach .fu-jumps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-jump {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n border: 1px solid var(--fu-border);\r\n padding: 10px 15px;\r\n border-radius: 999px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n box-shadow: 0 3px 10px rgba(0,0,0,.04);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-jump:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-repair-emmerbach .fu-section {\r\n margin-bottom: 44px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-green);\r\n font-size: 1.7rem;\r\n font-weight: 700;\r\n margin: 0 0 9px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-section-title i {\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-section-intro {\r\n color: var(--fu-muted);\r\n line-height: 1.7;\r\n margin: 0 0 21px;\r\n}\r\n\r\n/* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n.fu-repair-emmerbach .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-info-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-emmerbach .fu-info-card.highlight {\r\n border: 2px solid rgba(31,75,63,.20);\r\n}\r\n\r\n.fu-repair-emmerbach .fu-card-icon {\r\n width: 48px;\r\n height: 48px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--fu-green-light);\r\n color: var(--fu-green);\r\n border-radius: 12px;\r\n font-size: 1.45rem;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-info-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.18rem;\r\n line-height: 1.3;\r\n margin: 0 0 12px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-info-card p {\r\n color: var(--fu-muted);\r\n line-height: 1.65;\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n DETAILS\r\n ========================================================= */\r\n\r\n.fu-repair-emmerbach .fu-details {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-detail {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n line-height: 1.55;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-detail i {\r\n color: var(--fu-green);\r\n margin-top: 3px;\r\n min-width: 18px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-detail strong {\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-repair-emmerbach .fu-detail a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-detail a:hover {\r\n color: var(--fu-green-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n TERMIN\r\n ========================================================= */\r\n\r\n.fu-repair-emmerbach .fu-date {\r\n background: var(--fu-green-light);\r\n border-radius: 14px;\r\n padding: 20px 22px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-date strong {\r\n display: block;\r\n color: var(--fu-green);\r\n font-size: 1.05rem;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-date span {\r\n color: var(--fu-text);\r\n line-height: 1.6;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-repair-emmerbach .fu-note {\r\n background: #f4f6f4;\r\n border-radius: 14px;\r\n padding: 20px 22px;\r\n margin-top: 20px;\r\n color: var(--fu-muted);\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-note strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n ROUTE-BUTTONS\r\n ========================================================= */\r\n\r\n.fu-repair-emmerbach .fu-route {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-route-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n border: 1px solid var(--fu-green);\r\n border-radius: 10px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n box-shadow: 0 4px 12px rgba(31,75,63,.12);\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease,\r\n background .2s ease;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-route-btn:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 7px 18px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-repair-emmerbach .fu-route-btn i {\r\n font-size: 1.05rem;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-route-secondary {\r\n background: #fff;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-repair-emmerbach .fu-route-secondary:hover {\r\n background: var(--fu-green-light);\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-repair-emmerbach .fu-links {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: var(--fu-shadow);\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease,\r\n border-color .2s ease;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-link-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--fu-shadow-hover);\r\n border-color: rgba(31,75,63,.30);\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-repair-emmerbach .fu-link-card .fu-card-icon {\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-link-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.12rem;\r\n line-height: 1.35;\r\n margin: 0 0 8px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-link-card p {\r\n color: var(--fu-muted);\r\n line-height: 1.55;\r\n margin: 0 0 15px;\r\n flex-grow: 1;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-link-arrow {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-repair-emmerbach .fu-back {\r\n text-align: center;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-back a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-emmerbach .fu-back a:hover {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 991px) {\r\n\r\n .fu-repair-emmerbach .fu-info-grid,\r\n .fu-repair-emmerbach .fu-links {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-repair-emmerbach .fu-hero {\r\n padding: 32px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-repair-emmerbach .fu-info-grid,\r\n .fu-repair-emmerbach .fu-links {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-repair-emmerbach .fu-jumps {\r\n gap: 8px;\r\n }\r\n\r\n .fu-repair-emmerbach .fu-jump {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .fu-repair-emmerbach .fu-route {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-repair-emmerbach .fu-route-btn {\r\n width: 100%;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 144 ===== */ @scope (.fu-article-144) { \r\n/* =========================================================\r\n FAST UMSONST – REPAIR CAFÉ IN COERDE\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-repair-coerde {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-green-light: #edf4f0;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736d;\r\n --fu-border: #e4e7e3;\r\n --fu-orange: #d97706;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.10);\r\n --fu-shadow-hover: 0 14px 32px rgba(31,75,63,.16);\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-repair-coerde .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-green-dark));\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-coerde .fu-hero-icon {\r\n font-size: 2.8rem;\r\n margin-bottom: 10px;\r\n opacity: .95;\r\n}\r\n\r\n.fu-repair-coerde .fu-hero h1 {\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-repair-coerde .fu-hero p {\r\n margin: 0;\r\n max-width: 820px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-repair-coerde .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px 26px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-coerde .fu-intro strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-repair-coerde .fu-jumps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 0 0 30px;\r\n}\r\n\r\n.fu-repair-coerde .fu-jumps a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 15px;\r\n border-radius: 999px;\r\n background: var(--fu-green-light);\r\n color: var(--fu-green-dark);\r\n text-decoration: none;\r\n font-weight: 600;\r\n border: 1px solid #d7e5de;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-coerde .fu-jumps a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-repair-coerde .fu-section {\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-repair-coerde .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.7rem;\r\n line-height: 1.25;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-repair-coerde .fu-section h2 i {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-repair-coerde .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-coerde .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-coerde .fu-card:hover {\r\n box-shadow: var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-repair-coerde .fu-card-icon {\r\n font-size: 1.8rem;\r\n color: var(--fu-green);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-repair-coerde .fu-card h3 {\r\n margin: 0 0 8px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-repair-coerde .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n TERMIN\r\n ========================================================= */\r\n\r\n.fu-repair-coerde .fu-date-card {\r\n background: var(--fu-green-light);\r\n border: 1px solid #d7e5de;\r\n border-radius: 18px;\r\n padding: 26px;\r\n text-align: center;\r\n}\r\n\r\n.fu-repair-coerde .fu-date-card .fu-date {\r\n font-size: 1.45rem;\r\n font-weight: 700;\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-repair-coerde .fu-date-card .fu-time {\r\n margin-top: 5px;\r\n font-size: 1.15rem;\r\n color: var(--fu-text);\r\n}\r\n\r\n/* =========================================================\r\n HINWEISBOX\r\n ========================================================= */\r\n\r\n.fu-repair-coerde .fu-notice {\r\n background: #fff8ed;\r\n border: 1px solid #f2d8ae;\r\n border-radius: 16px;\r\n padding: 22px 24px;\r\n}\r\n\r\n.fu-repair-coerde .fu-notice h3 {\r\n margin-top: 0;\r\n color: #9a5a05;\r\n}\r\n\r\n.fu-repair-coerde .fu-notice ul {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n ADRESSE / KONTAKT\r\n ========================================================= */\r\n\r\n.fu-repair-coerde .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-coerde .fu-contact-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-coerde .fu-contact-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-repair-coerde .fu-contact-card i {\r\n color: var(--fu-green);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-repair-coerde .fu-contact-card p {\r\n margin: 6px 0;\r\n}\r\n\r\n.fu-repair-coerde .fu-contact-card a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-coerde .fu-contact-card a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n ROUTENBUTTONS\r\n ========================================================= */\r\n\r\n.fu-repair-coerde .fu-routes {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-repair-coerde .fu-route {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n box-shadow: 0 5px 14px rgba(31,75,63,.14);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-coerde .fu-route:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-repair-coerde .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-repair-coerde .fu-related a {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n min-height: 100%;\r\n padding: 20px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: var(--fu-shadow);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-coerde .fu-related a:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--fu-shadow-hover);\r\n border-color: #cbdad3;\r\n}\r\n\r\n.fu-repair-coerde .fu-related i {\r\n flex: 0 0 auto;\r\n color: var(--fu-green);\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-repair-coerde .fu-related strong {\r\n display: block;\r\n color: var(--fu-green-dark);\r\n margin-bottom: 4px;\r\n}\r\n\r\n/* =========================================================\r\n EXTERNER LINK\r\n ========================================================= */\r\n\r\n.fu-repair-coerde .fu-external {\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-repair-coerde .fu-external a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-repair-coerde .fu-back {\r\n margin-top: 34px;\r\n padding-top: 24px;\r\n border-top: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-repair-coerde .fu-back a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-coerde .fu-back a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 850px) {\r\n .fu-repair-coerde .fu-grid,\r\n .fu-repair-coerde .fu-contact {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-repair-coerde .fu-related {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .fu-repair-coerde .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-repair-coerde .fu-intro,\r\n .fu-repair-coerde .fu-card,\r\n .fu-repair-coerde .fu-contact-card,\r\n .fu-repair-coerde .fu-date-card,\r\n .fu-repair-coerde .fu-notice {\r\n padding: 19px;\r\n }\r\n\r\n .fu-repair-coerde .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-repair-coerde .fu-routes {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-repair-coerde .fu-route {\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 145 ===== */ @scope (.fu-article-145) { \r\n/* =========================================================\r\n FAST UMSONST – REPAIR CAFÉ IM RUMPHORST 4TEL-TREFF\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-repair-rumphorst {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-green-light: #edf4f0;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736d;\r\n --fu-border: #e4e7e3;\r\n --fu-orange: #d97706;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.10);\r\n --fu-shadow-hover: 0 14px 32px rgba(31,75,63,.16);\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-repair-rumphorst .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-green-dark));\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-rumphorst .fu-hero-icon {\r\n font-size: 2.8rem;\r\n margin-bottom: 10px;\r\n opacity: .95;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-hero h1 {\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-hero p {\r\n margin: 0;\r\n max-width: 820px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-repair-rumphorst .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px 26px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-rumphorst .fu-intro strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-repair-rumphorst .fu-jumps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 0 0 30px;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-jumps a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 15px;\r\n border-radius: 999px;\r\n background: var(--fu-green-light);\r\n color: var(--fu-green-dark);\r\n text-decoration: none;\r\n font-weight: 600;\r\n border: 1px solid #d7e5de;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-jumps a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-repair-rumphorst .fu-section {\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.7rem;\r\n line-height: 1.25;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-section h2 i {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-repair-rumphorst .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-rumphorst .fu-card:hover {\r\n box-shadow: var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-repair-rumphorst .fu-card-icon {\r\n font-size: 1.8rem;\r\n color: var(--fu-green);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-card h3 {\r\n margin: 0 0 8px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n TERMIN\r\n ========================================================= */\r\n\r\n.fu-repair-rumphorst .fu-date-card {\r\n background: var(--fu-green-light);\r\n border: 1px solid #d7e5de;\r\n border-radius: 18px;\r\n padding: 26px;\r\n text-align: center;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-date-card .fu-date {\r\n font-size: 1.45rem;\r\n font-weight: 700;\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-repair-rumphorst .fu-date-card .fu-time {\r\n margin-top: 5px;\r\n font-size: 1.15rem;\r\n color: var(--fu-text);\r\n}\r\n\r\n/* =========================================================\r\n HINWEISBOX\r\n ========================================================= */\r\n\r\n.fu-repair-rumphorst .fu-notice {\r\n background: #fff8ed;\r\n border: 1px solid #f2d8ae;\r\n border-radius: 16px;\r\n padding: 22px 24px;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-notice h3 {\r\n margin-top: 0;\r\n color: #9a5a05;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-notice ul {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n ADRESSE / KONTAKT\r\n ========================================================= */\r\n\r\n.fu-repair-rumphorst .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-contact-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-rumphorst .fu-contact-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-contact-card i {\r\n color: var(--fu-green);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-contact-card p {\r\n margin: 6px 0;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-contact-card a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-contact-card a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n ROUTENBUTTONS\r\n ========================================================= */\r\n\r\n.fu-repair-rumphorst .fu-routes {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-route {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n box-shadow: 0 5px 14px rgba(31,75,63,.14);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-route:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-repair-rumphorst .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-related a {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n min-height: 100%;\r\n padding: 20px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: var(--fu-shadow);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-related a:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--fu-shadow-hover);\r\n border-color: #cbdad3;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-related i {\r\n flex: 0 0 auto;\r\n color: var(--fu-green);\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-related strong {\r\n display: block;\r\n color: var(--fu-green-dark);\r\n margin-bottom: 4px;\r\n}\r\n\r\n/* =========================================================\r\n EXTERNER LINK\r\n ========================================================= */\r\n\r\n.fu-repair-rumphorst .fu-external {\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-external a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-repair-rumphorst .fu-back {\r\n margin-top: 34px;\r\n padding-top: 24px;\r\n border-top: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-repair-rumphorst .fu-back a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-rumphorst .fu-back a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 850px) {\r\n .fu-repair-rumphorst .fu-grid,\r\n .fu-repair-rumphorst .fu-contact {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-repair-rumphorst .fu-related {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .fu-repair-rumphorst .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-repair-rumphorst .fu-intro,\r\n .fu-repair-rumphorst .fu-card,\r\n .fu-repair-rumphorst .fu-contact-card,\r\n .fu-repair-rumphorst .fu-date-card,\r\n .fu-repair-rumphorst .fu-notice {\r\n padding: 19px;\r\n }\r\n\r\n .fu-repair-rumphorst .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-repair-rumphorst .fu-routes {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-repair-rumphorst .fu-route {\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 146 ===== */ @scope (.fu-article-146) { \r\n/* =========================================================\r\n GRUNDLAYOUT\r\n ========================================================= */\r\n\r\n.fu-repair-ska {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-green-light: #edf4f0;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736d;\r\n --fu-border: #e4e7e3;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.10);\r\n --fu-shadow-hover: 0 14px 32px rgba(31,75,63,.16);\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-repair-ska .fu-hero {\r\n background: linear-gradient(135deg, #1f4b3f 0%, #285d4e 100%);\r\n color: #fff;\r\n padding: 46px 34px;\r\n border-radius: 22px;\r\n margin-bottom: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-ska .fu-hero-icon {\r\n display: block;\r\n font-size: 2.8rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-repair-ska .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n margin: 0 0 14px;\r\n}\r\n\r\n.fu-repair-ska .fu-hero p {\r\n color: rgba(255,255,255,.95);\r\n font-size: 1.12rem;\r\n line-height: 1.7;\r\n margin: 0;\r\n max-width: 920px;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-repair-ska .fu-intro {\r\n background: var(--fu-paper);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 14px;\r\n padding: 23px 25px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.fu-repair-ska .fu-intro p {\r\n margin: 0;\r\n line-height: 1.75;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-repair-ska .fu-jumps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.fu-repair-ska .fu-jump {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n border: 1px solid var(--fu-border);\r\n padding: 10px 15px;\r\n border-radius: 999px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n box-shadow: 0 3px 10px rgba(0,0,0,.04);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-ska .fu-jump:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-repair-ska .fu-section {\r\n margin-bottom: 44px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-repair-ska .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-green);\r\n font-size: 1.7rem;\r\n font-weight: 700;\r\n margin: 0 0 9px;\r\n}\r\n\r\n.fu-repair-ska .fu-section-title i {\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-repair-ska .fu-section-intro {\r\n color: var(--fu-muted);\r\n line-height: 1.7;\r\n margin: 0 0 21px;\r\n}\r\n\r\n/* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n.fu-repair-ska .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-ska .fu-info-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-ska .fu-info-card.highlight {\r\n border: 2px solid rgba(31,75,63,.20);\r\n}\r\n\r\n.fu-repair-ska .fu-card-icon {\r\n width: 48px;\r\n height: 48px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--fu-green-light);\r\n color: var(--fu-green);\r\n border-radius: 12px;\r\n font-size: 1.45rem;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.fu-repair-ska .fu-info-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.18rem;\r\n line-height: 1.3;\r\n margin: 0 0 12px;\r\n}\r\n\r\n.fu-repair-ska .fu-info-card p {\r\n color: var(--fu-muted);\r\n line-height: 1.65;\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n DETAILS\r\n ========================================================= */\r\n\r\n.fu-repair-ska .fu-details {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n}\r\n\r\n.fu-repair-ska .fu-detail {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n line-height: 1.55;\r\n}\r\n\r\n.fu-repair-ska .fu-detail i {\r\n color: var(--fu-green);\r\n margin-top: 3px;\r\n min-width: 18px;\r\n}\r\n\r\n.fu-repair-ska .fu-detail strong {\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-repair-ska .fu-detail a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-ska .fu-detail a:hover {\r\n color: var(--fu-green-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n TERMIN\r\n ========================================================= */\r\n\r\n.fu-repair-ska .fu-date {\r\n background: var(--fu-green-light);\r\n border-radius: 14px;\r\n padding: 20px 22px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-repair-ska .fu-date strong {\r\n display: block;\r\n color: var(--fu-green);\r\n font-size: 1.05rem;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-repair-ska .fu-date span {\r\n color: var(--fu-text);\r\n line-height: 1.6;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-repair-ska .fu-note {\r\n background: #f4f6f4;\r\n border-radius: 14px;\r\n padding: 20px 22px;\r\n margin-top: 20px;\r\n color: var(--fu-muted);\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-repair-ska .fu-note strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n ROUTE-BUTTONS\r\n ========================================================= */\r\n\r\n.fu-repair-ska .fu-route {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-repair-ska .fu-route-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n border: 1px solid var(--fu-green);\r\n border-radius: 10px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n box-shadow: 0 4px 12px rgba(31,75,63,.12);\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease,\r\n background .2s ease;\r\n}\r\n\r\n.fu-repair-ska .fu-route-btn:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 7px 18px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-repair-ska .fu-route-btn i {\r\n font-size: 1.05rem;\r\n}\r\n\r\n.fu-repair-ska .fu-route-secondary {\r\n background: #fff;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-repair-ska .fu-route-secondary:hover {\r\n background: var(--fu-green-light);\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-repair-ska .fu-links {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-ska .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: var(--fu-shadow);\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease,\r\n border-color .2s ease;\r\n}\r\n\r\n.fu-repair-ska .fu-link-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--fu-shadow-hover);\r\n border-color: rgba(31,75,63,.30);\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-repair-ska .fu-link-card .fu-card-icon {\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-repair-ska .fu-link-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.12rem;\r\n line-height: 1.35;\r\n margin: 0 0 8px;\r\n}\r\n\r\n.fu-repair-ska .fu-link-card p {\r\n color: var(--fu-muted);\r\n line-height: 1.55;\r\n margin: 0 0 15px;\r\n flex-grow: 1;\r\n}\r\n\r\n.fu-repair-ska .fu-link-arrow {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-repair-ska .fu-back {\r\n text-align: center;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-repair-ska .fu-back a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-ska .fu-back a:hover {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 991px) {\r\n\r\n .fu-repair-ska .fu-info-grid,\r\n .fu-repair-ska .fu-links {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-repair-ska .fu-hero {\r\n padding: 32px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-repair-ska .fu-info-grid,\r\n .fu-repair-ska .fu-links {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-repair-ska .fu-jumps {\r\n gap: 8px;\r\n }\r\n\r\n .fu-repair-ska .fu-jump {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .fu-repair-ska .fu-route {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-repair-ska .fu-route-btn {\r\n width: 100%;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 147 ===== */ @scope (.fu-article-147) { \r\n/* =========================================================\r\n FAST UMSONST – REPAIR GUIDE / IFIXIT\r\n Moderne Seite für kostenlose Reparaturanleitungen\r\n ========================================================= */\r\n\r\n.fu-repairguide {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n\r\n color:#26332e;\r\n line-height:1.65;\r\n font-size:1.03rem;\r\n}\r\n\r\n.fu-repairguide * {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-repairguide .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n padding:44px 34px;\r\n border-radius:22px;\r\n margin-bottom:28px;\r\n box-shadow:0 12px 30px rgba(23,56,47,.18);\r\n}\r\n\r\n.fu-repairguide .fu-hero-icon {\r\n font-size:2.8rem;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-repairguide .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n margin:0 0 15px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-repairguide .fu-hero p {\r\n max-width:850px;\r\n margin:0;\r\n color:rgba(255,255,255,.95);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-repairguide .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:16px;\r\n padding:24px 26px;\r\n margin-bottom:30px;\r\n box-shadow:0 6px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-repairguide .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-repairguide .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-repairguide .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n text-decoration:none !important;\r\n font-weight:600;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-repairguide .fu-btn:hover {\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-repairguide .fu-btn-green {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-repairguide .fu-btn-green:hover {\r\n background:var(--fu-dark);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-repairguide .fu-btn-orange {\r\n background:var(--fu-orange);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-repairguide .fu-btn-orange:hover {\r\n background:#b85f05;\r\n color:#fff !important;\r\n}\r\n\r\n.fu-repairguide .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-repairguide .fu-btn-light:hover {\r\n background:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-repairguide .fu-notice {\r\n background:#fff8ed;\r\n border:1px solid #f1dfbf;\r\n border-radius:16px;\r\n padding:20px 22px;\r\n margin:28px 0;\r\n}\r\n\r\n.fu-repairguide .fu-notice-title {\r\n color:#704b16;\r\n font-weight:700;\r\n margin-bottom:7px;\r\n}\r\n\r\n/* =========================================================\r\n SECTION\r\n ========================================================= */\r\n\r\n.fu-repairguide .fu-section {\r\n margin:38px 0;\r\n}\r\n\r\n.fu-repairguide .fu-section h2 {\r\n color:var(--fu-green);\r\n font-size:1.7rem;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n padding-bottom:10px;\r\n border-bottom:2px solid var(--fu-border);\r\n}\r\n\r\n.fu-repairguide .fu-section h2 i {\r\n color:var(--fu-orange);\r\n margin-right:7px;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-repairguide .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:17px;\r\n}\r\n\r\n.fu-repairguide .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:22px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.07);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-repairguide .fu-card:hover {\r\n transform:translateY(-3px);\r\n box-shadow:0 11px 27px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-repairguide .fu-card-icon {\r\n font-size:1.8rem;\r\n color:var(--fu-orange);\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-repairguide .fu-card h3 {\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-repairguide .fu-card p {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n SCHRITTE\r\n ========================================================= */\r\n\r\n.fu-repairguide .fu-steps {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:17px;\r\n}\r\n\r\n.fu-repairguide .fu-step {\r\n display:flex;\r\n gap:15px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:20px;\r\n box-shadow:0 6px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-repairguide .fu-step-number {\r\n flex:0 0 42px;\r\n width:42px;\r\n height:42px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:50%;\r\n background:var(--fu-green);\r\n color:#fff;\r\n font-weight:700;\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-repairguide .fu-step strong {\r\n display:block;\r\n color:var(--fu-green);\r\n margin-bottom:4px;\r\n}\r\n\r\n/* =========================================================\r\n SICHERHEIT\r\n ========================================================= */\r\n\r\n.fu-repairguide .fu-safety {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-repairguide .fu-safety ul {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-repairguide .fu-safety li {\r\n margin-bottom:8px;\r\n}\r\n\r\n/* =========================================================\r\n IFIXIT CARD\r\n ========================================================= */\r\n\r\n.fu-repairguide .fu-ifixit {\r\n background:linear-gradient(135deg,#f7f8f6,#fff);\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n padding:28px;\r\n box-shadow:0 8px 23px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-repairguide .fu-ifixit h2 {\r\n color:var(--fu-green);\r\n margin-top:0;\r\n}\r\n\r\n.fu-repairguide .fu-ifixit-list {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:10px 25px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-repairguide .fu-ifixit-list div {\r\n display:flex;\r\n gap:8px;\r\n align-items:flex-start;\r\n}\r\n\r\n.fu-repairguide .fu-ifixit-list i {\r\n color:var(--fu-orange);\r\n margin-top:4px;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-repairguide .fu-related {\r\n margin-top:42px;\r\n}\r\n\r\n.fu-repairguide .fu-related h2 {\r\n color:var(--fu-green);\r\n font-size:1.55rem;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-repairguide .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-repairguide .fu-related-card {\r\n display:block;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:20px;\r\n text-decoration:none;\r\n color:#26332e;\r\n box-shadow:0 6px 17px rgba(0,0,0,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-repairguide .fu-related-card:hover {\r\n transform:translateY(-3px);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-repairguide .fu-related-card i {\r\n display:block;\r\n color:var(--fu-orange);\r\n font-size:1.5rem;\r\n margin-bottom:9px;\r\n}\r\n\r\n.fu-repairguide .fu-related-card strong {\r\n display:block;\r\n color:var(--fu-green);\r\n margin-bottom:5px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-repairguide .fu-grid,\r\n .fu-repairguide .fu-related-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-repairguide .fu-hero {\r\n padding:31px 22px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-repairguide .fu-intro,\r\n .fu-repairguide .fu-card,\r\n .fu-repairguide .fu-ifixit,\r\n .fu-repairguide .fu-safety {\r\n padding:19px;\r\n }\r\n\r\n .fu-repairguide .fu-grid,\r\n .fu-repairguide .fu-steps,\r\n .fu-repairguide .fu-related-grid,\r\n .fu-repairguide .fu-ifixit-list {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-repairguide .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-repairguide .fu-btn {\r\n width:100%;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 152 ===== */ @scope (.fu-article-152) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-note strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 16px;\r\n padding: 12px 17px;\r\n background: var(--fu-green);\r\n border-radius: 12px;\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 153 ===== */ @scope (.fu-article-153) { \r\n\r\n/* =========================================================\r\n FAST UMSONST – FRAUEN- UND KINDERSCHUTZHÄUSER\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-white: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #68736e;\r\n --fu-border: #dfe5e1;\r\n --fu-shadow: 0 8px 28px rgba(31,75,63,.10);\r\n\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hero {\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(31,75,63,.97),\r\n rgba(31,75,63,.88)\r\n );\r\n color: #fff;\r\n border-radius: 24px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-hero-inner {\r\n padding: 48px 42px;\r\n}\r\n\r\n.fu-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: .95rem;\r\n font-weight: 700;\r\n margin-bottom: 14px;\r\n opacity: .9;\r\n}\r\n\r\n.fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-hero h1 i {\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-lead {\r\n max-width: 800px;\r\n font-size: 1.2rem;\r\n margin: 0 0 26px;\r\n opacity: .95;\r\n}\r\n\r\n.fu-hero-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 18px;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n transform: translateY(-1px);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-btn-primary {\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-btn-primary:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n}\r\n\r\n.fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-green);\r\n}\r\n\r\n.fu-btn-danger {\r\n background: #8f2525;\r\n color: #fff !important;\r\n}\r\n\r\n.fu-btn-danger:hover {\r\n background: #721d1d;\r\n color: #fff !important;\r\n}\r\n\r\n\r\n/* =========================================================\r\n JUMP NAV\r\n ========================================================= */\r\n\r\n.fu-jumpnav {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 10px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n text-decoration: none;\r\n box-shadow: 0 3px 12px rgba(0,0,0,.04);\r\n}\r\n\r\n.fu-jumpnav a:hover {\r\n background: var(--fu-paper);\r\n text-decoration: none;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ALERTS\r\n ========================================================= */\r\n\r\n.fu-alert {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n padding: 22px 24px;\r\n border-radius: 18px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.fu-alert-important {\r\n background: #f4f7f5;\r\n border: 1px solid #d6e2dc;\r\n}\r\n\r\n.fu-alert-emergency {\r\n background: #fff3f1;\r\n border: 1px solid #efcfca;\r\n}\r\n\r\n.fu-alert-icon {\r\n flex: 0 0 auto;\r\n font-size: 1.7rem;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-alert-emergency .fu-alert-icon {\r\n color: #8f2525;\r\n}\r\n\r\n.fu-alert strong {\r\n display: block;\r\n font-size: 1.1rem;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-alert p {\r\n margin: 0 0 12px;\r\n}\r\n\r\n.fu-alert-actions,\r\n.fu-emergency-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-section {\r\n margin-bottom: 42px;\r\n}\r\n\r\n.fu-section-heading {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-section-icon {\r\n width: 50px;\r\n height: 50px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex: 0 0 50px;\r\n border-radius: 14px;\r\n background: #e9f0ec;\r\n color: var(--fu-green);\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-section-heading h2 {\r\n margin: 0;\r\n color: var(--fu-green);\r\n font-size: clamp(1.5rem, 3vw, 2rem);\r\n}\r\n\r\n.fu-section-heading p {\r\n margin: 2px 0 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-grid {\r\n display: grid;\r\n gap: 20px;\r\n}\r\n\r\n.fu-grid-3 {\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n}\r\n\r\n.fu-grid-2 {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.fu-card {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 26px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.25rem;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-card p {\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-card-icon {\r\n width: 48px;\r\n height: 48px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 13px;\r\n background: #edf3ef;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.fu-card-featured {\r\n border: 2px solid #d5e3dc;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n.fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 24px;\r\n}\r\n\r\n.fu-info-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n padding: 15px;\r\n background: var(--fu-paper);\r\n border-radius: 12px;\r\n}\r\n\r\n.fu-info-item > i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 2px;\r\n}\r\n\r\n.fu-info-item strong,\r\n.fu-info-item span {\r\n display: block;\r\n}\r\n\r\n.fu-info-item strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n\r\n/* =========================================================\r\n HOTLINE\r\n ========================================================= */\r\n\r\n.fu-hotline-card {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 24px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 20px;\r\n padding: 30px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-hotline-icon {\r\n width: 64px;\r\n height: 64px;\r\n flex: 0 0 64px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 16px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n font-size: 1.7rem;\r\n}\r\n\r\n.fu-hotline-label {\r\n display: inline-block;\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n font-weight: 700;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-hotline-content h3 {\r\n margin: 0 0 12px;\r\n}\r\n\r\n.fu-hotline-content h3 a {\r\n color: var(--fu-green);\r\n font-size: 2.1rem;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-hotline-points {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n margin: 18px 0;\r\n}\r\n\r\n.fu-hotline-points span {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hotline-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-contact-card {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 30px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 20px;\r\n padding: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-contact-main {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n}\r\n\r\n.fu-contact-icon {\r\n width: 58px;\r\n height: 58px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex: 0 0 58px;\r\n background: #e9f0ec;\r\n color: var(--fu-green);\r\n border-radius: 15px;\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-contact-main h3 {\r\n margin: 0 0 15px;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-contact-list {\r\n display: grid;\r\n gap: 10px;\r\n}\r\n\r\n.fu-contact-list > div {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n}\r\n\r\n.fu-contact-list i {\r\n color: var(--fu-green);\r\n margin-top: 4px;\r\n}\r\n\r\n.fu-contact-list a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-contact-list small {\r\n display: block;\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-contact-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SECURITY NOTE\r\n ========================================================= */\r\n\r\n.fu-security-note {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-top: 16px;\r\n padding: 18px 20px;\r\n background: #f5f6f5;\r\n border-radius: 14px;\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-security-note > i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 3px;\r\n}\r\n\r\n.fu-security-note p {\r\n margin: 0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-card-link {\r\n display: block;\r\n color: inherit;\r\n text-decoration: none !important;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-card-link:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 34px rgba(31,75,63,.14);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-card-link-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 18px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SOURCE\r\n ========================================================= */\r\n\r\n.fu-source {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n padding: 18px 20px;\r\n background: var(--fu-paper);\r\n border-radius: 14px;\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-source > i {\r\n color: var(--fu-green);\r\n margin-top: 4px;\r\n}\r\n\r\n.fu-source a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BACK\r\n ========================================================= */\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n padding-bottom: 20px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-grid-3 {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-contact-card {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 700px) {\r\n\r\n .fu-hero-inner {\r\n padding: 34px 24px;\r\n }\r\n\r\n .fu-grid-3,\r\n .fu-grid-2,\r\n .fu-info-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-contact-card {\r\n padding: 22px;\r\n }\r\n\r\n .fu-contact-main {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-hotline-card {\r\n flex-direction: column;\r\n padding: 24px;\r\n }\r\n\r\n .fu-jumpnav a {\r\n width: 100%;\r\n justify-content: flex-start;\r\n }\r\n\r\n .fu-alert {\r\n padding: 18px;\r\n }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-hero h1 {\r\n font-size: 1.9rem;\r\n }\r\n\r\n .fu-lead {\r\n font-size: 1.05rem;\r\n }\r\n\r\n .fu-hero-actions,\r\n .fu-contact-actions,\r\n .fu-hotline-actions {\r\n width: 100%;\r\n }\r\n\r\n .fu-hero-actions .fu-btn,\r\n .fu-contact-actions .fu-btn,\r\n .fu-hotline-actions .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n}\r\n\r\n } /* ===== FU ARTICLE 154 ===== */ @scope (.fu-article-154) { \r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #173a31;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n --fu-border: #e1e7e4;\r\n --fu-soft: #edf4f0;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.10);\r\n --fu-shadow-hover: 0 12px 30px rgba(31,75,63,.16);\r\n\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page h1,\r\n.fu-page h2,\r\n.fu-page h3 {\r\n color: var(--fu-brand);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-page h1 {\r\n font-size: clamp(2rem, 4vw, 2.8rem);\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.fu-page h2 {\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.fu-page h3 {\r\n font-size: 1.15rem;\r\n margin: 0 0 .65rem;\r\n}\r\n\r\n.fu-page p {\r\n margin: 0 0 1rem;\r\n}\r\n\r\n.fu-page a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page a:hover {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, #eef5f1 0%, #faf8f4 100%);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 20px;\r\n padding: clamp(1.6rem, 4vw, 3rem);\r\n margin-bottom: 1.5rem;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .45rem;\r\n background: #e0eee8;\r\n color: var(--fu-brand);\r\n border-radius: 999px;\r\n padding: .4rem .85rem;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.fu-lead {\r\n max-width: 900px;\r\n font-size: 1.14rem;\r\n margin-bottom: 0 !important;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-jump {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 1rem 1.15rem;\r\n margin: 1.5rem 0;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-jump-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: .7rem;\r\n}\r\n\r\n.fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .55rem;\r\n}\r\n\r\n.fu-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .4rem;\r\n background: #f2f6f3;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 10px;\r\n padding: .55rem .8rem;\r\n font-size: .92rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-jump-links a:hover {\r\n background: #e5efe9;\r\n text-decoration: none;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-alert {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n background: #fff8e8;\r\n border: 1px solid #ecd9a6;\r\n border-left: 5px solid #c89524;\r\n border-radius: 15px;\r\n padding: 1.2rem 1.3rem;\r\n margin: 1.5rem 0;\r\n}\r\n\r\n.fu-alert > i {\r\n flex: 0 0 auto;\r\n color: #a87812;\r\n font-size: 1.4rem;\r\n margin-top: .1rem;\r\n}\r\n\r\n/* =========================================================\r\n SEKTIONEN\r\n ========================================================= */\r\n\r\n.fu-section {\r\n margin: 2.4rem 0;\r\n}\r\n\r\n.fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: .65rem;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.fu-section-title i {\r\n color: var(--fu-brand);\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-section-title h2 {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n HAUPTKARTEN\r\n ========================================================= */\r\n\r\n.fu-main-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: clamp(1.35rem, 3vw, 2rem);\r\n margin: 1.5rem 0;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-main-card.featured {\r\n border-top: 5px solid var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 1rem;\r\n margin: 1.25rem 0;\r\n}\r\n\r\n.fu-info-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 1.25rem;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-icon {\r\n width: 45px;\r\n height: 45px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n border-radius: 12px;\r\n font-size: 1.3rem;\r\n margin-bottom: .8rem;\r\n}\r\n\r\n.fu-info-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-contact {\r\n display: grid;\r\n gap: .8rem;\r\n margin-top: 1rem;\r\n}\r\n\r\n.fu-contact-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: .75rem;\r\n}\r\n\r\n.fu-contact-row > i {\r\n color: var(--fu-brand);\r\n font-size: 1.1rem;\r\n width: 22px;\r\n flex: 0 0 22px;\r\n margin-top: .15rem;\r\n}\r\n\r\n.fu-contact-row strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .75rem;\r\n margin-top: 1.25rem;\r\n}\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: .5rem;\r\n min-height: 46px;\r\n padding: .7rem 1rem;\r\n border-radius: 11px;\r\n border: 1px solid var(--fu-brand);\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n box-shadow: 0 5px 14px rgba(31,75,63,.14);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-btn.secondary {\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n box-shadow: none;\r\n}\r\n\r\n.fu-btn.secondary:hover {\r\n background: #eef5f1;\r\n}\r\n\r\n/* =========================================================\r\n KLICKBARE KARTEN\r\n ========================================================= */\r\n\r\n.fu-card-link {\r\n display: block;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 1.3rem;\r\n box-shadow: var(--fu-shadow);\r\n text-decoration: none !important;\r\n transition: transform .18s ease,\r\n box-shadow .18s ease,\r\n border-color .18s ease;\r\n}\r\n\r\n.fu-card-link:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--fu-shadow-hover);\r\n border-color: #bfd0c8;\r\n}\r\n\r\n.fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.4rem;\r\n margin-bottom: .65rem;\r\n}\r\n\r\n.fu-card-link h3 {\r\n margin-bottom: .45rem;\r\n}\r\n\r\n.fu-card-link p {\r\n color: var(--fu-muted);\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-more {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: .35rem;\r\n margin-top: .9rem;\r\n color: var(--fu-brand);\r\n font-size: .92rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n NOTFALL / DRINGEND\r\n ========================================================= */\r\n\r\n.fu-emergency {\r\n background: #f8eeee;\r\n border: 1px solid #e7cccc;\r\n border-left: 5px solid #a33a3a;\r\n border-radius: 15px;\r\n padding: 1.3rem 1.4rem;\r\n margin: 2rem 0;\r\n}\r\n\r\n.fu-emergency h2 {\r\n color: #8d3030;\r\n}\r\n\r\n.fu-emergency strong {\r\n color: #8d3030;\r\n}\r\n\r\n/* =========================================================\r\n FAQ\r\n ========================================================= */\r\n\r\n.fu-faq {\r\n display: grid;\r\n gap: .8rem;\r\n}\r\n\r\n.fu-faq-item {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 1.1rem 1.2rem;\r\n box-shadow: 0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-faq-item h3 {\r\n margin-bottom: .45rem;\r\n}\r\n\r\n.fu-faq-item p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n KLEINER HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero,\r\n .fu-main-card {\r\n padding: 1.25rem;\r\n }\r\n\r\n .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-jump-links {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-jump-links a {\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 155 ===== */ @scope (.fu-article-155) { \r\n/* =========================================================\r\n FAST UMSONST – MIA DAS MÄDCHENHAUS\r\n Sprungmarken + Kartenlink + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 860px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 156 ===== */ @scope (.fu-article-156) { \r\n/* =========================================================\r\n FAST UMSONST – SLEEP-IN FÜR MÄDCHEN UND JUNGE FRAUEN\r\n Sprungmarken + Kartenlink + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 860px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 157 ===== */ @scope (.fu-article-157) { \r\n/* =========================================================\r\n FAST UMSONST – SLEEP-IN FÜR JUNGEN UND JUNGE MÄNNER\r\n Sprungmarken + Kartenlink + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 860px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 158 ===== */ @scope (.fu-article-158) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-feature span {\r\n display: block;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-note strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 16px;\r\n padding: 12px 17px;\r\n background: var(--fu-green);\r\n border-radius: 12px;\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 159 ===== */ @scope (.fu-article-159) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-note strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 16px;\r\n padding: 12px 17px;\r\n background: var(--fu-green);\r\n border-radius: 12px;\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 162 ===== */ @scope (.fu-article-162) { \r\n/* =========================================================\r\n FAST UMSONST – ASTA ONLINE-WOHNBÖRSE\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #68746f;\r\n --fu-border: #e6e1d9;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, #1f4b3f 0%, #2d6253 100%);\r\n color: #fff;\r\n padding: 42px 34px;\r\n border-radius: 22px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 36px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-section {\r\n margin-bottom: 42px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.8rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 11px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n INFO BOX\r\n ========================================================= */\r\n\r\n.fu-info {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-info-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-info-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-info-row i {\r\n color: var(--fu-brand);\r\n font-size: 1.15rem;\r\n margin-top: 4px;\r\n flex: 0 0 auto;\r\n}\r\n\r\n.fu-info-row strong {\r\n color: var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 11px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n border: 2px solid var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n}\r\n\r\n.fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-links {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n height: 100%;\r\n}\r\n\r\n.fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 17px 18px;\r\n margin-top: 22px;\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-source {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-backtop {\r\n text-align: right;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-links {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-grid,\r\n .fu-links {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-intro,\r\n .fu-card,\r\n .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 164 ===== */ @scope (.fu-article-164) { \r\n/* =========================================================\r\n FAST UMSONST – DACH ÜBERM KOPF E.V.\r\n Soziale WohnraumAgentur Münster\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #68746f;\r\n --fu-border: #e6e1d9;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, #1f4b3f 0%, #2d6253 100%);\r\n color: #fff;\r\n padding: 42px 34px;\r\n border-radius: 22px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 36px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-section {\r\n margin-bottom: 42px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.8rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 11px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n INFO\r\n ========================================================= */\r\n\r\n.fu-info {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-info-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-info-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-info-row i {\r\n flex: 0 0 auto;\r\n color: var(--fu-brand);\r\n font-size: 1.15rem;\r\n margin-top: 4px;\r\n}\r\n\r\n.fu-info-row strong {\r\n color: var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 11px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n border: 2px solid var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n}\r\n\r\n.fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-links {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n height: 100%;\r\n}\r\n\r\n.fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 17px 18px;\r\n margin-top: 22px;\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLE\r\n ========================================================= */\r\n\r\n.fu-source {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-backtop {\r\n text-align: right;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-links {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-grid,\r\n .fu-links {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-intro,\r\n .fu-card,\r\n .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 165 ===== */ @scope (.fu-article-165) { \r\n/* =========================================================\r\n FAST UMSONST – FÖRDERVEREIN FÜR WOHNHILFEN E.V.\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #68746f;\r\n --fu-border: #e6e1d9;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, #1f4b3f 0%, #2d6253 100%);\r\n color: #fff;\r\n padding: 42px 34px;\r\n border-radius: 22px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 36px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-section {\r\n margin-bottom: 42px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.8rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 11px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n INFO\r\n ========================================================= */\r\n\r\n.fu-info {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-info-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-info-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-info-row i {\r\n flex: 0 0 auto;\r\n color: var(--fu-brand);\r\n font-size: 1.15rem;\r\n margin-top: 4px;\r\n}\r\n\r\n.fu-info-row strong {\r\n color: var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 11px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n border: 2px solid var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n}\r\n\r\n.fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-links {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n height: 100%;\r\n}\r\n\r\n.fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 17px 18px;\r\n margin-top: 22px;\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLE\r\n ========================================================= */\r\n\r\n.fu-source {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-backtop {\r\n text-align: right;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-links {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-grid,\r\n .fu-links {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-intro,\r\n .fu-card,\r\n .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 166 ===== */ @scope (.fu-article-166) { \r\n/* =========================================================\r\n FAST UMSONST – MALTA\r\n Münsters ArbeitsLosenTreff Achtermannstraße\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #68746f;\r\n --fu-border: #e6e1d9;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, #1f4b3f 0%, #2d6253 100%);\r\n color: #fff;\r\n padding: 42px 34px;\r\n border-radius: 22px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 36px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTION\r\n ========================================================= */\r\n\r\n.fu-section {\r\n margin-bottom: 42px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.8rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 11px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n INFO BOX\r\n ========================================================= */\r\n\r\n.fu-info {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-info-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-info-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-info-row i {\r\n flex: 0 0 auto;\r\n color: var(--fu-brand);\r\n font-size: 1.15rem;\r\n margin-top: 4px;\r\n}\r\n\r\n.fu-info-row strong {\r\n color: var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 11px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n border: 2px solid var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n}\r\n\r\n.fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-links {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n height: 100%;\r\n}\r\n\r\n.fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 17px 18px;\r\n margin-top: 22px;\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLE\r\n ========================================================= */\r\n\r\n.fu-source {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-backtop {\r\n text-align: right;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-links {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-grid,\r\n .fu-links {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-intro,\r\n .fu-card,\r\n .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 167 ===== */ @scope (.fu-article-167) { \r\n/* =========================================================\r\n FAST UMSONST – NA DANN\r\n Wohnungen & WG-Zimmer\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #68746f;\r\n --fu-border: #e6e1d9;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, #1f4b3f 0%, #2d6253 100%);\r\n color: #fff;\r\n padding: 42px 34px;\r\n border-radius: 22px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 36px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-section {\r\n margin-bottom: 42px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.8rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 11px;\r\n color: var(--fu-brand);\r\n font-size: 1.25rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n INFO-BEREICH\r\n ========================================================= */\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-info-box strong {\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-info-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-info-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-info-row i {\r\n flex: 0 0 auto;\r\n color: var(--fu-brand);\r\n font-size: 1.1rem;\r\n margin-top: 4px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 11px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n border: 2px solid var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n}\r\n\r\n.fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-links {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n height: 100%;\r\n}\r\n\r\n.fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 17px 18px;\r\n margin-top: 22px;\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLE\r\n ========================================================= */\r\n\r\n.fu-source {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-backtop {\r\n text-align: right;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-links {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-card-grid,\r\n .fu-links {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-intro,\r\n .fu-card,\r\n .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 169 ===== */ @scope (.fu-article-169) { \r\n/* =========================================================\r\n FAST UMSONST – WG-ZIMMER UND WOHNUNGEN\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #68746f;\r\n --fu-border: #e6e1d9;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, #1f4b3f 0%, #2d6253 100%);\r\n color: #fff;\r\n padding: 42px 34px;\r\n border-radius: 22px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 36px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTION\r\n ========================================================= */\r\n\r\n.fu-section {\r\n margin-bottom: 42px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.8rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-card p:last-of-type {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-meta {\r\n background: var(--fu-paper);\r\n border-radius: 12px;\r\n padding: 14px 15px;\r\n margin-top: 16px;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-meta strong {\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: auto;\r\n padding-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n border: 2px solid var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n}\r\n\r\n.fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-links {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 17px 18px;\r\n margin-top: 22px;\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-backtop {\r\n text-align: right;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n QUELLE\r\n ========================================================= */\r\n\r\n.fu-source {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n .fu-links {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-grid,\r\n .fu-links {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-intro,\r\n .fu-card,\r\n .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 170 ===== */ @scope (.fu-article-170) { \r\n/* =========================================================\r\n FAST UMSONST – WOHNEN FÜR HILFE\r\n Wohnpartnerschaften zwischen Jung und Alt\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #68746f;\r\n --fu-border: #e6e1d9;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, #1f4b3f 0%, #2d6253 100%);\r\n color: #fff;\r\n padding: 42px 34px;\r\n border-radius: 22px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 36px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-section {\r\n margin-bottom: 42px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.8rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 11px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n INFO\r\n ========================================================= */\r\n\r\n.fu-info {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-info-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-info-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-info-row i {\r\n flex: 0 0 auto;\r\n color: var(--fu-brand);\r\n font-size: 1.15rem;\r\n margin-top: 4px;\r\n}\r\n\r\n.fu-info-row strong {\r\n color: var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 11px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n border: 2px solid var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n}\r\n\r\n.fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-links {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n height: 100%;\r\n}\r\n\r\n.fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 17px 18px;\r\n margin-top: 22px;\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLE\r\n ========================================================= */\r\n\r\n.fu-source {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-backtop {\r\n text-align: right;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-links {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-grid,\r\n .fu-links {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-intro,\r\n .fu-card,\r\n .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 175 ===== */ @scope (.fu-article-175) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-note strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 16px;\r\n padding: 12px 17px;\r\n background: var(--fu-green);\r\n border-radius: 12px;\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 176 ===== */ @scope (.fu-article-176) { \r\n/* =========================================================\r\n FAST UMSONST – SLEEP-IN FÜR JUNGEN UND JUNGE MÄNNER\r\n Sprungmarken + Kartenlink + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 860px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 177 ===== */ @scope (.fu-article-177) { \r\n/* =========================================================\r\n FAST UMSONST – SLEEP-IN FÜR MÄDCHEN UND JUNGE FRAUEN\r\n Sprungmarken + Kartenlink + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 860px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 178 ===== */ @scope (.fu-article-178) { \r\n/* =========================================================\r\n FAST UMSONST – MIA DAS MÄDCHENHAUS\r\n Sprungmarken + Kartenlink + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 860px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 179 ===== */ @scope (.fu-article-179) { \r\n/* =========================================================\r\n FAST UMSONST – NUMMER GEGEN KUMMER\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand:#1f4b3f;\r\n --fu-brand-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:24px 18px 50px;\r\n color:var(--fu-text);\r\n font-size:17px;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-page a {\r\n color:var(--fu-brand);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-page a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-hero {\r\n background:linear-gradient(135deg,var(--fu-brand),var(--fu-brand-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:24px;\r\n box-shadow:0 12px 30px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-hero-icon {\r\n width:64px;\r\n height:64px;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.14);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:32px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(30px,4vw,44px);\r\n line-height:1.15;\r\n font-weight:700;\r\n}\r\n\r\n.fu-hero p {\r\n margin:0;\r\n max-width:850px;\r\n color:rgba(255,255,255,.92);\r\n font-size:19px;\r\n}\r\n\r\n/* SPRUNGNAVIGATION */\r\n\r\n.fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:14px;\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n padding:8px 14px;\r\n font-size:14px;\r\n font-weight:600;\r\n color:var(--fu-brand);\r\n}\r\n\r\n.fu-jump a:hover {\r\n background:var(--fu-brand);\r\n color:#fff;\r\n text-decoration:none;\r\n}\r\n\r\n/* INTRO */\r\n\r\n.fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n padding:26px 28px;\r\n margin-bottom:30px;\r\n box-shadow:0 5px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-intro strong {\r\n color:var(--fu-brand);\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-section {\r\n margin:34px 0;\r\n}\r\n\r\n.fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 18px;\r\n color:var(--fu-brand);\r\n font-size:28px;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-section-title i {\r\n font-size:25px;\r\n}\r\n\r\n.fu-section-lead {\r\n margin:-6px 0 20px;\r\n color:var(--fu-muted);\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-card {\r\n background:var(--fu-card);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:23px;\r\n box-shadow:0 6px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n margin:0 0 10px;\r\n color:var(--fu-brand);\r\n font-size:21px;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-card h3 i {\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-card li {\r\n margin-bottom:6px;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-highlight {\r\n background:var(--fu-highlight);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:20px 22px;\r\n margin:22px 0;\r\n}\r\n\r\n.fu-highlight strong {\r\n color:var(--fu-brand-dark);\r\n}\r\n\r\n/* TELEFON-KARTEN */\r\n\r\n.fu-number {\r\n font-size:27px;\r\n font-weight:700;\r\n line-height:1.2;\r\n margin:7px 0 5px;\r\n color:var(--fu-brand);\r\n}\r\n\r\n.fu-number a {\r\n color:var(--fu-brand);\r\n}\r\n\r\n.fu-hours {\r\n color:var(--fu-muted);\r\n font-size:15px;\r\n}\r\n\r\n/* KONTAKT */\r\n\r\n.fu-contact {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-contact-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:22px;\r\n box-shadow:0 6px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-contact-card h3 {\r\n margin:0 0 12px;\r\n color:var(--fu-brand);\r\n font-size:20px;\r\n}\r\n\r\n.fu-contact-line {\r\n display:flex;\r\n gap:10px;\r\n align-items:flex-start;\r\n margin:9px 0;\r\n}\r\n\r\n.fu-contact-line i {\r\n color:var(--fu-brand);\r\n font-size:18px;\r\n margin-top:3px;\r\n}\r\n\r\n/* BUTTONS */\r\n\r\n.fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:11px;\r\n background:var(--fu-brand);\r\n color:#fff !important;\r\n font-weight:600;\r\n text-decoration:none !important;\r\n border:1px solid var(--fu-brand);\r\n}\r\n\r\n.fu-btn:hover {\r\n background:var(--fu-brand-dark);\r\n border-color:var(--fu-brand-dark);\r\n}\r\n\r\n.fu-btn-outline {\r\n background:#fff;\r\n color:var(--fu-brand) !important;\r\n}\r\n\r\n/* PASSENDE INFORMATIONEN */\r\n\r\n.fu-link-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-link-card {\r\n display:block;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px 20px;\r\n box-shadow:0 5px 15px rgba(0,0,0,.05);\r\n text-decoration:none !important;\r\n transition:transform .15s ease, box-shadow .15s ease;\r\n}\r\n\r\n.fu-link-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 9px 22px rgba(0,0,0,.09);\r\n}\r\n\r\n.fu-link-card strong {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n color:var(--fu-brand);\r\n font-size:18px;\r\n margin-bottom:5px;\r\n}\r\n\r\n.fu-link-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:15px;\r\n line-height:1.5;\r\n}\r\n\r\n/* QUELLENHINWEIS */\r\n\r\n.fu-source {\r\n border-left:4px solid var(--fu-brand);\r\n background:var(--fu-paper);\r\n border-radius:10px;\r\n padding:15px 18px;\r\n margin-top:30px;\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n}\r\n\r\n.fu-source a {\r\n font-weight:600;\r\n}\r\n\r\n/* TOP */\r\n\r\n.fu-top {\r\n text-align:right;\r\n margin-top:25px;\r\n}\r\n\r\n.fu-top a {\r\n font-size:14px;\r\n font-weight:600;\r\n}\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (max-width:760px) {\r\n\r\n .fu-page {\r\n padding:18px 12px 40px;\r\n font-size:16px;\r\n }\r\n\r\n .fu-hero {\r\n padding:30px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-hero h1 {\r\n font-size:32px;\r\n }\r\n\r\n .fu-grid,\r\n .fu-contact,\r\n .fu-link-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-section-title {\r\n font-size:25px;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-hero {\r\n padding:26px 20px;\r\n }\r\n\r\n .fu-hero h1 {\r\n font-size:28px;\r\n }\r\n\r\n .fu-hero p {\r\n font-size:17px;\r\n }\r\n\r\n .fu-card,\r\n .fu-contact-card {\r\n padding:19px;\r\n }\r\n\r\n .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 180 ===== */ @scope (.fu-article-180) { \r\n/* =========================================================\r\n FAST UMSONST – DER KINDERSCHUTZBUND MÜNSTER E.V.\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 880px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 181 ===== */ @scope (.fu-article-181) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 183 ===== */ @scope (.fu-article-183) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 184 ===== */ @scope (.fu-article-184) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 187 ===== */ @scope (.fu-article-187) { \r\n/* =========================================================\r\n FAST UMSONST – BÜRGERHAUS BENNOHAUS\r\n Modernes Kartenlayout\r\n ========================================================= */\r\n\r\n.fu-bennohaus {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 34px rgba(31,75,63,.14);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 0 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-bennohaus *,\r\n.fu-bennohaus *::before,\r\n.fu-bennohaus *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-hero {\r\n background:\r\n linear-gradient(135deg,\r\n var(--fu-green-dark) 0%,\r\n var(--fu-green) 58%,\r\n #286052 100%);\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.fu-bennohaus .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:230px;\r\n height:230px;\r\n right:-75px;\r\n top:-90px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-bennohaus .fu-hero-inner {\r\n position:relative;\r\n z-index:2;\r\n max-width:820px;\r\n}\r\n\r\n.fu-bennohaus .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n font-size:.88rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n opacity:.92;\r\n}\r\n\r\n.fu-bennohaus .fu-kicker i {\r\n font-size:1rem;\r\n}\r\n\r\n.fu-bennohaus h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-bennohaus .fu-hero p {\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n max-width:780px;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px 30px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-bennohaus .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-bennohaus .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n line-height:1.3;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-bennohaus .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-bennohaus .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-bennohaus .fu-btn-secondary {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark) !important;\r\n border:1px solid #cfe0d9;\r\n}\r\n\r\n.fu-bennohaus .fu-btn-secondary:hover {\r\n background:#dcebe5;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n QUICK CARDS\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-quick {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n margin:26px 0;\r\n}\r\n\r\n.fu-bennohaus .fu-quick-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-bennohaus .fu-quick-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-bennohaus .fu-quick-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-bennohaus .fu-quick-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTION\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-section {\r\n margin:30px 0;\r\n}\r\n\r\n.fu-bennohaus .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 17px;\r\n padding-bottom:10px;\r\n border-bottom:2px solid var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-bennohaus .fu-section-title i {\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-card-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:17px;\r\n}\r\n\r\n.fu-bennohaus .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n transition:transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-bennohaus .fu-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-bennohaus .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 9px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-bennohaus .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-bennohaus .fu-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.96rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT BOX\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-highlight {\r\n background:var(--fu-green-soft);\r\n border:1px solid #d8e6df;\r\n border-radius:17px;\r\n padding:26px 28px;\r\n}\r\n\r\n.fu-bennohaus .fu-highlight p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n MEDIENBOX\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-media-box {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-bennohaus .fu-media-card {\r\n background:var(--fu-green-soft);\r\n border:1px solid #d8e6df;\r\n border-radius:16px;\r\n padding:22px;\r\n}\r\n\r\n.fu-bennohaus .fu-media-card h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-bennohaus .fu-media-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n INFO / HINWEIS\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-note {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d4a8;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:13px;\r\n padding:18px 20px;\r\n margin:24px 0;\r\n}\r\n\r\n.fu-bennohaus .fu-note p {\r\n margin:0;\r\n}\r\n\r\n.fu-bennohaus .fu-note strong {\r\n color:#874b04;\r\n}\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-bennohaus .fu-contact-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:25px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-bennohaus .fu-contact-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n margin:0 0 15px;\r\n color:var(--fu-green-dark);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-bennohaus .fu-contact-card h3 i {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-bennohaus .fu-contact-card p {\r\n margin:7px 0;\r\n}\r\n\r\n.fu-bennohaus .fu-contact-card a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:underline;\r\n text-decoration-thickness:1px;\r\n text-underline-offset:2px;\r\n}\r\n\r\n.fu-bennohaus .fu-contact-card a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n ANFAHRT\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-route {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:25px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-bennohaus .fu-route-list {\r\n list-style:none;\r\n padding:0;\r\n margin:15px 0 0;\r\n}\r\n\r\n.fu-bennohaus .fu-route-list li {\r\n position:relative;\r\n padding:8px 0 8px 31px;\r\n border-bottom:1px solid rgba(31,75,63,.10);\r\n}\r\n\r\n.fu-bennohaus .fu-route-list li:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-bennohaus .fu-route-list li i {\r\n position:absolute;\r\n left:0;\r\n top:10px;\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n BACK\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-back {\r\n margin-top:32px;\r\n text-align:center;\r\n}\r\n\r\n.fu-bennohaus .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 18px;\r\n border-radius:10px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark) !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n border:1px solid #cfe0d9;\r\n}\r\n\r\n.fu-bennohaus .fu-back a:hover {\r\n background:#dcebe5;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-bennohaus {\r\n padding-left:8px;\r\n padding-right:8px;\r\n }\r\n\r\n .fu-bennohaus .fu-hero {\r\n padding:32px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-bennohaus .fu-quick,\r\n .fu-bennohaus .fu-card-grid,\r\n .fu-bennohaus .fu-media-box,\r\n .fu-bennohaus .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:560px) {\r\n\r\n .fu-bennohaus .fu-hero {\r\n padding:27px 20px;\r\n }\r\n\r\n .fu-bennohaus .fu-intro,\r\n .fu-bennohaus .fu-contact-card,\r\n .fu-bennohaus .fu-route,\r\n .fu-bennohaus .fu-highlight {\r\n padding:21px;\r\n }\r\n\r\n .fu-bennohaus .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-bennohaus .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 192 ===== */ @scope (.fu-article-192) { \r\n/* =========================================================\r\n FAST UMSONST – IMPULSWERK MÜNSTER E.V.\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-impuls {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 16px 60px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-impuls * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-impuls a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-impuls a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* Hero */\r\n.fu-impuls .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n padding:42px 36px;\r\n border-radius:22px;\r\n box-shadow:0 12px 30px rgba(0,0,0,.14);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-impuls .fu-hero-icon {\r\n width:68px;\r\n height:68px;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.14);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:2.2rem;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-impuls .fu-hero h1 {\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n}\r\n\r\n.fu-impuls .fu-hero p {\r\n margin:0;\r\n max-width:850px;\r\n color:rgba(255,255,255,.94);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* Sprungnavigation */\r\n.fu-impuls .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-impuls .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n box-shadow:0 4px 12px rgba(0,0,0,.05);\r\n font-size:.92rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-impuls .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n}\r\n\r\n/* Karten */\r\n.fu-impuls .fu-card {\r\n background:var(--fu-card);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:26px;\r\n margin-bottom:22px;\r\n box-shadow:0 8px 22px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-impuls .fu-card h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 15px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-impuls .fu-card h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-impuls .fu-card h3 {\r\n color:var(--fu-green);\r\n margin:0 0 8px;\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-impuls .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* Intro */\r\n.fu-impuls .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:27px;\r\n margin-bottom:22px;\r\n}\r\n\r\n/* Grid */\r\n.fu-impuls .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-impuls .fu-mini {\r\n height:100%;\r\n padding:22px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 5px 16px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-impuls .fu-mini-icon {\r\n font-size:1.7rem;\r\n color:var(--fu-orange);\r\n margin-bottom:9px;\r\n}\r\n\r\n.fu-impuls .fu-mini h3 {\r\n margin-top:0;\r\n}\r\n\r\n/* Highlight */\r\n.fu-impuls .fu-highlight {\r\n background:var(--fu-highlight);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-impuls .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* Fakten */\r\n.fu-impuls .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-impuls .fu-fact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n padding:15px 17px;\r\n}\r\n\r\n.fu-impuls .fu-fact i {\r\n color:var(--fu-orange);\r\n margin-right:7px;\r\n}\r\n\r\n/* Buttons */\r\n.fu-impuls .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-impuls .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n text-decoration:none !important;\r\n box-shadow:0 4px 12px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-impuls .fu-btn:hover {\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-impuls .fu-btn.fu-btn-orange {\r\n background:var(--fu-orange);\r\n}\r\n\r\n.fu-impuls .fu-btn.fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n/* Kontakt */\r\n.fu-impuls .fu-contact {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-impuls .fu-contact-box {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:21px;\r\n}\r\n\r\n.fu-impuls .fu-contact-box p {\r\n margin:6px 0;\r\n}\r\n\r\n.fu-impuls .fu-contact-box i {\r\n color:var(--fu-orange);\r\n width:22px;\r\n}\r\n\r\n/* Passende Informationen */\r\n.fu-impuls .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:14px;\r\n}\r\n\r\n.fu-impuls .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:#fff;\r\n box-shadow:0 5px 15px rgba(0,0,0,.05);\r\n font-weight:700;\r\n}\r\n\r\n.fu-impuls .fu-related a:hover {\r\n background:var(--fu-paper);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-impuls .fu-related i {\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n margin-top:2px;\r\n}\r\n\r\n/* Quelle */\r\n.fu-impuls .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n border-top:1px solid var(--fu-border);\r\n margin-top:25px;\r\n padding-top:18px;\r\n}\r\n\r\n/* Zurück */\r\n.fu-impuls .fu-top {\r\n text-align:right;\r\n margin-top:24px;\r\n}\r\n\r\n.fu-impuls .fu-top a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n font-weight:700;\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width:760px) {\r\n .fu-impuls {\r\n padding:12px 10px 45px;\r\n }\r\n\r\n .fu-impuls .fu-hero {\r\n padding:32px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-impuls .fu-grid,\r\n .fu-impuls .fu-facts,\r\n .fu-impuls .fu-contact,\r\n .fu-impuls .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-impuls .fu-card,\r\n .fu-impuls .fu-intro {\r\n padding:21px;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n .fu-impuls .fu-hero h1 {\r\n font-size:1.85rem;\r\n }\r\n\r\n .fu-impuls .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-impuls .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 195 ===== */ @scope (.fu-article-195) { \r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16382f;\r\n --fu-paper: #faf8f4;\r\n --fu-soft: #eef4f1;\r\n --fu-soft-2: #f5f7f5;\r\n --fu-border: #dce7e2;\r\n --fu-text: #25312d;\r\n --fu-muted: #65716d;\r\n --fu-white: #ffffff;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page a {\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2f6657);\r\n color: #fff;\r\n padding: 44px 36px;\r\n border-radius: 22px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-hero .fu-hero-icon {\r\n font-size: 2.8rem;\r\n margin-bottom: 10px;\r\n display: block;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 880px;\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 20px 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 5px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-jump-title {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.fu-jump ul {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.fu-jump li {\r\n margin: 0;\r\n}\r\n\r\n.fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 13px;\r\n border-radius: 999px;\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border: 1px solid var(--fu-border);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-jump a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-section {\r\n margin: 38px 0;\r\n}\r\n\r\n.fu-section h2 {\r\n color: var(--fu-brand);\r\n font-size: 1.75rem;\r\n line-height: 1.25;\r\n margin: 0 0 17px;\r\n}\r\n\r\n.fu-section h2 i {\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-section h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.35;\r\n}\r\n\r\n.fu-lead {\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-card {\r\n display: block;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 6px 20px rgba(0,0,0,.07);\r\n height: 100%;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n transition: transform .18s ease, box-shadow .18s ease;\r\n}\r\n\r\n.fu-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 11px 28px rgba(0,0,0,.11);\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-icon {\r\n width: 50px;\r\n height: 50px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 15px;\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n font-size: 1.45rem;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 8px;\r\n}\r\n\r\n.fu-card p {\r\n margin: 0;\r\n}\r\n\r\n.fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-brand);\r\n border-radius: 16px;\r\n padding: 22px 24px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-highlight strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n.fu-highlight i {\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-stat {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 22px;\r\n text-align: center;\r\n box-shadow: 0 5px 17px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-stat i {\r\n display: block;\r\n font-size: 1.8rem;\r\n color: var(--fu-brand);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-stat strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-stat span {\r\n display: block;\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n margin-top: 3px;\r\n}\r\n\r\n.fu-list {\r\n padding-left: 1.4rem;\r\n}\r\n\r\n.fu-list li {\r\n margin-bottom: 9px;\r\n}\r\n\r\n.fu-list li::marker {\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-contact {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 20px;\r\n padding: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 17px;\r\n}\r\n\r\n.fu-contact-item {\r\n background: #fff;\r\n border-radius: 15px;\r\n padding: 19px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-contact-item strong {\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-button-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 11px;\r\n margin-top: 21px;\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 700;\r\n box-shadow: 0 4px 12px rgba(0,0,0,.09);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-button:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-button.secondary {\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-button.secondary:hover {\r\n background: var(--fu-soft);\r\n}\r\n\r\n.fu-note {\r\n color: var(--fu-muted);\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-source {\r\n background: var(--fu-soft-2);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 22px;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-info-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-card-grid,\r\n .fu-contact-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero {\r\n padding: 34px 24px;\r\n }\r\n\r\n .fu-contact {\r\n padding: 22px;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-page {\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-jump ul {\r\n display: block;\r\n }\r\n\r\n .fu-jump li {\r\n margin-bottom: 7px;\r\n }\r\n\r\n .fu-jump a {\r\n width: 100%;\r\n }\r\n\r\n .fu-button {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 196 ===== */ @scope (.fu-article-196) { \r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16382f;\r\n --fu-paper: #faf8f4;\r\n --fu-soft: #eef4f1;\r\n --fu-soft-2: #f5f7f5;\r\n --fu-border: #dce7e2;\r\n --fu-text: #25312d;\r\n --fu-muted: #65716d;\r\n --fu-white: #ffffff;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page a {\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2f6657);\r\n color: #fff;\r\n padding: 44px 36px;\r\n border-radius: 22px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-hero .fu-hero-icon {\r\n font-size: 2.8rem;\r\n margin-bottom: 10px;\r\n display: block;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 880px;\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 20px 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 5px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-jump-title {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.fu-jump ul {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.fu-jump li {\r\n margin: 0;\r\n}\r\n\r\n.fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 13px;\r\n border-radius: 999px;\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border: 1px solid var(--fu-border);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-jump a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-section {\r\n margin: 38px 0;\r\n}\r\n\r\n.fu-section h2 {\r\n color: var(--fu-brand);\r\n font-size: 1.75rem;\r\n line-height: 1.25;\r\n margin: 0 0 17px;\r\n}\r\n\r\n.fu-section h2 i {\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-section h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.35;\r\n}\r\n\r\n.fu-lead {\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-card {\r\n display: block;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 6px 20px rgba(0,0,0,.07);\r\n height: 100%;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n transition: transform .18s ease, box-shadow .18s ease;\r\n}\r\n\r\n.fu-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 11px 28px rgba(0,0,0,.11);\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-icon {\r\n width: 50px;\r\n height: 50px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 15px;\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n font-size: 1.45rem;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 8px;\r\n}\r\n\r\n.fu-card p {\r\n margin: 0;\r\n}\r\n\r\n.fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-brand);\r\n border-radius: 16px;\r\n padding: 22px 24px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-highlight strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n.fu-highlight i {\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-stat {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 22px;\r\n text-align: center;\r\n box-shadow: 0 5px 17px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-stat i {\r\n display: block;\r\n font-size: 1.8rem;\r\n color: var(--fu-brand);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-stat strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-stat span {\r\n display: block;\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n margin-top: 3px;\r\n}\r\n\r\n.fu-list {\r\n padding-left: 1.4rem;\r\n}\r\n\r\n.fu-list li {\r\n margin-bottom: 9px;\r\n}\r\n\r\n.fu-list li::marker {\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-contact {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 20px;\r\n padding: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 17px;\r\n}\r\n\r\n.fu-contact-item {\r\n background: #fff;\r\n border-radius: 15px;\r\n padding: 19px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-contact-item strong {\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-button-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 11px;\r\n margin-top: 21px;\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 700;\r\n box-shadow: 0 4px 12px rgba(0,0,0,.09);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-button:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-button.secondary {\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-button.secondary:hover {\r\n background: var(--fu-soft);\r\n}\r\n\r\n.fu-note {\r\n color: var(--fu-muted);\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-source {\r\n background: var(--fu-soft-2);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 22px;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-info-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-card-grid,\r\n .fu-contact-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero {\r\n padding: 34px 24px;\r\n }\r\n\r\n .fu-contact {\r\n padding: 22px;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-page {\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-jump ul {\r\n display: block;\r\n }\r\n\r\n .fu-jump li {\r\n margin-bottom: 7px;\r\n }\r\n\r\n .fu-jump a {\r\n width: 100%;\r\n }\r\n\r\n .fu-button {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 197 ===== */ @scope (.fu-article-197) { \r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16382f;\r\n --fu-paper: #faf8f4;\r\n --fu-soft: #eef4f1;\r\n --fu-soft-2: #f5f7f5;\r\n --fu-border: #dce7e2;\r\n --fu-text: #25312d;\r\n --fu-muted: #65716d;\r\n --fu-white: #ffffff;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page a {\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2f6657);\r\n color: #fff;\r\n padding: 44px 36px;\r\n border-radius: 22px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-hero .fu-hero-icon {\r\n font-size: 2.8rem;\r\n margin-bottom: 10px;\r\n display: block;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 880px;\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 20px 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 5px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-jump-title {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.fu-jump ul {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.fu-jump li {\r\n margin: 0;\r\n}\r\n\r\n.fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 13px;\r\n border-radius: 999px;\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border: 1px solid var(--fu-border);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-jump a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-section {\r\n margin: 38px 0;\r\n}\r\n\r\n.fu-section h2 {\r\n color: var(--fu-brand);\r\n font-size: 1.75rem;\r\n line-height: 1.25;\r\n margin: 0 0 17px;\r\n}\r\n\r\n.fu-section h2 i {\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-section h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.35;\r\n}\r\n\r\n.fu-lead {\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-card {\r\n display: block;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 6px 20px rgba(0,0,0,.07);\r\n height: 100%;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n transition: transform .18s ease, box-shadow .18s ease;\r\n}\r\n\r\n.fu-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 11px 28px rgba(0,0,0,.11);\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-icon {\r\n width: 50px;\r\n height: 50px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 15px;\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n font-size: 1.45rem;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 8px;\r\n}\r\n\r\n.fu-card p {\r\n margin: 0;\r\n}\r\n\r\n.fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-brand);\r\n border-radius: 16px;\r\n padding: 22px 24px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-highlight strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n.fu-highlight i {\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-stat {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 22px;\r\n text-align: center;\r\n box-shadow: 0 5px 17px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-stat i {\r\n display: block;\r\n font-size: 1.8rem;\r\n color: var(--fu-brand);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-stat strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-stat span {\r\n display: block;\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n margin-top: 3px;\r\n}\r\n\r\n.fu-list {\r\n padding-left: 1.4rem;\r\n}\r\n\r\n.fu-list li {\r\n margin-bottom: 9px;\r\n}\r\n\r\n.fu-list li::marker {\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-contact {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 20px;\r\n padding: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 17px;\r\n}\r\n\r\n.fu-contact-item {\r\n background: #fff;\r\n border-radius: 15px;\r\n padding: 19px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-contact-item strong {\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-button-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 11px;\r\n margin-top: 21px;\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 700;\r\n box-shadow: 0 4px 12px rgba(0,0,0,.09);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-button:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-button.secondary {\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-button.secondary:hover {\r\n background: var(--fu-soft);\r\n}\r\n\r\n.fu-note {\r\n color: var(--fu-muted);\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-source {\r\n background: var(--fu-soft-2);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 22px;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-info-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-card-grid,\r\n .fu-contact-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero {\r\n padding: 34px 24px;\r\n }\r\n\r\n .fu-contact {\r\n padding: 22px;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-page {\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-jump ul {\r\n display: block;\r\n }\r\n\r\n .fu-jump li {\r\n margin-bottom: 7px;\r\n }\r\n\r\n .fu-jump a {\r\n width: 100%;\r\n }\r\n\r\n .fu-button {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 200 ===== */ @scope (.fu-article-200) { \r\n/* =========================================================\r\n FAST UMSONST – MALTA\r\n Münsters ArbeitsLosenTreff Achtermannstraße\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #68746f;\r\n --fu-border: #e6e1d9;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, #1f4b3f 0%, #2d6253 100%);\r\n color: #fff;\r\n padding: 42px 34px;\r\n border-radius: 22px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 36px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTION\r\n ========================================================= */\r\n\r\n.fu-section {\r\n margin-bottom: 42px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.8rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 11px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n INFO BOX\r\n ========================================================= */\r\n\r\n.fu-info {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-info-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-info-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-info-row i {\r\n flex: 0 0 auto;\r\n color: var(--fu-brand);\r\n font-size: 1.15rem;\r\n margin-top: 4px;\r\n}\r\n\r\n.fu-info-row strong {\r\n color: var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 11px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n border: 2px solid var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n}\r\n\r\n.fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-links {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n height: 100%;\r\n}\r\n\r\n.fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 17px 18px;\r\n margin-top: 22px;\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLE\r\n ========================================================= */\r\n\r\n.fu-source {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-backtop {\r\n text-align: right;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-links {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-grid,\r\n .fu-links {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-intro,\r\n .fu-card,\r\n .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 203 ===== */ @scope (.fu-article-203) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 206 ===== */ @scope (.fu-article-206) { \r\n/* =========================================================\r\n FAST UMSONST – BETREUUNGSVEREIN LEBENSHILFE MÜNSTER\r\n Moderne Beratungsseite\r\n ========================================================= */\r\n\r\n.fu-betreuung {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 32px rgba(31,75,63,.14);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 15px 50px;\r\n color:var(--fu-text);\r\n line-height:1.7;\r\n font-size:16px;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n GLOBAL\r\n --------------------------------------------------------- */\r\n\r\n.fu-betreuung *,\r\n.fu-betreuung *::before,\r\n.fu-betreuung *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-betreuung a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-betreuung a:hover {\r\n color:var(--fu-green-dark);\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-betreuung h1,\r\n.fu-betreuung h2,\r\n.fu-betreuung h3 {\r\n color:var(--fu-green-dark);\r\n line-height:1.25;\r\n}\r\n\r\n.fu-betreuung p {\r\n margin:0 0 1rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HERO\r\n --------------------------------------------------------- */\r\n\r\n.fu-betreuung .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(31,75,63,.98),\r\n rgba(23,56,47,.96)\r\n );\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-betreuung .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:230px;\r\n height:230px;\r\n border-radius:50%;\r\n right:-80px;\r\n top:-80px;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-betreuung .fu-hero::before {\r\n content:\"\";\r\n position:absolute;\r\n width:150px;\r\n height:150px;\r\n border-radius:50%;\r\n right:100px;\r\n bottom:-100px;\r\n background:rgba(255,255,255,.05);\r\n}\r\n\r\n.fu-betreuung .fu-hero-content {\r\n position:relative;\r\n z-index:2;\r\n max-width:850px;\r\n}\r\n\r\n.fu-betreuung .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:14px;\r\n padding:7px 13px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.12);\r\n color:#fff;\r\n font-size:.88rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-betreuung .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n margin:0 0 12px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-betreuung .fu-hero .fu-subtitle {\r\n color:rgba(255,255,255,.92);\r\n font-size:1.18rem;\r\n margin:0;\r\n max-width:760px;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n INTRO\r\n --------------------------------------------------------- */\r\n\r\n.fu-betreuung .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px 30px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-betreuung .fu-intro strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n QUICK CARDS\r\n --------------------------------------------------------- */\r\n\r\n.fu-betreuung .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-betreuung .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:23px;\r\n box-shadow:var(--fu-shadow);\r\n height:100%;\r\n}\r\n\r\n.fu-betreuung .fu-card:hover {\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-betreuung .fu-icon {\r\n width:48px;\r\n height:48px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:14px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-bottom:15px;\r\n}\r\n\r\n.fu-betreuung .fu-card h3 {\r\n font-size:1.1rem;\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-betreuung .fu-card p:last-child {\r\n margin-bottom:0;\r\n color:var(--fu-muted);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n JUMP NAV\r\n --------------------------------------------------------- */\r\n\r\n.fu-betreuung .fu-jump {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:20px;\r\n margin-bottom:32px;\r\n}\r\n\r\n.fu-betreuung .fu-jump-title {\r\n font-weight:800;\r\n color:var(--fu-green-dark);\r\n margin-bottom:12px;\r\n}\r\n\r\n.fu-betreuung .fu-jump-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-betreuung .fu-jump-links a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 13px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n font-size:.92rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-betreuung .fu-jump-links a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SECTION\r\n --------------------------------------------------------- */\r\n\r\n.fu-betreuung .fu-section {\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-betreuung .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 17px;\r\n font-size:1.65rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-betreuung .fu-section-title i {\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n FEATURE BOX\r\n --------------------------------------------------------- */\r\n\r\n.fu-betreuung .fu-feature {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:20px;\r\n padding:30px;\r\n margin-bottom:25px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-betreuung .fu-feature h2,\r\n.fu-betreuung .fu-feature h3 {\r\n color:#fff;\r\n}\r\n\r\n.fu-betreuung .fu-feature p {\r\n color:rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-betreuung .fu-feature ul {\r\n margin:0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-betreuung .fu-feature li {\r\n margin-bottom:8px;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SERVICE GRID\r\n --------------------------------------------------------- */\r\n\r\n.fu-betreuung .fu-service-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-betreuung .fu-service {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-betreuung .fu-service h3 {\r\n margin:0 0 9px;\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-betreuung .fu-service p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-betreuung .fu-service ul {\r\n margin:12px 0 0;\r\n padding-left:21px;\r\n}\r\n\r\n.fu-betreuung .fu-service li {\r\n margin-bottom:7px;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n INFO BOX\r\n --------------------------------------------------------- */\r\n\r\n.fu-betreuung .fu-info {\r\n display:flex;\r\n gap:15px;\r\n align-items:flex-start;\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-green);\r\n border-radius:14px;\r\n padding:20px 22px;\r\n margin:22px 0;\r\n}\r\n\r\n.fu-betreuung .fu-info i {\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-betreuung .fu-info p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n ORANGE NOTE\r\n --------------------------------------------------------- */\r\n\r\n.fu-betreuung .fu-note {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f0d5ae;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:20px 22px;\r\n margin:24px 0;\r\n}\r\n\r\n.fu-betreuung .fu-note strong {\r\n color:#8b4d00;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SPRECHSTUNDE\r\n --------------------------------------------------------- */\r\n\r\n.fu-betreuung .fu-appointment {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-betreuung .fu-time-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-betreuung .fu-time-card .fu-time-icon {\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n margin-bottom:13px;\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-betreuung .fu-time-card h3 {\r\n margin:0 0 7px;\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-betreuung .fu-time {\r\n font-size:1.1rem;\r\n font-weight:800;\r\n color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n CONTACT\r\n --------------------------------------------------------- */\r\n\r\n.fu-betreuung .fu-contact {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n padding:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-betreuung .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:22px;\r\n}\r\n\r\n.fu-betreuung .fu-contact-item {\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n}\r\n\r\n.fu-betreuung .fu-contact-item i {\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n width:24px;\r\n text-align:center;\r\n margin-top:3px;\r\n}\r\n\r\n.fu-betreuung .fu-contact-item strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n margin-bottom:3px;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BUTTONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-betreuung .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:11px;\r\n margin-top:23px;\r\n}\r\n\r\n.fu-betreuung .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n font-weight:700;\r\n border:1px solid transparent;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-betreuung .fu-btn:hover {\r\n text-decoration:none;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-betreuung .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-betreuung .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n}\r\n\r\n.fu-betreuung .fu-btn-light {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark) !important;\r\n border-color:var(--fu-border);\r\n}\r\n\r\n.fu-betreuung .fu-btn-orange {\r\n background:var(--fu-orange);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-betreuung .fu-btn-orange:hover {\r\n background:#b85f05;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RELATED LINKS\r\n --------------------------------------------------------- */\r\n\r\n.fu-betreuung .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-betreuung .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:17px 18px;\r\n font-weight:700;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-betreuung .fu-related a i {\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-betreuung .fu-related a:hover {\r\n background:var(--fu-green-soft);\r\n text-decoration:none;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BACK\r\n --------------------------------------------------------- */\r\n\r\n.fu-betreuung .fu-back {\r\n text-align:center;\r\n margin-top:35px;\r\n}\r\n\r\n.fu-betreuung .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-weight:700;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RESPONSIVE\r\n --------------------------------------------------------- */\r\n\r\n@media (max-width:900px) {\r\n .fu-betreuung .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-betreuung .fu-service-grid,\r\n .fu-betreuung .fu-contact-grid,\r\n .fu-betreuung .fu-appointment,\r\n .fu-betreuung .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n .fu-betreuung {\r\n padding-left:8px;\r\n padding-right:8px;\r\n }\r\n\r\n .fu-betreuung .fu-hero {\r\n padding:30px 22px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-betreuung .fu-intro,\r\n .fu-betreuung .fu-feature,\r\n .fu-betreuung .fu-contact {\r\n padding:22px;\r\n }\r\n\r\n .fu-betreuung .fu-section-title {\r\n font-size:1.4rem;\r\n }\r\n\r\n .fu-betreuung .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-betreuung .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 210 ===== */ @scope (.fu-article-210) { \r\n/* =========================================================\r\n FAST UMSONST – SEHT MÜNSTER E.V.\r\n Selbsthilfe / Beratung / Begleitung\r\n ========================================================= */\r\n\r\n.fu-seht {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 12px 30px rgba(31,75,63,.13);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 15px 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BASIS\r\n --------------------------------------------------------- */\r\n\r\n.fu-seht *,\r\n.fu-seht *::before,\r\n.fu-seht *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-seht a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-seht a:hover {\r\n color:var(--fu-green-dark);\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-seht p {\r\n margin:0 0 1rem;\r\n}\r\n\r\n.fu-seht ul {\r\n margin:0 0 1rem;\r\n padding-left:1.25rem;\r\n}\r\n\r\n.fu-seht li {\r\n margin-bottom:.45rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HERO\r\n --------------------------------------------------------- */\r\n\r\n.fu-seht .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(\r\n 135deg,\r\n var(--fu-green-dark) 0%,\r\n var(--fu-green) 65%,\r\n #2b6252 100%\r\n );\r\n color:#fff;\r\n border-radius:20px;\r\n padding:38px 34px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-seht .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:220px;\r\n height:220px;\r\n right:-70px;\r\n top:-80px;\r\n border:35px solid rgba(255,255,255,.08);\r\n border-radius:50%;\r\n}\r\n\r\n.fu-seht .fu-hero-inner {\r\n position:relative;\r\n z-index:2;\r\n max-width:850px;\r\n}\r\n\r\n.fu-seht .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.18);\r\n border-radius:999px;\r\n padding:6px 13px;\r\n margin-bottom:14px;\r\n font-size:.88rem;\r\n font-weight:600;\r\n letter-spacing:.02em;\r\n}\r\n\r\n.fu-seht .fu-hero h1 {\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:750;\r\n}\r\n\r\n.fu-seht .fu-hero p {\r\n margin:0;\r\n max-width:800px;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-seht .fu-hero-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:24px;\r\n}\r\n\r\n.fu-seht .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 17px;\r\n border-radius:10px;\r\n font-weight:650;\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-seht .fu-btn-primary {\r\n background:#fff;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n.fu-seht .fu-btn-primary:hover {\r\n background:var(--fu-green-light);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-seht .fu-btn-outline {\r\n border:1px solid rgba(255,255,255,.45);\r\n color:#fff !important;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-seht .fu-btn-outline:hover {\r\n background:rgba(255,255,255,.15);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n INTRO\r\n --------------------------------------------------------- */\r\n\r\n.fu-seht .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:26px 28px;\r\n margin-bottom:24px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-seht .fu-intro strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n QUICK CARDS\r\n --------------------------------------------------------- */\r\n\r\n.fu-seht .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n margin:24px 0;\r\n}\r\n\r\n.fu-seht .fu-card {\r\n height:100%;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:23px;\r\n box-shadow:var(--fu-shadow);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-seht .fu-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-seht .fu-card-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-seht .fu-card h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-seht .fu-card p {\r\n color:var(--fu-muted);\r\n font-size:.96rem;\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n JUMP NAV\r\n --------------------------------------------------------- */\r\n\r\n.fu-seht .fu-jump {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:20px 22px;\r\n margin:26px 0 32px;\r\n}\r\n\r\n.fu-seht .fu-jump-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-weight:700;\r\n}\r\n\r\n.fu-seht .fu-jump-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n\r\n.fu-seht .fu-jump-links a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:9px;\r\n padding:8px 12px;\r\n font-size:.92rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-seht .fu-jump-links a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SECTION\r\n --------------------------------------------------------- */\r\n\r\n.fu-seht .fu-section {\r\n margin:38px 0;\r\n}\r\n\r\n.fu-seht .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n color:var(--fu-green-dark);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n margin:0 0 17px;\r\n}\r\n\r\n.fu-seht .fu-section h2 i {\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-seht .fu-section h3 {\r\n color:var(--fu-green-dark);\r\n margin:0 0 9px;\r\n font-size:1.15rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HIGHLIGHT BOX\r\n --------------------------------------------------------- */\r\n\r\n.fu-seht .fu-highlight {\r\n background:var(--fu-green-light);\r\n border-left:5px solid var(--fu-green);\r\n border-radius:12px;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-seht .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n TOPIC LIST\r\n --------------------------------------------------------- */\r\n\r\n.fu-seht .fu-topic-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-seht .fu-topic {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n padding:14px 16px;\r\n}\r\n\r\n.fu-seht .fu-topic i {\r\n color:var(--fu-green);\r\n margin-top:4px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-seht .fu-topic span {\r\n font-weight:550;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n OFFER CARDS\r\n --------------------------------------------------------- */\r\n\r\n.fu-seht .fu-offer {\r\n display:grid;\r\n grid-template-columns:58px 1fr;\r\n gap:17px;\r\n align-items:start;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:20px;\r\n margin-bottom:14px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.055);\r\n}\r\n\r\n.fu-seht .fu-offer-icon {\r\n width:58px;\r\n height:58px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:14px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-seht .fu-offer h3 {\r\n margin:0 0 5px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-seht .fu-offer p {\r\n margin-bottom:8px;\r\n}\r\n\r\n.fu-seht .fu-small {\r\n color:var(--fu-muted);\r\n font-size:.93rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n CONTACT\r\n --------------------------------------------------------- */\r\n\r\n.fu-seht .fu-contact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:27px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-seht .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-seht .fu-contact-item {\r\n display:flex;\r\n gap:12px;\r\n align-items:flex-start;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n padding:15px;\r\n}\r\n\r\n.fu-seht .fu-contact-item i {\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n margin-top:3px;\r\n}\r\n\r\n.fu-seht .fu-contact-item strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-seht .fu-contact-item span,\r\n.fu-seht .fu-contact-item a {\r\n font-size:.95rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n EXTERNAL LINK\r\n --------------------------------------------------------- */\r\n\r\n.fu-seht .fu-external {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n font-weight:650;\r\n}\r\n\r\n.fu-seht .fu-external i {\r\n font-size:.8rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BACK\r\n --------------------------------------------------------- */\r\n\r\n.fu-seht .fu-back {\r\n margin-top:35px;\r\n padding-top:22px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-seht .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-weight:650;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RESPONSIVE\r\n --------------------------------------------------------- */\r\n\r\n@media (max-width:900px) {\r\n .fu-seht .fu-grid {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n .fu-seht .fu-topic-grid,\r\n .fu-seht .fu-contact-grid {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n .fu-seht {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-seht .fu-hero {\r\n padding:28px 22px;\r\n border-radius:16px;\r\n }\r\n\r\n .fu-seht .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-seht .fu-intro,\r\n .fu-seht .fu-card,\r\n .fu-seht .fu-contact {\r\n padding:20px;\r\n }\r\n\r\n .fu-seht .fu-offer {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-seht .fu-offer-icon {\r\n width:48px;\r\n height:48px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 212 ===== */ @scope (.fu-article-212) { \r\n/* =========================================================\r\n FAST UMSONST – VAMV MÜNSTER\r\n Verband allein erziehender Mütter und Väter e.V.\r\n ========================================================= */\r\n\r\n.fu-vamv {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:10px 20px 50px;\r\n color:var(--fu-text);\r\n line-height:1.7;\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-vamv *,\r\n.fu-vamv *::before,\r\n.fu-vamv *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:24px;\r\n box-shadow:0 14px 35px rgba(0,0,0,.14);\r\n}\r\n\r\n.fu-vamv .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:230px;\r\n height:230px;\r\n right:-80px;\r\n top:-100px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-vamv .fu-hero-icon {\r\n width:68px;\r\n height:68px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2.1rem;\r\n margin-bottom:20px;\r\n}\r\n\r\n.fu-vamv .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n margin:0 0 12px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-vamv .fu-hero p {\r\n margin:0;\r\n max-width:820px;\r\n font-size:1.12rem;\r\n color:rgba(255,255,255,.93);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-vamv .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.95rem;\r\n box-shadow:0 3px 10px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-vamv .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px 27px;\r\n margin-bottom:30px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-vamv .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n SEKTIONEN\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-section {\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-vamv .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n color:var(--fu-green);\r\n font-size:1.55rem;\r\n line-height:1.3;\r\n margin:0 0 18px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-vamv .fu-section-title i {\r\n font-size:1.4rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-vamv .fu-card {\r\n background:var(--fu-card);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:23px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n height:100%;\r\n}\r\n\r\n.fu-vamv .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-vamv .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-vamv .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-vamv .fu-card ul {\r\n margin:12px 0 0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-vamv .fu-card li {\r\n margin-bottom:7px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-highlight {\r\n background:linear-gradient(135deg,#f8f1e4,#fff);\r\n border:1px solid #eadcc5;\r\n border-left:6px solid var(--fu-orange);\r\n border-radius:18px;\r\n padding:27px 28px;\r\n box-shadow:0 8px 22px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-vamv .fu-highlight h3 {\r\n color:var(--fu-green);\r\n margin:0 0 12px;\r\n font-size:1.4rem;\r\n}\r\n\r\n/* =========================================================\r\n INFOBOX\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-note {\r\n background:var(--fu-highlight);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:18px 20px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-vamv .fu-note strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n ANGEBOTSLISTE\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-offers {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-vamv .fu-offer {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:20px;\r\n box-shadow:0 6px 17px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-vamv .fu-offer-icon {\r\n width:45px;\r\n height:45px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-paper);\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-vamv .fu-offer h3 {\r\n color:var(--fu-green);\r\n font-size:1.08rem;\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-vamv .fu-offer p {\r\n margin:0;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-contact {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-vamv .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-vamv .fu-contact-item {\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n}\r\n\r\n.fu-vamv .fu-contact-item > i {\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n margin-top:4px;\r\n}\r\n\r\n.fu-vamv .fu-contact-item strong {\r\n display:block;\r\n color:var(--fu-green);\r\n margin-bottom:3px;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:11px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-vamv .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:11px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-vamv .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-vamv .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-vamv .fu-btn-secondary {\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-vamv .fu-btn-secondary:hover {\r\n background:var(--fu-paper);\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-vamv .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:17px 18px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n box-shadow:0 5px 15px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-vamv .fu-related a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-vamv .fu-related i {\r\n font-size:1.25rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n QUELLE\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-source {\r\n margin-top:28px;\r\n padding-top:18px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-vamv .fu-source a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-top {\r\n text-align:center;\r\n margin-top:28px;\r\n}\r\n\r\n.fu-vamv .fu-top a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n.fu-vamv .fu-top a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-vamv .fu-offers {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:760px) {\r\n\r\n .fu-vamv {\r\n padding-left:12px;\r\n padding-right:12px;\r\n }\r\n\r\n .fu-vamv .fu-hero {\r\n padding:32px 24px;\r\n }\r\n\r\n .fu-vamv .fu-grid,\r\n .fu-vamv .fu-contact-grid,\r\n .fu-vamv .fu-related,\r\n .fu-vamv .fu-offers {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-vamv {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-vamv .fu-hero {\r\n padding:27px 20px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-vamv .fu-hero h1 {\r\n font-size:1.9rem;\r\n }\r\n\r\n .fu-vamv .fu-card,\r\n .fu-vamv .fu-contact,\r\n .fu-vamv .fu-highlight {\r\n padding:20px;\r\n }\r\n\r\n .fu-vamv .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-vamv .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 213 ===== */ @scope (.fu-article-213) { \r\n/* =========================================================\r\n FAST UMSONST – ANTI-STIGMA-KAMPAGNE / APK MÜNSTER\r\n Selbsthilfe / Psychische Gesundheit\r\n ========================================================= */\r\n\r\n.fu-antistigma {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff7ed;\r\n --fu-red:#b42318;\r\n --fu-red-light:#fff1f0;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n line-height:1.7;\r\n font-size:16px;\r\n}\r\n\r\n.fu-antistigma * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-antistigma a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-antistigma a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-antistigma .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-green-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:40px 34px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-antistigma .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-antistigma .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n margin:0 0 10px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-antistigma .fu-hero p {\r\n color:rgba(255,255,255,.93);\r\n font-size:1.1rem;\r\n max-width:820px;\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-antistigma .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-antistigma .fu-lead {\r\n color:var(--fu-green-dark);\r\n font-size:1.15rem;\r\n font-weight:650;\r\n margin-top:0;\r\n}\r\n\r\n.fu-antistigma .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SCHNELLINFO\r\n ========================================================= */\r\n\r\n.fu-antistigma .fu-info-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:18px;\r\n margin-bottom:30px;\r\n}\r\n\r\n.fu-antistigma .fu-info-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:22px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-antistigma .fu-info-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-antistigma .fu-info-card strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n font-size:1.05rem;\r\n margin-bottom:4px;\r\n}\r\n\r\n.fu-antistigma .fu-info-card span {\r\n color:var(--fu-muted);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-antistigma .fu-jump {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:20px;\r\n margin-bottom:32px;\r\n}\r\n\r\n.fu-antistigma .fu-jump-title {\r\n color:var(--fu-green-dark);\r\n font-weight:800;\r\n margin-bottom:12px;\r\n}\r\n\r\n.fu-antistigma .fu-jump-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-antistigma .fu-jump-links a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n padding:8px 14px;\r\n font-size:.92rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-antistigma .fu-jump-links a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-antistigma .fu-section {\r\n margin:38px 0;\r\n}\r\n\r\n.fu-antistigma .fu-section h2 {\r\n color:var(--fu-green-dark);\r\n font-size:1.7rem;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-antistigma .fu-section h3 {\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n margin:0 0 8px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ANGEBOTSKARTEN\r\n ========================================================= */\r\n\r\n.fu-antistigma .fu-offer-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-antistigma .fu-offer-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-antistigma .fu-offer-icon {\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.3rem;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-antistigma .fu-offer-card h3 {\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-antistigma .fu-offer-card p {\r\n color:var(--fu-muted);\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HIGHLIGHT / ANTI-STIGMA\r\n ========================================================= */\r\n\r\n.fu-antistigma .fu-highlight {\r\n background:var(--fu-green-light);\r\n border:1px solid #d4e3dc;\r\n border-radius:20px;\r\n padding:28px;\r\n margin:28px 0;\r\n}\r\n\r\n.fu-antistigma .fu-highlight h3 {\r\n color:var(--fu-green-dark);\r\n margin-top:0;\r\n}\r\n\r\n.fu-antistigma .fu-highlight p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BERATUNG\r\n ========================================================= */\r\n\r\n.fu-antistigma .fu-advice {\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-antistigma .fu-advice-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-antistigma .fu-advice-card h3 {\r\n margin-top:0;\r\n}\r\n\r\n.fu-antistigma .fu-time {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n background:var(--fu-green-light);\r\n border:1px solid #d4e3dc;\r\n border-radius:14px;\r\n padding:15px 17px;\r\n margin-top:16px;\r\n}\r\n\r\n.fu-antistigma .fu-time i {\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-antistigma .fu-time strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n ANGEHÖRIGENGRUPPE\r\n ========================================================= */\r\n\r\n.fu-antistigma .fu-group {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-antistigma .fu-group-date {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n border-radius:999px;\r\n padding:7px 13px;\r\n font-weight:800;\r\n margin-bottom:13px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-antistigma .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-antistigma .fu-contact-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-antistigma .fu-contact-row {\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-antistigma .fu-contact-row:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-antistigma .fu-contact-icon {\r\n flex:0 0 39px;\r\n width:39px;\r\n height:39px;\r\n border-radius:10px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n}\r\n\r\n.fu-antistigma .fu-contact-label {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n margin-bottom:2px;\r\n}\r\n\r\n.fu-antistigma .fu-contact-value {\r\n color:var(--fu-green-dark);\r\n font-weight:700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-antistigma .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-antistigma .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n border:1px solid var(--fu-green);\r\n border-radius:11px;\r\n padding:10px 15px;\r\n font-weight:700;\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-antistigma .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n border-color:var(--fu-green-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-antistigma .fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-antistigma .fu-btn-light:hover {\r\n background:var(--fu-green-light);\r\n}\r\n\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-antistigma .fu-note {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d4aa;\r\n border-radius:18px;\r\n padding:23px 25px;\r\n margin:28px 0;\r\n}\r\n\r\n.fu-antistigma .fu-note-title {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n color:#9a5b08;\r\n font-weight:800;\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-antistigma .fu-note p {\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n WEITERE HILFE\r\n ========================================================= */\r\n\r\n.fu-antistigma .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-antistigma .fu-related-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:22px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.05);\r\n}\r\n\r\n.fu-antistigma .fu-related-card h3 {\r\n margin-top:0;\r\n}\r\n\r\n.fu-antistigma .fu-related-card p {\r\n color:var(--fu-muted);\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-antistigma .fu-back {\r\n margin-top:35px;\r\n padding-top:22px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-antistigma .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-weight:800;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:850px) {\r\n\r\n .fu-antistigma .fu-info-grid,\r\n .fu-antistigma .fu-offer-grid,\r\n .fu-antistigma .fu-advice,\r\n .fu-antistigma .fu-contact-grid,\r\n .fu-antistigma .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-antistigma .fu-hero {\r\n padding:29px 22px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-antistigma .fu-intro,\r\n .fu-antistigma .fu-contact-card,\r\n .fu-antistigma .fu-advice-card,\r\n .fu-antistigma .fu-offer-card,\r\n .fu-antistigma .fu-group,\r\n .fu-antistigma .fu-info-card {\r\n padding:20px;\r\n }\r\n\r\n .fu-antistigma .fu-jump {\r\n padding:17px;\r\n }\r\n\r\n .fu-antistigma .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-antistigma .fu-btn {\r\n width:100%;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 214 ===== */ @scope (.fu-article-214) { \r\n/* =========================================================\r\n FAST UMSONST – ZWAR MÜNSTER\r\n Zwischen Arbeit und Ruhestand\r\n Modernes Kartenlayout\r\n ========================================================= */\r\n\r\n.fu-zwar {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 32px rgba(31,75,63,.14);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 15px 50px;\r\n color:var(--fu-text);\r\n line-height:1.7;\r\n font-size:16px;\r\n}\r\n\r\n.fu-zwar *,\r\n.fu-zwar *::before,\r\n.fu-zwar *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-zwar a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-zwar a:hover {\r\n color:var(--fu-green-dark);\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-zwar h1,\r\n.fu-zwar h2,\r\n.fu-zwar h3 {\r\n color:var(--fu-green-dark);\r\n line-height:1.25;\r\n}\r\n\r\n.fu-zwar p {\r\n margin:0 0 1rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-zwar .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(31,75,63,.98),\r\n rgba(23,56,47,.96)\r\n );\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-zwar .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:250px;\r\n height:250px;\r\n border-radius:50%;\r\n right:-90px;\r\n top:-90px;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-zwar .fu-hero::before {\r\n content:\"\";\r\n position:absolute;\r\n width:160px;\r\n height:160px;\r\n border-radius:50%;\r\n right:110px;\r\n bottom:-110px;\r\n background:rgba(255,255,255,.05);\r\n}\r\n\r\n.fu-zwar .fu-hero-content {\r\n position:relative;\r\n z-index:2;\r\n max-width:850px;\r\n}\r\n\r\n.fu-zwar .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:14px;\r\n padding:7px 13px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.12);\r\n color:#fff;\r\n font-size:.88rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-zwar .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n margin:0 0 12px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-zwar .fu-subtitle {\r\n color:rgba(255,255,255,.93);\r\n font-size:1.18rem;\r\n margin:0;\r\n max-width:800px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-zwar .fu-intro {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px 30px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-zwar .fu-intro strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-zwar .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n QUICK CARDS\r\n ========================================================= */\r\n\r\n.fu-zwar .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n margin-bottom:30px;\r\n}\r\n\r\n.fu-zwar .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:23px;\r\n box-shadow:var(--fu-shadow);\r\n height:100%;\r\n}\r\n\r\n.fu-zwar .fu-card:hover {\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-zwar .fu-icon {\r\n width:48px;\r\n height:48px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:14px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-bottom:15px;\r\n}\r\n\r\n.fu-zwar .fu-card h3 {\r\n font-size:1.1rem;\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-zwar .fu-card p:last-child {\r\n margin-bottom:0;\r\n color:var(--fu-muted);\r\n}\r\n\r\n\r\n/* =========================================================\r\n JUMP NAV\r\n ========================================================= */\r\n\r\n.fu-zwar .fu-jump {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:20px;\r\n margin-bottom:32px;\r\n}\r\n\r\n.fu-zwar .fu-jump-title {\r\n font-weight:800;\r\n color:var(--fu-green-dark);\r\n margin-bottom:12px;\r\n}\r\n\r\n.fu-zwar .fu-jump-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-zwar .fu-jump-links a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 13px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n font-size:.92rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-zwar .fu-jump-links a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-zwar .fu-section {\r\n margin:0 0 35px;\r\n}\r\n\r\n.fu-zwar .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 18px;\r\n font-size:1.65rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-zwar .fu-section-title i {\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n FEATURE\r\n ========================================================= */\r\n\r\n.fu-zwar .fu-feature {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:20px;\r\n padding:30px;\r\n margin-bottom:24px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-zwar .fu-feature h2,\r\n.fu-zwar .fu-feature h3 {\r\n color:#fff;\r\n margin-top:0;\r\n}\r\n\r\n.fu-zwar .fu-feature p {\r\n color:rgba(255,255,255,.93);\r\n}\r\n\r\n.fu-zwar .fu-feature p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SERVICE GRID\r\n ========================================================= */\r\n\r\n.fu-zwar .fu-service-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-zwar .fu-service {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-zwar .fu-service h3 {\r\n margin:0 0 9px;\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-zwar .fu-service h3 i {\r\n color:var(--fu-green);\r\n margin-right:7px;\r\n}\r\n\r\n.fu-zwar .fu-service p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZWAR PRINCIPLES\r\n ========================================================= */\r\n\r\n.fu-zwar .fu-principles {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-zwar .fu-principle {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:20px;\r\n}\r\n\r\n.fu-zwar .fu-principle i {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:1.45rem;\r\n margin-bottom:9px;\r\n}\r\n\r\n.fu-zwar .fu-principle strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n margin-bottom:5px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n GROUP CARDS\r\n ========================================================= */\r\n\r\n.fu-zwar .fu-groups {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-zwar .fu-group {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:var(--fu-shadow);\r\n display:flex;\r\n flex-direction:column;\r\n}\r\n\r\n.fu-zwar .fu-group:hover {\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-zwar .fu-group-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n border-radius:13px;\r\n font-size:1.25rem;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-zwar .fu-group h3 {\r\n margin:0 0 9px;\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-zwar .fu-group p {\r\n color:var(--fu-muted);\r\n}\r\n\r\n.fu-zwar .fu-group .fu-group-meta {\r\n margin-top:auto;\r\n padding-top:14px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-zwar .fu-group .fu-group-meta strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-zwar .fu-group .fu-group-meta div {\r\n margin-bottom:5px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INFO BOX\r\n ========================================================= */\r\n\r\n.fu-zwar .fu-info {\r\n display:flex;\r\n gap:15px;\r\n align-items:flex-start;\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-green);\r\n border-radius:14px;\r\n padding:20px 22px;\r\n margin:24px 0;\r\n}\r\n\r\n.fu-zwar .fu-info > i {\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-zwar .fu-info p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ORANGE NOTE\r\n ========================================================= */\r\n\r\n.fu-zwar .fu-note {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f0d5ae;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:20px 22px;\r\n margin:24px 0;\r\n}\r\n\r\n.fu-zwar .fu-note strong {\r\n color:#8b4d00;\r\n}\r\n\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-zwar .fu-contact {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n padding:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-zwar .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:22px;\r\n}\r\n\r\n.fu-zwar .fu-contact-item {\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n}\r\n\r\n.fu-zwar .fu-contact-item > i {\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n width:24px;\r\n text-align:center;\r\n margin-top:3px;\r\n}\r\n\r\n.fu-zwar .fu-contact-item strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n margin-bottom:3px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-zwar .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:11px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-zwar .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n font-weight:700;\r\n border:1px solid transparent;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-zwar .fu-btn:hover {\r\n text-decoration:none;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-zwar .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-zwar .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n}\r\n\r\n.fu-zwar .fu-btn-light {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark) !important;\r\n border-color:var(--fu-border);\r\n}\r\n\r\n.fu-zwar .fu-btn-orange {\r\n background:var(--fu-orange);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-zwar .fu-btn-orange:hover {\r\n background:#b85f05;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-zwar .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-zwar .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:17px 18px;\r\n font-weight:700;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-zwar .fu-related a i {\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-zwar .fu-related a:hover {\r\n background:var(--fu-green-soft);\r\n text-decoration:none;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BACK\r\n ========================================================= */\r\n\r\n.fu-zwar .fu-back {\r\n text-align:center;\r\n margin-top:35px;\r\n}\r\n\r\n.fu-zwar .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-weight:700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:950px) {\r\n\r\n .fu-zwar .fu-grid,\r\n .fu-zwar .fu-principles,\r\n .fu-zwar .fu-groups {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n .fu-zwar .fu-service-grid,\r\n .fu-zwar .fu-contact-grid,\r\n .fu-zwar .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-zwar {\r\n padding-left:8px;\r\n padding-right:8px;\r\n }\r\n\r\n .fu-zwar .fu-hero {\r\n padding:30px 22px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-zwar .fu-intro,\r\n .fu-zwar .fu-feature,\r\n .fu-zwar .fu-contact {\r\n padding:22px;\r\n }\r\n\r\n .fu-zwar .fu-grid,\r\n .fu-zwar .fu-principles,\r\n .fu-zwar .fu-groups {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-zwar .fu-section-title {\r\n font-size:1.4rem;\r\n }\r\n\r\n .fu-zwar .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-zwar .fu-btn {\r\n width:100%;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 215 ===== */ @scope (.fu-article-215) { \r\n/* =========================================================\r\n FAST UMSONST – AGENTUR FÜR ARBEIT MÜNSTER\r\n SGB III · Arbeitslosengeld · Arbeit · Ausbildung\r\n ========================================================= */\r\n\r\n.fu-arbeitsagentur {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-shadow:0 10px 30px rgba(23,56,47,.10);\r\n\r\n color:#26332e;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-arbeitsagentur *,\r\n.fu-arbeitsagentur *::before,\r\n.fu-arbeitsagentur *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-arbeitsagentur a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-arbeitsagentur a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-arbeitsagentur .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 28px;\r\n padding:52px 34px;\r\n border-radius:22px;\r\n background:\r\n radial-gradient(circle at 85% 20%,rgba(255,255,255,.13),transparent 28%),\r\n linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-arbeitsagentur .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n right:-70px;\r\n bottom:-110px;\r\n width:220px;\r\n height:220px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-arbeitsagentur .fu-kicker {\r\n position:relative;\r\n z-index:1;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:14px;\r\n color:#f7dfbb;\r\n font-size:.9rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 16px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3.15rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n max-width:900px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-arbeitsagentur .fu-intro {\r\n margin:0 0 28px;\r\n padding:26px 28px;\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:18px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-arbeitsagentur .fu-intro strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-arbeitsagentur .fu-jump {\r\n margin:0 0 36px;\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-arbeitsagentur .fu-jump-title {\r\n margin:0 0 14px;\r\n color:var(--fu-dark);\r\n font-weight:800;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-jump-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-jump-links a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n font-size:.92rem;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-jump-links a:hover {\r\n transform:translateY(-2px);\r\n border-color:var(--fu-green);\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-arbeitsagentur .fu-section {\r\n margin:0 0 42px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-heading {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 18px;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-heading-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:48px;\r\n height:48px;\r\n flex:0 0 48px;\r\n border-radius:14px;\r\n background:#edf4f1;\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-heading h2 {\r\n margin:0;\r\n color:var(--fu-dark);\r\n font-size:1.65rem;\r\n line-height:1.2;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-arbeitsagentur .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-card {\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:24px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:#fff;\r\n box-shadow:0 7px 22px rgba(23,56,47,.08);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-card:hover {\r\n transform:translateY(-4px);\r\n box-shadow:0 14px 32px rgba(23,56,47,.13);\r\n}\r\n\r\n.fu-arbeitsagentur .fu-card-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:50px;\r\n height:50px;\r\n margin-bottom:16px;\r\n border-radius:15px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-size:1.4rem;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-card h3 {\r\n margin:0 0 10px;\r\n color:var(--fu-dark);\r\n font-size:1.18rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-card p {\r\n margin:0 0 18px;\r\n color:#52615b;\r\n font-size:.96rem;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-card-bottom {\r\n margin-top:auto;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:42px;\r\n padding:10px 15px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-size:.92rem;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-button:hover {\r\n background:var(--fu-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-arbeitsagentur .fu-button.light {\r\n background:#eef3f0;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-button.light:hover {\r\n background:#dfe9e4;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-arbeitsagentur .fu-highlight {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:17px;\r\n margin:0 0 30px;\r\n padding:24px 26px;\r\n border:1px solid #f0ddbf;\r\n border-radius:18px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-highlight-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:48px;\r\n height:48px;\r\n flex:0 0 48px;\r\n border-radius:14px;\r\n background:#fff;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-highlight h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-dark);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-highlight p {\r\n margin:0;\r\n}\r\n\r\n/* =========================================================\r\n LEISTUNGEN\r\n ========================================================= */\r\n\r\n.fu-arbeitsagentur .fu-list {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:14px;\r\n margin:0;\r\n padding:0;\r\n list-style:none;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-list li {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n padding:16px 18px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-list i {\r\n margin-top:3px;\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n ABGRENZUNG\r\n ========================================================= */\r\n\r\n.fu-arbeitsagentur .fu-compare {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-compare-card {\r\n padding:25px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:#fff;\r\n box-shadow:0 6px 20px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-arbeitsagentur .fu-compare-card.agentur {\r\n border-top:5px solid var(--fu-green);\r\n}\r\n\r\n.fu-arbeitsagentur .fu-compare-card.jobcenter {\r\n border-top:5px solid var(--fu-orange);\r\n}\r\n\r\n.fu-arbeitsagentur .fu-compare-card h3 {\r\n margin:0 0 10px;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-arbeitsagentur .fu-compare-card p {\r\n margin:0 0 15px;\r\n color:#52615b;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-compare-card ul {\r\n margin:0;\r\n padding-left:20px;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-arbeitsagentur .fu-contact {\r\n padding:30px;\r\n border-radius:21px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-arbeitsagentur .fu-contact h2 {\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-contact p {\r\n margin:0 0 20px;\r\n color:rgba(255,255,255,.91);\r\n}\r\n\r\n.fu-arbeitsagentur .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-contact-item {\r\n padding:16px 18px;\r\n border:1px solid rgba(255,255,255,.18);\r\n border-radius:14px;\r\n background:rgba(255,255,255,.08);\r\n}\r\n\r\n.fu-arbeitsagentur .fu-contact-item strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:#fff;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-contact-item a {\r\n color:#fff;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-contact-item a:hover {\r\n color:#f7dfbb;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-arbeitsagentur .fu-related {\r\n margin-top:36px;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n padding:16px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:#fff;\r\n font-weight:700;\r\n box-shadow:0 4px 15px rgba(23,56,47,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-arbeitsagentur .fu-related a:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 9px 22px rgba(23,56,47,.09);\r\n}\r\n\r\n.fu-arbeitsagentur .fu-related i {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:1050px) {\r\n\r\n .fu-arbeitsagentur .fu-grid,\r\n .fu-arbeitsagentur .fu-related-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:700px) {\r\n\r\n .fu-arbeitsagentur .fu-hero {\r\n padding:38px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-arbeitsagentur .fu-intro,\r\n .fu-arbeitsagentur .fu-jump,\r\n .fu-arbeitsagentur .fu-highlight,\r\n .fu-arbeitsagentur .fu-contact {\r\n padding:21px;\r\n }\r\n\r\n .fu-arbeitsagentur .fu-grid,\r\n .fu-arbeitsagentur .fu-list,\r\n .fu-arbeitsagentur .fu-compare,\r\n .fu-arbeitsagentur .fu-related-grid,\r\n .fu-arbeitsagentur .fu-contact-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-arbeitsagentur .fu-heading h2 {\r\n font-size:1.4rem;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-arbeitsagentur .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-arbeitsagentur .fu-button {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 216 ===== */ @scope (.fu-article-216) { \r\n/* =========================================================\r\n FAST UMSONST – AMT FÜR MIGRATION UND INTEGRATION\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-migration {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-shadow:0 10px 28px rgba(23,56,47,.10);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:20px 18px 60px;\r\n color:#26332e;\r\n line-height:1.65;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-migration .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:44px 38px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-migration .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:260px;\r\n height:260px;\r\n border-radius:50%;\r\n right:-90px;\r\n top:-110px;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-migration .fu-hero-icon {\r\n width:66px;\r\n height:66px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2rem;\r\n margin-bottom:20px;\r\n}\r\n\r\n.fu-migration .fu-hero h1 {\r\n margin:0 0 13px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-migration .fu-hero p {\r\n max-width:900px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-migration .fu-intro {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-left:6px solid var(--fu-orange);\r\n border-radius:18px;\r\n padding:26px 28px;\r\n margin-bottom:30px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-migration .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-migration .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-bottom:36px;\r\n}\r\n\r\n.fu-migration .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:9px 15px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n text-decoration:none;\r\n font-weight:700;\r\n font-size:.94rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-migration .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-migration .fu-section {\r\n margin-bottom:40px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-migration .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 19px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-migration .fu-section-title i {\r\n width:43px;\r\n height:43px;\r\n flex:0 0 43px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#edf3ef;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-migration .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n.fu-migration .fu-card {\r\n height:100%;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:0 7px 22px rgba(23,56,47,.07);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-migration .fu-card:hover {\r\n transform:translateY(-3px);\r\n box-shadow:0 12px 30px rgba(23,56,47,.12);\r\n}\r\n\r\n.fu-migration .fu-card h3 {\r\n margin:0 0 10px;\r\n color:var(--fu-green);\r\n font-size:1.18rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-migration .fu-card h3 i {\r\n margin-right:7px;\r\n}\r\n\r\n.fu-migration .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-migration .fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-migration .fu-card li {\r\n margin-bottom:6px;\r\n}\r\n\r\n/* =========================================================\r\n INFO BOX\r\n ========================================================= */\r\n\r\n.fu-migration .fu-info {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:26px 28px;\r\n}\r\n\r\n.fu-migration .fu-info p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-migration .fu-info strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n IMPORTANT NOTICE\r\n ========================================================= */\r\n\r\n.fu-migration .fu-notice {\r\n display:flex;\r\n gap:16px;\r\n align-items:flex-start;\r\n background:#fff7ed;\r\n border:1px solid #fed7aa;\r\n border-radius:18px;\r\n padding:22px 24px;\r\n margin:22px 0 32px;\r\n}\r\n\r\n.fu-migration .fu-notice i {\r\n color:var(--fu-orange);\r\n font-size:1.5rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-migration .fu-notice p {\r\n margin:0;\r\n}\r\n\r\n/* =========================================================\r\n ONLINE BOX\r\n ========================================================= */\r\n\r\n.fu-migration .fu-online {\r\n background:#edf3ef;\r\n border:1px solid #d9e5df;\r\n border-radius:20px;\r\n padding:27px 29px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-migration .fu-online h3 {\r\n margin:0 0 10px;\r\n color:var(--fu-green);\r\n font-size:1.3rem;\r\n}\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-migration .fu-contact {\r\n display:grid;\r\n grid-template-columns:1.15fr .85fr;\r\n gap:22px;\r\n}\r\n\r\n.fu-migration .fu-contact-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n padding:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-migration .fu-contact-card h3 {\r\n margin:0 0 18px;\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-migration .fu-contact-line {\r\n display:flex;\r\n gap:12px;\r\n margin:13px 0;\r\n}\r\n\r\n.fu-migration .fu-contact-line > i {\r\n width:22px;\r\n flex:0 0 22px;\r\n color:var(--fu-green);\r\n margin-top:4px;\r\n}\r\n\r\n.fu-migration .fu-contact-line a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-migration .fu-contact-line a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-migration .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-migration .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 16px;\r\n border-radius:11px;\r\n text-decoration:none;\r\n font-weight:750;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-migration .fu-btn-green {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-migration .fu-btn-green:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-migration .fu-btn-light {\r\n background:#edf3ef;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-migration .fu-btn-light:hover {\r\n background:#dfeae4;\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-migration .fu-btn-orange {\r\n background:var(--fu-orange);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-migration .fu-btn-orange:hover {\r\n background:#b45309;\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-migration .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-migration .fu-related a {\r\n display:block;\r\n height:100%;\r\n padding:21px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:750;\r\n box-shadow:0 6px 18px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-migration .fu-related a:hover {\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 25px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-migration .fu-related i {\r\n margin-right:8px;\r\n}\r\n\r\n/* =========================================================\r\n NOTE\r\n ========================================================= */\r\n\r\n.fu-migration .fu-note {\r\n margin-top:28px;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-migration .fu-grid,\r\n .fu-migration .fu-related {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-migration .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:640px) {\r\n\r\n .fu-migration {\r\n padding:12px 10px 45px;\r\n }\r\n\r\n .fu-migration .fu-hero {\r\n padding:31px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-migration .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-migration .fu-intro,\r\n .fu-migration .fu-info,\r\n .fu-migration .fu-online,\r\n .fu-migration .fu-contact-card {\r\n padding:21px;\r\n }\r\n\r\n .fu-migration .fu-grid,\r\n .fu-migration .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-migration .fu-jump a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-migration .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-migration .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 217 ===== */ @scope (.fu-article-217) { \r\n/* =========================================================\r\n FAST UMSONST – AMT FÜR BÜRGER- UND RATSERVICE\r\n Münster | aktuelles Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-buergerservice {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-shadow:0 10px 30px rgba(23,56,47,.10);\r\n\r\n color:#26332e;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-buergerservice *,\r\n.fu-buergerservice *::before,\r\n.fu-buergerservice *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-buergerservice a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-buergerservice a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-buergerservice .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 28px;\r\n padding:52px 34px;\r\n border-radius:22px;\r\n background:\r\n radial-gradient(circle at 85% 20%,rgba(255,255,255,.13),transparent 28%),\r\n linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-buergerservice .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n right:-70px;\r\n bottom:-110px;\r\n width:220px;\r\n height:220px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-buergerservice .fu-kicker {\r\n position:relative;\r\n z-index:1;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:14px;\r\n color:#f7dfbb;\r\n font-size:.9rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-buergerservice .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 16px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3.15rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-buergerservice .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n max-width:900px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-buergerservice .fu-intro {\r\n margin:0 0 28px;\r\n padding:26px 28px;\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:18px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-buergerservice .fu-intro strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n QUICK NAV\r\n ========================================================= */\r\n\r\n.fu-buergerservice .fu-jump {\r\n margin:0 0 36px;\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-buergerservice .fu-jump-title {\r\n margin:0 0 14px;\r\n color:var(--fu-dark);\r\n font-weight:800;\r\n}\r\n\r\n.fu-buergerservice .fu-jump-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n}\r\n\r\n.fu-buergerservice .fu-jump-links a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n font-size:.92rem;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-buergerservice .fu-jump-links a:hover {\r\n transform:translateY(-2px);\r\n border-color:var(--fu-green);\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-buergerservice .fu-section {\r\n margin:0 0 42px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-buergerservice .fu-heading {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 18px;\r\n}\r\n\r\n.fu-buergerservice .fu-heading-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:48px;\r\n height:48px;\r\n flex:0 0 48px;\r\n border-radius:14px;\r\n background:#edf4f1;\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-buergerservice .fu-heading h2 {\r\n margin:0;\r\n color:var(--fu-dark);\r\n font-size:1.65rem;\r\n line-height:1.2;\r\n}\r\n\r\n/* =========================================================\r\n SERVICE CARDS\r\n ========================================================= */\r\n\r\n.fu-buergerservice .fu-service-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n.fu-buergerservice .fu-service-card {\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:24px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:#fff;\r\n box-shadow:0 7px 22px rgba(23,56,47,.08);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-buergerservice .fu-service-card:hover {\r\n transform:translateY(-4px);\r\n box-shadow:0 14px 32px rgba(23,56,47,.13);\r\n}\r\n\r\n.fu-buergerservice .fu-card-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:50px;\r\n height:50px;\r\n margin-bottom:16px;\r\n border-radius:15px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-size:1.4rem;\r\n}\r\n\r\n.fu-buergerservice .fu-service-card h3 {\r\n margin:0 0 10px;\r\n color:var(--fu-dark);\r\n font-size:1.17rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-buergerservice .fu-service-card p {\r\n margin:0 0 16px;\r\n color:#52615b;\r\n font-size:.96rem;\r\n}\r\n\r\n.fu-buergerservice .fu-address {\r\n margin:0 0 17px;\r\n color:#52615b;\r\n font-size:.94rem;\r\n}\r\n\r\n.fu-buergerservice .fu-address i {\r\n margin-right:5px;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-buergerservice .fu-card-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin-top:auto;\r\n}\r\n\r\n.fu-buergerservice .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n min-height:41px;\r\n padding:9px 13px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-size:.9rem;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-buergerservice .fu-button:hover {\r\n background:var(--fu-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-buergerservice .fu-button.light {\r\n background:#eef3f0;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-buergerservice .fu-button.light:hover {\r\n background:#dfe9e4;\r\n}\r\n\r\n/* =========================================================\r\n IMPORTANT INFO\r\n ========================================================= */\r\n\r\n.fu-buergerservice .fu-info {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:17px;\r\n margin:0 0 30px;\r\n padding:24px 26px;\r\n border:1px solid #f0ddbf;\r\n border-radius:18px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-buergerservice .fu-info-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:48px;\r\n height:48px;\r\n flex:0 0 48px;\r\n border-radius:14px;\r\n background:#fff;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-buergerservice .fu-info h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-dark);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-buergerservice .fu-info p {\r\n margin:0;\r\n}\r\n\r\n/* =========================================================\r\n SERVICES\r\n ========================================================= */\r\n\r\n.fu-buergerservice .fu-service-list {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:14px;\r\n margin:0;\r\n padding:0;\r\n list-style:none;\r\n}\r\n\r\n.fu-buergerservice .fu-service-list li {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n padding:15px 17px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n}\r\n\r\n.fu-buergerservice .fu-service-list i {\r\n margin-top:3px;\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n ONLINE SERVICES\r\n ========================================================= */\r\n\r\n.fu-buergerservice .fu-online {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-buergerservice .fu-online-card {\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n background:#fff;\r\n box-shadow:0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-buergerservice .fu-online-card i {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:44px;\r\n height:44px;\r\n margin-bottom:13px;\r\n border-radius:12px;\r\n background:#edf4f1;\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-buergerservice .fu-online-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-dark);\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-buergerservice .fu-online-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n CONTACT BOX\r\n ========================================================= */\r\n\r\n.fu-buergerservice .fu-contact {\r\n padding:28px;\r\n border-radius:20px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-buergerservice .fu-contact h2 {\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-buergerservice .fu-contact p {\r\n margin:0 0 18px;\r\n color:rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-buergerservice .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:10px;\r\n}\r\n\r\n.fu-buergerservice .fu-contact-item {\r\n padding:14px 16px;\r\n border:1px solid rgba(255,255,255,.18);\r\n border-radius:13px;\r\n background:rgba(255,255,255,.08);\r\n}\r\n\r\n.fu-buergerservice .fu-contact-item strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:#fff;\r\n}\r\n\r\n.fu-buergerservice .fu-contact-item a {\r\n color:#fff;\r\n}\r\n\r\n.fu-buergerservice .fu-contact-item a:hover {\r\n color:#f7dfbb;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-buergerservice .fu-related {\r\n margin-top:32px;\r\n}\r\n\r\n.fu-buergerservice .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-buergerservice .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n padding:16px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:#fff;\r\n font-weight:700;\r\n box-shadow:0 4px 15px rgba(23,56,47,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-buergerservice .fu-related a:hover {\r\n transform:translateY(-2px);\r\n border-color:#cfd9d4;\r\n box-shadow:0 9px 22px rgba(23,56,47,.09);\r\n}\r\n\r\n.fu-buergerservice .fu-related i {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:1050px) {\r\n\r\n .fu-buergerservice .fu-service-grid,\r\n .fu-buergerservice .fu-online,\r\n .fu-buergerservice .fu-related-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:700px) {\r\n\r\n .fu-buergerservice .fu-hero {\r\n padding:38px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-buergerservice .fu-intro,\r\n .fu-buergerservice .fu-jump,\r\n .fu-buergerservice .fu-info,\r\n .fu-buergerservice .fu-contact {\r\n padding:21px;\r\n }\r\n\r\n .fu-buergerservice .fu-service-grid,\r\n .fu-buergerservice .fu-online,\r\n .fu-buergerservice .fu-related-grid,\r\n .fu-buergerservice .fu-service-list,\r\n .fu-buergerservice .fu-contact-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-buergerservice .fu-heading h2 {\r\n font-size:1.4rem;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-buergerservice .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-buergerservice .fu-card-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-buergerservice .fu-button {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 218 ===== */ @scope (.fu-article-218) { \r\n/* =========================================================\r\n FAST UMSONST – GESUNDHEITS- UND VETERINÄRAMT MÜNSTER\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-gesundheitsamt {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-shadow:0 10px 28px rgba(23,56,47,.10);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:#24322d;\r\n line-height:1.65;\r\n}\r\n\r\n/* ---------- HERO ---------- */\r\n\r\n.fu-gesundheitsamt .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n padding:42px 34px;\r\n border-radius:22px;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.14);\r\n font-size:28px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.12;\r\n margin:0 0 14px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-hero p {\r\n color:rgba(255,255,255,.92);\r\n font-size:1.12rem;\r\n max-width:850px;\r\n margin:0;\r\n}\r\n\r\n/* ---------- INTRO ---------- */\r\n\r\n.fu-gesundheitsamt .fu-intro {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-left:6px solid var(--fu-orange);\r\n border-radius:18px;\r\n padding:25px 28px;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-intro p {\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------- SPRUNGNAVIGATION ---------- */\r\n\r\n.fu-gesundheitsamt .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 32px;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:9px 15px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------- SECTIONS ---------- */\r\n\r\n.fu-gesundheitsamt .fu-section {\r\n margin-bottom:34px;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-section h2 {\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-section h2 i {\r\n margin-right:9px;\r\n}\r\n\r\n/* ---------- GRID ---------- */\r\n\r\n.fu-gesundheitsamt .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-grid-3 {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n/* ---------- CARDS ---------- */\r\n\r\n.fu-gesundheitsamt .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:23px;\r\n box-shadow:var(--fu-shadow);\r\n height:100%;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-card-icon {\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#edf4f1;\r\n color:var(--fu-green);\r\n font-size:21px;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-card h3 {\r\n color:var(--fu-dark);\r\n font-size:1.18rem;\r\n margin:0 0 9px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-card ul {\r\n margin:10px 0 0 20px;\r\n padding:0;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-card li {\r\n margin-bottom:6px;\r\n}\r\n\r\n/* ---------- STANDORTKARTEN ---------- */\r\n\r\n.fu-gesundheitsamt .fu-location {\r\n display:flex;\r\n flex-direction:column;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-location .fu-card-icon {\r\n margin-bottom:15px;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-address {\r\n background:var(--fu-paper);\r\n border-radius:13px;\r\n padding:14px 16px;\r\n margin:14px 0;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-address strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-gesundheitsamt .fu-address a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-address a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------- HINWEISBOX ---------- */\r\n\r\n.fu-gesundheitsamt .fu-note {\r\n background:#fff8ed;\r\n border:1px solid #f2d5a9;\r\n border-radius:16px;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-note strong {\r\n color:#8a5000;\r\n}\r\n\r\n/* ---------- BUTTONS ---------- */\r\n\r\n.fu-gesundheitsamt .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:12px;\r\n text-decoration:none;\r\n font-weight:800;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n color:#fff;\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-gesundheitsamt .fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-gesundheitsamt .fu-btn-light:hover {\r\n background:#edf4f1;\r\n color:var(--fu-green);\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------- SERVICE BOX ---------- */\r\n\r\n.fu-gesundheitsamt .fu-service {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:22px;\r\n box-shadow:0 7px 20px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-gesundheitsamt .fu-service h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-dark);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-service i {\r\n color:var(--fu-green);\r\n margin-right:7px;\r\n}\r\n\r\n/* ---------- KONTAKT ---------- */\r\n\r\n.fu-gesundheitsamt .fu-contact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n padding:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-gesundheitsamt .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:22px;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-contact-item {\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-contact-item > i {\r\n color:var(--fu-green);\r\n font-size:22px;\r\n margin-top:3px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-contact-item strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-contact a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------- RELATED ---------- */\r\n\r\n.fu-gesundheitsamt .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:17px 18px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:800;\r\n box-shadow:0 7px 20px rgba(23,56,47,.07);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-related a i {\r\n font-size:21px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-gesundheitsamt .fu-related a:hover {\r\n transform:translateY(-3px);\r\n background:#f5f8f6;\r\n}\r\n\r\n/* ---------- QUELLE ---------- */\r\n\r\n.fu-gesundheitsamt .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n margin-top:18px;\r\n}\r\n\r\n/* ---------- RESPONSIVE ---------- */\r\n\r\n@media (max-width:900px) {\r\n .fu-gesundheitsamt .fu-grid-3 {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-gesundheitsamt .fu-related {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:800px) {\r\n .fu-gesundheitsamt .fu-grid,\r\n .fu-gesundheitsamt .fu-contact-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-gesundheitsamt .fu-hero {\r\n padding:32px 24px;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n .fu-gesundheitsamt .fu-grid-3,\r\n .fu-gesundheitsamt .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:520px) {\r\n .fu-gesundheitsamt .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-gesundheitsamt .fu-hero p {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-gesundheitsamt .fu-intro,\r\n .fu-gesundheitsamt .fu-card,\r\n .fu-gesundheitsamt .fu-contact {\r\n padding:20px;\r\n }\r\n\r\n .fu-gesundheitsamt .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-gesundheitsamt .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 219 ===== */ @scope (.fu-article-219) { \r\n/* =========================================================\r\n FAST UMSONST – AMT FÜR KINDER, JUGENDLICHE UND FAMILIEN\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-jugendamt {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-shadow:0 10px 28px rgba(23,56,47,.10);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:20px 18px 60px;\r\n color:#26332e;\r\n line-height:1.65;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-jugendamt .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:44px 38px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-jugendamt .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:250px;\r\n height:250px;\r\n border-radius:50%;\r\n right:-80px;\r\n top:-110px;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-jugendamt .fu-hero-icon {\r\n width:66px;\r\n height:66px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2rem;\r\n margin-bottom:20px;\r\n}\r\n\r\n.fu-jugendamt .fu-hero h1 {\r\n margin:0 0 13px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-jugendamt .fu-hero p {\r\n max-width:860px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-jugendamt .fu-intro {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-left:6px solid var(--fu-orange);\r\n border-radius:18px;\r\n padding:26px 28px;\r\n margin-bottom:30px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-jugendamt .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-jugendamt .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-bottom:36px;\r\n}\r\n\r\n.fu-jugendamt .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:9px 15px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n text-decoration:none;\r\n font-weight:700;\r\n font-size:.94rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jugendamt .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-jugendamt .fu-section {\r\n margin-bottom:40px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-jugendamt .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 19px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-jugendamt .fu-section-title i {\r\n width:43px;\r\n height:43px;\r\n flex:0 0 43px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#edf3ef;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-jugendamt .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n.fu-jugendamt .fu-card {\r\n height:100%;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:0 7px 22px rgba(23,56,47,.07);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jugendamt .fu-card:hover {\r\n transform:translateY(-3px);\r\n box-shadow:0 12px 30px rgba(23,56,47,.12);\r\n}\r\n\r\n.fu-jugendamt .fu-card h3 {\r\n margin:0 0 10px;\r\n color:var(--fu-green);\r\n font-size:1.18rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-jugendamt .fu-card h3 i {\r\n margin-right:7px;\r\n}\r\n\r\n.fu-jugendamt .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-jugendamt .fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-jugendamt .fu-card li {\r\n margin-bottom:6px;\r\n}\r\n\r\n/* =========================================================\r\n INFOBOX\r\n ========================================================= */\r\n\r\n.fu-jugendamt .fu-info {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:26px 28px;\r\n}\r\n\r\n.fu-jugendamt .fu-info p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-jugendamt .fu-info strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-jugendamt .fu-highlight {\r\n display:flex;\r\n gap:16px;\r\n align-items:flex-start;\r\n background:#fff7ed;\r\n border:1px solid #fed7aa;\r\n border-radius:18px;\r\n padding:21px 23px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-jugendamt .fu-highlight i {\r\n color:var(--fu-orange);\r\n font-size:1.5rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-jugendamt .fu-highlight p {\r\n margin:0;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-jugendamt .fu-contact {\r\n display:grid;\r\n grid-template-columns:1.15fr .85fr;\r\n gap:22px;\r\n}\r\n\r\n.fu-jugendamt .fu-contact-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n padding:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-jugendamt .fu-contact-card h3 {\r\n margin:0 0 18px;\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-jugendamt .fu-contact-line {\r\n display:flex;\r\n gap:12px;\r\n margin:13px 0;\r\n}\r\n\r\n.fu-jugendamt .fu-contact-line > i {\r\n width:22px;\r\n flex:0 0 22px;\r\n color:var(--fu-green);\r\n margin-top:4px;\r\n}\r\n\r\n.fu-jugendamt .fu-contact-line a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-jugendamt .fu-contact-line a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-jugendamt .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-jugendamt .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 16px;\r\n border-radius:11px;\r\n text-decoration:none;\r\n font-weight:750;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jugendamt .fu-btn-green {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-jugendamt .fu-btn-green:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-jugendamt .fu-btn-light {\r\n background:#edf3ef;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-jugendamt .fu-btn-light:hover {\r\n background:#dfeae4;\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-jugendamt .fu-btn-orange {\r\n background:var(--fu-orange);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-jugendamt .fu-btn-orange:hover {\r\n background:#b45309;\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-jugendamt .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-jugendamt .fu-related a {\r\n display:block;\r\n height:100%;\r\n padding:21px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:750;\r\n box-shadow:0 6px 18px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jugendamt .fu-related a:hover {\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 25px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-jugendamt .fu-related i {\r\n margin-right:8px;\r\n}\r\n\r\n/* =========================================================\r\n SMALL NOTE\r\n ========================================================= */\r\n\r\n.fu-jugendamt .fu-note {\r\n margin-top:28px;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-jugendamt .fu-grid,\r\n .fu-jugendamt .fu-related {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-jugendamt .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:640px) {\r\n\r\n .fu-jugendamt {\r\n padding:12px 10px 45px;\r\n }\r\n\r\n .fu-jugendamt .fu-hero {\r\n padding:31px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-jugendamt .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-jugendamt .fu-intro,\r\n .fu-jugendamt .fu-info,\r\n .fu-jugendamt .fu-contact-card {\r\n padding:21px;\r\n }\r\n\r\n .fu-jugendamt .fu-grid,\r\n .fu-jugendamt .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-jugendamt .fu-jump a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-jugendamt .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-jugendamt .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 220 ===== */ @scope (.fu-article-220) { \r\n/* =========================================================\r\n FAST UMSONST – AMT FÜR WOHNUNGSWESEN\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-wohnungsamt {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-shadow:0 10px 28px rgba(23,56,47,.10);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:#24322d;\r\n line-height:1.65;\r\n}\r\n\r\n/* ---------- HERO ---------- */\r\n\r\n.fu-wohnungsamt .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n padding:42px 34px;\r\n border-radius:22px;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.14);\r\n font-size:28px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.12;\r\n margin:0 0 14px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-wohnungsamt .fu-hero p {\r\n color:rgba(255,255,255,.92);\r\n font-size:1.12rem;\r\n max-width:850px;\r\n margin:0;\r\n}\r\n\r\n/* ---------- INTRO ---------- */\r\n\r\n.fu-wohnungsamt .fu-intro {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-left:6px solid var(--fu-orange);\r\n border-radius:18px;\r\n padding:25px 28px;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-intro p {\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------- SPRUNGNAVIGATION ---------- */\r\n\r\n.fu-wohnungsamt .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 32px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:9px 15px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wohnungsamt .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------- SECTIONS ---------- */\r\n\r\n.fu-wohnungsamt .fu-section {\r\n margin-bottom:34px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-section h2 {\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-wohnungsamt .fu-section h2 i {\r\n margin-right:9px;\r\n}\r\n\r\n/* ---------- CARDS ---------- */\r\n\r\n.fu-wohnungsamt .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:23px;\r\n box-shadow:var(--fu-shadow);\r\n height:100%;\r\n}\r\n\r\n.fu-wohnungsamt .fu-card-icon {\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#edf4f1;\r\n color:var(--fu-green);\r\n font-size:21px;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-card h3 {\r\n color:var(--fu-dark);\r\n font-size:1.18rem;\r\n margin:0 0 9px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-wohnungsamt .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------- HINWEISBOX ---------- */\r\n\r\n.fu-wohnungsamt .fu-note {\r\n background:#fff8ed;\r\n border:1px solid #f2d5a9;\r\n border-radius:16px;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-wohnungsamt .fu-note strong {\r\n color:#8a5000;\r\n}\r\n\r\n/* ---------- KONTAKT ---------- */\r\n\r\n.fu-wohnungsamt .fu-contact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n padding:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-wohnungsamt .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:22px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-contact-item {\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n}\r\n\r\n.fu-wohnungsamt .fu-contact-item > i {\r\n color:var(--fu-green);\r\n font-size:22px;\r\n margin-top:3px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-wohnungsamt .fu-contact-item strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-wohnungsamt .fu-contact a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------- BUTTONS ---------- */\r\n\r\n.fu-wohnungsamt .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:12px;\r\n text-decoration:none;\r\n font-weight:800;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wohnungsamt .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-wohnungsamt .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n color:#fff;\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-wohnungsamt .fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-wohnungsamt .fu-btn-light:hover {\r\n background:#edf4f1;\r\n color:var(--fu-green);\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------- RELATED ---------- */\r\n\r\n.fu-wohnungsamt .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:17px 18px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:800;\r\n box-shadow:0 7px 20px rgba(23,56,47,.07);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wohnungsamt .fu-related a i {\r\n font-size:21px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-wohnungsamt .fu-related a:hover {\r\n transform:translateY(-3px);\r\n background:#f5f8f6;\r\n}\r\n\r\n/* ---------- FOOTNOTE ---------- */\r\n\r\n.fu-wohnungsamt .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n margin-top:18px;\r\n}\r\n\r\n/* ---------- RESPONSIVE ---------- */\r\n\r\n@media (max-width:800px) {\r\n .fu-wohnungsamt .fu-grid,\r\n .fu-wohnungsamt .fu-contact-grid,\r\n .fu-wohnungsamt .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-wohnungsamt .fu-hero {\r\n padding:32px 24px;\r\n }\r\n}\r\n\r\n@media (max-width:520px) {\r\n .fu-wohnungsamt .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-wohnungsamt .fu-hero p {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-wohnungsamt .fu-intro,\r\n .fu-wohnungsamt .fu-card,\r\n .fu-wohnungsamt .fu-contact {\r\n padding:20px;\r\n }\r\n\r\n .fu-wohnungsamt .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-wohnungsamt .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 221 ===== */ @scope (.fu-article-221) { \r\n/* =========================================================\r\n FAST UMSONST – JOBCENTER MÜNSTER\r\n Modernes Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-jobcenter {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-shadow:0 10px 28px rgba(23,56,47,.10);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:20px 18px 60px;\r\n color:#26332e;\r\n line-height:1.65;\r\n}\r\n\r\n/* ---------- HERO ---------- */\r\n\r\n.fu-jobcenter .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-jobcenter .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:240px;\r\n height:240px;\r\n border-radius:50%;\r\n right:-80px;\r\n top:-100px;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-jobcenter .fu-hero-icon {\r\n width:64px;\r\n height:64px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2rem;\r\n margin-bottom:20px;\r\n}\r\n\r\n.fu-jobcenter .fu-hero h1 {\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-jobcenter .fu-hero p {\r\n margin:0;\r\n max-width:820px;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* ---------- INTRO ---------- */\r\n\r\n.fu-jobcenter .fu-intro {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-left:6px solid var(--fu-orange);\r\n border-radius:18px;\r\n padding:25px 28px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-jobcenter .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------- JUMP NAV ---------- */\r\n\r\n.fu-jobcenter .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-jobcenter .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:9px 15px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n text-decoration:none;\r\n font-weight:700;\r\n font-size:.94rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jobcenter .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------- SECTION ---------- */\r\n\r\n.fu-jobcenter .fu-section {\r\n margin:0 0 38px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-jobcenter .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 18px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-jobcenter .fu-section-title i {\r\n width:42px;\r\n height:42px;\r\n flex:0 0 42px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#edf3ef;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n/* ---------- CARDS ---------- */\r\n\r\n.fu-jobcenter .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n.fu-jobcenter .fu-card {\r\n height:100%;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:0 7px 22px rgba(23,56,47,.07);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jobcenter .fu-card:hover {\r\n transform:translateY(-3px);\r\n box-shadow:0 12px 30px rgba(23,56,47,.12);\r\n}\r\n\r\n.fu-jobcenter .fu-card h3 {\r\n margin:0 0 10px;\r\n color:var(--fu-green);\r\n font-size:1.18rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-jobcenter .fu-card h3 i {\r\n margin-right:7px;\r\n}\r\n\r\n.fu-jobcenter .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-jobcenter .fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-jobcenter .fu-card li {\r\n margin-bottom:5px;\r\n}\r\n\r\n/* ---------- INFO BOX ---------- */\r\n\r\n.fu-jobcenter .fu-info {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px 28px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-jobcenter .fu-info strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* ---------- NOTICE ---------- */\r\n\r\n.fu-jobcenter .fu-notice {\r\n display:flex;\r\n gap:15px;\r\n align-items:flex-start;\r\n background:#fff7ed;\r\n border:1px solid #fed7aa;\r\n border-radius:17px;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-jobcenter .fu-notice i {\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-jobcenter .fu-notice p {\r\n margin:0;\r\n}\r\n\r\n/* ---------- CONTACT ---------- */\r\n\r\n.fu-jobcenter .fu-contact {\r\n display:grid;\r\n grid-template-columns:1.2fr .8fr;\r\n gap:22px;\r\n}\r\n\r\n.fu-jobcenter .fu-contact-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n padding:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-jobcenter .fu-contact-card h3 {\r\n color:var(--fu-green);\r\n margin-top:0;\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-jobcenter .fu-contact-line {\r\n display:flex;\r\n gap:12px;\r\n margin:13px 0;\r\n}\r\n\r\n.fu-jobcenter .fu-contact-line i {\r\n color:var(--fu-green);\r\n width:22px;\r\n flex:0 0 22px;\r\n margin-top:4px;\r\n}\r\n\r\n.fu-jobcenter .fu-contact-line a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-jobcenter .fu-contact-line a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------- BUTTONS ---------- */\r\n\r\n.fu-jobcenter .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-jobcenter .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 16px;\r\n border-radius:11px;\r\n text-decoration:none;\r\n font-weight:750;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jobcenter .fu-btn-green {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-jobcenter .fu-btn-green:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-jobcenter .fu-btn-light {\r\n background:#edf3ef;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-jobcenter .fu-btn-light:hover {\r\n background:#dfeae4;\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-jobcenter .fu-btn-orange {\r\n background:var(--fu-orange);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-jobcenter .fu-btn-orange:hover {\r\n background:#b45309;\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------- RELATED ---------- */\r\n\r\n.fu-jobcenter .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-jobcenter .fu-related a {\r\n display:block;\r\n height:100%;\r\n padding:21px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:750;\r\n box-shadow:0 6px 18px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jobcenter .fu-related a:hover {\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 25px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-jobcenter .fu-related i {\r\n margin-right:8px;\r\n}\r\n\r\n/* ---------- FOOTNOTE ---------- */\r\n\r\n.fu-jobcenter .fu-note {\r\n margin-top:28px;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* ---------- RESPONSIVE ---------- */\r\n\r\n@media (max-width:900px) {\r\n .fu-jobcenter .fu-grid,\r\n .fu-jobcenter .fu-related {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-jobcenter .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:640px) {\r\n .fu-jobcenter {\r\n padding:12px 10px 45px;\r\n }\r\n\r\n .fu-jobcenter .fu-hero {\r\n padding:30px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-jobcenter .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-jobcenter .fu-intro,\r\n .fu-jobcenter .fu-info,\r\n .fu-jobcenter .fu-contact-card {\r\n padding:21px;\r\n }\r\n\r\n .fu-jobcenter .fu-grid,\r\n .fu-jobcenter .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-jobcenter .fu-jump a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-jobcenter .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-jobcenter .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 222 ===== */ @scope (.fu-article-222) { \r\n/* =========================================================\r\n FAST UMSONST – SOZIALAMT DER STADT MÜNSTER\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-sozialamt {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-shadow:0 10px 28px rgba(23,56,47,.10);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:#24322d;\r\n line-height:1.65;\r\n}\r\n\r\n/* ---------- HERO ---------- */\r\n\r\n.fu-sozialamt .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n padding:42px 34px;\r\n border-radius:22px;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-sozialamt .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.14);\r\n font-size:28px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-sozialamt .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.12;\r\n margin:0 0 14px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-sozialamt .fu-hero p {\r\n color:rgba(255,255,255,.92);\r\n font-size:1.12rem;\r\n max-width:850px;\r\n margin:0;\r\n}\r\n\r\n/* ---------- INTRO ---------- */\r\n\r\n.fu-sozialamt .fu-intro {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-left:6px solid var(--fu-orange);\r\n border-radius:18px;\r\n padding:25px 28px;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-sozialamt .fu-intro p {\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-sozialamt .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------- SPRUNGNAVIGATION ---------- */\r\n\r\n.fu-sozialamt .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 32px;\r\n}\r\n\r\n.fu-sozialamt .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:9px 15px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-sozialamt .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------- SECTIONS ---------- */\r\n\r\n.fu-sozialamt .fu-section {\r\n margin-bottom:34px;\r\n}\r\n\r\n.fu-sozialamt .fu-section h2 {\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-sozialamt .fu-section h2 i {\r\n margin-right:9px;\r\n}\r\n\r\n/* ---------- GRIDS ---------- */\r\n\r\n.fu-sozialamt .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-sozialamt .fu-grid-3 {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n/* ---------- CARDS ---------- */\r\n\r\n.fu-sozialamt .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:23px;\r\n box-shadow:var(--fu-shadow);\r\n height:100%;\r\n}\r\n\r\n.fu-sozialamt .fu-card-icon {\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#edf4f1;\r\n color:var(--fu-green);\r\n font-size:21px;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-sozialamt .fu-card h3 {\r\n color:var(--fu-dark);\r\n font-size:1.18rem;\r\n margin:0 0 9px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-sozialamt .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-sozialamt .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-sozialamt .fu-card ul {\r\n margin:10px 0 0 20px;\r\n padding:0;\r\n}\r\n\r\n.fu-sozialamt .fu-card li {\r\n margin-bottom:6px;\r\n}\r\n\r\n/* ---------- HINWEIS ---------- */\r\n\r\n.fu-sozialamt .fu-note {\r\n background:#fff8ed;\r\n border:1px solid #f2d5a9;\r\n border-radius:16px;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-sozialamt .fu-note strong {\r\n color:#8a5000;\r\n}\r\n\r\n/* ---------- BUTTONS ---------- */\r\n\r\n.fu-sozialamt .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-sozialamt .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:12px;\r\n text-decoration:none;\r\n font-weight:800;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-sozialamt .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-sozialamt .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n color:#fff;\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-sozialamt .fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-sozialamt .fu-btn-light:hover {\r\n background:#edf4f1;\r\n color:var(--fu-green);\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------- KONTAKT ---------- */\r\n\r\n.fu-sozialamt .fu-contact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n padding:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sozialamt .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:22px;\r\n}\r\n\r\n.fu-sozialamt .fu-contact-item {\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n}\r\n\r\n.fu-sozialamt .fu-contact-item > i {\r\n color:var(--fu-green);\r\n font-size:22px;\r\n margin-top:3px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-sozialamt .fu-contact-item strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-sozialamt .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-sozialamt .fu-contact a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------- RELATED ---------- */\r\n\r\n.fu-sozialamt .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-sozialamt .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:17px 18px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:800;\r\n box-shadow:0 7px 20px rgba(23,56,47,.07);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-sozialamt .fu-related a i {\r\n font-size:21px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-sozialamt .fu-related a:hover {\r\n transform:translateY(-3px);\r\n background:#f5f8f6;\r\n}\r\n\r\n/* ---------- QUELLE ---------- */\r\n\r\n.fu-sozialamt .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n margin-top:18px;\r\n}\r\n\r\n/* ---------- RESPONSIVE ---------- */\r\n\r\n@media (max-width:900px) {\r\n .fu-sozialamt .fu-grid-3,\r\n .fu-sozialamt .fu-related {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:800px) {\r\n .fu-sozialamt .fu-grid,\r\n .fu-sozialamt .fu-contact-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-sozialamt .fu-hero {\r\n padding:32px 24px;\r\n }\r\n}\r\n\r\n@media (max-width:620px) {\r\n .fu-sozialamt .fu-grid-3,\r\n .fu-sozialamt .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:520px) {\r\n .fu-sozialamt .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-sozialamt .fu-hero p {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-sozialamt .fu-intro,\r\n .fu-sozialamt .fu-card,\r\n .fu-sozialamt .fu-contact {\r\n padding:20px;\r\n }\r\n\r\n .fu-sozialamt .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-sozialamt .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 223 ===== */ @scope (.fu-article-223) { \r\n/* =========================================================\r\n FAST UMSONST – BERATUNGS- UND PROZESSKOSTENHILFE\r\n Rechtliche Hilfe bei geringem Einkommen\r\n ========================================================= */\r\n\r\n.fu-rechtshilfe {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e7e2d9;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-rechtshilfe * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-rechtshilfe a {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-rechtshilfe-hero {\r\n background: linear-gradient(135deg, var(--fu-dark), var(--fu-green));\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-rechtshilfe-hero h1 {\r\n color: #fff;\r\n margin: 0 0 12px;\r\n font-size: clamp(1.8rem, 4vw, 2.7rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-rechtshilfe-hero h1 i {\r\n margin-right: 10px;\r\n}\r\n\r\n.fu-rechtshilfe-lead {\r\n max-width: 900px;\r\n margin: 0 0 24px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n.fu-rechtshilfe-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-rechtshilfe-fact {\r\n background: rgba(255,255,255,.11);\r\n border: 1px solid rgba(255,255,255,.16);\r\n border-radius: 14px;\r\n padding: 15px;\r\n}\r\n\r\n.fu-rechtshilfe-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1.03rem;\r\n}\r\n\r\n.fu-rechtshilfe-fact span {\r\n display: block;\r\n margin-top: 3px;\r\n font-size: .9rem;\r\n opacity: .86;\r\n}\r\n\r\n.fu-rechtshilfe-contactline {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 22px;\r\n margin: 20px 0;\r\n font-size: .96rem;\r\n}\r\n\r\n.fu-rechtshilfe-contactline i {\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-rechtshilfe-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-rechtshilfe-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 7px;\r\n padding: 10px 16px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-rechtshilfe-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-rechtshilfe-btn-outline {\r\n border: 1px solid rgba(255,255,255,.55);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.05);\r\n}\r\n\r\n.fu-rechtshilfe-btn:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-rechtshilfe-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-rechtshilfe-jump strong {\r\n display: block;\r\n margin-bottom: 10px;\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-rechtshilfe-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-rechtshilfe-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 7px 12px;\r\n text-decoration: none;\r\n font-size: .92rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-rechtshilfe-jump-links a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-rechtshilfe-section {\r\n margin: 34px 0;\r\n}\r\n\r\n.fu-rechtshilfe-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n margin: 0 0 17px;\r\n}\r\n\r\n.fu-rechtshilfe-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-rechtshilfe-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-rechtshilfe-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-rechtshilfe-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.15rem;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-rechtshilfe-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-rechtshilfe-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 20px;\r\n}\r\n\r\n.fu-rechtshilfe-card li {\r\n margin-bottom: 7px;\r\n}\r\n\r\n/* =========================================================\r\n VERGLEICH\r\n ========================================================= */\r\n\r\n.fu-rechtshilfe-compare {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-rechtshilfe-compare-card {\r\n border-radius: 18px;\r\n padding: 24px;\r\n border: 1px solid var(--fu-border);\r\n background: #fff;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-rechtshilfe-compare-card h3 {\r\n color: var(--fu-dark);\r\n margin: 0 0 12px;\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-rechtshilfe-compare-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-rechtshilfe-tag {\r\n display: inline-block;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green);\r\n border-radius: 999px;\r\n padding: 5px 10px;\r\n font-size: .84rem;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-rechtshilfe-highlight {\r\n background: #f5f0e7;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 18px 20px;\r\n margin: 20px 0;\r\n}\r\n\r\n.fu-rechtshilfe-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n IMPORTANT\r\n ========================================================= */\r\n\r\n.fu-rechtshilfe-important {\r\n background: #fff7ed;\r\n border: 1px solid #fed7aa;\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin: 20px 0;\r\n}\r\n\r\n.fu-rechtshilfe-important strong {\r\n color: #9a4d05;\r\n}\r\n\r\n/* =========================================================\r\n SCHRITTE\r\n ========================================================= */\r\n\r\n.fu-rechtshilfe-steps {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-rechtshilfe-step {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n box-shadow: 0 4px 15px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-rechtshilfe-step-number {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n background: var(--fu-green);\r\n color: #fff;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-rechtshilfe-step h3 {\r\n color: var(--fu-dark);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-rechtshilfe-contact {\r\n background: var(--fu-dark);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-top: 34px;\r\n}\r\n\r\n.fu-rechtshilfe-contact h2 {\r\n color: #fff;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-rechtshilfe-contact a {\r\n color: #fff;\r\n}\r\n\r\n.fu-rechtshilfe-contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n margin: 18px 0;\r\n}\r\n\r\n.fu-rechtshilfe-contact-item {\r\n background: rgba(255,255,255,.08);\r\n border: 1px solid rgba(255,255,255,.12);\r\n border-radius: 12px;\r\n padding: 14px;\r\n}\r\n\r\n.fu-rechtshilfe-contact-item strong {\r\n display: block;\r\n color: #fff;\r\n margin-bottom: 4px;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-rechtshilfe-related {\r\n margin-top: 34px;\r\n}\r\n\r\n.fu-rechtshilfe-related h2 {\r\n color: var(--fu-dark);\r\n margin-bottom: 17px;\r\n}\r\n\r\n.fu-rechtshilfe-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-rechtshilfe-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 19px;\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 15px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-rechtshilfe-related-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-rechtshilfe-related-card strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-rechtshilfe-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-rechtshilfe-hero {\r\n padding: 25px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-rechtshilfe-facts,\r\n .fu-rechtshilfe-grid,\r\n .fu-rechtshilfe-compare,\r\n .fu-rechtshilfe-steps,\r\n .fu-rechtshilfe-contact-grid,\r\n .fu-rechtshilfe-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-rechtshilfe-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-rechtshilfe-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-rechtshilfe-card,\r\n .fu-rechtshilfe-compare-card,\r\n .fu-rechtshilfe-step {\r\n padding: 18px;\r\n }\r\n\r\n .fu-rechtshilfe-jump-links a {\r\n width: 100%;\r\n border-radius: 10px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 224 ===== */ @scope (.fu-article-224) { \r\n/* =========================================================\r\n FAST UMSONST – LAW CLINIC MÜNSTER\r\n Studentische Rechtsberatung\r\n ========================================================= */\r\n\r\n.lcm-page {\r\n --lcm-green: #1f4b3f;\r\n --lcm-dark: #17382f;\r\n --lcm-paper: #faf8f4;\r\n --lcm-orange: #d97706;\r\n --lcm-border: #e5e1d9;\r\n --lcm-text: #26332f;\r\n --lcm-muted: #68736f;\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--lcm-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.lcm-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.lcm-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(23,56,47,.15);\r\n}\r\n\r\n.lcm-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.12);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 29px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.lcm-hero h1 {\r\n color: #fff;\r\n font-size: clamp(28px, 4vw, 42px);\r\n line-height: 1.15;\r\n margin: 0 0 12px;\r\n font-weight: 700;\r\n}\r\n\r\n.lcm-lead {\r\n max-width: 850px;\r\n font-size: 18px;\r\n margin: 0 0 26px;\r\n color: rgba(255,255,255,.93);\r\n}\r\n\r\n.lcm-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.lcm-fact {\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 13px;\r\n padding: 17px;\r\n}\r\n\r\n.lcm-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 16px;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.lcm-fact span {\r\n color: rgba(255,255,255,.78);\r\n font-size: 14px;\r\n}\r\n\r\n.lcm-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 22px;\r\n}\r\n\r\n.lcm-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 9px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.lcm-btn-primary {\r\n background: #fff;\r\n color: var(--lcm-green) !important;\r\n}\r\n\r\n.lcm-btn-primary:hover {\r\n background: #f2f0eb;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.lcm-btn-orange {\r\n background: var(--lcm-orange);\r\n color: #fff !important;\r\n}\r\n\r\n.lcm-btn-orange:hover {\r\n filter: brightness(.94);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.lcm-btn-outline {\r\n border: 1px solid rgba(255,255,255,.35);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.lcm-btn-outline:hover {\r\n background: rgba(255,255,255,.12);\r\n}\r\n\r\n/* Sprungnavigation */\r\n\r\n.lcm-jump {\r\n background: var(--lcm-paper);\r\n border: 1px solid var(--lcm-border);\r\n border-radius: 15px;\r\n padding: 20px 22px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.lcm-jump strong {\r\n display: block;\r\n color: var(--lcm-dark);\r\n margin-bottom: 11px;\r\n}\r\n\r\n.lcm-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.lcm-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n border: 1px solid var(--lcm-border);\r\n border-radius: 8px;\r\n padding: 8px 12px;\r\n color: var(--lcm-green) !important;\r\n text-decoration: none !important;\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n.lcm-jump a:hover {\r\n border-color: var(--lcm-green);\r\n}\r\n\r\n/* Allgemein */\r\n\r\n.lcm-section {\r\n margin: 0 0 38px;\r\n}\r\n\r\n.lcm-section h2 {\r\n color: var(--lcm-dark);\r\n font-size: 27px;\r\n line-height: 1.25;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.lcm-section h2 i {\r\n color: var(--lcm-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.lcm-section p {\r\n margin: 0 0 15px;\r\n}\r\n\r\n.lcm-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.lcm-card {\r\n background: #fff;\r\n border: 1px solid var(--lcm-border);\r\n border-radius: 15px;\r\n padding: 23px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.lcm-card h3 {\r\n color: var(--lcm-dark);\r\n font-size: 19px;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.lcm-card h3 i {\r\n color: var(--lcm-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.lcm-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.lcm-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.lcm-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n/* Hinweis */\r\n\r\n.lcm-note {\r\n background: #fff8ed;\r\n border-left: 5px solid var(--lcm-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 20px 0;\r\n}\r\n\r\n.lcm-note strong {\r\n color: var(--lcm-dark);\r\n}\r\n\r\n/* Termine */\r\n\r\n.lcm-date {\r\n border: 1px solid var(--lcm-border);\r\n border-radius: 14px;\r\n padding: 19px;\r\n background: #fff;\r\n}\r\n\r\n.lcm-date + .lcm-date {\r\n margin-top: 12px;\r\n}\r\n\r\n.lcm-date strong {\r\n display: block;\r\n color: var(--lcm-dark);\r\n font-size: 18px;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.lcm-date span {\r\n display: block;\r\n color: var(--lcm-muted);\r\n}\r\n\r\n.lcm-date a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 10px;\r\n color: var(--lcm-green) !important;\r\n font-weight: 600;\r\n text-decoration: none !important;\r\n}\r\n\r\n/* Kontakt */\r\n\r\n.lcm-contact {\r\n background: var(--lcm-paper);\r\n border: 1px solid var(--lcm-border);\r\n border-radius: 16px;\r\n padding: 25px;\r\n}\r\n\r\n.lcm-contact-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.lcm-contact-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.lcm-contact-icon {\r\n width: 38px;\r\n height: 38px;\r\n min-width: 38px;\r\n border-radius: 10px;\r\n background: var(--lcm-green);\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.lcm-contact a {\r\n color: var(--lcm-green);\r\n font-weight: 600;\r\n}\r\n\r\n/* Passende Informationen */\r\n\r\n.lcm-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.lcm-related a {\r\n display: block;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--lcm-border);\r\n border-radius: 14px;\r\n padding: 21px;\r\n text-decoration: none !important;\r\n color: var(--lcm-text) !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.lcm-related a:hover {\r\n transform: translateY(-2px);\r\n border-color: var(--lcm-green);\r\n}\r\n\r\n.lcm-related i {\r\n color: var(--lcm-orange);\r\n font-size: 22px;\r\n display: block;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.lcm-related strong {\r\n color: var(--lcm-dark);\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.lcm-related span {\r\n font-size: 14px;\r\n color: var(--lcm-muted);\r\n}\r\n\r\n/* Mobile */\r\n\r\n@media (max-width: 767px) {\r\n .lcm-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .lcm-hero h1 {\r\n font-size: 29px;\r\n }\r\n\r\n .lcm-lead {\r\n font-size: 16px;\r\n }\r\n\r\n .lcm-facts,\r\n .lcm-grid,\r\n .lcm-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .lcm-section h2 {\r\n font-size: 24px;\r\n }\r\n\r\n .lcm-btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .lcm-jump-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .lcm-jump a {\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 225 ===== */ @scope (.fu-article-225) { \r\n/* =========================================================\r\n FAST UMSONST\r\n AWO SCHULDNER- UND INSOLVENZBERATUNG MÜNSTER\r\n ========================================================= */\r\n\r\n.fu-awo {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HEADER\r\n ========================================================= */\r\n\r\n.fu-awo-hero {\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, #1f4b3f 0%, #17382f 100%);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 32px 30px;\r\n margin-bottom: 16px;\r\n box-shadow: 0 8px 26px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-awo-hero:after {\r\n content: \"\\f4ad\";\r\n font-family: \"bootstrap-icons\";\r\n position: absolute;\r\n right: 28px;\r\n top: 22px;\r\n font-size: 105px;\r\n opacity: .07;\r\n}\r\n\r\n.fu-awo-hero h1 {\r\n position: relative;\r\n z-index: 1;\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: clamp(1.8rem, 4vw, 2.65rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-awo-hero h1 i {\r\n font-size: .85em;\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-awo-lead {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 820px;\r\n margin: 0 0 23px;\r\n font-size: 1.08rem;\r\n line-height: 1.65;\r\n opacity: .96;\r\n}\r\n\r\n/* Fakten im Header */\r\n\r\n.fu-awo-facts {\r\n position: relative;\r\n z-index: 1;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin: 0 0 22px;\r\n}\r\n\r\n.fu-awo-fact {\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.13);\r\n border-radius: 12px;\r\n padding: 13px 15px;\r\n backdrop-filter: blur(3px);\r\n}\r\n\r\n.fu-awo-fact i {\r\n color: #fff;\r\n font-size: 1.15rem;\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-awo-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: .92rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-awo-fact span {\r\n font-size: .86rem;\r\n opacity: .88;\r\n}\r\n\r\n/* Kontaktzeile */\r\n\r\n.fu-awo-contactbar {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 9px 18px;\r\n padding-top: 18px;\r\n border-top: 1px solid rgba(255,255,255,.18);\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-awo-contactbar span {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n}\r\n\r\n.fu-awo-contactbar i {\r\n opacity: .85;\r\n}\r\n\r\n/* Header Buttons */\r\n\r\n.fu-awo-actions {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 19px;\r\n}\r\n\r\n.fu-awo-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 10px 16px;\r\n border-radius: 9px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-awo-btn:hover {\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-awo-btn-route {\r\n background: #d97706;\r\n color: #fff !important;\r\n}\r\n\r\n.fu-awo-btn-route:hover {\r\n background: #b85f04;\r\n color: #fff !important;\r\n}\r\n\r\n.fu-awo-btn-phone {\r\n background: #fff;\r\n color: #17382f !important;\r\n}\r\n\r\n.fu-awo-btn-phone:hover {\r\n background: #f5f5f5;\r\n color: #17382f !important;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-jumpbox {\r\n background: #f3f7f4;\r\n border-left: 5px solid #1f4b3f;\r\n border-radius: 12px;\r\n padding: 15px 20px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-jumpbox strong {\r\n display: inline-block;\r\n color: #17382f;\r\n margin-right: 18px;\r\n}\r\n\r\n.fu-jumpbox a {\r\n color: #1f4b3f;\r\n font-weight: 600;\r\n text-decoration: none;\r\n margin-right: 17px;\r\n white-space: nowrap;\r\n}\r\n\r\n.fu-jumpbox a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n ÜBERSCHRIFTEN\r\n ========================================================= */\r\n\r\n.fu-section-title {\r\n color: #17382f;\r\n margin: 34px 0 18px;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-section-title i {\r\n margin-right: 7px;\r\n color: #1f4b3f;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 19px;\r\n margin: 20px 0 28px;\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid #e5e8e6;\r\n border-radius: 16px;\r\n padding: 23px;\r\n box-shadow: 0 5px 17px rgba(0,0,0,.065);\r\n height: 100%;\r\n}\r\n\r\n.fu-card h3 {\r\n color: #1f4b3f;\r\n margin: 0 0 10px;\r\n font-size: 1.16rem;\r\n}\r\n\r\n.fu-card p {\r\n line-height: 1.7;\r\n margin: 0;\r\n}\r\n\r\n.fu-icon {\r\n width: 44px;\r\n height: 44px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: #edf4f0;\r\n color: #1f4b3f;\r\n font-size: 1.25rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n background: #faf8f4;\r\n border: 1px solid #eee8df;\r\n border-radius: 15px;\r\n padding: 20px 22px;\r\n margin: 25px 0;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-note strong {\r\n color: #17382f;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-contact {\r\n background: #faf8f4;\r\n border: 1px solid #eee8df;\r\n border-radius: 17px;\r\n padding: 26px;\r\n margin: 24px 0 30px;\r\n}\r\n\r\n.fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1.2fr .8fr;\r\n gap: 25px;\r\n}\r\n\r\n.fu-contact h3 {\r\n color: #17382f;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-contact p {\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-contact a {\r\n color: #1f4b3f;\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n ANSPRECHPERSONEN\r\n ========================================================= */\r\n\r\n.fu-persons {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-person {\r\n background: #fff;\r\n border: 1px solid #e4e8e5;\r\n border-radius: 12px;\r\n padding: 15px;\r\n}\r\n\r\n.fu-person strong {\r\n display: block;\r\n color: #17382f;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-person a {\r\n text-decoration: none;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-related {\r\n margin-top: 42px;\r\n padding-top: 28px;\r\n border-top: 2px solid #e9eeeb;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid #e4e8e5;\r\n border-radius: 14px;\r\n padding: 18px;\r\n color: #17382f !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(0,0,0,.06);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 7px 18px rgba(0,0,0,.09);\r\n}\r\n\r\n.fu-related-card i {\r\n color: #1f4b3f;\r\n margin-right: 7px;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-awo-hero {\r\n padding: 27px 21px 23px;\r\n border-radius: 15px;\r\n }\r\n\r\n .fu-awo-hero:after {\r\n font-size: 75px;\r\n right: 14px;\r\n top: 18px;\r\n }\r\n\r\n .fu-awo-facts {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-awo-contactbar {\r\n align-items: flex-start;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .fu-awo-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-awo-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-jumpbox a {\r\n display: block;\r\n margin: 8px 0;\r\n }\r\n\r\n .fu-info-grid,\r\n .fu-contact-grid,\r\n .fu-persons,\r\n .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-card,\r\n .fu-contact {\r\n padding: 20px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 226 ===== */ @scope (.fu-article-226) { \r\n/* =========================================================\r\n FAST UMSONST – CARITAS SCHULDNER- & INSOLVENZBERATUNG\r\n Modernes Artikel-Layout\r\n ========================================================= */\r\n\r\n.fu-caritas {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e7e2d9;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-caritas .fu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 100%);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 34px 30px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 12px 32px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-caritas .fu-hero h1 {\r\n color: #fff;\r\n margin: 0 0 12px;\r\n font-size: clamp(1.8rem, 4vw, 2.7rem);\r\n line-height: 1.15;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-caritas .fu-hero h1 i {\r\n color: #f3b35b;\r\n margin-right: 10px;\r\n}\r\n\r\n.fu-caritas .fu-lead {\r\n max-width: 850px;\r\n margin: 0 0 22px;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-caritas .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-caritas .fu-fact {\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.15);\r\n border-radius: 14px;\r\n padding: 15px 16px;\r\n}\r\n\r\n.fu-caritas .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1rem;\r\n}\r\n\r\n.fu-caritas .fu-fact span {\r\n display: block;\r\n color: rgba(255,255,255,.78);\r\n font-size: .88rem;\r\n margin-top: 2px;\r\n}\r\n\r\n.fu-caritas .fu-address {\r\n margin: 18px 0 20px;\r\n color: rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-caritas .fu-address i {\r\n color: #f3b35b;\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-caritas .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-caritas .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-caritas .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-caritas .fu-btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 7px 18px rgba(0,0,0,.15);\r\n}\r\n\r\n.fu-caritas .fu-btn-outline {\r\n color: #fff !important;\r\n border: 1px solid rgba(255,255,255,.45);\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-caritas .fu-btn-outline:hover {\r\n background: rgba(255,255,255,.14);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-caritas .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px 20px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-caritas .fu-jump-title {\r\n display: block;\r\n margin-bottom: 10px;\r\n color: var(--fu-dark);\r\n font-weight: 800;\r\n}\r\n\r\n.fu-caritas .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-caritas .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 7px 12px;\r\n text-decoration: none !important;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-caritas .fu-jump a:hover {\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-caritas .fu-section {\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-caritas .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n margin: 0 0 17px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-caritas .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-caritas .fu-section-intro {\r\n margin: -5px 0 18px;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-caritas .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-caritas .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n box-shadow: 0 6px 20px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-caritas .fu-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.08rem;\r\n margin: 0 0 9px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-caritas .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-caritas .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-caritas .fu-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.fu-caritas .fu-card li {\r\n margin-bottom: 5px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-caritas .fu-highlight {\r\n background: #f5f0e7;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 18px 20px;\r\n margin: 18px 0;\r\n}\r\n\r\n.fu-caritas .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n SPRECHSTUNDE\r\n ========================================================= */\r\n\r\n.fu-caritas .fu-appointment {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 8px 24px rgba(23,56,47,.14);\r\n}\r\n\r\n.fu-caritas .fu-appointment h3 {\r\n color: #fff;\r\n margin: 0 0 9px;\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-caritas .fu-appointment p {\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-caritas .fu-appointment strong {\r\n color: #fff;\r\n}\r\n\r\n.fu-caritas .fu-appointment small {\r\n color: rgba(255,255,255,.78);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-caritas .fu-contact {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n}\r\n\r\n.fu-caritas .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 22px;\r\n}\r\n\r\n.fu-caritas .fu-contact-item {\r\n display: flex;\r\n gap: 13px;\r\n align-items: flex-start;\r\n}\r\n\r\n.fu-caritas .fu-contact-icon {\r\n width: 42px;\r\n height: 42px;\r\n min-width: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 11px;\r\n background: #e9f0ed;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-caritas .fu-contact-item strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 2px;\r\n}\r\n\r\n.fu-caritas .fu-contact-item a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n VORAUSSETZUNGEN\r\n ========================================================= */\r\n\r\n.fu-caritas .fu-warning {\r\n background: #fff7ed;\r\n border: 1px solid #fed7aa;\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-caritas .fu-warning h3 {\r\n color: #9a4d00;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-caritas .fu-warning ul {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-caritas .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n}\r\n\r\n.fu-caritas .fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 18px;\r\n color: var(--fu-dark) !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 5px 17px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-caritas .fu-related-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 24px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-caritas .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.fu-caritas .fu-related-card strong {\r\n display: block;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-caritas .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-caritas .fu-hero {\r\n padding: 25px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-caritas .fu-facts,\r\n .fu-caritas .fu-grid,\r\n .fu-caritas .fu-contact-grid,\r\n .fu-caritas .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-caritas .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-caritas .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-caritas .fu-jump-links {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-caritas .fu-jump a {\r\n width: 100%;\r\n border-radius: 10px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 227 ===== */ @scope (.fu-article-227) { \r\n/* =========================================================\r\n FAST UMSONST – DIAKONIE SCHULDNER- & INSOLVENZBERATUNG\r\n Modernes Artikel-Layout\r\n ========================================================= */\r\n\r\n.fu-diakonie {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e7e2d9;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-diakonie .fu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 100%);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 34px 30px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 12px 32px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-diakonie .fu-hero h1 {\r\n color: #fff;\r\n margin: 0 0 12px;\r\n font-size: clamp(1.8rem, 4vw, 2.7rem);\r\n line-height: 1.15;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-diakonie .fu-hero h1 i {\r\n color: #f3b35b;\r\n margin-right: 10px;\r\n}\r\n\r\n.fu-diakonie .fu-lead {\r\n max-width: 900px;\r\n margin: 0 0 22px;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-diakonie .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-diakonie .fu-fact {\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.15);\r\n border-radius: 14px;\r\n padding: 15px 16px;\r\n}\r\n\r\n.fu-diakonie .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1rem;\r\n}\r\n\r\n.fu-diakonie .fu-fact span {\r\n display: block;\r\n color: rgba(255,255,255,.78);\r\n font-size: .88rem;\r\n margin-top: 2px;\r\n}\r\n\r\n.fu-diakonie .fu-address {\r\n margin: 18px 0 20px;\r\n color: rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-diakonie .fu-address i {\r\n color: #f3b35b;\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-diakonie .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-diakonie .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-diakonie .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-diakonie .fu-btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 7px 18px rgba(0,0,0,.15);\r\n}\r\n\r\n.fu-diakonie .fu-btn-outline {\r\n color: #fff !important;\r\n border: 1px solid rgba(255,255,255,.45);\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-diakonie .fu-btn-outline:hover {\r\n background: rgba(255,255,255,.14);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-diakonie .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px 20px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-diakonie .fu-jump-title {\r\n display: block;\r\n margin-bottom: 10px;\r\n color: var(--fu-dark);\r\n font-weight: 800;\r\n}\r\n\r\n.fu-diakonie .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-diakonie .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 7px 12px;\r\n text-decoration: none !important;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-diakonie .fu-jump a:hover {\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-diakonie .fu-section {\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-diakonie .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n margin: 0 0 17px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-diakonie .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-diakonie .fu-section-intro {\r\n margin: -5px 0 18px;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-diakonie .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-diakonie .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n box-shadow: 0 6px 20px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-diakonie .fu-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.08rem;\r\n margin: 0 0 9px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-diakonie .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-diakonie .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-diakonie .fu-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.fu-diakonie .fu-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-diakonie .fu-highlight {\r\n background: #f5f0e7;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 19px 21px;\r\n margin: 18px 0;\r\n}\r\n\r\n.fu-diakonie .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n KINDERHAUS\r\n ========================================================= */\r\n\r\n.fu-diakonie .fu-location {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 8px 24px rgba(23,56,47,.14);\r\n}\r\n\r\n.fu-diakonie .fu-location h3 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-diakonie .fu-location p {\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-diakonie .fu-location strong {\r\n color: #fff;\r\n}\r\n\r\n.fu-diakonie .fu-location i {\r\n color: #f3b35b;\r\n}\r\n\r\n/* =========================================================\r\n ZIELGRUPPE / VORAUSSETZUNGEN\r\n ========================================================= */\r\n\r\n.fu-diakonie .fu-warning {\r\n background: #fff7ed;\r\n border: 1px solid #fed7aa;\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-diakonie .fu-warning h3 {\r\n color: #9a4d00;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-diakonie .fu-warning ul {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-diakonie .fu-contact {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n}\r\n\r\n.fu-diakonie .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 22px;\r\n}\r\n\r\n.fu-diakonie .fu-contact-item {\r\n display: flex;\r\n gap: 13px;\r\n align-items: flex-start;\r\n}\r\n\r\n.fu-diakonie .fu-contact-icon {\r\n width: 42px;\r\n height: 42px;\r\n min-width: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 11px;\r\n background: #e9f0ed;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-diakonie .fu-contact-item strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 2px;\r\n}\r\n\r\n.fu-diakonie .fu-contact-item a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-diakonie .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n}\r\n\r\n.fu-diakonie .fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 18px;\r\n color: var(--fu-dark) !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 5px 17px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-diakonie .fu-related-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 24px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-diakonie .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.fu-diakonie .fu-related-card strong {\r\n display: block;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-diakonie .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-diakonie .fu-hero {\r\n padding: 25px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-diakonie .fu-facts,\r\n .fu-diakonie .fu-grid,\r\n .fu-diakonie .fu-contact-grid,\r\n .fu-diakonie .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-diakonie .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-diakonie .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-diakonie .fu-jump-links {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-diakonie .fu-jump a {\r\n width: 100%;\r\n border-radius: 10px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 228 ===== */ @scope (.fu-article-228) { \r\n/* =========================================================\r\n FAST UMSONST – JIB MÜNSTER\r\n Jugendinformations- und -bildungszentrum\r\n Schuldner- und Rechtshilfe für junge Menschen\r\n ========================================================= */\r\n\r\n.fu-jib {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e7e2d9;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-jib * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-jib a {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-jib-hero {\r\n background: linear-gradient(135deg, var(--fu-dark), var(--fu-green));\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-jib-hero h1 {\r\n color: #fff;\r\n margin: 0 0 12px;\r\n font-size: clamp(1.8rem, 4vw, 2.7rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-jib-hero h1 i {\r\n margin-right: 10px;\r\n}\r\n\r\n.fu-jib-lead {\r\n max-width: 850px;\r\n margin: 0 0 24px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n.fu-jib-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-jib-fact {\r\n background: rgba(255,255,255,.11);\r\n border: 1px solid rgba(255,255,255,.16);\r\n border-radius: 14px;\r\n padding: 15px;\r\n}\r\n\r\n.fu-jib-fact strong {\r\n display: block;\r\n font-size: 1rem;\r\n color: #fff;\r\n}\r\n\r\n.fu-jib-fact span {\r\n display: block;\r\n margin-top: 3px;\r\n font-size: .9rem;\r\n opacity: .86;\r\n}\r\n\r\n.fu-jib-contactline {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 20px;\r\n margin: 20px 0;\r\n font-size: .96rem;\r\n}\r\n\r\n.fu-jib-contactline i {\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-jib-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-jib-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 7px;\r\n padding: 10px 16px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jib-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-jib-btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 14px rgba(0,0,0,.16);\r\n}\r\n\r\n.fu-jib-btn-outline {\r\n border: 1px solid rgba(255,255,255,.55);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.05);\r\n}\r\n\r\n.fu-jib-btn-outline:hover {\r\n background: rgba(255,255,255,.13);\r\n}\r\n\r\n/* Sprungnavigation */\r\n\r\n.fu-jib-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-jib-jump strong {\r\n display: block;\r\n margin-bottom: 10px;\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-jib-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-jib-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 7px 12px;\r\n text-decoration: none;\r\n font-size: .92rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-jib-jump-links a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n/* Sections */\r\n\r\n.fu-jib-section {\r\n margin: 34px 0;\r\n}\r\n\r\n.fu-jib-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n margin: 0 0 17px;\r\n}\r\n\r\n.fu-jib-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-jib-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-jib-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-jib-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.15rem;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-jib-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-jib-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 20px;\r\n}\r\n\r\n.fu-jib-card li {\r\n margin-bottom: 7px;\r\n}\r\n\r\n/* Highlight */\r\n\r\n.fu-jib-highlight {\r\n background: #f5f0e7;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 18px 20px;\r\n margin: 20px 0;\r\n}\r\n\r\n.fu-jib-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* Warning / important */\r\n\r\n.fu-jib-important {\r\n background: #fff7ed;\r\n border: 1px solid #fed7aa;\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin: 20px 0;\r\n}\r\n\r\n.fu-jib-important strong {\r\n color: #9a4d05;\r\n}\r\n\r\n/* Contact */\r\n\r\n.fu-jib-contact {\r\n background: var(--fu-dark);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-top: 34px;\r\n}\r\n\r\n.fu-jib-contact h2 {\r\n color: #fff;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-jib-contact a {\r\n color: #fff;\r\n}\r\n\r\n.fu-jib-contact-details {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n margin: 18px 0;\r\n}\r\n\r\n.fu-jib-contact-item {\r\n background: rgba(255,255,255,.08);\r\n border: 1px solid rgba(255,255,255,.12);\r\n border-radius: 12px;\r\n padding: 14px;\r\n}\r\n\r\n.fu-jib-contact-item strong {\r\n display: block;\r\n color: #fff;\r\n margin-bottom: 3px;\r\n}\r\n\r\n/* Related */\r\n\r\n.fu-jib-related {\r\n margin-top: 34px;\r\n}\r\n\r\n.fu-jib-related h2 {\r\n color: var(--fu-dark);\r\n margin-bottom: 17px;\r\n}\r\n\r\n.fu-jib-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-jib-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 19px;\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 15px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jib-related-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-jib-related-card strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-jib-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .fu-jib-hero {\r\n padding: 25px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-jib-facts,\r\n .fu-jib-grid,\r\n .fu-jib-contact-details,\r\n .fu-jib-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-jib-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-jib-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-jib-card {\r\n padding: 18px;\r\n }\r\n\r\n .fu-jib-jump-links a {\r\n width: 100%;\r\n border-radius: 10px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 229 ===== */ @scope (.fu-article-229) { \r\n/* =========================================================\r\n FAST UMSONST – PFÄNDUNGSSCHUTZKONTO (P-KONTO)\r\n Information & Hilfe bei Kontopfändung\r\n ========================================================= */\r\n\r\n.fu-pkonto {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e7e2d9;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-pkonto * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-pkonto a {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-pkonto-hero {\r\n background: linear-gradient(135deg, var(--fu-dark), var(--fu-green));\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-pkonto-hero h1 {\r\n color: #fff;\r\n margin: 0 0 12px;\r\n font-size: clamp(1.8rem, 4vw, 2.7rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-pkonto-hero h1 i {\r\n margin-right: 10px;\r\n}\r\n\r\n.fu-pkonto-lead {\r\n max-width: 900px;\r\n margin: 0 0 24px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n.fu-pkonto-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-pkonto-fact {\r\n background: rgba(255,255,255,.11);\r\n border: 1px solid rgba(255,255,255,.16);\r\n border-radius: 14px;\r\n padding: 15px;\r\n}\r\n\r\n.fu-pkonto-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1.05rem;\r\n}\r\n\r\n.fu-pkonto-fact span {\r\n display: block;\r\n margin-top: 3px;\r\n font-size: .9rem;\r\n opacity: .86;\r\n}\r\n\r\n.fu-pkonto-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 22px;\r\n}\r\n\r\n.fu-pkonto-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 7px;\r\n padding: 10px 16px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-pkonto-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-pkonto-btn-outline {\r\n border: 1px solid rgba(255,255,255,.55);\r\n background: rgba(255,255,255,.05);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-pkonto-btn:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-pkonto-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-pkonto-jump strong {\r\n display: block;\r\n margin-bottom: 10px;\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-pkonto-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-pkonto-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 7px 12px;\r\n text-decoration: none;\r\n font-size: .92rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-pkonto-jump-links a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-pkonto-section {\r\n margin: 34px 0;\r\n}\r\n\r\n.fu-pkonto-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n margin: 0 0 17px;\r\n}\r\n\r\n.fu-pkonto-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-pkonto-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-pkonto-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-pkonto-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.15rem;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-pkonto-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-pkonto-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 20px;\r\n}\r\n\r\n.fu-pkonto-card li {\r\n margin-bottom: 7px;\r\n}\r\n\r\n/* =========================================================\r\n BETRAG\r\n ========================================================= */\r\n\r\n.fu-pkonto-amount {\r\n background: var(--fu-dark);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin: 24px 0;\r\n text-align: center;\r\n}\r\n\r\n.fu-pkonto-amount strong {\r\n display: block;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n line-height: 1.1;\r\n margin-bottom: 7px;\r\n}\r\n\r\n.fu-pkonto-amount span {\r\n opacity: .9;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-pkonto-highlight {\r\n background: #f5f0e7;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 18px 20px;\r\n margin: 20px 0;\r\n}\r\n\r\n.fu-pkonto-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n IMPORTANT\r\n ========================================================= */\r\n\r\n.fu-pkonto-important {\r\n background: #fff7ed;\r\n border: 1px solid #fed7aa;\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin: 20px 0;\r\n}\r\n\r\n.fu-pkonto-important strong {\r\n color: #9a4d05;\r\n}\r\n\r\n/* =========================================================\r\n SCHRITTE\r\n ========================================================= */\r\n\r\n.fu-pkonto-steps {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-pkonto-step {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n box-shadow: 0 4px 15px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-pkonto-step-number {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n background: var(--fu-green);\r\n color: #fff;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-pkonto-step h3 {\r\n color: var(--fu-dark);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-pkonto-related {\r\n margin-top: 34px;\r\n}\r\n\r\n.fu-pkonto-related h2 {\r\n color: var(--fu-dark);\r\n margin-bottom: 17px;\r\n}\r\n\r\n.fu-pkonto-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-pkonto-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 19px;\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 15px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-pkonto-related-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-pkonto-related-card strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-pkonto-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-pkonto-hero {\r\n padding: 25px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-pkonto-facts,\r\n .fu-pkonto-grid,\r\n .fu-pkonto-steps,\r\n .fu-pkonto-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-pkonto-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-pkonto-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-pkonto-card,\r\n .fu-pkonto-step {\r\n padding: 18px;\r\n }\r\n\r\n .fu-pkonto-jump-links a {\r\n width: 100%;\r\n border-radius: 10px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 232 ===== */ @scope (.fu-article-232) { \r\n/* =========================================================\r\n FAST UMSONST – VERBRAUCHERZENTRALE MÜNSTER\r\n Schuldner- und Verbraucherinsolvenzberatung\r\n ========================================================= */\r\n\r\n.fu-vz {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e7e2d9;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-vz * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-vz a {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-vz-hero {\r\n background: linear-gradient(135deg, var(--fu-dark), var(--fu-green));\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-vz-hero h1 {\r\n color: #fff;\r\n margin: 0 0 12px;\r\n font-size: clamp(1.8rem, 4vw, 2.7rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-vz-hero h1 i {\r\n margin-right: 10px;\r\n}\r\n\r\n.fu-vz-lead {\r\n max-width: 900px;\r\n margin: 0 0 24px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n.fu-vz-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-vz-fact {\r\n background: rgba(255,255,255,.11);\r\n border: 1px solid rgba(255,255,255,.16);\r\n border-radius: 14px;\r\n padding: 15px;\r\n}\r\n\r\n.fu-vz-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1.02rem;\r\n}\r\n\r\n.fu-vz-fact span {\r\n display: block;\r\n margin-top: 3px;\r\n font-size: .9rem;\r\n opacity: .86;\r\n}\r\n\r\n.fu-vz-contactline {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 22px;\r\n margin: 20px 0;\r\n font-size: .96rem;\r\n}\r\n\r\n.fu-vz-contactline i {\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-vz-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-vz-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 7px;\r\n padding: 10px 16px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-vz-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-vz-btn-outline {\r\n border: 1px solid rgba(255,255,255,.55);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.05);\r\n}\r\n\r\n.fu-vz-btn:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-vz-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-vz-jump strong {\r\n display: block;\r\n margin-bottom: 10px;\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-vz-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-vz-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 7px 12px;\r\n text-decoration: none;\r\n font-size: .92rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-vz-jump-links a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-vz-section {\r\n margin: 34px 0;\r\n}\r\n\r\n.fu-vz-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n margin: 0 0 17px;\r\n}\r\n\r\n.fu-vz-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-vz-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-vz-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-vz-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.15rem;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-vz-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-vz-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 20px;\r\n}\r\n\r\n.fu-vz-card li {\r\n margin-bottom: 7px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-vz-highlight {\r\n background: #f5f0e7;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 18px 20px;\r\n margin: 20px 0;\r\n}\r\n\r\n.fu-vz-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n IMPORTANT\r\n ========================================================= */\r\n\r\n.fu-vz-important {\r\n background: #fff7ed;\r\n border: 1px solid #fed7aa;\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin: 20px 0;\r\n}\r\n\r\n.fu-vz-important strong {\r\n color: #9a4d05;\r\n}\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-vz-contact {\r\n background: var(--fu-dark);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-top: 34px;\r\n}\r\n\r\n.fu-vz-contact h2 {\r\n color: #fff;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-vz-contact a {\r\n color: #fff;\r\n}\r\n\r\n.fu-vz-contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n margin: 18px 0;\r\n}\r\n\r\n.fu-vz-contact-item {\r\n background: rgba(255,255,255,.08);\r\n border: 1px solid rgba(255,255,255,.12);\r\n border-radius: 12px;\r\n padding: 14px;\r\n}\r\n\r\n.fu-vz-contact-item strong {\r\n display: block;\r\n color: #fff;\r\n margin-bottom: 4px;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-vz-related {\r\n margin-top: 34px;\r\n}\r\n\r\n.fu-vz-related h2 {\r\n color: var(--fu-dark);\r\n margin-bottom: 17px;\r\n}\r\n\r\n.fu-vz-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-vz-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 19px;\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 15px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-vz-related-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-vz-related-card strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-vz-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-vz-hero {\r\n padding: 25px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-vz-facts,\r\n .fu-vz-grid,\r\n .fu-vz-contact-grid,\r\n .fu-vz-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-vz-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-vz-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-vz-card {\r\n padding: 18px;\r\n }\r\n\r\n .fu-vz-jump-links a {\r\n width: 100%;\r\n border-radius: 10px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 233 ===== */ @scope (.fu-article-233) { \r\n.fu-vz {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-light: #f1f5f2;\r\n --fu-border: #dce5df;\r\n color: #26332e;\r\n line-height: 1.65;\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-vz * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-vz .vz-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 65%, #315f50 100%);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-vz .vz-hero-icon {\r\n font-size: 2.4rem;\r\n margin-bottom: 10px;\r\n opacity: .95;\r\n}\r\n\r\n.fu-vz .vz-hero h1 {\r\n color: #fff;\r\n margin: 0 0 14px;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-vz .vz-lead {\r\n max-width: 920px;\r\n font-size: 1.15rem;\r\n margin: 0 0 26px;\r\n color: #f5f8f6;\r\n}\r\n\r\n.fu-vz .vz-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-vz .vz-fact {\r\n background: rgba(255,255,255,.11);\r\n border: 1px solid rgba(255,255,255,.18);\r\n border-radius: 14px;\r\n padding: 17px;\r\n}\r\n\r\n.fu-vz .vz-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1.05rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-vz .vz-fact span {\r\n color: #e8f0ec;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-vz .vz-contact-line {\r\n margin: 18px 0 22px;\r\n color: #edf5f1;\r\n}\r\n\r\n.fu-vz .vz-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-vz .vz-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-vz .vz-btn:hover {\r\n transform: translateY(-1px);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-vz .vz-btn-light {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-vz .vz-btn-orange {\r\n background: var(--fu-orange);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-vz .vz-btn-outline {\r\n border: 1px solid rgba(255,255,255,.5);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-vz .vz-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.fu-vz .vz-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-vz .vz-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-vz .vz-jump a {\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n padding: 8px 12px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-vz .vz-jump a:hover {\r\n background: var(--fu-light);\r\n}\r\n\r\n.fu-vz .vz-section {\r\n margin: 0 0 34px;\r\n}\r\n\r\n.fu-vz .vz-section h2 {\r\n color: var(--fu-dark);\r\n font-size: clamp(1.55rem, 3vw, 2rem);\r\n margin: 0 0 18px;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-vz .vz-section-intro {\r\n max-width: 920px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-vz .vz-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-vz .vz-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 23px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-vz .vz-card h3 {\r\n color: var(--fu-green);\r\n margin: 0 0 10px;\r\n font-size: 1.22rem;\r\n}\r\n\r\n.fu-vz .vz-card h3 i {\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-vz .vz-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-vz .vz-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.fu-vz .vz-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-vz .vz-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-vz .vz-highlight strong {\r\n color: #8a4b08;\r\n}\r\n\r\n.fu-vz .vz-contact {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 26px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-vz .vz-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n}\r\n\r\n.fu-vz .vz-contact h3 {\r\n color: var(--fu-dark);\r\n margin-top: 0;\r\n}\r\n\r\n.fu-vz .vz-contact a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-vz .vz-hours {\r\n width: 100%;\r\n border-collapse: collapse;\r\n background: #fff;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n}\r\n\r\n.fu-vz .vz-hours td {\r\n padding: 10px 12px;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-vz .vz-hours tr:last-child td {\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-vz .vz-hours td:first-child {\r\n font-weight: 700;\r\n color: var(--fu-dark);\r\n white-space: nowrap;\r\n}\r\n\r\n.fu-vz .vz-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-vz .vz-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n color: #26332e !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-vz .vz-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(23,56,47,.11);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-vz .vz-related-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.1rem;\r\n margin: 0 0 7px;\r\n}\r\n\r\n.fu-vz .vz-related-card p {\r\n margin: 0;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-vz .vz-note {\r\n font-size: .92rem;\r\n color: #596660;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-vz .vz-facts,\r\n .fu-vz .vz-grid,\r\n .fu-vz .vz-contact-grid,\r\n .fu-vz .vz-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-vz .vz-hero {\r\n padding: 30px 22px;\r\n border-radius: 17px;\r\n }\r\n\r\n .fu-vz .vz-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-vz .vz-btn {\r\n width: 100%;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-vz .vz-hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .fu-vz .vz-card,\r\n .fu-vz .vz-contact {\r\n padding: 19px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 234 ===== */ @scope (.fu-article-234) { \r\n.fu-zartbitter {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-light: #f1f5f2;\r\n --fu-border: #dce5df;\r\n --fu-text: #24342e;\r\n --fu-muted: #64746d;\r\n font-family: inherit;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-zartbitter * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-hero {\r\n background: linear-gradient(135deg, var(--fu-dark), var(--fu-green));\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 8px 24px rgba(23,56,47,.12);\r\n}\r\n\r\n.fu-zartbitter .fu-zb-hero h1 {\r\n color: #fff;\r\n margin: 0 0 12px;\r\n font-size: clamp(1.8rem, 4vw, 2.65rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin-top: 24px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-fact {\r\n background: rgba(255,255,255,.12);\r\n border: 1px solid rgba(255,255,255,.18);\r\n border-radius: 13px;\r\n padding: 16px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-fact strong {\r\n display: block;\r\n color: #fff;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-fact span {\r\n display: block;\r\n font-size: .94rem;\r\n opacity: .94;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-contactline {\r\n margin-top: 22px;\r\n font-size: .98rem;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 9px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-btn:hover {\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-zartbitter .fu-zb-btn-light {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-btn-orange {\r\n background: var(--fu-orange);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-btn-outline {\r\n border: 1px solid rgba(255,255,255,.65);\r\n color: #fff !important;\r\n background: transparent;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-jump {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-jump a {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 8px;\r\n padding: 8px 12px;\r\n color: var(--fu-green);\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-jump a:hover {\r\n border-color: var(--fu-green);\r\n}\r\n\r\n.fu-zartbitter section.fu-zb-section {\r\n margin: 0 0 30px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n margin: 0 0 15px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 21px;\r\n box-shadow: 0 5px 16px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-zartbitter .fu-zb-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.18rem;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-card h3 i {\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 20px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 21px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-highlight strong {\r\n color: #8a4b08;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-contact {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 24px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-contact h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-address {\r\n font-size: 1.03rem;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-table td {\r\n padding: 8px 5px;\r\n border-bottom: 1px solid var(--fu-border);\r\n vertical-align: top;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-table td:first-child {\r\n font-weight: 700;\r\n width: 34%;\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-zartbitter .fu-zb-emergency {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 20px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-emergency strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-zartbitter .fu-zb-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-related a {\r\n display: block;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n padding: 18px;\r\n color: var(--fu-green);\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n box-shadow: 0 4px 12px rgba(23,56,47,.05);\r\n}\r\n\r\n.fu-zartbitter .fu-zb-related a:hover {\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-zartbitter .fu-zb-related i {\r\n display: block;\r\n font-size: 1.35rem;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-zartbitter .fu-zb-note {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n margin-top: 12px;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-zartbitter .fu-zb-facts,\r\n .fu-zartbitter .fu-zb-grid,\r\n .fu-zartbitter .fu-zb-related {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-zartbitter .fu-zb-hero {\r\n padding: 26px 20px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-zartbitter .fu-zb-hero h1 {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .fu-zartbitter .fu-zb-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-zartbitter .fu-zb-btn {\r\n justify-content: center;\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 235 ===== */ @scope (.fu-article-235) { \r\n.fu-wohnberatung {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-light: #f1f5f2;\r\n --fu-border: #dce5df;\r\n --fu-text: #24342e;\r\n --fu-muted: #64746d;\r\n font-family: inherit;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-wohnberatung * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-hero {\r\n background: linear-gradient(135deg, var(--fu-dark), var(--fu-green));\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 8px 24px rgba(23,56,47,.12);\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-hero h1 {\r\n color: #fff;\r\n margin: 0 0 12px;\r\n font-size: clamp(1.8rem, 4vw, 2.65rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin-top: 24px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-fact {\r\n background: rgba(255,255,255,.12);\r\n border: 1px solid rgba(255,255,255,.18);\r\n border-radius: 13px;\r\n padding: 16px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-fact strong {\r\n display: block;\r\n color: #fff;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-fact span {\r\n display: block;\r\n font-size: .94rem;\r\n opacity: .94;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-contactline {\r\n margin-top: 22px;\r\n font-size: .98rem;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 9px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-btn:hover {\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-btn-light {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-btn-orange {\r\n background: var(--fu-orange);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-btn-outline {\r\n border: 1px solid rgba(255,255,255,.65);\r\n color: #fff !important;\r\n background: transparent;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-jump {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-jump a {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 8px;\r\n padding: 8px 12px;\r\n color: var(--fu-green);\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-jump a:hover {\r\n border-color: var(--fu-green);\r\n}\r\n\r\n.fu-wohnberatung section.fu-wb-section {\r\n margin: 0 0 30px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n margin: 0 0 15px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 21px;\r\n box-shadow: 0 5px 16px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.18rem;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-card h3 i {\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 20px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 21px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-highlight strong {\r\n color: #8a4b08;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-contact {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 24px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-contact h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-address {\r\n font-size: 1.03rem;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-table td {\r\n padding: 8px 5px;\r\n border-bottom: 1px solid var(--fu-border);\r\n vertical-align: top;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-table td:first-child {\r\n font-weight: 700;\r\n width: 34%;\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-related a {\r\n display: block;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n padding: 18px;\r\n color: var(--fu-green);\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n box-shadow: 0 4px 12px rgba(23,56,47,.05);\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-related a:hover {\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-related i {\r\n display: block;\r\n font-size: 1.35rem;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-wohnberatung .fu-wb-note {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n margin-top: 12px;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-wohnberatung .fu-wb-facts,\r\n .fu-wohnberatung .fu-wb-grid,\r\n .fu-wohnberatung .fu-wb-related {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-wohnberatung .fu-wb-hero {\r\n padding: 26px 20px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-wohnberatung .fu-wb-hero h1 {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .fu-wohnberatung .fu-wb-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-wohnberatung .fu-wb-btn {\r\n justify-content: center;\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 236 ===== */ @scope (.fu-article-236) { \r\n.fu-trialog {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-light: #f1f5f2;\r\n --fu-border: #dce5df;\r\n color: #26332e;\r\n line-height: 1.65;\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-trialog * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-trialog .tr-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 65%, #315f50 100%);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-trialog .tr-hero-icon {\r\n font-size: 2.4rem;\r\n margin-bottom: 10px;\r\n opacity: .95;\r\n}\r\n\r\n.fu-trialog .tr-hero h1 {\r\n color: #fff;\r\n margin: 0 0 14px;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-trialog .tr-lead {\r\n max-width: 900px;\r\n font-size: 1.15rem;\r\n margin: 0 0 26px;\r\n color: #f5f8f6;\r\n}\r\n\r\n.fu-trialog .tr-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-trialog .tr-fact {\r\n background: rgba(255,255,255,.11);\r\n border: 1px solid rgba(255,255,255,.18);\r\n border-radius: 14px;\r\n padding: 17px;\r\n}\r\n\r\n.fu-trialog .tr-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1.05rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-trialog .tr-fact span {\r\n color: #e8f0ec;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-trialog .tr-contact-line {\r\n margin: 18px 0 22px;\r\n color: #edf5f1;\r\n}\r\n\r\n.fu-trialog .tr-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-trialog .tr-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-trialog .tr-btn:hover {\r\n transform: translateY(-1px);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-trialog .tr-btn-light {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-trialog .tr-btn-orange {\r\n background: var(--fu-orange);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-trialog .tr-btn-outline {\r\n border: 1px solid rgba(255,255,255,.5);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-trialog .tr-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.fu-trialog .tr-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-trialog .tr-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-trialog .tr-jump a {\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n padding: 8px 12px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-trialog .tr-jump a:hover {\r\n background: var(--fu-light);\r\n}\r\n\r\n.fu-trialog .tr-section {\r\n margin: 0 0 34px;\r\n}\r\n\r\n.fu-trialog .tr-section h2 {\r\n color: var(--fu-dark);\r\n font-size: clamp(1.55rem, 3vw, 2rem);\r\n margin: 0 0 18px;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-trialog .tr-section-intro {\r\n max-width: 920px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-trialog .tr-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-trialog .tr-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 23px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-trialog .tr-card h3 {\r\n color: var(--fu-green);\r\n margin: 0 0 10px;\r\n font-size: 1.22rem;\r\n}\r\n\r\n.fu-trialog .tr-card h3 i {\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-trialog .tr-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-trialog .tr-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.fu-trialog .tr-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-trialog .tr-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-trialog .tr-highlight strong {\r\n color: #8a4b08;\r\n}\r\n\r\n.fu-trialog .tr-contact {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 26px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-trialog .tr-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n}\r\n\r\n.fu-trialog .tr-contact h3 {\r\n color: var(--fu-dark);\r\n margin-top: 0;\r\n}\r\n\r\n.fu-trialog .tr-contact a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-trialog .tr-hours {\r\n width: 100%;\r\n border-collapse: collapse;\r\n background: #fff;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n}\r\n\r\n.fu-trialog .tr-hours td {\r\n padding: 10px 12px;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-trialog .tr-hours tr:last-child td {\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-trialog .tr-hours td:first-child {\r\n font-weight: 700;\r\n color: var(--fu-dark);\r\n white-space: nowrap;\r\n}\r\n\r\n.fu-trialog .tr-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-trialog .tr-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n color: #26332e !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-trialog .tr-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(23,56,47,.11);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-trialog .tr-related-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.1rem;\r\n margin: 0 0 7px;\r\n}\r\n\r\n.fu-trialog .tr-related-card p {\r\n margin: 0;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-trialog .tr-note {\r\n font-size: .92rem;\r\n color: #596660;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-trialog .tr-facts,\r\n .fu-trialog .tr-grid,\r\n .fu-trialog .tr-contact-grid,\r\n .fu-trialog .tr-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-trialog .tr-hero {\r\n padding: 30px 22px;\r\n border-radius: 17px;\r\n }\r\n\r\n .fu-trialog .tr-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-trialog .tr-btn {\r\n width: 100%;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-trialog .tr-hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .fu-trialog .tr-card,\r\n .fu-trialog .tr-contact {\r\n padding: 19px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 237 ===== */ @scope (.fu-article-237) { \r\n.fu-suedviertel {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-light: #f1f5f2;\r\n --fu-border: #dce5df;\r\n color: #26332e;\r\n line-height: 1.65;\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-suedviertel * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-suedviertel .sv-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 65%, #315f50 100%);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-suedviertel .sv-hero-icon {\r\n font-size: 2.4rem;\r\n margin-bottom: 10px;\r\n opacity: .95;\r\n}\r\n\r\n.fu-suedviertel .sv-hero h1 {\r\n color: #fff;\r\n margin: 0 0 14px;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-suedviertel .sv-lead {\r\n max-width: 900px;\r\n font-size: 1.15rem;\r\n margin: 0 0 26px;\r\n color: #f5f8f6;\r\n}\r\n\r\n.fu-suedviertel .sv-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-suedviertel .sv-fact {\r\n background: rgba(255,255,255,.11);\r\n border: 1px solid rgba(255,255,255,.18);\r\n border-radius: 14px;\r\n padding: 17px;\r\n}\r\n\r\n.fu-suedviertel .sv-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1.05rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-suedviertel .sv-fact span {\r\n color: #e8f0ec;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-suedviertel .sv-contact-line {\r\n margin: 18px 0 22px;\r\n color: #edf5f1;\r\n}\r\n\r\n.fu-suedviertel .sv-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-suedviertel .sv-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-suedviertel .sv-btn:hover {\r\n transform: translateY(-1px);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-suedviertel .sv-btn-light {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-suedviertel .sv-btn-orange {\r\n background: var(--fu-orange);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-suedviertel .sv-btn-outline {\r\n border: 1px solid rgba(255,255,255,.5);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-suedviertel .sv-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.fu-suedviertel .sv-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-suedviertel .sv-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-suedviertel .sv-jump a {\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n padding: 8px 12px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-suedviertel .sv-jump a:hover {\r\n background: var(--fu-light);\r\n}\r\n\r\n.fu-suedviertel .sv-section {\r\n margin: 0 0 34px;\r\n}\r\n\r\n.fu-suedviertel .sv-section h2 {\r\n color: var(--fu-dark);\r\n font-size: clamp(1.55rem, 3vw, 2rem);\r\n margin: 0 0 18px;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-suedviertel .sv-section-intro {\r\n max-width: 920px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-suedviertel .sv-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-suedviertel .sv-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 23px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-suedviertel .sv-card h3 {\r\n color: var(--fu-green);\r\n margin: 0 0 10px;\r\n font-size: 1.22rem;\r\n}\r\n\r\n.fu-suedviertel .sv-card h3 i {\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-suedviertel .sv-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-suedviertel .sv-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.fu-suedviertel .sv-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-suedviertel .sv-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-suedviertel .sv-highlight strong {\r\n color: #8a4b08;\r\n}\r\n\r\n.fu-suedviertel .sv-contact {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 26px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-suedviertel .sv-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n}\r\n\r\n.fu-suedviertel .sv-contact h3 {\r\n color: var(--fu-dark);\r\n margin-top: 0;\r\n}\r\n\r\n.fu-suedviertel .sv-contact a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-suedviertel .sv-hours {\r\n width: 100%;\r\n border-collapse: collapse;\r\n background: #fff;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n}\r\n\r\n.fu-suedviertel .sv-hours td {\r\n padding: 10px 12px;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-suedviertel .sv-hours tr:last-child td {\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-suedviertel .sv-hours td:first-child {\r\n font-weight: 700;\r\n color: var(--fu-dark);\r\n white-space: nowrap;\r\n}\r\n\r\n.fu-suedviertel .sv-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-suedviertel .sv-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n color: #26332e !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-suedviertel .sv-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(23,56,47,.11);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-suedviertel .sv-related-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.1rem;\r\n margin: 0 0 7px;\r\n}\r\n\r\n.fu-suedviertel .sv-related-card p {\r\n margin: 0;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-suedviertel .sv-note {\r\n font-size: .92rem;\r\n color: #596660;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-suedviertel .sv-facts,\r\n .fu-suedviertel .sv-grid,\r\n .fu-suedviertel .sv-contact-grid,\r\n .fu-suedviertel .sv-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-suedviertel .sv-hero {\r\n padding: 30px 22px;\r\n border-radius: 17px;\r\n }\r\n\r\n .fu-suedviertel .sv-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-suedviertel .sv-btn {\r\n width: 100%;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-suedviertel .sv-hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .fu-suedviertel .sv-card,\r\n .fu-suedviertel .sv-contact {\r\n padding: 19px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 238 ===== */ @scope (.fu-article-238) { \r\n.fu-sic {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-light: #f1f5f2;\r\n --fu-border: #dce5df;\r\n color: #26332e;\r\n line-height: 1.65;\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-sic * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-sic .sic-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 65%, #315f50 100%);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-sic .sic-hero-icon {\r\n font-size: 2.4rem;\r\n margin-bottom: 10px;\r\n opacity: .95;\r\n}\r\n\r\n.fu-sic .sic-hero h1 {\r\n color: #fff;\r\n margin: 0 0 14px;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-sic .sic-lead {\r\n max-width: 900px;\r\n font-size: 1.15rem;\r\n margin: 0 0 26px;\r\n color: #f5f8f6;\r\n}\r\n\r\n.fu-sic .sic-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-sic .sic-fact {\r\n background: rgba(255,255,255,.11);\r\n border: 1px solid rgba(255,255,255,.18);\r\n border-radius: 14px;\r\n padding: 17px;\r\n}\r\n\r\n.fu-sic .sic-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1.05rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-sic .sic-fact span {\r\n color: #e8f0ec;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-sic .sic-contact-line {\r\n margin: 18px 0 22px;\r\n color: #edf5f1;\r\n}\r\n\r\n.fu-sic .sic-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-sic .sic-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-sic .sic-btn:hover {\r\n transform: translateY(-1px);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-sic .sic-btn-light {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-sic .sic-btn-orange {\r\n background: var(--fu-orange);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-sic .sic-btn-outline {\r\n border: 1px solid rgba(255,255,255,.5);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-sic .sic-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.fu-sic .sic-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-sic .sic-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-sic .sic-jump a {\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n padding: 8px 12px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-sic .sic-jump a:hover {\r\n background: var(--fu-light);\r\n}\r\n\r\n.fu-sic .sic-section {\r\n margin: 0 0 34px;\r\n}\r\n\r\n.fu-sic .sic-section h2 {\r\n color: var(--fu-dark);\r\n font-size: clamp(1.55rem, 3vw, 2rem);\r\n margin: 0 0 18px;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-sic .sic-section-intro {\r\n max-width: 920px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-sic .sic-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-sic .sic-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 23px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-sic .sic-card h3 {\r\n color: var(--fu-green);\r\n margin: 0 0 10px;\r\n font-size: 1.22rem;\r\n}\r\n\r\n.fu-sic .sic-card h3 i {\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-sic .sic-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-sic .sic-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.fu-sic .sic-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-sic .sic-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-sic .sic-highlight strong {\r\n color: #8a4b08;\r\n}\r\n\r\n.fu-sic .sic-contact {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 26px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-sic .sic-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n}\r\n\r\n.fu-sic .sic-contact h3 {\r\n color: var(--fu-dark);\r\n margin-top: 0;\r\n}\r\n\r\n.fu-sic .sic-contact a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-sic .sic-hours {\r\n width: 100%;\r\n border-collapse: collapse;\r\n background: #fff;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n}\r\n\r\n.fu-sic .sic-hours td {\r\n padding: 10px 12px;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-sic .sic-hours tr:last-child td {\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-sic .sic-hours td:first-child {\r\n font-weight: 700;\r\n color: var(--fu-dark);\r\n white-space: nowrap;\r\n}\r\n\r\n.fu-sic .sic-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-sic .sic-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n color: #26332e !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-sic .sic-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(23,56,47,.11);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-sic .sic-related-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.1rem;\r\n margin: 0 0 7px;\r\n}\r\n\r\n.fu-sic .sic-related-card p {\r\n margin: 0;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-sic .sic-note {\r\n font-size: .92rem;\r\n color: #596660;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-sic .sic-facts,\r\n .fu-sic .sic-grid,\r\n .fu-sic .sic-contact-grid,\r\n .fu-sic .sic-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-sic .sic-hero {\r\n padding: 30px 22px;\r\n border-radius: 17px;\r\n }\r\n\r\n .fu-sic .sic-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-sic .sic-btn {\r\n width: 100%;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-sic .sic-hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .fu-sic .sic-card,\r\n .fu-sic .sic-contact {\r\n padding: 19px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 239 ===== */ @scope (.fu-article-239) { \r\n.fu-sozialbueros {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-light: #f1f5f2;\r\n --fu-border: #dce5df;\r\n color: #26332e;\r\n line-height: 1.65;\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-sozialbueros * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-sozialbueros .sbu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 65%, #315f50 100%);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-sozialbueros .sbu-hero-icon {\r\n font-size: 2.4rem;\r\n margin-bottom: 10px;\r\n opacity: .95;\r\n}\r\n\r\n.fu-sozialbueros .sbu-hero h1 {\r\n color: #fff;\r\n margin: 0 0 14px;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-sozialbueros .sbu-lead {\r\n max-width: 900px;\r\n font-size: 1.15rem;\r\n margin: 0 0 26px;\r\n color: #f5f8f6;\r\n}\r\n\r\n.fu-sozialbueros .sbu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-sozialbueros .sbu-fact {\r\n background: rgba(255,255,255,.11);\r\n border: 1px solid rgba(255,255,255,.18);\r\n border-radius: 14px;\r\n padding: 17px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1.05rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-fact span {\r\n color: #e8f0ec;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-sozialbueros .sbu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-sozialbueros .sbu-btn:hover {\r\n transform: translateY(-1px);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-sozialbueros .sbu-btn-light {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-sozialbueros .sbu-btn-orange {\r\n background: var(--fu-orange);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-sozialbueros .sbu-btn-green {\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-sozialbueros .sbu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-jump a {\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n padding: 8px 12px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-sozialbueros .sbu-jump a:hover {\r\n background: var(--fu-light);\r\n}\r\n\r\n.fu-sozialbueros .sbu-section {\r\n margin: 0 0 34px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: clamp(1.55rem, 3vw, 2rem);\r\n margin: 0 0 18px;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-sozialbueros .sbu-intro {\r\n max-width: 920px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 23px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-sozialbueros .sbu-card h3 {\r\n color: var(--fu-green);\r\n margin: 0 0 10px;\r\n font-size: 1.22rem;\r\n}\r\n\r\n.fu-sozialbueros .sbu-card h3 i {\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-sozialbueros .sbu-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-sozialbueros .sbu-highlight strong {\r\n color: #8a4b08;\r\n}\r\n\r\n.fu-sozialbueros .sbu-area {\r\n margin-bottom: 34px;\r\n scroll-margin-top: 20px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-area h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.45rem;\r\n margin: 0 0 15px;\r\n padding-bottom: 8px;\r\n border-bottom: 2px solid var(--fu-border);\r\n}\r\n\r\n.fu-sozialbueros .sbu-office-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-office {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-sozialbueros .sbu-office h4 {\r\n color: var(--fu-green);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-sozialbueros .sbu-office h4 i {\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-office p {\r\n margin: 0 0 12px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-office strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-sozialbueros .sbu-office-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: 13px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-small-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 8px 11px;\r\n border-radius: 8px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-size: .88rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-sozialbueros .sbu-small-btn.orange {\r\n background: var(--fu-orange);\r\n}\r\n\r\n.fu-sozialbueros .sbu-top-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n margin-top: 14px;\r\n color: var(--fu-green) !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-sozialbueros .sbu-top-link:hover {\r\n color: var(--fu-dark) !important;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-sozialbueros .sbu-note {\r\n font-size: .9rem;\r\n color: #596660;\r\n}\r\n\r\n.fu-sozialbueros .sbu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n color: #26332e !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-sozialbueros .sbu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(23,56,47,.11);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-sozialbueros .sbu-related-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.1rem;\r\n margin: 0 0 7px;\r\n}\r\n\r\n.fu-sozialbueros .sbu-related-card p {\r\n margin: 0;\r\n font-size: .94rem;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-sozialbueros .sbu-facts,\r\n .fu-sozialbueros .sbu-grid,\r\n .fu-sozialbueros .sbu-office-grid,\r\n .fu-sozialbueros .sbu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-sozialbueros .sbu-hero {\r\n padding: 30px 22px;\r\n border-radius: 17px;\r\n }\r\n\r\n .fu-sozialbueros .sbu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-sozialbueros .sbu-btn {\r\n width: 100%;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-sozialbueros .sbu-hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .fu-sozialbueros .sbu-card,\r\n .fu-sozialbueros .sbu-office {\r\n padding: 19px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 240 ===== */ @scope (.fu-article-240) { \r\n.fu-donum {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-light: #f1f5f2;\r\n --fu-border: #dce5df;\r\n color: #26332e;\r\n line-height: 1.65;\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-donum * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-donum .donum-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 65%, #315f50 100%);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-donum .donum-hero-icon {\r\n font-size: 2.4rem;\r\n margin-bottom: 10px;\r\n opacity: .95;\r\n}\r\n\r\n.fu-donum .donum-hero h1 {\r\n color: #fff;\r\n margin: 0 0 14px;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-donum .donum-lead {\r\n max-width: 900px;\r\n font-size: 1.15rem;\r\n margin: 0 0 26px;\r\n color: #f5f8f6;\r\n}\r\n\r\n.fu-donum .donum-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-donum .donum-fact {\r\n background: rgba(255,255,255,.11);\r\n border: 1px solid rgba(255,255,255,.18);\r\n border-radius: 14px;\r\n padding: 17px;\r\n}\r\n\r\n.fu-donum .donum-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1.05rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-donum .donum-fact span {\r\n color: #e8f0ec;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-donum .donum-contact-line {\r\n margin: 18px 0 22px;\r\n color: #edf5f1;\r\n}\r\n\r\n.fu-donum .donum-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-donum .donum-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-donum .donum-btn:hover {\r\n transform: translateY(-1px);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-donum .donum-btn-light {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-donum .donum-btn-orange {\r\n background: var(--fu-orange);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-donum .donum-btn-outline {\r\n border: 1px solid rgba(255,255,255,.5);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-donum .donum-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.fu-donum .donum-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-donum .donum-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-donum .donum-jump a {\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n padding: 8px 12px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-donum .donum-jump a:hover {\r\n background: var(--fu-light);\r\n}\r\n\r\n.fu-donum .donum-section {\r\n margin: 0 0 34px;\r\n}\r\n\r\n.fu-donum .donum-section h2 {\r\n color: var(--fu-dark);\r\n font-size: clamp(1.55rem, 3vw, 2rem);\r\n margin: 0 0 18px;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-donum .donum-section-intro {\r\n max-width: 920px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-donum .donum-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-donum .donum-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 23px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-donum .donum-card h3 {\r\n color: var(--fu-green);\r\n margin: 0 0 10px;\r\n font-size: 1.22rem;\r\n}\r\n\r\n.fu-donum .donum-card h3 i {\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-donum .donum-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-donum .donum-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.fu-donum .donum-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-donum .donum-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-donum .donum-highlight strong {\r\n color: #8a4b08;\r\n}\r\n\r\n.fu-donum .donum-contact {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 26px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-donum .donum-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n}\r\n\r\n.fu-donum .donum-contact h3 {\r\n color: var(--fu-dark);\r\n margin-top: 0;\r\n}\r\n\r\n.fu-donum .donum-contact a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-donum .donum-hours {\r\n width: 100%;\r\n border-collapse: collapse;\r\n background: #fff;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n}\r\n\r\n.fu-donum .donum-hours td {\r\n padding: 10px 12px;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-donum .donum-hours tr:last-child td {\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-donum .donum-hours td:first-child {\r\n font-weight: 700;\r\n color: var(--fu-dark);\r\n white-space: nowrap;\r\n}\r\n\r\n.fu-donum .donum-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-donum .donum-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n color: #26332e !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-donum .donum-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(23,56,47,.11);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-donum .donum-related-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.1rem;\r\n margin: 0 0 7px;\r\n}\r\n\r\n.fu-donum .donum-related-card p {\r\n margin: 0;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-donum .donum-note {\r\n font-size: .92rem;\r\n color: #596660;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-donum .donum-facts,\r\n .fu-donum .donum-grid,\r\n .fu-donum .donum-contact-grid,\r\n .fu-donum .donum-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-donum .donum-hero {\r\n padding: 30px 22px;\r\n border-radius: 17px;\r\n }\r\n\r\n .fu-donum .donum-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-donum .donum-btn {\r\n width: 100%;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-donum .donum-hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .fu-donum .donum-card,\r\n .fu-donum .donum-contact {\r\n padding: 19px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 241 ===== */ @scope (.fu-article-241) { \r\n.fu-psz {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-light: #f1f5f2;\r\n --fu-border: #dce5df;\r\n color: #26332e;\r\n line-height: 1.65;\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-psz * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-psz .psz-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 65%, #315f50 100%);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-psz .psz-hero-icon {\r\n font-size: 2.4rem;\r\n margin-bottom: 10px;\r\n opacity: .95;\r\n}\r\n\r\n.fu-psz .psz-hero h1 {\r\n color: #fff;\r\n margin: 0 0 14px;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-psz .psz-lead {\r\n max-width: 850px;\r\n font-size: 1.15rem;\r\n margin: 0 0 26px;\r\n color: #f5f8f6;\r\n}\r\n\r\n.fu-psz .psz-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-psz .psz-fact {\r\n background: rgba(255,255,255,.11);\r\n border: 1px solid rgba(255,255,255,.18);\r\n border-radius: 14px;\r\n padding: 17px;\r\n}\r\n\r\n.fu-psz .psz-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1.05rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-psz .psz-fact span {\r\n color: #e8f0ec;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-psz .psz-contact-line {\r\n margin: 18px 0 22px;\r\n color: #edf5f1;\r\n}\r\n\r\n.fu-psz .psz-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-psz .psz-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-psz .psz-btn:hover {\r\n transform: translateY(-1px);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-psz .psz-btn-light {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-psz .psz-btn-orange {\r\n background: var(--fu-orange);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-psz .psz-btn-outline {\r\n border: 1px solid rgba(255,255,255,.5);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-psz .psz-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.fu-psz .psz-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-psz .psz-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-psz .psz-jump a {\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n padding: 8px 12px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-psz .psz-jump a:hover {\r\n background: var(--fu-light);\r\n}\r\n\r\n.fu-psz .psz-section {\r\n margin: 0 0 34px;\r\n}\r\n\r\n.fu-psz .psz-section h2 {\r\n color: var(--fu-dark);\r\n font-size: clamp(1.55rem, 3vw, 2rem);\r\n margin: 0 0 18px;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-psz .psz-section-intro {\r\n max-width: 900px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fu-psz .psz-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-psz .psz-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 23px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-psz .psz-card h3 {\r\n color: var(--fu-green);\r\n margin: 0 0 10px;\r\n font-size: 1.22rem;\r\n}\r\n\r\n.fu-psz .psz-card h3 i {\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-psz .psz-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-psz .psz-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.fu-psz .psz-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-psz .psz-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-psz .psz-highlight strong {\r\n color: #8a4b08;\r\n}\r\n\r\n.fu-psz .psz-contact {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 26px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-psz .psz-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n}\r\n\r\n.fu-psz .psz-contact h3 {\r\n color: var(--fu-dark);\r\n margin-top: 0;\r\n}\r\n\r\n.fu-psz .psz-contact a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-psz .psz-hours {\r\n width: 100%;\r\n border-collapse: collapse;\r\n background: #fff;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n}\r\n\r\n.fu-psz .psz-hours td {\r\n padding: 10px 12px;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-psz .psz-hours tr:last-child td {\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-psz .psz-hours td:first-child {\r\n font-weight: 700;\r\n color: var(--fu-dark);\r\n white-space: nowrap;\r\n}\r\n\r\n.fu-psz .psz-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-psz .psz-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n color: #26332e !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-psz .psz-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(23,56,47,.11);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-psz .psz-related-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.1rem;\r\n margin: 0 0 7px;\r\n}\r\n\r\n.fu-psz .psz-related-card p {\r\n margin: 0;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-psz .psz-note {\r\n font-size: .92rem;\r\n color: #596660;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-psz .psz-facts,\r\n .fu-psz .psz-grid,\r\n .fu-psz .psz-contact-grid,\r\n .fu-psz .psz-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-psz .psz-hero {\r\n padding: 30px 22px;\r\n border-radius: 17px;\r\n }\r\n\r\n .fu-psz .psz-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-psz .psz-btn {\r\n width: 100%;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-psz .psz-hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .fu-psz .psz-card,\r\n .fu-psz .psz-contact {\r\n padding: 19px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 242 ===== */ @scope (.fu-article-242) { \r\n/* =========================================================\r\n FAST UMSONST – PRO FAMILIA MÜNSTER\r\n Beratungsstellen-Vorlage\r\n ========================================================= */\r\n\r\n.fu-profamilia {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-paper:#faf8f4;\r\n --fu-orange:#d97706;\r\n --fu-border:#e5e7e3;\r\n --fu-text:#26332f;\r\n --fu-muted:#66736e;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 16px 50px;\r\n color:var(--fu-text);\r\n font-family:inherit;\r\n}\r\n\r\n.fu-profamilia * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-profamilia h1,\r\n.fu-profamilia h2,\r\n.fu-profamilia h3 {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-profamilia a {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-profamilia .fu-hero {\r\n background:linear-gradient(135deg,#17382f 0%,#1f4b3f 55%,#285b4d 100%);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:34px 32px 30px;\r\n box-shadow:0 8px 24px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-profamilia .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.12);\r\n font-size:28px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-profamilia .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(28px,4vw,42px);\r\n line-height:1.1;\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-profamilia .fu-hero-lead {\r\n color:rgba(255,255,255,.92);\r\n font-size:18px;\r\n line-height:1.6;\r\n max-width:850px;\r\n margin:0 0 25px;\r\n}\r\n\r\n.fu-profamilia .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:14px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-profamilia .fu-fact {\r\n background:rgba(255,255,255,.10);\r\n border:1px solid rgba(255,255,255,.14);\r\n border-radius:13px;\r\n padding:17px;\r\n}\r\n\r\n.fu-profamilia .fu-fact i {\r\n font-size:20px;\r\n margin-right:6px;\r\n}\r\n\r\n.fu-profamilia .fu-fact strong {\r\n display:block;\r\n color:#fff;\r\n margin-bottom:5px;\r\n}\r\n\r\n.fu-profamilia .fu-fact span {\r\n display:block;\r\n color:rgba(255,255,255,.82);\r\n font-size:14px;\r\n line-height:1.45;\r\n}\r\n\r\n.fu-profamilia .fu-contact-line {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px 24px;\r\n color:rgba(255,255,255,.92);\r\n margin-bottom:22px;\r\n font-size:15px;\r\n}\r\n\r\n.fu-profamilia .fu-contact-line span {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n}\r\n\r\n.fu-profamilia .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n}\r\n\r\n.fu-profamilia .fu-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:#fff;\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-weight:700;\r\n font-size:14px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-profamilia .fu-actions a:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 5px 14px rgba(0,0,0,.15);\r\n}\r\n\r\n.fu-profamilia .fu-actions a.fu-primary {\r\n background:var(--fu-orange);\r\n color:#fff;\r\n}\r\n\r\n/* JUMP NAV */\r\n\r\n.fu-profamilia .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin:22px 0 38px;\r\n padding:12px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n}\r\n\r\n.fu-profamilia .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n padding:9px 13px;\r\n border-radius:9px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-size:14px;\r\n font-weight:600;\r\n}\r\n\r\n.fu-profamilia .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-profamilia .fu-section {\r\n margin:0 0 42px;\r\n scroll-margin-top:25px;\r\n}\r\n\r\n.fu-profamilia .fu-section h2 {\r\n font-size:28px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-profamilia .fu-section-intro {\r\n color:var(--fu-muted);\r\n font-size:16px;\r\n line-height:1.65;\r\n max-width:900px;\r\n margin:0 0 22px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-profamilia .fu-card-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-profamilia .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:22px;\r\n box-shadow:0 4px 15px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-profamilia .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n font-size:19px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-profamilia .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-profamilia .fu-card p {\r\n line-height:1.65;\r\n margin:0;\r\n}\r\n\r\n.fu-profamilia .fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:21px;\r\n}\r\n\r\n.fu-profamilia .fu-card li {\r\n margin-bottom:7px;\r\n line-height:1.5;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-profamilia .fu-highlight {\r\n background:#fff7ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:19px 21px;\r\n margin:22px 0;\r\n}\r\n\r\n.fu-profamilia .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-profamilia .fu-highlight p {\r\n margin:6px 0 0;\r\n line-height:1.6;\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-profamilia .fu-contact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:28px;\r\n}\r\n\r\n.fu-profamilia .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:24px;\r\n}\r\n\r\n.fu-profamilia .fu-contact h3 {\r\n margin:0 0 13px;\r\n font-size:21px;\r\n}\r\n\r\n.fu-profamilia .fu-contact p {\r\n line-height:1.65;\r\n margin:0 0 9px;\r\n}\r\n\r\n.fu-profamilia .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-profamilia .fu-hours {\r\n width:100%;\r\n border-collapse:collapse;\r\n margin-top:5px;\r\n}\r\n\r\n.fu-profamilia .fu-hours td {\r\n padding:8px 10px;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-profamilia .fu-hours td:first-child {\r\n font-weight:700;\r\n width:40%;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-profamilia .fu-contact-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-profamilia .fu-contact-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n.fu-profamilia .fu-contact-actions a:hover {\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-profamilia .fu-contact-actions a.fu-orange {\r\n background:var(--fu-orange);\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-profamilia .fu-related {\r\n margin-top:45px;\r\n}\r\n\r\n.fu-profamilia .fu-related h2 {\r\n font-size:27px;\r\n margin:0 0 18px;\r\n}\r\n\r\n.fu-profamilia .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-profamilia .fu-related-card {\r\n display:block;\r\n height:100%;\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n text-decoration:none;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-profamilia .fu-related-card:hover {\r\n transform:translateY(-3px);\r\n border-color:var(--fu-green);\r\n box-shadow:0 8px 20px rgba(23,56,47,.10);\r\n}\r\n\r\n.fu-profamilia .fu-related-card i {\r\n display:block;\r\n color:var(--fu-orange);\r\n font-size:24px;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-profamilia .fu-related-card strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:7px;\r\n font-size:17px;\r\n}\r\n\r\n.fu-profamilia .fu-related-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n line-height:1.5;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width:767px) {\r\n\r\n .fu-profamilia {\r\n padding:10px 10px 35px;\r\n }\r\n\r\n .fu-profamilia .fu-hero {\r\n padding:25px 20px 22px;\r\n border-radius:15px;\r\n }\r\n\r\n .fu-profamilia .fu-facts,\r\n .fu-profamilia .fu-card-grid,\r\n .fu-profamilia .fu-contact-grid,\r\n .fu-profamilia .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-profamilia .fu-hero h1 {\r\n font-size:30px;\r\n }\r\n\r\n .fu-profamilia .fu-hero-lead {\r\n font-size:16px;\r\n }\r\n\r\n .fu-profamilia .fu-actions a,\r\n .fu-profamilia .fu-contact-actions a {\r\n width:100%;\r\n }\r\n\r\n .fu-profamilia .fu-contact {\r\n padding:21px 18px;\r\n }\r\n\r\n .fu-profamilia .fu-jump {\r\n margin-bottom:30px;\r\n }\r\n\r\n .fu-profamilia .fu-section h2 {\r\n font-size:24px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 243 ===== */ @scope (.fu-article-243) { \r\n/* =========================================================\r\n FAST UMSONST – KAI MÜNSTER E.V.\r\n Einheitliches Beratungsstellen-Template\r\n Optik und Funktion identisch zum Familienbüro-Template\r\n ========================================================= */\r\n\r\n.fu-kai {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 20px 16px 50px;\r\n color: #26332e;\r\n font-size: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-kai * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-kai .fu-hero {\r\n background: linear-gradient(135deg, #1f4b3f 0%, #17382f 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 34px 32px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 8px 24px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-kai .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n margin-bottom: 18px;\r\n font-size: 28px;\r\n}\r\n\r\n.fu-kai .fu-hero h1 {\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: 2.15rem;\r\n line-height: 1.2;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-kai .fu-hero-lead {\r\n max-width: 850px;\r\n margin: 0;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-kai .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin-top: 24px;\r\n}\r\n\r\n.fu-kai .fu-fact {\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 14px;\r\n padding: 15px 16px;\r\n}\r\n\r\n.fu-kai .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-kai .fu-fact span {\r\n color: rgba(255,255,255,.82);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-kai .fu-contact-line {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px 22px;\r\n align-items: center;\r\n margin: 18px 0 0;\r\n color: rgba(255,255,255,.88);\r\n font-size: .95rem;\r\n}\r\n\r\n.fu-kai .fu-contact-line i {\r\n margin-right: 5px;\r\n}\r\n\r\n.fu-kai .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 22px;\r\n}\r\n\r\n.fu-kai .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-height: 44px;\r\n padding: 10px 17px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-kai .fu-btn:hover {\r\n transform: translateY(-1px);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-kai .fu-btn-light {\r\n background: #fff;\r\n color: #1f4b3f !important;\r\n}\r\n\r\n.fu-kai .fu-btn-light:hover {\r\n background: #faf8f4;\r\n color: #17382f !important;\r\n}\r\n\r\n.fu-kai .fu-btn-orange {\r\n background: #d97706;\r\n color: #fff !important;\r\n}\r\n\r\n.fu-kai .fu-btn-orange:hover {\r\n background: #b86105;\r\n color: #fff !important;\r\n}\r\n\r\n.fu-kai .fu-jump {\r\n background: #faf8f4;\r\n border: 1px solid #e6e1d8;\r\n border-radius: 14px;\r\n padding: 15px 17px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 3px 12px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-kai .fu-jump-title {\r\n font-weight: 700;\r\n color: #1f4b3f;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.fu-kai .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-kai .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 8px 12px;\r\n border-radius: 9px;\r\n background: #fff;\r\n color: #1f4b3f !important;\r\n border: 1px solid #ddd8cf;\r\n text-decoration: none !important;\r\n font-size: .93rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-kai .fu-jump a:hover {\r\n background: #1f4b3f;\r\n color: #fff !important;\r\n border-color: #1f4b3f;\r\n}\r\n\r\n.fu-kai .fu-section {\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-kai .fu-section h2 {\r\n margin: 0 0 15px;\r\n color: #1f4b3f;\r\n font-size: 1.65rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-kai .fu-section-intro {\r\n margin: 0 0 18px;\r\n color: #53615b;\r\n}\r\n\r\n.fu-kai .fu-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-kai .fu-card {\r\n background: #fff;\r\n border: 1px solid #e5e1d9;\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: 0 5px 16px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-kai .fu-card h3 {\r\n margin: 0 0 9px;\r\n color: #1f4b3f;\r\n font-size: 1.15rem;\r\n line-height: 1.35;\r\n}\r\n\r\n.fu-kai .fu-card h3 i {\r\n margin-right: 7px;\r\n color: #d97706;\r\n}\r\n\r\n.fu-kai .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-kai .fu-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 20px;\r\n}\r\n\r\n.fu-kai .fu-card li {\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-kai .fu-highlight {\r\n margin-top: 18px;\r\n padding: 18px 20px;\r\n border-left: 5px solid #d97706;\r\n background: #fff7ed;\r\n border-radius: 12px;\r\n}\r\n\r\n.fu-kai .fu-highlight strong {\r\n color: #8a4b08;\r\n}\r\n\r\n.fu-kai .fu-contact {\r\n background: #f5f7f5;\r\n border-radius: 18px;\r\n padding: 26px;\r\n margin-top: 12px;\r\n}\r\n\r\n.fu-kai .fu-contact h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-kai .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n}\r\n\r\n.fu-kai .fu-contact-box {\r\n background: #fff;\r\n border: 1px solid #e5e1d9;\r\n border-radius: 14px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-kai .fu-contact-box h3 {\r\n margin: 0 0 12px;\r\n color: #1f4b3f;\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-kai .fu-contact-box p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-kai .fu-hours {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 6px;\r\n}\r\n\r\n.fu-kai .fu-hours th,\r\n.fu-kai .fu-hours td {\r\n padding: 8px 6px;\r\n border-bottom: 1px solid #e7e3dc;\r\n text-align: left;\r\n vertical-align: top;\r\n}\r\n\r\n.fu-kai .fu-hours th {\r\n color: #1f4b3f;\r\n width: 42%;\r\n}\r\n\r\n.fu-kai .fu-contact-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-kai .fu-related {\r\n margin-top: 34px;\r\n}\r\n\r\n.fu-kai .fu-related h2 {\r\n margin-bottom: 15px;\r\n}\r\n\r\n.fu-kai .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-kai .fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid #e5e1d9;\r\n border-radius: 15px;\r\n padding: 19px;\r\n color: #26332e !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 5px 15px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-kai .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n border-color: #1f4b3f;\r\n box-shadow: 0 8px 20px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-kai .fu-related-card i {\r\n display: block;\r\n margin-bottom: 10px;\r\n color: #d97706;\r\n font-size: 23px;\r\n}\r\n\r\n.fu-kai .fu-related-card strong {\r\n display: block;\r\n color: #1f4b3f;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-kai .fu-related-card span {\r\n display: block;\r\n color: #66716c;\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-kai a {\r\n color: #1f4b3f;\r\n}\r\n\r\n.fu-kai .fu-muted {\r\n color: #66716c;\r\n font-size: .94rem;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .fu-kai {\r\n padding: 12px 12px 38px;\r\n }\r\n\r\n .fu-kai .fu-hero {\r\n padding: 26px 20px 22px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-kai .fu-hero h1 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .fu-kai .fu-facts,\r\n .fu-kai .fu-card-grid,\r\n .fu-kai .fu-contact-grid,\r\n .fu-kai .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-kai .fu-actions,\r\n .fu-kai .fu-contact-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-kai .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-kai .fu-contact {\r\n padding: 20px;\r\n }\r\n\r\n .fu-kai .fu-jump-links {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-kai .fu-jump a {\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 244 ===== */ @scope (.fu-article-244) { \r\n/* =========================================================\r\n FAST UMSONST – GESUNDHEITSHAUS MÜNSTER\r\n Aidshilfe-Vorlage / Beratungsstellen\r\n ========================================================= */\r\n\r\n.fu-gesundheitshaus {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-paper:#faf8f4;\r\n --fu-orange:#d97706;\r\n --fu-border:#e5e7e3;\r\n --fu-text:#26332f;\r\n --fu-muted:#66736e;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 16px 50px;\r\n color:var(--fu-text);\r\n font-family:inherit;\r\n}\r\n\r\n.fu-gesundheitshaus * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-gesundheitshaus h1,\r\n.fu-gesundheitshaus h2,\r\n.fu-gesundheitshaus h3 {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-gesundheitshaus a {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-gesundheitshaus .fu-hero {\r\n background:linear-gradient(135deg,#17382f 0%,#1f4b3f 55%,#285b4d 100%);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:34px 32px 30px;\r\n box-shadow:0 8px 24px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-gesundheitshaus .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.12);\r\n font-size:28px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(28px,4vw,42px);\r\n line-height:1.1;\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-hero-lead {\r\n color:rgba(255,255,255,.92);\r\n font-size:18px;\r\n line-height:1.6;\r\n max-width:850px;\r\n margin:0 0 25px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:14px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-fact {\r\n background:rgba(255,255,255,.10);\r\n border:1px solid rgba(255,255,255,.14);\r\n border-radius:13px;\r\n padding:17px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-fact i {\r\n font-size:20px;\r\n margin-right:6px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-fact strong {\r\n display:block;\r\n color:#fff;\r\n margin-bottom:5px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-fact span {\r\n display:block;\r\n color:rgba(255,255,255,.82);\r\n font-size:14px;\r\n line-height:1.45;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-contact-line {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px 24px;\r\n color:rgba(255,255,255,.92);\r\n margin-bottom:22px;\r\n font-size:15px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-contact-line span {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:#fff;\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-weight:700;\r\n font-size:14px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-actions a:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 5px 14px rgba(0,0,0,.15);\r\n}\r\n\r\n.fu-gesundheitshaus .fu-actions a.fu-primary {\r\n background:var(--fu-orange);\r\n color:#fff;\r\n}\r\n\r\n/* JUMP NAV */\r\n\r\n.fu-gesundheitshaus .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin:22px 0 38px;\r\n padding:12px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n padding:9px 13px;\r\n border-radius:9px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-size:14px;\r\n font-weight:600;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-gesundheitshaus .fu-section {\r\n margin:0 0 42px;\r\n scroll-margin-top:25px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-section h2 {\r\n font-size:28px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-section-intro {\r\n color:var(--fu-muted);\r\n font-size:16px;\r\n line-height:1.65;\r\n max-width:900px;\r\n margin:0 0 22px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-gesundheitshaus .fu-card-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:22px;\r\n box-shadow:0 4px 15px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-gesundheitshaus .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n font-size:19px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-gesundheitshaus .fu-card p {\r\n line-height:1.65;\r\n margin:0;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:21px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-card li {\r\n margin-bottom:7px;\r\n line-height:1.5;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-gesundheitshaus .fu-highlight {\r\n background:#fff7ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:19px 21px;\r\n margin:22px 0;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-gesundheitshaus .fu-highlight p {\r\n margin:6px 0 0;\r\n line-height:1.6;\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-gesundheitshaus .fu-contact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:28px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:24px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-contact h3 {\r\n margin:0 0 13px;\r\n font-size:21px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-contact p {\r\n line-height:1.65;\r\n margin:0 0 9px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-hours {\r\n width:100%;\r\n border-collapse:collapse;\r\n margin-top:5px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-hours td {\r\n padding:8px 10px;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-gesundheitshaus .fu-hours td:first-child {\r\n font-weight:700;\r\n width:38%;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-gesundheitshaus .fu-contact-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-contact-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-contact-actions a:hover {\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-gesundheitshaus .fu-contact-actions a.fu-orange {\r\n background:var(--fu-orange);\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-gesundheitshaus .fu-related {\r\n margin-top:45px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-related h2 {\r\n font-size:27px;\r\n margin:0 0 18px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-related-card {\r\n display:block;\r\n height:100%;\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n text-decoration:none;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-related-card:hover {\r\n transform:translateY(-3px);\r\n border-color:var(--fu-green);\r\n box-shadow:0 8px 20px rgba(23,56,47,.10);\r\n}\r\n\r\n.fu-gesundheitshaus .fu-related-card i {\r\n display:block;\r\n color:var(--fu-orange);\r\n font-size:24px;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-related-card strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:7px;\r\n font-size:17px;\r\n}\r\n\r\n.fu-gesundheitshaus .fu-related-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n line-height:1.5;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width:767px) {\r\n\r\n .fu-gesundheitshaus {\r\n padding:10px 10px 35px;\r\n }\r\n\r\n .fu-gesundheitshaus .fu-hero {\r\n padding:25px 20px 22px;\r\n border-radius:15px;\r\n }\r\n\r\n .fu-gesundheitshaus .fu-facts,\r\n .fu-gesundheitshaus .fu-card-grid,\r\n .fu-gesundheitshaus .fu-contact-grid,\r\n .fu-gesundheitshaus .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-gesundheitshaus .fu-hero h1 {\r\n font-size:30px;\r\n }\r\n\r\n .fu-gesundheitshaus .fu-hero-lead {\r\n font-size:16px;\r\n }\r\n\r\n .fu-gesundheitshaus .fu-actions a,\r\n .fu-gesundheitshaus .fu-contact-actions a {\r\n width:100%;\r\n }\r\n\r\n .fu-gesundheitshaus .fu-contact {\r\n padding:21px 18px;\r\n }\r\n\r\n .fu-gesundheitshaus .fu-jump {\r\n margin-bottom:30px;\r\n }\r\n\r\n .fu-gesundheitshaus .fu-section h2 {\r\n font-size:24px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 245 ===== */ @scope (.fu-article-245) { \r\n/* =========================================================\r\n FAST UMSONST – GGUA MÜNSTER E.V.\r\n Einheitliches Beratungsstellen-Template\r\n Optik und Funktion identisch zum Familienbüro-Template\r\n ========================================================= */\r\n\r\n.fu-ggua {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 20px 16px 50px;\r\n color: #26332e;\r\n font-size: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-ggua * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-ggua .fu-hero {\r\n background: linear-gradient(135deg, #1f4b3f 0%, #17382f 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 34px 32px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 8px 24px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-ggua .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n margin-bottom: 18px;\r\n font-size: 28px;\r\n}\r\n\r\n.fu-ggua .fu-hero h1 {\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: 2.15rem;\r\n line-height: 1.2;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-ggua .fu-hero-lead {\r\n max-width: 850px;\r\n margin: 0;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-ggua .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin-top: 24px;\r\n}\r\n\r\n.fu-ggua .fu-fact {\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 14px;\r\n padding: 15px 16px;\r\n}\r\n\r\n.fu-ggua .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-ggua .fu-fact span {\r\n color: rgba(255,255,255,.82);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-ggua .fu-contact-line {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px 22px;\r\n align-items: center;\r\n margin: 18px 0 0;\r\n color: rgba(255,255,255,.88);\r\n font-size: .95rem;\r\n}\r\n\r\n.fu-ggua .fu-contact-line i {\r\n margin-right: 5px;\r\n}\r\n\r\n.fu-ggua .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 22px;\r\n}\r\n\r\n.fu-ggua .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-height: 44px;\r\n padding: 10px 17px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-ggua .fu-btn:hover {\r\n transform: translateY(-1px);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-ggua .fu-btn-light {\r\n background: #fff;\r\n color: #1f4b3f !important;\r\n}\r\n\r\n.fu-ggua .fu-btn-light:hover {\r\n background: #faf8f4;\r\n color: #17382f !important;\r\n}\r\n\r\n.fu-ggua .fu-btn-orange {\r\n background: #d97706;\r\n color: #fff !important;\r\n}\r\n\r\n.fu-ggua .fu-btn-orange:hover {\r\n background: #b86105;\r\n color: #fff !important;\r\n}\r\n\r\n.fu-ggua .fu-jump {\r\n background: #faf8f4;\r\n border: 1px solid #e6e1d8;\r\n border-radius: 14px;\r\n padding: 15px 17px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 3px 12px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-ggua .fu-jump-title {\r\n font-weight: 700;\r\n color: #1f4b3f;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.fu-ggua .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-ggua .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 8px 12px;\r\n border-radius: 9px;\r\n background: #fff;\r\n color: #1f4b3f !important;\r\n border: 1px solid #ddd8cf;\r\n text-decoration: none !important;\r\n font-size: .93rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-ggua .fu-jump a:hover {\r\n background: #1f4b3f;\r\n color: #fff !important;\r\n border-color: #1f4b3f;\r\n}\r\n\r\n.fu-ggua .fu-section {\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-ggua .fu-section h2 {\r\n margin: 0 0 15px;\r\n color: #1f4b3f;\r\n font-size: 1.65rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-ggua .fu-section-intro {\r\n margin: 0 0 18px;\r\n color: #53615b;\r\n}\r\n\r\n.fu-ggua .fu-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-ggua .fu-card {\r\n background: #fff;\r\n border: 1px solid #e5e1d9;\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: 0 5px 16px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-ggua .fu-card h3 {\r\n margin: 0 0 9px;\r\n color: #1f4b3f;\r\n font-size: 1.15rem;\r\n line-height: 1.35;\r\n}\r\n\r\n.fu-ggua .fu-card h3 i {\r\n margin-right: 7px;\r\n color: #d97706;\r\n}\r\n\r\n.fu-ggua .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-ggua .fu-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 20px;\r\n}\r\n\r\n.fu-ggua .fu-card li {\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-ggua .fu-highlight {\r\n margin-top: 18px;\r\n padding: 18px 20px;\r\n border-left: 5px solid #d97706;\r\n background: #fff7ed;\r\n border-radius: 12px;\r\n}\r\n\r\n.fu-ggua .fu-highlight strong {\r\n color: #8a4b08;\r\n}\r\n\r\n.fu-ggua .fu-contact {\r\n background: #f5f7f5;\r\n border-radius: 18px;\r\n padding: 26px;\r\n margin-top: 12px;\r\n}\r\n\r\n.fu-ggua .fu-contact h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-ggua .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n}\r\n\r\n.fu-ggua .fu-contact-box {\r\n background: #fff;\r\n border: 1px solid #e5e1d9;\r\n border-radius: 14px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-ggua .fu-contact-box h3 {\r\n margin: 0 0 12px;\r\n color: #1f4b3f;\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-ggua .fu-contact-box p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-ggua .fu-hours {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 6px;\r\n}\r\n\r\n.fu-ggua .fu-hours th,\r\n.fu-ggua .fu-hours td {\r\n padding: 8px 6px;\r\n border-bottom: 1px solid #e7e3dc;\r\n text-align: left;\r\n vertical-align: top;\r\n}\r\n\r\n.fu-ggua .fu-hours th {\r\n color: #1f4b3f;\r\n width: 42%;\r\n}\r\n\r\n.fu-ggua .fu-contact-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-ggua .fu-related {\r\n margin-top: 34px;\r\n}\r\n\r\n.fu-ggua .fu-related h2 {\r\n margin-bottom: 15px;\r\n}\r\n\r\n.fu-ggua .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-ggua .fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid #e5e1d9;\r\n border-radius: 15px;\r\n padding: 19px;\r\n color: #26332e !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 5px 15px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-ggua .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n border-color: #1f4b3f;\r\n box-shadow: 0 8px 20px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-ggua .fu-related-card i {\r\n display: block;\r\n margin-bottom: 10px;\r\n color: #d97706;\r\n font-size: 23px;\r\n}\r\n\r\n.fu-ggua .fu-related-card strong {\r\n display: block;\r\n color: #1f4b3f;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-ggua .fu-related-card span {\r\n display: block;\r\n color: #66716c;\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-ggua a {\r\n color: #1f4b3f;\r\n}\r\n\r\n.fu-ggua .fu-muted {\r\n color: #66716c;\r\n font-size: .94rem;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .fu-ggua {\r\n padding: 12px 12px 38px;\r\n }\r\n\r\n .fu-ggua .fu-hero {\r\n padding: 26px 20px 22px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-ggua .fu-hero h1 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .fu-ggua .fu-facts,\r\n .fu-ggua .fu-card-grid,\r\n .fu-ggua .fu-contact-grid,\r\n .fu-ggua .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-ggua .fu-actions,\r\n .fu-ggua .fu-contact-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-ggua .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-ggua .fu-contact {\r\n padding: 20px;\r\n }\r\n\r\n .fu-ggua .fu-jump-links {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-ggua .fu-jump a {\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 246 ===== */ @scope (.fu-article-246) { \r\n/* =========================================================\r\n FAST UMSONST – FRAUENHAUS UND BERATUNG E.V.\r\n Einheitliche Vorlage für Beratungsstellen\r\n ========================================================= */\r\n\r\n.fu-frauenhilfe {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-paper:#faf8f4;\r\n --fu-orange:#d97706;\r\n --fu-border:#e5e7e3;\r\n --fu-text:#26332f;\r\n --fu-muted:#66736e;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-frauenhilfe * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-frauenhilfe a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-frauenhilfe a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-frauenhilfe .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-dark),var(--fu-green));\r\n color:#fff;\r\n border-radius:18px;\r\n padding:32px 28px;\r\n margin:0 0 24px;\r\n box-shadow:0 8px 24px rgba(23,56,47,.14);\r\n}\r\n\r\n.fu-frauenhilfe .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n border-radius:50%;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:rgba(255,255,255,.13);\r\n font-size:28px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(28px,4vw,42px);\r\n line-height:1.15;\r\n margin:0 0 14px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-frauenhilfe .fu-hero-lead {\r\n font-size:18px;\r\n line-height:1.65;\r\n max-width:850px;\r\n margin:0;\r\n color:rgba(255,255,255,.94);\r\n}\r\n\r\n.fu-frauenhilfe .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:14px;\r\n margin:22px 0;\r\n}\r\n\r\n.fu-frauenhilfe .fu-fact {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:0 4px 14px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-frauenhilfe .fu-fact i {\r\n color:var(--fu-orange);\r\n font-size:22px;\r\n margin-right:7px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-fact strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:4px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-contact-line {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:16px 18px;\r\n margin:18px 0;\r\n}\r\n\r\n.fu-frauenhilfe .fu-contact-line strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-frauenhilfe .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-actions a,\r\n.fu-frauenhilfe .fu-contact-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid rgba(255,255,255,.35);\r\n font-weight:600;\r\n text-decoration:none;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-frauenhilfe .fu-actions a:hover,\r\n.fu-frauenhilfe .fu-contact-actions a:hover {\r\n transform:translateY(-1px);\r\n text-decoration:none;\r\n box-shadow:0 5px 14px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-frauenhilfe .fu-actions .fu-primary {\r\n background:var(--fu-orange);\r\n color:#fff;\r\n border-color:var(--fu-orange);\r\n}\r\n\r\n.fu-frauenhilfe .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n padding:16px;\r\n margin:24px 0;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 13px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:9px;\r\n font-size:14px;\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-frauenhilfe .fu-jump a:hover {\r\n border-color:var(--fu-green);\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-frauenhilfe .fu-section {\r\n margin:34px 0;\r\n scroll-margin-top:30px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-section h2 {\r\n color:var(--fu-dark);\r\n font-size:clamp(24px,3vw,31px);\r\n margin:0 0 10px;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-frauenhilfe .fu-section-intro {\r\n color:var(--fu-muted);\r\n margin:0 0 20px;\r\n max-width:900px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-card-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-frauenhilfe .fu-card h3 {\r\n color:var(--fu-dark);\r\n font-size:20px;\r\n margin:0 0 9px;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-frauenhilfe .fu-card h3 i {\r\n color:var(--fu-orange);\r\n margin-right:7px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-frauenhilfe .fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-card li {\r\n margin-bottom:6px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-highlight {\r\n background:var(--fu-paper);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:20px 22px;\r\n margin:22px 0;\r\n}\r\n\r\n.fu-frauenhilfe .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-frauenhilfe .fu-contact {\r\n background:var(--fu-dark);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:28px;\r\n margin-top:30px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-contact h2,\r\n.fu-frauenhilfe .fu-contact h3 {\r\n color:#fff;\r\n}\r\n\r\n.fu-frauenhilfe .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1.2fr .8fr;\r\n gap:24px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-contact a {\r\n color:#fff;\r\n}\r\n\r\n.fu-frauenhilfe .fu-hours {\r\n background:rgba(255,255,255,.08);\r\n border-radius:13px;\r\n padding:18px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-hours div {\r\n display:flex;\r\n justify-content:space-between;\r\n gap:15px;\r\n padding:6px 0;\r\n border-bottom:1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n.fu-frauenhilfe .fu-hours div:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-frauenhilfe .fu-contact-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-contact-actions a {\r\n background:#fff;\r\n color:var(--fu-dark);\r\n border:0;\r\n}\r\n\r\n.fu-frauenhilfe .fu-related {\r\n margin-top:38px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-related h2 {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-frauenhilfe .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:15px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-related-card {\r\n display:block;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-frauenhilfe .fu-related-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 8px 20px rgba(23,56,47,.10);\r\n}\r\n\r\n.fu-frauenhilfe .fu-related-card i {\r\n color:var(--fu-orange);\r\n font-size:22px;\r\n margin-bottom:8px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-related-card strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:4px;\r\n}\r\n\r\n.fu-frauenhilfe .fu-related-card span {\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n}\r\n\r\n@media (max-width:767px) {\r\n .fu-frauenhilfe .fu-hero {\r\n padding:25px 20px;\r\n border-radius:15px;\r\n }\r\n\r\n .fu-frauenhilfe .fu-facts,\r\n .fu-frauenhilfe .fu-card-grid,\r\n .fu-frauenhilfe .fu-contact-grid,\r\n .fu-frauenhilfe .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-frauenhilfe .fu-actions,\r\n .fu-frauenhilfe .fu-contact-actions {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-frauenhilfe .fu-actions a,\r\n .fu-frauenhilfe .fu-contact-actions a {\r\n justify-content:center;\r\n width:100%;\r\n }\r\n\r\n .fu-frauenhilfe .fu-contact {\r\n padding:22px 18px;\r\n }\r\n\r\n .fu-frauenhilfe .fu-hours div {\r\n flex-direction:column;\r\n gap:0;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 247 ===== */ @scope (.fu-article-247) { \r\n/* =========================================================\r\n FAST UMSONST – FRAUENHAUS UND BERATUNG E.V.\r\n Aidshilfe-Vorlage / Beratungsstellen\r\n ========================================================= */\r\n\r\n.fu-frauenhaus {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-paper:#faf8f4;\r\n --fu-orange:#d97706;\r\n --fu-border:#e5e7e3;\r\n --fu-text:#26332f;\r\n --fu-muted:#66736e;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 16px 50px;\r\n color:var(--fu-text);\r\n font-family:inherit;\r\n}\r\n\r\n.fu-frauenhaus * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-frauenhaus h1,\r\n.fu-frauenhaus h2,\r\n.fu-frauenhaus h3 {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-frauenhaus a {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-frauenhaus .fu-hero {\r\n background:linear-gradient(135deg,#17382f 0%,#1f4b3f 55%,#285b4d 100%);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:34px 32px 30px;\r\n box-shadow:0 8px 24px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-frauenhaus .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.12);\r\n font-size:28px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-frauenhaus .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(28px,4vw,42px);\r\n line-height:1.1;\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-frauenhaus .fu-hero-lead {\r\n color:rgba(255,255,255,.92);\r\n font-size:18px;\r\n line-height:1.6;\r\n max-width:850px;\r\n margin:0 0 25px;\r\n}\r\n\r\n.fu-frauenhaus .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:14px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-frauenhaus .fu-fact {\r\n background:rgba(255,255,255,.10);\r\n border:1px solid rgba(255,255,255,.14);\r\n border-radius:13px;\r\n padding:17px;\r\n}\r\n\r\n.fu-frauenhaus .fu-fact i {\r\n font-size:20px;\r\n margin-right:6px;\r\n}\r\n\r\n.fu-frauenhaus .fu-fact strong {\r\n display:block;\r\n color:#fff;\r\n margin-bottom:5px;\r\n}\r\n\r\n.fu-frauenhaus .fu-fact span {\r\n display:block;\r\n color:rgba(255,255,255,.82);\r\n font-size:14px;\r\n line-height:1.45;\r\n}\r\n\r\n.fu-frauenhaus .fu-contact-line {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px 24px;\r\n color:rgba(255,255,255,.92);\r\n margin-bottom:22px;\r\n font-size:15px;\r\n}\r\n\r\n.fu-frauenhaus .fu-contact-line span {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n}\r\n\r\n.fu-frauenhaus .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n}\r\n\r\n.fu-frauenhaus .fu-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:#fff;\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-weight:700;\r\n font-size:14px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-frauenhaus .fu-actions a:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 5px 14px rgba(0,0,0,.15);\r\n}\r\n\r\n.fu-frauenhaus .fu-actions a.fu-primary {\r\n background:var(--fu-orange);\r\n color:#fff;\r\n}\r\n\r\n/* JUMP NAV */\r\n\r\n.fu-frauenhaus .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin:22px 0 38px;\r\n padding:12px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n}\r\n\r\n.fu-frauenhaus .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n padding:9px 13px;\r\n border-radius:9px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-size:14px;\r\n font-weight:600;\r\n}\r\n\r\n.fu-frauenhaus .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-frauenhaus .fu-section {\r\n margin:0 0 42px;\r\n scroll-margin-top:25px;\r\n}\r\n\r\n.fu-frauenhaus .fu-section h2 {\r\n font-size:28px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-frauenhaus .fu-section-intro {\r\n color:var(--fu-muted);\r\n font-size:16px;\r\n line-height:1.65;\r\n max-width:900px;\r\n margin:0 0 22px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-frauenhaus .fu-card-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-frauenhaus .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:22px;\r\n box-shadow:0 4px 15px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-frauenhaus .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n font-size:19px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-frauenhaus .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-frauenhaus .fu-card p {\r\n line-height:1.65;\r\n margin:0;\r\n}\r\n\r\n.fu-frauenhaus .fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:21px;\r\n}\r\n\r\n.fu-frauenhaus .fu-card li {\r\n margin-bottom:7px;\r\n line-height:1.5;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-frauenhaus .fu-highlight {\r\n background:#fff7ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:19px 21px;\r\n margin:22px 0;\r\n}\r\n\r\n.fu-frauenhaus .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-frauenhaus .fu-highlight p {\r\n margin:6px 0 0;\r\n line-height:1.6;\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-frauenhaus .fu-contact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:28px;\r\n}\r\n\r\n.fu-frauenhaus .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:24px;\r\n}\r\n\r\n.fu-frauenhaus .fu-contact h3 {\r\n margin:0 0 13px;\r\n font-size:21px;\r\n}\r\n\r\n.fu-frauenhaus .fu-contact p {\r\n line-height:1.65;\r\n margin:0 0 9px;\r\n}\r\n\r\n.fu-frauenhaus .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-frauenhaus .fu-hours {\r\n width:100%;\r\n border-collapse:collapse;\r\n margin-top:5px;\r\n}\r\n\r\n.fu-frauenhaus .fu-hours td {\r\n padding:8px 10px;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-frauenhaus .fu-hours td:first-child {\r\n font-weight:700;\r\n width:38%;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-frauenhaus .fu-contact-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-frauenhaus .fu-contact-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n.fu-frauenhaus .fu-contact-actions a:hover {\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-frauenhaus .fu-contact-actions a.fu-orange {\r\n background:var(--fu-orange);\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-frauenhaus .fu-related {\r\n margin-top:45px;\r\n}\r\n\r\n.fu-frauenhaus .fu-related h2 {\r\n font-size:27px;\r\n margin:0 0 18px;\r\n}\r\n\r\n.fu-frauenhaus .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-frauenhaus .fu-related-card {\r\n display:block;\r\n height:100%;\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n text-decoration:none;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-frauenhaus .fu-related-card:hover {\r\n transform:translateY(-3px);\r\n border-color:var(--fu-green);\r\n box-shadow:0 8px 20px rgba(23,56,47,.10);\r\n}\r\n\r\n.fu-frauenhaus .fu-related-card i {\r\n display:block;\r\n color:var(--fu-orange);\r\n font-size:24px;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-frauenhaus .fu-related-card strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:7px;\r\n font-size:17px;\r\n}\r\n\r\n.fu-frauenhaus .fu-related-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n line-height:1.5;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width:767px) {\r\n\r\n .fu-frauenhaus {\r\n padding:10px 10px 35px;\r\n }\r\n\r\n .fu-frauenhaus .fu-hero {\r\n padding:25px 20px 22px;\r\n border-radius:15px;\r\n }\r\n\r\n .fu-frauenhaus .fu-facts,\r\n .fu-frauenhaus .fu-card-grid,\r\n .fu-frauenhaus .fu-contact-grid,\r\n .fu-frauenhaus .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-frauenhaus .fu-hero h1 {\r\n font-size:30px;\r\n }\r\n\r\n .fu-frauenhaus .fu-hero-lead {\r\n font-size:16px;\r\n }\r\n\r\n .fu-frauenhaus .fu-actions a,\r\n .fu-frauenhaus .fu-contact-actions a {\r\n width:100%;\r\n }\r\n\r\n .fu-frauenhaus .fu-contact {\r\n padding:21px 18px;\r\n }\r\n\r\n .fu-frauenhaus .fu-jump {\r\n margin-bottom:30px;\r\n }\r\n\r\n .fu-frauenhaus .fu-section h2 {\r\n font-size:24px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 248 ===== */ @scope (.fu-article-248) { \r\n/* =========================================================\r\n FAST UMSONST – RECHTSBERATUNG FÜR KINDER & JUGENDLICHE\r\n Kinderschutzbund Münster\r\n ========================================================= */\r\n\r\n.rk-page {\r\n --rk-green: #1f4b3f;\r\n --rk-dark: #17382f;\r\n --rk-paper: #faf8f4;\r\n --rk-orange: #d97706;\r\n --rk-border: #e5e1d9;\r\n --rk-text: #26332f;\r\n --rk-muted: #68736f;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--rk-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.rk-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.rk-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(23,56,47,.15);\r\n}\r\n\r\n.rk-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.12);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 29px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.rk-hero h1 {\r\n color: #fff;\r\n font-size: clamp(28px, 4vw, 42px);\r\n line-height: 1.15;\r\n margin: 0 0 12px;\r\n font-weight: 700;\r\n}\r\n\r\n.rk-lead {\r\n max-width: 850px;\r\n font-size: 18px;\r\n margin: 0 0 26px;\r\n color: rgba(255,255,255,.93);\r\n}\r\n\r\n.rk-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.rk-fact {\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 13px;\r\n padding: 17px;\r\n}\r\n\r\n.rk-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 16px;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.rk-fact span {\r\n color: rgba(255,255,255,.78);\r\n font-size: 14px;\r\n}\r\n\r\n.rk-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 22px;\r\n}\r\n\r\n.rk-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 9px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.rk-btn:hover {\r\n transform: translateY(-1px);\r\n}\r\n\r\n.rk-btn-primary {\r\n background: #fff;\r\n color: var(--rk-green) !important;\r\n}\r\n\r\n.rk-btn-primary:hover {\r\n background: #f2f0eb;\r\n}\r\n\r\n.rk-btn-orange {\r\n background: var(--rk-orange);\r\n color: #fff !important;\r\n}\r\n\r\n.rk-btn-orange:hover {\r\n filter: brightness(.94);\r\n}\r\n\r\n.rk-btn-outline {\r\n background: rgba(255,255,255,.06);\r\n border: 1px solid rgba(255,255,255,.35);\r\n color: #fff !important;\r\n}\r\n\r\n.rk-btn-outline:hover {\r\n background: rgba(255,255,255,.12);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.rk-jump {\r\n background: var(--rk-paper);\r\n border: 1px solid var(--rk-border);\r\n border-radius: 15px;\r\n padding: 20px 22px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.rk-jump strong {\r\n display: block;\r\n color: var(--rk-dark);\r\n margin-bottom: 11px;\r\n}\r\n\r\n.rk-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.rk-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n border: 1px solid var(--rk-border);\r\n border-radius: 8px;\r\n padding: 8px 12px;\r\n color: var(--rk-green) !important;\r\n text-decoration: none !important;\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n.rk-jump a:hover {\r\n border-color: var(--rk-green);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.rk-section {\r\n margin: 0 0 38px;\r\n}\r\n\r\n.rk-section h2 {\r\n color: var(--rk-dark);\r\n font-size: 27px;\r\n line-height: 1.25;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.rk-section h2 i {\r\n color: var(--rk-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.rk-section p {\r\n margin: 0 0 15px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.rk-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.rk-card {\r\n background: #fff;\r\n border: 1px solid var(--rk-border);\r\n border-radius: 15px;\r\n padding: 23px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.rk-card h3 {\r\n color: var(--rk-dark);\r\n font-size: 19px;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.rk-card h3 i {\r\n color: var(--rk-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.rk-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.rk-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.rk-card li {\r\n margin-bottom: 7px;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.rk-note {\r\n background: #fff8ed;\r\n border-left: 5px solid var(--rk-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 20px 0;\r\n}\r\n\r\n.rk-note strong {\r\n color: var(--rk-dark);\r\n}\r\n\r\n/* =========================================================\r\n KINDERRECHTE HIGHLIGHT\r\n ========================================================= */\r\n\r\n.rk-highlight {\r\n background: var(--rk-green);\r\n color: #fff;\r\n border-radius: 16px;\r\n padding: 27px;\r\n margin: 22px 0;\r\n}\r\n\r\n.rk-highlight h3 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 21px;\r\n}\r\n\r\n.rk-highlight h3 i {\r\n margin-right: 7px;\r\n}\r\n\r\n.rk-highlight p {\r\n color: rgba(255,255,255,.9);\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.rk-contact {\r\n background: var(--rk-paper);\r\n border: 1px solid var(--rk-border);\r\n border-radius: 16px;\r\n padding: 25px;\r\n}\r\n\r\n.rk-contact-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n margin-bottom: 17px;\r\n}\r\n\r\n.rk-contact-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.rk-contact-icon {\r\n width: 40px;\r\n height: 40px;\r\n min-width: 40px;\r\n border-radius: 10px;\r\n background: var(--rk-green);\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.rk-contact a {\r\n color: var(--rk-green);\r\n font-weight: 600;\r\n}\r\n\r\n.rk-contact-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 22px;\r\n}\r\n\r\n.rk-btn-green {\r\n background: var(--rk-green);\r\n color: #fff !important;\r\n}\r\n\r\n.rk-btn-green:hover {\r\n background: var(--rk-dark);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.rk-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.rk-related a {\r\n display: block;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--rk-border);\r\n border-radius: 14px;\r\n padding: 21px;\r\n text-decoration: none !important;\r\n color: var(--rk-text) !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.rk-related a:hover {\r\n transform: translateY(-2px);\r\n border-color: var(--rk-green);\r\n}\r\n\r\n.rk-related i {\r\n color: var(--rk-orange);\r\n font-size: 22px;\r\n display: block;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.rk-related strong {\r\n color: var(--rk-dark);\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.rk-related span {\r\n font-size: 14px;\r\n color: var(--rk-muted);\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .rk-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .rk-hero h1 {\r\n font-size: 29px;\r\n }\r\n\r\n .rk-lead {\r\n font-size: 16px;\r\n }\r\n\r\n .rk-facts,\r\n .rk-grid,\r\n .rk-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .rk-section h2 {\r\n font-size: 24px;\r\n }\r\n\r\n .rk-btn {\r\n width: 100%;\r\n }\r\n\r\n .rk-jump-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .rk-jump a {\r\n justify-content: center;\r\n }\r\n\r\n .rk-contact-actions {\r\n flex-direction: column;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 249 ===== */ @scope (.fu-article-249) { \r\n/* =========================================================\r\n FAST UMSONST – AMT FÜR GLEICHSTELLUNG MÜNSTER\r\n ========================================================= */\r\n\r\n.fu-gleichstellung {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e5e7e3;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-gleichstellung * {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-gleichstellung .fu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 72%, #285b4d 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-gleichstellung .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,.12);\r\n font-size: 28px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-gleichstellung .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.1;\r\n margin: 0 0 14px;\r\n font-weight: 750;\r\n}\r\n\r\n.fu-gleichstellung .fu-hero-lead {\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n margin: 0 0 26px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-gleichstellung .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-gleichstellung .fu-fact {\r\n background: rgba(255,255,255,.09);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 13px;\r\n padding: 16px;\r\n}\r\n\r\n.fu-gleichstellung .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: .98rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-gleichstellung .fu-fact span {\r\n color: rgba(255,255,255,.82);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-gleichstellung .fu-contact-line {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 22px;\r\n margin: 18px 0 24px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-gleichstellung .fu-contact-line i {\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-gleichstellung .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-gleichstellung .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-gleichstellung .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-gleichstellung .fu-btn-secondary {\r\n background: rgba(255,255,255,.10);\r\n color: #fff !important;\r\n border: 1px solid rgba(255,255,255,.28);\r\n}\r\n\r\n.fu-gleichstellung .fu-btn:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* JUMPNAV */\r\n\r\n.fu-gleichstellung .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-gleichstellung .fu-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-gleichstellung .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-gleichstellung .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 8px 12px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n color: var(--fu-green);\r\n text-decoration: none !important;\r\n font-size: .92rem;\r\n font-weight: 650;\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-gleichstellung .fu-section {\r\n margin: 0 0 38px;\r\n}\r\n\r\n.fu-gleichstellung .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.65rem;\r\n line-height: 1.2;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-gleichstellung .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-gleichstellung .fu-section-intro {\r\n font-size: 1.03rem;\r\n margin-bottom: 20px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-gleichstellung .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-gleichstellung .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-gleichstellung .fu-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.16rem;\r\n margin: 0 0 9px;\r\n}\r\n\r\n.fu-gleichstellung .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-gleichstellung .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-gleichstellung .fu-card ul {\r\n padding-left: 20px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-gleichstellung .fu-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-gleichstellung .fu-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-gleichstellung .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-gleichstellung .fu-contact {\r\n background: var(--fu-paper);\r\n border-radius: 16px;\r\n padding: 26px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-gleichstellung .fu-contact h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-gleichstellung .fu-contact p {\r\n margin-bottom: 10px;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-gleichstellung .fu-related {\r\n margin-top: 42px;\r\n}\r\n\r\n.fu-gleichstellung .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-gleichstellung .fu-related-card {\r\n display: block;\r\n height: 100%;\r\n padding: 19px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--fu-dark);\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-gleichstellung .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n border-color: rgba(31,75,63,.35);\r\n}\r\n\r\n.fu-gleichstellung .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n margin-bottom: 9px;\r\n display: block;\r\n}\r\n\r\n.fu-gleichstellung .fu-related-card strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-gleichstellung .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width: 767px) {\r\n .fu-gleichstellung .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-gleichstellung .fu-facts,\r\n .fu-gleichstellung .fu-grid,\r\n .fu-gleichstellung .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-gleichstellung .fu-contact-line {\r\n flex-direction: column;\r\n gap: 7px;\r\n }\r\n\r\n .fu-gleichstellung .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-gleichstellung .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-gleichstellung .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-gleichstellung .fu-card,\r\n .fu-gleichstellung .fu-contact {\r\n padding: 19px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 250 ===== */ @scope (.fu-article-250) { \r\n/* =========================================================\r\n FAST UMSONST – FAMILIENBÜRO DER STADT MÜNSTER\r\n Aidshilfe-Vorlage / Beratungsstellen\r\n ========================================================= */\r\n\r\n.fu-familienbuero {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-paper:#faf8f4;\r\n --fu-orange:#d97706;\r\n --fu-border:#e5e7e3;\r\n --fu-text:#26332f;\r\n --fu-muted:#66736e;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 16px 50px;\r\n color:var(--fu-text);\r\n font-family:inherit;\r\n}\r\n\r\n.fu-familienbuero * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-familienbuero h1,\r\n.fu-familienbuero h2,\r\n.fu-familienbuero h3 {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-familienbuero a {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-familienbuero .fu-hero {\r\n background:linear-gradient(135deg,#17382f 0%,#1f4b3f 55%,#285b4d 100%);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:34px 32px 30px;\r\n box-shadow:0 8px 24px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-familienbuero .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.12);\r\n font-size:28px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-familienbuero .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(28px,4vw,42px);\r\n line-height:1.1;\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-familienbuero .fu-hero-lead {\r\n color:rgba(255,255,255,.92);\r\n font-size:18px;\r\n line-height:1.6;\r\n max-width:850px;\r\n margin:0 0 25px;\r\n}\r\n\r\n.fu-familienbuero .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:14px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-familienbuero .fu-fact {\r\n background:rgba(255,255,255,.10);\r\n border:1px solid rgba(255,255,255,.14);\r\n border-radius:13px;\r\n padding:17px;\r\n}\r\n\r\n.fu-familienbuero .fu-fact i {\r\n font-size:20px;\r\n margin-right:6px;\r\n}\r\n\r\n.fu-familienbuero .fu-fact strong {\r\n display:block;\r\n color:#fff;\r\n margin-bottom:5px;\r\n}\r\n\r\n.fu-familienbuero .fu-fact span {\r\n display:block;\r\n color:rgba(255,255,255,.82);\r\n font-size:14px;\r\n line-height:1.45;\r\n}\r\n\r\n.fu-familienbuero .fu-contact-line {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px 24px;\r\n color:rgba(255,255,255,.92);\r\n margin-bottom:22px;\r\n font-size:15px;\r\n}\r\n\r\n.fu-familienbuero .fu-contact-line span {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n}\r\n\r\n.fu-familienbuero .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n}\r\n\r\n.fu-familienbuero .fu-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:#fff;\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-weight:700;\r\n font-size:14px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-familienbuero .fu-actions a:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 5px 14px rgba(0,0,0,.15);\r\n}\r\n\r\n.fu-familienbuero .fu-actions a.fu-primary {\r\n background:var(--fu-orange);\r\n color:#fff;\r\n}\r\n\r\n/* JUMP NAV */\r\n\r\n.fu-familienbuero .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin:22px 0 38px;\r\n padding:12px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n}\r\n\r\n.fu-familienbuero .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n padding:9px 13px;\r\n border-radius:9px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-size:14px;\r\n font-weight:600;\r\n}\r\n\r\n.fu-familienbuero .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-familienbuero .fu-section {\r\n margin:0 0 42px;\r\n scroll-margin-top:25px;\r\n}\r\n\r\n.fu-familienbuero .fu-section h2 {\r\n font-size:28px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-familienbuero .fu-section-intro {\r\n color:var(--fu-muted);\r\n font-size:16px;\r\n line-height:1.65;\r\n max-width:900px;\r\n margin:0 0 22px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-familienbuero .fu-card-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-familienbuero .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:22px;\r\n box-shadow:0 4px 15px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-familienbuero .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n font-size:19px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-familienbuero .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-familienbuero .fu-card p {\r\n line-height:1.65;\r\n margin:0;\r\n}\r\n\r\n.fu-familienbuero .fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:21px;\r\n}\r\n\r\n.fu-familienbuero .fu-card li {\r\n margin-bottom:7px;\r\n line-height:1.5;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-familienbuero .fu-highlight {\r\n background:#fff7ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:19px 21px;\r\n margin:22px 0;\r\n}\r\n\r\n.fu-familienbuero .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-familienbuero .fu-highlight p {\r\n margin:6px 0 0;\r\n line-height:1.6;\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-familienbuero .fu-contact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:28px;\r\n}\r\n\r\n.fu-familienbuero .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:24px;\r\n}\r\n\r\n.fu-familienbuero .fu-contact h3 {\r\n margin:0 0 13px;\r\n font-size:21px;\r\n}\r\n\r\n.fu-familienbuero .fu-contact p {\r\n line-height:1.65;\r\n margin:0 0 9px;\r\n}\r\n\r\n.fu-familienbuero .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-familienbuero .fu-hours {\r\n width:100%;\r\n border-collapse:collapse;\r\n margin-top:5px;\r\n}\r\n\r\n.fu-familienbuero .fu-hours td {\r\n padding:8px 10px;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-familienbuero .fu-hours td:first-child {\r\n font-weight:700;\r\n width:38%;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-familienbuero .fu-contact-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-familienbuero .fu-contact-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n.fu-familienbuero .fu-contact-actions a:hover {\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-familienbuero .fu-contact-actions a.fu-orange {\r\n background:var(--fu-orange);\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-familienbuero .fu-related {\r\n margin-top:45px;\r\n}\r\n\r\n.fu-familienbuero .fu-related h2 {\r\n font-size:27px;\r\n margin:0 0 18px;\r\n}\r\n\r\n.fu-familienbuero .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-familienbuero .fu-related-card {\r\n display:block;\r\n height:100%;\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n text-decoration:none;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-familienbuero .fu-related-card:hover {\r\n transform:translateY(-3px);\r\n border-color:var(--fu-green);\r\n box-shadow:0 8px 20px rgba(23,56,47,.10);\r\n}\r\n\r\n.fu-familienbuero .fu-related-card i {\r\n display:block;\r\n color:var(--fu-orange);\r\n font-size:24px;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-familienbuero .fu-related-card strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:7px;\r\n font-size:17px;\r\n}\r\n\r\n.fu-familienbuero .fu-related-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n line-height:1.5;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width:767px) {\r\n\r\n .fu-familienbuero {\r\n padding:10px 10px 35px;\r\n }\r\n\r\n .fu-familienbuero .fu-hero {\r\n padding:25px 20px 22px;\r\n border-radius:15px;\r\n }\r\n\r\n .fu-familienbuero .fu-facts,\r\n .fu-familienbuero .fu-card-grid,\r\n .fu-familienbuero .fu-contact-grid,\r\n .fu-familienbuero .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-familienbuero .fu-hero h1 {\r\n font-size:30px;\r\n }\r\n\r\n .fu-familienbuero .fu-hero-lead {\r\n font-size:16px;\r\n }\r\n\r\n .fu-familienbuero .fu-actions a,\r\n .fu-familienbuero .fu-contact-actions a {\r\n width:100%;\r\n }\r\n\r\n .fu-familienbuero .fu-contact {\r\n padding:21px 18px;\r\n }\r\n\r\n .fu-familienbuero .fu-jump {\r\n margin-bottom:30px;\r\n }\r\n\r\n .fu-familienbuero .fu-section h2 {\r\n font-size:24px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 251 ===== */ @scope (.fu-article-251) { \r\n/* =========================================================\r\n FAST UMSONST – EUROPA.BRÜCKE.MÜNSTER\r\n Aidshilfe-Vorlage / Beratungsstellen\r\n ========================================================= */\r\n\r\n.fu-europa {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-paper:#faf8f4;\r\n --fu-orange:#d97706;\r\n --fu-border:#e5e7e3;\r\n --fu-text:#26332f;\r\n --fu-muted:#66736e;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 16px 50px;\r\n color:var(--fu-text);\r\n font-family:inherit;\r\n}\r\n\r\n.fu-europa * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-europa h1,\r\n.fu-europa h2,\r\n.fu-europa h3 {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-europa a {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-europa .fu-hero {\r\n background:linear-gradient(135deg,#17382f 0%,#1f4b3f 55%,#285b4d 100%);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:34px 32px 30px;\r\n box-shadow:0 8px 24px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-europa .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.12);\r\n font-size:28px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-europa .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(28px,4vw,42px);\r\n line-height:1.1;\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-europa .fu-hero-lead {\r\n color:rgba(255,255,255,.92);\r\n font-size:18px;\r\n line-height:1.6;\r\n max-width:850px;\r\n margin:0 0 25px;\r\n}\r\n\r\n.fu-europa .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:14px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-europa .fu-fact {\r\n background:rgba(255,255,255,.10);\r\n border:1px solid rgba(255,255,255,.14);\r\n border-radius:13px;\r\n padding:17px;\r\n}\r\n\r\n.fu-europa .fu-fact i {\r\n font-size:20px;\r\n margin-right:6px;\r\n}\r\n\r\n.fu-europa .fu-fact strong {\r\n display:block;\r\n color:#fff;\r\n margin-bottom:5px;\r\n}\r\n\r\n.fu-europa .fu-fact span {\r\n display:block;\r\n color:rgba(255,255,255,.82);\r\n font-size:14px;\r\n line-height:1.45;\r\n}\r\n\r\n.fu-europa .fu-contact-line {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px 24px;\r\n color:rgba(255,255,255,.92);\r\n margin-bottom:22px;\r\n font-size:15px;\r\n}\r\n\r\n.fu-europa .fu-contact-line span {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n}\r\n\r\n.fu-europa .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n}\r\n\r\n.fu-europa .fu-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:#fff;\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-weight:700;\r\n font-size:14px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-europa .fu-actions a:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 5px 14px rgba(0,0,0,.15);\r\n}\r\n\r\n.fu-europa .fu-actions a.fu-primary {\r\n background:var(--fu-orange);\r\n color:#fff;\r\n}\r\n\r\n/* JUMP NAV */\r\n\r\n.fu-europa .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin:22px 0 38px;\r\n padding:12px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n}\r\n\r\n.fu-europa .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n padding:9px 13px;\r\n border-radius:9px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-size:14px;\r\n font-weight:600;\r\n}\r\n\r\n.fu-europa .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-europa .fu-section {\r\n margin:0 0 42px;\r\n scroll-margin-top:25px;\r\n}\r\n\r\n.fu-europa .fu-section h2 {\r\n font-size:28px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-europa .fu-section-intro {\r\n color:var(--fu-muted);\r\n font-size:16px;\r\n line-height:1.65;\r\n max-width:900px;\r\n margin:0 0 22px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-europa .fu-card-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-europa .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:22px;\r\n box-shadow:0 4px 15px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-europa .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n font-size:19px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-europa .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-europa .fu-card p {\r\n line-height:1.65;\r\n margin:0;\r\n}\r\n\r\n.fu-europa .fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:21px;\r\n}\r\n\r\n.fu-europa .fu-card li {\r\n margin-bottom:7px;\r\n line-height:1.5;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-europa .fu-highlight {\r\n background:#fff7ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:19px 21px;\r\n margin:22px 0;\r\n}\r\n\r\n.fu-europa .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-europa .fu-highlight p {\r\n margin:6px 0 0;\r\n line-height:1.6;\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-europa .fu-contact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:28px;\r\n}\r\n\r\n.fu-europa .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:24px;\r\n}\r\n\r\n.fu-europa .fu-contact h3 {\r\n margin:0 0 13px;\r\n font-size:21px;\r\n}\r\n\r\n.fu-europa .fu-contact p {\r\n line-height:1.65;\r\n margin:0 0 9px;\r\n}\r\n\r\n.fu-europa .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-europa .fu-hours {\r\n width:100%;\r\n border-collapse:collapse;\r\n margin-top:5px;\r\n}\r\n\r\n.fu-europa .fu-hours td {\r\n padding:8px 10px;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-europa .fu-hours td:first-child {\r\n font-weight:700;\r\n width:38%;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-europa .fu-contact-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-europa .fu-contact-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n.fu-europa .fu-contact-actions a:hover {\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-europa .fu-contact-actions a.fu-orange {\r\n background:var(--fu-orange);\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-europa .fu-related {\r\n margin-top:45px;\r\n}\r\n\r\n.fu-europa .fu-related h2 {\r\n font-size:27px;\r\n margin:0 0 18px;\r\n}\r\n\r\n.fu-europa .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-europa .fu-related-card {\r\n display:block;\r\n height:100%;\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n text-decoration:none;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-europa .fu-related-card:hover {\r\n transform:translateY(-3px);\r\n border-color:var(--fu-green);\r\n box-shadow:0 8px 20px rgba(23,56,47,.10);\r\n}\r\n\r\n.fu-europa .fu-related-card i {\r\n display:block;\r\n color:var(--fu-orange);\r\n font-size:24px;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-europa .fu-related-card strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:7px;\r\n font-size:17px;\r\n}\r\n\r\n.fu-europa .fu-related-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n line-height:1.5;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width:767px) {\r\n\r\n .fu-europa {\r\n padding:10px 10px 35px;\r\n }\r\n\r\n .fu-europa .fu-hero {\r\n padding:25px 20px 22px;\r\n border-radius:15px;\r\n }\r\n\r\n .fu-europa .fu-facts,\r\n .fu-europa .fu-card-grid,\r\n .fu-europa .fu-contact-grid,\r\n .fu-europa .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-europa .fu-hero h1 {\r\n font-size:30px;\r\n }\r\n\r\n .fu-europa .fu-hero-lead {\r\n font-size:16px;\r\n }\r\n\r\n .fu-europa .fu-actions a,\r\n .fu-europa .fu-contact-actions a {\r\n width:100%;\r\n }\r\n\r\n .fu-europa .fu-contact {\r\n padding:21px 18px;\r\n }\r\n\r\n .fu-europa .fu-jump {\r\n margin-bottom:30px;\r\n }\r\n\r\n .fu-europa .fu-section h2 {\r\n font-size:24px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 252 ===== */ @scope (.fu-article-252) { \r\n/* =========================================================\r\n FAST UMSONST – DROGENHILFE MÜNSTER\r\n Aidshilfe-Vorlage / Beratungsstellen\r\n ========================================================= */\r\n\r\n.fu-drogenhilfe {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-paper:#faf8f4;\r\n --fu-orange:#d97706;\r\n --fu-border:#e5e7e3;\r\n --fu-text:#26332f;\r\n --fu-muted:#66736e;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 16px 50px;\r\n color:var(--fu-text);\r\n font-family:inherit;\r\n}\r\n\r\n.fu-drogenhilfe * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-drogenhilfe h1,\r\n.fu-drogenhilfe h2,\r\n.fu-drogenhilfe h3 {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-drogenhilfe a {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-drogenhilfe .fu-hero {\r\n background:linear-gradient(135deg,#17382f 0%,#1f4b3f 55%,#285b4d 100%);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:34px 32px 30px;\r\n box-shadow:0 8px 24px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-drogenhilfe .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.12);\r\n font-size:28px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(28px,4vw,42px);\r\n line-height:1.1;\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-hero-lead {\r\n color:rgba(255,255,255,.92);\r\n font-size:18px;\r\n line-height:1.6;\r\n max-width:850px;\r\n margin:0 0 25px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:14px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-fact {\r\n background:rgba(255,255,255,.10);\r\n border:1px solid rgba(255,255,255,.14);\r\n border-radius:13px;\r\n padding:17px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-fact i {\r\n font-size:20px;\r\n margin-right:6px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-fact strong {\r\n display:block;\r\n color:#fff;\r\n margin-bottom:5px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-fact span {\r\n display:block;\r\n color:rgba(255,255,255,.82);\r\n font-size:14px;\r\n line-height:1.45;\r\n}\r\n\r\n.fu-drogenhilfe .fu-contact-line {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px 24px;\r\n color:rgba(255,255,255,.92);\r\n margin-bottom:22px;\r\n font-size:15px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-contact-line span {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:#fff;\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-weight:700;\r\n font-size:14px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-drogenhilfe .fu-actions a:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 5px 14px rgba(0,0,0,.15);\r\n}\r\n\r\n.fu-drogenhilfe .fu-actions a.fu-primary {\r\n background:var(--fu-orange);\r\n color:#fff;\r\n}\r\n\r\n/* JUMP NAV */\r\n\r\n.fu-drogenhilfe .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin:22px 0 38px;\r\n padding:12px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n padding:9px 13px;\r\n border-radius:9px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-size:14px;\r\n font-weight:600;\r\n}\r\n\r\n.fu-drogenhilfe .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-drogenhilfe .fu-section {\r\n margin:0 0 42px;\r\n scroll-margin-top:25px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-section h2 {\r\n font-size:28px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-section-intro {\r\n color:var(--fu-muted);\r\n font-size:16px;\r\n line-height:1.65;\r\n max-width:900px;\r\n margin:0 0 22px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-drogenhilfe .fu-card-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:22px;\r\n box-shadow:0 4px 15px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-drogenhilfe .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n font-size:19px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-drogenhilfe .fu-card p {\r\n line-height:1.65;\r\n margin:0;\r\n}\r\n\r\n.fu-drogenhilfe .fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:21px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-card li {\r\n margin-bottom:7px;\r\n line-height:1.5;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-drogenhilfe .fu-highlight {\r\n background:#fff7ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:19px 21px;\r\n margin:22px 0;\r\n}\r\n\r\n.fu-drogenhilfe .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-drogenhilfe .fu-highlight p {\r\n margin:6px 0 0;\r\n line-height:1.6;\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-drogenhilfe .fu-contact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:28px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:24px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-contact h3 {\r\n margin:0 0 13px;\r\n font-size:21px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-contact p {\r\n line-height:1.65;\r\n margin:0 0 9px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-drogenhilfe .fu-hours {\r\n width:100%;\r\n border-collapse:collapse;\r\n margin-top:5px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-hours td {\r\n padding:8px 10px;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-drogenhilfe .fu-hours td:first-child {\r\n font-weight:700;\r\n width:38%;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-drogenhilfe .fu-contact-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-contact-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n.fu-drogenhilfe .fu-contact-actions a:hover {\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-drogenhilfe .fu-contact-actions a.fu-orange {\r\n background:var(--fu-orange);\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-drogenhilfe .fu-related {\r\n margin-top:45px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-related h2 {\r\n font-size:27px;\r\n margin:0 0 18px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-related-card {\r\n display:block;\r\n height:100%;\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n text-decoration:none;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-drogenhilfe .fu-related-card:hover {\r\n transform:translateY(-3px);\r\n border-color:var(--fu-green);\r\n box-shadow:0 8px 20px rgba(23,56,47,.10);\r\n}\r\n\r\n.fu-drogenhilfe .fu-related-card i {\r\n display:block;\r\n color:var(--fu-orange);\r\n font-size:24px;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-related-card strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:7px;\r\n font-size:17px;\r\n}\r\n\r\n.fu-drogenhilfe .fu-related-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n line-height:1.5;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width:767px) {\r\n\r\n .fu-drogenhilfe {\r\n padding:10px 10px 35px;\r\n }\r\n\r\n .fu-drogenhilfe .fu-hero {\r\n padding:25px 20px 22px;\r\n border-radius:15px;\r\n }\r\n\r\n .fu-drogenhilfe .fu-facts,\r\n .fu-drogenhilfe .fu-card-grid,\r\n .fu-drogenhilfe .fu-contact-grid,\r\n .fu-drogenhilfe .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-drogenhilfe .fu-hero h1 {\r\n font-size:30px;\r\n }\r\n\r\n .fu-drogenhilfe .fu-hero-lead {\r\n font-size:16px;\r\n }\r\n\r\n .fu-drogenhilfe .fu-actions a,\r\n .fu-drogenhilfe .fu-contact-actions a {\r\n width:100%;\r\n }\r\n\r\n .fu-drogenhilfe .fu-contact {\r\n padding:21px 18px;\r\n }\r\n\r\n .fu-drogenhilfe .fu-jump {\r\n margin-bottom:30px;\r\n }\r\n\r\n .fu-drogenhilfe .fu-section h2 {\r\n font-size:24px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 253 ===== */ @scope (.fu-article-253) { \r\n/* =========================================================\r\n FAST UMSONST – BERATUNGSSTELLEN DER DIAKONIE\r\n Maßgebliches Beratungsstellen-Layout\r\n ========================================================= */\r\n\r\n.fu-diakonie {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e5e0d7;\r\n --fu-text: #26332f;\r\n --fu-muted: #65736e;\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n font-size: 17px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-diakonie * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-diakonie a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n.fu-diakonie a:hover {\r\n color: var(--fu-orange);\r\n}\r\n\r\n/* HERO */\r\n.fu-diakonie .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-dark), var(--fu-green));\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 38px;\r\n margin: 0 0 28px;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-diakonie .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.12);\r\n font-size: 28px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-diakonie .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(30px, 4vw, 46px);\r\n line-height: 1.12;\r\n margin: 0 0 14px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-diakonie .fu-hero-lead {\r\n max-width: 900px;\r\n font-size: 19px;\r\n line-height: 1.6;\r\n margin: 0 0 28px;\r\n color: rgba(255,255,255,.94);\r\n}\r\n\r\n.fu-diakonie .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-diakonie .fu-fact {\r\n background: rgba(255,255,255,.1);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 15px;\r\n padding: 17px;\r\n}\r\n\r\n.fu-diakonie .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 14px;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-diakonie .fu-fact span {\r\n color: rgba(255,255,255,.9);\r\n font-size: 15px;\r\n}\r\n\r\n.fu-diakonie .fu-contactline {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 24px;\r\n margin: 22px 0 20px;\r\n color: rgba(255,255,255,.95);\r\n}\r\n\r\n.fu-diakonie .fu-contactline span {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.fu-diakonie .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-diakonie .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 11px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n font-size: 15px;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-diakonie .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-diakonie .fu-btn-primary:hover {\r\n background: #f1eee8;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-diakonie .fu-btn-outline {\r\n border: 1px solid rgba(255,255,255,.55);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-diakonie .fu-btn-outline:hover {\r\n background: rgba(255,255,255,.14);\r\n color: #fff !important;\r\n}\r\n\r\n/* JUMPNAV */\r\n.fu-diakonie .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 20px 22px;\r\n margin: 0 0 38px;\r\n}\r\n\r\n.fu-diakonie .fu-jumpnav-title {\r\n font-weight: 800;\r\n color: var(--fu-dark);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-diakonie .fu-jumpnav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-diakonie .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 13px;\r\n text-decoration: none;\r\n font-size: 14px;\r\n}\r\n\r\n/* SECTIONS */\r\n.fu-diakonie .fu-section {\r\n margin: 0 0 42px;\r\n}\r\n\r\n.fu-diakonie .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: clamp(25px, 3vw, 32px);\r\n line-height: 1.2;\r\n margin: 0 0 18px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-diakonie .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-diakonie .fu-section-intro {\r\n max-width: 900px;\r\n margin-bottom: 22px;\r\n}\r\n\r\n/* GRID */\r\n.fu-diakonie .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-diakonie .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-diakonie .fu-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 20px;\r\n margin: 0 0 10px;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-diakonie .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-diakonie .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-diakonie .fu-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.fu-diakonie .fu-card li {\r\n margin-bottom: 7px;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n.fu-diakonie .fu-highlight {\r\n background: #fff8ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 14px;\r\n padding: 21px 23px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-diakonie .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* CONTACT */\r\n.fu-diakonie .fu-contact {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 20px;\r\n padding: 28px;\r\n}\r\n\r\n.fu-diakonie .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-diakonie .fu-contact-item {\r\n display: flex;\r\n gap: 13px;\r\n align-items: flex-start;\r\n}\r\n\r\n.fu-diakonie .fu-contact-item i {\r\n color: var(--fu-orange);\r\n font-size: 22px;\r\n margin-top: 2px;\r\n}\r\n\r\n.fu-diakonie .fu-contact-item strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* RELATED */\r\n.fu-diakonie .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-diakonie .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 21px;\r\n text-decoration: none !important;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-diakonie .fu-related-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-diakonie .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 25px;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.fu-diakonie .fu-related-card strong {\r\n color: var(--fu-dark);\r\n font-size: 17px;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-diakonie .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: 14px;\r\n line-height: 1.5;\r\n}\r\n\r\n/* MOBILE */\r\n@media (max-width: 767px) {\r\n .fu-diakonie {\r\n font-size: 16px;\r\n }\r\n\r\n .fu-diakonie .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-diakonie .fu-hero h1 {\r\n font-size: 31px;\r\n }\r\n\r\n .fu-diakonie .fu-hero-lead {\r\n font-size: 17px;\r\n }\r\n\r\n .fu-diakonie .fu-facts,\r\n .fu-diakonie .fu-grid,\r\n .fu-diakonie .fu-contact-grid,\r\n .fu-diakonie .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-diakonie .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-diakonie .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-diakonie .fu-jumpnav-links {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-diakonie .fu-jumpnav a {\r\n width: 100%;\r\n border-radius: 11px;\r\n }\r\n\r\n .fu-diakonie .fu-card,\r\n .fu-diakonie .fu-contact {\r\n padding: 21px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 254 ===== */ @scope (.fu-article-254) { \r\n.fu-kinderschutzbund {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-light: #f1f5f2;\r\n --fu-border: #dce5df;\r\n --fu-text: #24342e;\r\n --fu-muted: #64746d;\r\n font-family: inherit;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-kinderschutzbund * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-hero {\r\n background: linear-gradient(135deg, var(--fu-dark), var(--fu-green));\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 8px 24px rgba(23,56,47,.12);\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-hero h1 {\r\n color: #fff;\r\n margin: 0 0 12px;\r\n font-size: clamp(1.8rem, 4vw, 2.65rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin-top: 24px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-fact {\r\n background: rgba(255,255,255,.12);\r\n border: 1px solid rgba(255,255,255,.18);\r\n border-radius: 13px;\r\n padding: 16px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-fact strong {\r\n display: block;\r\n color: #fff;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-fact span {\r\n display: block;\r\n font-size: .94rem;\r\n opacity: .94;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-contactline {\r\n margin-top: 22px;\r\n font-size: .98rem;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 9px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-btn:hover {\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-btn-light {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-btn-orange {\r\n background: var(--fu-orange);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-btn-outline {\r\n border: 1px solid rgba(255,255,255,.65);\r\n color: #fff !important;\r\n background: transparent;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-jump {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-jump a {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 8px;\r\n padding: 8px 12px;\r\n color: var(--fu-green);\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-jump a:hover {\r\n border-color: var(--fu-green);\r\n}\r\n\r\n.fu-kinderschutzbund section.fu-ksb-section {\r\n margin: 0 0 30px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n margin: 0 0 15px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 21px;\r\n box-shadow: 0 5px 16px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.18rem;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-card h3 i {\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 20px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 21px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-highlight strong {\r\n color: #8a4b08;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-contact {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 24px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-contact h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-address {\r\n font-size: 1.03rem;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-table td {\r\n padding: 8px 5px;\r\n border-bottom: 1px solid var(--fu-border);\r\n vertical-align: top;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-table td:first-child {\r\n font-weight: 700;\r\n width: 34%;\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-related a {\r\n display: block;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n padding: 18px;\r\n color: var(--fu-green);\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n box-shadow: 0 4px 12px rgba(23,56,47,.05);\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-related a:hover {\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-related i {\r\n display: block;\r\n font-size: 1.35rem;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-note {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n margin-top: 12px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-phonebox {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 20px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-kinderschutzbund .fu-ksb-phonebox strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-kinderschutzbund .fu-ksb-facts,\r\n .fu-kinderschutzbund .fu-ksb-grid,\r\n .fu-kinderschutzbund .fu-ksb-related {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n .fu-kinderschutzbund .fu-ksb-hero {\r\n padding: 26px 20px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-kinderschutzbund .fu-ksb-hero h1 {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .fu-kinderschutzbund .fu-ksb-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-kinderschutzbund .fu-ksb-btn {\r\n justify-content: center;\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 255 ===== */ @scope (.fu-article-255) { \r\n/* =========================================================\r\n FAST UMSONST – BERATUNGSSTELLEN DES CARITASVERBANDES\r\n Maßgebliches Beratungsstellen-Layout\r\n ========================================================= */\r\n\r\n.fu-caritas {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e5e0d7;\r\n --fu-text: #26332f;\r\n --fu-muted: #65736e;\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n font-size: 17px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-caritas * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-caritas a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n.fu-caritas a:hover {\r\n color: var(--fu-orange);\r\n}\r\n\r\n/* HERO */\r\n.fu-caritas .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-dark), var(--fu-green));\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 38px;\r\n margin: 0 0 28px;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-caritas .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.12);\r\n font-size: 28px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-caritas .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(30px, 4vw, 46px);\r\n line-height: 1.12;\r\n margin: 0 0 14px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-caritas .fu-hero-lead {\r\n max-width: 900px;\r\n font-size: 19px;\r\n line-height: 1.6;\r\n margin: 0 0 28px;\r\n color: rgba(255,255,255,.94);\r\n}\r\n\r\n.fu-caritas .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-caritas .fu-fact {\r\n background: rgba(255,255,255,.1);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 15px;\r\n padding: 17px;\r\n}\r\n\r\n.fu-caritas .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 14px;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-caritas .fu-fact span {\r\n color: rgba(255,255,255,.9);\r\n font-size: 15px;\r\n}\r\n\r\n.fu-caritas .fu-contactline {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 24px;\r\n margin: 22px 0 20px;\r\n color: rgba(255,255,255,.95);\r\n}\r\n\r\n.fu-caritas .fu-contactline span {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.fu-caritas .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-caritas .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 11px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n font-size: 15px;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-caritas .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-caritas .fu-btn-primary:hover {\r\n background: #f1eee8;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-caritas .fu-btn-outline {\r\n border: 1px solid rgba(255,255,255,.55);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-caritas .fu-btn-outline:hover {\r\n background: rgba(255,255,255,.14);\r\n color: #fff !important;\r\n}\r\n\r\n/* JUMPNAV */\r\n.fu-caritas .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 20px 22px;\r\n margin: 0 0 38px;\r\n}\r\n\r\n.fu-caritas .fu-jumpnav-title {\r\n font-weight: 800;\r\n color: var(--fu-dark);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-caritas .fu-jumpnav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-caritas .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 13px;\r\n text-decoration: none;\r\n font-size: 14px;\r\n}\r\n\r\n/* SECTIONS */\r\n.fu-caritas .fu-section {\r\n margin: 0 0 42px;\r\n}\r\n\r\n.fu-caritas .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: clamp(25px, 3vw, 32px);\r\n line-height: 1.2;\r\n margin: 0 0 18px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-caritas .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-caritas .fu-section-intro {\r\n max-width: 900px;\r\n margin-bottom: 22px;\r\n}\r\n\r\n/* GRID */\r\n.fu-caritas .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-caritas .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-caritas .fu-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 20px;\r\n margin: 0 0 10px;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-caritas .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-caritas .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-caritas .fu-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.fu-caritas .fu-card li {\r\n margin-bottom: 7px;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n.fu-caritas .fu-highlight {\r\n background: #fff8ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 14px;\r\n padding: 21px 23px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-caritas .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* LOCATION CARD */\r\n.fu-caritas .fu-location {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-caritas .fu-location h3 {\r\n color: var(--fu-dark);\r\n font-size: 21px;\r\n margin: 0 0 12px;\r\n}\r\n\r\n.fu-caritas .fu-location h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-caritas .fu-location-address {\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-caritas .fu-location-meta {\r\n color: var(--fu-muted);\r\n font-size: 15px;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.fu-caritas .fu-location-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-caritas .fu-small-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 12px;\r\n border-radius: 9px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n text-decoration: none !important;\r\n font-size: 14px;\r\n}\r\n\r\n/* CONTACT */\r\n.fu-caritas .fu-contact {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 20px;\r\n padding: 28px;\r\n}\r\n\r\n.fu-caritas .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-caritas .fu-contact-item {\r\n display: flex;\r\n gap: 13px;\r\n align-items: flex-start;\r\n}\r\n\r\n.fu-caritas .fu-contact-item i {\r\n color: var(--fu-orange);\r\n font-size: 22px;\r\n margin-top: 2px;\r\n}\r\n\r\n.fu-caritas .fu-contact-item strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* RELATED */\r\n.fu-caritas .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-caritas .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 21px;\r\n text-decoration: none !important;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-caritas .fu-related-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-caritas .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 25px;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.fu-caritas .fu-related-card strong {\r\n color: var(--fu-dark);\r\n font-size: 17px;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-caritas .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: 14px;\r\n line-height: 1.5;\r\n}\r\n\r\n/* MOBILE */\r\n@media (max-width: 767px) {\r\n\r\n .fu-caritas {\r\n font-size: 16px;\r\n }\r\n\r\n .fu-caritas .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-caritas .fu-hero h1 {\r\n font-size: 31px;\r\n }\r\n\r\n .fu-caritas .fu-hero-lead {\r\n font-size: 17px;\r\n }\r\n\r\n .fu-caritas .fu-facts,\r\n .fu-caritas .fu-grid,\r\n .fu-caritas .fu-contact-grid,\r\n .fu-caritas .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-caritas .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-caritas .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-caritas .fu-jumpnav-links {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-caritas .fu-jumpnav a {\r\n width: 100%;\r\n border-radius: 11px;\r\n }\r\n\r\n .fu-caritas .fu-card,\r\n .fu-caritas .fu-location,\r\n .fu-caritas .fu-contact {\r\n padding: 21px;\r\n }\r\n\r\n .fu-caritas .fu-location-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-caritas .fu-small-btn {\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 256 ===== */ @scope (.fu-article-256) { \r\n/* =========================================================\r\n FAST UMSONST – BERATUNGSSTELLE SÜDVIERTEL E.V.\r\n Maßgebliches Beratungsstellen-Layout\r\n ========================================================= */\r\n\r\n.fu-suedviertel {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e5e0d7;\r\n --fu-text: #26332f;\r\n --fu-muted: #65736e;\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n font-size: 17px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-suedviertel * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-suedviertel a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n.fu-suedviertel a:hover {\r\n color: var(--fu-orange);\r\n}\r\n\r\n/* HERO */\r\n.fu-suedviertel .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-dark), var(--fu-green));\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 38px;\r\n margin: 0 0 28px;\r\n box-shadow: 0 10px 28px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-suedviertel .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.12);\r\n font-size: 28px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-suedviertel .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(30px, 4vw, 46px);\r\n line-height: 1.12;\r\n margin: 0 0 14px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-suedviertel .fu-hero-lead {\r\n max-width: 850px;\r\n font-size: 19px;\r\n line-height: 1.6;\r\n margin: 0 0 28px;\r\n color: rgba(255,255,255,.94);\r\n}\r\n\r\n.fu-suedviertel .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-suedviertel .fu-fact {\r\n background: rgba(255,255,255,.1);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 15px;\r\n padding: 17px;\r\n}\r\n\r\n.fu-suedviertel .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 14px;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-suedviertel .fu-fact span {\r\n color: rgba(255,255,255,.9);\r\n font-size: 15px;\r\n}\r\n\r\n.fu-suedviertel .fu-contactline {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 24px;\r\n margin: 22px 0 20px;\r\n color: rgba(255,255,255,.95);\r\n}\r\n\r\n.fu-suedviertel .fu-contactline span {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.fu-suedviertel .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-suedviertel .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 11px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n font-size: 15px;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-suedviertel .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-suedviertel .fu-btn-primary:hover {\r\n background: #f1eee8;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-suedviertel .fu-btn-outline {\r\n border: 1px solid rgba(255,255,255,.55);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-suedviertel .fu-btn-outline:hover {\r\n background: rgba(255,255,255,.14);\r\n color: #fff !important;\r\n}\r\n\r\n/* JUMPNAV */\r\n.fu-suedviertel .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 20px 22px;\r\n margin: 0 0 38px;\r\n}\r\n\r\n.fu-suedviertel .fu-jumpnav-title {\r\n font-weight: 800;\r\n color: var(--fu-dark);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-suedviertel .fu-jumpnav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-suedviertel .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 13px;\r\n text-decoration: none;\r\n font-size: 14px;\r\n}\r\n\r\n/* SECTIONS */\r\n.fu-suedviertel .fu-section {\r\n margin: 0 0 42px;\r\n}\r\n\r\n.fu-suedviertel .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: clamp(25px, 3vw, 32px);\r\n line-height: 1.2;\r\n margin: 0 0 18px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-suedviertel .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-suedviertel .fu-section-intro {\r\n max-width: 900px;\r\n margin-bottom: 22px;\r\n}\r\n\r\n/* GRID */\r\n.fu-suedviertel .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-suedviertel .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-suedviertel .fu-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 20px;\r\n margin: 0 0 10px;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-suedviertel .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-suedviertel .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-suedviertel .fu-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.fu-suedviertel .fu-card li {\r\n margin-bottom: 7px;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n.fu-suedviertel .fu-highlight {\r\n background: #fff8ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 14px;\r\n padding: 21px 23px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-suedviertel .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* CONTACT */\r\n.fu-suedviertel .fu-contact {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 20px;\r\n padding: 28px;\r\n}\r\n\r\n.fu-suedviertel .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-suedviertel .fu-contact-item {\r\n display: flex;\r\n gap: 13px;\r\n align-items: flex-start;\r\n}\r\n\r\n.fu-suedviertel .fu-contact-item i {\r\n color: var(--fu-orange);\r\n font-size: 22px;\r\n margin-top: 2px;\r\n}\r\n\r\n.fu-suedviertel .fu-contact-item strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* RELATED */\r\n.fu-suedviertel .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-suedviertel .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n padding: 21px;\r\n text-decoration: none !important;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-suedviertel .fu-related-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-suedviertel .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 25px;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.fu-suedviertel .fu-related-card strong {\r\n color: var(--fu-dark);\r\n font-size: 17px;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-suedviertel .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: 14px;\r\n line-height: 1.5;\r\n}\r\n\r\n/* MOBILE */\r\n@media (max-width: 767px) {\r\n .fu-suedviertel {\r\n font-size: 16px;\r\n }\r\n\r\n .fu-suedviertel .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-suedviertel .fu-hero h1 {\r\n font-size: 31px;\r\n }\r\n\r\n .fu-suedviertel .fu-hero-lead {\r\n font-size: 17px;\r\n }\r\n\r\n .fu-suedviertel .fu-facts,\r\n .fu-suedviertel .fu-grid,\r\n .fu-suedviertel .fu-contact-grid,\r\n .fu-suedviertel .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-suedviertel .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-suedviertel .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-suedviertel .fu-jumpnav-links {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-suedviertel .fu-jumpnav a {\r\n width: 100%;\r\n border-radius: 11px;\r\n }\r\n\r\n .fu-suedviertel .fu-card,\r\n .fu-suedviertel .fu-contact {\r\n padding: 21px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 257 ===== */ @scope (.fu-article-257) { \r\n/* =========================================================\r\n FAST UMSONST – BERUFSBERATUNG AGENTUR FÜR ARBEIT\r\n Einheitlicher Artikelstandard\r\n ========================================================= */\r\n\r\n.fu-berufsberatung {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: rgba(31,75,63,.14);\r\n color: #24332e;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-berufsberatung * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-berufsberatung .fu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 65%, #285b4c 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin: 0 0 28px;\r\n box-shadow: 0 12px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-berufsberatung .fu-hero-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 12px;\r\n color: #fff;\r\n}\r\n\r\n.fu-berufsberatung .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.12;\r\n margin: 0 0 14px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-berufsberatung .fu-lead {\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n margin: 0 0 25px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-berufsberatung .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 25px 0;\r\n}\r\n\r\n.fu-berufsberatung .fu-fact {\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.18);\r\n border-radius: 13px;\r\n padding: 17px;\r\n}\r\n\r\n.fu-berufsberatung .fu-fact i {\r\n font-size: 1.25rem;\r\n display: block;\r\n margin-bottom: 7px;\r\n}\r\n\r\n.fu-berufsberatung .fu-fact strong {\r\n display: block;\r\n font-size: 1rem;\r\n color: #fff;\r\n}\r\n\r\n.fu-berufsberatung .fu-fact span {\r\n display: block;\r\n font-size: .9rem;\r\n color: rgba(255,255,255,.82);\r\n margin-top: 3px;\r\n}\r\n\r\n.fu-berufsberatung .fu-address {\r\n margin: 20px 0 22px;\r\n font-size: .98rem;\r\n}\r\n\r\n.fu-berufsberatung .fu-address strong {\r\n color: #fff;\r\n}\r\n\r\n.fu-berufsberatung .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-berufsberatung .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 9px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n font-size: .92rem;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-berufsberatung .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-berufsberatung .fu-btn-primary:hover {\r\n background: #f1f1ed;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-berufsberatung .fu-btn-outline {\r\n border: 1px solid rgba(255,255,255,.55);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-berufsberatung .fu-btn-outline:hover {\r\n background: rgba(255,255,255,.14);\r\n}\r\n\r\n.fu-berufsberatung .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px 22px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-berufsberatung .fu-jumpnav strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-berufsberatung .fu-jumpnav ul {\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n list-style: none;\r\n}\r\n\r\n.fu-berufsberatung .fu-jumpnav a {\r\n display: inline-block;\r\n padding: 7px 11px;\r\n border-radius: 8px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-berufsberatung .fu-jumpnav a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n}\r\n\r\n.fu-berufsberatung .fu-section {\r\n margin: 0 0 36px;\r\n}\r\n\r\n.fu-berufsberatung .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.65rem;\r\n margin: 0 0 14px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-berufsberatung .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-berufsberatung .fu-section > p {\r\n max-width: 900px;\r\n}\r\n\r\n.fu-berufsberatung .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0,1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-berufsberatung .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n box-shadow: 0 6px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-berufsberatung .fu-card h3 {\r\n color: var(--fu-dark);\r\n margin: 0 0 9px;\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-berufsberatung .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-berufsberatung .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-berufsberatung .fu-card ul {\r\n padding-left: 20px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-berufsberatung .fu-card li {\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-berufsberatung .fu-highlight {\r\n background: #f6f1e8;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 21px 23px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-berufsberatung .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-berufsberatung .fu-contact {\r\n background: var(--fu-dark);\r\n color: #fff;\r\n border-radius: 16px;\r\n padding: 28px;\r\n margin: 35px 0;\r\n}\r\n\r\n.fu-berufsberatung .fu-contact h2 {\r\n color: #fff;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-berufsberatung .fu-contact a {\r\n color: #fff;\r\n}\r\n\r\n.fu-berufsberatung .fu-contact .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-berufsberatung .fu-contact-item {\r\n background: rgba(255,255,255,.08);\r\n border-radius: 11px;\r\n padding: 16px;\r\n}\r\n\r\n.fu-berufsberatung .fu-contact-item i {\r\n color: #fff;\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-berufsberatung .fu-related {\r\n margin-top: 38px;\r\n}\r\n\r\n.fu-berufsberatung .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0,1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-berufsberatung .fu-related-card {\r\n display: block;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 19px;\r\n text-decoration: none !important;\r\n color: inherit;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-berufsberatung .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(23,56,47,.09);\r\n border-color: rgba(31,75,63,.3);\r\n}\r\n\r\n.fu-berufsberatung .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 1.4rem;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-berufsberatung .fu-related-card strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-berufsberatung .fu-related-card span {\r\n display: block;\r\n font-size: .9rem;\r\n color: #52625c;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .fu-berufsberatung .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-berufsberatung .fu-facts,\r\n .fu-berufsberatung .fu-grid,\r\n .fu-berufsberatung .fu-contact .fu-contact-grid,\r\n .fu-berufsberatung .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-berufsberatung .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-berufsberatung .fu-btn {\r\n justify-content: center;\r\n }\r\n\r\n .fu-berufsberatung .fu-jumpnav ul {\r\n display: block;\r\n }\r\n\r\n .fu-berufsberatung .fu-jumpnav li {\r\n margin-bottom: 7px;\r\n }\r\n\r\n .fu-berufsberatung .fu-jumpnav a {\r\n display: block;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 258 ===== */ @scope (.fu-article-258) { \r\n/* =========================================================\r\n FAST UMSONST – BERATUNG UND THERAPIE FÜR FRAUEN E.V.\r\n ========================================================= */\r\n\r\n.fu-frauenberatung {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e5e7e3;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-frauenberatung * {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-frauenberatung .fu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 72%, #285b4d 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-frauenberatung .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,.12);\r\n font-size: 28px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-frauenberatung .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.1;\r\n margin: 0 0 14px;\r\n font-weight: 750;\r\n}\r\n\r\n.fu-frauenberatung .fu-hero-lead {\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n margin: 0 0 26px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-frauenberatung .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-frauenberatung .fu-fact {\r\n background: rgba(255,255,255,.09);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 13px;\r\n padding: 16px;\r\n}\r\n\r\n.fu-frauenberatung .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: .98rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-frauenberatung .fu-fact span {\r\n color: rgba(255,255,255,.82);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-frauenberatung .fu-contact-line {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 22px;\r\n margin: 18px 0 24px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-frauenberatung .fu-contact-line i {\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-frauenberatung .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-frauenberatung .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-frauenberatung .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-frauenberatung .fu-btn-secondary {\r\n background: rgba(255,255,255,.10);\r\n color: #fff !important;\r\n border: 1px solid rgba(255,255,255,.28);\r\n}\r\n\r\n.fu-frauenberatung .fu-btn:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* JUMPNAV */\r\n\r\n.fu-frauenberatung .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-frauenberatung .fu-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-frauenberatung .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-frauenberatung .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 8px 12px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n color: var(--fu-green);\r\n text-decoration: none !important;\r\n font-size: .92rem;\r\n font-weight: 650;\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-frauenberatung .fu-section {\r\n margin: 0 0 38px;\r\n}\r\n\r\n.fu-frauenberatung .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.65rem;\r\n line-height: 1.2;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-frauenberatung .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-frauenberatung .fu-section-intro {\r\n font-size: 1.03rem;\r\n margin-bottom: 20px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-frauenberatung .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-frauenberatung .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-frauenberatung .fu-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.16rem;\r\n margin: 0 0 9px;\r\n}\r\n\r\n.fu-frauenberatung .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-frauenberatung .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-frauenberatung .fu-card ul {\r\n padding-left: 20px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-frauenberatung .fu-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-frauenberatung .fu-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-frauenberatung .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-frauenberatung .fu-contact {\r\n background: var(--fu-paper);\r\n border-radius: 16px;\r\n padding: 26px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-frauenberatung .fu-contact h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-frauenberatung .fu-contact p {\r\n margin-bottom: 10px;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-frauenberatung .fu-related {\r\n margin-top: 42px;\r\n}\r\n\r\n.fu-frauenberatung .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-frauenberatung .fu-related-card {\r\n display: block;\r\n height: 100%;\r\n padding: 19px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--fu-dark);\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-frauenberatung .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n border-color: rgba(31,75,63,.35);\r\n}\r\n\r\n.fu-frauenberatung .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n margin-bottom: 9px;\r\n display: block;\r\n}\r\n\r\n.fu-frauenberatung .fu-related-card strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-frauenberatung .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width: 767px) {\r\n .fu-frauenberatung .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-frauenberatung .fu-facts,\r\n .fu-frauenberatung .fu-grid,\r\n .fu-frauenberatung .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-frauenberatung .fu-contact-line {\r\n flex-direction: column;\r\n gap: 7px;\r\n }\r\n\r\n .fu-frauenberatung .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-frauenberatung .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-frauenberatung .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-frauenberatung .fu-card,\r\n .fu-frauenberatung .fu-contact {\r\n padding: 19px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 259 ===== */ @scope (.fu-article-259) { \r\n/* =========================================================\r\n FAST UMSONST – BEGEGNUNGSZENTRUM KINDERHAUS E.V.\r\n ========================================================= */\r\n\r\n.fu-begegnungszentrum {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e5e7e3;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-begegnungszentrum * {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-begegnungszentrum .fu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 72%, #285b4d 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-begegnungszentrum .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,.12);\r\n font-size: 28px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.1;\r\n margin: 0 0 14px;\r\n font-weight: 750;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-hero-lead {\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n margin: 0 0 26px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-begegnungszentrum .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-fact {\r\n background: rgba(255,255,255,.09);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 13px;\r\n padding: 16px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: .98rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-fact span {\r\n color: rgba(255,255,255,.82);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-contact-line {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 22px;\r\n margin: 18px 0 24px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-begegnungszentrum .fu-contact-line i {\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-btn-secondary {\r\n background: rgba(255,255,255,.10);\r\n color: #fff !important;\r\n border: 1px solid rgba(255,255,255,.28);\r\n}\r\n\r\n.fu-begegnungszentrum .fu-btn:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* JUMPNAV */\r\n\r\n.fu-begegnungszentrum .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 8px 12px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n color: var(--fu-green);\r\n text-decoration: none !important;\r\n font-size: .92rem;\r\n font-weight: 650;\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-begegnungszentrum .fu-section {\r\n margin: 0 0 38px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.65rem;\r\n line-height: 1.2;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-section-intro {\r\n font-size: 1.03rem;\r\n margin-bottom: 20px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-begegnungszentrum .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-begegnungszentrum .fu-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.16rem;\r\n margin: 0 0 9px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-card ul {\r\n padding-left: 20px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-begegnungszentrum .fu-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* TAGS */\r\n\r\n.fu-begegnungszentrum .fu-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 7px 11px;\r\n color: var(--fu-green);\r\n font-size: .88rem;\r\n font-weight: 650;\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-begegnungszentrum .fu-contact {\r\n background: var(--fu-paper);\r\n border-radius: 16px;\r\n padding: 26px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-begegnungszentrum .fu-contact h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-contact p {\r\n margin-bottom: 10px;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-begegnungszentrum .fu-related {\r\n margin-top: 42px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-related-card {\r\n display: block;\r\n height: 100%;\r\n padding: 19px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--fu-dark);\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n border-color: rgba(31,75,63,.35);\r\n}\r\n\r\n.fu-begegnungszentrum .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n margin-bottom: 9px;\r\n display: block;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-related-card strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-begegnungszentrum .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width: 767px) {\r\n .fu-begegnungszentrum .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-begegnungszentrum .fu-facts,\r\n .fu-begegnungszentrum .fu-grid,\r\n .fu-begegnungszentrum .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-begegnungszentrum .fu-contact-line {\r\n flex-direction: column;\r\n gap: 7px;\r\n }\r\n\r\n .fu-begegnungszentrum .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-begegnungszentrum .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-begegnungszentrum .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-begegnungszentrum .fu-card,\r\n .fu-begegnungszentrum .fu-contact {\r\n padding: 19px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 260 ===== */ @scope (.fu-article-260) { \r\n/* =========================================================\r\n FAST UMSONST – ARBEITERWOHLFAHRT AWO MÜNSTER\r\n ========================================================= */\r\n\r\n.fu-awo {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e5e7e3;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-awo * {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-awo .fu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 72%, #285b4d 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-awo .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,.12);\r\n font-size: 28px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-awo .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.1;\r\n margin: 0 0 14px;\r\n font-weight: 750;\r\n}\r\n\r\n.fu-awo .fu-hero-lead {\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n margin: 0 0 26px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-awo .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-awo .fu-fact {\r\n background: rgba(255,255,255,.09);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 13px;\r\n padding: 16px;\r\n}\r\n\r\n.fu-awo .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: .98rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-awo .fu-fact span {\r\n color: rgba(255,255,255,.82);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-awo .fu-contact-line {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 22px;\r\n margin: 18px 0 24px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-awo .fu-contact-line i {\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-awo .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-awo .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-awo .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-awo .fu-btn-secondary {\r\n background: rgba(255,255,255,.10);\r\n color: #fff !important;\r\n border: 1px solid rgba(255,255,255,.28);\r\n}\r\n\r\n.fu-awo .fu-btn:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* JUMPNAV */\r\n\r\n.fu-awo .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-awo .fu-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-awo .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-awo .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 8px 12px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n color: var(--fu-green);\r\n text-decoration: none !important;\r\n font-size: .92rem;\r\n font-weight: 650;\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-awo .fu-section {\r\n margin: 0 0 38px;\r\n}\r\n\r\n.fu-awo .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.65rem;\r\n line-height: 1.2;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-awo .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-awo .fu-section-intro {\r\n font-size: 1.03rem;\r\n margin-bottom: 20px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-awo .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-awo .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-awo .fu-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.16rem;\r\n margin: 0 0 9px;\r\n}\r\n\r\n.fu-awo .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-awo .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-awo .fu-card ul {\r\n padding-left: 20px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-awo .fu-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-awo .fu-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-awo .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* SERVICE TAGS */\r\n\r\n.fu-awo .fu-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-awo .fu-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 7px 11px;\r\n color: var(--fu-green);\r\n font-size: .88rem;\r\n font-weight: 650;\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-awo .fu-contact {\r\n background: var(--fu-paper);\r\n border-radius: 16px;\r\n padding: 26px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-awo .fu-contact h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-awo .fu-contact p {\r\n margin-bottom: 10px;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-awo .fu-related {\r\n margin-top: 42px;\r\n}\r\n\r\n.fu-awo .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-awo .fu-related-card {\r\n display: block;\r\n height: 100%;\r\n padding: 19px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--fu-dark);\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-awo .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n border-color: rgba(31,75,63,.35);\r\n}\r\n\r\n.fu-awo .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n margin-bottom: 9px;\r\n display: block;\r\n}\r\n\r\n.fu-awo .fu-related-card strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-awo .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width: 767px) {\r\n .fu-awo .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-awo .fu-facts,\r\n .fu-awo .fu-grid,\r\n .fu-awo .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-awo .fu-contact-line {\r\n flex-direction: column;\r\n gap: 7px;\r\n }\r\n\r\n .fu-awo .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-awo .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-awo .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-awo .fu-card,\r\n .fu-awo .fu-contact {\r\n padding: 19px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 261 ===== */ @scope (.fu-article-261) { \r\n/* =========================================================\r\n FAST UMSONST – CUBA BERATUNGSSTELLE ARBEIT\r\n Einheitlicher Artikelstandard\r\n ========================================================= */\r\n\r\n.fu-cuba-arbeit {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: rgba(31,75,63,.14);\r\n color: #24332e;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-cuba-arbeit * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 65%, #285b4c 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin: 0 0 28px;\r\n box-shadow: 0 12px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-cuba-arbeit .fu-hero-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 12px;\r\n color: #fff;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.12;\r\n margin: 0 0 14px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-lead {\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n margin: 0 0 25px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-cuba-arbeit .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 25px 0;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-fact {\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.18);\r\n border-radius: 13px;\r\n padding: 17px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-fact i {\r\n font-size: 1.25rem;\r\n display: block;\r\n margin-bottom: 7px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-fact strong {\r\n display: block;\r\n font-size: 1rem;\r\n color: #fff;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-fact span {\r\n display: block;\r\n font-size: .9rem;\r\n color: rgba(255,255,255,.82);\r\n margin-top: 3px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-address {\r\n margin: 20px 0 22px;\r\n font-size: .98rem;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-address strong {\r\n color: #fff;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 9px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n font-size: .92rem;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-btn-primary:hover {\r\n background: #f1f1ed;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-cuba-arbeit .fu-btn-outline {\r\n border: 1px solid rgba(255,255,255,.55);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-cuba-arbeit .fu-btn-outline:hover {\r\n background: rgba(255,255,255,.14);\r\n}\r\n\r\n.fu-cuba-arbeit .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px 22px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-jumpnav strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-jumpnav ul {\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n list-style: none;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-jumpnav a {\r\n display: inline-block;\r\n padding: 7px 11px;\r\n border-radius: 8px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-jumpnav a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-section {\r\n margin: 0 0 36px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.65rem;\r\n margin: 0 0 14px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-section > p {\r\n max-width: 900px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0,1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n box-shadow: 0 6px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-cuba-arbeit .fu-card h3 {\r\n color: var(--fu-dark);\r\n margin: 0 0 9px;\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-card ul {\r\n padding-left: 20px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-card li {\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-highlight {\r\n background: #f6f1e8;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 21px 23px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-cuba-arbeit .fu-mini-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: 16px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-mini-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 12px;\r\n border-radius: 8px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-size: .88rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-mini-btn:hover {\r\n background: var(--fu-dark);\r\n}\r\n\r\n.fu-cuba-arbeit .fu-contact {\r\n background: var(--fu-dark);\r\n color: #fff;\r\n border-radius: 16px;\r\n padding: 28px;\r\n margin: 35px 0;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-contact h2 {\r\n color: #fff;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-contact a {\r\n color: #fff;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-contact .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-contact-item {\r\n background: rgba(255,255,255,.08);\r\n border-radius: 11px;\r\n padding: 16px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-contact-item i {\r\n color: #fff;\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-related {\r\n margin-top: 38px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0,1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-related-card {\r\n display: block;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 19px;\r\n text-decoration: none !important;\r\n color: inherit;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(23,56,47,.09);\r\n border-color: rgba(31,75,63,.3);\r\n}\r\n\r\n.fu-cuba-arbeit .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 1.4rem;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-related-card strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-cuba-arbeit .fu-related-card span {\r\n display: block;\r\n font-size: .9rem;\r\n color: #52625c;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .fu-cuba-arbeit .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-cuba-arbeit .fu-facts,\r\n .fu-cuba-arbeit .fu-grid,\r\n .fu-cuba-arbeit .fu-contact .fu-contact-grid,\r\n .fu-cuba-arbeit .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-cuba-arbeit .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-cuba-arbeit .fu-btn {\r\n justify-content: center;\r\n }\r\n\r\n .fu-cuba-arbeit .fu-jumpnav ul {\r\n display: block;\r\n }\r\n\r\n .fu-cuba-arbeit .fu-jumpnav li {\r\n margin-bottom: 7px;\r\n }\r\n\r\n .fu-cuba-arbeit .fu-jumpnav a {\r\n display: block;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 262 ===== */ @scope (.fu-article-262) { \r\n/* =========================================================\r\n FAST UMSONST – AIDSHILFE MÜNSTER\r\n Fachstelle für Sexualität und Gesundheit\r\n ========================================================= */\r\n\r\n.fu-aidshilfe {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e5e7e3;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-aidshilfe * {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-aidshilfe .fu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 72%, #285b4d 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-aidshilfe .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,.12);\r\n font-size: 28px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-aidshilfe .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.1;\r\n margin: 0 0 14px;\r\n font-weight: 750;\r\n}\r\n\r\n.fu-aidshilfe .fu-hero-lead {\r\n max-width: 820px;\r\n font-size: 1.12rem;\r\n margin: 0 0 26px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-aidshilfe .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-aidshilfe .fu-fact {\r\n background: rgba(255,255,255,.09);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 13px;\r\n padding: 16px;\r\n}\r\n\r\n.fu-aidshilfe .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: .98rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-aidshilfe .fu-fact span {\r\n color: rgba(255,255,255,.82);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-aidshilfe .fu-contact-line {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 22px;\r\n margin: 18px 0 24px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-aidshilfe .fu-contact-line i {\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-aidshilfe .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-aidshilfe .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-aidshilfe .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-aidshilfe .fu-btn-secondary {\r\n background: rgba(255,255,255,.10);\r\n color: #fff !important;\r\n border: 1px solid rgba(255,255,255,.28);\r\n}\r\n\r\n.fu-aidshilfe .fu-btn:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* JUMPNAV */\r\n\r\n.fu-aidshilfe .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-aidshilfe .fu-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-aidshilfe .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-aidshilfe .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 8px 12px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n color: var(--fu-green);\r\n text-decoration: none !important;\r\n font-size: .92rem;\r\n font-weight: 650;\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-aidshilfe .fu-section {\r\n margin: 0 0 38px;\r\n}\r\n\r\n.fu-aidshilfe .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.65rem;\r\n line-height: 1.2;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-aidshilfe .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-aidshilfe .fu-section-intro {\r\n font-size: 1.03rem;\r\n margin-bottom: 20px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-aidshilfe .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-aidshilfe .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-aidshilfe .fu-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.16rem;\r\n margin: 0 0 9px;\r\n}\r\n\r\n.fu-aidshilfe .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-aidshilfe .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-aidshilfe .fu-card ul {\r\n padding-left: 20px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-aidshilfe .fu-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-aidshilfe .fu-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-aidshilfe .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* OPENING HOURS */\r\n\r\n.fu-aidshilfe .fu-hours {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 10px;\r\n}\r\n\r\n.fu-aidshilfe .fu-hours td {\r\n padding: 9px 10px;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-aidshilfe .fu-hours td:first-child {\r\n font-weight: 700;\r\n width: 34%;\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-aidshilfe .fu-contact {\r\n background: var(--fu-paper);\r\n border-radius: 16px;\r\n padding: 26px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-aidshilfe .fu-contact h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-aidshilfe .fu-contact p {\r\n margin-bottom: 10px;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-aidshilfe .fu-related {\r\n margin-top: 42px;\r\n}\r\n\r\n.fu-aidshilfe .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-aidshilfe .fu-related-card {\r\n display: block;\r\n height: 100%;\r\n padding: 19px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--fu-dark);\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-aidshilfe .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n border-color: rgba(31,75,63,.35);\r\n}\r\n\r\n.fu-aidshilfe .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n margin-bottom: 9px;\r\n display: block;\r\n}\r\n\r\n.fu-aidshilfe .fu-related-card strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-aidshilfe .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width: 767px) {\r\n .fu-aidshilfe .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-aidshilfe .fu-facts,\r\n .fu-aidshilfe .fu-grid,\r\n .fu-aidshilfe .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-aidshilfe .fu-contact-line {\r\n flex-direction: column;\r\n gap: 7px;\r\n }\r\n\r\n .fu-aidshilfe .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-aidshilfe .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-aidshilfe .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-aidshilfe .fu-card,\r\n .fu-aidshilfe .fu-contact {\r\n padding: 19px;\r\n }\r\n\r\n .fu-aidshilfe .fu-hours td:first-child {\r\n width: 30%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 263 ===== */ @scope (.fu-article-263) { \r\n/* =========================================================\r\n FAST UMSONST – LIVAS E.V. MÜNSTER\r\n Beratungsstellen-Vorlage\r\n ========================================================= */\r\n\r\n.fu-livas {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-paper:#faf8f4;\r\n --fu-orange:#d97706;\r\n --fu-border:#e5e7e3;\r\n --fu-text:#26332f;\r\n --fu-muted:#66736e;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 16px 50px;\r\n color:var(--fu-text);\r\n font-family:inherit;\r\n}\r\n\r\n.fu-livas * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-livas h1,\r\n.fu-livas h2,\r\n.fu-livas h3 {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-livas a {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-livas .fu-hero {\r\n background:linear-gradient(135deg,#17382f 0%,#1f4b3f 55%,#285b4d 100%);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:34px 32px 30px;\r\n box-shadow:0 8px 24px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-livas .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.12);\r\n font-size:28px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-livas .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(28px,4vw,42px);\r\n line-height:1.1;\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-livas .fu-hero-lead {\r\n color:rgba(255,255,255,.92);\r\n font-size:18px;\r\n line-height:1.6;\r\n max-width:850px;\r\n margin:0 0 25px;\r\n}\r\n\r\n.fu-livas .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:14px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-livas .fu-fact {\r\n background:rgba(255,255,255,.10);\r\n border:1px solid rgba(255,255,255,.14);\r\n border-radius:13px;\r\n padding:17px;\r\n}\r\n\r\n.fu-livas .fu-fact i {\r\n font-size:20px;\r\n margin-right:6px;\r\n}\r\n\r\n.fu-livas .fu-fact strong {\r\n display:block;\r\n color:#fff;\r\n margin-bottom:5px;\r\n}\r\n\r\n.fu-livas .fu-fact span {\r\n display:block;\r\n color:rgba(255,255,255,.82);\r\n font-size:14px;\r\n line-height:1.45;\r\n}\r\n\r\n.fu-livas .fu-contact-line {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px 24px;\r\n color:rgba(255,255,255,.92);\r\n margin-bottom:22px;\r\n font-size:15px;\r\n}\r\n\r\n.fu-livas .fu-contact-line span {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n}\r\n\r\n.fu-livas .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n}\r\n\r\n.fu-livas .fu-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:#fff;\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-weight:700;\r\n font-size:14px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-livas .fu-actions a:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 5px 14px rgba(0,0,0,.15);\r\n}\r\n\r\n.fu-livas .fu-actions a.fu-primary {\r\n background:var(--fu-orange);\r\n color:#fff;\r\n}\r\n\r\n/* JUMP NAV */\r\n\r\n.fu-livas .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin:22px 0 38px;\r\n padding:12px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n}\r\n\r\n.fu-livas .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n padding:9px 13px;\r\n border-radius:9px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-size:14px;\r\n font-weight:600;\r\n}\r\n\r\n.fu-livas .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-livas .fu-section {\r\n margin:0 0 42px;\r\n scroll-margin-top:25px;\r\n}\r\n\r\n.fu-livas .fu-section h2 {\r\n font-size:28px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-livas .fu-section-intro {\r\n color:var(--fu-muted);\r\n font-size:16px;\r\n line-height:1.65;\r\n max-width:900px;\r\n margin:0 0 22px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-livas .fu-card-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-livas .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:22px;\r\n box-shadow:0 4px 15px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-livas .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n font-size:19px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-livas .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-livas .fu-card p {\r\n line-height:1.65;\r\n margin:0;\r\n}\r\n\r\n.fu-livas .fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:21px;\r\n}\r\n\r\n.fu-livas .fu-card li {\r\n margin-bottom:7px;\r\n line-height:1.5;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-livas .fu-highlight {\r\n background:#fff7ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:19px 21px;\r\n margin:22px 0;\r\n}\r\n\r\n.fu-livas .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-livas .fu-highlight p {\r\n margin:6px 0 0;\r\n line-height:1.6;\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-livas .fu-contact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:28px;\r\n}\r\n\r\n.fu-livas .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:24px;\r\n}\r\n\r\n.fu-livas .fu-contact h3 {\r\n margin:0 0 13px;\r\n font-size:21px;\r\n}\r\n\r\n.fu-livas .fu-contact p {\r\n line-height:1.65;\r\n margin:0 0 9px;\r\n}\r\n\r\n.fu-livas .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-livas .fu-contact-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-livas .fu-contact-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n.fu-livas .fu-contact-actions a:hover {\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-livas .fu-contact-actions a.fu-orange {\r\n background:var(--fu-orange);\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-livas .fu-related {\r\n margin-top:45px;\r\n}\r\n\r\n.fu-livas .fu-related h2 {\r\n font-size:27px;\r\n margin:0 0 18px;\r\n}\r\n\r\n.fu-livas .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-livas .fu-related-card {\r\n display:block;\r\n height:100%;\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n text-decoration:none;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-livas .fu-related-card:hover {\r\n transform:translateY(-3px);\r\n border-color:var(--fu-green);\r\n box-shadow:0 8px 20px rgba(23,56,47,.10);\r\n}\r\n\r\n.fu-livas .fu-related-card i {\r\n display:block;\r\n color:var(--fu-orange);\r\n font-size:24px;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-livas .fu-related-card strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:7px;\r\n font-size:17px;\r\n}\r\n\r\n.fu-livas .fu-related-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n line-height:1.5;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width:767px) {\r\n\r\n .fu-livas {\r\n padding:10px 10px 35px;\r\n }\r\n\r\n .fu-livas .fu-hero {\r\n padding:25px 20px 22px;\r\n border-radius:15px;\r\n }\r\n\r\n .fu-livas .fu-facts,\r\n .fu-livas .fu-card-grid,\r\n .fu-livas .fu-contact-grid,\r\n .fu-livas .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-livas .fu-hero h1 {\r\n font-size:30px;\r\n }\r\n\r\n .fu-livas .fu-hero-lead {\r\n font-size:16px;\r\n }\r\n\r\n .fu-livas .fu-actions a,\r\n .fu-livas .fu-contact-actions a {\r\n width:100%;\r\n }\r\n\r\n .fu-livas .fu-contact {\r\n padding:21px 18px;\r\n }\r\n\r\n .fu-livas .fu-jump {\r\n margin-bottom:30px;\r\n }\r\n\r\n .fu-livas .fu-section h2 {\r\n font-size:24px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 264 ===== */ @scope (.fu-article-264) { \r\n/* =========================================================\r\n FAST UMSONST – KCM MÜNSTER E.V.\r\n Einheitliches Beratungsstellen-Template\r\n Optik identisch zum Familienbüro-Template\r\n ========================================================= */\r\n\r\n.fu-kcm {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 20px 16px 50px;\r\n color: #26332e;\r\n font-size: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-kcm * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-kcm .fu-hero {\r\n background: linear-gradient(135deg, #1f4b3f 0%, #17382f 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 34px 32px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 8px 24px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-kcm .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n margin-bottom: 18px;\r\n font-size: 28px;\r\n}\r\n\r\n.fu-kcm .fu-hero h1 {\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: 2.15rem;\r\n line-height: 1.2;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-kcm .fu-hero-lead {\r\n max-width: 850px;\r\n margin: 0;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-kcm .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin-top: 24px;\r\n}\r\n\r\n.fu-kcm .fu-fact {\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 14px;\r\n padding: 15px 16px;\r\n}\r\n\r\n.fu-kcm .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-kcm .fu-fact span {\r\n color: rgba(255,255,255,.82);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-kcm .fu-contact-line {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px 22px;\r\n align-items: center;\r\n margin: 18px 0 0;\r\n color: rgba(255,255,255,.88);\r\n font-size: .95rem;\r\n}\r\n\r\n.fu-kcm .fu-contact-line i {\r\n margin-right: 5px;\r\n}\r\n\r\n.fu-kcm .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 22px;\r\n}\r\n\r\n.fu-kcm .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-height: 44px;\r\n padding: 10px 17px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-kcm .fu-btn:hover {\r\n transform: translateY(-1px);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-kcm .fu-btn-light {\r\n background: #fff;\r\n color: #1f4b3f !important;\r\n}\r\n\r\n.fu-kcm .fu-btn-light:hover {\r\n background: #faf8f4;\r\n color: #17382f !important;\r\n}\r\n\r\n.fu-kcm .fu-btn-orange {\r\n background: #d97706;\r\n color: #fff !important;\r\n}\r\n\r\n.fu-kcm .fu-btn-orange:hover {\r\n background: #b86105;\r\n color: #fff !important;\r\n}\r\n\r\n.fu-kcm .fu-jump {\r\n background: #faf8f4;\r\n border: 1px solid #e6e1d8;\r\n border-radius: 14px;\r\n padding: 15px 17px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 3px 12px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-kcm .fu-jump-title {\r\n font-weight: 700;\r\n color: #1f4b3f;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.fu-kcm .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-kcm .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 8px 12px;\r\n border-radius: 9px;\r\n background: #fff;\r\n color: #1f4b3f !important;\r\n border: 1px solid #ddd8cf;\r\n text-decoration: none !important;\r\n font-size: .93rem;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-kcm .fu-jump a:hover {\r\n background: #1f4b3f;\r\n color: #fff !important;\r\n border-color: #1f4b3f;\r\n}\r\n\r\n.fu-kcm .fu-section {\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-kcm .fu-section h2 {\r\n margin: 0 0 15px;\r\n color: #1f4b3f;\r\n font-size: 1.65rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-kcm .fu-section-intro {\r\n margin: 0 0 18px;\r\n color: #53615b;\r\n}\r\n\r\n.fu-kcm .fu-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-kcm .fu-card {\r\n background: #fff;\r\n border: 1px solid #e5e1d9;\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: 0 5px 16px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-kcm .fu-card h3 {\r\n margin: 0 0 9px;\r\n color: #1f4b3f;\r\n font-size: 1.15rem;\r\n line-height: 1.35;\r\n}\r\n\r\n.fu-kcm .fu-card h3 i {\r\n margin-right: 7px;\r\n color: #d97706;\r\n}\r\n\r\n.fu-kcm .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-kcm .fu-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 20px;\r\n}\r\n\r\n.fu-kcm .fu-card li {\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-kcm .fu-highlight {\r\n margin-top: 18px;\r\n padding: 18px 20px;\r\n border-left: 5px solid #d97706;\r\n background: #fff7ed;\r\n border-radius: 12px;\r\n}\r\n\r\n.fu-kcm .fu-highlight strong {\r\n color: #8a4b08;\r\n}\r\n\r\n.fu-kcm .fu-contact {\r\n background: #f5f7f5;\r\n border-radius: 18px;\r\n padding: 26px;\r\n margin-top: 12px;\r\n}\r\n\r\n.fu-kcm .fu-contact h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-kcm .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n}\r\n\r\n.fu-kcm .fu-contact-box {\r\n background: #fff;\r\n border: 1px solid #e5e1d9;\r\n border-radius: 14px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-kcm .fu-contact-box h3 {\r\n margin: 0 0 12px;\r\n color: #1f4b3f;\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-kcm .fu-contact-box p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-kcm .fu-hours {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 6px;\r\n}\r\n\r\n.fu-kcm .fu-hours th,\r\n.fu-kcm .fu-hours td {\r\n padding: 8px 6px;\r\n border-bottom: 1px solid #e7e3dc;\r\n text-align: left;\r\n vertical-align: top;\r\n}\r\n\r\n.fu-kcm .fu-hours th {\r\n color: #1f4b3f;\r\n width: 42%;\r\n}\r\n\r\n.fu-kcm .fu-contact-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-kcm .fu-related {\r\n margin-top: 34px;\r\n}\r\n\r\n.fu-kcm .fu-related h2 {\r\n margin-bottom: 15px;\r\n}\r\n\r\n.fu-kcm .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-kcm .fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid #e5e1d9;\r\n border-radius: 15px;\r\n padding: 19px;\r\n color: #26332e !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 5px 15px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-kcm .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n border-color: #1f4b3f;\r\n box-shadow: 0 8px 20px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-kcm .fu-related-card i {\r\n display: block;\r\n margin-bottom: 10px;\r\n color: #d97706;\r\n font-size: 23px;\r\n}\r\n\r\n.fu-kcm .fu-related-card strong {\r\n display: block;\r\n color: #1f4b3f;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-kcm .fu-related-card span {\r\n display: block;\r\n color: #66716c;\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-kcm a {\r\n color: #1f4b3f;\r\n}\r\n\r\n.fu-kcm .fu-muted {\r\n color: #66716c;\r\n font-size: .94rem;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .fu-kcm {\r\n padding: 12px 12px 38px;\r\n }\r\n\r\n .fu-kcm .fu-hero {\r\n padding: 26px 20px 22px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-kcm .fu-hero h1 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .fu-kcm .fu-facts,\r\n .fu-kcm .fu-card-grid,\r\n .fu-kcm .fu-contact-grid,\r\n .fu-kcm .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-kcm .fu-actions,\r\n .fu-kcm .fu-contact-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-kcm .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-kcm .fu-contact {\r\n padding: 20px;\r\n }\r\n\r\n .fu-kcm .fu-jump-links {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-kcm .fu-jump a {\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 265 ===== */ @scope (.fu-article-265) { \r\n/* =========================================================\r\n FAST UMSONST – ALTES BACKHAUS E.V.\r\n Begegnung & Bildung für ältere Menschen\r\n ========================================================= */\r\n\r\n.fu-backhaus {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 34px rgba(31,75,63,.14);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 0 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-backhaus *,\r\n.fu-backhaus *::before,\r\n.fu-backhaus *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-backhaus .fu-hero {\r\n background:\r\n linear-gradient(135deg,\r\n var(--fu-green-dark) 0%,\r\n var(--fu-green) 58%,\r\n #286052 100%);\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.fu-backhaus .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:230px;\r\n height:230px;\r\n right:-75px;\r\n top:-90px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-backhaus .fu-hero-inner {\r\n position:relative;\r\n z-index:2;\r\n max-width:820px;\r\n}\r\n\r\n.fu-backhaus .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n font-size:.88rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n opacity:.92;\r\n}\r\n\r\n.fu-backhaus .fu-kicker i {\r\n font-size:1rem;\r\n}\r\n\r\n.fu-backhaus h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-backhaus .fu-hero p {\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n max-width:780px;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-backhaus .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px 30px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-backhaus .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-backhaus .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-backhaus .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n line-height:1.3;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-backhaus .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-backhaus .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-backhaus .fu-btn-secondary {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark) !important;\r\n border:1px solid #cfe0d9;\r\n}\r\n\r\n.fu-backhaus .fu-btn-secondary:hover {\r\n background:#dcebe5;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n QUICK CARDS\r\n ========================================================= */\r\n\r\n.fu-backhaus .fu-quick {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n margin:26px 0;\r\n}\r\n\r\n.fu-backhaus .fu-quick-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-backhaus .fu-quick-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-backhaus .fu-quick-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-backhaus .fu-quick-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-backhaus .fu-section {\r\n margin:30px 0;\r\n}\r\n\r\n.fu-backhaus .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 17px;\r\n padding-bottom:10px;\r\n border-bottom:2px solid var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-backhaus .fu-section-title i {\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n}\r\n\r\n/* =========================================================\r\n OFFER CARDS\r\n ========================================================= */\r\n\r\n.fu-backhaus .fu-offer-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:17px;\r\n}\r\n\r\n.fu-backhaus .fu-offer {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:21px;\r\n box-shadow:var(--fu-shadow);\r\n transition:transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-backhaus .fu-offer:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-backhaus .fu-offer-icon {\r\n width:42px;\r\n height:42px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:11px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-backhaus .fu-offer h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-backhaus .fu-offer p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-backhaus .fu-highlight {\r\n background:var(--fu-green-soft);\r\n border:1px solid #d8e6df;\r\n border-radius:17px;\r\n padding:26px 28px;\r\n}\r\n\r\n.fu-backhaus .fu-highlight p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n EHRENAMT\r\n ========================================================= */\r\n\r\n.fu-backhaus .fu-volunteer {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-backhaus .fu-volunteer-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:23px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-backhaus .fu-volunteer-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n margin:0 0 9px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-backhaus .fu-volunteer-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-backhaus .fu-volunteer-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-backhaus .fu-note {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d4a8;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:13px;\r\n padding:18px 20px;\r\n margin:24px 0;\r\n}\r\n\r\n.fu-backhaus .fu-note p {\r\n margin:0;\r\n}\r\n\r\n.fu-backhaus .fu-note strong {\r\n color:#874b04;\r\n}\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-backhaus .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-backhaus .fu-contact-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:25px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-backhaus .fu-contact-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n margin:0 0 15px;\r\n color:var(--fu-green-dark);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-backhaus .fu-contact-card h3 i {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-backhaus .fu-contact-card p {\r\n margin:7px 0;\r\n}\r\n\r\n.fu-backhaus .fu-contact-card a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:underline;\r\n text-decoration-thickness:1px;\r\n text-underline-offset:2px;\r\n}\r\n\r\n.fu-backhaus .fu-contact-card a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n OPENING HOURS\r\n ========================================================= */\r\n\r\n.fu-backhaus .fu-hours {\r\n background:var(--fu-green-soft);\r\n border:1px solid #d8e6df;\r\n border-radius:15px;\r\n padding:21px;\r\n}\r\n\r\n.fu-backhaus .fu-hours-row {\r\n display:flex;\r\n justify-content:space-between;\r\n gap:20px;\r\n padding:8px 0;\r\n border-bottom:1px solid rgba(31,75,63,.10);\r\n}\r\n\r\n.fu-backhaus .fu-hours-row:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-backhaus .fu-hours-row strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-backhaus .fu-hours-row span {\r\n color:var(--fu-muted);\r\n text-align:right;\r\n}\r\n\r\n/* =========================================================\r\n BACK\r\n ========================================================= */\r\n\r\n.fu-backhaus .fu-back {\r\n margin-top:32px;\r\n text-align:center;\r\n}\r\n\r\n.fu-backhaus .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 18px;\r\n border-radius:10px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark) !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n border:1px solid #cfe0d9;\r\n}\r\n\r\n.fu-backhaus .fu-back a:hover {\r\n background:#dcebe5;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-backhaus .fu-offer-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-backhaus {\r\n padding-left:8px;\r\n padding-right:8px;\r\n }\r\n\r\n .fu-backhaus .fu-hero {\r\n padding:32px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-backhaus .fu-quick,\r\n .fu-backhaus .fu-volunteer,\r\n .fu-backhaus .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-backhaus .fu-offer-grid {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:560px) {\r\n\r\n .fu-backhaus .fu-hero {\r\n padding:27px 20px;\r\n }\r\n\r\n .fu-backhaus .fu-intro,\r\n .fu-backhaus .fu-contact-card,\r\n .fu-backhaus .fu-highlight,\r\n .fu-backhaus .fu-volunteer-card {\r\n padding:21px;\r\n }\r\n\r\n .fu-backhaus .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-backhaus .fu-btn {\r\n width:100%;\r\n }\r\n\r\n .fu-backhaus .fu-hours-row {\r\n display:block;\r\n }\r\n\r\n .fu-backhaus .fu-hours-row span {\r\n display:block;\r\n text-align:left;\r\n margin-top:2px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 266 ===== */ @scope (.fu-article-266) { \r\n/* =========================================================\r\n FAST UMSONST – FAMILIENBILDUNG FRIEDENSSTRASSE\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-fbf {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 18px 50px;\r\n color:var(--fu-text);\r\n font-family:inherit;\r\n}\r\n\r\n.fu-fbf * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-fbf a {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-fbf .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:38px 34px;\r\n margin-bottom:22px;\r\n box-shadow:0 12px 30px rgba(0,0,0,.14);\r\n}\r\n\r\n.fu-fbf .fu-hero-icon {\r\n width:68px;\r\n height:68px;\r\n border-radius:18px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:rgba(255,255,255,.14);\r\n font-size:2rem;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-fbf .fu-hero h1 {\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.12;\r\n font-weight:700;\r\n}\r\n\r\n.fu-fbf .fu-hero p {\r\n margin:0;\r\n max-width:850px;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-fbf .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n margin:0 0 22px;\r\n}\r\n\r\n.fu-fbf .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-size:.92rem;\r\n font-weight:600;\r\n box-shadow:0 3px 10px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-fbf .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-fbf .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px 27px;\r\n margin-bottom:28px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-fbf .fu-intro p {\r\n line-height:1.7;\r\n}\r\n\r\n.fu-fbf .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-fbf .fu-section {\r\n margin-top:34px;\r\n scroll-margin-top:110px;\r\n}\r\n\r\n.fu-fbf .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 17px;\r\n color:var(--fu-green);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n font-weight:700;\r\n}\r\n\r\n.fu-fbf .fu-section-title i {\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-fbf .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-fbf .fu-card {\r\n background:var(--fu-card);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:23px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.07);\r\n height:100%;\r\n}\r\n\r\n.fu-fbf .fu-card h3 {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:10px;\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:1.22rem;\r\n line-height:1.35;\r\n}\r\n\r\n.fu-fbf .fu-card h3 i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-fbf .fu-card p {\r\n line-height:1.65;\r\n margin-bottom:12px;\r\n}\r\n\r\n.fu-fbf .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-fbf .fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:1.25rem;\r\n}\r\n\r\n.fu-fbf .fu-card li {\r\n margin-bottom:8px;\r\n line-height:1.55;\r\n}\r\n\r\n.fu-fbf .fu-meta {\r\n margin-top:17px;\r\n padding-top:15px;\r\n border-top:1px solid var(--fu-border);\r\n font-size:.95rem;\r\n}\r\n\r\n.fu-fbf .fu-meta div {\r\n display:flex;\r\n gap:9px;\r\n margin-bottom:9px;\r\n align-items:flex-start;\r\n}\r\n\r\n.fu-fbf .fu-meta div:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-fbf .fu-meta i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n margin-top:3px;\r\n}\r\n\r\n.fu-fbf .fu-meta a {\r\n text-decoration:none;\r\n}\r\n\r\n.fu-fbf .fu-meta a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-fbf .fu-note {\r\n background:var(--fu-highlight);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:19px 21px;\r\n margin:22px 0;\r\n line-height:1.6;\r\n}\r\n\r\n.fu-fbf .fu-note strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-fbf .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-fbf .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:42px;\r\n padding:9px 15px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.93rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-fbf .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-fbf .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-fbf .fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-fbf .fu-btn-light:hover {\r\n background:var(--fu-paper);\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-fbf .fu-badge {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n background:#edf5f1;\r\n color:var(--fu-green);\r\n border-radius:999px;\r\n padding:5px 10px;\r\n font-size:.83rem;\r\n font-weight:700;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-fbf .fu-links {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:14px;\r\n}\r\n\r\n.fu-fbf .fu-link-card {\r\n display:block;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px 19px;\r\n color:var(--fu-text);\r\n text-decoration:none;\r\n box-shadow:0 5px 15px rgba(0,0,0,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-fbf .fu-link-card:hover {\r\n border-color:var(--fu-green);\r\n transform:translateY(-2px);\r\n box-shadow:0 9px 20px rgba(0,0,0,.09);\r\n}\r\n\r\n.fu-fbf .fu-link-card strong {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n color:var(--fu-green);\r\n margin-bottom:6px;\r\n}\r\n\r\n.fu-fbf .fu-link-card strong i {\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-fbf .fu-link-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.93rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-fbf .fu-source {\r\n margin-top:30px;\r\n padding:17px 20px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n line-height:1.55;\r\n}\r\n\r\n.fu-fbf .fu-source a {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-fbf .fu-top {\r\n text-align:right;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-fbf .fu-top a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.92rem;\r\n}\r\n\r\n@media (max-width:760px) {\r\n .fu-fbf {\r\n padding:15px 12px 40px;\r\n }\r\n\r\n .fu-fbf .fu-hero {\r\n padding:30px 24px;\r\n }\r\n\r\n .fu-fbf .fu-grid,\r\n .fu-fbf .fu-links {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n .fu-fbf .fu-hero {\r\n border-radius:17px;\r\n padding:25px 20px;\r\n }\r\n\r\n .fu-fbf .fu-hero h1 {\r\n font-size:1.85rem;\r\n }\r\n\r\n .fu-fbf .fu-card,\r\n .fu-fbf .fu-intro {\r\n padding:19px;\r\n }\r\n\r\n .fu-fbf .fu-jump a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-fbf .fu-actions {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-fbf .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 267 ===== */ @scope (.fu-article-267) { \r\n/* =========================================================\r\n FAST UMSONST – AS B\r\n Arbeitskreis Soziale Bildung und Beratung e.V.\r\n Modernes Kartenlayout\r\n ========================================================= */\r\n\r\n.fu-asb {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 34px rgba(31,75,63,.14);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 0 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-asb *,\r\n.fu-asb *::before,\r\n.fu-asb *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-asb .fu-hero {\r\n background:\r\n linear-gradient(135deg,\r\n var(--fu-green-dark) 0%,\r\n var(--fu-green) 58%,\r\n #286052 100%);\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.fu-asb .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:230px;\r\n height:230px;\r\n right:-75px;\r\n top:-90px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-asb .fu-hero-inner {\r\n position:relative;\r\n z-index:2;\r\n max-width:830px;\r\n}\r\n\r\n.fu-asb .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n font-size:.88rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n opacity:.92;\r\n}\r\n\r\n.fu-asb .fu-kicker i {\r\n font-size:1rem;\r\n}\r\n\r\n.fu-asb h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-asb .fu-hero p {\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n max-width:790px;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-asb .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px 30px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-asb .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-asb .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-asb .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n line-height:1.3;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-asb .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-asb .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-asb .fu-btn-secondary {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark) !important;\r\n border:1px solid #cfe0d9;\r\n}\r\n\r\n.fu-asb .fu-btn-secondary:hover {\r\n background:#dcebe5;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n QUICK CARDS\r\n ========================================================= */\r\n\r\n.fu-asb .fu-quick {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n margin:26px 0;\r\n}\r\n\r\n.fu-asb .fu-quick-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-asb .fu-quick-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-asb .fu-quick-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-asb .fu-quick-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTION\r\n ========================================================= */\r\n\r\n.fu-asb .fu-section {\r\n margin:30px 0;\r\n}\r\n\r\n.fu-asb .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 17px;\r\n padding-bottom:10px;\r\n border-bottom:2px solid var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-asb .fu-section-title i {\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-asb .fu-card-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:17px;\r\n}\r\n\r\n.fu-asb .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n transition:transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-asb .fu-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-asb .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 9px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-asb .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-asb .fu-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.96rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-asb .fu-highlight {\r\n background:var(--fu-green-soft);\r\n border:1px solid #d8e6df;\r\n border-radius:17px;\r\n padding:26px 28px;\r\n}\r\n\r\n.fu-asb .fu-highlight p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n OFFER GRID\r\n ========================================================= */\r\n\r\n.fu-asb .fu-offer-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:17px;\r\n}\r\n\r\n.fu-asb .fu-offer {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:21px;\r\n box-shadow:var(--fu-shadow);\r\n transition:transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-asb .fu-offer:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-asb .fu-offer-icon {\r\n width:42px;\r\n height:42px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:11px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-asb .fu-offer h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-asb .fu-offer p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n}\r\n\r\n/* =========================================================\r\n LIST\r\n ========================================================= */\r\n\r\n.fu-asb .fu-list {\r\n list-style:none;\r\n padding:0;\r\n margin:15px 0 0;\r\n}\r\n\r\n.fu-asb .fu-list li {\r\n position:relative;\r\n padding:8px 0 8px 31px;\r\n border-bottom:1px solid rgba(31,75,63,.10);\r\n}\r\n\r\n.fu-asb .fu-list li:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-asb .fu-list li i {\r\n position:absolute;\r\n left:0;\r\n top:10px;\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n NOTE\r\n ========================================================= */\r\n\r\n.fu-asb .fu-note {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d4a8;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:13px;\r\n padding:18px 20px;\r\n margin:24px 0;\r\n}\r\n\r\n.fu-asb .fu-note p {\r\n margin:0;\r\n}\r\n\r\n.fu-asb .fu-note strong {\r\n color:#874b04;\r\n}\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-asb .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-asb .fu-contact-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:25px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-asb .fu-contact-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n margin:0 0 15px;\r\n color:var(--fu-green-dark);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-asb .fu-contact-card h3 i {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-asb .fu-contact-card p {\r\n margin:7px 0;\r\n}\r\n\r\n.fu-asb .fu-contact-card a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:underline;\r\n text-decoration-thickness:1px;\r\n text-underline-offset:2px;\r\n}\r\n\r\n.fu-asb .fu-contact-card a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HOURS\r\n ========================================================= */\r\n\r\n.fu-asb .fu-hours {\r\n background:var(--fu-green-soft);\r\n border:1px solid #d8e6df;\r\n border-radius:15px;\r\n padding:21px;\r\n}\r\n\r\n.fu-asb .fu-hours-row {\r\n display:flex;\r\n justify-content:space-between;\r\n gap:20px;\r\n padding:9px 0;\r\n border-bottom:1px solid rgba(31,75,63,.10);\r\n}\r\n\r\n.fu-asb .fu-hours-row:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-asb .fu-hours-row strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-asb .fu-hours-row span {\r\n color:var(--fu-muted);\r\n text-align:right;\r\n}\r\n\r\n/* =========================================================\r\n BACK\r\n ========================================================= */\r\n\r\n.fu-asb .fu-back {\r\n margin-top:32px;\r\n text-align:center;\r\n}\r\n\r\n.fu-asb .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 18px;\r\n border-radius:10px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark) !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n border:1px solid #cfe0d9;\r\n}\r\n\r\n.fu-asb .fu-back a:hover {\r\n background:#dcebe5;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-asb .fu-offer-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-asb {\r\n padding-left:8px;\r\n padding-right:8px;\r\n }\r\n\r\n .fu-asb .fu-hero {\r\n padding:32px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-asb .fu-quick,\r\n .fu-asb .fu-card-grid,\r\n .fu-asb .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-asb .fu-offer-grid {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:560px) {\r\n\r\n .fu-asb .fu-hero {\r\n padding:27px 20px;\r\n }\r\n\r\n .fu-asb .fu-intro,\r\n .fu-asb .fu-contact-card,\r\n .fu-asb .fu-highlight {\r\n padding:21px;\r\n }\r\n\r\n .fu-asb .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-asb .fu-btn {\r\n width:100%;\r\n }\r\n\r\n .fu-asb .fu-hours-row {\r\n display:block;\r\n }\r\n\r\n .fu-asb .fu-hours-row span {\r\n display:block;\r\n text-align:left;\r\n margin-top:2px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 268 ===== */ @scope (.fu-article-268) { \r\n/* =========================================================\r\n FAST UMSONST – BILDUNGSINSTITUT MÜNSTER E.V. (BIMS)\r\n Weiterbildung / Bildung / Berufliche Integration\r\n ========================================================= */\r\n\r\n.fu-bims {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 12px 30px rgba(31,75,63,.13);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 15px 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-bims *,\r\n.fu-bims *::before,\r\n.fu-bims *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-bims a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-bims a:hover {\r\n color:var(--fu-green-dark);\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-bims p {\r\n margin:0 0 1rem;\r\n}\r\n\r\n.fu-bims ul {\r\n margin:0 0 1rem;\r\n padding-left:1.25rem;\r\n}\r\n\r\n.fu-bims li {\r\n margin-bottom:.45rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-bims .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(\r\n 135deg,\r\n var(--fu-green-dark) 0%,\r\n var(--fu-green) 68%,\r\n #2b6252 100%\r\n );\r\n color:#fff;\r\n border-radius:20px;\r\n padding:40px 34px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-bims .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:240px;\r\n height:240px;\r\n right:-80px;\r\n top:-90px;\r\n border:38px solid rgba(255,255,255,.08);\r\n border-radius:50%;\r\n}\r\n\r\n.fu-bims .fu-hero-inner {\r\n position:relative;\r\n z-index:2;\r\n max-width:850px;\r\n}\r\n\r\n.fu-bims .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.18);\r\n border-radius:999px;\r\n padding:6px 13px;\r\n margin-bottom:14px;\r\n font-size:.88rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-bims .fu-hero h1 {\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:750;\r\n}\r\n\r\n.fu-bims .fu-hero p {\r\n margin:0;\r\n max-width:820px;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-bims .fu-hero-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:24px;\r\n}\r\n\r\n.fu-bims .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 17px;\r\n border-radius:10px;\r\n font-weight:650;\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-bims .fu-btn-primary {\r\n background:#fff;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n.fu-bims .fu-btn-primary:hover {\r\n background:var(--fu-green-light);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-bims .fu-btn-outline {\r\n border:1px solid rgba(255,255,255,.45);\r\n color:#fff !important;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-bims .fu-btn-outline:hover {\r\n background:rgba(255,255,255,.15);\r\n}\r\n\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-bims .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:27px 29px;\r\n margin-bottom:24px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-bims .fu-intro strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n QUICK CARDS\r\n ========================================================= */\r\n\r\n.fu-bims .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n margin:24px 0;\r\n}\r\n\r\n.fu-bims .fu-card {\r\n height:100%;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:23px;\r\n box-shadow:var(--fu-shadow);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-bims .fu-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-bims .fu-card-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-bims .fu-card h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-bims .fu-card p {\r\n color:var(--fu-muted);\r\n font-size:.96rem;\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n JUMP NAV\r\n ========================================================= */\r\n\r\n.fu-bims .fu-jump {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:20px 22px;\r\n margin:26px 0 34px;\r\n}\r\n\r\n.fu-bims .fu-jump-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-weight:700;\r\n}\r\n\r\n.fu-bims .fu-jump-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n\r\n.fu-bims .fu-jump-links a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:9px;\r\n padding:8px 12px;\r\n font-size:.92rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-bims .fu-jump-links a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SECTION\r\n ========================================================= */\r\n\r\n.fu-bims .fu-section {\r\n margin:38px 0;\r\n}\r\n\r\n.fu-bims .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n color:var(--fu-green-dark);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n margin:0 0 17px;\r\n}\r\n\r\n.fu-bims .fu-section h2 i {\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-bims .fu-section h3 {\r\n color:var(--fu-green-dark);\r\n margin:0 0 7px;\r\n font-size:1.15rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-bims .fu-highlight {\r\n background:var(--fu-green-light);\r\n border-left:5px solid var(--fu-green);\r\n border-radius:12px;\r\n padding:20px 22px;\r\n margin:22px 0;\r\n}\r\n\r\n.fu-bims .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n OFFER CARDS\r\n ========================================================= */\r\n\r\n.fu-bims .fu-offer {\r\n display:grid;\r\n grid-template-columns:58px 1fr;\r\n gap:17px;\r\n align-items:start;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:20px;\r\n margin-bottom:14px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.055);\r\n}\r\n\r\n.fu-bims .fu-offer-icon {\r\n width:58px;\r\n height:58px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:14px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-bims .fu-offer h3 {\r\n margin:0 0 6px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-bims .fu-offer p {\r\n margin-bottom:8px;\r\n}\r\n\r\n.fu-bims .fu-small {\r\n color:var(--fu-muted);\r\n font-size:.93rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n TOPIC GRID\r\n ========================================================= */\r\n\r\n.fu-bims .fu-topic-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-bims .fu-topic {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n padding:14px 16px;\r\n}\r\n\r\n.fu-bims .fu-topic i {\r\n color:var(--fu-green);\r\n margin-top:4px;\r\n flex:0 0 auto;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ORANGE NOTE\r\n ========================================================= */\r\n\r\n.fu-bims .fu-note {\r\n display:flex;\r\n gap:14px;\r\n align-items:flex-start;\r\n background:var(--fu-orange-light);\r\n border:1px solid #f1d6b0;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:13px;\r\n padding:18px 20px;\r\n margin:23px 0;\r\n}\r\n\r\n.fu-bims .fu-note i {\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-bims .fu-note strong {\r\n color:#7a4706;\r\n}\r\n\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-bims .fu-contact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:27px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-bims .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-bims .fu-contact-item {\r\n display:flex;\r\n gap:12px;\r\n align-items:flex-start;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n padding:15px;\r\n}\r\n\r\n.fu-bims .fu-contact-item i {\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n margin-top:3px;\r\n}\r\n\r\n.fu-bims .fu-contact-item strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-bims .fu-contact-item a {\r\n font-size:.95rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n EXTERNAL LINK\r\n ========================================================= */\r\n\r\n.fu-bims .fu-external {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n font-weight:650;\r\n}\r\n\r\n.fu-bims .fu-external i {\r\n font-size:.8rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BACK\r\n ========================================================= */\r\n\r\n.fu-bims .fu-back {\r\n margin-top:35px;\r\n padding-top:22px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-bims .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-weight:650;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-bims .fu-grid {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n .fu-bims .fu-topic-grid,\r\n .fu-bims .fu-contact-grid {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-bims {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-bims .fu-hero {\r\n padding:28px 22px;\r\n border-radius:16px;\r\n }\r\n\r\n .fu-bims .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-bims .fu-intro,\r\n .fu-bims .fu-card,\r\n .fu-bims .fu-contact {\r\n padding:20px;\r\n }\r\n\r\n .fu-bims .fu-offer {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-bims .fu-offer-icon {\r\n width:50px;\r\n height:50px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 269 ===== */ @scope (.fu-article-269) { \r\n/* =========================================================\r\n FAST UMSONST – BÜRGERHAUS BENNOHAUS\r\n Modernes Kartenlayout\r\n ========================================================= */\r\n\r\n.fu-bennohaus {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 34px rgba(31,75,63,.14);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 0 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-bennohaus *,\r\n.fu-bennohaus *::before,\r\n.fu-bennohaus *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-hero {\r\n background:\r\n linear-gradient(135deg,\r\n var(--fu-green-dark) 0%,\r\n var(--fu-green) 58%,\r\n #286052 100%);\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.fu-bennohaus .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:230px;\r\n height:230px;\r\n right:-75px;\r\n top:-90px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-bennohaus .fu-hero-inner {\r\n position:relative;\r\n z-index:2;\r\n max-width:820px;\r\n}\r\n\r\n.fu-bennohaus .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n font-size:.88rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n opacity:.92;\r\n}\r\n\r\n.fu-bennohaus .fu-kicker i {\r\n font-size:1rem;\r\n}\r\n\r\n.fu-bennohaus h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-bennohaus .fu-hero p {\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n max-width:780px;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px 30px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-bennohaus .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-bennohaus .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n line-height:1.3;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-bennohaus .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-bennohaus .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-bennohaus .fu-btn-secondary {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark) !important;\r\n border:1px solid #cfe0d9;\r\n}\r\n\r\n.fu-bennohaus .fu-btn-secondary:hover {\r\n background:#dcebe5;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n QUICK CARDS\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-quick {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n margin:26px 0;\r\n}\r\n\r\n.fu-bennohaus .fu-quick-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-bennohaus .fu-quick-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-bennohaus .fu-quick-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-bennohaus .fu-quick-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTION\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-section {\r\n margin:30px 0;\r\n}\r\n\r\n.fu-bennohaus .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 17px;\r\n padding-bottom:10px;\r\n border-bottom:2px solid var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-bennohaus .fu-section-title i {\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-card-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:17px;\r\n}\r\n\r\n.fu-bennohaus .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n transition:transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-bennohaus .fu-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-bennohaus .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 9px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-bennohaus .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-bennohaus .fu-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.96rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT BOX\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-highlight {\r\n background:var(--fu-green-soft);\r\n border:1px solid #d8e6df;\r\n border-radius:17px;\r\n padding:26px 28px;\r\n}\r\n\r\n.fu-bennohaus .fu-highlight p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n MEDIENBOX\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-media-box {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-bennohaus .fu-media-card {\r\n background:var(--fu-green-soft);\r\n border:1px solid #d8e6df;\r\n border-radius:16px;\r\n padding:22px;\r\n}\r\n\r\n.fu-bennohaus .fu-media-card h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-bennohaus .fu-media-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n INFO / HINWEIS\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-note {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d4a8;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:13px;\r\n padding:18px 20px;\r\n margin:24px 0;\r\n}\r\n\r\n.fu-bennohaus .fu-note p {\r\n margin:0;\r\n}\r\n\r\n.fu-bennohaus .fu-note strong {\r\n color:#874b04;\r\n}\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-bennohaus .fu-contact-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:25px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-bennohaus .fu-contact-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n margin:0 0 15px;\r\n color:var(--fu-green-dark);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-bennohaus .fu-contact-card h3 i {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-bennohaus .fu-contact-card p {\r\n margin:7px 0;\r\n}\r\n\r\n.fu-bennohaus .fu-contact-card a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:underline;\r\n text-decoration-thickness:1px;\r\n text-underline-offset:2px;\r\n}\r\n\r\n.fu-bennohaus .fu-contact-card a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n ANFAHRT\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-route {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:25px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-bennohaus .fu-route-list {\r\n list-style:none;\r\n padding:0;\r\n margin:15px 0 0;\r\n}\r\n\r\n.fu-bennohaus .fu-route-list li {\r\n position:relative;\r\n padding:8px 0 8px 31px;\r\n border-bottom:1px solid rgba(31,75,63,.10);\r\n}\r\n\r\n.fu-bennohaus .fu-route-list li:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-bennohaus .fu-route-list li i {\r\n position:absolute;\r\n left:0;\r\n top:10px;\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n BACK\r\n ========================================================= */\r\n\r\n.fu-bennohaus .fu-back {\r\n margin-top:32px;\r\n text-align:center;\r\n}\r\n\r\n.fu-bennohaus .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 18px;\r\n border-radius:10px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark) !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n border:1px solid #cfe0d9;\r\n}\r\n\r\n.fu-bennohaus .fu-back a:hover {\r\n background:#dcebe5;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-bennohaus {\r\n padding-left:8px;\r\n padding-right:8px;\r\n }\r\n\r\n .fu-bennohaus .fu-hero {\r\n padding:32px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-bennohaus .fu-quick,\r\n .fu-bennohaus .fu-card-grid,\r\n .fu-bennohaus .fu-media-box,\r\n .fu-bennohaus .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:560px) {\r\n\r\n .fu-bennohaus .fu-hero {\r\n padding:27px 20px;\r\n }\r\n\r\n .fu-bennohaus .fu-intro,\r\n .fu-bennohaus .fu-contact-card,\r\n .fu-bennohaus .fu-route,\r\n .fu-bennohaus .fu-highlight {\r\n padding:21px;\r\n }\r\n\r\n .fu-bennohaus .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-bennohaus .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 270 ===== */ @scope (.fu-article-270) { \r\n/* =========================================================\r\n FAST UMSONST – EVANGELISCHE FAMILIENBILDUNGSSTÄTTE FABI\r\n Modernes Kartenlayout\r\n ========================================================= */\r\n\r\n.fu-fabi {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 12px 30px rgba(31,75,63,.13);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-fabi *,\r\n.fu-fabi *::before,\r\n.fu-fabi *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HERO\r\n --------------------------------------------------------- */\r\n\r\n.fu-fabi .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 28px;\r\n padding:42px 34px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:\r\n radial-gradient(circle at 85% 15%, rgba(255,255,255,.12), transparent 30%),\r\n linear-gradient(135deg, var(--fu-green-dark), var(--fu-green));\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-fabi .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:180px;\r\n height:180px;\r\n right:-70px;\r\n bottom:-90px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-fabi .fu-kicker {\r\n position:relative;\r\n z-index:1;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n padding:6px 12px;\r\n border:1px solid rgba(255,255,255,.22);\r\n border-radius:999px;\r\n background:rgba(255,255,255,.10);\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-fabi .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-fabi .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n max-width:800px;\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n CARDS / BASIC\r\n --------------------------------------------------------- */\r\n\r\n.fu-fabi .fu-card {\r\n margin-bottom:24px;\r\n padding:28px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-fabi .fu-card h2,\r\n.fu-fabi .fu-card h3 {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-fabi h2 {\r\n margin:0 0 18px;\r\n font-size:1.55rem;\r\n line-height:1.3;\r\n font-weight:800;\r\n}\r\n\r\n.fu-fabi h3 {\r\n margin:0 0 8px;\r\n font-size:1.15rem;\r\n line-height:1.35;\r\n font-weight:750;\r\n}\r\n\r\n.fu-fabi p {\r\n margin:0 0 14px;\r\n}\r\n\r\n.fu-fabi p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-fabi a {\r\n color:var(--fu-green);\r\n font-weight:650;\r\n text-decoration:underline;\r\n text-decoration-thickness:1px;\r\n text-underline-offset:3px;\r\n}\r\n\r\n.fu-fabi a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HINWEIS SCHLIESSUNG\r\n --------------------------------------------------------- */\r\n\r\n.fu-fabi .fu-important {\r\n margin-bottom:24px;\r\n padding:24px 26px;\r\n border-left:6px solid var(--fu-orange);\r\n border-radius:14px;\r\n background:var(--fu-orange-light);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-fabi .fu-important h2 {\r\n margin-bottom:10px;\r\n color:#9a5705;\r\n}\r\n\r\n.fu-fabi .fu-important p {\r\n color:#59401f;\r\n}\r\n\r\n.fu-fabi .fu-important strong {\r\n color:#7f4703;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n QUICK NAVIGATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-fabi .fu-jump {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:14px;\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-fabi .fu-jump a {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n min-height:68px;\r\n padding:15px 17px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:var(--fu-green-soft);\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:750;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-fabi .fu-jump a:hover {\r\n transform:translateY(-2px);\r\n background:var(--fu-green-light);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-fabi .fu-jump i {\r\n font-size:1.35rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n INTRO\r\n --------------------------------------------------------- */\r\n\r\n.fu-fabi .fu-intro {\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-fabi .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n ANGEBOTE GRID\r\n --------------------------------------------------------- */\r\n\r\n.fu-fabi .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-fabi .fu-offer {\r\n height:100%;\r\n padding:23px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:var(--fu-white);\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-fabi .fu-offer-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:46px;\r\n height:46px;\r\n margin-bottom:14px;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-fabi .fu-offer ul {\r\n margin:12px 0 0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-fabi .fu-offer li {\r\n margin-bottom:5px;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HIGHLIGHT\r\n --------------------------------------------------------- */\r\n\r\n.fu-fabi .fu-highlight {\r\n margin:24px 0;\r\n padding:25px;\r\n border-radius:15px;\r\n background:var(--fu-green-soft);\r\n border:1px solid #d8e5de;\r\n}\r\n\r\n.fu-fabi .fu-highlight h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n ELTERNSTART\r\n --------------------------------------------------------- */\r\n\r\n.fu-fabi .fu-free {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:16px;\r\n margin-top:20px;\r\n padding:21px;\r\n border:1px solid #d8e5de;\r\n border-radius:14px;\r\n background:#f7faf8;\r\n}\r\n\r\n.fu-fabi .fu-free-icon {\r\n flex:0 0 auto;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:44px;\r\n height:44px;\r\n border-radius:50%;\r\n background:var(--fu-green);\r\n color:#fff;\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-fabi .fu-free h3 {\r\n margin-bottom:5px;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n AKTUELLE ANGEBOTE\r\n --------------------------------------------------------- */\r\n\r\n.fu-fabi .fu-current {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-fabi .fu-current-item {\r\n padding:19px;\r\n border-radius:14px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-fabi .fu-current-item strong {\r\n display:block;\r\n margin-bottom:5px;\r\n color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n KONTAKT\r\n --------------------------------------------------------- */\r\n\r\n.fu-fabi .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1.15fr .85fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-fabi .fu-contact-box {\r\n padding:24px;\r\n border-radius:15px;\r\n border:1px solid var(--fu-border);\r\n background:var(--fu-white);\r\n}\r\n\r\n.fu-fabi .fu-contact-row {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n margin-bottom:15px;\r\n}\r\n\r\n.fu-fabi .fu-contact-row:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-fabi .fu-contact-row i {\r\n flex:0 0 auto;\r\n margin-top:4px;\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-fabi .fu-contact-row strong {\r\n display:block;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-fabi .fu-contact-row span,\r\n.fu-fabi .fu-contact-row a {\r\n display:block;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BUTTONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-fabi .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-fabi .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:45px;\r\n padding:10px 17px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:750;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-fabi .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-fabi .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-fabi .fu-btn-secondary {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green) !important;\r\n border:1px solid #d3e1da;\r\n}\r\n\r\n.fu-fabi .fu-btn-secondary:hover {\r\n background:#dcebe4;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n FOOTER / BACK\r\n --------------------------------------------------------- */\r\n\r\n.fu-fabi .fu-back {\r\n margin-top:26px;\r\n padding-top:22px;\r\n border-top:1px solid var(--fu-border);\r\n text-align:center;\r\n}\r\n\r\n.fu-fabi .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n text-decoration:none;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RESPONSIVE\r\n --------------------------------------------------------- */\r\n\r\n@media (max-width:800px) {\r\n .fu-fabi .fu-jump,\r\n .fu-fabi .fu-grid,\r\n .fu-fabi .fu-current,\r\n .fu-fabi .fu-contact-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-fabi .fu-hero {\r\n padding:32px 24px;\r\n }\r\n\r\n .fu-fabi .fu-card {\r\n padding:23px 20px;\r\n }\r\n}\r\n\r\n@media (max-width:560px) {\r\n .fu-fabi {\r\n font-size:15.5px;\r\n }\r\n\r\n .fu-fabi .fu-hero {\r\n margin-bottom:20px;\r\n padding:28px 19px;\r\n border-radius:15px;\r\n }\r\n\r\n .fu-fabi .fu-hero h1 {\r\n font-size:1.9rem;\r\n }\r\n\r\n .fu-fabi .fu-card {\r\n padding:20px 17px;\r\n border-radius:14px;\r\n }\r\n\r\n .fu-fabi .fu-important {\r\n padding:20px;\r\n }\r\n\r\n .fu-fabi .fu-jump a {\r\n min-height:58px;\r\n }\r\n\r\n .fu-fabi .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-fabi .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 271 ===== */ @scope (.fu-article-271) { \r\n/* =========================================================\r\n FAST UMSONST – FREIWILLIGENAKADEMIE MÜNSTER\r\n FreiwilligenAgentur Münster\r\n ========================================================= */\r\n\r\n.fu-freiwilligenakademie {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 32px rgba(31,75,63,.14);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 15px 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-freiwilligenakademie *,\r\n.fu-freiwilligenakademie *::before,\r\n.fu-freiwilligenakademie *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-freiwilligenakademie a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-freiwilligenakademie a:hover {\r\n color:var(--fu-green-dark);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-freiwilligenakademie h2,\r\n.fu-freiwilligenakademie h3 {\r\n color:var(--fu-green-dark);\r\n line-height:1.3;\r\n}\r\n\r\n.fu-freiwilligenakademie h2 {\r\n margin:0 0 18px;\r\n font-size:clamp(1.45rem,2.5vw,2rem);\r\n}\r\n\r\n.fu-freiwilligenakademie h3 {\r\n margin:0 0 10px;\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-freiwilligenakademie p {\r\n margin:0 0 15px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-freiwilligenakademie .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 30px;\r\n padding:42px 35px;\r\n border-radius:20px;\r\n background:linear-gradient(\r\n 135deg,\r\n var(--fu-green) 0%,\r\n var(--fu-green-dark) 100%\r\n );\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:230px;\r\n height:230px;\r\n right:-80px;\r\n top:-100px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-hero-inner {\r\n position:relative;\r\n z-index:1;\r\n max-width:850px;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-eyebrow {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:12px;\r\n padding:7px 13px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.13);\r\n color:#fff;\r\n font-size:.9rem;\r\n font-weight:700;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-hero h1 {\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(1.9rem,4vw,2.8rem);\r\n line-height:1.15;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-hero p {\r\n max-width:800px;\r\n margin:0;\r\n color:rgba(255,255,255,.94);\r\n font-size:1.08rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-freiwilligenakademie .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 17px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n border:1px solid var(--fu-green);\r\n font-weight:700;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n border-color:var(--fu-green-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n border-color:#fff;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-btn-light:hover {\r\n background:var(--fu-green-light);\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-btn-orange {\r\n background:var(--fu-orange);\r\n border-color:var(--fu-orange);\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-btn-orange:hover {\r\n background:#b85f04;\r\n border-color:#b85f04;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-freiwilligenakademie .fu-intro {\r\n margin-bottom:30px;\r\n padding:25px 28px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-green);\r\n border-radius:15px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-intro strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-freiwilligenakademie .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n margin:0 0 32px;\r\n padding:17px;\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 13px;\r\n border-radius:9px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green-dark);\r\n font-size:.92rem;\r\n font-weight:700;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-nav a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-freiwilligenakademie .fu-section {\r\n margin:0 0 38px;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-section-head {\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-section-head p {\r\n color:var(--fu-muted);\r\n}\r\n\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-freiwilligenakademie .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-card {\r\n height:100%;\r\n padding:23px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n transition:transform .2s ease,box-shadow .2s ease;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:46px;\r\n height:46px;\r\n margin-bottom:15px;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-freiwilligenakademie .fu-highlight {\r\n margin:28px 0;\r\n padding:26px 28px;\r\n border-radius:16px;\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d5ae;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-highlight h3 {\r\n color:#8a4a05;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-highlight p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n PROGRAMM\r\n ========================================================= */\r\n\r\n.fu-freiwilligenakademie .fu-programm {\r\n display:grid;\r\n grid-template-columns:1.15fr .85fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-programm-main,\r\n.fu-freiwilligenakademie .fu-programm-side {\r\n padding:27px;\r\n border-radius:17px;\r\n border:1px solid var(--fu-border);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-programm-main {\r\n background:linear-gradient(\r\n 135deg,\r\n var(--fu-green-soft),\r\n #fff\r\n );\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-programm-side {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-programm-side h3 {\r\n color:#fff;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-programm-side p {\r\n color:rgba(255,255,255,.93);\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-programm-side .fu-btn {\r\n background:#fff;\r\n color:var(--fu-green-dark) !important;\r\n border-color:#fff;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-programm-side .fu-btn:hover {\r\n background:var(--fu-green-light);\r\n}\r\n\r\n\r\n/* =========================================================\r\n LISTEN\r\n ========================================================= */\r\n\r\n.fu-freiwilligenakademie .fu-list {\r\n margin:0;\r\n padding:0;\r\n list-style:none;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-list li {\r\n position:relative;\r\n margin:0 0 10px;\r\n padding-left:28px;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-list li::before {\r\n content:\"\";\r\n position:absolute;\r\n left:2px;\r\n top:.68em;\r\n width:9px;\r\n height:9px;\r\n border-radius:50%;\r\n background:var(--fu-orange);\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-list li:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n AKTUELLE VERANSTALTUNGEN\r\n ========================================================= */\r\n\r\n.fu-freiwilligenakademie .fu-events {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-event {\r\n position:relative;\r\n padding:21px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-event-date {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n padding:6px 10px;\r\n border-radius:8px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n font-size:.88rem;\r\n font-weight:700;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-event h3 {\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-event p {\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-event .fu-free {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:5px;\r\n margin-top:4px;\r\n color:var(--fu-green);\r\n font-size:.9rem;\r\n font-weight:700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-freiwilligenakademie .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-contact-card {\r\n padding:26px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-contact-line {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-contact-line i {\r\n flex:0 0 22px;\r\n margin-top:4px;\r\n color:var(--fu-green);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-contact-line:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INFOBOX\r\n ========================================================= */\r\n\r\n.fu-freiwilligenakademie .fu-note {\r\n padding:22px 24px;\r\n border-radius:15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-freiwilligenakademie .fu-note h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ABSCHLUSS\r\n ========================================================= */\r\n\r\n.fu-freiwilligenakademie .fu-back {\r\n margin-top:35px;\r\n padding-top:24px;\r\n border-top:1px solid var(--fu-border);\r\n text-align:center;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-freiwilligenakademie .fu-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-freiwilligenakademie .fu-programm {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:700px) {\r\n\r\n .fu-freiwilligenakademie {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-freiwilligenakademie .fu-hero {\r\n padding:30px 23px;\r\n border-radius:16px;\r\n }\r\n\r\n .fu-freiwilligenakademie .fu-intro,\r\n .fu-freiwilligenakademie .fu-card,\r\n .fu-freiwilligenakademie .fu-programm-main,\r\n .fu-freiwilligenakademie .fu-programm-side,\r\n .fu-freiwilligenakademie .fu-contact-card {\r\n padding:20px;\r\n }\r\n\r\n .fu-freiwilligenakademie .fu-grid,\r\n .fu-freiwilligenakademie .fu-events,\r\n .fu-freiwilligenakademie .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-freiwilligenakademie .fu-nav {\r\n gap:7px;\r\n }\r\n\r\n .fu-freiwilligenakademie .fu-nav a {\r\n flex:1 1 auto;\r\n justify-content:center;\r\n }\r\n\r\n .fu-freiwilligenakademie .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-freiwilligenakademie .fu-btn {\r\n width:100%;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 272 ===== */ @scope (.fu-article-272) { \r\n/* =========================================================\r\n FAST UMSONST – BILDUNGSWERK DER KAB\r\n Modernes Kartenlayout\r\n ========================================================= */\r\n\r\n.fu-kab {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 34px rgba(31,75,63,.14);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 0 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-kab *,\r\n.fu-kab *::before,\r\n.fu-kab *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HERO\r\n --------------------------------------------------------- */\r\n\r\n.fu-kab .fu-hero {\r\n background:\r\n linear-gradient(135deg,\r\n var(--fu-green-dark) 0%,\r\n var(--fu-green) 58%,\r\n #286052 100%);\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.fu-kab .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:220px;\r\n height:220px;\r\n right:-70px;\r\n top:-80px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-kab .fu-hero-inner {\r\n position:relative;\r\n z-index:2;\r\n max-width:820px;\r\n}\r\n\r\n.fu-kab .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.88rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-kab .fu-kicker i {\r\n font-size:1rem;\r\n}\r\n\r\n.fu-kab h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-kab .fu-hero p {\r\n margin:0;\r\n max-width:760px;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n INTRO\r\n --------------------------------------------------------- */\r\n\r\n.fu-kab .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px 30px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-kab .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BUTTONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-kab .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-kab .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n line-height:1.3;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-kab .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-kab .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-kab .fu-btn-secondary {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark) !important;\r\n border:1px solid #cfe0d9;\r\n}\r\n\r\n.fu-kab .fu-btn-secondary:hover {\r\n background:#dcebe5;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n QUICK CARDS\r\n --------------------------------------------------------- */\r\n\r\n.fu-kab .fu-quick {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n margin:26px 0;\r\n}\r\n\r\n.fu-kab .fu-quick-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-kab .fu-quick-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-kab .fu-quick-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-kab .fu-quick-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SECTION\r\n --------------------------------------------------------- */\r\n\r\n.fu-kab .fu-section {\r\n margin:30px 0;\r\n}\r\n\r\n.fu-kab .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 17px;\r\n padding-bottom:10px;\r\n border-bottom:2px solid var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-kab .fu-section-title i {\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n TOPIC GRID\r\n --------------------------------------------------------- */\r\n\r\n.fu-kab .fu-topic-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:17px;\r\n}\r\n\r\n.fu-kab .fu-topic {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:21px;\r\n box-shadow:var(--fu-shadow);\r\n transition:transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-kab .fu-topic:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-kab .fu-topic h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-kab .fu-topic h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-kab .fu-topic p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.96rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n FORMAT BOX\r\n --------------------------------------------------------- */\r\n\r\n.fu-kab .fu-format-box {\r\n background:var(--fu-green-soft);\r\n border:1px solid #d8e6df;\r\n border-radius:17px;\r\n padding:25px 27px;\r\n}\r\n\r\n.fu-kab .fu-format-list {\r\n list-style:none;\r\n padding:0;\r\n margin:15px 0 0;\r\n}\r\n\r\n.fu-kab .fu-format-list li {\r\n position:relative;\r\n padding:8px 0 8px 31px;\r\n border-bottom:1px solid rgba(31,75,63,.10);\r\n}\r\n\r\n.fu-kab .fu-format-list li:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-kab .fu-format-list li i {\r\n position:absolute;\r\n left:0;\r\n top:10px;\r\n color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HINWEIS\r\n --------------------------------------------------------- */\r\n\r\n.fu-kab .fu-note {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d4a8;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:13px;\r\n padding:18px 20px;\r\n margin:24px 0;\r\n}\r\n\r\n.fu-kab .fu-note strong {\r\n color:#874b04;\r\n}\r\n\r\n.fu-kab .fu-note p {\r\n margin:0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n CONTACT\r\n --------------------------------------------------------- */\r\n\r\n.fu-kab .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-kab .fu-contact-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:25px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-kab .fu-contact-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n margin:0 0 15px;\r\n color:var(--fu-green-dark);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-kab .fu-contact-card h3 i {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-kab .fu-contact-card p {\r\n margin:7px 0;\r\n}\r\n\r\n.fu-kab .fu-contact-card a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:underline;\r\n text-decoration-thickness:1px;\r\n text-underline-offset:2px;\r\n}\r\n\r\n.fu-kab .fu-contact-card a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n TEAM\r\n --------------------------------------------------------- */\r\n\r\n.fu-kab .fu-team {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-kab .fu-team-item {\r\n background:var(--fu-green-soft);\r\n border:1px solid #dce8e2;\r\n border-radius:13px;\r\n padding:17px 19px;\r\n}\r\n\r\n.fu-kab .fu-team-item strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-kab .fu-team-item span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.93rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BACK\r\n --------------------------------------------------------- */\r\n\r\n.fu-kab .fu-back {\r\n margin-top:32px;\r\n text-align:center;\r\n}\r\n\r\n.fu-kab .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 18px;\r\n border-radius:10px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark) !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n border:1px solid #cfe0d9;\r\n}\r\n\r\n.fu-kab .fu-back a:hover {\r\n background:#dcebe5;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RESPONSIVE\r\n --------------------------------------------------------- */\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-kab {\r\n padding-left:8px;\r\n padding-right:8px;\r\n }\r\n\r\n .fu-kab .fu-hero {\r\n padding:32px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-kab .fu-quick,\r\n .fu-kab .fu-topic-grid,\r\n .fu-kab .fu-contact,\r\n .fu-kab .fu-team {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:560px) {\r\n\r\n .fu-kab .fu-hero {\r\n padding:27px 20px;\r\n }\r\n\r\n .fu-kab .fu-intro,\r\n .fu-kab .fu-contact-card,\r\n .fu-kab .fu-format-box {\r\n padding:21px;\r\n }\r\n\r\n .fu-kab .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-kab .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 273 ===== */ @scope (.fu-article-273) { \r\n/* =========================================================\r\n FAST UMSONST – HAUS DER FAMILIE MÜNSTER\r\n Allgemeine Weiterbildung / Familienbildung\r\n ========================================================= */\r\n\r\n.fu-hdf {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 12px 30px rgba(31,75,63,.13);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-hdf *,\r\n.fu-hdf *::before,\r\n.fu-hdf *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hdf .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 28px;\r\n padding:44px 34px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:\r\n radial-gradient(circle at 88% 15%,rgba(255,255,255,.12),transparent 30%),\r\n linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-hdf .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:210px;\r\n height:210px;\r\n right:-90px;\r\n bottom:-105px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-hdf .fu-kicker {\r\n position:relative;\r\n z-index:1;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:11px;\r\n padding:6px 13px;\r\n border:1px solid rgba(255,255,255,.23);\r\n border-radius:999px;\r\n background:rgba(255,255,255,.10);\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-hdf .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-hdf .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n max-width:820px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n GRUNDKARTEN\r\n ========================================================= */\r\n\r\n.fu-hdf .fu-card {\r\n margin-bottom:24px;\r\n padding:29px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-hdf h2 {\r\n margin:0 0 18px;\r\n color:var(--fu-green);\r\n font-size:1.55rem;\r\n line-height:1.3;\r\n font-weight:800;\r\n}\r\n\r\n.fu-hdf h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n line-height:1.35;\r\n font-weight:750;\r\n}\r\n\r\n.fu-hdf p {\r\n margin:0 0 14px;\r\n}\r\n\r\n.fu-hdf p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-hdf a {\r\n color:var(--fu-green);\r\n font-weight:650;\r\n text-decoration:underline;\r\n text-decoration-thickness:1px;\r\n text-underline-offset:3px;\r\n}\r\n\r\n.fu-hdf a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-hdf .fu-intro {\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-hdf .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-hdf .fu-jump {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:14px;\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-hdf .fu-jump a {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n min-height:68px;\r\n padding:15px 17px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:var(--fu-green-soft);\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:750;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-hdf .fu-jump a:hover {\r\n transform:translateY(-2px);\r\n background:var(--fu-green-light);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-hdf .fu-jump i {\r\n font-size:1.35rem;\r\n}\r\n\r\n/* =========================================================\r\n ANGEBOTE\r\n ========================================================= */\r\n\r\n.fu-hdf .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-hdf .fu-offer {\r\n height:100%;\r\n padding:23px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:#fff;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-hdf .fu-offer:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-hdf .fu-offer-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:46px;\r\n height:46px;\r\n margin-bottom:14px;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-hdf .fu-offer ul {\r\n margin:12px 0 0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-hdf .fu-offer li {\r\n margin-bottom:5px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-hdf .fu-highlight {\r\n margin:22px 0 0;\r\n padding:24px;\r\n border:1px solid #d6e5dd;\r\n border-radius:15px;\r\n background:var(--fu-green-soft);\r\n}\r\n\r\n.fu-hdf .fu-highlight h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n}\r\n\r\n/* =========================================================\r\n MÜNSTER-PASS / ERMÄSSIGUNGEN\r\n ========================================================= */\r\n\r\n.fu-hdf .fu-discount {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-hdf .fu-discount-item {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n background:#fff;\r\n}\r\n\r\n.fu-hdf .fu-discount-item i {\r\n flex:0 0 auto;\r\n margin-top:3px;\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-hdf .fu-discount-item strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n AKTUELLE KURSE\r\n ========================================================= */\r\n\r\n.fu-hdf .fu-course-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-hdf .fu-course {\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n}\r\n\r\n.fu-hdf .fu-course .fu-course-label {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n margin-bottom:9px;\r\n padding:5px 9px;\r\n border-radius:999px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:.78rem;\r\n font-weight:750;\r\n}\r\n\r\n.fu-hdf .fu-course strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:1.03rem;\r\n line-height:1.4;\r\n}\r\n\r\n.fu-hdf .fu-course p {\r\n margin-top:7px;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n/* =========================================================\r\n KOSTENLOS / SOZIALER HINWEIS\r\n ========================================================= */\r\n\r\n.fu-hdf .fu-notice {\r\n margin-top:22px;\r\n padding:22px 24px;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:13px;\r\n background:var(--fu-orange-light);\r\n}\r\n\r\n.fu-hdf .fu-notice h3 {\r\n color:#9a5705;\r\n}\r\n\r\n.fu-hdf .fu-notice p {\r\n color:#59401f;\r\n}\r\n\r\n/* =========================================================\r\n STANDORTE\r\n ========================================================= */\r\n\r\n.fu-hdf .fu-location-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-hdf .fu-location {\r\n padding:19px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:var(--fu-green-soft);\r\n}\r\n\r\n.fu-hdf .fu-location i {\r\n display:block;\r\n margin-bottom:8px;\r\n color:var(--fu-green);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-hdf .fu-location strong {\r\n display:block;\r\n margin-bottom:5px;\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-hdf .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1.15fr .85fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-hdf .fu-contact-box {\r\n padding:24px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:#fff;\r\n}\r\n\r\n.fu-hdf .fu-contact-row {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n margin-bottom:16px;\r\n}\r\n\r\n.fu-hdf .fu-contact-row:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-hdf .fu-contact-row > i {\r\n flex:0 0 auto;\r\n margin-top:4px;\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-hdf .fu-contact-row strong {\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-hdf .fu-contact-row a {\r\n display:inline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-hdf .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-hdf .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:46px;\r\n padding:10px 18px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:750;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-hdf .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-hdf .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-hdf .fu-btn-secondary {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green) !important;\r\n border:1px solid #d3e1da;\r\n}\r\n\r\n.fu-hdf .fu-btn-secondary:hover {\r\n background:#dcebe4;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n BACK\r\n ========================================================= */\r\n\r\n.fu-hdf .fu-back {\r\n margin-top:27px;\r\n padding-top:22px;\r\n border-top:1px solid var(--fu-border);\r\n text-align:center;\r\n}\r\n\r\n.fu-hdf .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n text-decoration:none;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:850px) {\r\n .fu-hdf .fu-jump,\r\n .fu-hdf .fu-grid,\r\n .fu-hdf .fu-discount,\r\n .fu-hdf .fu-course-grid,\r\n .fu-hdf .fu-contact-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-hdf .fu-location-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n .fu-hdf {\r\n font-size:15.5px;\r\n }\r\n\r\n .fu-hdf .fu-hero {\r\n padding:30px 20px;\r\n border-radius:15px;\r\n }\r\n\r\n .fu-hdf .fu-hero h1 {\r\n font-size:1.9rem;\r\n }\r\n\r\n .fu-hdf .fu-card {\r\n padding:21px 18px;\r\n border-radius:14px;\r\n }\r\n\r\n .fu-hdf .fu-location-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-hdf .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-hdf .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 274 ===== */ @scope (.fu-article-274) { \r\n/* =========================================================\r\n FAST UMSONST – KREATIV-HAUS E.V.\r\n Weiterbildung / Kultur / Kreativität\r\n ========================================================= */\r\n\r\n.fu-kreativhaus {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 12px 30px rgba(31,75,63,.13);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-kreativhaus *,\r\n.fu-kreativhaus *::before,\r\n.fu-kreativhaus *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-kreativhaus .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 28px;\r\n padding:44px 34px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:\r\n radial-gradient(circle at 88% 15%,rgba(255,255,255,.12),transparent 30%),\r\n linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-kreativhaus .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:210px;\r\n height:210px;\r\n right:-90px;\r\n bottom:-105px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-kreativhaus .fu-kicker {\r\n position:relative;\r\n z-index:1;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:11px;\r\n padding:6px 13px;\r\n border:1px solid rgba(255,255,255,.23);\r\n border-radius:999px;\r\n background:rgba(255,255,255,.10);\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-kreativhaus .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-kreativhaus .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n max-width:820px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n GRUNDKARTEN\r\n ========================================================= */\r\n\r\n.fu-kreativhaus .fu-card {\r\n margin-bottom:24px;\r\n padding:29px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-kreativhaus h2 {\r\n margin:0 0 18px;\r\n color:var(--fu-green);\r\n font-size:1.55rem;\r\n line-height:1.3;\r\n font-weight:800;\r\n}\r\n\r\n.fu-kreativhaus h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n line-height:1.35;\r\n font-weight:750;\r\n}\r\n\r\n.fu-kreativhaus p {\r\n margin:0 0 14px;\r\n}\r\n\r\n.fu-kreativhaus p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-kreativhaus a {\r\n color:var(--fu-green);\r\n font-weight:650;\r\n text-decoration:underline;\r\n text-decoration-thickness:1px;\r\n text-underline-offset:3px;\r\n}\r\n\r\n.fu-kreativhaus a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-kreativhaus .fu-intro {\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-kreativhaus .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-kreativhaus .fu-jump {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:14px;\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-kreativhaus .fu-jump a {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n min-height:68px;\r\n padding:15px 17px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:var(--fu-green-soft);\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:750;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-kreativhaus .fu-jump a:hover {\r\n transform:translateY(-2px);\r\n background:var(--fu-green-light);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-kreativhaus .fu-jump i {\r\n font-size:1.35rem;\r\n}\r\n\r\n/* =========================================================\r\n ANGEBOTE\r\n ========================================================= */\r\n\r\n.fu-kreativhaus .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-kreativhaus .fu-offer {\r\n height:100%;\r\n padding:23px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:#fff;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-kreativhaus .fu-offer:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-kreativhaus .fu-offer-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:47px;\r\n height:47px;\r\n margin-bottom:14px;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-kreativhaus .fu-offer ul {\r\n margin:12px 0 0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-kreativhaus .fu-offer li {\r\n margin-bottom:5px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-kreativhaus .fu-highlight {\r\n margin:23px 0 0;\r\n padding:24px;\r\n border:1px solid #d6e5dd;\r\n border-radius:15px;\r\n background:var(--fu-green-soft);\r\n}\r\n\r\n.fu-kreativhaus .fu-highlight h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n}\r\n\r\n/* =========================================================\r\n PROGRAMM-KARTEN\r\n ========================================================= */\r\n\r\n.fu-kreativhaus .fu-programm {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-kreativhaus .fu-programm-card {\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n}\r\n\r\n.fu-kreativhaus .fu-programm-card .fu-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:44px;\r\n height:44px;\r\n margin-bottom:13px;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-kreativhaus .fu-programm-card h3 {\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-kreativhaus .fu-programm-card p {\r\n flex:1;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n.fu-kreativhaus .fu-programm-card a {\r\n margin-top:10px;\r\n}\r\n\r\n/* =========================================================\r\n AKTUELLE ANGEBOTE\r\n ========================================================= */\r\n\r\n.fu-kreativhaus .fu-current {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-kreativhaus .fu-current-item {\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n}\r\n\r\n.fu-kreativhaus .fu-current-item .fu-label {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n margin-bottom:8px;\r\n padding:5px 9px;\r\n border-radius:999px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:.78rem;\r\n font-weight:750;\r\n}\r\n\r\n.fu-kreativhaus .fu-current-item strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:1.03rem;\r\n line-height:1.4;\r\n}\r\n\r\n/* =========================================================\r\n BILDUNGSURLAUB\r\n ========================================================= */\r\n\r\n.fu-kreativhaus .fu-notice {\r\n margin-top:22px;\r\n padding:23px 25px;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n background:var(--fu-orange-light);\r\n}\r\n\r\n.fu-kreativhaus .fu-notice h3 {\r\n color:#9a5705;\r\n}\r\n\r\n.fu-kreativhaus .fu-notice p {\r\n color:#59401f;\r\n}\r\n\r\n/* =========================================================\r\n NIEDRIGSCHWELLIG\r\n ========================================================= */\r\n\r\n.fu-kreativhaus .fu-tip {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:15px;\r\n margin-top:20px;\r\n padding:21px;\r\n border-radius:14px;\r\n border:1px solid #d8e5de;\r\n background:#f7faf8;\r\n}\r\n\r\n.fu-kreativhaus .fu-tip-icon {\r\n flex:0 0 auto;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:44px;\r\n height:44px;\r\n border-radius:50%;\r\n background:var(--fu-green);\r\n color:#fff;\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-kreativhaus .fu-tip h3 {\r\n margin-bottom:5px;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-kreativhaus .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1.15fr .85fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-kreativhaus .fu-contact-box {\r\n padding:24px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:#fff;\r\n}\r\n\r\n.fu-kreativhaus .fu-contact-row {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n margin-bottom:16px;\r\n}\r\n\r\n.fu-kreativhaus .fu-contact-row:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-kreativhaus .fu-contact-row > i {\r\n flex:0 0 auto;\r\n margin-top:4px;\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-kreativhaus .fu-contact-row strong {\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-kreativhaus .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-kreativhaus .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:46px;\r\n padding:10px 18px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:750;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-kreativhaus .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-kreativhaus .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-kreativhaus .fu-btn-secondary {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green) !important;\r\n border:1px solid #d3e1da;\r\n}\r\n\r\n.fu-kreativhaus .fu-btn-secondary:hover {\r\n background:#dcebe4;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n BACK\r\n ========================================================= */\r\n\r\n.fu-kreativhaus .fu-back {\r\n margin-top:27px;\r\n padding-top:22px;\r\n border-top:1px solid var(--fu-border);\r\n text-align:center;\r\n}\r\n\r\n.fu-kreativhaus .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n text-decoration:none;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:850px) {\r\n\r\n .fu-kreativhaus .fu-jump,\r\n .fu-kreativhaus .fu-grid,\r\n .fu-kreativhaus .fu-current,\r\n .fu-kreativhaus .fu-contact-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-kreativhaus .fu-programm {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n\r\n .fu-kreativhaus {\r\n font-size:15.5px;\r\n }\r\n\r\n .fu-kreativhaus .fu-hero {\r\n padding:30px 20px;\r\n border-radius:15px;\r\n }\r\n\r\n .fu-kreativhaus .fu-hero h1 {\r\n font-size:1.9rem;\r\n }\r\n\r\n .fu-kreativhaus .fu-card {\r\n padding:21px 18px;\r\n border-radius:14px;\r\n }\r\n\r\n .fu-kreativhaus .fu-programm {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-kreativhaus .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-kreativhaus .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 275 ===== */ @scope (.fu-article-275) { \r\n/* =========================================================\r\n FAST UMSONST – VOLKSHOCHSCHULE MÜNSTER\r\n Moderne Weiterbildungsseite\r\n ========================================================= */\r\n\r\n.fu-vhs {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 32px rgba(31,75,63,.14);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 15px 50px;\r\n color:var(--fu-text);\r\n line-height:1.7;\r\n font-size:16px;\r\n}\r\n\r\n.fu-vhs *,\r\n.fu-vhs *::before,\r\n.fu-vhs *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-vhs a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-vhs a:hover {\r\n color:var(--fu-green-dark);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-vhs h2,\r\n.fu-vhs h3 {\r\n color:var(--fu-green-dark);\r\n line-height:1.3;\r\n}\r\n\r\n.fu-vhs h2 {\r\n margin:0 0 18px;\r\n font-size:clamp(1.45rem,2.5vw,2rem);\r\n}\r\n\r\n.fu-vhs h3 {\r\n margin:0 0 10px;\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-vhs p {\r\n margin:0 0 15px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-vhs .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 30px;\r\n padding:44px 35px;\r\n border-radius:20px;\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--fu-green) 0%,\r\n var(--fu-green-dark) 100%\r\n );\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-vhs .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:240px;\r\n height:240px;\r\n right:-85px;\r\n top:-100px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-vhs .fu-hero-inner {\r\n position:relative;\r\n z-index:1;\r\n max-width:850px;\r\n}\r\n\r\n.fu-vhs .fu-eyebrow {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:13px;\r\n padding:7px 13px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.13);\r\n color:#fff;\r\n font-size:.9rem;\r\n font-weight:700;\r\n}\r\n\r\n.fu-vhs .fu-hero h1 {\r\n margin:0 0 13px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,2.85rem);\r\n line-height:1.13;\r\n}\r\n\r\n.fu-vhs .fu-hero p {\r\n max-width:820px;\r\n margin:0;\r\n color:rgba(255,255,255,.95);\r\n font-size:1.08rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-vhs .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-vhs .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 17px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n border:1px solid var(--fu-green);\r\n font-weight:700;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-vhs .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n border-color:var(--fu-green-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-vhs .fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n border-color:#fff;\r\n}\r\n\r\n.fu-vhs .fu-btn-light:hover {\r\n background:var(--fu-green-light);\r\n}\r\n\r\n.fu-vhs .fu-btn-orange {\r\n background:var(--fu-orange);\r\n border-color:var(--fu-orange);\r\n}\r\n\r\n.fu-vhs .fu-btn-orange:hover {\r\n background:#b85f04;\r\n border-color:#b85f04;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-vhs .fu-intro {\r\n margin-bottom:30px;\r\n padding:26px 29px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-green);\r\n border-radius:15px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-vhs .fu-intro strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-vhs .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-vhs .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n margin:0 0 34px;\r\n padding:17px;\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-vhs .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 13px;\r\n border-radius:9px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green-dark);\r\n font-size:.92rem;\r\n font-weight:700;\r\n}\r\n\r\n.fu-vhs .fu-nav a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-vhs .fu-section {\r\n margin:0 0 40px;\r\n}\r\n\r\n.fu-vhs .fu-section-head {\r\n margin-bottom:19px;\r\n}\r\n\r\n.fu-vhs .fu-section-head p {\r\n color:var(--fu-muted);\r\n}\r\n\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-vhs .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-vhs .fu-card {\r\n height:100%;\r\n padding:23px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n transition:transform .2s ease,box-shadow .2s ease;\r\n}\r\n\r\n.fu-vhs .fu-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-vhs .fu-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:47px;\r\n height:47px;\r\n margin-bottom:15px;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-vhs .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n FACHBEREICH-KARTEN\r\n ========================================================= */\r\n\r\n.fu-vhs .fu-topic {\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:22px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-vhs .fu-topic .fu-topic-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:44px;\r\n height:44px;\r\n margin-bottom:14px;\r\n border-radius:11px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-vhs .fu-topic h3 {\r\n margin-bottom:8px;\r\n}\r\n\r\n.fu-vhs .fu-topic p {\r\n flex:1;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n PROGRAMM-HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-vhs .fu-programm {\r\n display:grid;\r\n grid-template-columns:1.15fr .85fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-vhs .fu-programm-main,\r\n.fu-vhs .fu-programm-side {\r\n padding:28px;\r\n border-radius:17px;\r\n border:1px solid var(--fu-border);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-vhs .fu-programm-main {\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--fu-green-soft),\r\n #fff\r\n );\r\n}\r\n\r\n.fu-vhs .fu-programm-side {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-vhs .fu-programm-side h3 {\r\n color:#fff;\r\n}\r\n\r\n.fu-vhs .fu-programm-side p {\r\n color:rgba(255,255,255,.93);\r\n}\r\n\r\n.fu-vhs .fu-programm-side .fu-btn {\r\n background:#fff;\r\n color:var(--fu-green-dark) !important;\r\n border-color:#fff;\r\n}\r\n\r\n.fu-vhs .fu-programm-side .fu-btn:hover {\r\n background:var(--fu-green-light);\r\n}\r\n\r\n\r\n/* =========================================================\r\n LISTEN\r\n ========================================================= */\r\n\r\n.fu-vhs .fu-list {\r\n margin:0;\r\n padding:0;\r\n list-style:none;\r\n}\r\n\r\n.fu-vhs .fu-list li {\r\n position:relative;\r\n margin:0 0 10px;\r\n padding-left:28px;\r\n}\r\n\r\n.fu-vhs .fu-list li::before {\r\n content:\"\";\r\n position:absolute;\r\n left:2px;\r\n top:.68em;\r\n width:9px;\r\n height:9px;\r\n border-radius:50%;\r\n background:var(--fu-orange);\r\n}\r\n\r\n.fu-vhs .fu-list li:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n AKTUELLE KURSE\r\n ========================================================= */\r\n\r\n.fu-vhs .fu-course-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:17px;\r\n}\r\n\r\n.fu-vhs .fu-course {\r\n padding:21px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-vhs .fu-course-date {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:9px;\r\n padding:6px 10px;\r\n border-radius:8px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n font-size:.88rem;\r\n font-weight:700;\r\n}\r\n\r\n.fu-vhs .fu-course h3 {\r\n margin-bottom:8px;\r\n}\r\n\r\n.fu-vhs .fu-course p {\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-vhs .fu-highlight {\r\n margin:28px 0;\r\n padding:27px 29px;\r\n border-radius:16px;\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d5ae;\r\n}\r\n\r\n.fu-vhs .fu-highlight h3 {\r\n color:#8a4a05;\r\n}\r\n\r\n.fu-vhs .fu-highlight p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INFOBOX\r\n ========================================================= */\r\n\r\n.fu-vhs .fu-note {\r\n padding:24px 26px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-vhs .fu-note h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-vhs .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-vhs .fu-contact-card {\r\n padding:27px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-vhs .fu-contact-line {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-vhs .fu-contact-line i {\r\n flex:0 0 22px;\r\n margin-top:4px;\r\n color:var(--fu-green);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-vhs .fu-contact-line:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ABSCHLUSS\r\n ========================================================= */\r\n\r\n.fu-vhs .fu-back {\r\n margin-top:35px;\r\n padding-top:24px;\r\n border-top:1px solid var(--fu-border);\r\n text-align:center;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-vhs .fu-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-vhs .fu-programm {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:700px) {\r\n\r\n .fu-vhs {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-vhs .fu-hero {\r\n padding:30px 23px;\r\n border-radius:16px;\r\n }\r\n\r\n .fu-vhs .fu-intro,\r\n .fu-vhs .fu-card,\r\n .fu-vhs .fu-topic,\r\n .fu-vhs .fu-course,\r\n .fu-vhs .fu-programm-main,\r\n .fu-vhs .fu-programm-side,\r\n .fu-vhs .fu-contact-card {\r\n padding:20px;\r\n }\r\n\r\n .fu-vhs .fu-grid,\r\n .fu-vhs .fu-course-grid,\r\n .fu-vhs .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-vhs .fu-nav {\r\n gap:7px;\r\n }\r\n\r\n .fu-vhs .fu-nav a {\r\n flex:1 1 auto;\r\n justify-content:center;\r\n }\r\n\r\n .fu-vhs .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-vhs .fu-btn {\r\n width:100%;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 276 ===== */ @scope (.fu-article-276) { \r\n/* =========================================================\r\n FAST UMSONST – SOBI MÜNSTER\r\n Sozialpädagogisches Bildungswerk e.V.\r\n Moderne Weiterbildungsseite\r\n ========================================================= */\r\n\r\n.fu-sobi {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 32px rgba(31,75,63,.14);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 15px 50px;\r\n color:var(--fu-text);\r\n line-height:1.7;\r\n font-size:16px;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n GRUNDLAGEN\r\n --------------------------------------------------------- */\r\n\r\n.fu-sobi *,\r\n.fu-sobi *::before,\r\n.fu-sobi *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-sobi a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-sobi a:hover {\r\n color:var(--fu-green-dark);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-sobi h2,\r\n.fu-sobi h3 {\r\n color:var(--fu-green-dark);\r\n line-height:1.3;\r\n}\r\n\r\n.fu-sobi h2 {\r\n margin:0 0 18px;\r\n font-size:clamp(1.45rem,2.5vw,2rem);\r\n}\r\n\r\n.fu-sobi h3 {\r\n margin:0 0 10px;\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-sobi p {\r\n margin:0 0 15px;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HERO\r\n --------------------------------------------------------- */\r\n\r\n.fu-sobi .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 30px;\r\n padding:42px 35px;\r\n border-radius:20px;\r\n background:\r\n linear-gradient(135deg,\r\n var(--fu-green) 0%,\r\n var(--fu-green-dark) 100%);\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sobi .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:220px;\r\n height:220px;\r\n right:-80px;\r\n top:-90px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-sobi .fu-hero-inner {\r\n position:relative;\r\n z-index:1;\r\n max-width:850px;\r\n}\r\n\r\n.fu-sobi .fu-eyebrow {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:12px;\r\n padding:7px 13px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.13);\r\n color:#fff;\r\n font-size:.9rem;\r\n font-weight:700;\r\n letter-spacing:.02em;\r\n}\r\n\r\n.fu-sobi .fu-hero h1 {\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(1.9rem,4vw,2.8rem);\r\n line-height:1.15;\r\n}\r\n\r\n.fu-sobi .fu-hero p {\r\n max-width:780px;\r\n margin:0;\r\n color:rgba(255,255,255,.94);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BUTTONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-sobi .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-sobi .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 17px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n border:1px solid var(--fu-green);\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-sobi .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n border-color:var(--fu-green-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-sobi .fu-btn.fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n border-color:#fff;\r\n}\r\n\r\n.fu-sobi .fu-btn.fu-btn-light:hover {\r\n background:var(--fu-green-light);\r\n}\r\n\r\n.fu-sobi .fu-btn.fu-btn-orange {\r\n background:var(--fu-orange);\r\n border-color:var(--fu-orange);\r\n}\r\n\r\n.fu-sobi .fu-btn.fu-btn-orange:hover {\r\n background:#b85f04;\r\n border-color:#b85f04;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n EINLEITUNG\r\n --------------------------------------------------------- */\r\n\r\n.fu-sobi .fu-intro {\r\n margin-bottom:30px;\r\n padding:25px 28px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-green);\r\n border-radius:15px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sobi .fu-intro strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SPRUNGNAVIGATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-sobi .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n margin:0 0 32px;\r\n padding:17px;\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-sobi .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 13px;\r\n border-radius:9px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green-dark);\r\n font-size:.92rem;\r\n font-weight:700;\r\n}\r\n\r\n.fu-sobi .fu-nav a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SECTIONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-sobi .fu-section {\r\n margin:0 0 38px;\r\n}\r\n\r\n.fu-sobi .fu-section-head {\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-sobi .fu-section-head p {\r\n color:var(--fu-muted);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n KARTEN\r\n --------------------------------------------------------- */\r\n\r\n.fu-sobi .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-sobi .fu-card {\r\n height:100%;\r\n padding:23px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n transition:transform .2s ease,box-shadow .2s ease;\r\n}\r\n\r\n.fu-sobi .fu-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-sobi .fu-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:46px;\r\n height:46px;\r\n margin-bottom:15px;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-sobi .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HIGHLIGHT\r\n --------------------------------------------------------- */\r\n\r\n.fu-sobi .fu-highlight {\r\n margin:28px 0;\r\n padding:25px 28px;\r\n border-radius:16px;\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d5ae;\r\n}\r\n\r\n.fu-sobi .fu-highlight h3 {\r\n color:#8a4a05;\r\n}\r\n\r\n.fu-sobi .fu-highlight p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n PROGRAMMBOX\r\n --------------------------------------------------------- */\r\n\r\n.fu-sobi .fu-programm {\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:20px;\r\n align-items:stretch;\r\n}\r\n\r\n.fu-sobi .fu-programm-main,\r\n.fu-sobi .fu-programm-side {\r\n padding:26px;\r\n border-radius:17px;\r\n border:1px solid var(--fu-border);\r\n box-shadow:var(--fu-shadow);\r\n background:#fff;\r\n}\r\n\r\n.fu-sobi .fu-programm-main {\r\n background:linear-gradient(\r\n 135deg,\r\n var(--fu-green-soft),\r\n #fff\r\n );\r\n}\r\n\r\n.fu-sobi .fu-programm-side {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-sobi .fu-programm-side h3 {\r\n color:#fff;\r\n}\r\n\r\n.fu-sobi .fu-programm-side p {\r\n color:rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-sobi .fu-programm-side .fu-btn {\r\n background:#fff;\r\n color:var(--fu-green-dark) !important;\r\n border-color:#fff;\r\n}\r\n\r\n.fu-sobi .fu-programm-side .fu-btn:hover {\r\n background:var(--fu-green-light);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n LISTEN\r\n --------------------------------------------------------- */\r\n\r\n.fu-sobi .fu-list {\r\n margin:0;\r\n padding:0;\r\n list-style:none;\r\n}\r\n\r\n.fu-sobi .fu-list li {\r\n position:relative;\r\n margin:0 0 10px;\r\n padding-left:29px;\r\n}\r\n\r\n.fu-sobi .fu-list li::before {\r\n content:\"\";\r\n position:absolute;\r\n left:2px;\r\n top:.65em;\r\n width:9px;\r\n height:9px;\r\n border-radius:50%;\r\n background:var(--fu-orange);\r\n}\r\n\r\n.fu-sobi .fu-list li:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n AKTUELL\r\n --------------------------------------------------------- */\r\n\r\n.fu-sobi .fu-current {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-sobi .fu-current-item {\r\n padding:20px;\r\n border-radius:14px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-sobi .fu-current-item strong {\r\n display:block;\r\n margin-bottom:5px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n KONTAKT\r\n --------------------------------------------------------- */\r\n\r\n.fu-sobi .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-sobi .fu-contact-card {\r\n padding:26px;\r\n border-radius:17px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sobi .fu-contact-line {\r\n display:flex;\r\n gap:11px;\r\n align-items:flex-start;\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-sobi .fu-contact-line i {\r\n flex:0 0 22px;\r\n margin-top:3px;\r\n color:var(--fu-green);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-sobi .fu-contact-line:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n ABSCHLUSS\r\n --------------------------------------------------------- */\r\n\r\n.fu-sobi .fu-back {\r\n margin-top:35px;\r\n padding-top:24px;\r\n border-top:1px solid var(--fu-border);\r\n text-align:center;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RESPONSIVE\r\n --------------------------------------------------------- */\r\n\r\n@media (max-width:900px) {\r\n .fu-sobi .fu-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-sobi .fu-programm {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:700px) {\r\n .fu-sobi {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-sobi .fu-hero {\r\n padding:30px 23px;\r\n border-radius:16px;\r\n }\r\n\r\n .fu-sobi .fu-intro,\r\n .fu-sobi .fu-card,\r\n .fu-sobi .fu-programm-main,\r\n .fu-sobi .fu-programm-side,\r\n .fu-sobi .fu-contact-card {\r\n padding:20px;\r\n }\r\n\r\n .fu-sobi .fu-grid,\r\n .fu-sobi .fu-current,\r\n .fu-sobi .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-sobi .fu-nav {\r\n gap:7px;\r\n }\r\n\r\n .fu-sobi .fu-nav a {\r\n flex:1 1 auto;\r\n justify-content:center;\r\n }\r\n\r\n .fu-sobi .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-sobi .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 277 ===== */ @scope (.fu-article-277) { \r\n/* =========================================================\r\n FAST UMSONST – FÖRDERPROGRAMME\r\n Berufliche Weiterbildung finanzieren\r\n ========================================================= */\r\n\r\n.fu-foerderung {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 34px rgba(31,75,63,.14);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:10px 20px 60px;\r\n\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-foerderung *,\r\n.fu-foerderung *::before,\r\n.fu-foerderung *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-foerderung a {\r\n text-decoration:none;\r\n}\r\n\r\n.fu-foerderung h1,\r\n.fu-foerderung h2,\r\n.fu-foerderung h3 {\r\n color:var(--fu-green-dark);\r\n line-height:1.3;\r\n}\r\n\r\n.fu-foerderung p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-foerderung .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n\r\n background:linear-gradient(\r\n 135deg,\r\n var(--fu-green) 0%,\r\n var(--fu-green-dark) 100%\r\n );\r\n\r\n color:#fff;\r\n\r\n border-radius:22px;\r\n\r\n padding:42px 42px 38px;\r\n margin-bottom:28px;\r\n\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-foerderung .fu-hero::after {\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n width:260px;\r\n height:260px;\r\n\r\n right:-100px;\r\n top:-110px;\r\n\r\n border-radius:50%;\r\n\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-foerderung .fu-hero-icon {\r\n position:relative;\r\n z-index:1;\r\n\r\n width:60px;\r\n height:60px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-bottom:20px;\r\n\r\n background:rgba(255,255,255,.14);\r\n\r\n border-radius:16px;\r\n\r\n font-size:28px;\r\n}\r\n\r\n.fu-foerderung .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n\r\n margin:0 0 14px;\r\n\r\n color:#fff;\r\n\r\n font-size:clamp(30px,4vw,44px);\r\n font-weight:800;\r\n\r\n letter-spacing:-.02em;\r\n}\r\n\r\n.fu-foerderung .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n\r\n max-width:900px;\r\n\r\n margin:0;\r\n\r\n color:rgba(255,255,255,.92);\r\n\r\n font-size:18px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-foerderung .fu-intro {\r\n background:#fff;\r\n\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n\r\n padding:28px 30px;\r\n margin-bottom:28px;\r\n\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-foerderung .fu-intro p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-foerderung .fu-intro strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n JUMP NAV\r\n ========================================================= */\r\n\r\n.fu-foerderung .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n\r\n margin-bottom:38px;\r\n}\r\n\r\n.fu-foerderung .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n\r\n padding:9px 15px;\r\n\r\n background:var(--fu-green-soft);\r\n color:var(--fu-green-dark);\r\n\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n\r\n font-size:14px;\r\n font-weight:700;\r\n\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-foerderung .fu-jump a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n\r\n transform:translateY(-1px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-foerderung .fu-section {\r\n margin-bottom:42px;\r\n}\r\n\r\n.fu-foerderung .fu-section-header {\r\n margin-bottom:20px;\r\n}\r\n\r\n.fu-foerderung .fu-section-header h2 {\r\n margin:0 0 8px;\r\n\r\n font-size:30px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-foerderung .fu-section-header p {\r\n max-width:900px;\r\n\r\n margin:0;\r\n\r\n color:var(--fu-muted);\r\n}\r\n\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-foerderung .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-foerderung .fu-card {\r\n display:flex;\r\n flex-direction:column;\r\n\r\n background:#fff;\r\n\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n\r\n padding:28px;\r\n\r\n box-shadow:var(--fu-shadow);\r\n\r\n transition:\r\n transform .22s ease,\r\n box-shadow .22s ease,\r\n border-color .22s ease;\r\n}\r\n\r\n.fu-foerderung .fu-card:hover {\r\n transform:translateY(-3px);\r\n\r\n border-color:#c9d9d3;\r\n\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-foerderung .fu-card-icon {\r\n width:52px;\r\n height:52px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-bottom:17px;\r\n\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n\r\n border-radius:14px;\r\n\r\n font-size:24px;\r\n}\r\n\r\n.fu-foerderung .fu-card h3 {\r\n margin:0 0 10px;\r\n\r\n font-size:22px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-foerderung .fu-card p {\r\n margin:0 0 16px;\r\n\r\n color:var(--fu-muted);\r\n}\r\n\r\n.fu-foerderung .fu-card ul {\r\n margin:0 0 20px;\r\n padding-left:21px;\r\n}\r\n\r\n.fu-foerderung .fu-card li {\r\n margin-bottom:7px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n FUNDING AMOUNT\r\n ========================================================= */\r\n\r\n.fu-foerderung .fu-amount {\r\n display:flex;\r\n align-items:center;\r\n gap:18px;\r\n\r\n margin:6px 0 20px;\r\n padding:18px;\r\n\r\n background:var(--fu-green-soft);\r\n\r\n border:1px solid #cfe0d9;\r\n border-radius:15px;\r\n}\r\n\r\n.fu-foerderung .fu-amount-number {\r\n flex:0 0 auto;\r\n\r\n color:var(--fu-green-dark);\r\n\r\n font-size:30px;\r\n font-weight:850;\r\n line-height:1;\r\n}\r\n\r\n.fu-foerderung .fu-amount-text {\r\n color:var(--fu-text);\r\n\r\n font-size:14px;\r\n line-height:1.45;\r\n}\r\n\r\n\r\n/* =========================================================\r\n WARNING / OLD INFORMATION\r\n ========================================================= */\r\n\r\n.fu-foerderung .fu-warning {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:15px;\r\n\r\n padding:21px 23px;\r\n margin:0 0 30px;\r\n\r\n background:var(--fu-orange-light);\r\n\r\n border:1px solid #efd2aa;\r\n border-radius:17px;\r\n\r\n color:#67471f;\r\n}\r\n\r\n.fu-foerderung .fu-warning-icon {\r\n flex:0 0 auto;\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n background:#fff;\r\n\r\n color:var(--fu-orange);\r\n\r\n border-radius:10px;\r\n\r\n font-size:18px;\r\n}\r\n\r\n.fu-foerderung .fu-warning strong {\r\n color:#68430f;\r\n}\r\n\r\n.fu-foerderung .fu-warning p {\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n STEPS\r\n ========================================================= */\r\n\r\n.fu-foerderung .fu-steps {\r\n display:grid;\r\n grid-template-columns:repeat(4,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-foerderung .fu-step {\r\n background:#fff;\r\n\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n\r\n padding:22px;\r\n\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-foerderung .fu-step-number {\r\n width:38px;\r\n height:38px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-bottom:13px;\r\n\r\n background:var(--fu-green);\r\n color:#fff;\r\n\r\n border-radius:50%;\r\n\r\n font-weight:800;\r\n}\r\n\r\n.fu-foerderung .fu-step h3 {\r\n margin:0 0 8px;\r\n\r\n font-size:18px;\r\n}\r\n\r\n.fu-foerderung .fu-step p {\r\n margin:0;\r\n\r\n color:var(--fu-muted);\r\n\r\n font-size:15px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n CHECKLIST\r\n ========================================================= */\r\n\r\n.fu-foerderung .fu-checklist {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px 20px;\r\n\r\n margin-top:20px;\r\n}\r\n\r\n.fu-foerderung .fu-check {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:10px;\r\n\r\n padding:13px 15px;\r\n\r\n background:var(--fu-green-soft);\r\n\r\n border-radius:12px;\r\n}\r\n\r\n.fu-foerderung .fu-check i {\r\n flex:0 0 auto;\r\n\r\n margin-top:3px;\r\n\r\n color:var(--fu-green);\r\n\r\n font-size:17px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-foerderung .fu-highlight {\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--fu-green-soft),\r\n #fff\r\n );\r\n\r\n border:1px solid #cfe0d9;\r\n border-radius:20px;\r\n\r\n padding:30px;\r\n\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-foerderung .fu-highlight h2 {\r\n margin:0 0 10px;\r\n\r\n font-size:26px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-foerderung .fu-highlight p {\r\n max-width:900px;\r\n\r\n margin:0 0 15px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-foerderung .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n\r\n margin-top:auto;\r\n padding-top:6px;\r\n}\r\n\r\n.fu-foerderung .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n\r\n min-height:44px;\r\n\r\n padding:10px 16px;\r\n\r\n border-radius:10px;\r\n\r\n font-size:14px;\r\n font-weight:750;\r\n\r\n line-height:1.2;\r\n\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-foerderung .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff;\r\n\r\n border:1px solid var(--fu-green);\r\n}\r\n\r\n.fu-foerderung .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n border-color:var(--fu-green-dark);\r\n color:#fff;\r\n}\r\n\r\n.fu-foerderung .fu-btn-secondary {\r\n background:#fff;\r\n color:var(--fu-green-dark);\r\n\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-foerderung .fu-btn-secondary:hover {\r\n background:var(--fu-green-soft);\r\n border-color:var(--fu-green);\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-foerderung .fu-btn-orange {\r\n background:var(--fu-orange);\r\n color:#fff;\r\n\r\n border:1px solid var(--fu-orange);\r\n}\r\n\r\n.fu-foerderung .fu-btn-orange:hover {\r\n background:#b85f05;\r\n border-color:#b85f05;\r\n color:#fff;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INFO BOX\r\n ========================================================= */\r\n\r\n.fu-foerderung .fu-info {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:14px;\r\n\r\n padding:20px 22px;\r\n margin-top:20px;\r\n\r\n background:#fff;\r\n\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-foerderung .fu-info-icon {\r\n flex:0 0 auto;\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n background:var(--fu-green-light);\r\n\r\n color:var(--fu-green);\r\n\r\n border-radius:10px;\r\n}\r\n\r\n.fu-foerderung .fu-info p {\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BACK\r\n ========================================================= */\r\n\r\n.fu-foerderung .fu-back {\r\n margin-top:40px;\r\n\r\n text-align:center;\r\n}\r\n\r\n.fu-foerderung .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n\r\n color:var(--fu-green);\r\n\r\n font-weight:750;\r\n}\r\n\r\n.fu-foerderung .fu-back a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:1000px) {\r\n\r\n .fu-foerderung .fu-steps {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-foerderung .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-foerderung .fu-checklist {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-foerderung {\r\n padding-left:12px;\r\n padding-right:12px;\r\n padding-bottom:45px;\r\n }\r\n\r\n .fu-foerderung .fu-hero {\r\n padding:30px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-foerderung .fu-hero h1 {\r\n font-size:31px;\r\n }\r\n\r\n .fu-foerderung .fu-hero p {\r\n font-size:16px;\r\n }\r\n\r\n .fu-foerderung .fu-intro,\r\n .fu-foerderung .fu-card,\r\n .fu-foerderung .fu-highlight {\r\n padding:23px;\r\n }\r\n\r\n .fu-foerderung .fu-steps {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-foerderung .fu-actions {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-foerderung .fu-btn {\r\n width:100%;\r\n }\r\n\r\n .fu-foerderung .fu-jump {\r\n gap:7px;\r\n }\r\n\r\n .fu-foerderung .fu-jump a {\r\n font-size:13px;\r\n padding:8px 12px;\r\n }\r\n\r\n .fu-foerderung .fu-amount {\r\n align-items:flex-start;\r\n flex-direction:column;\r\n gap:8px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 278 ===== */ @scope (.fu-article-278) { \r\n/* =========================================================\r\n FAST UMSONST – BERUFSINFORMATIONSZENTRUM BIZ MÜNSTER\r\n Moderne Beitragsseite\r\n ========================================================= */\r\n\r\n.fu-biz {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 34px rgba(31,75,63,.14);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:10px 20px 60px;\r\n\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-biz *,\r\n.fu-biz *::before,\r\n.fu-biz *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-biz a {\r\n text-decoration:none;\r\n}\r\n\r\n.fu-biz h1,\r\n.fu-biz h2,\r\n.fu-biz h3 {\r\n color:var(--fu-green-dark);\r\n line-height:1.3;\r\n}\r\n\r\n.fu-biz p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-biz .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n\r\n background:linear-gradient(\r\n 135deg,\r\n var(--fu-green) 0%,\r\n var(--fu-green-dark) 100%\r\n );\r\n\r\n color:#fff;\r\n border-radius:22px;\r\n\r\n padding:42px 42px 38px;\r\n margin-bottom:28px;\r\n\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-biz .fu-hero::after {\r\n content:\"\";\r\n\r\n position:absolute;\r\n width:240px;\r\n height:240px;\r\n\r\n right:-100px;\r\n top:-100px;\r\n\r\n border-radius:50%;\r\n\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-biz .fu-hero-icon {\r\n position:relative;\r\n z-index:1;\r\n\r\n width:60px;\r\n height:60px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-bottom:20px;\r\n\r\n background:rgba(255,255,255,.14);\r\n border-radius:16px;\r\n\r\n font-size:29px;\r\n}\r\n\r\n.fu-biz .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n\r\n margin:0 0 14px;\r\n\r\n color:#fff;\r\n\r\n font-size:clamp(30px,4vw,44px);\r\n font-weight:800;\r\n letter-spacing:-.02em;\r\n}\r\n\r\n.fu-biz .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n\r\n max-width:850px;\r\n\r\n margin:0;\r\n\r\n color:rgba(255,255,255,.92);\r\n\r\n font-size:18px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-biz .fu-intro {\r\n background:var(--fu-white);\r\n\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n\r\n padding:28px 30px;\r\n margin-bottom:30px;\r\n\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-biz .fu-intro p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-biz .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-biz .fu-intro strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n QUICK NAVIGATION\r\n ========================================================= */\r\n\r\n.fu-biz .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n\r\n margin:0 0 38px;\r\n}\r\n\r\n.fu-biz .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n\r\n padding:9px 15px;\r\n\r\n background:var(--fu-green-soft);\r\n color:var(--fu-green-dark);\r\n\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n\r\n font-size:14px;\r\n font-weight:700;\r\n\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-biz .fu-jump a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n\r\n transform:translateY(-1px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-biz .fu-section {\r\n margin-bottom:42px;\r\n}\r\n\r\n.fu-biz .fu-section-header {\r\n margin-bottom:20px;\r\n}\r\n\r\n.fu-biz .fu-section-header h2 {\r\n margin:0 0 8px;\r\n\r\n font-size:30px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-biz .fu-section-header p {\r\n max-width:850px;\r\n\r\n margin:0;\r\n\r\n color:var(--fu-muted);\r\n}\r\n\r\n\r\n/* =========================================================\r\n CARD GRID\r\n ========================================================= */\r\n\r\n.fu-biz .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-biz .fu-card {\r\n display:flex;\r\n flex-direction:column;\r\n\r\n background:#fff;\r\n\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n\r\n padding:27px;\r\n\r\n box-shadow:var(--fu-shadow);\r\n\r\n transition:\r\n transform .22s ease,\r\n box-shadow .22s ease,\r\n border-color .22s ease;\r\n}\r\n\r\n.fu-biz .fu-card:hover {\r\n transform:translateY(-3px);\r\n\r\n border-color:#c9d9d3;\r\n\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n\r\n/* =========================================================\r\n CARD ICON\r\n ========================================================= */\r\n\r\n.fu-biz .fu-card-icon {\r\n width:50px;\r\n height:50px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-bottom:16px;\r\n\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n\r\n border-radius:14px;\r\n\r\n font-size:23px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n CARD CONTENT\r\n ========================================================= */\r\n\r\n.fu-biz .fu-card h3 {\r\n margin:0 0 10px;\r\n\r\n font-size:21px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-biz .fu-card p {\r\n margin:0 0 16px;\r\n\r\n color:var(--fu-muted);\r\n}\r\n\r\n.fu-biz .fu-card ul {\r\n margin:0 0 18px;\r\n padding-left:21px;\r\n}\r\n\r\n.fu-biz .fu-card li {\r\n margin-bottom:7px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n CONTACT DETAILS\r\n ========================================================= */\r\n\r\n.fu-biz .fu-contact-list {\r\n margin:4px 0 20px;\r\n}\r\n\r\n.fu-biz .fu-contact-row {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n\r\n padding:10px 0;\r\n\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-biz .fu-contact-row:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-biz .fu-contact-icon {\r\n flex:0 0 auto;\r\n\r\n width:35px;\r\n height:35px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n\r\n border-radius:10px;\r\n}\r\n\r\n.fu-biz .fu-contact-content {\r\n min-width:0;\r\n}\r\n\r\n.fu-biz .fu-contact-label {\r\n display:block;\r\n\r\n margin-bottom:1px;\r\n\r\n color:var(--fu-muted);\r\n\r\n font-size:13px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-biz .fu-contact-value {\r\n color:var(--fu-text);\r\n font-weight:600;\r\n}\r\n\r\n\r\n/* =========================================================\r\n OPENING HOURS\r\n ========================================================= */\r\n\r\n.fu-biz .fu-hours {\r\n margin-top:5px;\r\n}\r\n\r\n.fu-biz .fu-hours-row {\r\n display:flex;\r\n justify-content:space-between;\r\n gap:20px;\r\n\r\n padding:8px 0;\r\n\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-biz .fu-hours-row:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-biz .fu-hours-day {\r\n font-weight:700;\r\n}\r\n\r\n.fu-biz .fu-hours-time {\r\n text-align:right;\r\n color:var(--fu-muted);\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-biz .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n\r\n margin-top:auto;\r\n padding-top:5px;\r\n}\r\n\r\n.fu-biz .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n\r\n min-height:44px;\r\n\r\n padding:10px 16px;\r\n\r\n border-radius:10px;\r\n\r\n font-size:14px;\r\n font-weight:750;\r\n\r\n line-height:1.2;\r\n\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-biz .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff;\r\n\r\n border:1px solid var(--fu-green);\r\n}\r\n\r\n.fu-biz .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n border-color:var(--fu-green-dark);\r\n color:#fff;\r\n}\r\n\r\n.fu-biz .fu-btn-secondary {\r\n background:#fff;\r\n color:var(--fu-green-dark);\r\n\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-biz .fu-btn-secondary:hover {\r\n background:var(--fu-green-soft);\r\n border-color:var(--fu-green);\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-biz .fu-btn-orange {\r\n background:var(--fu-orange);\r\n color:#fff;\r\n\r\n border:1px solid var(--fu-orange);\r\n}\r\n\r\n.fu-biz .fu-btn-orange:hover {\r\n background:#b85f05;\r\n border-color:#b85f05;\r\n color:#fff;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-biz .fu-highlight {\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--fu-green-soft),\r\n #fff\r\n );\r\n\r\n border:1px solid #cfe0d9;\r\n border-radius:20px;\r\n\r\n padding:30px;\r\n\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-biz .fu-highlight h2 {\r\n margin:0 0 10px;\r\n\r\n font-size:25px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-biz .fu-highlight p {\r\n max-width:900px;\r\n margin:0 0 15px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n NOTE\r\n ========================================================= */\r\n\r\n.fu-biz .fu-note {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:14px;\r\n\r\n padding:20px 22px;\r\n margin-top:20px;\r\n\r\n background:var(--fu-orange-light);\r\n\r\n border:1px solid #f0d2a9;\r\n border-radius:16px;\r\n\r\n color:#6d4a20;\r\n}\r\n\r\n.fu-biz .fu-note-icon {\r\n flex:0 0 auto;\r\n\r\n width:37px;\r\n height:37px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n background:#fff;\r\n color:var(--fu-orange);\r\n\r\n border-radius:10px;\r\n}\r\n\r\n.fu-biz .fu-note p {\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n STEPS\r\n ========================================================= */\r\n\r\n.fu-biz .fu-steps {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-biz .fu-step {\r\n background:#fff;\r\n\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n\r\n padding:22px;\r\n\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-biz .fu-step-number {\r\n width:38px;\r\n height:38px;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n margin-bottom:13px;\r\n\r\n background:var(--fu-green);\r\n color:#fff;\r\n\r\n border-radius:50%;\r\n\r\n font-weight:800;\r\n}\r\n\r\n.fu-biz .fu-step h3 {\r\n margin:0 0 8px;\r\n\r\n font-size:18px;\r\n}\r\n\r\n.fu-biz .fu-step p {\r\n margin:0;\r\n\r\n color:var(--fu-muted);\r\n font-size:15px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BACK\r\n ========================================================= */\r\n\r\n.fu-biz .fu-back {\r\n margin-top:38px;\r\n text-align:center;\r\n}\r\n\r\n.fu-biz .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n\r\n color:var(--fu-green);\r\n\r\n font-weight:750;\r\n}\r\n\r\n.fu-biz .fu-back a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-biz .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-biz .fu-steps {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-biz {\r\n padding-left:12px;\r\n padding-right:12px;\r\n padding-bottom:45px;\r\n }\r\n\r\n .fu-biz .fu-hero {\r\n padding:30px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-biz .fu-hero h1 {\r\n font-size:31px;\r\n }\r\n\r\n .fu-biz .fu-hero p {\r\n font-size:16px;\r\n }\r\n\r\n .fu-biz .fu-intro,\r\n .fu-biz .fu-card,\r\n .fu-biz .fu-highlight {\r\n padding:23px;\r\n }\r\n\r\n .fu-biz .fu-actions {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-biz .fu-btn {\r\n width:100%;\r\n }\r\n\r\n .fu-biz .fu-jump {\r\n gap:7px;\r\n }\r\n\r\n .fu-biz .fu-jump a {\r\n font-size:13px;\r\n padding:8px 12px;\r\n }\r\n\r\n .fu-biz .fu-hours-row {\r\n gap:10px;\r\n }\r\n\r\n .fu-biz .fu-hours-time {\r\n white-space:nowrap;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 279 ===== */ @scope (.fu-article-279) { \r\n/* =========================================================\r\n FAST UMSONST – GEBA MÜNSTER\r\n Moderne Infoseite / Berufliche Weiterbildung\r\n ========================================================= */\r\n\r\n.fu-geba {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 20px 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-geba * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-geba a {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-geba a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-geba .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-green-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 36px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n text-align:center;\r\n}\r\n\r\n.fu-geba .fu-hero .fu-icon {\r\n width:64px;\r\n height:64px;\r\n margin:0 auto 18px;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.12);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:30px;\r\n}\r\n\r\n.fu-geba .fu-hero h1 {\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(30px,4vw,46px);\r\n font-weight:700;\r\n line-height:1.15;\r\n}\r\n\r\n.fu-geba .fu-hero .fu-subtitle {\r\n max-width:780px;\r\n margin:0 auto;\r\n color:rgba(255,255,255,.92);\r\n font-size:18px;\r\n}\r\n\r\n/* =========================================================\r\n EINLEITUNG\r\n ========================================================= */\r\n\r\n.fu-geba .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px 30px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-geba .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-geba .fu-lead {\r\n font-size:18px;\r\n line-height:1.75;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-geba .fu-nav {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:20px;\r\n margin-bottom:32px;\r\n}\r\n\r\n.fu-geba .fu-nav-title {\r\n font-weight:700;\r\n color:var(--fu-green-dark);\r\n margin-bottom:12px;\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n}\r\n\r\n.fu-geba .fu-nav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n}\r\n\r\n.fu-geba .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n text-decoration:none;\r\n font-size:14px;\r\n font-weight:600;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-geba .fu-nav a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-geba .fu-section {\r\n margin:38px 0;\r\n}\r\n\r\n.fu-geba .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 18px;\r\n color:var(--fu-green-dark);\r\n font-size:28px;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-geba .fu-section-title i {\r\n color:var(--fu-green);\r\n font-size:25px;\r\n}\r\n\r\n.fu-geba .fu-section-intro {\r\n color:var(--fu-muted);\r\n margin:-6px 0 22px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-geba .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n.fu-geba .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:var(--fu-shadow);\r\n height:100%;\r\n}\r\n\r\n.fu-geba .fu-card-icon {\r\n width:48px;\r\n height:48px;\r\n border-radius:14px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:22px;\r\n margin-bottom:15px;\r\n}\r\n\r\n.fu-geba .fu-card h3 {\r\n color:var(--fu-green-dark);\r\n font-size:20px;\r\n line-height:1.3;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-geba .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-geba .fu-card ul {\r\n margin:12px 0 0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-geba .fu-card li {\r\n margin-bottom:6px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-geba .fu-highlight {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d2a8;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:16px;\r\n padding:24px 26px;\r\n margin:25px 0;\r\n}\r\n\r\n.fu-geba .fu-highlight h3 {\r\n color:#8a4b05;\r\n margin:0 0 8px;\r\n font-size:21px;\r\n}\r\n\r\n.fu-geba .fu-highlight p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n AVGS BOX\r\n ========================================================= */\r\n\r\n.fu-geba .fu-avgs {\r\n background:var(--fu-green-light);\r\n border:1px solid #c9ddd4;\r\n border-radius:18px;\r\n padding:25px 28px;\r\n margin-top:24px;\r\n}\r\n\r\n.fu-geba .fu-avgs h3 {\r\n color:var(--fu-green-dark);\r\n margin:0 0 10px;\r\n font-size:21px;\r\n}\r\n\r\n.fu-geba .fu-avgs p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n STANDORTE\r\n ========================================================= */\r\n\r\n.fu-geba .fu-location {\r\n display:flex;\r\n gap:16px;\r\n align-items:flex-start;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:20px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-geba .fu-location + .fu-location {\r\n margin-top:14px;\r\n}\r\n\r\n.fu-geba .fu-location-icon {\r\n flex:0 0 44px;\r\n width:44px;\r\n height:44px;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:20px;\r\n}\r\n\r\n.fu-geba .fu-location h3 {\r\n margin:0 0 4px;\r\n color:var(--fu-green-dark);\r\n font-size:19px;\r\n}\r\n\r\n.fu-geba .fu-location p {\r\n margin:0;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-geba .fu-contact {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:20px;\r\n padding:30px;\r\n margin-top:35px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-geba .fu-contact h2 {\r\n color:#fff;\r\n margin:0 0 18px;\r\n}\r\n\r\n.fu-geba .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-geba .fu-contact-item {\r\n background:rgba(255,255,255,.09);\r\n border:1px solid rgba(255,255,255,.12);\r\n border-radius:14px;\r\n padding:16px;\r\n}\r\n\r\n.fu-geba .fu-contact-item strong {\r\n display:block;\r\n color:#fff;\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-geba .fu-contact-item a {\r\n color:#fff;\r\n text-decoration:underline;\r\n text-decoration-color:rgba(255,255,255,.5);\r\n}\r\n\r\n.fu-geba .fu-contact-item a:hover {\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-geba .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-geba .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:11px;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n border:1px solid transparent;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-geba .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-geba .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-geba .fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n border-color:var(--fu-border);\r\n}\r\n\r\n.fu-geba .fu-btn-light:hover {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n BACK LINK\r\n ========================================================= */\r\n\r\n.fu-geba .fu-back {\r\n text-align:center;\r\n margin-top:32px;\r\n}\r\n\r\n.fu-geba .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-geba .fu-back a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:800px) {\r\n .fu-geba {\r\n padding-left:14px;\r\n padding-right:14px;\r\n }\r\n\r\n .fu-geba .fu-hero {\r\n padding:34px 22px;\r\n }\r\n\r\n .fu-geba .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-geba .fu-contact-grid {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:560px) {\r\n .fu-geba .fu-hero h1 {\r\n font-size:31px;\r\n }\r\n\r\n .fu-geba .fu-hero .fu-subtitle {\r\n font-size:16px;\r\n }\r\n\r\n .fu-geba .fu-intro,\r\n .fu-geba .fu-card,\r\n .fu-geba .fu-contact {\r\n padding:21px;\r\n }\r\n\r\n .fu-geba .fu-section-title {\r\n font-size:24px;\r\n }\r\n\r\n .fu-geba .fu-nav-links {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-geba .fu-nav a {\r\n justify-content:flex-start;\r\n }\r\n\r\n .fu-geba .fu-actions {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-geba .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 280 ===== */ @scope (.fu-article-280) { \r\n/* =========================================================\r\n FAST UMSONST – HBZ MÜNSTER\r\n Handwerkskammer Bildungszentrum\r\n Moderne Infoseite / Berufliche Weiterbildung\r\n ========================================================= */\r\n\r\n.fu-hbz {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 20px 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-hbz * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-hbz a {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-hbz a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hbz .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-green-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 36px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n text-align:center;\r\n}\r\n\r\n.fu-hbz .fu-hero .fu-icon {\r\n width:66px;\r\n height:66px;\r\n margin:0 auto 18px;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.12);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:31px;\r\n}\r\n\r\n.fu-hbz .fu-hero h1 {\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(30px,4vw,46px);\r\n font-weight:700;\r\n line-height:1.15;\r\n}\r\n\r\n.fu-hbz .fu-hero .fu-subtitle {\r\n max-width:820px;\r\n margin:0 auto;\r\n color:rgba(255,255,255,.92);\r\n font-size:18px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n EINLEITUNG\r\n ========================================================= */\r\n\r\n.fu-hbz .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px 30px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-hbz .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-hbz .fu-lead {\r\n font-size:18px;\r\n line-height:1.75;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-hbz .fu-nav {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:20px;\r\n margin-bottom:32px;\r\n}\r\n\r\n.fu-hbz .fu-nav-title {\r\n font-weight:700;\r\n color:var(--fu-green-dark);\r\n margin-bottom:12px;\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n}\r\n\r\n.fu-hbz .fu-nav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n}\r\n\r\n.fu-hbz .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n text-decoration:none;\r\n font-size:14px;\r\n font-weight:600;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-hbz .fu-nav a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-1px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-hbz .fu-section {\r\n margin:38px 0;\r\n}\r\n\r\n.fu-hbz .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 18px;\r\n color:var(--fu-green-dark);\r\n font-size:28px;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-hbz .fu-section-title i {\r\n color:var(--fu-green);\r\n font-size:25px;\r\n}\r\n\r\n.fu-hbz .fu-section-intro {\r\n color:var(--fu-muted);\r\n margin:-6px 0 22px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-hbz .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n.fu-hbz .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:var(--fu-shadow);\r\n height:100%;\r\n}\r\n\r\n.fu-hbz .fu-card-icon {\r\n width:48px;\r\n height:48px;\r\n border-radius:14px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:22px;\r\n margin-bottom:15px;\r\n}\r\n\r\n.fu-hbz .fu-card h3 {\r\n color:var(--fu-green-dark);\r\n font-size:20px;\r\n line-height:1.3;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-hbz .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-hbz .fu-card ul {\r\n margin:12px 0 0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-hbz .fu-card li {\r\n margin-bottom:6px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n GROSSER HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-hbz .fu-highlight {\r\n background:var(--fu-green-light);\r\n border:1px solid #c9ddd4;\r\n border-radius:18px;\r\n padding:26px 28px;\r\n margin:25px 0;\r\n}\r\n\r\n.fu-hbz .fu-highlight h3 {\r\n color:var(--fu-green-dark);\r\n margin:0 0 9px;\r\n font-size:22px;\r\n}\r\n\r\n.fu-hbz .fu-highlight p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ORANGE HINWEIS\r\n ========================================================= */\r\n\r\n.fu-hbz .fu-note {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d2a8;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:16px;\r\n padding:22px 25px;\r\n margin:25px 0;\r\n}\r\n\r\n.fu-hbz .fu-note h3 {\r\n color:#8a4b05;\r\n margin:0 0 8px;\r\n font-size:20px;\r\n}\r\n\r\n.fu-hbz .fu-note p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BERATUNG\r\n ========================================================= */\r\n\r\n.fu-hbz .fu-advice {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:26px 28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-hbz .fu-advice-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-hbz .fu-advice-item {\r\n background:var(--fu-green-soft);\r\n border-radius:14px;\r\n padding:18px;\r\n}\r\n\r\n.fu-hbz .fu-advice-item i {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:23px;\r\n margin-bottom:9px;\r\n}\r\n\r\n.fu-hbz .fu-advice-item strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n margin-bottom:4px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-hbz .fu-contact {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:20px;\r\n padding:30px;\r\n margin-top:35px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-hbz .fu-contact h2 {\r\n color:#fff;\r\n margin:0 0 20px;\r\n}\r\n\r\n.fu-hbz .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-hbz .fu-contact-item {\r\n background:rgba(255,255,255,.09);\r\n border:1px solid rgba(255,255,255,.12);\r\n border-radius:14px;\r\n padding:16px;\r\n}\r\n\r\n.fu-hbz .fu-contact-item strong {\r\n display:block;\r\n color:#fff;\r\n margin-bottom:4px;\r\n}\r\n\r\n.fu-hbz .fu-contact-item a {\r\n color:#fff;\r\n text-decoration:underline;\r\n text-decoration-color:rgba(255,255,255,.5);\r\n}\r\n\r\n.fu-hbz .fu-contact-item a:hover {\r\n color:#fff;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-hbz .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-hbz .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:11px;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n border:1px solid transparent;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-hbz .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-hbz .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-hbz .fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n border-color:var(--fu-border);\r\n}\r\n\r\n.fu-hbz .fu-btn-light:hover {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-hbz .fu-back {\r\n text-align:center;\r\n margin-top:32px;\r\n}\r\n\r\n.fu-hbz .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-hbz .fu-back a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:850px) {\r\n\r\n .fu-hbz .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-hbz .fu-advice-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-hbz .fu-contact-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:560px) {\r\n\r\n .fu-hbz {\r\n padding-left:14px;\r\n padding-right:14px;\r\n }\r\n\r\n .fu-hbz .fu-hero {\r\n padding:34px 22px;\r\n }\r\n\r\n .fu-hbz .fu-hero h1 {\r\n font-size:31px;\r\n }\r\n\r\n .fu-hbz .fu-hero .fu-subtitle {\r\n font-size:16px;\r\n }\r\n\r\n .fu-hbz .fu-intro,\r\n .fu-hbz .fu-card,\r\n .fu-hbz .fu-advice,\r\n .fu-hbz .fu-contact {\r\n padding:21px;\r\n }\r\n\r\n .fu-hbz .fu-section-title {\r\n font-size:24px;\r\n }\r\n\r\n .fu-hbz .fu-nav-links {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-hbz .fu-nav a {\r\n justify-content:flex-start;\r\n }\r\n\r\n .fu-hbz .fu-actions {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-hbz .fu-btn {\r\n width:100%;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 281 ===== */ @scope (.fu-article-281) { \r\n/* =========================================================\r\n FAST UMSONST – IHK NORD WESTFALEN\r\n Industrie- und Handelskammer\r\n Moderne Infoseite / Berufliche Weiterbildung\r\n ========================================================= */\r\n\r\n.fu-ihk {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 20px 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-ihk * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-ihk a {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-ihk a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-ihk .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-green-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 36px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n text-align:center;\r\n}\r\n\r\n.fu-ihk .fu-hero .fu-icon {\r\n width:66px;\r\n height:66px;\r\n margin:0 auto 18px;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.12);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:31px;\r\n}\r\n\r\n.fu-ihk .fu-hero h1 {\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(30px,4vw,46px);\r\n font-weight:700;\r\n line-height:1.15;\r\n}\r\n\r\n.fu-ihk .fu-hero .fu-subtitle {\r\n max-width:820px;\r\n margin:0 auto;\r\n color:rgba(255,255,255,.92);\r\n font-size:18px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n EINLEITUNG\r\n ========================================================= */\r\n\r\n.fu-ihk .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px 30px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ihk .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-ihk .fu-lead {\r\n font-size:18px;\r\n line-height:1.75;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-ihk .fu-nav {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:20px;\r\n margin-bottom:32px;\r\n}\r\n\r\n.fu-ihk .fu-nav-title {\r\n font-weight:700;\r\n color:var(--fu-green-dark);\r\n margin-bottom:12px;\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n}\r\n\r\n.fu-ihk .fu-nav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n}\r\n\r\n.fu-ihk .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n text-decoration:none;\r\n font-size:14px;\r\n font-weight:600;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-ihk .fu-nav a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-1px);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-ihk .fu-section {\r\n margin:38px 0;\r\n}\r\n\r\n.fu-ihk .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 18px;\r\n color:var(--fu-green-dark);\r\n font-size:28px;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-ihk .fu-section-title i {\r\n color:var(--fu-green);\r\n font-size:25px;\r\n}\r\n\r\n.fu-ihk .fu-section-intro {\r\n color:var(--fu-muted);\r\n margin:-6px 0 22px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-ihk .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n.fu-ihk .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:var(--fu-shadow);\r\n height:100%;\r\n}\r\n\r\n.fu-ihk .fu-card-icon {\r\n width:48px;\r\n height:48px;\r\n border-radius:14px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:22px;\r\n margin-bottom:15px;\r\n}\r\n\r\n.fu-ihk .fu-card h3 {\r\n color:var(--fu-green-dark);\r\n font-size:20px;\r\n line-height:1.3;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-ihk .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-ihk .fu-card ul {\r\n margin:12px 0 0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-ihk .fu-card li {\r\n margin-bottom:6px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-ihk .fu-highlight {\r\n background:var(--fu-green-light);\r\n border:1px solid #c9ddd4;\r\n border-radius:18px;\r\n padding:26px 28px;\r\n margin:25px 0;\r\n}\r\n\r\n.fu-ihk .fu-highlight h3 {\r\n color:var(--fu-green-dark);\r\n margin:0 0 9px;\r\n font-size:22px;\r\n}\r\n\r\n.fu-ihk .fu-highlight p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ORANGE HINWEIS\r\n ========================================================= */\r\n\r\n.fu-ihk .fu-note {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d2a8;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:16px;\r\n padding:22px 25px;\r\n margin:25px 0;\r\n}\r\n\r\n.fu-ihk .fu-note h3 {\r\n color:#8a4b05;\r\n margin:0 0 8px;\r\n font-size:20px;\r\n}\r\n\r\n.fu-ihk .fu-note p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n IHK-PRÜFUNGEN\r\n ========================================================= */\r\n\r\n.fu-ihk .fu-exam-box {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:27px 29px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ihk .fu-exam-list {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-ihk .fu-exam-item {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n padding:14px;\r\n background:var(--fu-green-soft);\r\n border-radius:13px;\r\n}\r\n\r\n.fu-ihk .fu-exam-item i {\r\n color:var(--fu-green);\r\n font-size:19px;\r\n margin-top:2px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n WIS\r\n ========================================================= */\r\n\r\n.fu-ihk .fu-wis {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:27px 29px;\r\n}\r\n\r\n.fu-ihk .fu-wis h3 {\r\n color:var(--fu-green-dark);\r\n margin:0 0 10px;\r\n font-size:22px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-ihk .fu-contact {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:20px;\r\n padding:30px;\r\n margin-top:35px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ihk .fu-contact h2 {\r\n color:#fff;\r\n margin:0 0 20px;\r\n}\r\n\r\n.fu-ihk .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-ihk .fu-contact-item {\r\n background:rgba(255,255,255,.09);\r\n border:1px solid rgba(255,255,255,.12);\r\n border-radius:14px;\r\n padding:16px;\r\n}\r\n\r\n.fu-ihk .fu-contact-item strong {\r\n display:block;\r\n color:#fff;\r\n margin-bottom:4px;\r\n}\r\n\r\n.fu-ihk .fu-contact-item a {\r\n color:#fff;\r\n text-decoration:underline;\r\n text-decoration-color:rgba(255,255,255,.5);\r\n}\r\n\r\n.fu-ihk .fu-contact-item a:hover {\r\n color:#fff;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-ihk .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-ihk .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:11px;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n border:1px solid transparent;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-ihk .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-ihk .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-ihk .fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n border-color:var(--fu-border);\r\n}\r\n\r\n.fu-ihk .fu-btn-light:hover {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BACK LINK\r\n ========================================================= */\r\n\r\n.fu-ihk .fu-back {\r\n text-align:center;\r\n margin-top:32px;\r\n}\r\n\r\n.fu-ihk .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ihk .fu-back a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:850px) {\r\n\r\n .fu-ihk .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-ihk .fu-exam-list {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-ihk .fu-contact-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:560px) {\r\n\r\n .fu-ihk {\r\n padding-left:14px;\r\n padding-right:14px;\r\n }\r\n\r\n .fu-ihk .fu-hero {\r\n padding:34px 22px;\r\n }\r\n\r\n .fu-ihk .fu-hero h1 {\r\n font-size:31px;\r\n }\r\n\r\n .fu-ihk .fu-hero .fu-subtitle {\r\n font-size:16px;\r\n }\r\n\r\n .fu-ihk .fu-intro,\r\n .fu-ihk .fu-card,\r\n .fu-ihk .fu-exam-box,\r\n .fu-ihk .fu-wis,\r\n .fu-ihk .fu-contact {\r\n padding:21px;\r\n }\r\n\r\n .fu-ihk .fu-section-title {\r\n font-size:24px;\r\n }\r\n\r\n .fu-ihk .fu-nav-links {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-ihk .fu-nav a {\r\n justify-content:flex-start;\r\n }\r\n\r\n .fu-ihk .fu-actions {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-ihk .fu-btn {\r\n width:100%;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 282 ===== */ @scope (.fu-article-282) { \r\n.fu-stadtbuecherei {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-white: #ffffff;\r\n --fu-shadow: 0 8px 24px rgba(23,56,47,.10);\r\n color: var(--fu-dark);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-stadtbuecherei * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 34px 28px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 15px;\r\n background: rgba(255,255,255,.14);\r\n font-size: 28px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-hero h1 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: clamp(1.8rem, 4vw, 2.7rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.08rem;\r\n opacity: .95;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-jumpbox {\r\n background: var(--fu-paper);\r\n border: 1px solid rgba(31,75,63,.12);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-jumpbox strong {\r\n display: block;\r\n margin-bottom: 12px;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-jumps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-jumps a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 999px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n border: 1px solid rgba(31,75,63,.13);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-jumps a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-section {\r\n margin: 34px 0;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-section h2 {\r\n color: var(--fu-green);\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n margin: 0 0 16px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-section-intro {\r\n margin: 0 0 20px;\r\n max-width: 900px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0,1fr));\r\n gap: 15px;\r\n margin: 24px 0 30px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-fact {\r\n background: #fff;\r\n border-radius: 15px;\r\n padding: 20px;\r\n box-shadow: var(--fu-shadow);\r\n border: 1px solid rgba(31,75,63,.08);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-fact i {\r\n color: var(--fu-orange);\r\n font-size: 24px;\r\n margin-bottom: 10px;\r\n display: block;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-fact strong {\r\n display: block;\r\n color: var(--fu-green);\r\n font-size: 1.05rem;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0,1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-card {\r\n background: #fff;\r\n border-radius: 17px;\r\n padding: 24px;\r\n box-shadow: var(--fu-shadow);\r\n border: 1px solid rgba(31,75,63,.08);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-card-icon {\r\n width: 45px;\r\n height: 45px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n background: var(--fu-paper);\r\n color: var(--fu-green);\r\n font-size: 22px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-card h3 {\r\n margin: 0 0 9px;\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-highlight {\r\n background: var(--fu-paper);\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 14px;\r\n padding: 21px 22px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-highlight strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-address-card {\r\n background: #fff;\r\n border-radius: 18px;\r\n padding: 26px;\r\n box-shadow: var(--fu-shadow);\r\n border: 1px solid rgba(31,75,63,.08);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-address {\r\n font-size: 1.08rem;\r\n margin-bottom: 17px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-hours {\r\n background: var(--fu-paper);\r\n border-radius: 13px;\r\n padding: 16px;\r\n margin: 18px 0;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-hours strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-height: 44px;\r\n padding: 10px 15px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-btn-primary {\r\n background: var(--fu-green);\r\n color: #fff;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-btn-primary:hover {\r\n background: var(--fu-dark);\r\n color: #fff;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-btn-secondary {\r\n background: var(--fu-paper);\r\n color: var(--fu-green);\r\n border: 1px solid rgba(31,75,63,.15);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-btn-secondary:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0,1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-related a {\r\n display: block;\r\n height: 100%;\r\n background: #fff;\r\n color: var(--fu-dark);\r\n text-decoration: none;\r\n border-radius: 15px;\r\n padding: 20px;\r\n box-shadow: var(--fu-shadow);\r\n border: 1px solid rgba(31,75,63,.08);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-related a:hover {\r\n transform: translateY(-2px);\r\n border-color: rgba(31,75,63,.25);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-related i {\r\n color: var(--fu-orange);\r\n font-size: 22px;\r\n display: block;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-related strong {\r\n color: var(--fu-green);\r\n display: block;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-note {\r\n font-size: .94rem;\r\n color: #53615c;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .fu-stadtbuecherei .fu-facts {\r\n grid-template-columns: repeat(2, minmax(0,1fr));\r\n }\r\n\r\n .fu-stadtbuecherei .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-stadtbuecherei .fu-hero {\r\n padding: 27px 20px;\r\n border-radius: 15px;\r\n }\r\n\r\n .fu-stadtbuecherei .fu-card-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-stadtbuecherei .fu-facts {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 11px;\r\n }\r\n\r\n .fu-stadtbuecherei .fu-fact {\r\n padding: 16px;\r\n }\r\n\r\n .fu-stadtbuecherei .fu-card,\r\n .fu-stadtbuecherei .fu-address-card {\r\n padding: 20px;\r\n }\r\n\r\n .fu-stadtbuecherei .fu-btn {\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 283 ===== */ @scope (.fu-article-283) { \r\n.fu-zweigstellen {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-white: #ffffff;\r\n --fu-shadow: 0 8px 24px rgba(23,56,47,.10);\r\n color: var(--fu-dark);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-zweigstellen * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-zweigstellen .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 34px 28px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-zweigstellen .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 15px;\r\n background: rgba(255,255,255,.14);\r\n font-size: 28px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-zweigstellen .fu-hero h1 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: clamp(1.8rem, 4vw, 2.7rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-zweigstellen .fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.08rem;\r\n opacity: .95;\r\n}\r\n\r\n.fu-zweigstellen .fu-jumpbox {\r\n background: var(--fu-paper);\r\n border: 1px solid rgba(31,75,63,.12);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-zweigstellen .fu-jumpbox strong {\r\n display: block;\r\n margin-bottom: 12px;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-zweigstellen .fu-jumps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-zweigstellen .fu-jumps a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 999px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n border: 1px solid rgba(31,75,63,.13);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-zweigstellen .fu-jumps a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n}\r\n\r\n.fu-zweigstellen .fu-section {\r\n margin: 34px 0;\r\n scroll-margin-top: 25px;\r\n}\r\n\r\n.fu-zweigstellen .fu-section h2 {\r\n color: var(--fu-green);\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n margin: 0 0 16px;\r\n}\r\n\r\n.fu-zweigstellen .fu-section-intro {\r\n margin: 0 0 20px;\r\n max-width: 900px;\r\n}\r\n\r\n.fu-zweigstellen .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0,1fr));\r\n gap: 15px;\r\n margin: 24px 0 30px;\r\n}\r\n\r\n.fu-zweigstellen .fu-fact {\r\n background: #fff;\r\n border-radius: 15px;\r\n padding: 20px;\r\n box-shadow: var(--fu-shadow);\r\n border: 1px solid rgba(31,75,63,.08);\r\n}\r\n\r\n.fu-zweigstellen .fu-fact i {\r\n color: var(--fu-orange);\r\n font-size: 24px;\r\n margin-bottom: 10px;\r\n display: block;\r\n}\r\n\r\n.fu-zweigstellen .fu-fact strong {\r\n display: block;\r\n color: var(--fu-green);\r\n font-size: 1.05rem;\r\n}\r\n\r\n.fu-zweigstellen .fu-location-section {\r\n margin: 38px 0;\r\n scroll-margin-top: 25px;\r\n}\r\n\r\n.fu-zweigstellen .fu-location-section h2 {\r\n color: var(--fu-green);\r\n font-size: clamp(1.5rem, 3vw, 2rem);\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-zweigstellen .fu-location-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0,1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-zweigstellen .fu-location {\r\n background: #fff;\r\n border-radius: 17px;\r\n padding: 24px;\r\n box-shadow: var(--fu-shadow);\r\n border: 1px solid rgba(31,75,63,.08);\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.fu-zweigstellen .fu-location-icon {\r\n width: 45px;\r\n height: 45px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n background: var(--fu-paper);\r\n color: var(--fu-green);\r\n font-size: 22px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-zweigstellen .fu-location h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-green);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-zweigstellen .fu-address {\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-zweigstellen .fu-hours {\r\n background: var(--fu-paper);\r\n border-radius: 13px;\r\n padding: 15px;\r\n margin: 5px 0 14px;\r\n}\r\n\r\n.fu-zweigstellen .fu-hours strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-zweigstellen .fu-phone {\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-zweigstellen .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n margin-top: auto;\r\n padding-top: 15px;\r\n}\r\n\r\n.fu-zweigstellen .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 7px;\r\n min-height: 43px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-zweigstellen .fu-btn-primary {\r\n background: var(--fu-green);\r\n color: #fff;\r\n}\r\n\r\n.fu-zweigstellen .fu-btn-primary:hover {\r\n background: var(--fu-dark);\r\n color: #fff;\r\n}\r\n\r\n.fu-zweigstellen .fu-btn-secondary {\r\n background: var(--fu-paper);\r\n color: var(--fu-green);\r\n border: 1px solid rgba(31,75,63,.15);\r\n}\r\n\r\n.fu-zweigstellen .fu-btn-secondary:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n}\r\n\r\n.fu-zweigstellen .fu-highlight {\r\n background: var(--fu-paper);\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 14px;\r\n padding: 21px 22px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-zweigstellen .fu-highlight strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-zweigstellen .fu-card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0,1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-zweigstellen .fu-card {\r\n background: #fff;\r\n border-radius: 16px;\r\n padding: 21px;\r\n box-shadow: var(--fu-shadow);\r\n border: 1px solid rgba(31,75,63,.08);\r\n}\r\n\r\n.fu-zweigstellen .fu-card-icon {\r\n color: var(--fu-orange);\r\n font-size: 23px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-zweigstellen .fu-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.1rem;\r\n margin: 0 0 7px;\r\n}\r\n\r\n.fu-zweigstellen .fu-card p {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-zweigstellen .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0,1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-zweigstellen .fu-related a {\r\n display: block;\r\n height: 100%;\r\n background: #fff;\r\n color: var(--fu-dark);\r\n text-decoration: none;\r\n border-radius: 15px;\r\n padding: 20px;\r\n box-shadow: var(--fu-shadow);\r\n border: 1px solid rgba(31,75,63,.08);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-zweigstellen .fu-related a:hover {\r\n transform: translateY(-2px);\r\n border-color: rgba(31,75,63,.25);\r\n}\r\n\r\n.fu-zweigstellen .fu-related i {\r\n color: var(--fu-orange);\r\n font-size: 22px;\r\n display: block;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-zweigstellen .fu-related strong {\r\n color: var(--fu-green);\r\n display: block;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-zweigstellen .fu-note {\r\n font-size: .94rem;\r\n color: #53615c;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .fu-zweigstellen .fu-facts {\r\n grid-template-columns: repeat(2, minmax(0,1fr));\r\n }\r\n\r\n .fu-zweigstellen .fu-card-grid,\r\n .fu-zweigstellen .fu-related {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-zweigstellen .fu-hero {\r\n padding: 27px 20px;\r\n border-radius: 15px;\r\n }\r\n\r\n .fu-zweigstellen .fu-location-grid,\r\n .fu-zweigstellen .fu-card-grid,\r\n .fu-zweigstellen .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-zweigstellen .fu-facts {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 11px;\r\n }\r\n\r\n .fu-zweigstellen .fu-fact {\r\n padding: 16px;\r\n }\r\n\r\n .fu-zweigstellen .fu-location,\r\n .fu-zweigstellen .fu-card {\r\n padding: 20px;\r\n }\r\n\r\n .fu-zweigstellen .fu-btn {\r\n flex: 1 1 auto;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 284 ===== */ @scope (.fu-article-284) { \r\n/* =========================================================\r\n FAST UMSONST – BÜCHERBUS DER STADTBÜCHEREI MÜNSTER\r\n Mobile Bibliothek in den Stadtteilen\r\n ========================================================= */\r\n\r\n.fu-buecherbus {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e5e7e3;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-buecherbus * {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-buecherbus .fu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 72%, #285b4d 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-buecherbus .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,.12);\r\n font-size: 28px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-buecherbus .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.1;\r\n margin: 0 0 14px;\r\n font-weight: 750;\r\n}\r\n\r\n.fu-buecherbus .fu-hero-lead {\r\n max-width: 820px;\r\n font-size: 1.12rem;\r\n margin: 0 0 26px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-buecherbus .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-buecherbus .fu-fact {\r\n background: rgba(255,255,255,.09);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 13px;\r\n padding: 16px;\r\n}\r\n\r\n.fu-buecherbus .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: .98rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-buecherbus .fu-fact span {\r\n color: rgba(255,255,255,.82);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-buecherbus .fu-contact-line {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 22px;\r\n margin: 18px 0 24px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-buecherbus .fu-contact-line i {\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-buecherbus .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-buecherbus .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-buecherbus .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-buecherbus .fu-btn-secondary {\r\n background: rgba(255,255,255,.10);\r\n color: #fff !important;\r\n border: 1px solid rgba(255,255,255,.28);\r\n}\r\n\r\n.fu-buecherbus .fu-btn:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* JUMPNAV */\r\n\r\n.fu-buecherbus .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-buecherbus .fu-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-buecherbus .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-buecherbus .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 8px 12px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n color: var(--fu-green);\r\n text-decoration: none !important;\r\n font-size: .92rem;\r\n font-weight: 650;\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-buecherbus .fu-section {\r\n margin: 0 0 38px;\r\n}\r\n\r\n.fu-buecherbus .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.65rem;\r\n line-height: 1.2;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-buecherbus .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-buecherbus .fu-section-intro {\r\n font-size: 1.03rem;\r\n margin-bottom: 20px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-buecherbus .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-buecherbus .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-buecherbus .fu-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.16rem;\r\n margin: 0 0 9px;\r\n}\r\n\r\n.fu-buecherbus .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-buecherbus .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-buecherbus .fu-card ul {\r\n padding-left: 20px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-buecherbus .fu-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-buecherbus .fu-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-buecherbus .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* HALTESTELLEN */\r\n\r\n.fu-buecherbus .fu-stops {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n}\r\n\r\n.fu-buecherbus .fu-stop {\r\n display: block;\r\n padding: 18px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n}\r\n\r\n.fu-buecherbus .fu-stop i {\r\n display: block;\r\n color: var(--fu-orange);\r\n font-size: 1.3rem;\r\n margin-bottom: 7px;\r\n}\r\n\r\n.fu-buecherbus .fu-stop strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-buecherbus .fu-stop span {\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-buecherbus .fu-contact {\r\n background: var(--fu-paper);\r\n border-radius: 16px;\r\n padding: 26px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-buecherbus .fu-contact h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-buecherbus .fu-contact p {\r\n margin-bottom: 10px;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-buecherbus .fu-related {\r\n margin-top: 42px;\r\n}\r\n\r\n.fu-buecherbus .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-buecherbus .fu-related-card {\r\n display: block;\r\n height: 100%;\r\n padding: 19px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--fu-dark);\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-buecherbus .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n border-color: rgba(31,75,63,.35);\r\n}\r\n\r\n.fu-buecherbus .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n margin-bottom: 9px;\r\n display: block;\r\n}\r\n\r\n.fu-buecherbus .fu-related-card strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-buecherbus .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-buecherbus .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-buecherbus .fu-facts,\r\n .fu-buecherbus .fu-grid,\r\n .fu-buecherbus .fu-stops,\r\n .fu-buecherbus .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-buecherbus .fu-contact-line {\r\n flex-direction: column;\r\n gap: 7px;\r\n }\r\n\r\n .fu-buecherbus .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-buecherbus .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-buecherbus .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-buecherbus .fu-card,\r\n .fu-buecherbus .fu-contact {\r\n padding: 19px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 285 ===== */ @scope (.fu-article-285) { \r\n/* =========================================================\r\n FAST UMSONST – KIRCHLICHE BÜCHEREIEN IN MÜNSTER\r\n Kirchliche Öffentliche Büchereien\r\n ========================================================= */\r\n\r\n.fu-kirchliche-buechereien {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e5e7e3;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-kirchliche-buechereien * {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-kirchliche-buechereien .fu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 72%, #285b4d 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,.12);\r\n font-size: 28px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.1;\r\n margin: 0 0 14px;\r\n font-weight: 750;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-hero-lead {\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n margin: 0 0 26px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-fact {\r\n background: rgba(255,255,255,.09);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 13px;\r\n padding: 16px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: .98rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-fact span {\r\n color: rgba(255,255,255,.82);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-btn-secondary {\r\n background: rgba(255,255,255,.10);\r\n color: #fff !important;\r\n border: 1px solid rgba(255,255,255,.28);\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-btn:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* JUMPNAV */\r\n\r\n.fu-kirchliche-buechereien .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 8px 12px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n color: var(--fu-green);\r\n text-decoration: none !important;\r\n font-size: .92rem;\r\n font-weight: 650;\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-kirchliche-buechereien .fu-section {\r\n margin: 0 0 38px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.65rem;\r\n line-height: 1.2;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-section-intro {\r\n font-size: 1.03rem;\r\n margin-bottom: 20px;\r\n}\r\n\r\n/* LOCATION CARDS */\r\n\r\n.fu-kirchliche-buechereien .fu-locations {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-location {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-location h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n margin: 0 0 4px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-location h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-location-name {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-address {\r\n margin: 0 0 12px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-address i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-phone {\r\n margin: 0 0 14px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-phone i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-phone a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-hours {\r\n background: var(--fu-paper);\r\n border-radius: 11px;\r\n padding: 14px 16px;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-hours strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 7px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-hours div {\r\n font-size: .94rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-hours div:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-location .fu-actions {\r\n margin-top: auto;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-location .fu-btn {\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-location .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-kirchliche-buechereien .fu-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* INFO CARDS */\r\n\r\n.fu-kirchliche-buechereien .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.16rem;\r\n margin: 0 0 9px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-kirchliche-buechereien .fu-related {\r\n margin-top: 42px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-related h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.65rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-related h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-related-card {\r\n display: block;\r\n height: 100%;\r\n padding: 19px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--fu-dark);\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n border-color: rgba(31,75,63,.35);\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n margin-bottom: 9px;\r\n display: block;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-related-card strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-kirchliche-buechereien .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-kirchliche-buechereien .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-kirchliche-buechereien .fu-facts,\r\n .fu-kirchliche-buechereien .fu-locations,\r\n .fu-kirchliche-buechereien .fu-grid,\r\n .fu-kirchliche-buechereien .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-kirchliche-buechereien .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-kirchliche-buechereien .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-kirchliche-buechereien .fu-section h2,\r\n .fu-kirchliche-buechereien .fu-related h2 {\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-kirchliche-buechereien .fu-card,\r\n .fu-kirchliche-buechereien .fu-location {\r\n padding: 19px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 287 ===== */ @scope (.fu-article-287) { \r\n/* =========================================================\r\n FAST UMSONST – D.I.W.A. FRAUENFORSCHUNGSSTELLE\r\n Sprungmarken + Kartenlink + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 880px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 40px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 294 ===== */ @scope (.fu-article-294) { \r\n/* =========================================================\r\n FAST UMSONST – SPRACH- UND KULTURMITTLER\r\n Seite: /weiterbildung/sprachkurse/294-sprach-und-kulturmittler\r\n ========================================================= */\r\n\r\n.fu-sprachmittler {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 32px rgba(31,75,63,.14);\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:10px 10px 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-sprachmittler *,\r\n.fu-sprachmittler *::before,\r\n.fu-sprachmittler *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-sprachmittler h1,\r\n.fu-sprachmittler h2,\r\n.fu-sprachmittler h3 {\r\n color:var(--fu-green-dark);\r\n line-height:1.25;\r\n}\r\n\r\n.fu-sprachmittler a {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-sprachmittler a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-hero {\r\n background:linear-gradient(\r\n 135deg,\r\n var(--fu-green-dark) 0%,\r\n var(--fu-green) 100%\r\n );\r\n color:#fff;\r\n border-radius:20px;\r\n padding:42px 34px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sprachmittler .fu-hero-badge {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n background:rgba(255,255,255,.13);\r\n border:1px solid rgba(255,255,255,.2);\r\n padding:7px 13px;\r\n border-radius:999px;\r\n margin-bottom:18px;\r\n font-size:.9rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-sprachmittler .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n margin:0 0 14px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-sprachmittler .fu-hero p {\r\n max-width:830px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n EINLEITUNG\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-intro {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:27px 29px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sprachmittler .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KOSTENLOS HINWEIS\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-free-box {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:17px;\r\n background:var(--fu-green-soft);\r\n border:1px solid #cbdcd4;\r\n border-radius:17px;\r\n padding:24px 25px;\r\n margin-bottom:30px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sprachmittler .fu-free-icon {\r\n flex:0 0 48px;\r\n width:48px;\r\n height:48px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:13px;\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-sprachmittler .fu-free-box h2 {\r\n margin:0 0 6px;\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-sprachmittler .fu-free-box p {\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-jump {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:20px;\r\n margin-bottom:34px;\r\n}\r\n\r\n.fu-sprachmittler .fu-jump-title {\r\n color:var(--fu-green-dark);\r\n font-weight:700;\r\n margin-bottom:12px;\r\n}\r\n\r\n.fu-sprachmittler .fu-jump-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-sprachmittler .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green-dark);\r\n text-decoration:none;\r\n border-radius:999px;\r\n padding:8px 13px;\r\n font-size:.92rem;\r\n font-weight:600;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-sprachmittler .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-section {\r\n margin-top:38px;\r\n}\r\n\r\n.fu-sprachmittler .fu-section-heading {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 19px;\r\n font-size:1.65rem;\r\n}\r\n\r\n.fu-sprachmittler .fu-section-heading i {\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HAUPTKARTE\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-main-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:19px;\r\n padding:30px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sprachmittler .fu-main-card h3 {\r\n font-size:1.5rem;\r\n margin:0 0 13px;\r\n}\r\n\r\n.fu-sprachmittler .fu-main-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZWEI SPALTEN\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INFO-KARTEN\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:25px;\r\n box-shadow:var(--fu-shadow);\r\n transition:transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-sprachmittler .fu-card:hover {\r\n transform:translateY(-3px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-sprachmittler .fu-card-icon {\r\n width:48px;\r\n height:48px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-bottom:15px;\r\n}\r\n\r\n.fu-sprachmittler .fu-card h3 {\r\n font-size:1.25rem;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-sprachmittler .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRACHEN\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-language-list {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin-top:17px;\r\n}\r\n\r\n.fu-sprachmittler .fu-language {\r\n display:inline-flex;\r\n align-items:center;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n border:1px solid #cbdcd4;\r\n border-radius:999px;\r\n padding:6px 11px;\r\n font-size:.86rem;\r\n font-weight:600;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ABLAUF\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-steps {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:17px;\r\n}\r\n\r\n.fu-sprachmittler .fu-step {\r\n position:relative;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:23px 21px 22px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-sprachmittler .fu-step-number {\r\n width:36px;\r\n height:36px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:50%;\r\n font-weight:700;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-sprachmittler .fu-step h3 {\r\n font-size:1.08rem;\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-sprachmittler .fu-step p {\r\n margin:0;\r\n font-size:.95rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n FÜR ELTERN / FÜR SCHULEN\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-audience {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n.fu-sprachmittler .fu-audience-card {\r\n border-radius:17px;\r\n padding:27px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sprachmittler .fu-audience-card.parent {\r\n background:var(--fu-green-soft);\r\n border:1px solid #cbdcd4;\r\n}\r\n\r\n.fu-sprachmittler .fu-audience-card.school {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-sprachmittler .fu-audience-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 12px;\r\n font-size:1.28rem;\r\n}\r\n\r\n.fu-sprachmittler .fu-audience-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-sprachmittler .fu-audience-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-contact-card {\r\n background:linear-gradient(\r\n 135deg,\r\n var(--fu-green-soft),\r\n #fff\r\n );\r\n border:1px solid var(--fu-border);\r\n border-radius:19px;\r\n padding:29px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sprachmittler .fu-contact-card h3 {\r\n margin:0 0 17px;\r\n font-size:1.4rem;\r\n}\r\n\r\n.fu-sprachmittler .fu-contact-list {\r\n display:grid;\r\n gap:10px;\r\n}\r\n\r\n.fu-sprachmittler .fu-contact-item {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n}\r\n\r\n.fu-sprachmittler .fu-contact-item i {\r\n color:var(--fu-green);\r\n font-size:1.1rem;\r\n width:22px;\r\n flex:0 0 22px;\r\n margin-top:3px;\r\n}\r\n\r\n.fu-sprachmittler .fu-contact-item strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-sprachmittler .fu-contact-item a {\r\n word-break:break-word;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HINWEISBOX\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-infobox {\r\n background:var(--fu-orange-light);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:19px 21px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-sprachmittler .fu-infobox strong {\r\n color:#7c4305;\r\n}\r\n\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-cta {\r\n margin-top:40px;\r\n background:var(--fu-green-dark);\r\n color:#fff;\r\n border-radius:19px;\r\n padding:31px;\r\n text-align:center;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sprachmittler .fu-cta h2 {\r\n color:#fff;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-sprachmittler .fu-cta p {\r\n max-width:760px;\r\n margin:0 auto 20px;\r\n color:rgba(255,255,255,.91);\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-sprachmittler .fu-cta .fu-buttons {\r\n justify-content:center;\r\n}\r\n\r\n.fu-sprachmittler .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n text-decoration:none !important;\r\n border-radius:10px;\r\n padding:10px 16px;\r\n font-weight:700;\r\n font-size:.94rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-sprachmittler .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n border:1px solid var(--fu-green);\r\n}\r\n\r\n.fu-sprachmittler .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n border-color:var(--fu-green-dark);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-sprachmittler .fu-btn-secondary {\r\n background:#fff;\r\n color:var(--fu-green-dark) !important;\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-sprachmittler .fu-btn-secondary:hover {\r\n background:var(--fu-green-light);\r\n border-color:#bfd3ca;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-sprachmittler .fu-back {\r\n text-align:center;\r\n margin-top:27px;\r\n}\r\n\r\n.fu-sprachmittler .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n color:var(--fu-muted);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-sprachmittler .fu-back a:hover {\r\n color:var(--fu-green);\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-sprachmittler .fu-grid,\r\n .fu-sprachmittler .fu-audience {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-sprachmittler .fu-steps {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-sprachmittler {\r\n padding-left:7px;\r\n padding-right:7px;\r\n }\r\n\r\n .fu-sprachmittler .fu-hero {\r\n padding:30px 22px;\r\n border-radius:16px;\r\n }\r\n\r\n .fu-sprachmittler .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-sprachmittler .fu-intro,\r\n .fu-sprachmittler .fu-main-card,\r\n .fu-sprachmittler .fu-card,\r\n .fu-sprachmittler .fu-contact-card,\r\n .fu-sprachmittler .fu-audience-card {\r\n padding:21px;\r\n }\r\n\r\n .fu-sprachmittler .fu-free-box {\r\n padding:20px;\r\n }\r\n\r\n .fu-sprachmittler .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-sprachmittler .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 295 ===== */ @scope (.fu-article-295) { \r\n/* =========================================================\r\n FAST UMSONST – ALPHABETISIERUNGSKURSE\r\n Modernes Kartenlayout\r\n ========================================================= */\r\n\r\n.fu-alphabetisierung {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 32px rgba(31,75,63,.13);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:10px 20px 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-alphabetisierung * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-alphabetisierung a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-alphabetisierung a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-alpha-hero {\r\n background:\r\n linear-gradient(135deg, rgba(31,75,63,.97), rgba(23,56,47,.96));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.fu-alpha-hero::after {\r\n content:\"Aa\";\r\n position:absolute;\r\n right:28px;\r\n bottom:-32px;\r\n font-size:170px;\r\n line-height:1;\r\n font-weight:800;\r\n color:rgba(255,255,255,.07);\r\n pointer-events:none;\r\n}\r\n\r\n.fu-alpha-hero-inner {\r\n position:relative;\r\n z-index:1;\r\n max-width:820px;\r\n}\r\n\r\n.fu-alpha-eyebrow {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.85rem;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n color:#dbece5;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-alpha-hero h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3.1rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-alpha-hero p {\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n max-width:760px;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-alpha-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:24px;\r\n}\r\n\r\n.fu-alpha-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n padding:11px 18px;\r\n border-radius:10px;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-alpha-btn-primary {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-alpha-btn-primary:hover {\r\n background:#f1f6f3;\r\n color:var(--fu-green-dark) !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-alpha-btn-secondary {\r\n border:1px solid rgba(255,255,255,.35);\r\n color:#fff !important;\r\n background:rgba(255,255,255,.08);\r\n}\r\n\r\n.fu-alpha-btn-secondary:hover {\r\n background:rgba(255,255,255,.16);\r\n color:#fff !important;\r\n}\r\n\r\n/* =========================================================\r\n EINSTIEG / INFO\r\n ========================================================= */\r\n\r\n.fu-alpha-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px 30px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-alpha-intro h2 {\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-alpha-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-alpha-nav {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px 20px;\r\n margin-bottom:30px;\r\n}\r\n\r\n.fu-alpha-nav strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-alpha-nav-list {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n margin:0;\r\n padding:0;\r\n list-style:none;\r\n}\r\n\r\n.fu-alpha-nav-list a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:9px;\r\n padding:8px 12px;\r\n font-size:.92rem;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-alpha-nav-list a:hover {\r\n border-color:var(--fu-green);\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n SECTION\r\n ========================================================= */\r\n\r\n.fu-alpha-section {\r\n margin:34px 0;\r\n}\r\n\r\n.fu-alpha-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 18px;\r\n color:var(--fu-green-dark);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-alpha-section-title i {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:42px;\r\n height:42px;\r\n flex:0 0 42px;\r\n border-radius:11px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-alpha-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n.fu-alpha-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px;\r\n box-shadow:var(--fu-shadow);\r\n transition:transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-alpha-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-alpha-card h3 {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:10px;\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:1.3rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-alpha-card h3 i {\r\n margin-top:3px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-alpha-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-alpha-contact {\r\n margin-top:18px;\r\n padding-top:16px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-alpha-contact div {\r\n display:flex;\r\n gap:10px;\r\n margin:7px 0;\r\n}\r\n\r\n.fu-alpha-contact i {\r\n width:20px;\r\n flex:0 0 20px;\r\n color:var(--fu-green);\r\n margin-top:4px;\r\n}\r\n\r\n.fu-alpha-contact a {\r\n overflow-wrap:anywhere;\r\n}\r\n\r\n/* =========================================================\r\n AKTUELLES ANGEBOT\r\n ========================================================= */\r\n\r\n.fu-alpha-current {\r\n background:var(--fu-green-soft);\r\n border:1px solid #d5e4dd;\r\n border-radius:18px;\r\n padding:26px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-alpha-current h3 {\r\n margin:0 0 10px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-alpha-course {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:20px;\r\n margin-top:15px;\r\n}\r\n\r\n.fu-alpha-course-title {\r\n font-weight:800;\r\n color:var(--fu-green);\r\n margin-bottom:6px;\r\n}\r\n\r\n.fu-alpha-course-meta {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin:10px 0;\r\n}\r\n\r\n.fu-alpha-badge {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n padding:5px 9px;\r\n border-radius:8px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n font-size:.84rem;\r\n font-weight:700;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-alpha-note {\r\n display:flex;\r\n gap:14px;\r\n background:var(--fu-orange-light);\r\n border:1px solid #f1d4a8;\r\n border-radius:16px;\r\n padding:20px 22px;\r\n margin:24px 0;\r\n}\r\n\r\n.fu-alpha-note i {\r\n color:var(--fu-orange);\r\n font-size:1.4rem;\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-alpha-note p {\r\n margin:0;\r\n}\r\n\r\n/* =========================================================\r\n ONLINE-LERNEN\r\n ========================================================= */\r\n\r\n.fu-alpha-online {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-alpha-online h3 {\r\n margin:0 0 10px;\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n RÜCKLINK\r\n ========================================================= */\r\n\r\n.fu-alpha-back {\r\n margin-top:36px;\r\n text-align:center;\r\n}\r\n\r\n.fu-alpha-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:11px 18px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n border-radius:10px;\r\n font-weight:700;\r\n box-shadow:0 5px 15px rgba(31,75,63,.12);\r\n}\r\n\r\n.fu-alpha-back a:hover {\r\n background:var(--fu-green-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:800px) {\r\n .fu-alpha-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-alpha-hero {\r\n padding:32px 24px;\r\n }\r\n\r\n .fu-alpha-intro,\r\n .fu-alpha-card,\r\n .fu-alpha-current,\r\n .fu-alpha-online {\r\n padding:22px;\r\n }\r\n}\r\n\r\n@media (max-width:560px) {\r\n .fu-alphabetisierung {\r\n padding-left:12px;\r\n padding-right:12px;\r\n }\r\n\r\n .fu-alpha-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-alpha-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-alpha-btn {\r\n width:100%;\r\n }\r\n\r\n .fu-alpha-section-title {\r\n font-size:1.4rem;\r\n }\r\n\r\n .fu-alpha-card h3 {\r\n font-size:1.18rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 296 ===== */ @scope (.fu-article-296) { \r\n/* =========================================================\r\n FAST UMSONST – INTEGRATIONSKURSE\r\n Modernes Kartenlayout\r\n ========================================================= */\r\n\r\n.fu-integrationskurse {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 32px rgba(31,75,63,.14);\r\n\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-integrationskurse * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-integrationskurse a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-integrationskurse a:hover {\r\n color:var(--fu-green-dark);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-integrationskurse p {\r\n margin:0 0 1rem;\r\n}\r\n\r\n.fu-integrationskurse h2,\r\n.fu-integrationskurse h3,\r\n.fu-integrationskurse h4 {\r\n color:var(--fu-green-dark);\r\n font-weight:700;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-integrationskurse h2 {\r\n font-size:clamp(1.55rem,2.5vw,2rem);\r\n margin:0 0 1rem;\r\n}\r\n\r\n.fu-integrationskurse h3 {\r\n font-size:1.25rem;\r\n margin:0 0 .65rem;\r\n}\r\n\r\n.fu-integrationskurse ul {\r\n margin:.5rem 0 1rem;\r\n padding-left:1.3rem;\r\n}\r\n\r\n.fu-integrationskurse li {\r\n margin-bottom:.4rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-integrationskurse .fu-hero {\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--fu-green-dark) 0%,\r\n var(--fu-green) 65%,\r\n #2b6655 100%\r\n );\r\n color:#fff;\r\n border-radius:20px;\r\n padding:clamp(2rem,5vw,3.5rem);\r\n margin-bottom:1.5rem;\r\n box-shadow:var(--fu-shadow);\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.fu-integrationskurse .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:240px;\r\n height:240px;\r\n right:-90px;\r\n top:-90px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-integrationskurse .fu-hero-icon {\r\n width:66px;\r\n height:66px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2rem;\r\n margin-bottom:1.25rem;\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n.fu-integrationskurse .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n margin:0 0 1rem;\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n.fu-integrationskurse .fu-hero p {\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n max-width:900px;\r\n margin-bottom:1.5rem;\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n.fu-integrationskurse .fu-hero-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:.75rem;\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n.fu-integrationskurse .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:.5rem;\r\n padding:.75rem 1.1rem;\r\n border-radius:10px;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-integrationskurse .fu-btn-primary {\r\n background:#fff;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-integrationskurse .fu-btn-primary:hover {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-integrationskurse .fu-btn-outline {\r\n color:#fff;\r\n background:rgba(255,255,255,.06);\r\n border:1px solid rgba(255,255,255,.45);\r\n}\r\n\r\n.fu-integrationskurse .fu-btn-outline:hover {\r\n color:#fff;\r\n background:rgba(255,255,255,.14);\r\n}\r\n\r\n\r\n/* =========================================================\r\n EINLEITUNG\r\n ========================================================= */\r\n\r\n.fu-integrationskurse .fu-intro {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.5rem;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:1.5rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-intro strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-integrationskurse .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:.55rem;\r\n padding:1rem;\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n margin-bottom:2rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:.4rem;\r\n padding:.55rem .8rem;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:9px;\r\n font-size:.92rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-integrationskurse .fu-nav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-integrationskurse .fu-section {\r\n margin-bottom:2rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:.7rem;\r\n margin-bottom:1rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-section-title > i {\r\n width:42px;\r\n height:42px;\r\n flex:0 0 42px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:11px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n}\r\n\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-integrationskurse .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:1rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-integrationskurse .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.4rem;\r\n box-shadow:var(--fu-shadow);\r\n height:100%;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-integrationskurse .fu-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-integrationskurse .fu-card-icon {\r\n width:48px;\r\n height:48px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.3rem;\r\n margin-bottom:1rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KURSUMFANG\r\n ========================================================= */\r\n\r\n.fu-integrationskurse .fu-course-box {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:1rem;\r\n margin-top:1.25rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-course-part {\r\n text-align:center;\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:1.2rem 1rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-course-part strong {\r\n display:block;\r\n font-size:1.65rem;\r\n color:var(--fu-green);\r\n line-height:1.1;\r\n margin-bottom:.4rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-course-part span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ORANGE HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-integrationskurse .fu-highlight {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d3a5;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:1.25rem 1.35rem;\r\n margin-bottom:1.5rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-highlight-title {\r\n display:flex;\r\n align-items:center;\r\n gap:.5rem;\r\n color:#8a4b05;\r\n font-weight:800;\r\n margin-bottom:.4rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n GRÜNE INFOBOX\r\n ========================================================= */\r\n\r\n.fu-integrationskurse .fu-success {\r\n background:var(--fu-green-soft);\r\n border:1px solid #cfe0d8;\r\n border-left:5px solid var(--fu-green);\r\n border-radius:14px;\r\n padding:1.25rem 1.35rem;\r\n margin-bottom:1.5rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-success-title {\r\n display:flex;\r\n align-items:center;\r\n gap:.5rem;\r\n color:var(--fu-green-dark);\r\n font-weight:800;\r\n margin-bottom:.4rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ANBIETER\r\n ========================================================= */\r\n\r\n.fu-integrationskurse .fu-provider {\r\n display:flex;\r\n flex-direction:column;\r\n}\r\n\r\n.fu-integrationskurse .fu-provider .fu-provider-link {\r\n margin-top:auto;\r\n padding-top:1rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-address {\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n margin-top:1rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-address div {\r\n margin-bottom:.25rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-address i {\r\n color:var(--fu-green);\r\n margin-right:.35rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-link {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:.45rem;\r\n font-weight:700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KURSARTEN\r\n ========================================================= */\r\n\r\n.fu-integrationskurse .fu-type {\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.fu-integrationskurse .fu-type::before {\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:4px;\r\n background:var(--fu-green);\r\n}\r\n\r\n.fu-integrationskurse .fu-type-icon {\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:11px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n margin-bottom:1rem;\r\n font-size:1.2rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ABLAUF\r\n ========================================================= */\r\n\r\n.fu-integrationskurse .fu-steps {\r\n display:grid;\r\n grid-template-columns:repeat(4,minmax(0,1fr));\r\n gap:1rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-step {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:1.25rem;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-integrationskurse .fu-step-number {\r\n width:36px;\r\n height:36px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:50%;\r\n background:var(--fu-green);\r\n color:#fff;\r\n font-weight:800;\r\n margin-bottom:.8rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-integrationskurse .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:1rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-contact-card {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:1.3rem;\r\n}\r\n\r\n.fu-integrationskurse .fu-contact-card strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n margin-bottom:.4rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-integrationskurse .fu-cta {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:1.75rem;\r\n margin-top:2rem;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-integrationskurse .fu-cta h2 {\r\n color:#fff;\r\n}\r\n\r\n.fu-integrationskurse .fu-cta p {\r\n color:rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-integrationskurse .fu-cta .fu-btn {\r\n background:#fff;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-integrationskurse .fu-cta .fu-btn:hover {\r\n background:var(--fu-green-light);\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-integrationskurse .fu-back {\r\n margin-top:1.5rem;\r\n padding-top:1rem;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-integrationskurse .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:.45rem;\r\n font-weight:700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:1000px) {\r\n\r\n .fu-integrationskurse .fu-steps {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n}\r\n\r\n@media (max-width:850px) {\r\n\r\n .fu-integrationskurse .fu-grid,\r\n .fu-integrationskurse .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-integrationskurse .fu-course-box {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:600px) {\r\n\r\n .fu-integrationskurse .fu-hero {\r\n padding:1.6rem;\r\n border-radius:16px;\r\n }\r\n\r\n .fu-integrationskurse .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-integrationskurse .fu-hero-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-integrationskurse .fu-btn {\r\n width:100%;\r\n }\r\n\r\n .fu-integrationskurse .fu-nav a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-integrationskurse .fu-steps {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-integrationskurse .fu-card,\r\n .fu-integrationskurse .fu-intro {\r\n padding:1.15rem;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 297 ===== */ @scope (.fu-article-297) { \r\n/* =========================================================\r\n FAST UMSONST – DEUTSCH-SPRACHKURSE\r\n Moderne Übersicht für Deutsch-, Integrations- und\r\n berufsbezogene Sprachkurse in Münster\r\n ========================================================= */\r\n\r\n.fu-deutschkurse {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 32px rgba(31,75,63,.13);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:10px 20px 55px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-deutschkurse * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-deutschkurse a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-deutschkurse a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-deutsch-hero {\r\n position:relative;\r\n overflow:hidden;\r\n margin-bottom:28px;\r\n padding:44px 40px;\r\n border-radius:22px;\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-green-dark));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-deutsch-hero::after {\r\n content:\"DE\";\r\n position:absolute;\r\n right:28px;\r\n bottom:-38px;\r\n font-size:170px;\r\n line-height:1;\r\n font-weight:900;\r\n color:rgba(255,255,255,.055);\r\n pointer-events:none;\r\n}\r\n\r\n.fu-deutsch-hero-inner {\r\n position:relative;\r\n z-index:1;\r\n max-width:850px;\r\n}\r\n\r\n.fu-deutsch-eyebrow {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n color:#dbece5;\r\n font-size:.84rem;\r\n font-weight:800;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n\r\n.fu-deutsch-hero h1 {\r\n margin:0 0 15px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3.15rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-deutsch-hero p {\r\n max-width:780px;\r\n margin:0;\r\n color:rgba(255,255,255,.94);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-deutsch-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:11px;\r\n margin-top:24px;\r\n}\r\n\r\n.fu-deutsch-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-deutsch-btn:hover {\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-deutsch-btn-white {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-deutsch-btn-white:hover {\r\n background:#f2f6f4;\r\n}\r\n\r\n.fu-deutsch-btn-outline {\r\n color:#fff !important;\r\n border:1px solid rgba(255,255,255,.35);\r\n background:rgba(255,255,255,.08);\r\n}\r\n\r\n.fu-deutsch-btn-outline:hover {\r\n background:rgba(255,255,255,.16);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-deutsch-intro {\r\n padding:28px 30px;\r\n margin-bottom:28px;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-deutsch-intro h2 {\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-deutsch-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n NAVIGATION\r\n ========================================================= */\r\n\r\n.fu-deutsch-nav {\r\n padding:18px 20px;\r\n margin-bottom:32px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-green-soft);\r\n}\r\n\r\n.fu-deutsch-nav strong {\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-deutsch-nav ul {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n padding:0;\r\n margin:0;\r\n list-style:none;\r\n}\r\n\r\n.fu-deutsch-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 12px;\r\n border:1px solid var(--fu-border);\r\n border-radius:9px;\r\n background:#fff;\r\n font-size:.92rem;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-deutsch-nav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-deutsch-section {\r\n margin:36px 0;\r\n}\r\n\r\n.fu-deutsch-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 18px;\r\n color:var(--fu-green-dark);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-deutsch-section-title i {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:42px;\r\n height:42px;\r\n flex:0 0 42px;\r\n border-radius:11px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-deutsch-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n.fu-deutsch-grid-3 {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-deutsch-card {\r\n padding:25px;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-deutsch-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-deutsch-card h3 {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:10px;\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:1.28rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-deutsch-card h3 i {\r\n margin-top:3px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-deutsch-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-deutsch-contact {\r\n padding-top:15px;\r\n margin-top:17px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-deutsch-contact div {\r\n display:flex;\r\n gap:10px;\r\n margin:7px 0;\r\n}\r\n\r\n.fu-deutsch-contact i {\r\n width:20px;\r\n flex:0 0 20px;\r\n margin-top:4px;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-deutsch-contact a {\r\n overflow-wrap:anywhere;\r\n}\r\n\r\n/* =========================================================\r\n PROVIDER CARDS\r\n ========================================================= */\r\n\r\n.fu-provider {\r\n position:relative;\r\n}\r\n\r\n.fu-provider-badge {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n padding:5px 9px;\r\n margin-bottom:13px;\r\n border-radius:8px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n font-size:.8rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-provider-badge.orange {\r\n background:var(--fu-orange-light);\r\n color:#92530b;\r\n}\r\n\r\n.fu-provider-list {\r\n margin:13px 0 0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-provider-list li {\r\n margin:5px 0;\r\n}\r\n\r\n/* =========================================================\r\n CURRENT COURSE\r\n ========================================================= */\r\n\r\n.fu-current {\r\n padding:25px;\r\n margin-top:20px;\r\n border:1px solid #d5e4dd;\r\n border-radius:18px;\r\n background:var(--fu-green-soft);\r\n}\r\n\r\n.fu-current h3 {\r\n margin:0 0 10px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-course {\r\n padding:19px;\r\n margin-top:14px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n}\r\n\r\n.fu-course-title {\r\n margin-bottom:7px;\r\n color:var(--fu-green);\r\n font-weight:800;\r\n}\r\n\r\n.fu-course-meta {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin:10px 0;\r\n}\r\n\r\n.fu-badge {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n padding:5px 9px;\r\n border-radius:8px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n font-size:.83rem;\r\n font-weight:700;\r\n}\r\n\r\n/* =========================================================\r\n INFO BOX\r\n ========================================================= */\r\n\r\n.fu-deutsch-note {\r\n display:flex;\r\n gap:14px;\r\n padding:20px 22px;\r\n margin:24px 0;\r\n border:1px solid #f0d4a7;\r\n border-radius:16px;\r\n background:var(--fu-orange-light);\r\n}\r\n\r\n.fu-deutsch-note > i {\r\n flex:0 0 auto;\r\n margin-top:3px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-deutsch-note p {\r\n margin:0;\r\n}\r\n\r\n/* =========================================================\r\n PROCESS\r\n ========================================================= */\r\n\r\n.fu-step {\r\n position:relative;\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-step-number {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:36px;\r\n height:36px;\r\n margin-bottom:12px;\r\n border-radius:50%;\r\n background:var(--fu-green);\r\n color:#fff;\r\n font-weight:800;\r\n}\r\n\r\n.fu-step h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* =========================================================\r\n ONLINE / BERUF\r\n ========================================================= */\r\n\r\n.fu-highlight {\r\n padding:27px;\r\n border-radius:18px;\r\n background:linear-gradient(135deg,#f3f7f4,#eaf2ef);\r\n border:1px solid #d5e4dd;\r\n}\r\n\r\n.fu-highlight h3 {\r\n margin:0 0 10px;\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n BACK LINK\r\n ========================================================= */\r\n\r\n.fu-deutsch-back {\r\n margin-top:38px;\r\n text-align:center;\r\n}\r\n\r\n.fu-deutsch-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:11px 18px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 5px 15px rgba(31,75,63,.12);\r\n}\r\n\r\n.fu-deutsch-back a:hover {\r\n background:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n .fu-deutsch-grid-3 {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n}\r\n\r\n@media (max-width:800px) {\r\n .fu-deutsch-grid,\r\n .fu-deutsch-grid-3 {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-deutsch-hero {\r\n padding:34px 25px;\r\n }\r\n\r\n .fu-deutsch-card,\r\n .fu-deutsch-intro,\r\n .fu-current,\r\n .fu-highlight {\r\n padding:22px;\r\n }\r\n}\r\n\r\n@media (max-width:560px) {\r\n .fu-deutschkurse {\r\n padding-left:12px;\r\n padding-right:12px;\r\n }\r\n\r\n .fu-deutsch-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-deutsch-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-deutsch-btn {\r\n width:100%;\r\n }\r\n\r\n .fu-deutsch-section-title {\r\n font-size:1.4rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 298 ===== */ @scope (.fu-article-298) { \r\n/* =========================================================\r\n FAST UMSONST – DEUTSCH FÜR KINDER UND JUGENDLICHE\r\n Moderne Übersicht\r\n ========================================================= */\r\n\r\n.fu-kinderdeutsch {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-blue:#28658a;\r\n --fu-blue-light:#edf6fb;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 32px rgba(31,75,63,.13);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:10px 20px 55px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-kinderdeutsch * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-kinderdeutsch a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-kinderdeutsch a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-kinderdeutsch-hero {\r\n position:relative;\r\n overflow:hidden;\r\n margin-bottom:28px;\r\n padding:44px 40px;\r\n border-radius:22px;\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-green-dark));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-kinderdeutsch-hero::after {\r\n content:\"A B C\";\r\n position:absolute;\r\n right:18px;\r\n bottom:-28px;\r\n font-size:105px;\r\n line-height:1;\r\n font-weight:900;\r\n letter-spacing:-8px;\r\n color:rgba(255,255,255,.055);\r\n pointer-events:none;\r\n}\r\n\r\n.fu-kinderdeutsch-hero-inner {\r\n position:relative;\r\n z-index:1;\r\n max-width:850px;\r\n}\r\n\r\n.fu-kinderdeutsch-eyebrow {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n color:#dbece5;\r\n font-size:.84rem;\r\n font-weight:800;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n\r\n.fu-kinderdeutsch-hero h1 {\r\n margin:0 0 15px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3.15rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-kinderdeutsch-hero p {\r\n max-width:790px;\r\n margin:0;\r\n color:rgba(255,255,255,.94);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-kinderdeutsch-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:11px;\r\n margin-top:24px;\r\n}\r\n\r\n.fu-kinderdeutsch-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-kinderdeutsch-btn:hover {\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-kinderdeutsch-btn-white {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-kinderdeutsch-btn-white:hover {\r\n background:#f2f6f4;\r\n}\r\n\r\n.fu-kinderdeutsch-btn-outline {\r\n color:#fff !important;\r\n border:1px solid rgba(255,255,255,.35);\r\n background:rgba(255,255,255,.08);\r\n}\r\n\r\n.fu-kinderdeutsch-btn-outline:hover {\r\n background:rgba(255,255,255,.16);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-kinderdeutsch-intro {\r\n padding:28px 30px;\r\n margin-bottom:28px;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-kinderdeutsch-intro h2 {\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-kinderdeutsch-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n NAVIGATION\r\n ========================================================= */\r\n\r\n.fu-kinderdeutsch-nav {\r\n padding:18px 20px;\r\n margin-bottom:32px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-green-soft);\r\n}\r\n\r\n.fu-kinderdeutsch-nav strong {\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-kinderdeutsch-nav ul {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n padding:0;\r\n margin:0;\r\n list-style:none;\r\n}\r\n\r\n.fu-kinderdeutsch-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 12px;\r\n border:1px solid var(--fu-border);\r\n border-radius:9px;\r\n background:#fff;\r\n font-size:.92rem;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-kinderdeutsch-nav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-kinderdeutsch-section {\r\n margin:36px 0;\r\n}\r\n\r\n.fu-kinderdeutsch-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 18px;\r\n color:var(--fu-green-dark);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-kinderdeutsch-section-title i {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:42px;\r\n height:42px;\r\n flex:0 0 42px;\r\n border-radius:11px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n CURRENT / IMPORTANT\r\n ========================================================= */\r\n\r\n.fu-kinderdeutsch-current {\r\n position:relative;\r\n overflow:hidden;\r\n padding:28px;\r\n margin:20px 0;\r\n border:1px solid #d4e4dc;\r\n border-radius:19px;\r\n background:linear-gradient(135deg,#f3f7f4,#eaf2ef);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-kinderdeutsch-current::before {\r\n content:\"AKTUELL\";\r\n position:absolute;\r\n right:-42px;\r\n top:17px;\r\n padding:6px 50px;\r\n transform:rotate(35deg);\r\n background:var(--fu-orange);\r\n color:#fff;\r\n font-size:.7rem;\r\n font-weight:800;\r\n letter-spacing:.08em;\r\n}\r\n\r\n.fu-kinderdeutsch-current h3 {\r\n margin:0 0 11px;\r\n color:var(--fu-green-dark);\r\n font-size:1.45rem;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-kinderdeutsch-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n.fu-kinderdeutsch-grid-3 {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-kinderdeutsch-card {\r\n padding:25px;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-kinderdeutsch-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-kinderdeutsch-card h3 {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:10px;\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:1.28rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-kinderdeutsch-card h3 i {\r\n margin-top:3px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-kinderdeutsch-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n MITSPRACHE HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-mitsprache {\r\n padding:30px;\r\n border:1px solid #d4e4dc;\r\n border-radius:20px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-mitsprache-head {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:16px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-mitsprache-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:52px;\r\n height:52px;\r\n flex:0 0 52px;\r\n border-radius:14px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-mitsprache h3 {\r\n margin:0;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-mitsprache-sub {\r\n margin:3px 0 0;\r\n color:var(--fu-muted);\r\n font-weight:600;\r\n}\r\n\r\n.fu-mitsprache-badges {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin:17px 0;\r\n}\r\n\r\n.fu-mitsprache-badge {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n padding:6px 10px;\r\n border-radius:8px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n font-size:.85rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-mitsprache-badge.orange {\r\n background:var(--fu-orange-light);\r\n color:#92530b;\r\n}\r\n\r\n/* =========================================================\r\n COURSE CARDS\r\n ========================================================= */\r\n\r\n.fu-kurs {\r\n padding:20px;\r\n margin-top:15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:#fff;\r\n}\r\n\r\n.fu-kurs-title {\r\n margin-bottom:7px;\r\n color:var(--fu-green);\r\n font-weight:800;\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-kurs-meta {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:7px;\r\n margin:10px 0;\r\n}\r\n\r\n.fu-kurs-badge {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n padding:5px 9px;\r\n border-radius:8px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n font-size:.82rem;\r\n font-weight:700;\r\n}\r\n\r\n.fu-kurs-badge.blue {\r\n background:var(--fu-blue-light);\r\n color:var(--fu-blue);\r\n}\r\n\r\n/* =========================================================\r\n AGE CARDS\r\n ========================================================= */\r\n\r\n.fu-alter {\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-alter-number {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n min-width:60px;\r\n height:40px;\r\n padding:0 10px;\r\n margin-bottom:11px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n font-weight:800;\r\n}\r\n\r\n.fu-alter h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* =========================================================\r\n NOTE\r\n ========================================================= */\r\n\r\n.fu-kinderdeutsch-note {\r\n display:flex;\r\n gap:14px;\r\n padding:20px 22px;\r\n margin:24px 0;\r\n border:1px solid #f0d4a7;\r\n border-radius:16px;\r\n background:var(--fu-orange-light);\r\n}\r\n\r\n.fu-kinderdeutsch-note > i {\r\n flex:0 0 auto;\r\n margin-top:3px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-kinderdeutsch-note p {\r\n margin:0;\r\n}\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-kinderdeutsch-contact {\r\n padding-top:15px;\r\n margin-top:17px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-kinderdeutsch-contact div {\r\n display:flex;\r\n gap:10px;\r\n margin:7px 0;\r\n}\r\n\r\n.fu-kinderdeutsch-contact i {\r\n width:20px;\r\n flex:0 0 20px;\r\n margin-top:4px;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-kinderdeutsch-contact a {\r\n overflow-wrap:anywhere;\r\n}\r\n\r\n/* =========================================================\r\n STEP CARDS\r\n ========================================================= */\r\n\r\n.fu-step {\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-step-number {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:36px;\r\n height:36px;\r\n margin-bottom:12px;\r\n border-radius:50%;\r\n background:var(--fu-green);\r\n color:#fff;\r\n font-weight:800;\r\n}\r\n\r\n.fu-step h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* =========================================================\r\n BACK\r\n ========================================================= */\r\n\r\n.fu-kinderdeutsch-back {\r\n margin-top:38px;\r\n text-align:center;\r\n}\r\n\r\n.fu-kinderdeutsch-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:11px 18px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 5px 15px rgba(31,75,63,.12);\r\n}\r\n\r\n.fu-kinderdeutsch-back a:hover {\r\n background:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n .fu-kinderdeutsch-grid-3 {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n}\r\n\r\n@media (max-width:800px) {\r\n .fu-kinderdeutsch-grid,\r\n .fu-kinderdeutsch-grid-3 {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-kinderdeutsch-hero {\r\n padding:34px 25px;\r\n }\r\n\r\n .fu-kinderdeutsch-card,\r\n .fu-kinderdeutsch-intro,\r\n .fu-mitsprache,\r\n .fu-kinderdeutsch-current {\r\n padding:22px;\r\n }\r\n}\r\n\r\n@media (max-width:560px) {\r\n .fu-kinderdeutsch {\r\n padding-left:12px;\r\n padding-right:12px;\r\n }\r\n\r\n .fu-kinderdeutsch-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-kinderdeutsch-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-kinderdeutsch-btn {\r\n width:100%;\r\n }\r\n\r\n .fu-kinderdeutsch-section-title {\r\n font-size:1.4rem;\r\n }\r\n\r\n .fu-mitsprache-head {\r\n flex-direction:column;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 299 ===== */ @scope (.fu-article-299) { \r\n/* =========================================================\r\n FAST UMSONST – ONLINE DEUTSCH LERNEN\r\n Seite: /weiterbildung/sprachkurse/299-online-angebote-deutsch-lernen\r\n Modernes Kartenlayout\r\n ========================================================= */\r\n\r\n.fu-online-deutsch {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 32px rgba(31,75,63,.14);\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:10px 10px 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n\r\n/* =========================================================\r\n GRUNDLAGEN\r\n ========================================================= */\r\n\r\n.fu-online-deutsch *,\r\n.fu-online-deutsch *::before,\r\n.fu-online-deutsch *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-online-deutsch h1,\r\n.fu-online-deutsch h2,\r\n.fu-online-deutsch h3 {\r\n color:var(--fu-green-dark);\r\n line-height:1.25;\r\n}\r\n\r\n.fu-online-deutsch a {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-online-deutsch a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-online-deutsch .fu-hero {\r\n background:linear-gradient(\r\n 135deg,\r\n var(--fu-green-dark) 0%,\r\n var(--fu-green) 100%\r\n );\r\n color:#fff;\r\n border-radius:20px;\r\n padding:42px 34px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-online-deutsch .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n margin:0 0 14px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-online-deutsch .fu-hero p {\r\n max-width:820px;\r\n margin:0;\r\n font-size:1.08rem;\r\n color:rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-online-deutsch .fu-hero-badge {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n background:rgba(255,255,255,.13);\r\n border:1px solid rgba(255,255,255,.2);\r\n padding:7px 13px;\r\n border-radius:999px;\r\n margin-bottom:18px;\r\n font-size:.9rem;\r\n font-weight:600;\r\n}\r\n\r\n\r\n/* =========================================================\r\n EINLEITUNG\r\n ========================================================= */\r\n\r\n.fu-online-deutsch .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:26px 28px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-online-deutsch .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-online-deutsch .fu-jump {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:20px;\r\n margin-bottom:32px;\r\n}\r\n\r\n.fu-online-deutsch .fu-jump-title {\r\n color:var(--fu-green-dark);\r\n font-weight:700;\r\n margin-bottom:12px;\r\n}\r\n\r\n.fu-online-deutsch .fu-jump-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-online-deutsch .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green-dark);\r\n text-decoration:none;\r\n border-radius:999px;\r\n padding:8px 13px;\r\n font-size:.92rem;\r\n font-weight:600;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-online-deutsch .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n\r\n/* =========================================================\r\n ABSCHNITTSÜBERSCHRIFTEN\r\n ========================================================= */\r\n\r\n.fu-online-deutsch .fu-section {\r\n margin-top:38px;\r\n}\r\n\r\n.fu-online-deutsch .fu-section-heading {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 18px;\r\n font-size:1.65rem;\r\n}\r\n\r\n.fu-online-deutsch .fu-section-heading i {\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KARTEN-GRID\r\n ========================================================= */\r\n\r\n.fu-online-deutsch .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n.fu-online-deutsch .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:25px;\r\n box-shadow:var(--fu-shadow);\r\n transition:transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-online-deutsch .fu-card:hover {\r\n transform:translateY(-3px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-online-deutsch .fu-card-icon {\r\n width:48px;\r\n height:48px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-bottom:15px;\r\n}\r\n\r\n.fu-online-deutsch .fu-card h3 {\r\n font-size:1.28rem;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-online-deutsch .fu-card p {\r\n margin:0 0 14px;\r\n}\r\n\r\n.fu-online-deutsch .fu-card p:last-of-type {\r\n margin-bottom:18px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HAUPTANGEBOT – VHS LERNPORTAL\r\n ========================================================= */\r\n\r\n.fu-online-deutsch .fu-main-card {\r\n background:linear-gradient(\r\n 135deg,\r\n #ffffff 0%,\r\n var(--fu-green-soft) 100%\r\n );\r\n border:2px solid #cbdcd4;\r\n border-radius:20px;\r\n padding:30px;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:20px;\r\n}\r\n\r\n.fu-online-deutsch .fu-main-card h3 {\r\n font-size:1.55rem;\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-online-deutsch .fu-main-card .fu-free {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n background:#e5f2e9;\r\n color:#24613c;\r\n border:1px solid #c7dfcf;\r\n border-radius:999px;\r\n padding:6px 11px;\r\n font-size:.88rem;\r\n font-weight:700;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-online-deutsch .fu-feature-list {\r\n list-style:none;\r\n padding:0;\r\n margin:18px 0 22px;\r\n}\r\n\r\n.fu-online-deutsch .fu-feature-list li {\r\n position:relative;\r\n padding-left:28px;\r\n margin-bottom:9px;\r\n}\r\n\r\n.fu-online-deutsch .fu-feature-list li::before {\r\n content:\"\\f26a\";\r\n font-family:\"bootstrap-icons\";\r\n position:absolute;\r\n left:0;\r\n top:1px;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-online-deutsch .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n}\r\n\r\n.fu-online-deutsch .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n text-decoration:none !important;\r\n border-radius:10px;\r\n padding:10px 16px;\r\n font-weight:700;\r\n font-size:.94rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-online-deutsch .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n border:1px solid var(--fu-green);\r\n}\r\n\r\n.fu-online-deutsch .fu-btn-primary:hover {\r\n background:var(--fu-green-dark);\r\n border-color:var(--fu-green-dark);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-online-deutsch .fu-btn-secondary {\r\n background:#fff;\r\n color:var(--fu-green-dark) !important;\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-online-deutsch .fu-btn-secondary:hover {\r\n background:var(--fu-green-light);\r\n border-color:#bfd3ca;\r\n}\r\n\r\n\r\n/* =========================================================\r\n NIVEAU-BADGES\r\n ========================================================= */\r\n\r\n.fu-online-deutsch .fu-levels {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:7px;\r\n margin:14px 0 18px;\r\n}\r\n\r\n.fu-online-deutsch .fu-level {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n border:1px solid #cbdcd4;\r\n border-radius:999px;\r\n padding:5px 10px;\r\n font-size:.82rem;\r\n font-weight:700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INFOBOX\r\n ========================================================= */\r\n\r\n.fu-online-deutsch .fu-infobox {\r\n background:var(--fu-orange-light);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:19px 21px;\r\n margin:22px 0;\r\n}\r\n\r\n.fu-online-deutsch .fu-infobox strong {\r\n color:#7c4305;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KLEINE INFO-KARTEN\r\n ========================================================= */\r\n\r\n.fu-online-deutsch .fu-mini-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-online-deutsch .fu-mini-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:20px;\r\n box-shadow:0 5px 16px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-online-deutsch .fu-mini-card i {\r\n display:block;\r\n font-size:1.45rem;\r\n color:var(--fu-green);\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-online-deutsch .fu-mini-card h3 {\r\n font-size:1.08rem;\r\n margin:0 0 7px;\r\n}\r\n\r\n.fu-online-deutsch .fu-mini-card p {\r\n margin:0;\r\n font-size:.94rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n VHS MÜNSTER\r\n ========================================================= */\r\n\r\n.fu-online-deutsch .fu-vhs-box {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:27px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-online-deutsch .fu-vhs-box h3 {\r\n margin-top:0;\r\n font-size:1.4rem;\r\n}\r\n\r\n.fu-online-deutsch .fu-contact {\r\n background:var(--fu-green-soft);\r\n border-radius:12px;\r\n padding:16px 18px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-online-deutsch .fu-contact p {\r\n margin:4px 0;\r\n}\r\n\r\n.fu-online-deutsch .fu-contact i {\r\n width:23px;\r\n display:inline-block;\r\n color:var(--fu-green);\r\n}\r\n\r\n\r\n/* =========================================================\r\n LERN-TIPPS\r\n ========================================================= */\r\n\r\n.fu-online-deutsch .fu-tips {\r\n counter-reset:tips;\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-online-deutsch .fu-tip {\r\n position:relative;\r\n padding:20px 20px 20px 60px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n box-shadow:0 5px 16px rgba(31,75,63,.05);\r\n}\r\n\r\n.fu-online-deutsch .fu-tip::before {\r\n counter-increment:tips;\r\n content:counter(tips);\r\n position:absolute;\r\n left:18px;\r\n top:18px;\r\n width:30px;\r\n height:30px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:50%;\r\n background:var(--fu-green);\r\n color:#fff;\r\n font-weight:700;\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-online-deutsch .fu-tip strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-online-deutsch .fu-cta {\r\n margin-top:38px;\r\n background:var(--fu-green-dark);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:30px;\r\n text-align:center;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-online-deutsch .fu-cta h2 {\r\n color:#fff;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-online-deutsch .fu-cta p {\r\n color:rgba(255,255,255,.9);\r\n max-width:760px;\r\n margin:0 auto 20px;\r\n}\r\n\r\n.fu-online-deutsch .fu-cta .fu-btn-secondary {\r\n background:#fff;\r\n border-color:#fff;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-online-deutsch .fu-back {\r\n text-align:center;\r\n margin-top:26px;\r\n}\r\n\r\n.fu-online-deutsch .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n color:var(--fu-muted);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-online-deutsch .fu-back a:hover {\r\n color:var(--fu-green);\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-online-deutsch .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-online-deutsch .fu-mini-grid {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n .fu-online-deutsch .fu-tips {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-online-deutsch {\r\n padding-left:7px;\r\n padding-right:7px;\r\n }\r\n\r\n .fu-online-deutsch .fu-hero {\r\n padding:30px 22px;\r\n border-radius:16px;\r\n }\r\n\r\n .fu-online-deutsch .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-online-deutsch .fu-intro,\r\n .fu-online-deutsch .fu-main-card,\r\n .fu-online-deutsch .fu-card,\r\n .fu-online-deutsch .fu-vhs-box {\r\n padding:21px;\r\n }\r\n\r\n .fu-online-deutsch .fu-mini-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-online-deutsch .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-online-deutsch .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 300 ===== */ @scope (.fu-article-300) { \r\n/* =========================================================\r\n FAST UMSONST – FREMDSPRACHEN\r\n Modernes Kartenlayout\r\n ========================================================= */\r\n\r\n.fu-fremdsprachen {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 32px rgba(31,75,63,.14);\r\n\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n/* =========================================================\r\n GRUNDLAGE\r\n ========================================================= */\r\n\r\n.fu-fremdsprachen * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-fremdsprachen a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-fremdsprachen a:hover {\r\n color:var(--fu-green-dark);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-fremdsprachen p {\r\n margin:0 0 1rem;\r\n}\r\n\r\n.fu-fremdsprachen h2,\r\n.fu-fremdsprachen h3,\r\n.fu-fremdsprachen h4 {\r\n color:var(--fu-green-dark);\r\n font-weight:700;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-fremdsprachen h2 {\r\n font-size:clamp(1.55rem,2.5vw,2rem);\r\n margin:0 0 1rem;\r\n}\r\n\r\n.fu-fremdsprachen h3 {\r\n font-size:1.25rem;\r\n margin:0 0 .65rem;\r\n}\r\n\r\n.fu-fremdsprachen h4 {\r\n font-size:1.05rem;\r\n margin:0 0 .5rem;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-fremdsprachen .fu-hero {\r\n background:\r\n linear-gradient(135deg,\r\n var(--fu-green-dark) 0%,\r\n var(--fu-green) 65%,\r\n #2b6655 100%);\r\n color:#fff;\r\n border-radius:20px;\r\n padding:clamp(2rem,5vw,3.5rem);\r\n margin:0 0 1.5rem;\r\n box-shadow:var(--fu-shadow);\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.fu-fremdsprachen .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:220px;\r\n height:220px;\r\n right:-80px;\r\n top:-80px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-fremdsprachen .fu-hero-icon {\r\n width:64px;\r\n height:64px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.13);\r\n margin-bottom:1.25rem;\r\n font-size:2rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n margin:0 0 1rem;\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n.fu-fremdsprachen .fu-hero p {\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n max-width:850px;\r\n margin:0 0 1.5rem;\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n.fu-fremdsprachen .fu-hero-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:.75rem;\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n.fu-fremdsprachen .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:.5rem;\r\n padding:.75rem 1.1rem;\r\n border-radius:10px;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-fremdsprachen .fu-btn-primary {\r\n background:#fff;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-fremdsprachen .fu-btn-primary:hover {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-fremdsprachen .fu-btn-outline {\r\n border:1px solid rgba(255,255,255,.45);\r\n color:#fff;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-fremdsprachen .fu-btn-outline:hover {\r\n background:rgba(255,255,255,.14);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n EINLEITUNG\r\n ========================================================= */\r\n\r\n.fu-fremdsprachen .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.5rem;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:1.5rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-intro strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-fremdsprachen .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:.55rem;\r\n padding:1rem;\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n margin-bottom:2rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:.4rem;\r\n padding:.55rem .8rem;\r\n border-radius:9px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n font-size:.92rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-fremdsprachen .fu-nav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTSÜBERSCHRIFT\r\n ========================================================= */\r\n\r\n.fu-fremdsprachen .fu-section {\r\n margin:0 0 2rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:.7rem;\r\n margin-bottom:1rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-section-title i {\r\n width:42px;\r\n height:42px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n border-radius:11px;\r\n flex:0 0 42px;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-fremdsprachen .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:1rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.35rem;\r\n box-shadow:var(--fu-shadow);\r\n transition:.2s ease;\r\n height:100%;\r\n}\r\n\r\n.fu-fremdsprachen .fu-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-fremdsprachen .fu-card-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n margin-bottom:1rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n ANBIETER\r\n ========================================================= */\r\n\r\n.fu-fremdsprachen .fu-provider {\r\n display:flex;\r\n flex-direction:column;\r\n}\r\n\r\n.fu-fremdsprachen .fu-provider .fu-languages {\r\n margin-bottom:1rem;\r\n color:var(--fu-green-dark);\r\n font-weight:700;\r\n}\r\n\r\n.fu-fremdsprachen .fu-address {\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n margin-bottom:1rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-address i {\r\n color:var(--fu-green);\r\n margin-right:.35rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-provider .fu-link {\r\n margin-top:auto;\r\n}\r\n\r\n.fu-fremdsprachen .fu-link {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:.45rem;\r\n font-weight:700;\r\n}\r\n\r\n/* =========================================================\r\n VORTEIL / HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-fremdsprachen .fu-highlight {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d3a5;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:1.25rem 1.35rem;\r\n margin-bottom:1.5rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-highlight-title {\r\n display:flex;\r\n align-items:center;\r\n gap:.55rem;\r\n color:#8a4b05;\r\n font-weight:800;\r\n font-size:1.08rem;\r\n margin-bottom:.4rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-highlight p {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n INFOBOX\r\n ========================================================= */\r\n\r\n.fu-fremdsprachen .fu-info {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.4rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-info ul {\r\n margin:.5rem 0 0;\r\n padding-left:1.25rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-info li {\r\n margin-bottom:.35rem;\r\n}\r\n\r\n/* =========================================================\r\n MISSVERSTÄNDNISSE / PREISE\r\n ========================================================= */\r\n\r\n.fu-fremdsprachen .fu-price-box {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:1rem;\r\n margin-top:1rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-price {\r\n text-align:center;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:1.2rem 1rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-price i {\r\n display:block;\r\n font-size:1.5rem;\r\n color:var(--fu-green);\r\n margin-bottom:.4rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-price strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n margin-bottom:.25rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-price span {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n STUDIERENDE\r\n ========================================================= */\r\n\r\n.fu-fremdsprachen .fu-student {\r\n background:linear-gradient(135deg,#f3f7f4,#ffffff);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.4rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-student-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:1rem;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-fremdsprachen .fu-note {\r\n font-size:.92rem;\r\n color:var(--fu-muted);\r\n padding:1rem 1.1rem;\r\n border-top:1px solid var(--fu-border);\r\n margin-top:1rem;\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-fremdsprachen .fu-cta {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:1.75rem;\r\n margin-top:2rem;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-fremdsprachen .fu-cta h2,\r\n.fu-fremdsprachen .fu-cta h3 {\r\n color:#fff;\r\n}\r\n\r\n.fu-fremdsprachen .fu-cta p {\r\n color:rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-fremdsprachen .fu-cta .fu-btn {\r\n background:#fff;\r\n color:var(--fu-green-dark);\r\n margin-top:.4rem;\r\n}\r\n\r\n.fu-fremdsprachen .fu-cta .fu-btn:hover {\r\n background:var(--fu-green-light);\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-fremdsprachen .fu-back {\r\n margin-top:1.5rem;\r\n padding-top:1rem;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-fremdsprachen .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:.45rem;\r\n font-weight:700;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n .fu-fremdsprachen .fu-grid,\r\n .fu-fremdsprachen .fu-student-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-fremdsprachen .fu-price-box {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n .fu-fremdsprachen .fu-hero {\r\n padding:1.6rem;\r\n border-radius:16px;\r\n }\r\n\r\n .fu-fremdsprachen .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-fremdsprachen .fu-card,\r\n .fu-fremdsprachen .fu-intro,\r\n .fu-fremdsprachen .fu-info {\r\n padding:1.15rem;\r\n }\r\n\r\n .fu-fremdsprachen .fu-nav {\r\n padding:.75rem;\r\n }\r\n\r\n .fu-fremdsprachen .fu-nav a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-fremdsprachen .fu-hero-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-fremdsprachen .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 301 ===== */ @scope (.fu-article-301) { \r\n/* =========================================================\r\n FAST UMSONST – FREMDSPRACHEN FÜR STUDIERENDE\r\n Modernes Kartenlayout\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff4e5;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n --fu-shadow-hover:0 14px 32px rgba(31,75,63,.14);\r\n\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-studierende-sprachen * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-studierende-sprachen a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-studierende-sprachen a:hover {\r\n color:var(--fu-green-dark);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-studierende-sprachen p {\r\n margin:0 0 1rem;\r\n}\r\n\r\n.fu-studierende-sprachen h2,\r\n.fu-studierende-sprachen h3,\r\n.fu-studierende-sprachen h4 {\r\n color:var(--fu-green-dark);\r\n font-weight:700;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-studierende-sprachen h2 {\r\n font-size:clamp(1.55rem,2.5vw,2rem);\r\n margin:0 0 1rem;\r\n}\r\n\r\n.fu-studierende-sprachen h3 {\r\n font-size:1.25rem;\r\n margin:0 0 .65rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen .fu-hero {\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n var(--fu-green-dark) 0%,\r\n var(--fu-green) 65%,\r\n #2b6655 100%\r\n );\r\n color:#fff;\r\n border-radius:20px;\r\n padding:clamp(2rem,5vw,3.5rem);\r\n margin-bottom:1.5rem;\r\n box-shadow:var(--fu-shadow);\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:240px;\r\n height:240px;\r\n right:-90px;\r\n top:-90px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-studierende-sprachen .fu-hero-icon {\r\n width:66px;\r\n height:66px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2rem;\r\n margin-bottom:1.25rem;\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n margin:0 0 1rem;\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-hero p {\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n max-width:850px;\r\n margin-bottom:1.5rem;\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-hero-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:.75rem;\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:.5rem;\r\n padding:.75rem 1.1rem;\r\n border-radius:10px;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-btn-primary {\r\n background:#fff;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-studierende-sprachen .fu-btn-primary:hover {\r\n background:var(--fu-green-light);\r\n color:var(--fu-green-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-studierende-sprachen .fu-btn-outline {\r\n color:#fff;\r\n background:rgba(255,255,255,.06);\r\n border:1px solid rgba(255,255,255,.45);\r\n}\r\n\r\n.fu-studierende-sprachen .fu-btn-outline:hover {\r\n color:#fff;\r\n background:rgba(255,255,255,.14);\r\n}\r\n\r\n\r\n/* =========================================================\r\n EINLEITUNG\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen .fu-intro {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.5rem;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:1.5rem;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-intro strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:.55rem;\r\n padding:1rem;\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n margin-bottom:2rem;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:.4rem;\r\n padding:.55rem .8rem;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:9px;\r\n font-size:.92rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-nav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen .fu-section {\r\n margin-bottom:2rem;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:.7rem;\r\n margin-bottom:1rem;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-section-title > i {\r\n width:42px;\r\n height:42px;\r\n flex:0 0 42px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:11px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n}\r\n\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:1rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.4rem;\r\n box-shadow:var(--fu-shadow);\r\n height:100%;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-studierende-sprachen .fu-card-icon {\r\n width:48px;\r\n height:48px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.3rem;\r\n margin-bottom:1rem;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n UNIVERSITÄT / FH KOPFKARTE\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen .fu-main-card {\r\n display:flex;\r\n flex-direction:column;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-main-card .fu-link {\r\n margin-top:auto;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-link {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:.45rem;\r\n font-weight:700;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-meta {\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n margin-bottom:1rem;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-meta div {\r\n margin-bottom:.25rem;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-meta i {\r\n color:var(--fu-green);\r\n margin-right:.35rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KOSTENLOS-HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen .fu-free {\r\n background:var(--fu-green-soft);\r\n border:1px solid #cfe0d8;\r\n border-left:5px solid var(--fu-green);\r\n border-radius:14px;\r\n padding:1.25rem 1.35rem;\r\n margin-bottom:1.5rem;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-free-title {\r\n display:flex;\r\n align-items:center;\r\n gap:.5rem;\r\n color:var(--fu-green-dark);\r\n font-weight:800;\r\n font-size:1.08rem;\r\n margin-bottom:.4rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ORANGE HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen .fu-highlight {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d3a5;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:1.25rem 1.35rem;\r\n margin-bottom:1.5rem;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-highlight-title {\r\n display:flex;\r\n align-items:center;\r\n gap:.5rem;\r\n color:#8a4b05;\r\n font-weight:800;\r\n margin-bottom:.4rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRACHEN-LISTE\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen .fu-language-list {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:.5rem;\r\n margin:1rem 0 0;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-language {\r\n display:inline-flex;\r\n align-items:center;\r\n padding:.45rem .7rem;\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n color:var(--fu-green-dark);\r\n font-weight:600;\r\n font-size:.9rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SCHRITTE\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen .fu-steps {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:1rem;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-step {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:1.25rem;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-studierende-sprachen .fu-step-number {\r\n width:36px;\r\n height:36px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:50%;\r\n background:var(--fu-green);\r\n color:#fff;\r\n font-weight:800;\r\n margin-bottom:.8rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n TANDEM\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen .fu-tandem {\r\n background:linear-gradient(\r\n 135deg,\r\n #f3f7f4,\r\n #ffffff\r\n );\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.5rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INFO\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen .fu-info {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.4rem;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-info ul {\r\n margin:.5rem 0 0;\r\n padding-left:1.25rem;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-info li {\r\n margin-bottom:.35rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen .fu-cta {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:1.75rem;\r\n margin-top:2rem;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-studierende-sprachen .fu-cta h2 {\r\n color:#fff;\r\n}\r\n\r\n.fu-studierende-sprachen .fu-cta p {\r\n color:rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-studierende-sprachen .fu-cta .fu-btn {\r\n background:#fff;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-studierende-sprachen .fu-cta .fu-btn:hover {\r\n background:var(--fu-green-light);\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen .fu-back {\r\n margin-top:1.5rem;\r\n padding-top:1rem;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-studierende-sprachen .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:.45rem;\r\n font-weight:700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-studierende-sprachen .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-studierende-sprachen .fu-steps {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:600px) {\r\n\r\n .fu-studierende-sprachen .fu-hero {\r\n padding:1.6rem;\r\n border-radius:16px;\r\n }\r\n\r\n .fu-studierende-sprachen .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-studierende-sprachen .fu-hero-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-studierende-sprachen .fu-btn {\r\n width:100%;\r\n }\r\n\r\n .fu-studierende-sprachen .fu-nav a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-studierende-sprachen .fu-card,\r\n .fu-studierende-sprachen .fu-intro,\r\n .fu-studierende-sprachen .fu-info {\r\n padding:1.15rem;\r\n }\r\n\r\n}\r\n\r\n\r\n/* =========================================================\r\n ICON-FALLBACK\r\n ========================================================= */\r\n\r\n.fu-studierende-sprachen i.bi {\r\n line-height:1;\r\n}\r\n } /* ===== FU ARTICLE 303 ===== */ @scope (.fu-article-303) { \r\n/* =========================================================\r\n FAST UMSONST – BARACKE\r\n Scoped CSS – nur für diesen Beitrag\r\n ========================================================= */\r\n\r\n.fu-baracke {\r\n --brand: #1f4b3f;\r\n --brand-dark: #16382f;\r\n --accent: #d88932;\r\n --paper: #faf8f4;\r\n --text: #26332f;\r\n --muted: #687570;\r\n --border: #e3e8e5;\r\n --white: #fff;\r\n --shadow: 0 12px 30px rgba(25,45,38,.10);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 16px 50px;\r\n color: var(--text);\r\n font-family: inherit;\r\n}\r\n\r\n.fu-baracke *,\r\n.fu-baracke *::before,\r\n.fu-baracke *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-baracke a {\r\n color: inherit;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-baracke-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 24px;\r\n padding: 36px 28px;\r\n border-radius: 24px;\r\n background:\r\n linear-gradient(135deg, rgba(31,75,63,.98), rgba(22,56,47,.94));\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-baracke-hero::after {\r\n content: \"\\f5d1\";\r\n position: absolute;\r\n right: 22px;\r\n bottom: -25px;\r\n font-family: \"bootstrap-icons\";\r\n font-size: 10rem;\r\n line-height: 1;\r\n opacity: .07;\r\n}\r\n\r\n.fu-baracke-kicker {\r\n position: relative;\r\n z-index: 1;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.14);\r\n font-size: .88rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-baracke-hero h1 {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3.2rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-baracke-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 820px;\r\n margin: 0;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.08rem;\r\n line-height: 1.68;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLAKTIONEN\r\n ========================================================= */\r\n\r\n.fu-baracke-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-baracke-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 58px;\r\n padding: 13px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 15px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.07);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-baracke-action:hover,\r\n.fu-baracke-action:focus {\r\n transform: translateY(-2px);\r\n background: var(--paper);\r\n box-shadow: 0 12px 26px rgba(25,45,38,.12);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-baracke-action i {\r\n font-size: 1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTION\r\n ========================================================= */\r\n\r\n.fu-baracke-section {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-baracke-section h2 {\r\n margin: 0 0 14px;\r\n color: var(--brand-dark);\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n line-height: 1.2;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-baracke-intro {\r\n margin: 0 0 18px;\r\n color: var(--muted);\r\n line-height: 1.72;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-baracke-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-baracke-fact {\r\n padding: 18px;\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.06);\r\n}\r\n\r\n.fu-baracke-fact i {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: var(--brand);\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-baracke-fact strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n color: var(--brand-dark);\r\n}\r\n\r\n.fu-baracke-fact span {\r\n color: var(--muted);\r\n font-size: .93rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-baracke-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-baracke-card {\r\n height: 100%;\r\n padding: 22px;\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n background: var(--white);\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-baracke-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n margin-bottom: 14px;\r\n border-radius: 14px;\r\n background: #edf4f1;\r\n color: var(--brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-baracke-card h3 {\r\n margin: 0 0 8px;\r\n color: var(--brand-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-baracke-card p {\r\n margin: 0;\r\n color: var(--muted);\r\n line-height: 1.65;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-baracke-highlight {\r\n margin: 26px 0;\r\n padding: 24px;\r\n border-left: 5px solid var(--accent);\r\n border-radius: 16px;\r\n background: #fff8ed;\r\n box-shadow: 0 8px 22px rgba(25,45,38,.07);\r\n}\r\n\r\n.fu-baracke-highlight h3 {\r\n margin: 0 0 8px;\r\n color: #754512;\r\n font-size: 1.25rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-baracke-highlight p {\r\n margin: 0;\r\n line-height: 1.68;\r\n}\r\n\r\n/* =========================================================\r\n EVENT\r\n ========================================================= */\r\n\r\n.fu-baracke-events {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-baracke-event {\r\n display: flex;\r\n gap: 15px;\r\n align-items: flex-start;\r\n padding: 19px;\r\n border: 1px solid var(--border);\r\n border-radius: 17px;\r\n background: #fff;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.06);\r\n}\r\n\r\n.fu-baracke-date {\r\n flex: 0 0 68px;\r\n padding: 9px 5px;\r\n border-radius: 12px;\r\n background: var(--brand);\r\n color: #fff;\r\n text-align: center;\r\n font-weight: 800;\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-baracke-date small {\r\n display: block;\r\n margin-bottom: 4px;\r\n font-size: .72rem;\r\n opacity: .84;\r\n}\r\n\r\n.fu-baracke-event h3 {\r\n margin: 0 0 5px;\r\n color: var(--brand-dark);\r\n font-size: 1.04rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-baracke-event p {\r\n margin: 0;\r\n color: var(--muted);\r\n line-height: 1.52;\r\n font-size: .94rem;\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-baracke-cta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n margin: 28px 0;\r\n padding: 24px;\r\n border-radius: 18px;\r\n background: var(--brand);\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-baracke-cta h3 {\r\n margin: 0 0 5px;\r\n color: #fff;\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-baracke-cta p {\r\n margin: 0;\r\n color: rgba(255,255,255,.88);\r\n}\r\n\r\n.fu-baracke-cta a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n min-height: 50px;\r\n padding: 12px 17px;\r\n border-radius: 12px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-baracke-contact {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n}\r\n\r\n.fu-baracke-contact-card {\r\n padding: 22px;\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n background: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-baracke-contact-card h3 {\r\n margin: 0 0 13px;\r\n color: var(--brand-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-baracke-contact-card p {\r\n margin: 0 0 9px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-baracke-contact-card a {\r\n color: var(--brand);\r\n font-weight: 700;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-baracke-contact-card a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-baracke-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n}\r\n\r\n.fu-baracke-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n box-shadow: 0 6px 17px rgba(25,45,38,.06);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-baracke-related a:hover,\r\n.fu-baracke-related a:focus {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 23px rgba(25,45,38,.10);\r\n}\r\n\r\n.fu-baracke-related i {\r\n flex: 0 0 auto;\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n .fu-baracke-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-baracke-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-baracke-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n .fu-baracke {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-baracke-hero {\r\n padding: 28px 21px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-baracke-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-baracke-action {\r\n min-height: 56px;\r\n }\r\n\r\n .fu-baracke-grid,\r\n .fu-baracke-events,\r\n .fu-baracke-contact,\r\n .fu-baracke-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-baracke-facts {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-baracke-cta {\r\n align-items: stretch;\r\n }\r\n\r\n .fu-baracke-cta a {\r\n justify-content: center;\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 304 ===== */ @scope (.fu-article-304) { \r\n/* =========================================================\r\n FAST UMSONST – BLACK BOX MÜNSTER\r\n Mobile-first / Bootstrap / Bootstrap Icons\r\n ========================================================= */\r\n\r\n.fu-blackbox {\r\n --bb-brand: #1f4b3f;\r\n --bb-brand-dark: #17382f;\r\n --bb-accent: #d97706;\r\n --bb-paper: #faf8f4;\r\n --bb-card: #ffffff;\r\n --bb-text: #26332f;\r\n --bb-muted: #65736e;\r\n --bb-border: #e4e8e5;\r\n --bb-shadow: 0 8px 24px rgba(31, 75, 63, .09);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 15px 50px;\r\n color: var(--bb-text);\r\n font-size: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-blackbox * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-blackbox a {\r\n color: var(--bb-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-blackbox a:hover {\r\n color: var(--bb-brand-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* ---------- Hero ---------- */\r\n\r\n.fu-blackbox .bb-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 30px 22px;\r\n border-radius: 20px;\r\n background:\r\n radial-gradient(circle at 85% 20%, rgba(255,255,255,.13), transparent 28%),\r\n linear-gradient(135deg, var(--bb-brand-dark), var(--bb-brand));\r\n color: #fff;\r\n box-shadow: 0 12px 30px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-blackbox .bb-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 150px;\r\n height: 150px;\r\n right: -55px;\r\n bottom: -65px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,.16);\r\n}\r\n\r\n.fu-blackbox .bb-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 10px;\r\n padding: 6px 11px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n color: #fff;\r\n font-size: .85rem;\r\n font-weight: 700;\r\n letter-spacing: .02em;\r\n}\r\n\r\n.fu-blackbox .bb-hero h1 {\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: clamp(2rem, 6vw, 3.25rem);\r\n line-height: 1.05;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-blackbox .bb-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 760px;\r\n margin: 0;\r\n color: rgba(255,255,255,.94);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* ---------- Quick actions ---------- */\r\n\r\n.fu-blackbox .bb-actions {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n margin: 0 0 24px;\r\n}\r\n\r\n.fu-blackbox .bb-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 52px;\r\n padding: 13px 16px;\r\n border: 1px solid var(--bb-border);\r\n border-radius: 13px;\r\n background: #fff;\r\n color: var(--bb-brand);\r\n font-weight: 700;\r\n box-shadow: var(--bb-shadow);\r\n text-decoration: none !important;\r\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-blackbox .bb-action:hover {\r\n transform: translateY(-2px);\r\n background: var(--bb-paper);\r\n box-shadow: 0 12px 28px rgba(31,75,63,.13);\r\n}\r\n\r\n.fu-blackbox .bb-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-blackbox .bb-action.primary {\r\n background: var(--bb-brand);\r\n border-color: var(--bb-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-blackbox .bb-action.primary:hover {\r\n background: var(--bb-brand-dark);\r\n}\r\n\r\n/* ---------- Info strip ---------- */\r\n\r\n.fu-blackbox .bb-facts {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 26px;\r\n}\r\n\r\n.fu-blackbox .bb-fact {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 17px;\r\n border-radius: 15px;\r\n background: var(--bb-paper);\r\n border: 1px solid var(--bb-border);\r\n}\r\n\r\n.fu-blackbox .bb-fact-icon {\r\n flex: 0 0 42px;\r\n width: 42px;\r\n height: 42px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 12px;\r\n background: rgba(31,75,63,.10);\r\n color: var(--bb-brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-blackbox .bb-fact strong {\r\n display: block;\r\n margin-bottom: 2px;\r\n color: var(--bb-brand-dark);\r\n}\r\n\r\n/* ---------- Cards ---------- */\r\n\r\n.fu-blackbox .bb-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n margin-bottom: 26px;\r\n}\r\n\r\n.fu-blackbox .bb-card {\r\n height: 100%;\r\n padding: 22px;\r\n border: 1px solid var(--bb-border);\r\n border-radius: 17px;\r\n background: var(--bb-card);\r\n box-shadow: var(--bb-shadow);\r\n}\r\n\r\n.fu-blackbox .bb-card h2,\r\n.fu-blackbox .bb-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--bb-brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-blackbox .bb-card h2 {\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-blackbox .bb-card h3 {\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-blackbox .bb-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-blackbox .bb-icon-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-blackbox .bb-icon-title i {\r\n color: var(--bb-accent);\r\n font-size: 1.45rem;\r\n}\r\n\r\n/* ---------- Highlight ---------- */\r\n\r\n.fu-blackbox .bb-highlight {\r\n margin: 0 0 26px;\r\n padding: 21px;\r\n border-left: 5px solid var(--bb-accent);\r\n border-radius: 15px;\r\n background: #fff8ed;\r\n box-shadow: var(--bb-shadow);\r\n}\r\n\r\n.fu-blackbox .bb-highlight strong {\r\n color: #8a4b00;\r\n}\r\n\r\n.fu-blackbox .bb-highlight p {\r\n margin: 5px 0 0;\r\n}\r\n\r\n/* ---------- Event cards ---------- */\r\n\r\n.fu-blackbox .bb-events {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-blackbox .bb-event {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 16px;\r\n border: 1px solid var(--bb-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n}\r\n\r\n.fu-blackbox .bb-event-date {\r\n flex: 0 0 68px;\r\n padding: 8px 5px;\r\n border-radius: 10px;\r\n background: rgba(31,75,63,.09);\r\n color: var(--bb-brand);\r\n text-align: center;\r\n font-weight: 800;\r\n font-size: .9rem;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-blackbox .bb-event-title {\r\n margin: 0 0 3px;\r\n font-weight: 750;\r\n color: var(--bb-brand-dark);\r\n}\r\n\r\n.fu-blackbox .bb-event-meta {\r\n color: var(--bb-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n/* ---------- Address ---------- */\r\n\r\n.fu-blackbox .bb-address {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n}\r\n\r\n.fu-blackbox .bb-address i {\r\n margin-top: 3px;\r\n color: var(--bb-brand);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-blackbox .bb-address p {\r\n margin: 0;\r\n}\r\n\r\n/* ---------- Route ---------- */\r\n\r\n.fu-blackbox .bb-route {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-blackbox .bb-route-item {\r\n padding: 17px;\r\n border-radius: 14px;\r\n background: var(--bb-paper);\r\n border: 1px solid var(--bb-border);\r\n}\r\n\r\n.fu-blackbox .bb-route-item i {\r\n color: var(--bb-brand);\r\n font-size: 1.3rem;\r\n margin-right: 7px;\r\n}\r\n\r\n/* ---------- Accessibility ---------- */\r\n\r\n.fu-blackbox .bb-access {\r\n padding: 20px;\r\n border-radius: 16px;\r\n background: #eef6f2;\r\n border: 1px solid #d4e6dd;\r\n}\r\n\r\n.fu-blackbox .bb-access h2 {\r\n margin-top: 0;\r\n color: var(--bb-brand-dark);\r\n}\r\n\r\n/* ---------- Related ---------- */\r\n\r\n.fu-blackbox .bb-related {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-blackbox .bb-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n min-height: 58px;\r\n padding: 14px 16px;\r\n border: 1px solid var(--bb-border);\r\n border-radius: 13px;\r\n background: #fff;\r\n box-shadow: var(--bb-shadow);\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: transform .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-blackbox .bb-related a:hover {\r\n transform: translateY(-2px);\r\n background: var(--bb-paper);\r\n}\r\n\r\n.fu-blackbox .bb-related i {\r\n color: var(--bb-accent);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-blackbox .bb-section-title {\r\n margin: 30px 0 14px;\r\n color: var(--bb-brand-dark);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n}\r\n\r\n/* ---------- Small note ---------- */\r\n\r\n.fu-blackbox .bb-note {\r\n margin-top: 12px;\r\n color: var(--bb-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* ---------- Desktop ---------- */\r\n\r\n@media (min-width: 640px) {\r\n .fu-blackbox {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n\r\n .fu-blackbox .bb-actions {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-blackbox .bb-facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-blackbox .bb-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-blackbox .bb-events {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-blackbox .bb-route {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-blackbox .bb-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (min-width: 900px) {\r\n .fu-blackbox {\r\n padding-top: 15px;\r\n }\r\n\r\n .fu-blackbox .bb-hero {\r\n padding: 42px 42px;\r\n }\r\n\r\n .fu-blackbox .bb-card {\r\n padding: 25px;\r\n }\r\n\r\n .fu-blackbox .bb-related {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 305 ===== */ @scope (.fu-article-305) { \r\n/* =========================================================\r\n FAST UMSONST\r\n CUBA CLUB – MOBILE FIRST\r\n ========================================================= */\r\n\r\n.fu-cuba {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #16382f;\r\n --fu-green-soft: #eaf2ee;\r\n --fu-paper: #faf8f4;\r\n --fu-white: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #69756f;\r\n --fu-border: rgba(31,75,63,.13);\r\n --fu-shadow: 0 8px 26px rgba(25,45,38,.09);\r\n --fu-shadow-hover: 0 15px 35px rgba(25,45,38,.15);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 15px 15px 50px;\r\n color: var(--fu-text);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-cuba-hero {\r\n position: relative;\r\n overflow: hidden;\r\n background:\r\n linear-gradient(135deg,\r\n #16382f 0%,\r\n #1f4b3f 58%,\r\n #2d6253 100%);\r\n color: #fff;\r\n border-radius: 25px;\r\n padding: 42px 38px 36px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 14px 35px rgba(22,56,47,.22);\r\n}\r\n\r\n.fu-cuba-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 240px;\r\n height: 240px;\r\n right: -90px;\r\n top: -100px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-cuba-hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 850px;\r\n}\r\n\r\n.fu-cuba-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 14px;\r\n padding: 7px 12px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n border: 1px solid rgba(255,255,255,.16);\r\n font-size: .82rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-cuba-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3.1rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-cuba-hero p {\r\n margin: 0;\r\n max-width: 780px;\r\n color: rgba(255,255,255,.94);\r\n font-size: 1.08rem;\r\n line-height: 1.7;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELL-AKTIONEN\r\n ========================================================= */\r\n\r\n.fu-cuba-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-cuba-action {\r\n min-height: 58px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 13px 15px;\r\n border-radius: 15px;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n box-shadow: var(--fu-shadow);\r\n color: var(--fu-green) !important;\r\n text-decoration: none !important;\r\n font-weight: 750;\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease,\r\n background .2s ease;\r\n}\r\n\r\n.fu-cuba-action:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--fu-shadow-hover);\r\n background: var(--fu-green-soft);\r\n color: var(--fu-green-dark) !important;\r\n}\r\n\r\n.fu-cuba-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n CONTENT GRID\r\n ========================================================= */\r\n\r\n.fu-cuba-grid {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1.45fr) minmax(280px, .8fr);\r\n gap: 22px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-cuba-card {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 21px;\r\n padding: 27px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-cuba-card h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 18px;\r\n color: var(--fu-green);\r\n font-size: 1.45rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-cuba-card h2 i {\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-cuba-card p {\r\n margin: 0 0 15px;\r\n line-height: 1.72;\r\n}\r\n\r\n.fu-cuba-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n ANGEBOT-KARTEN\r\n ========================================================= */\r\n\r\n.fu-cuba-offers {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0,1fr));\r\n gap: 13px;\r\n}\r\n\r\n.fu-cuba-offer {\r\n padding: 17px;\r\n border-radius: 16px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-cuba-offer-icon {\r\n width: 43px;\r\n height: 43px;\r\n margin-bottom: 11px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n background: var(--fu-green-soft);\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-cuba-offer strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n color: var(--fu-green);\r\n font-size: .98rem;\r\n}\r\n\r\n.fu-cuba-offer span {\r\n display: block;\r\n color: var(--fu-muted);\r\n font-size: .88rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* =========================================================\r\n ÖFFNUNGSZEITEN\r\n ========================================================= */\r\n\r\n.fu-cuba-hours {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 21px;\r\n padding: 27px;\r\n box-shadow: 0 10px 28px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-cuba-hours h2 {\r\n margin: 0 0 20px;\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 1.4rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-cuba-hours-main {\r\n padding: 17px;\r\n border-radius: 15px;\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.12);\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-cuba-hours-main strong {\r\n display: block;\r\n font-size: 1.15rem;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-cuba-hours-main span {\r\n font-size: .9rem;\r\n opacity: .88;\r\n}\r\n\r\n.fu-cuba-hours-note {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 9px;\r\n font-size: .88rem;\r\n line-height: 1.5;\r\n opacity: .9;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-cuba-contact {\r\n display: grid;\r\n gap: 11px;\r\n}\r\n\r\n.fu-cuba-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n padding: 14px;\r\n border-radius: 14px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-cuba-contact-icon {\r\n flex: 0 0 40px;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 11px;\r\n background: var(--fu-green-soft);\r\n color: var(--fu-green);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.fu-cuba-contact-text {\r\n min-width: 0;\r\n}\r\n\r\n.fu-cuba-contact-text strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-cuba-contact-text span {\r\n display: block;\r\n font-size: .92rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-cuba-buttons {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0,1fr));\r\n gap: 11px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-cuba-btn {\r\n min-height: 52px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 12px 15px;\r\n border-radius: 14px;\r\n text-align: center;\r\n font-weight: 750;\r\n text-decoration: none !important;\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease;\r\n}\r\n\r\n.fu-cuba-btn:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n.fu-cuba-btn-primary {\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n box-shadow: 0 7px 18px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-cuba-btn-primary:hover {\r\n color: #fff !important;\r\n background: var(--fu-green-dark);\r\n}\r\n\r\n.fu-cuba-btn-secondary {\r\n background: var(--fu-green-soft);\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-cuba-btn-secondary:hover {\r\n color: var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS EINLASS\r\n ========================================================= */\r\n\r\n.fu-cuba-notice {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n padding: 19px 21px;\r\n margin-bottom: 24px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 15px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-cuba-notice i {\r\n flex: 0 0 auto;\r\n font-size: 1.3rem;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-cuba-notice strong {\r\n display: block;\r\n margin-bottom: 4px;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-cuba-notice span {\r\n display: block;\r\n font-size: .92rem;\r\n line-height: 1.55;\r\n}\r\n\r\n/* =========================================================\r\n VERANSTALTUNGEN\r\n ========================================================= */\r\n\r\n.fu-cuba-events {\r\n background:\r\n linear-gradient(135deg, #f0f5f2, #faf8f4);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 21px;\r\n padding: 27px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-cuba-events h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 10px;\r\n color: var(--fu-green);\r\n font-size: 1.45rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-cuba-events-intro {\r\n margin: 0 0 18px;\r\n color: var(--fu-muted);\r\n line-height: 1.6;\r\n}\r\n\r\n.fu-cuba-event-link {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 15px;\r\n padding: 15px 17px;\r\n border-radius: 14px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green) !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease;\r\n}\r\n\r\n.fu-cuba-event-link:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(25,45,38,.10);\r\n}\r\n\r\n.fu-cuba-event-link span {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-cuba-related {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 21px;\r\n padding: 27px;\r\n}\r\n\r\n.fu-cuba-related h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 18px;\r\n color: var(--fu-green);\r\n font-size: 1.45rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-cuba-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2,minmax(0,1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-cuba-related-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n min-height: 60px;\r\n padding: 12px 14px;\r\n border-radius: 14px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green) !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease;\r\n}\r\n\r\n.fu-cuba-related-link:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 7px 18px rgba(25,45,38,.09);\r\n}\r\n\r\n.fu-cuba-related-link i {\r\n flex: 0 0 auto;\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 850px) {\r\n\r\n .fu-cuba-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-cuba-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-cuba-action {\r\n min-height: 56px;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n .fu-cuba {\r\n padding: 8px 9px 35px;\r\n }\r\n\r\n .fu-cuba-hero {\r\n padding: 29px 21px 27px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-cuba-hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .fu-cuba-hero p {\r\n font-size: .98rem;\r\n line-height: 1.62;\r\n }\r\n\r\n .fu-cuba-card,\r\n .fu-cuba-hours,\r\n .fu-cuba-events,\r\n .fu-cuba-related {\r\n padding: 21px 18px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-cuba-offers {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-cuba-buttons {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-cuba-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-cuba-btn,\r\n .fu-cuba-action,\r\n .fu-cuba-related-link {\r\n min-height: 54px;\r\n }\r\n\r\n .fu-cuba-notice {\r\n padding: 17px;\r\n }\r\n}\r\n\r\n/* Sehr kleine Displays */\r\n@media (max-width: 380px) {\r\n\r\n .fu-cuba-hero h1 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .fu-cuba-card h2,\r\n .fu-cuba-hours h2,\r\n .fu-cuba-events h2,\r\n .fu-cuba-related h2 {\r\n font-size: 1.25rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 308 ===== */ @scope (.fu-article-308) { \r\n/* =========================================================\r\n FAST UMSONST – FRAUENSTRASSE 24 / F24\r\n Mobile-first / Bootstrap / Bootstrap Icons\r\n ========================================================= */\r\n\r\n.fu-f24 {\r\n --f24-brand: #1f4b3f;\r\n --f24-brand-dark: #17382f;\r\n --f24-accent: #b45309;\r\n --f24-paper: #faf8f4;\r\n --f24-card: #ffffff;\r\n --f24-text: #26332f;\r\n --f24-muted: #68756f;\r\n --f24-border: #e3e8e5;\r\n --f24-shadow: 0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 15px 55px;\r\n color: var(--f24-text);\r\n font-size: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-f24 * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-f24 a {\r\n color: var(--f24-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-f24 a:hover {\r\n color: var(--f24-brand-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* ---------- Hero ---------- */\r\n\r\n.fu-f24 .f24-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 30px 22px;\r\n border-radius: 20px;\r\n background:\r\n radial-gradient(circle at 85% 20%, rgba(255,255,255,.13), transparent 28%),\r\n linear-gradient(135deg, var(--f24-brand-dark), var(--f24-brand));\r\n color: #fff;\r\n box-shadow: 0 12px 30px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-f24 .f24-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n right: -55px;\r\n bottom: -65px;\r\n width: 160px;\r\n height: 160px;\r\n border: 1px solid rgba(255,255,255,.15);\r\n border-radius: 50%;\r\n}\r\n\r\n.fu-f24 .f24-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 11px;\r\n padding: 6px 12px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n color: #fff;\r\n font-size: .85rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-f24 .f24-hero h1 {\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: clamp(2rem, 6vw, 3.25rem);\r\n line-height: 1.05;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-f24 .f24-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 790px;\r\n margin: 0;\r\n color: rgba(255,255,255,.95);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* ---------- Actions ---------- */\r\n\r\n.fu-f24 .f24-actions {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-f24 .f24-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 53px;\r\n padding: 13px 16px;\r\n border: 1px solid var(--f24-border);\r\n border-radius: 13px;\r\n background: #fff;\r\n color: var(--f24-brand);\r\n font-weight: 700;\r\n box-shadow: var(--f24-shadow);\r\n text-decoration: none !important;\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-f24 .f24-action:hover {\r\n transform: translateY(-2px);\r\n background: var(--f24-paper);\r\n box-shadow: 0 12px 28px rgba(31,75,63,.13);\r\n}\r\n\r\n.fu-f24 .f24-action.primary {\r\n color: #fff;\r\n background: var(--f24-brand);\r\n border-color: var(--f24-brand);\r\n}\r\n\r\n.fu-f24 .f24-action.primary:hover {\r\n background: var(--f24-brand-dark);\r\n}\r\n\r\n.fu-f24 .f24-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* ---------- Facts ---------- */\r\n\r\n.fu-f24 .f24-facts {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-f24 .f24-fact {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 17px;\r\n border: 1px solid var(--f24-border);\r\n border-radius: 15px;\r\n background: var(--f24-paper);\r\n}\r\n\r\n.fu-f24 .f24-fact-icon {\r\n flex: 0 0 42px;\r\n width: 42px;\r\n height: 42px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 12px;\r\n background: rgba(31,75,63,.10);\r\n color: var(--f24-brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-f24 .f24-fact strong {\r\n display: block;\r\n margin-bottom: 2px;\r\n color: var(--f24-brand-dark);\r\n}\r\n\r\n/* ---------- Section titles ---------- */\r\n\r\n.fu-f24 .f24-section-title {\r\n margin: 31px 0 15px;\r\n color: var(--f24-brand-dark);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-f24 .f24-section-title i {\r\n margin-right: 6px;\r\n color: var(--f24-accent);\r\n}\r\n\r\n/* ---------- Cards ---------- */\r\n\r\n.fu-f24 .f24-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n margin-bottom: 25px;\r\n}\r\n\r\n.fu-f24 .f24-card {\r\n height: 100%;\r\n padding: 22px;\r\n border: 1px solid var(--f24-border);\r\n border-radius: 17px;\r\n background: var(--f24-card);\r\n box-shadow: var(--f24-shadow);\r\n}\r\n\r\n.fu-f24 .f24-card h2,\r\n.fu-f24 .f24-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--f24-brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-f24 .f24-card h2 {\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-f24 .f24-card h3 {\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-f24 .f24-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-f24 .f24-icon-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.fu-f24 .f24-icon-title i {\r\n color: var(--f24-accent);\r\n font-size: 1.45rem;\r\n}\r\n\r\n/* ---------- History ---------- */\r\n\r\n.fu-f24 .f24-history {\r\n margin-bottom: 26px;\r\n padding: 23px;\r\n border-radius: 17px;\r\n background:\r\n linear-gradient(135deg, #f7f3eb, #fff);\r\n border: 1px solid var(--f24-border);\r\n box-shadow: var(--f24-shadow);\r\n}\r\n\r\n.fu-f24 .f24-history h2 {\r\n margin-top: 0;\r\n color: var(--f24-brand-dark);\r\n}\r\n\r\n.fu-f24 .f24-history p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* ---------- Highlight ---------- */\r\n\r\n.fu-f24 .f24-highlight {\r\n margin-bottom: 25px;\r\n padding: 21px;\r\n border-left: 5px solid var(--f24-accent);\r\n border-radius: 15px;\r\n background: #fff8ed;\r\n box-shadow: var(--f24-shadow);\r\n}\r\n\r\n.fu-f24 .f24-highlight strong {\r\n color: #874700;\r\n}\r\n\r\n.fu-f24 .f24-highlight p {\r\n margin: 5px 0 0;\r\n}\r\n\r\n/* ---------- Events ---------- */\r\n\r\n.fu-f24 .f24-events {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-f24 .f24-event {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 16px;\r\n border: 1px solid var(--f24-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n box-shadow: 0 4px 14px rgba(31,75,63,.05);\r\n}\r\n\r\n.fu-f24 .f24-event-date {\r\n flex: 0 0 68px;\r\n padding: 8px 5px;\r\n border-radius: 10px;\r\n background: rgba(31,75,63,.09);\r\n color: var(--f24-brand);\r\n text-align: center;\r\n font-weight: 800;\r\n font-size: .88rem;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-f24 .f24-event-title {\r\n margin-bottom: 3px;\r\n color: var(--f24-brand-dark);\r\n font-weight: 750;\r\n}\r\n\r\n.fu-f24 .f24-event-meta {\r\n color: var(--f24-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n/* ---------- Regular events ---------- */\r\n\r\n.fu-f24 .f24-regular {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-f24 .f24-regular-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 17px;\r\n border-radius: 14px;\r\n background: var(--f24-paper);\r\n border: 1px solid var(--f24-border);\r\n}\r\n\r\n.fu-f24 .f24-regular-item i {\r\n color: var(--f24-brand);\r\n font-size: 1.3rem;\r\n margin-top: 2px;\r\n}\r\n\r\n.fu-f24 .f24-regular-item strong {\r\n display: block;\r\n color: var(--f24-brand-dark);\r\n}\r\n\r\n/* ---------- Contact ---------- */\r\n\r\n.fu-f24 .f24-contact {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n}\r\n\r\n.fu-f24 .f24-contact-card {\r\n padding: 21px;\r\n border: 1px solid var(--f24-border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: var(--f24-shadow);\r\n}\r\n\r\n.fu-f24 .f24-contact-card i {\r\n color: var(--f24-brand);\r\n font-size: 1.35rem;\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-f24 .f24-contact-card p {\r\n margin: 0;\r\n}\r\n\r\n/* ---------- Route ---------- */\r\n\r\n.fu-f24 .f24-route {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-f24 .f24-route-item {\r\n padding: 17px;\r\n border-radius: 14px;\r\n background: var(--f24-paper);\r\n border: 1px solid var(--f24-border);\r\n}\r\n\r\n.fu-f24 .f24-route-item i {\r\n color: var(--f24-brand);\r\n font-size: 1.3rem;\r\n margin-right: 7px;\r\n}\r\n\r\n/* ---------- Related ---------- */\r\n\r\n.fu-f24 .f24-related {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-f24 .f24-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n min-height: 58px;\r\n padding: 14px 16px;\r\n border: 1px solid var(--f24-border);\r\n border-radius: 13px;\r\n background: #fff;\r\n box-shadow: var(--f24-shadow);\r\n color: var(--f24-brand);\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-f24 .f24-related a:hover {\r\n transform: translateY(-2px);\r\n background: var(--f24-paper);\r\n}\r\n\r\n.fu-f24 .f24-related i {\r\n color: var(--f24-accent);\r\n font-size: 1.2rem;\r\n}\r\n\r\n/* ---------- Note ---------- */\r\n\r\n.fu-f24 .f24-note {\r\n margin-top: 12px;\r\n color: var(--f24-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* ---------- Desktop ---------- */\r\n\r\n@media (min-width: 640px) {\r\n\r\n .fu-f24 {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n\r\n .fu-f24 .f24-actions {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-f24 .f24-facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-f24 .f24-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-f24 .f24-events {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-f24 .f24-regular {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-f24 .f24-contact {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-f24 .f24-route {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-f24 .f24-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (min-width: 900px) {\r\n\r\n .fu-f24 {\r\n padding-top: 15px;\r\n }\r\n\r\n .fu-f24 .f24-hero {\r\n padding: 42px;\r\n }\r\n\r\n .fu-f24 .f24-card,\r\n .fu-f24 .f24-history {\r\n padding: 25px;\r\n }\r\n\r\n .fu-f24 .f24-related {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 310 ===== */ @scope (.fu-article-310) { \r\n/* =========================================================\r\n FAST UMSONST – GLEIS 22\r\n Joomla 6 / Bootstrap / Bootstrap Icons 1.11.3\r\n ========================================================= */\r\n\r\n.fu-gleis22 {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16372e;\r\n --fu-accent: #d97706;\r\n --fu-accent-soft: #fff4df;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n --fu-border: rgba(31,75,63,.13);\r\n --fu-shadow: 0 12px 32px rgba(25,45,39,.10);\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n padding: 10px 15px 50px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-gleis22 *,\r\n.fu-gleis22 *::before,\r\n.fu-gleis22 *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-gleis22-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 28px;\r\n padding: 42px 32px;\r\n border-radius: 24px;\r\n background:\r\n radial-gradient(circle at 90% 15%, rgba(255,255,255,.13), transparent 28%),\r\n linear-gradient(135deg, var(--fu-brand-dark), var(--fu-brand));\r\n color: #fff;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-gleis22-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 230px;\r\n height: 230px;\r\n right: -90px;\r\n bottom: -110px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-gleis22-kicker {\r\n position: relative;\r\n z-index: 1;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 13px;\r\n border: 1px solid rgba(255,255,255,.22);\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.10);\r\n font-size: .88rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-gleis22-hero h1 {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3.2rem);\r\n line-height: 1.1;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-gleis22-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 820px;\r\n margin: 0;\r\n color: rgba(255,255,255,.94);\r\n font-size: 1.12rem;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLAKTIONEN\r\n ========================================================= */\r\n\r\n.fu-gleis22-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 0 0 30px;\r\n}\r\n\r\n.fu-gleis22-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n min-height: 58px;\r\n padding: 13px 18px;\r\n border-radius: 15px;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none !important;\r\n font-weight: 750;\r\n box-shadow: 0 7px 20px rgba(25,45,39,.07);\r\n transition:\r\n transform .18s ease,\r\n box-shadow .18s ease,\r\n background .18s ease,\r\n color .18s ease;\r\n}\r\n\r\n.fu-gleis22-action:hover,\r\n.fu-gleis22-action:focus {\r\n color: #fff;\r\n background: var(--fu-brand);\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 25px rgba(25,45,39,.16);\r\n}\r\n\r\n.fu-gleis22-action i {\r\n font-size: 1.25rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-gleis22-section {\r\n margin: 0 0 30px;\r\n padding: 28px;\r\n border-radius: 21px;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-gleis22-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n line-height: 1.2;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-gleis22-section h2 i {\r\n flex: 0 0 auto;\r\n font-size: 1.35em;\r\n}\r\n\r\n.fu-gleis22-section p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-gleis22-intro {\r\n background:\r\n linear-gradient(180deg, #fff, var(--fu-paper));\r\n}\r\n\r\n.fu-gleis22-lead {\r\n margin-bottom: 0;\r\n font-size: 1.12rem;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-gleis22-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n margin-top: 22px;\r\n}\r\n\r\n.fu-gleis22-fact {\r\n height: 100%;\r\n padding: 20px;\r\n border-radius: 17px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-gleis22-fact-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 46px;\r\n height: 46px;\r\n margin-bottom: 12px;\r\n border-radius: 13px;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-gleis22-fact strong {\r\n display: block;\r\n margin-bottom: 4px;\r\n color: var(--fu-brand-dark);\r\n font-size: 1.05rem;\r\n}\r\n\r\n.fu-gleis22-fact span {\r\n display: block;\r\n color: var(--fu-muted);\r\n font-size: .94rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* =========================================================\r\n OFFER CARDS\r\n ========================================================= */\r\n\r\n.fu-gleis22-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 17px;\r\n}\r\n\r\n.fu-gleis22-card {\r\n height: 100%;\r\n padding: 23px;\r\n border-radius: 18px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n box-shadow: 0 7px 20px rgba(25,45,39,.06);\r\n}\r\n\r\n.fu-gleis22-card-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n margin-bottom: 14px;\r\n border-radius: 14px;\r\n background: var(--fu-accent-soft);\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-gleis22-card h3 {\r\n margin: 0 0 8px;\r\n color: var(--fu-brand);\r\n font-size: 1.18rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-gleis22-card p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n CASH ONLY HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-gleis22-cash {\r\n position: relative;\r\n overflow: hidden;\r\n border: 0;\r\n background:\r\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.18), transparent 28%),\r\n linear-gradient(135deg, #b45309, #d97706);\r\n color: #fff;\r\n}\r\n\r\n.fu-gleis22-cash h2,\r\n.fu-gleis22-cash p {\r\n color: #fff;\r\n}\r\n\r\n.fu-gleis22-cash-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin-bottom: 13px;\r\n padding: 8px 14px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.15);\r\n border: 1px solid rgba(255,255,255,.20);\r\n font-size: .9rem;\r\n font-weight: 800;\r\n}\r\n\r\n/* =========================================================\r\n PROGRAMM\r\n ========================================================= */\r\n\r\n.fu-gleis22-program {\r\n display: grid;\r\n gap: 13px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-gleis22-event {\r\n display: flex;\r\n gap: 16px;\r\n align-items: flex-start;\r\n padding: 18px;\r\n border-radius: 16px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-gleis22-event-date {\r\n flex: 0 0 76px;\r\n padding: 9px 6px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n text-align: center;\r\n font-weight: 800;\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-gleis22-event-date span {\r\n display: block;\r\n font-size: .76rem;\r\n font-weight: 600;\r\n opacity: .85;\r\n}\r\n\r\n.fu-gleis22-event-content {\r\n min-width: 0;\r\n}\r\n\r\n.fu-gleis22-event-content h3 {\r\n margin: 0 0 4px;\r\n color: var(--fu-brand);\r\n font-size: 1.05rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-gleis22-event-content p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-gleis22-event-meta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 7px;\r\n margin-top: 9px;\r\n}\r\n\r\n.fu-gleis22-meta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n padding: 4px 8px;\r\n border-radius: 8px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-muted);\r\n font-size: .82rem;\r\n font-weight: 650;\r\n}\r\n\r\n.fu-gleis22-soldout {\r\n background: #f8e5e5;\r\n border-color: #e9baba;\r\n color: #8c2f2f;\r\n}\r\n\r\n.fu-gleis22-program-more {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n width: 100%;\r\n min-height: 54px;\r\n margin-top: 18px;\r\n padding: 12px 18px;\r\n border-radius: 14px;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n transition:\r\n background .18s ease,\r\n transform .18s ease;\r\n}\r\n\r\n.fu-gleis22-program-more:hover,\r\n.fu-gleis22-program-more:focus {\r\n color: #fff;\r\n background: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n MONATSNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-gleis22-monthnav {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 10px;\r\n margin: 20px 0 25px;\r\n}\r\n\r\n.fu-gleis22-monthnav a {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 48px;\r\n padding: 9px 12px;\r\n border-radius: 12px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none !important;\r\n font-weight: 750;\r\n}\r\n\r\n.fu-gleis22-monthnav a:hover,\r\n.fu-gleis22-monthnav a:focus {\r\n color: #fff;\r\n background: var(--fu-brand);\r\n}\r\n\r\n/* =========================================================\r\n MONATSÜBERSCHRIFTEN\r\n ========================================================= */\r\n\r\n.fu-gleis22-month {\r\n scroll-margin-top: 100px;\r\n margin-top: 30px;\r\n}\r\n\r\n.fu-gleis22-month h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 12px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n font-weight: 800;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-gleis22-contact {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n}\r\n\r\n.fu-gleis22-contact-box {\r\n padding: 21px;\r\n border-radius: 17px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-gleis22-contact-box h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 12px;\r\n color: var(--fu-brand);\r\n font-size: 1.12rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-gleis22-contact-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-gleis22-contact-box a {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n text-decoration: underline;\r\n text-underline-offset: 3px;\r\n}\r\n\r\n/* =========================================================\r\n HINWEISE\r\n ========================================================= */\r\n\r\n.fu-gleis22-note {\r\n margin-top: 18px;\r\n padding: 16px 18px;\r\n border-left: 4px solid var(--fu-accent);\r\n border-radius: 0 12px 12px 0;\r\n background: var(--fu-accent-soft);\r\n color: #60420f;\r\n}\r\n\r\n.fu-gleis22-note strong {\r\n color: #7a4d05;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-gleis22-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-gleis22-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 58px;\r\n padding: 13px 15px;\r\n border-radius: 14px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none !important;\r\n font-weight: 750;\r\n line-height: 1.3;\r\n transition:\r\n transform .18s ease,\r\n background .18s ease,\r\n color .18s ease;\r\n}\r\n\r\n.fu-gleis22-related a:hover,\r\n.fu-gleis22-related a:focus {\r\n color: #fff;\r\n background: var(--fu-brand);\r\n transform: translateY(-2px);\r\n}\r\n\r\n.fu-gleis22-related i {\r\n flex: 0 0 auto;\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 991px) {\r\n\r\n .fu-gleis22-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-gleis22-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-gleis22 {\r\n padding: 5px 10px 35px;\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-gleis22-hero {\r\n padding: 30px 21px;\r\n border-radius: 19px;\r\n }\r\n\r\n .fu-gleis22-hero h1 {\r\n font-size: 2.05rem;\r\n }\r\n\r\n .fu-gleis22-hero p {\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-gleis22-actions {\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .fu-gleis22-action {\r\n min-height: 56px;\r\n }\r\n\r\n .fu-gleis22-section {\r\n padding: 21px 17px;\r\n border-radius: 17px;\r\n }\r\n\r\n .fu-gleis22-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-gleis22-facts,\r\n .fu-gleis22-grid,\r\n .fu-gleis22-contact,\r\n .fu-gleis22-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-gleis22-monthnav {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 430px) {\r\n\r\n .fu-gleis22-hero {\r\n padding: 27px 17px;\r\n }\r\n\r\n .fu-gleis22-section {\r\n padding: 19px 15px;\r\n }\r\n\r\n .fu-gleis22-card,\r\n .fu-gleis22-fact,\r\n .fu-gleis22-contact-box {\r\n padding: 18px;\r\n }\r\n\r\n .fu-gleis22-event {\r\n padding: 15px;\r\n gap: 11px;\r\n }\r\n\r\n .fu-gleis22-event-date {\r\n flex-basis: 64px;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 311 ===== */ @scope (.fu-article-311) { \r\n/* =========================================================\r\n FAST UMSONST – HAWERKAMP 31\r\n Joomla 6 / Bootstrap / Bootstrap Icons 1.11.3\r\n ========================================================= */\r\n\r\n.fu-hawerkamp {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16372e;\r\n --fu-accent: #d97706;\r\n --fu-accent-soft: #fff4df;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n --fu-border: rgba(31,75,63,.13);\r\n --fu-shadow: 0 12px 32px rgba(25,45,39,.10);\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n padding: 10px 15px 50px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-hawerkamp *,\r\n.fu-hawerkamp *::before,\r\n.fu-hawerkamp *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hawerkamp-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 28px;\r\n padding: 44px 32px;\r\n border-radius: 24px;\r\n background:\r\n radial-gradient(circle at 90% 12%, rgba(255,255,255,.14), transparent 27%),\r\n linear-gradient(135deg, var(--fu-brand-dark), var(--fu-brand));\r\n color: #fff;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-hawerkamp-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 250px;\r\n height: 250px;\r\n right: -100px;\r\n bottom: -120px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-hawerkamp-kicker {\r\n position: relative;\r\n z-index: 1;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 13px;\r\n padding: 7px 14px;\r\n border: 1px solid rgba(255,255,255,.22);\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.10);\r\n font-size: .88rem;\r\n font-weight: 750;\r\n}\r\n\r\n.fu-hawerkamp-hero h1 {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2.05rem, 4vw, 3.3rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hawerkamp-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 850px;\r\n margin: 0;\r\n color: rgba(255,255,255,.95);\r\n font-size: 1.12rem;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLAKTIONEN\r\n ========================================================= */\r\n\r\n.fu-hawerkamp-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-hawerkamp-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n min-height: 58px;\r\n padding: 13px 18px;\r\n border-radius: 15px;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none !important;\r\n font-weight: 750;\r\n box-shadow: 0 7px 20px rgba(25,45,39,.07);\r\n transition:\r\n transform .18s ease,\r\n box-shadow .18s ease,\r\n background .18s ease,\r\n color .18s ease;\r\n}\r\n\r\n.fu-hawerkamp-action:hover,\r\n.fu-hawerkamp-action:focus {\r\n color: #fff;\r\n background: var(--fu-brand);\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 25px rgba(25,45,39,.16);\r\n}\r\n\r\n.fu-hawerkamp-action i {\r\n font-size: 1.25rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-hawerkamp-section {\r\n margin-bottom: 30px;\r\n padding: 28px;\r\n border-radius: 21px;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-hawerkamp-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n line-height: 1.2;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hawerkamp-section h2 i {\r\n flex: 0 0 auto;\r\n font-size: 1.35em;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-hawerkamp-intro {\r\n background:\r\n linear-gradient(180deg, #fff, var(--fu-paper));\r\n}\r\n\r\n.fu-hawerkamp-lead {\r\n margin-bottom: 0;\r\n font-size: 1.12rem;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-hawerkamp-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n margin-top: 22px;\r\n}\r\n\r\n.fu-hawerkamp-fact {\r\n height: 100%;\r\n padding: 20px;\r\n border-radius: 17px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-hawerkamp-fact-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 46px;\r\n height: 46px;\r\n margin-bottom: 12px;\r\n border-radius: 13px;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-hawerkamp-fact strong {\r\n display: block;\r\n margin-bottom: 4px;\r\n color: var(--fu-brand-dark);\r\n font-size: 1.05rem;\r\n}\r\n\r\n.fu-hawerkamp-fact span {\r\n display: block;\r\n color: var(--fu-muted);\r\n font-size: .94rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* =========================================================\r\n ANGEBOTE\r\n ========================================================= */\r\n\r\n.fu-hawerkamp-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 17px;\r\n}\r\n\r\n.fu-hawerkamp-card {\r\n height: 100%;\r\n padding: 23px;\r\n border-radius: 18px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n box-shadow: 0 7px 20px rgba(25,45,39,.06);\r\n}\r\n\r\n.fu-hawerkamp-card-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n margin-bottom: 14px;\r\n border-radius: 14px;\r\n background: var(--fu-accent-soft);\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-hawerkamp-card h3 {\r\n margin: 0 0 8px;\r\n color: var(--fu-brand);\r\n font-size: 1.18rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hawerkamp-card p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n KULTUR HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-hawerkamp-highlight {\r\n position: relative;\r\n overflow: hidden;\r\n border: 0;\r\n background:\r\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.18), transparent 28%),\r\n linear-gradient(135deg, #b45309, #d97706);\r\n color: #fff;\r\n}\r\n\r\n.fu-hawerkamp-highlight h2,\r\n.fu-hawerkamp-highlight h3,\r\n.fu-hawerkamp-highlight p {\r\n color: #fff;\r\n}\r\n\r\n.fu-hawerkamp-highlight-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 14px;\r\n padding: 7px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.15);\r\n border: 1px solid rgba(255,255,255,.22);\r\n font-size: .88rem;\r\n font-weight: 800;\r\n}\r\n\r\n/* =========================================================\r\n AKTUELLE TERMINE\r\n ========================================================= */\r\n\r\n.fu-hawerkamp-program {\r\n display: grid;\r\n gap: 13px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-hawerkamp-event {\r\n display: flex;\r\n gap: 16px;\r\n align-items: flex-start;\r\n padding: 18px;\r\n border-radius: 16px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-hawerkamp-date {\r\n flex: 0 0 76px;\r\n padding: 9px 6px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n text-align: center;\r\n font-weight: 800;\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-hawerkamp-date span {\r\n display: block;\r\n font-size: .76rem;\r\n font-weight: 600;\r\n opacity: .85;\r\n}\r\n\r\n.fu-hawerkamp-event-content {\r\n min-width: 0;\r\n}\r\n\r\n.fu-hawerkamp-event-content h3 {\r\n margin: 0 0 5px;\r\n color: var(--fu-brand);\r\n font-size: 1.05rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hawerkamp-event-content p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-hawerkamp-meta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 7px;\r\n margin-top: 9px;\r\n}\r\n\r\n.fu-hawerkamp-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n padding: 4px 8px;\r\n border-radius: 8px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-muted);\r\n font-size: .82rem;\r\n font-weight: 650;\r\n}\r\n\r\n.fu-hawerkamp-free {\r\n background: #eaf5ef;\r\n color: #246044;\r\n border-color: #c5dfcf;\r\n}\r\n\r\n.fu-hawerkamp-program-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n width: 100%;\r\n min-height: 54px;\r\n margin-top: 18px;\r\n padding: 12px 18px;\r\n border-radius: 14px;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n transition:\r\n background .18s ease,\r\n transform .18s ease;\r\n}\r\n\r\n.fu-hawerkamp-program-button:hover,\r\n.fu-hawerkamp-program-button:focus {\r\n color: #fff;\r\n background: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n OFFENE ATELIERS\r\n ========================================================= */\r\n\r\n.fu-hawerkamp-open {\r\n display: grid;\r\n grid-template-columns: 1.2fr .8fr;\r\n gap: 22px;\r\n align-items: stretch;\r\n}\r\n\r\n.fu-hawerkamp-open-info {\r\n padding: 23px;\r\n border-radius: 17px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-hawerkamp-open-info h3 {\r\n margin: 0 0 9px;\r\n color: var(--fu-brand);\r\n font-size: 1.25rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hawerkamp-open-info p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-hawerkamp-open-facts {\r\n display: grid;\r\n gap: 11px;\r\n}\r\n\r\n.fu-hawerkamp-open-fact {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n padding: 15px;\r\n border-radius: 14px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-hawerkamp-open-fact i {\r\n color: var(--fu-brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-hawerkamp-contact {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n}\r\n\r\n.fu-hawerkamp-contact-box {\r\n padding: 21px;\r\n border-radius: 17px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-hawerkamp-contact-box h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 12px;\r\n color: var(--fu-brand);\r\n font-size: 1.12rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hawerkamp-contact-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-hawerkamp-contact-box a {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n text-decoration: underline;\r\n text-underline-offset: 3px;\r\n}\r\n\r\n/* =========================================================\r\n WEGWEISER\r\n ========================================================= */\r\n\r\n.fu-hawerkamp-wayfinding {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-hawerkamp-way {\r\n padding: 20px;\r\n border-radius: 16px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-hawerkamp-way i {\r\n display: block;\r\n margin-bottom: 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-hawerkamp-way h3 {\r\n margin: 0 0 7px;\r\n color: var(--fu-brand);\r\n font-size: 1.05rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hawerkamp-way p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n font-size: .94rem;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-hawerkamp-note {\r\n margin-top: 18px;\r\n padding: 16px 18px;\r\n border-left: 4px solid var(--fu-accent);\r\n border-radius: 0 12px 12px 0;\r\n background: var(--fu-accent-soft);\r\n color: #60420f;\r\n}\r\n\r\n.fu-hawerkamp-note strong {\r\n color: #7a4d05;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-hawerkamp-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-hawerkamp-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 58px;\r\n padding: 13px 15px;\r\n border-radius: 14px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none !important;\r\n font-weight: 750;\r\n line-height: 1.3;\r\n transition:\r\n transform .18s ease,\r\n background .18s ease,\r\n color .18s ease;\r\n}\r\n\r\n.fu-hawerkamp-related a:hover,\r\n.fu-hawerkamp-related a:focus {\r\n color: #fff;\r\n background: var(--fu-brand);\r\n transform: translateY(-2px);\r\n}\r\n\r\n.fu-hawerkamp-related i {\r\n flex: 0 0 auto;\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 991px) {\r\n\r\n .fu-hawerkamp-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-hawerkamp-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-hawerkamp-open {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-hawerkamp {\r\n padding: 5px 10px 35px;\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-hawerkamp-hero {\r\n padding: 30px 21px;\r\n border-radius: 19px;\r\n }\r\n\r\n .fu-hawerkamp-hero h1 {\r\n font-size: 2.05rem;\r\n }\r\n\r\n .fu-hawerkamp-hero p {\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-hawerkamp-actions {\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .fu-hawerkamp-action {\r\n min-height: 56px;\r\n }\r\n\r\n .fu-hawerkamp-section {\r\n padding: 21px 17px;\r\n border-radius: 17px;\r\n }\r\n\r\n .fu-hawerkamp-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-hawerkamp-facts,\r\n .fu-hawerkamp-grid,\r\n .fu-hawerkamp-contact,\r\n .fu-hawerkamp-wayfinding,\r\n .fu-hawerkamp-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 430px) {\r\n\r\n .fu-hawerkamp-hero {\r\n padding: 27px 17px;\r\n }\r\n\r\n .fu-hawerkamp-section {\r\n padding: 19px 15px;\r\n }\r\n\r\n .fu-hawerkamp-card,\r\n .fu-hawerkamp-fact,\r\n .fu-hawerkamp-contact-box,\r\n .fu-hawerkamp-open-info {\r\n padding: 18px;\r\n }\r\n\r\n .fu-hawerkamp-event {\r\n padding: 15px;\r\n gap: 11px;\r\n }\r\n\r\n .fu-hawerkamp-date {\r\n flex-basis: 64px;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 312 ===== */ @scope (.fu-article-312) { \r\n/* =========================================================\r\n FAST UMSONST – HOT JAZZ CLUB\r\n Scoped CSS – beeinflusst nur diese Seite\r\n ========================================================= */\r\n\r\n.fu-hotjazz {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16382f;\r\n --fu-accent: #d88932;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736f;\r\n --fu-border: #e4e8e5;\r\n --fu-shadow: 0 12px 30px rgba(25, 45, 38, .10);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 16px 50px;\r\n color: var(--fu-text);\r\n font-family: inherit;\r\n}\r\n\r\n.fu-hotjazz *,\r\n.fu-hotjazz *::before,\r\n.fu-hotjazz *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hotjazz a {\r\n color: inherit;\r\n}\r\n\r\n/* ---------- Hero ---------- */\r\n\r\n.fu-hotjazz-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 24px;\r\n padding: 34px 28px;\r\n border-radius: 24px;\r\n background:\r\n linear-gradient(135deg, rgba(31,75,63,.98), rgba(22,56,47,.94));\r\n color: #fff;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-hotjazz-hero::after {\r\n content: \"\\f5c5\";\r\n position: absolute;\r\n right: 25px;\r\n bottom: -20px;\r\n font-family: \"bootstrap-icons\";\r\n font-size: 9rem;\r\n line-height: 1;\r\n opacity: .08;\r\n}\r\n\r\n.fu-hotjazz-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 12px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.14);\r\n font-size: .88rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hotjazz-hero h1 {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3.2rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hotjazz-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 800px;\r\n margin: 0;\r\n color: rgba(255,255,255,.91);\r\n font-size: 1.08rem;\r\n line-height: 1.65;\r\n}\r\n\r\n/* ---------- Quick actions ---------- */\r\n\r\n.fu-hotjazz-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin: 0 0 28px;\r\n}\r\n\r\n.fu-hotjazz-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 58px;\r\n padding: 13px 15px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.07);\r\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-hotjazz-action:hover,\r\n.fu-hotjazz-action:focus {\r\n transform: translateY(-2px);\r\n background: var(--fu-paper);\r\n box-shadow: 0 12px 26px rgba(25,45,38,.12);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-hotjazz-action i {\r\n font-size: 1.2rem;\r\n}\r\n\r\n/* ---------- Sections ---------- */\r\n\r\n.fu-hotjazz-section {\r\n margin: 0 0 28px;\r\n}\r\n\r\n.fu-hotjazz-section h2 {\r\n margin: 0 0 14px;\r\n color: var(--fu-brand-dark);\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n line-height: 1.2;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hotjazz-section-intro {\r\n margin: 0 0 18px;\r\n color: var(--fu-muted);\r\n line-height: 1.7;\r\n}\r\n\r\n/* ---------- Cards ---------- */\r\n\r\n.fu-hotjazz-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-hotjazz-card {\r\n height: 100%;\r\n padding: 22px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n background: var(--fu-card);\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-hotjazz-card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n margin-bottom: 14px;\r\n border-radius: 14px;\r\n background: #edf4f1;\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-hotjazz-card h3 {\r\n margin: 0 0 8px;\r\n color: var(--fu-brand-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hotjazz-card p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n line-height: 1.65;\r\n}\r\n\r\n/* ---------- Highlight ---------- */\r\n\r\n.fu-hotjazz-highlight {\r\n margin: 26px 0;\r\n padding: 23px 24px;\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 16px;\r\n background: #fff8ed;\r\n box-shadow: 0 8px 22px rgba(25,45,38,.07);\r\n}\r\n\r\n.fu-hotjazz-highlight h3 {\r\n margin: 0 0 8px;\r\n color: #754512;\r\n font-size: 1.25rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hotjazz-highlight p {\r\n margin: 0;\r\n line-height: 1.65;\r\n}\r\n\r\n/* ---------- Facts ---------- */\r\n\r\n.fu-hotjazz-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-hotjazz-fact {\r\n padding: 18px;\r\n border-radius: 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n box-shadow: 0 7px 20px rgba(25,45,38,.06);\r\n}\r\n\r\n.fu-hotjazz-fact i {\r\n display: block;\r\n margin-bottom: 8px;\r\n color: var(--fu-brand);\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-hotjazz-fact strong {\r\n display: block;\r\n margin-bottom: 4px;\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n.fu-hotjazz-fact span {\r\n color: var(--fu-muted);\r\n font-size: .94rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* ---------- Program ---------- */\r\n\r\n.fu-hotjazz-program {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-hotjazz-program-card {\r\n display: flex;\r\n gap: 15px;\r\n align-items: flex-start;\r\n padding: 19px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 17px;\r\n background: #fff;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.06);\r\n}\r\n\r\n.fu-hotjazz-date {\r\n flex: 0 0 62px;\r\n padding: 9px 5px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n text-align: center;\r\n font-weight: 800;\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-hotjazz-date small {\r\n display: block;\r\n margin-bottom: 3px;\r\n font-size: .75rem;\r\n opacity: .82;\r\n}\r\n\r\n.fu-hotjazz-program-card h3 {\r\n margin: 0 0 5px;\r\n color: var(--fu-brand-dark);\r\n font-size: 1.05rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hotjazz-program-card p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n line-height: 1.5;\r\n font-size: .94rem;\r\n}\r\n\r\n/* ---------- Main CTA ---------- */\r\n\r\n.fu-hotjazz-cta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n margin: 28px 0;\r\n padding: 24px;\r\n border-radius: 18px;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-hotjazz-cta h3 {\r\n margin: 0 0 5px;\r\n color: #fff;\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hotjazz-cta p {\r\n margin: 0;\r\n color: rgba(255,255,255,.88);\r\n}\r\n\r\n.fu-hotjazz-cta a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n min-height: 50px;\r\n padding: 12px 17px;\r\n border-radius: 12px;\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hotjazz-cta a:hover {\r\n text-decoration: none !important;\r\n}\r\n\r\n/* ---------- Address ---------- */\r\n\r\n.fu-hotjazz-contact {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n}\r\n\r\n.fu-hotjazz-contact-card {\r\n padding: 22px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n background: #fff;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-hotjazz-contact-card h3 {\r\n margin: 0 0 13px;\r\n color: var(--fu-brand-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hotjazz-contact-card p {\r\n margin: 0 0 8px;\r\n line-height: 1.6;\r\n}\r\n\r\n.fu-hotjazz-contact-card a {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-hotjazz-contact-card a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* ---------- Related ---------- */\r\n\r\n.fu-hotjazz-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n}\r\n\r\n.fu-hotjazz-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 15px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 750;\r\n box-shadow: 0 6px 17px rgba(25,45,38,.06);\r\n transition: transform .18s ease, box-shadow .18s ease;\r\n}\r\n\r\n.fu-hotjazz-related a:hover,\r\n.fu-hotjazz-related a:focus {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 23px rgba(25,45,38,.10);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-hotjazz-related i {\r\n flex: 0 0 auto;\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* ---------- Mobile ---------- */\r\n\r\n@media (max-width: 900px) {\r\n .fu-hotjazz-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-hotjazz-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-hotjazz-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n .fu-hotjazz {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-hotjazz-hero {\r\n padding: 28px 21px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-hotjazz-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hotjazz-action {\r\n min-height: 56px;\r\n }\r\n\r\n .fu-hotjazz-grid,\r\n .fu-hotjazz-program,\r\n .fu-hotjazz-contact,\r\n .fu-hotjazz-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-hotjazz-facts {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-hotjazz-card,\r\n .fu-hotjazz-contact-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-hotjazz-cta {\r\n align-items: stretch;\r\n }\r\n\r\n .fu-hotjazz-cta a {\r\n justify-content: center;\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 313 ===== */ @scope (.fu-article-313) { \r\n/* =========================================================\r\n FAST UMSONST – KULTUR IM CAFÉ MILAGRO\r\n Mobile-first / Bootstrap / Bootstrap Icons 1.11.3\r\n ========================================================= */\r\n\r\n.fu-milagro {\r\n --mil-brand: #1f4b3f;\r\n --mil-brand-dark: #17382f;\r\n --mil-accent: #b45309;\r\n --mil-paper: #faf8f4;\r\n --mil-card: #ffffff;\r\n --mil-text: #26332f;\r\n --mil-muted: #697670;\r\n --mil-border: #e2e8e4;\r\n --mil-shadow: 0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 15px 55px;\r\n color: var(--mil-text);\r\n font-size: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-milagro *,\r\n.fu-milagro *::before,\r\n.fu-milagro *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-milagro a {\r\n color: var(--mil-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-milagro a:hover {\r\n color: var(--mil-brand-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-milagro .mil-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 30px 22px;\r\n border-radius: 20px;\r\n background:\r\n radial-gradient(circle at 85% 20%, rgba(255,255,255,.13), transparent 28%),\r\n linear-gradient(135deg, var(--mil-brand-dark), var(--mil-brand));\r\n color: #fff;\r\n box-shadow: 0 12px 30px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-milagro .mil-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 165px;\r\n height: 165px;\r\n right: -65px;\r\n bottom: -70px;\r\n border: 1px solid rgba(255,255,255,.15);\r\n border-radius: 50%;\r\n}\r\n\r\n.fu-milagro .mil-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 11px;\r\n padding: 6px 12px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n color: #fff;\r\n font-size: .85rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-milagro .mil-hero h1 {\r\n margin: 0 0 11px;\r\n color: #fff;\r\n font-size: clamp(2rem, 6vw, 3.25rem);\r\n line-height: 1.05;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-milagro .mil-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 800px;\r\n margin: 0;\r\n color: rgba(255,255,255,.95);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n ACTION BUTTONS\r\n ========================================================= */\r\n\r\n.fu-milagro .mil-actions {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-milagro .mil-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 53px;\r\n padding: 13px 16px;\r\n border: 1px solid var(--mil-border);\r\n border-radius: 13px;\r\n background: #fff;\r\n color: var(--mil-brand);\r\n font-weight: 700;\r\n box-shadow: var(--mil-shadow);\r\n text-decoration: none !important;\r\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-milagro .mil-action:hover {\r\n transform: translateY(-2px);\r\n background: var(--mil-paper);\r\n box-shadow: 0 12px 28px rgba(31,75,63,.13);\r\n}\r\n\r\n.fu-milagro .mil-action.primary {\r\n background: var(--mil-brand);\r\n border-color: var(--mil-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-milagro .mil-action.primary:hover {\r\n background: var(--mil-brand-dark);\r\n}\r\n\r\n.fu-milagro .mil-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICK FACTS\r\n ========================================================= */\r\n\r\n.fu-milagro .mil-facts {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-milagro .mil-fact {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 17px;\r\n border: 1px solid var(--mil-border);\r\n border-radius: 15px;\r\n background: var(--mil-paper);\r\n}\r\n\r\n.fu-milagro .mil-fact-icon {\r\n flex: 0 0 42px;\r\n width: 42px;\r\n height: 42px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 12px;\r\n background: rgba(31,75,63,.10);\r\n color: var(--mil-brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-milagro .mil-fact strong {\r\n display: block;\r\n margin-bottom: 2px;\r\n color: var(--mil-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n SECTION TITLES\r\n ========================================================= */\r\n\r\n.fu-milagro .mil-section-title {\r\n margin: 31px 0 15px;\r\n color: var(--mil-brand-dark);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-milagro .mil-section-title i {\r\n margin-right: 6px;\r\n color: var(--mil-accent);\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-milagro .mil-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n margin-bottom: 26px;\r\n}\r\n\r\n.fu-milagro .mil-card {\r\n height: 100%;\r\n padding: 22px;\r\n border: 1px solid var(--mil-border);\r\n border-radius: 17px;\r\n background: var(--mil-card);\r\n box-shadow: var(--mil-shadow);\r\n}\r\n\r\n.fu-milagro .mil-card h2,\r\n.fu-milagro .mil-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--mil-brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-milagro .mil-card h2 {\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-milagro .mil-card h3 {\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-milagro .mil-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-milagro .mil-icon-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.fu-milagro .mil-icon-title i {\r\n color: var(--mil-accent);\r\n font-size: 1.45rem;\r\n}\r\n\r\n/* =========================================================\r\n FREE ENTRY HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-milagro .mil-free {\r\n margin-bottom: 26px;\r\n padding: 23px;\r\n border-left: 5px solid var(--mil-accent);\r\n border-radius: 16px;\r\n background: #fff8ed;\r\n box-shadow: var(--mil-shadow);\r\n}\r\n\r\n.fu-milagro .mil-free-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 6px;\r\n color: #824500;\r\n font-size: 1.2rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-milagro .mil-free-title i {\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-milagro .mil-free p {\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n CULTURE FORMATS\r\n ========================================================= */\r\n\r\n.fu-milagro .mil-formats {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-milagro .mil-format {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 17px;\r\n border: 1px solid var(--mil-border);\r\n border-radius: 14px;\r\n background: var(--mil-paper);\r\n}\r\n\r\n.fu-milagro .mil-format i {\r\n margin-top: 2px;\r\n color: var(--mil-brand);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-milagro .mil-format strong {\r\n display: block;\r\n margin-bottom: 2px;\r\n color: var(--mil-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-milagro .mil-contact {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n}\r\n\r\n.fu-milagro .mil-contact-card {\r\n padding: 21px;\r\n border: 1px solid var(--mil-border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: var(--mil-shadow);\r\n}\r\n\r\n.fu-milagro .mil-contact-card p {\r\n margin: 0;\r\n}\r\n\r\n.fu-milagro .mil-contact-card i {\r\n margin-right: 7px;\r\n color: var(--mil-brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n/* =========================================================\r\n OPENING HOURS\r\n ========================================================= */\r\n\r\n.fu-milagro .mil-hours {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n}\r\n\r\n.fu-milagro .mil-hour {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 20px;\r\n padding: 14px 16px;\r\n border-bottom: 1px solid var(--mil-border);\r\n}\r\n\r\n.fu-milagro .mil-hour:last-child {\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-milagro .mil-hour strong {\r\n color: var(--mil-brand-dark);\r\n}\r\n\r\n.fu-milagro .mil-hour span {\r\n text-align: right;\r\n}\r\n\r\n/* =========================================================\r\n ACCESSIBILITY\r\n ========================================================= */\r\n\r\n.fu-milagro .mil-access {\r\n padding: 21px;\r\n border-radius: 16px;\r\n background: #eef6f2;\r\n border: 1px solid #d4e6dd;\r\n}\r\n\r\n.fu-milagro .mil-access h2 {\r\n margin-top: 0;\r\n color: var(--mil-brand-dark);\r\n}\r\n\r\n.fu-milagro .mil-access p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n ROUTE\r\n ========================================================= */\r\n\r\n.fu-milagro .mil-route {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-milagro .mil-route-item {\r\n padding: 17px;\r\n border: 1px solid var(--mil-border);\r\n border-radius: 14px;\r\n background: var(--mil-paper);\r\n}\r\n\r\n.fu-milagro .mil-route-item i {\r\n margin-right: 7px;\r\n color: var(--mil-brand);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-milagro .mil-route-item strong {\r\n color: var(--mil-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n RELATED LINKS\r\n ========================================================= */\r\n\r\n.fu-milagro .mil-related {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-milagro .mil-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n min-height: 58px;\r\n padding: 14px 16px;\r\n border: 1px solid var(--mil-border);\r\n border-radius: 13px;\r\n background: #fff;\r\n box-shadow: var(--mil-shadow);\r\n color: var(--mil-brand);\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: transform .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-milagro .mil-related a:hover {\r\n transform: translateY(-2px);\r\n background: var(--mil-paper);\r\n}\r\n\r\n.fu-milagro .mil-related i {\r\n color: var(--mil-accent);\r\n font-size: 1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n NOTE\r\n ========================================================= */\r\n\r\n.fu-milagro .mil-note {\r\n margin-top: 12px;\r\n color: var(--mil-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* =========================================================\r\n DESKTOP\r\n ========================================================= */\r\n\r\n@media (min-width: 640px) {\r\n\r\n .fu-milagro {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n\r\n .fu-milagro .mil-actions {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-milagro .mil-facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-milagro .mil-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-milagro .mil-formats {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-milagro .mil-contact {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-milagro .mil-route {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-milagro .mil-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (min-width: 900px) {\r\n\r\n .fu-milagro {\r\n padding-top: 15px;\r\n }\r\n\r\n .fu-milagro .mil-hero {\r\n padding: 42px;\r\n }\r\n\r\n .fu-milagro .mil-card {\r\n padding: 25px;\r\n }\r\n\r\n .fu-milagro .mil-related {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 314 ===== */ @scope (.fu-article-314) { \r\n/* =========================================================\r\n FAST UMSONST – LEIHINSTRUMENTE\r\n Scoped CSS – nur für diesen Beitrag\r\n ========================================================= */\r\n\r\n.fu-leihinstrumente {\r\n --brand: #1f4b3f;\r\n --brand-dark: #16382f;\r\n --accent: #d88932;\r\n --paper: #faf8f4;\r\n --text: #26332f;\r\n --muted: #687570;\r\n --border: #e3e8e5;\r\n --white: #fff;\r\n --shadow: 0 12px 30px rgba(25,45,38,.10);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 16px 50px;\r\n color: var(--text);\r\n font-family: inherit;\r\n}\r\n\r\n.fu-leihinstrumente *,\r\n.fu-leihinstrumente *::before,\r\n.fu-leihinstrumente *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-leihinstrumente a {\r\n color: inherit;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-leihinstrumente-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 24px;\r\n padding: 36px 28px;\r\n border-radius: 24px;\r\n background:\r\n linear-gradient(135deg, rgba(31,75,63,.98), rgba(22,56,47,.94));\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-leihinstrumente-hero::after {\r\n content: \"\\f4f7\";\r\n position: absolute;\r\n right: 22px;\r\n bottom: -28px;\r\n font-family: \"bootstrap-icons\";\r\n font-size: 10rem;\r\n line-height: 1;\r\n opacity: .07;\r\n}\r\n\r\n.fu-leihinstrumente-kicker {\r\n position: relative;\r\n z-index: 1;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.14);\r\n font-size: .88rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-leihinstrumente-hero h1 {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3.2rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-leihinstrumente-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 820px;\r\n margin: 0;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.08rem;\r\n line-height: 1.68;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLAKTIONEN\r\n ========================================================= */\r\n\r\n.fu-leihinstrumente-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-leihinstrumente-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 58px;\r\n padding: 13px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 15px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.07);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-leihinstrumente-action:hover,\r\n.fu-leihinstrumente-action:focus {\r\n transform: translateY(-2px);\r\n background: var(--paper);\r\n box-shadow: 0 12px 26px rgba(25,45,38,.12);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-leihinstrumente-action i {\r\n font-size: 1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-leihinstrumente-section {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-leihinstrumente-section h2 {\r\n margin: 0 0 14px;\r\n color: var(--brand-dark);\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n line-height: 1.2;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-leihinstrumente-intro {\r\n margin: 0 0 18px;\r\n color: var(--muted);\r\n line-height: 1.72;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-leihinstrumente-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-leihinstrumente-fact {\r\n padding: 18px;\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.06);\r\n}\r\n\r\n.fu-leihinstrumente-fact i {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: var(--brand);\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-leihinstrumente-fact strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n color: var(--brand-dark);\r\n}\r\n\r\n.fu-leihinstrumente-fact span {\r\n color: var(--muted);\r\n font-size: .93rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-leihinstrumente-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-leihinstrumente-card {\r\n height: 100%;\r\n padding: 22px;\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n background: var(--white);\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-leihinstrumente-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n margin-bottom: 14px;\r\n border-radius: 14px;\r\n background: #edf4f1;\r\n color: var(--brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-leihinstrumente-card h3 {\r\n margin: 0 0 8px;\r\n color: var(--brand-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-leihinstrumente-card p {\r\n margin: 0;\r\n color: var(--muted);\r\n line-height: 1.65;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-leihinstrumente-highlight {\r\n margin: 26px 0;\r\n padding: 24px;\r\n border-left: 5px solid var(--accent);\r\n border-radius: 16px;\r\n background: #fff8ed;\r\n box-shadow: 0 8px 22px rgba(25,45,38,.07);\r\n}\r\n\r\n.fu-leihinstrumente-highlight h3 {\r\n margin: 0 0 8px;\r\n color: #754512;\r\n font-size: 1.28rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-leihinstrumente-highlight p {\r\n margin: 0;\r\n line-height: 1.68;\r\n}\r\n\r\n/* =========================================================\r\n INSTRUMENTE\r\n ========================================================= */\r\n\r\n.fu-leihinstrumente-instruments {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n}\r\n\r\n.fu-leihinstrumente-instrument {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n padding: 18px;\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.06);\r\n}\r\n\r\n.fu-leihinstrumente-instrument-icon {\r\n flex: 0 0 46px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 46px;\r\n height: 46px;\r\n border-radius: 13px;\r\n background: #edf4f1;\r\n color: var(--brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-leihinstrumente-instrument h3 {\r\n margin: 0 0 5px;\r\n color: var(--brand-dark);\r\n font-size: 1.04rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-leihinstrumente-instrument p {\r\n margin: 0;\r\n color: var(--muted);\r\n line-height: 1.5;\r\n font-size: .94rem;\r\n}\r\n\r\n/* =========================================================\r\n GEBÜHREN\r\n ========================================================= */\r\n\r\n.fu-leihinstrumente-fees {\r\n overflow: hidden;\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n background: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-leihinstrumente-fee-row {\r\n display: grid;\r\n grid-template-columns: 1fr 150px 150px;\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\n.fu-leihinstrumente-fee-row:last-child {\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-leihinstrumente-fee-row > div {\r\n padding: 15px 17px;\r\n line-height: 1.5;\r\n}\r\n\r\n.fu-leihinstrumente-fee-head {\r\n background: var(--brand);\r\n color: #fff;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-leihinstrumente-fee-head > div {\r\n color: #fff;\r\n}\r\n\r\n.fu-leihinstrumente-fee-row:not(.fu-leihinstrumente-fee-head)\r\n > div:not(:first-child) {\r\n text-align: center;\r\n font-weight: 800;\r\n color: var(--brand-dark);\r\n}\r\n\r\n.fu-leihinstrumente-note {\r\n margin-top: 12px;\r\n color: var(--muted);\r\n font-size: .9rem;\r\n line-height: 1.6;\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-leihinstrumente-cta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n margin: 28px 0;\r\n padding: 24px;\r\n border-radius: 18px;\r\n background: var(--brand);\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-leihinstrumente-cta h3 {\r\n margin: 0 0 5px;\r\n color: #fff;\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-leihinstrumente-cta p {\r\n margin: 0;\r\n color: rgba(255,255,255,.88);\r\n}\r\n\r\n.fu-leihinstrumente-cta a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n min-height: 50px;\r\n padding: 12px 17px;\r\n border-radius: 12px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-leihinstrumente-contact {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n}\r\n\r\n.fu-leihinstrumente-contact-card {\r\n padding: 22px;\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n background: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-leihinstrumente-contact-card h3 {\r\n margin: 0 0 13px;\r\n color: var(--brand-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-leihinstrumente-contact-card p {\r\n margin: 0 0 9px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-leihinstrumente-contact-card a {\r\n color: var(--brand);\r\n font-weight: 700;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-leihinstrumente-contact-card a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-leihinstrumente-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n}\r\n\r\n.fu-leihinstrumente-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n box-shadow: 0 6px 17px rgba(25,45,38,.06);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-leihinstrumente-related a:hover,\r\n.fu-leihinstrumente-related a:focus {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 23px rgba(25,45,38,.10);\r\n}\r\n\r\n.fu-leihinstrumente-related i {\r\n flex: 0 0 auto;\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-leihinstrumente-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-leihinstrumente-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-leihinstrumente-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-leihinstrumente-fee-row {\r\n grid-template-columns: 1fr 125px 125px;\r\n }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n\r\n .fu-leihinstrumente {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-leihinstrumente-hero {\r\n padding: 28px 21px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-leihinstrumente-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-leihinstrumente-action {\r\n min-height: 56px;\r\n }\r\n\r\n .fu-leihinstrumente-grid,\r\n .fu-leihinstrumente-instruments,\r\n .fu-leihinstrumente-contact,\r\n .fu-leihinstrumente-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-leihinstrumente-facts {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-leihinstrumente-fees {\r\n overflow-x: auto;\r\n }\r\n\r\n .fu-leihinstrumente-fee-row {\r\n min-width: 560px;\r\n }\r\n\r\n .fu-leihinstrumente-cta {\r\n align-items: stretch;\r\n }\r\n\r\n .fu-leihinstrumente-cta a {\r\n justify-content: center;\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 315 ===== */ @scope (.fu-article-315) { \r\n/* =========================================================\r\n FAST UMSONST – MEDIALE BIBLIOTHEK\r\n Scoped CSS – nur für diesen Beitrag\r\n ========================================================= */\r\n\r\n.fu-mediale-bibliothek {\r\n --brand: #1f4b3f;\r\n --brand-dark: #16382f;\r\n --accent: #d88932;\r\n --paper: #faf8f4;\r\n --text: #26332f;\r\n --muted: #687570;\r\n --border: #e3e8e5;\r\n --white: #fff;\r\n --shadow: 0 12px 30px rgba(25,45,38,.10);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 16px 50px;\r\n color: var(--text);\r\n font-family: inherit;\r\n}\r\n\r\n.fu-mediale-bibliothek *,\r\n.fu-mediale-bibliothek *::before,\r\n.fu-mediale-bibliothek *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-mediale-bibliothek a {\r\n color: inherit;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-mediale-bibliothek-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 24px;\r\n padding: 36px 28px;\r\n border-radius: 24px;\r\n background:\r\n linear-gradient(135deg, rgba(31,75,63,.98), rgba(22,56,47,.94));\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-mediale-bibliothek-hero::after {\r\n content: \"\\f4f5\";\r\n position: absolute;\r\n right: 22px;\r\n bottom: -30px;\r\n font-family: \"bootstrap-icons\";\r\n font-size: 10rem;\r\n line-height: 1;\r\n opacity: .07;\r\n}\r\n\r\n.fu-mediale-bibliothek-kicker {\r\n position: relative;\r\n z-index: 1;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.14);\r\n font-size: .88rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-mediale-bibliothek-hero h1 {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3.2rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-mediale-bibliothek-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 820px;\r\n margin: 0;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.08rem;\r\n line-height: 1.68;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLAKTIONEN\r\n ========================================================= */\r\n\r\n.fu-mediale-bibliothek-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-mediale-bibliothek-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 58px;\r\n padding: 13px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 15px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.07);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-mediale-bibliothek-action:hover,\r\n.fu-mediale-bibliothek-action:focus {\r\n transform: translateY(-2px);\r\n background: var(--paper);\r\n box-shadow: 0 12px 26px rgba(25,45,38,.12);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-mediale-bibliothek-action i {\r\n font-size: 1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-mediale-bibliothek-section {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-mediale-bibliothek-section h2 {\r\n margin: 0 0 14px;\r\n color: var(--brand-dark);\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n line-height: 1.2;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-mediale-bibliothek-intro {\r\n margin: 0 0 18px;\r\n color: var(--muted);\r\n line-height: 1.72;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-mediale-bibliothek-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-mediale-bibliothek-fact {\r\n padding: 18px;\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.06);\r\n}\r\n\r\n.fu-mediale-bibliothek-fact i {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: var(--brand);\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-mediale-bibliothek-fact strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n color: var(--brand-dark);\r\n}\r\n\r\n.fu-mediale-bibliothek-fact span {\r\n color: var(--muted);\r\n font-size: .93rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-mediale-bibliothek-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-mediale-bibliothek-card {\r\n height: 100%;\r\n padding: 22px;\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n background: var(--white);\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-mediale-bibliothek-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n margin-bottom: 14px;\r\n border-radius: 14px;\r\n background: #edf4f1;\r\n color: var(--brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-mediale-bibliothek-card h3 {\r\n margin: 0 0 8px;\r\n color: var(--brand-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-mediale-bibliothek-card p {\r\n margin: 0;\r\n color: var(--muted);\r\n line-height: 1.65;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-mediale-bibliothek-highlight {\r\n margin: 26px 0;\r\n padding: 24px;\r\n border-left: 5px solid var(--accent);\r\n border-radius: 16px;\r\n background: #fff8ed;\r\n box-shadow: 0 8px 22px rgba(25,45,38,.07);\r\n}\r\n\r\n.fu-mediale-bibliothek-highlight h3 {\r\n margin: 0 0 8px;\r\n color: #754512;\r\n font-size: 1.28rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-mediale-bibliothek-highlight p {\r\n margin: 0;\r\n line-height: 1.68;\r\n}\r\n\r\n/* =========================================================\r\n MEDIENARTEN\r\n ========================================================= */\r\n\r\n.fu-mediale-bibliothek-media {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n}\r\n\r\n.fu-mediale-bibliothek-media-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n padding: 18px;\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.06);\r\n}\r\n\r\n.fu-mediale-bibliothek-media-icon {\r\n flex: 0 0 46px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 46px;\r\n height: 46px;\r\n border-radius: 13px;\r\n background: #edf4f1;\r\n color: var(--brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-mediale-bibliothek-media-item h3 {\r\n margin: 0 0 5px;\r\n color: var(--brand-dark);\r\n font-size: 1.04rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-mediale-bibliothek-media-item p {\r\n margin: 0;\r\n color: var(--muted);\r\n line-height: 1.5;\r\n font-size: .94rem;\r\n}\r\n\r\n/* =========================================================\r\n KOSTENLOS\r\n ========================================================= */\r\n\r\n.fu-mediale-bibliothek-free {\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n margin: 26px 0;\r\n padding: 22px;\r\n border-radius: 18px;\r\n background: var(--brand);\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-mediale-bibliothek-free-icon {\r\n flex: 0 0 54px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 54px;\r\n height: 54px;\r\n border-radius: 15px;\r\n background: rgba(255,255,255,.14);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-mediale-bibliothek-free h3 {\r\n margin: 0 0 5px;\r\n color: #fff;\r\n font-size: 1.25rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-mediale-bibliothek-free p {\r\n margin: 0;\r\n color: rgba(255,255,255,.88);\r\n line-height: 1.6;\r\n}\r\n\r\n/* =========================================================\r\n ÖFFNUNGSZEITEN\r\n ========================================================= */\r\n\r\n.fu-mediale-bibliothek-hours {\r\n overflow: hidden;\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n background: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-mediale-bibliothek-hours-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\n.fu-mediale-bibliothek-hours-row:last-child {\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-mediale-bibliothek-hours-row > div {\r\n padding: 15px 17px;\r\n}\r\n\r\n.fu-mediale-bibliothek-hours-row > div:last-child {\r\n text-align: right;\r\n font-weight: 800;\r\n color: var(--brand-dark);\r\n}\r\n\r\n.fu-mediale-bibliothek-hours-head {\r\n background: var(--brand);\r\n color: #fff;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-mediale-bibliothek-hours-head > div:last-child {\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-mediale-bibliothek-contact {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n}\r\n\r\n.fu-mediale-bibliothek-contact-card {\r\n padding: 22px;\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n background: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-mediale-bibliothek-contact-card h3 {\r\n margin: 0 0 13px;\r\n color: var(--brand-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-mediale-bibliothek-contact-card p {\r\n margin: 0 0 10px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-mediale-bibliothek-contact-card a {\r\n color: var(--brand);\r\n font-weight: 700;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-mediale-bibliothek-contact-card a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-mediale-bibliothek-cta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n margin: 28px 0;\r\n padding: 24px;\r\n border-radius: 18px;\r\n background: var(--brand);\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-mediale-bibliothek-cta h3 {\r\n margin: 0 0 5px;\r\n color: #fff;\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-mediale-bibliothek-cta p {\r\n margin: 0;\r\n color: rgba(255,255,255,.88);\r\n}\r\n\r\n.fu-mediale-bibliothek-cta a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n min-height: 50px;\r\n padding: 12px 17px;\r\n border-radius: 12px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-mediale-bibliothek-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n}\r\n\r\n.fu-mediale-bibliothek-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n box-shadow: 0 6px 17px rgba(25,45,38,.06);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-mediale-bibliothek-related a:hover,\r\n.fu-mediale-bibliothek-related a:focus {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 23px rgba(25,45,38,.10);\r\n}\r\n\r\n.fu-mediale-bibliothek-related i {\r\n flex: 0 0 auto;\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-mediale-bibliothek-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-mediale-bibliothek-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-mediale-bibliothek-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n\r\n .fu-mediale-bibliothek {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-mediale-bibliothek-hero {\r\n padding: 28px 21px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-mediale-bibliothek-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-mediale-bibliothek-action {\r\n min-height: 56px;\r\n }\r\n\r\n .fu-mediale-bibliothek-grid,\r\n .fu-mediale-bibliothek-media,\r\n .fu-mediale-bibliothek-contact,\r\n .fu-mediale-bibliothek-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-mediale-bibliothek-facts {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-mediale-bibliothek-free {\r\n align-items: flex-start;\r\n }\r\n\r\n .fu-mediale-bibliothek-cta {\r\n align-items: stretch;\r\n }\r\n\r\n .fu-mediale-bibliothek-cta a {\r\n justify-content: center;\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 316 ===== */ @scope (.fu-article-316) { \r\n/* =========================================================\r\n FAST UMSONST – METRO ROCKBEIS\r\n Scoped CSS – nur für diesen Beitrag\r\n ========================================================= */\r\n\r\n.fu-metro {\r\n --brand: #1f4b3f;\r\n --brand-dark: #16382f;\r\n --accent: #d88932;\r\n --paper: #faf8f4;\r\n --text: #26332f;\r\n --muted: #687570;\r\n --border: #e3e8e5;\r\n --white: #fff;\r\n --shadow: 0 12px 30px rgba(25,45,38,.10);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 16px 50px;\r\n color: var(--text);\r\n font-family: inherit;\r\n}\r\n\r\n.fu-metro *,\r\n.fu-metro *::before,\r\n.fu-metro *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-metro a {\r\n color: inherit;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-metro-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 24px;\r\n padding: 36px 28px;\r\n border-radius: 24px;\r\n background:\r\n linear-gradient(135deg, rgba(31,75,63,.98), rgba(22,56,47,.94));\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-metro-hero::after {\r\n content: \"\\f5a9\";\r\n position: absolute;\r\n right: 20px;\r\n bottom: -28px;\r\n font-family: \"bootstrap-icons\";\r\n font-size: 10rem;\r\n line-height: 1;\r\n opacity: .07;\r\n}\r\n\r\n.fu-metro-kicker {\r\n position: relative;\r\n z-index: 1;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.14);\r\n font-size: .88rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-metro-hero h1 {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3.2rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-metro-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 820px;\r\n margin: 0;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.08rem;\r\n line-height: 1.68;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLAKTIONEN\r\n ========================================================= */\r\n\r\n.fu-metro-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-metro-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 58px;\r\n padding: 13px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 15px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.07);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-metro-action:hover,\r\n.fu-metro-action:focus {\r\n transform: translateY(-2px);\r\n background: var(--paper);\r\n box-shadow: 0 12px 26px rgba(25,45,38,.12);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-metro-action i {\r\n font-size: 1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-metro-section {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-metro-section h2 {\r\n margin: 0 0 14px;\r\n color: var(--brand-dark);\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n line-height: 1.2;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-metro-intro {\r\n margin: 0 0 18px;\r\n color: var(--muted);\r\n line-height: 1.72;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-metro-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-metro-fact {\r\n padding: 18px;\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.06);\r\n}\r\n\r\n.fu-metro-fact i {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: var(--brand);\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-metro-fact strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n color: var(--brand-dark);\r\n}\r\n\r\n.fu-metro-fact span {\r\n color: var(--muted);\r\n font-size: .93rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-metro-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-metro-card {\r\n height: 100%;\r\n padding: 22px;\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n background: var(--white);\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-metro-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n margin-bottom: 14px;\r\n border-radius: 14px;\r\n background: #edf4f1;\r\n color: var(--brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-metro-card h3 {\r\n margin: 0 0 8px;\r\n color: var(--brand-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-metro-card p {\r\n margin: 0;\r\n color: var(--muted);\r\n line-height: 1.65;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-metro-highlight {\r\n margin: 26px 0;\r\n padding: 24px;\r\n border-left: 5px solid var(--accent);\r\n border-radius: 16px;\r\n background: #fff8ed;\r\n box-shadow: 0 8px 22px rgba(25,45,38,.07);\r\n}\r\n\r\n.fu-metro-highlight h3 {\r\n margin: 0 0 8px;\r\n color: #754512;\r\n font-size: 1.28rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-metro-highlight p {\r\n margin: 0;\r\n line-height: 1.68;\r\n}\r\n\r\n/* =========================================================\r\n ÖFFNUNGSZEITEN\r\n ========================================================= */\r\n\r\n.fu-metro-hours {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-metro-hours-card {\r\n padding: 22px;\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n background: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-metro-hours-card h3 {\r\n margin: 0 0 13px;\r\n color: var(--brand-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-metro-hours-card p {\r\n margin: 0;\r\n line-height: 1.75;\r\n}\r\n\r\n.fu-metro-hours-card i {\r\n margin-right: 6px;\r\n color: var(--brand);\r\n}\r\n\r\n/* =========================================================\r\n PROGRAMM\r\n ========================================================= */\r\n\r\n.fu-metro-program {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-metro-program-card {\r\n display: flex;\r\n gap: 15px;\r\n align-items: flex-start;\r\n padding: 19px;\r\n border: 1px solid var(--border);\r\n border-radius: 17px;\r\n background: #fff;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.06);\r\n}\r\n\r\n.fu-metro-program-icon {\r\n flex: 0 0 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 13px;\r\n background: #edf4f1;\r\n color: var(--brand);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-metro-program-card h3 {\r\n margin: 0 0 5px;\r\n color: var(--brand-dark);\r\n font-size: 1.05rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-metro-program-card p {\r\n margin: 0;\r\n color: var(--muted);\r\n line-height: 1.55;\r\n font-size: .94rem;\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-metro-cta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n margin: 28px 0;\r\n padding: 24px;\r\n border-radius: 18px;\r\n background: var(--brand);\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-metro-cta h3 {\r\n margin: 0 0 5px;\r\n color: #fff;\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-metro-cta p {\r\n margin: 0;\r\n color: rgba(255,255,255,.88);\r\n}\r\n\r\n.fu-metro-cta a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n min-height: 50px;\r\n padding: 12px 17px;\r\n border-radius: 12px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-metro-contact {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n}\r\n\r\n.fu-metro-contact-card {\r\n padding: 22px;\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n background: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-metro-contact-card h3 {\r\n margin: 0 0 13px;\r\n color: var(--brand-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-metro-contact-card p {\r\n margin: 0 0 9px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-metro-contact-card a {\r\n color: var(--brand);\r\n font-weight: 700;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-metro-contact-card a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-metro-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n}\r\n\r\n.fu-metro-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n box-shadow: 0 6px 17px rgba(25,45,38,.06);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-metro-related a:hover,\r\n.fu-metro-related a:focus {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 23px rgba(25,45,38,.10);\r\n}\r\n\r\n.fu-metro-related i {\r\n flex: 0 0 auto;\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-metro-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-metro-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-metro-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n\r\n .fu-metro {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-metro-hero {\r\n padding: 28px 21px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-metro-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-metro-action {\r\n min-height: 56px;\r\n }\r\n\r\n .fu-metro-grid,\r\n .fu-metro-program,\r\n .fu-metro-hours,\r\n .fu-metro-contact,\r\n .fu-metro-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-metro-facts {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-metro-cta {\r\n align-items: stretch;\r\n }\r\n\r\n .fu-metro-cta a {\r\n justify-content: center;\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 317 ===== */ @scope (.fu-article-317) { \r\n/* =========================================================\r\n FAST UMSONST – MUSIKHOCHSCHULE MÜNSTER\r\n Mobile-first / Bootstrap / Bootstrap Icons 1.11.3\r\n ========================================================= */\r\n\r\n.fu-musikhochschule {\r\n --mhs-brand: #1f4b3f;\r\n --mhs-brand-dark: #17382f;\r\n --mhs-accent: #b45309;\r\n --mhs-paper: #faf8f4;\r\n --mhs-card: #ffffff;\r\n --mhs-text: #26332f;\r\n --mhs-muted: #68756f;\r\n --mhs-border: #e2e8e4;\r\n --mhs-shadow: 0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 15px 55px;\r\n color: var(--mhs-text);\r\n font-size: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-musikhochschule *,\r\n.fu-musikhochschule *::before,\r\n.fu-musikhochschule *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-musikhochschule a {\r\n color: var(--mhs-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-musikhochschule a:hover {\r\n color: var(--mhs-brand-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-musikhochschule .mhs-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 30px 22px;\r\n border-radius: 20px;\r\n background:\r\n radial-gradient(circle at 85% 20%, rgba(255,255,255,.13), transparent 28%),\r\n linear-gradient(135deg, var(--mhs-brand-dark), var(--mhs-brand));\r\n color: #fff;\r\n box-shadow: 0 12px 30px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-musikhochschule .mhs-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 175px;\r\n height: 175px;\r\n right: -70px;\r\n bottom: -75px;\r\n border: 1px solid rgba(255,255,255,.15);\r\n border-radius: 50%;\r\n}\r\n\r\n.fu-musikhochschule .mhs-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 11px;\r\n padding: 6px 12px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n color: #fff;\r\n font-size: .85rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-musikhochschule .mhs-hero h1 {\r\n margin: 0 0 11px;\r\n color: #fff;\r\n font-size: clamp(2rem, 6vw, 3.25rem);\r\n line-height: 1.05;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-musikhochschule .mhs-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 820px;\r\n margin: 0;\r\n color: rgba(255,255,255,.95);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n ACTIONS\r\n ========================================================= */\r\n\r\n.fu-musikhochschule .mhs-actions {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-musikhochschule .mhs-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 53px;\r\n padding: 13px 16px;\r\n border: 1px solid var(--mhs-border);\r\n border-radius: 13px;\r\n background: #fff;\r\n color: var(--mhs-brand);\r\n font-weight: 700;\r\n box-shadow: var(--mhs-shadow);\r\n text-decoration: none !important;\r\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-musikhochschule .mhs-action:hover {\r\n transform: translateY(-2px);\r\n background: var(--mhs-paper);\r\n box-shadow: 0 12px 28px rgba(31,75,63,.13);\r\n}\r\n\r\n.fu-musikhochschule .mhs-action.primary {\r\n background: var(--mhs-brand);\r\n border-color: var(--mhs-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-musikhochschule .mhs-action.primary:hover {\r\n background: var(--mhs-brand-dark);\r\n}\r\n\r\n.fu-musikhochschule .mhs-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-musikhochschule .mhs-facts {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-musikhochschule .mhs-fact {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 17px;\r\n border: 1px solid var(--mhs-border);\r\n border-radius: 15px;\r\n background: var(--mhs-paper);\r\n}\r\n\r\n.fu-musikhochschule .mhs-fact-icon {\r\n flex: 0 0 42px;\r\n width: 42px;\r\n height: 42px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 12px;\r\n background: rgba(31,75,63,.10);\r\n color: var(--mhs-brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-musikhochschule .mhs-fact strong {\r\n display: block;\r\n margin-bottom: 2px;\r\n color: var(--mhs-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n SECTION TITLES\r\n ========================================================= */\r\n\r\n.fu-musikhochschule .mhs-section-title {\r\n margin: 31px 0 15px;\r\n color: var(--mhs-brand-dark);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-musikhochschule .mhs-section-title i {\r\n margin-right: 6px;\r\n color: var(--mhs-accent);\r\n}\r\n\r\n/* =========================================================\r\n FREE ENTRY\r\n ========================================================= */\r\n\r\n.fu-musikhochschule .mhs-free {\r\n margin-bottom: 26px;\r\n padding: 24px;\r\n border-left: 5px solid var(--mhs-accent);\r\n border-radius: 16px;\r\n background: #fff8ed;\r\n box-shadow: var(--mhs-shadow);\r\n}\r\n\r\n.fu-musikhochschule .mhs-free-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 7px;\r\n color: #824500;\r\n font-size: 1.25rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-musikhochschule .mhs-free-title i {\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-musikhochschule .mhs-free p {\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-musikhochschule .mhs-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n margin-bottom: 26px;\r\n}\r\n\r\n.fu-musikhochschule .mhs-card {\r\n height: 100%;\r\n padding: 22px;\r\n border: 1px solid var(--mhs-border);\r\n border-radius: 17px;\r\n background: var(--mhs-card);\r\n box-shadow: var(--mhs-shadow);\r\n}\r\n\r\n.fu-musikhochschule .mhs-card h2,\r\n.fu-musikhochschule .mhs-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--mhs-brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-musikhochschule .mhs-card h2 {\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-musikhochschule .mhs-card h3 {\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-musikhochschule .mhs-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-musikhochschule .mhs-icon-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin-bottom: 11px;\r\n}\r\n\r\n.fu-musikhochschule .mhs-icon-title i {\r\n color: var(--mhs-accent);\r\n font-size: 1.45rem;\r\n}\r\n\r\n/* =========================================================\r\n PROGRAMM\r\n ========================================================= */\r\n\r\n.fu-musikhochschule .mhs-events {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-musikhochschule .mhs-event {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 17px;\r\n border: 1px solid var(--mhs-border);\r\n border-radius: 15px;\r\n background: #fff;\r\n box-shadow: 0 4px 14px rgba(31,75,63,.05);\r\n}\r\n\r\n.fu-musikhochschule .mhs-event-date {\r\n flex: 0 0 70px;\r\n padding: 8px 5px;\r\n border-radius: 10px;\r\n background: rgba(31,75,63,.09);\r\n color: var(--mhs-brand);\r\n text-align: center;\r\n font-weight: 800;\r\n font-size: .88rem;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-musikhochschule .mhs-event-title {\r\n margin-bottom: 3px;\r\n color: var(--mhs-brand-dark);\r\n font-weight: 750;\r\n}\r\n\r\n.fu-musikhochschule .mhs-event-meta {\r\n color: var(--mhs-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n/* =========================================================\r\n GENRES\r\n ========================================================= */\r\n\r\n.fu-musikhochschule .mhs-genres {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-musikhochschule .mhs-genre {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 17px;\r\n border: 1px solid var(--mhs-border);\r\n border-radius: 14px;\r\n background: var(--mhs-paper);\r\n}\r\n\r\n.fu-musikhochschule .mhs-genre i {\r\n margin-top: 2px;\r\n color: var(--mhs-brand);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-musikhochschule .mhs-genre strong {\r\n display: block;\r\n color: var(--mhs-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n TIP\r\n ========================================================= */\r\n\r\n.fu-musikhochschule .mhs-tip {\r\n margin-bottom: 26px;\r\n padding: 21px;\r\n border-radius: 16px;\r\n background: #eef6f2;\r\n border: 1px solid #d4e6dd;\r\n}\r\n\r\n.fu-musikhochschule .mhs-tip h2 {\r\n margin-top: 0;\r\n color: var(--mhs-brand-dark);\r\n}\r\n\r\n.fu-musikhochschule .mhs-tip p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-musikhochschule .mhs-contact {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n}\r\n\r\n.fu-musikhochschule .mhs-contact-card {\r\n padding: 21px;\r\n border: 1px solid var(--mhs-border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: var(--mhs-shadow);\r\n}\r\n\r\n.fu-musikhochschule .mhs-contact-card p {\r\n margin: 0;\r\n}\r\n\r\n.fu-musikhochschule .mhs-contact-card i {\r\n margin-right: 7px;\r\n color: var(--mhs-brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n/* =========================================================\r\n ANFAHRT\r\n ========================================================= */\r\n\r\n.fu-musikhochschule .mhs-route {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-musikhochschule .mhs-route-item {\r\n padding: 17px;\r\n border: 1px solid var(--mhs-border);\r\n border-radius: 14px;\r\n background: var(--mhs-paper);\r\n}\r\n\r\n.fu-musikhochschule .mhs-route-item i {\r\n margin-right: 7px;\r\n color: var(--mhs-brand);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-musikhochschule .mhs-route-item strong {\r\n color: var(--mhs-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-musikhochschule .mhs-related {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-musikhochschule .mhs-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n min-height: 58px;\r\n padding: 14px 16px;\r\n border: 1px solid var(--mhs-border);\r\n border-radius: 13px;\r\n background: #fff;\r\n box-shadow: var(--mhs-shadow);\r\n color: var(--mhs-brand);\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: transform .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-musikhochschule .mhs-related a:hover {\r\n transform: translateY(-2px);\r\n background: var(--mhs-paper);\r\n}\r\n\r\n.fu-musikhochschule .mhs-related i {\r\n color: var(--mhs-accent);\r\n font-size: 1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n NOTE\r\n ========================================================= */\r\n\r\n.fu-musikhochschule .mhs-note {\r\n margin-top: 12px;\r\n color: var(--mhs-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* =========================================================\r\n DESKTOP\r\n ========================================================= */\r\n\r\n@media (min-width: 640px) {\r\n\r\n .fu-musikhochschule {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n\r\n .fu-musikhochschule .mhs-actions {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-musikhochschule .mhs-facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-musikhochschule .mhs-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-musikhochschule .mhs-events {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-musikhochschule .mhs-genres {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-musikhochschule .mhs-contact {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-musikhochschule .mhs-route {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-musikhochschule .mhs-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (min-width: 900px) {\r\n\r\n .fu-musikhochschule {\r\n padding-top: 15px;\r\n }\r\n\r\n .fu-musikhochschule .mhs-hero {\r\n padding: 42px;\r\n }\r\n\r\n .fu-musikhochschule .mhs-card {\r\n padding: 25px;\r\n }\r\n\r\n .fu-musikhochschule .mhs-related {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 320 ===== */ @scope (.fu-article-320) { \r\n .fu-ahaus {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-orange: #d97706;\r\n --fu-paper: #faf8f4;\r\n --fu-white: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #65736e;\r\n --fu-border: #e4e8e5;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n }\r\n\r\n .fu-ahaus * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .fu-hero {\r\n background: var(--fu-white);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: var(--fu-shadow);\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-hero-image {\r\n width: 100%;\r\n background: #eee;\r\n }\r\n\r\n .fu-hero-image img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-height: 520px;\r\n object-fit: cover;\r\n }\r\n\r\n .fu-image-credit {\r\n padding: 8px 16px;\r\n background: #f2f3f1;\r\n color: var(--fu-muted);\r\n font-size: .78rem;\r\n line-height: 1.45;\r\n }\r\n\r\n .fu-image-credit a {\r\n color: var(--fu-green);\r\n text-decoration: underline;\r\n }\r\n\r\n .fu-hero-content {\r\n padding: 34px 34px 36px;\r\n }\r\n\r\n .fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 10px;\r\n color: var(--fu-orange);\r\n font-size: .84rem;\r\n font-weight: 700;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .fu-kicker i {\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green-dark);\r\n font-size: clamp(2rem, 4vw, 3.1rem);\r\n line-height: 1.12;\r\n }\r\n\r\n .fu-lead {\r\n max-width: 900px;\r\n margin: 0;\r\n color: var(--fu-muted);\r\n font-size: 1.12rem;\r\n }\r\n\r\n .fu-quicknav {\r\n margin: 28px 0;\r\n padding: 22px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-quicknav-title {\r\n margin-bottom: 12px;\r\n color: var(--fu-green-dark);\r\n font-weight: 700;\r\n }\r\n\r\n .fu-quicknav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n }\r\n\r\n .fu-quicknav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 999px;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-size: .91rem;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-quicknav-links a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n }\r\n\r\n .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n margin: 28px 0;\r\n }\r\n\r\n .fu-fact {\r\n padding: 21px;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n box-shadow: var(--fu-shadow);\r\n }\r\n\r\n .fu-fact i {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: var(--fu-orange);\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-fact strong {\r\n display: block;\r\n margin-bottom: 3px;\r\n color: var(--fu-green-dark);\r\n }\r\n\r\n .fu-fact span {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n }\r\n\r\n .fu-section {\r\n margin: 30px 0;\r\n padding: 30px;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n box-shadow: var(--fu-shadow);\r\n }\r\n\r\n .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 17px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n }\r\n\r\n .fu-section h2 i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n }\r\n\r\n .fu-section h3 {\r\n margin: 24px 0 9px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.12rem;\r\n }\r\n\r\n .fu-section p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .fu-highlight {\r\n margin: 22px 0;\r\n padding: 22px 24px;\r\n background: var(--fu-paper);\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n }\r\n\r\n .fu-highlight strong {\r\n color: var(--fu-green-dark);\r\n }\r\n\r\n .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-btn:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n }\r\n\r\n .fu-btn-light {\r\n background: var(--fu-paper);\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-border);\r\n }\r\n\r\n .fu-btn-light:hover {\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n }\r\n\r\n .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-card {\r\n padding: 22px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-card h3 {\r\n margin-top: 0;\r\n }\r\n\r\n .fu-card i {\r\n margin-right: 6px;\r\n color: var(--fu-orange);\r\n }\r\n\r\n .fu-route {\r\n margin-top: 18px;\r\n padding: 22px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-route strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n color: var(--fu-green-dark);\r\n }\r\n\r\n .fu-route-address {\r\n margin-bottom: 14px;\r\n color: var(--fu-muted);\r\n }\r\n\r\n .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-related a {\r\n display: block;\r\n padding: 18px 20px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-related a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n }\r\n\r\n .fu-related a i {\r\n margin-right: 7px;\r\n }\r\n\r\n .fu-note {\r\n margin-top: 24px;\r\n padding: 17px 19px;\r\n background: #f7f7f5;\r\n border-radius: 12px;\r\n color: var(--fu-muted);\r\n font-size: .88rem;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .fu-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .fu-hero-content,\r\n .fu-section {\r\n padding: 23px 19px;\r\n }\r\n\r\n .fu-facts,\r\n .fu-grid,\r\n .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-quicknav {\r\n padding: 17px;\r\n }\r\n\r\n .fu-quicknav-links a {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-hero-image img {\r\n max-height: 360px;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 321 ===== */ @scope (.fu-article-321) { \r\n.fu-ahaus{\r\n --green:#1f4b3f;\r\n --dark:#17382f;\r\n --paper:#faf8f4;\r\n --orange:#d97706;\r\n --muted:#68736f;\r\n --border:#e4e1da;\r\n --shadow:0 10px 30px rgba(23,56,47,.10);\r\n color:var(--dark);\r\n background:var(--paper);\r\n border-radius:18px;\r\n overflow:hidden;\r\n margin:0 auto 30px;\r\n max-width:1180px;\r\n}\r\n.fu-ahaus *{box-sizing:border-box}\r\n.fu-ahaus a{color:var(--green)}\r\n.fu-ahaus .fu-hero{\r\n position:relative;\r\n background:#ddd;\r\n}\r\n.fu-ahaus .fu-hero img{\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n.fu-ahaus .fu-credit{\r\n padding:9px 16px;\r\n background:#f1efe9;\r\n color:#66706c;\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n.fu-ahaus .fu-credit a{\r\n color:var(--green);\r\n text-decoration:underline;\r\n}\r\n.fu-ahaus .fu-kicker{\r\n margin:28px 24px 8px;\r\n color:var(--orange);\r\n font-size:.9rem;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n.fu-ahaus h1{\r\n margin:0 24px 12px;\r\n color:var(--dark);\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.08;\r\n}\r\n.fu-ahaus .fu-lead{\r\n margin:0 24px 26px;\r\n max-width:900px;\r\n font-size:1.12rem;\r\n line-height:1.7;\r\n color:#3f4d48;\r\n}\r\n.fu-ahaus .fu-jump{\r\n margin:0 24px 28px;\r\n padding:18px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n}\r\n.fu-ahaus .fu-jump strong{\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--dark);\r\n}\r\n.fu-ahaus .fu-jump-links{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n.fu-ahaus .fu-jump-links a{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border-radius:999px;\r\n background:#eef3f0;\r\n color:var(--green);\r\n font-size:.92rem;\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n.fu-ahaus .fu-section{\r\n padding:0 24px 32px;\r\n}\r\n.fu-ahaus .fu-section h2{\r\n margin:0 0 14px;\r\n color:var(--green);\r\n font-size:1.55rem;\r\n}\r\n.fu-ahaus .fu-section p{\r\n margin:0 0 14px;\r\n line-height:1.7;\r\n}\r\n.fu-ahaus .fu-facts{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n padding:0 24px 34px;\r\n}\r\n.fu-ahaus .fu-fact{\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:var(--shadow);\r\n}\r\n.fu-ahaus .fu-fact i{\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n margin-bottom:10px;\r\n display:inline-block;\r\n}\r\n.fu-ahaus .fu-fact strong{\r\n display:block;\r\n margin-bottom:5px;\r\n color:var(--dark);\r\n}\r\n.fu-ahaus .fu-fact span{\r\n color:#5d6964;\r\n line-height:1.5;\r\n}\r\n.fu-ahaus .fu-highlight{\r\n margin:0 24px 24px;\r\n padding:22px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n}\r\n.fu-ahaus .fu-highlight:last-child{\r\n margin-bottom:0;\r\n}\r\n.fu-ahaus .fu-highlight-top{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:14px;\r\n}\r\n.fu-ahaus .fu-highlight-icon{\r\n flex:0 0 auto;\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#fff1df;\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n}\r\n.fu-ahaus .fu-highlight h3{\r\n margin:0 0 6px;\r\n color:var(--green);\r\n font-size:1.2rem;\r\n}\r\n.fu-ahaus .fu-highlight p{\r\n margin:0;\r\n line-height:1.65;\r\n}\r\n.fu-ahaus .fu-note{\r\n margin-top:16px;\r\n padding:16px 18px;\r\n border-left:4px solid var(--orange);\r\n background:#fff7ed;\r\n border-radius:10px;\r\n}\r\n.fu-ahaus .fu-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n.fu-ahaus .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 15px;\r\n border-radius:10px;\r\n background:var(--green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n box-shadow:0 5px 14px rgba(23,56,47,.14);\r\n}\r\n.fu-ahaus .fu-btn:hover{\r\n background:var(--dark);\r\n}\r\n.fu-ahaus .fu-btn.alt{\r\n background:#fff;\r\n color:var(--green) !important;\r\n border:1px solid #cfd8d3;\r\n box-shadow:none;\r\n}\r\n.fu-ahaus .fu-btn.orange{\r\n background:var(--orange);\r\n}\r\n.fu-ahaus .fu-cards{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n.fu-ahaus .fu-card{\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:20px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n text-decoration:none !important;\r\n}\r\n.fu-ahaus .fu-card i{\r\n color:var(--orange);\r\n font-size:1.5rem;\r\n margin-bottom:12px;\r\n}\r\n.fu-ahaus .fu-card strong{\r\n margin-bottom:7px;\r\n color:var(--green);\r\n font-size:1.06rem;\r\n}\r\n.fu-ahaus .fu-card span{\r\n color:#5d6964;\r\n line-height:1.55;\r\n}\r\n.fu-ahaus .fu-small{\r\n color:var(--muted);\r\n font-size:.92rem;\r\n}\r\n@media (max-width:800px){\r\n .fu-ahaus .fu-facts,\r\n .fu-ahaus .fu-cards{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n@media (max-width:600px){\r\n .fu-ahaus .fu-kicker,\r\n .fu-ahaus h1,\r\n .fu-ahaus .fu-lead,\r\n .fu-ahaus .fu-jump,\r\n .fu-ahaus .fu-section,\r\n .fu-ahaus .fu-facts,\r\n .fu-ahaus .fu-highlight{\r\n margin-left:16px;\r\n margin-right:16px;\r\n }\r\n .fu-ahaus .fu-section,\r\n .fu-ahaus .fu-facts{\r\n padding-left:0;\r\n padding-right:0;\r\n }\r\n .fu-ahaus .fu-actions{\r\n flex-direction:column;\r\n }\r\n .fu-ahaus .fu-btn{\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 322 ===== */ @scope (.fu-article-322) { \r\n .fu-ahaus {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-orange: #d97706;\r\n --fu-paper: #faf8f4;\r\n --fu-white: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #65736e;\r\n --fu-border: #e4e8e5;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n }\r\n\r\n .fu-ahaus * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .fu-hero {\r\n background: var(--fu-white);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: var(--fu-shadow);\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-hero-image {\r\n width: 100%;\r\n background: #eee;\r\n }\r\n\r\n .fu-hero-image img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-height: 520px;\r\n object-fit: cover;\r\n }\r\n\r\n .fu-image-credit {\r\n padding: 8px 16px;\r\n background: #f2f3f1;\r\n color: var(--fu-muted);\r\n font-size: .78rem;\r\n line-height: 1.45;\r\n }\r\n\r\n .fu-image-credit a {\r\n color: var(--fu-green);\r\n text-decoration: underline;\r\n }\r\n\r\n .fu-hero-content {\r\n padding: 34px 34px 36px;\r\n }\r\n\r\n .fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 10px;\r\n color: var(--fu-orange);\r\n font-size: .84rem;\r\n font-weight: 700;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .fu-kicker i {\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green-dark);\r\n font-size: clamp(2rem, 4vw, 3.1rem);\r\n line-height: 1.12;\r\n }\r\n\r\n .fu-lead {\r\n max-width: 900px;\r\n margin: 0;\r\n color: var(--fu-muted);\r\n font-size: 1.12rem;\r\n }\r\n\r\n .fu-quicknav {\r\n margin: 28px 0;\r\n padding: 22px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-quicknav-title {\r\n margin-bottom: 12px;\r\n color: var(--fu-green-dark);\r\n font-weight: 700;\r\n }\r\n\r\n .fu-quicknav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n }\r\n\r\n .fu-quicknav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 999px;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-size: .91rem;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-quicknav-links a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n }\r\n\r\n .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n margin: 28px 0;\r\n }\r\n\r\n .fu-fact {\r\n padding: 21px;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n box-shadow: var(--fu-shadow);\r\n }\r\n\r\n .fu-fact i {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: var(--fu-orange);\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-fact strong {\r\n display: block;\r\n margin-bottom: 3px;\r\n color: var(--fu-green-dark);\r\n }\r\n\r\n .fu-fact span {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n }\r\n\r\n .fu-section {\r\n margin: 30px 0;\r\n padding: 30px;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n box-shadow: var(--fu-shadow);\r\n }\r\n\r\n .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 17px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n }\r\n\r\n .fu-section h2 i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n }\r\n\r\n .fu-section h3 {\r\n margin: 24px 0 9px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.12rem;\r\n }\r\n\r\n .fu-section p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .fu-highlight {\r\n margin: 22px 0;\r\n padding: 22px 24px;\r\n background: var(--fu-paper);\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n }\r\n\r\n .fu-highlight strong {\r\n color: var(--fu-green-dark);\r\n }\r\n\r\n .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-btn:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n }\r\n\r\n .fu-btn-light {\r\n background: var(--fu-paper);\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-border);\r\n }\r\n\r\n .fu-btn-light:hover {\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n }\r\n\r\n .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-card {\r\n padding: 22px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-card h3 {\r\n margin-top: 0;\r\n }\r\n\r\n .fu-card i {\r\n margin-right: 6px;\r\n color: var(--fu-orange);\r\n }\r\n\r\n .fu-route {\r\n margin-top: 18px;\r\n padding: 22px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-route strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n color: var(--fu-green-dark);\r\n }\r\n\r\n .fu-route-address {\r\n margin-bottom: 14px;\r\n color: var(--fu-muted);\r\n }\r\n\r\n .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-related a {\r\n display: block;\r\n padding: 18px 20px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-related a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n }\r\n\r\n .fu-related a i {\r\n margin-right: 7px;\r\n }\r\n\r\n .fu-note {\r\n margin-top: 24px;\r\n padding: 17px 19px;\r\n background: #f7f7f5;\r\n border-radius: 12px;\r\n color: var(--fu-muted);\r\n font-size: .88rem;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .fu-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .fu-hero-content,\r\n .fu-section {\r\n padding: 23px 19px;\r\n }\r\n\r\n .fu-facts,\r\n .fu-grid,\r\n .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-quicknav {\r\n padding: 17px;\r\n }\r\n\r\n .fu-quicknav-links a {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-hero-image img {\r\n max-height: 360px;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 323 ===== */ @scope (.fu-article-323) { \r\n.fu-ahaus{\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-soft:#e8f0ed;\r\n --fu-paper:#faf8f4;\r\n --fu-accent:#d97706;\r\n --fu-text:#26332f;\r\n --fu-muted:#68736f;\r\n --fu-border:#dfe6e2;\r\n font-family:inherit;\r\n color:var(--fu-text);\r\n line-height:1.7;\r\n}\r\n\r\n.fu-ahaus *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-ahaus .fu-hero{\r\n background:#fff;\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:0 8px 28px rgba(23,56,47,.10);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-ahaus .fu-hero img{\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-ahaus .fu-image-credit{\r\n padding:8px 16px;\r\n background:#f3f4f2;\r\n color:#69736f;\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-ahaus .fu-image-credit a{\r\n color:var(--fu-green);\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-ahaus .fu-hero-content{\r\n padding:30px 30px 32px;\r\n}\r\n\r\n.fu-ahaus .fu-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:var(--fu-accent);\r\n font-size:.86rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-ahaus h1{\r\n margin:0 0 14px;\r\n color:var(--fu-dark);\r\n font-size:clamp(2rem,4vw,3.25rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-lead{\r\n max-width:850px;\r\n margin:0;\r\n color:#46534e;\r\n font-size:1.14rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-ahaus .fu-jump{\r\n background:var(--fu-soft);\r\n border:1px solid #d7e3de;\r\n border-radius:16px;\r\n padding:20px;\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-ahaus .fu-jump-title{\r\n margin:0 0 12px;\r\n color:var(--fu-dark);\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-jump-links{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-ahaus .fu-jump-links a{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid #d5e0dc;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:650;\r\n font-size:.92rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-ahaus .fu-jump-links a:hover{\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-ahaus .fu-facts{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n margin-bottom:30px;\r\n}\r\n\r\n.fu-ahaus .fu-fact{\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:20px;\r\n box-shadow:0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-ahaus .fu-fact i{\r\n display:block;\r\n color:var(--fu-accent);\r\n font-size:1.45rem;\r\n margin-bottom:9px;\r\n}\r\n\r\n.fu-ahaus .fu-fact strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:4px;\r\n}\r\n\r\n.fu-ahaus .fu-fact span{\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n}\r\n\r\n.fu-ahaus .fu-section{\r\n background:#fff;\r\n border-radius:17px;\r\n border:1px solid var(--fu-border);\r\n box-shadow:0 6px 22px rgba(23,56,47,.06);\r\n padding:28px;\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-ahaus h2{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 15px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-ahaus h2 i{\r\n color:var(--fu-accent);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-ahaus h3{\r\n color:var(--fu-dark);\r\n margin:22px 0 8px;\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-ahaus p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-ahaus .fu-highlight{\r\n background:linear-gradient(135deg,#f4f7f5,#e8f0ed);\r\n border-left:5px solid var(--fu-green);\r\n border-radius:12px;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-ahaus .fu-highlight strong{\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-ahaus .fu-exhibition{\r\n border:2px solid #e6ece8;\r\n border-radius:15px;\r\n padding:22px;\r\n margin-top:18px;\r\n background:#fcfdfc;\r\n}\r\n\r\n.fu-ahaus .fu-exhibition-title{\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n font-weight:800;\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-ahaus .fu-meta{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-ahaus .fu-meta-item{\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:11px;\r\n padding:13px 15px;\r\n}\r\n\r\n.fu-ahaus .fu-meta-item strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n font-size:.9rem;\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-ahaus .fu-meta-item span{\r\n color:#56635e;\r\n}\r\n\r\n.fu-ahaus .fu-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-ahaus .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 15px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-ahaus .fu-btn-primary{\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-ahaus .fu-btn-primary:hover{\r\n background:var(--fu-dark);\r\n color:#fff;\r\n}\r\n\r\n.fu-ahaus .fu-btn-orange{\r\n background:var(--fu-accent);\r\n color:#fff;\r\n}\r\n\r\n.fu-ahaus .fu-btn-orange:hover{\r\n background:#b85f04;\r\n color:#fff;\r\n}\r\n\r\n.fu-ahaus .fu-btn-light{\r\n background:#eef3f0;\r\n color:var(--fu-green);\r\n border:1px solid #d6e1dc;\r\n}\r\n\r\n.fu-ahaus .fu-btn-light:hover{\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-ahaus .fu-address{\r\n background:var(--fu-paper);\r\n border-radius:14px;\r\n padding:20px;\r\n margin-top:15px;\r\n}\r\n\r\n.fu-ahaus .fu-address strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:6px;\r\n}\r\n\r\n.fu-ahaus .fu-route{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n margin-top:15px;\r\n}\r\n\r\n.fu-ahaus .fu-route a{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 12px;\r\n border-radius:9px;\r\n background:#fff;\r\n border:1px solid #d8e0dc;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:650;\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-ahaus .fu-route a:hover{\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-ahaus .fu-related{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:15px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-ahaus .fu-related a{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n height:100%;\r\n padding:18px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n box-shadow:0 4px 15px rgba(23,56,47,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-ahaus .fu-related a:hover{\r\n transform:translateY(-2px);\r\n border-color:#c8d7d1;\r\n box-shadow:0 8px 20px rgba(23,56,47,.10);\r\n}\r\n\r\n.fu-ahaus .fu-related i{\r\n color:var(--fu-accent);\r\n font-size:1.25rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-ahaus .fu-related strong{\r\n display:block;\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-ahaus .fu-related span{\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-ahaus .fu-stand{\r\n color:#6c7672;\r\n font-size:.86rem;\r\n text-align:right;\r\n margin-top:20px;\r\n}\r\n\r\n@media(max-width:900px){\r\n .fu-ahaus .fu-facts{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-ahaus .fu-related{\r\n grid-template-columns:1fr 1fr;\r\n }\r\n}\r\n\r\n@media(max-width:650px){\r\n .fu-ahaus .fu-hero-content{\r\n padding:23px 20px 25px;\r\n }\r\n\r\n .fu-ahaus .fu-section{\r\n padding:21px 18px;\r\n }\r\n\r\n .fu-ahaus .fu-facts,\r\n .fu-ahaus .fu-related,\r\n .fu-ahaus .fu-meta{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-ahaus .fu-jump{\r\n padding:16px;\r\n }\r\n\r\n .fu-ahaus .fu-btn,\r\n .fu-ahaus .fu-route a{\r\n width:100%;\r\n }\r\n\r\n .fu-ahaus .fu-image-credit{\r\n font-size:.78rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 324 ===== */ @scope (.fu-article-324) { \r\n .fu-ahaus {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-orange: #d97706;\r\n --fu-paper: #faf8f4;\r\n --fu-white: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #65736e;\r\n --fu-border: #e4e8e5;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n }\r\n\r\n .fu-ahaus * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .fu-hero {\r\n background: var(--fu-white);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: var(--fu-shadow);\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-hero-image {\r\n width: 100%;\r\n background: #eee;\r\n }\r\n\r\n .fu-hero-image img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-height: 520px;\r\n object-fit: cover;\r\n }\r\n\r\n .fu-image-credit {\r\n padding: 8px 16px;\r\n background: #f2f3f1;\r\n color: var(--fu-muted);\r\n font-size: .78rem;\r\n line-height: 1.45;\r\n }\r\n\r\n .fu-image-credit a {\r\n color: var(--fu-green);\r\n text-decoration: underline;\r\n }\r\n\r\n .fu-hero-content {\r\n padding: 34px 34px 36px;\r\n }\r\n\r\n .fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 10px;\r\n color: var(--fu-orange);\r\n font-size: .84rem;\r\n font-weight: 700;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .fu-kicker i {\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green-dark);\r\n font-size: clamp(2rem, 4vw, 3.1rem);\r\n line-height: 1.12;\r\n }\r\n\r\n .fu-lead {\r\n max-width: 900px;\r\n margin: 0;\r\n color: var(--fu-muted);\r\n font-size: 1.12rem;\r\n }\r\n\r\n .fu-quicknav {\r\n margin: 28px 0;\r\n padding: 22px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-quicknav-title {\r\n margin-bottom: 12px;\r\n color: var(--fu-green-dark);\r\n font-weight: 700;\r\n }\r\n\r\n .fu-quicknav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n }\r\n\r\n .fu-quicknav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 999px;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-size: .91rem;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-quicknav-links a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n }\r\n\r\n .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n margin: 28px 0;\r\n }\r\n\r\n .fu-fact {\r\n padding: 21px;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n box-shadow: var(--fu-shadow);\r\n }\r\n\r\n .fu-fact i {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: var(--fu-orange);\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-fact strong {\r\n display: block;\r\n margin-bottom: 3px;\r\n color: var(--fu-green-dark);\r\n }\r\n\r\n .fu-fact span {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n }\r\n\r\n .fu-section {\r\n margin: 30px 0;\r\n padding: 30px;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n box-shadow: var(--fu-shadow);\r\n }\r\n\r\n .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 17px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n }\r\n\r\n .fu-section h2 i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n }\r\n\r\n .fu-section h3 {\r\n margin: 24px 0 9px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.12rem;\r\n }\r\n\r\n .fu-section p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .fu-highlight {\r\n margin: 22px 0;\r\n padding: 22px 24px;\r\n background: var(--fu-paper);\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n }\r\n\r\n .fu-highlight strong {\r\n color: var(--fu-green-dark);\r\n }\r\n\r\n .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-btn:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n }\r\n\r\n .fu-btn-light {\r\n background: var(--fu-paper);\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-border);\r\n }\r\n\r\n .fu-btn-light:hover {\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n }\r\n\r\n .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-card {\r\n padding: 22px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-card h3 {\r\n margin-top: 0;\r\n }\r\n\r\n .fu-card i {\r\n margin-right: 6px;\r\n color: var(--fu-orange);\r\n }\r\n\r\n .fu-route {\r\n margin-top: 18px;\r\n padding: 22px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-route strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n color: var(--fu-green-dark);\r\n }\r\n\r\n .fu-route-address {\r\n margin-bottom: 14px;\r\n color: var(--fu-muted);\r\n }\r\n\r\n .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-related a {\r\n display: block;\r\n padding: 18px 20px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-related a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n }\r\n\r\n .fu-related a i {\r\n margin-right: 7px;\r\n }\r\n\r\n .fu-note {\r\n margin-top: 24px;\r\n padding: 17px 19px;\r\n background: #f7f7f5;\r\n border-radius: 12px;\r\n color: var(--fu-muted);\r\n font-size: .88rem;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .fu-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .fu-hero-content,\r\n .fu-section {\r\n padding: 23px 19px;\r\n }\r\n\r\n .fu-facts,\r\n .fu-grid,\r\n .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-quicknav {\r\n padding: 17px;\r\n }\r\n\r\n .fu-quicknav-links a {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-hero-image img {\r\n max-height: 360px;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 325 ===== */ @scope (.fu-article-325) { \r\n .fu-ahaus {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-soft: #e8f0ed;\r\n --fu-paper: #faf8f4;\r\n --fu-accent: #d97706;\r\n --fu-text: #26332f;\r\n --fu-muted: #68736f;\r\n --fu-border: #dfe6e2;\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n font-family: inherit;\r\n line-height: 1.65;\r\n }\r\n\r\n .fu-ahaus * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .fu-ahaus a {\r\n color: var(--fu-green);\r\n }\r\n\r\n .fu-ahaus img {\r\n max-width: 100%;\r\n height: auto;\r\n }\r\n\r\n /* HERO */\r\n .fu-ahaus .fu-hero {\r\n margin: 0 0 28px;\r\n background: #fff;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n box-shadow: 0 8px 28px rgba(23, 56, 47, .10);\r\n border: 1px solid var(--fu-border);\r\n }\r\n\r\n .fu-ahaus .fu-hero-image {\r\n position: relative;\r\n background: #e8f0ed;\r\n }\r\n\r\n .fu-ahaus .fu-hero-image img {\r\n display: block;\r\n width: 100%;\r\n max-height: 480px;\r\n object-fit: cover;\r\n }\r\n\r\n .fu-ahaus .fu-image-credit {\r\n padding: 8px 16px;\r\n background: #f1f4f2;\r\n color: var(--fu-muted);\r\n font-size: .78rem;\r\n line-height: 1.45;\r\n }\r\n\r\n .fu-ahaus .fu-image-credit a {\r\n color: var(--fu-green);\r\n text-decoration: underline;\r\n }\r\n\r\n .fu-ahaus .fu-hero-content {\r\n padding: 30px 32px 32px;\r\n }\r\n\r\n .fu-ahaus .fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 10px;\r\n color: var(--fu-accent);\r\n font-weight: 700;\r\n font-size: .88rem;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .fu-ahaus h1 {\r\n margin: 0 0 14px;\r\n color: var(--fu-dark);\r\n font-size: clamp(2rem, 4vw, 3.25rem);\r\n line-height: 1.12;\r\n font-weight: 800;\r\n }\r\n\r\n .fu-ahaus .fu-lead {\r\n max-width: 900px;\r\n margin: 0;\r\n font-size: 1.15rem;\r\n color: #46534e;\r\n }\r\n\r\n /* SPRUNGNAV */\r\n .fu-ahaus .fu-jumpbox {\r\n margin: 0 0 28px;\r\n padding: 18px;\r\n background: var(--fu-soft);\r\n border: 1px solid #d4e1dc;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-ahaus .fu-jump-title {\r\n margin: 0 0 10px;\r\n color: var(--fu-dark);\r\n font-weight: 800;\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-ahaus .fu-jumps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n }\r\n\r\n .fu-ahaus .fu-jumps a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n background: #fff;\r\n border: 1px solid #cbdad4;\r\n border-radius: 999px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n transition: all .2s ease;\r\n }\r\n\r\n .fu-ahaus .fu-jumps a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n }\r\n\r\n /* FACT CARDS */\r\n .fu-ahaus .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n margin-bottom: 34px;\r\n }\r\n\r\n .fu-ahaus .fu-fact {\r\n padding: 20px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n box-shadow: 0 5px 18px rgba(23, 56, 47, .07);\r\n }\r\n\r\n .fu-ahaus .fu-fact-icon {\r\n width: 42px;\r\n height: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 12px;\r\n border-radius: 12px;\r\n background: var(--fu-soft);\r\n color: var(--fu-green);\r\n font-size: 1.25rem;\r\n }\r\n\r\n .fu-ahaus .fu-fact strong {\r\n display: block;\r\n margin-bottom: 4px;\r\n color: var(--fu-dark);\r\n font-size: .88rem;\r\n }\r\n\r\n .fu-ahaus .fu-fact span {\r\n color: #4d5955;\r\n font-size: .95rem;\r\n }\r\n\r\n /* SECTIONS */\r\n .fu-ahaus .fu-section {\r\n margin-bottom: 30px;\r\n padding: 28px 30px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n box-shadow: 0 6px 22px rgba(23, 56, 47, .07);\r\n scroll-margin-top: 30px;\r\n }\r\n\r\n .fu-ahaus .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 16px;\r\n color: var(--fu-dark);\r\n font-size: clamp(1.4rem, 2.5vw, 1.85rem);\r\n line-height: 1.25;\r\n }\r\n\r\n .fu-ahaus .fu-section h2 i {\r\n color: var(--fu-accent);\r\n font-size: 1.2em;\r\n }\r\n\r\n .fu-ahaus .fu-section h3 {\r\n margin: 22px 0 9px;\r\n color: var(--fu-dark);\r\n font-size: 1.15rem;\r\n }\r\n\r\n .fu-ahaus .fu-section p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n /* HIGHLIGHT */\r\n .fu-ahaus .fu-highlight {\r\n margin: 20px 0;\r\n padding: 20px 22px;\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 10px;\r\n }\r\n\r\n .fu-ahaus .fu-highlight strong {\r\n color: var(--fu-dark);\r\n }\r\n\r\n /* EXHIBITION */\r\n .fu-ahaus .fu-exhibition {\r\n padding: 22px;\r\n margin-top: 18px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n }\r\n\r\n .fu-ahaus .fu-exhibition.next {\r\n border: 2px solid var(--fu-accent);\r\n background: #fffaf3;\r\n }\r\n\r\n .fu-ahaus .fu-exhibition-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 9px;\r\n padding: 6px 11px;\r\n border-radius: 999px;\r\n background: var(--fu-accent);\r\n color: #fff;\r\n font-size: .8rem;\r\n font-weight: 800;\r\n }\r\n\r\n .fu-ahaus .fu-exhibition-label.pause {\r\n background: var(--fu-green);\r\n }\r\n\r\n .fu-ahaus .fu-exhibition h3 {\r\n margin: 4px 0 9px;\r\n color: var(--fu-dark);\r\n font-size: 1.35rem;\r\n }\r\n\r\n .fu-ahaus .fu-exhibition p {\r\n margin: 0 0 14px;\r\n }\r\n\r\n .fu-ahaus .fu-meta-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 10px 18px;\r\n margin-top: 16px;\r\n }\r\n\r\n .fu-ahaus .fu-meta {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 9px;\r\n padding: 11px 0;\r\n border-top: 1px solid var(--fu-border);\r\n }\r\n\r\n .fu-ahaus .fu-meta i {\r\n flex: 0 0 auto;\r\n color: var(--fu-accent);\r\n margin-top: 3px;\r\n }\r\n\r\n .fu-ahaus .fu-meta strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n font-size: .88rem;\r\n }\r\n\r\n .fu-ahaus .fu-meta span {\r\n font-size: .92rem;\r\n color: #52605b;\r\n }\r\n\r\n /* PROGRAMM */\r\n .fu-ahaus .fu-programm {\r\n display: grid;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-ahaus .fu-programm-item {\r\n display: grid;\r\n grid-template-columns: 155px 1fr;\r\n gap: 18px;\r\n padding: 15px 17px;\r\n background: var(--fu-paper);\r\n border-radius: 12px;\r\n border: 1px solid var(--fu-border);\r\n }\r\n\r\n .fu-ahaus .fu-programm-date {\r\n font-weight: 800;\r\n color: var(--fu-green);\r\n }\r\n\r\n .fu-ahaus .fu-programm-title {\r\n font-weight: 700;\r\n color: var(--fu-dark);\r\n }\r\n\r\n .fu-ahaus .fu-programm-note {\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n }\r\n\r\n /* ACCESSIBILITY */\r\n .fu-ahaus .fu-access-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-ahaus .fu-access-card {\r\n padding: 18px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n }\r\n\r\n .fu-ahaus .fu-access-card i {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n .fu-ahaus .fu-access-card strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n color: var(--fu-dark);\r\n }\r\n\r\n .fu-ahaus .fu-access-card span {\r\n color: #56625e;\r\n font-size: .92rem;\r\n }\r\n\r\n /* BUTTONS */\r\n .fu-ahaus .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-ahaus .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-height: 44px;\r\n padding: 10px 15px;\r\n border-radius: 10px;\r\n border: 1px solid var(--fu-green);\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n font-size: .92rem;\r\n transition: all .2s ease;\r\n }\r\n\r\n .fu-ahaus .fu-btn:hover {\r\n background: var(--fu-dark);\r\n border-color: var(--fu-dark);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .fu-ahaus .fu-btn-outline {\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n }\r\n\r\n .fu-ahaus .fu-btn-outline:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-green) !important;\r\n }\r\n\r\n .fu-ahaus .fu-btn-orange {\r\n background: var(--fu-accent);\r\n border-color: var(--fu-accent);\r\n }\r\n\r\n .fu-ahaus .fu-btn-orange:hover {\r\n background: #b96100;\r\n border-color: #b96100;\r\n }\r\n\r\n /* ADDRESS */\r\n .fu-ahaus .fu-address {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n gap: 25px;\r\n align-items: center;\r\n padding: 23px;\r\n background: var(--fu-soft);\r\n border-radius: 15px;\r\n border: 1px solid #d3e0db;\r\n }\r\n\r\n .fu-ahaus .fu-address h3 {\r\n margin: 0 0 7px;\r\n color: var(--fu-dark);\r\n }\r\n\r\n .fu-ahaus .fu-address p {\r\n margin: 0;\r\n }\r\n\r\n .fu-ahaus .fu-route-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n justify-content: flex-end;\r\n }\r\n\r\n .fu-ahaus .fu-route-buttons a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 9px 11px;\r\n border-radius: 9px;\r\n background: #fff;\r\n border: 1px solid #c7d6d0;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-size: .84rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-ahaus .fu-route-buttons a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n }\r\n\r\n /* RELATED */\r\n .fu-ahaus .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-ahaus .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n padding: 19px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n text-decoration: none;\r\n color: var(--fu-text);\r\n box-shadow: 0 4px 14px rgba(23, 56, 47, .05);\r\n transition: all .2s ease;\r\n }\r\n\r\n .fu-ahaus .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(23, 56, 47, .10);\r\n border-color: #c6d7d0;\r\n }\r\n\r\n .fu-ahaus .fu-related-card i {\r\n margin-bottom: 10px;\r\n color: var(--fu-accent);\r\n font-size: 1.3rem;\r\n }\r\n\r\n .fu-ahaus .fu-related-card strong {\r\n margin-bottom: 5px;\r\n color: var(--fu-dark);\r\n }\r\n\r\n .fu-ahaus .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .88rem;\r\n }\r\n\r\n /* NOTE */\r\n .fu-ahaus .fu-stand {\r\n margin: 10px 0 0;\r\n color: var(--fu-muted);\r\n font-size: .82rem;\r\n text-align: right;\r\n }\r\n\r\n /* RESPONSIVE */\r\n @media (max-width: 900px) {\r\n .fu-ahaus .fu-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-ahaus .fu-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-ahaus .fu-address {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-ahaus .fu-route-buttons {\r\n justify-content: flex-start;\r\n }\r\n }\r\n\r\n @media (max-width: 650px) {\r\n .fu-ahaus .fu-hero-content {\r\n padding: 23px 20px 25px;\r\n }\r\n\r\n .fu-ahaus .fu-section {\r\n padding: 22px 19px;\r\n border-radius: 15px;\r\n }\r\n\r\n .fu-ahaus .fu-facts,\r\n .fu-ahaus .fu-related,\r\n .fu-ahaus .fu-access-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-ahaus .fu-meta-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-ahaus .fu-programm-item {\r\n grid-template-columns: 1fr;\r\n gap: 4px;\r\n }\r\n\r\n .fu-ahaus .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-ahaus .fu-route-buttons a {\r\n flex: 1 1 calc(50% - 8px);\r\n justify-content: center;\r\n }\r\n\r\n .fu-ahaus .fu-hero-image img {\r\n max-height: 340px;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 326 ===== */ @scope (.fu-article-326) { \r\n .fu-ahaus {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-orange: #d97706;\r\n --fu-paper: #faf8f4;\r\n --fu-white: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #65736e;\r\n --fu-border: #e4e8e5;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n }\r\n\r\n .fu-ahaus * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .fu-hero {\r\n background: var(--fu-white);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: var(--fu-shadow);\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-hero-image {\r\n width: 100%;\r\n background: #eee;\r\n }\r\n\r\n .fu-hero-image img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n max-height: 520px;\r\n object-fit: cover;\r\n }\r\n\r\n .fu-image-credit {\r\n padding: 8px 16px;\r\n background: #f2f3f1;\r\n color: var(--fu-muted);\r\n font-size: .78rem;\r\n line-height: 1.45;\r\n }\r\n\r\n .fu-image-credit a {\r\n color: var(--fu-green);\r\n text-decoration: underline;\r\n }\r\n\r\n .fu-hero-content {\r\n padding: 34px 34px 36px;\r\n }\r\n\r\n .fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 10px;\r\n color: var(--fu-orange);\r\n font-size: .84rem;\r\n font-weight: 700;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .fu-kicker i {\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green-dark);\r\n font-size: clamp(2rem, 4vw, 3.1rem);\r\n line-height: 1.12;\r\n }\r\n\r\n .fu-lead {\r\n max-width: 900px;\r\n margin: 0;\r\n color: var(--fu-muted);\r\n font-size: 1.12rem;\r\n }\r\n\r\n .fu-quicknav {\r\n margin: 28px 0;\r\n padding: 22px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-quicknav-title {\r\n margin-bottom: 12px;\r\n color: var(--fu-green-dark);\r\n font-weight: 700;\r\n }\r\n\r\n .fu-quicknav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n }\r\n\r\n .fu-quicknav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 999px;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-size: .91rem;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-quicknav-links a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n }\r\n\r\n .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n margin: 28px 0;\r\n }\r\n\r\n .fu-fact {\r\n padding: 21px;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n box-shadow: var(--fu-shadow);\r\n }\r\n\r\n .fu-fact i {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: var(--fu-orange);\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-fact strong {\r\n display: block;\r\n margin-bottom: 3px;\r\n color: var(--fu-green-dark);\r\n }\r\n\r\n .fu-fact span {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n }\r\n\r\n .fu-section {\r\n margin: 30px 0;\r\n padding: 30px;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n box-shadow: var(--fu-shadow);\r\n }\r\n\r\n .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 17px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n }\r\n\r\n .fu-section h2 i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n }\r\n\r\n .fu-section h3 {\r\n margin: 24px 0 9px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.12rem;\r\n }\r\n\r\n .fu-section p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .fu-highlight {\r\n margin: 22px 0;\r\n padding: 22px 24px;\r\n background: var(--fu-paper);\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n }\r\n\r\n .fu-highlight strong {\r\n color: var(--fu-green-dark);\r\n }\r\n\r\n .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-btn:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n }\r\n\r\n .fu-btn-light {\r\n background: var(--fu-paper);\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-border);\r\n }\r\n\r\n .fu-btn-light:hover {\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n }\r\n\r\n .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-card {\r\n padding: 22px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-card h3 {\r\n margin-top: 0;\r\n }\r\n\r\n .fu-card i {\r\n margin-right: 6px;\r\n color: var(--fu-orange);\r\n }\r\n\r\n .fu-route {\r\n margin-top: 18px;\r\n padding: 22px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-route strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n color: var(--fu-green-dark);\r\n }\r\n\r\n .fu-route-address {\r\n margin-bottom: 14px;\r\n color: var(--fu-muted);\r\n }\r\n\r\n .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-related a {\r\n display: block;\r\n padding: 18px 20px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-related a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n }\r\n\r\n .fu-related a i {\r\n margin-right: 7px;\r\n }\r\n\r\n .fu-note {\r\n margin-top: 24px;\r\n padding: 17px 19px;\r\n background: #f7f7f5;\r\n border-radius: 12px;\r\n color: var(--fu-muted);\r\n font-size: .88rem;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .fu-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .fu-hero-content,\r\n .fu-section {\r\n padding: 23px 19px;\r\n }\r\n\r\n .fu-facts,\r\n .fu-grid,\r\n .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-quicknav {\r\n padding: 17px;\r\n }\r\n\r\n .fu-quicknav-links a {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-hero-image img {\r\n max-height: 360px;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 327 ===== */ @scope (.fu-article-327) { \r\n.fu-ahaus{\r\n --green:#1f4b3f;\r\n --dark:#17382f;\r\n --paper:#faf8f4;\r\n --orange:#d97706;\r\n --muted:#68736f;\r\n --border:#e4e1da;\r\n --shadow:0 10px 30px rgba(23,56,47,.10);\r\n color:var(--dark);\r\n background:var(--paper);\r\n border-radius:18px;\r\n overflow:hidden;\r\n margin:0 auto 30px;\r\n max-width:1180px;\r\n}\r\n.fu-ahaus *{box-sizing:border-box}\r\n.fu-ahaus a{color:var(--green)}\r\n.fu-ahaus .fu-hero{\r\n position:relative;\r\n background:#ddd;\r\n}\r\n.fu-ahaus .fu-hero img{\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n.fu-ahaus .fu-credit{\r\n padding:9px 16px;\r\n background:#f1efe9;\r\n color:#66706c;\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n.fu-ahaus .fu-credit a{\r\n color:var(--green);\r\n text-decoration:underline;\r\n}\r\n.fu-ahaus .fu-kicker{\r\n margin:28px 24px 8px;\r\n color:var(--orange);\r\n font-size:.9rem;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n.fu-ahaus h1{\r\n margin:0 24px 12px;\r\n color:var(--dark);\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.08;\r\n}\r\n.fu-ahaus .fu-lead{\r\n margin:0 24px 26px;\r\n max-width:900px;\r\n font-size:1.12rem;\r\n line-height:1.7;\r\n color:#3f4d48;\r\n}\r\n.fu-ahaus .fu-jump{\r\n margin:0 24px 28px;\r\n padding:18px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n}\r\n.fu-ahaus .fu-jump strong{\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--dark);\r\n}\r\n.fu-ahaus .fu-jump-links{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n.fu-ahaus .fu-jump-links a{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border-radius:999px;\r\n background:#eef3f0;\r\n color:var(--green);\r\n font-size:.92rem;\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n.fu-ahaus .fu-section{\r\n padding:0 24px 32px;\r\n}\r\n.fu-ahaus .fu-section h2{\r\n margin:0 0 14px;\r\n color:var(--green);\r\n font-size:1.55rem;\r\n}\r\n.fu-ahaus .fu-section p{\r\n margin:0 0 14px;\r\n line-height:1.7;\r\n}\r\n.fu-ahaus .fu-facts{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n padding:0 24px 34px;\r\n}\r\n.fu-ahaus .fu-fact{\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:var(--shadow);\r\n}\r\n.fu-ahaus .fu-fact i{\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n margin-bottom:10px;\r\n display:inline-block;\r\n}\r\n.fu-ahaus .fu-fact strong{\r\n display:block;\r\n margin-bottom:5px;\r\n color:var(--dark);\r\n}\r\n.fu-ahaus .fu-fact span{\r\n color:#5d6964;\r\n line-height:1.5;\r\n}\r\n.fu-ahaus .fu-note{\r\n margin-top:16px;\r\n padding:16px 18px;\r\n border-left:4px solid var(--orange);\r\n background:#fff7ed;\r\n border-radius:10px;\r\n}\r\n.fu-ahaus .fu-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n.fu-ahaus .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 15px;\r\n border-radius:10px;\r\n background:var(--green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n box-shadow:0 5px 14px rgba(23,56,47,.14);\r\n}\r\n.fu-ahaus .fu-btn:hover{\r\n background:var(--dark);\r\n}\r\n.fu-ahaus .fu-btn.alt{\r\n background:#fff;\r\n color:var(--green) !important;\r\n border:1px solid #cfd8d3;\r\n box-shadow:none;\r\n}\r\n.fu-ahaus .fu-btn.orange{\r\n background:var(--orange);\r\n}\r\n.fu-ahaus .fu-cards{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n.fu-ahaus .fu-card{\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:20px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n text-decoration:none !important;\r\n}\r\n.fu-ahaus .fu-card i{\r\n color:var(--orange);\r\n font-size:1.5rem;\r\n margin-bottom:12px;\r\n}\r\n.fu-ahaus .fu-card strong{\r\n margin-bottom:7px;\r\n color:var(--green);\r\n font-size:1.06rem;\r\n}\r\n.fu-ahaus .fu-card span{\r\n color:#5d6964;\r\n line-height:1.55;\r\n}\r\n.fu-ahaus .fu-small{\r\n color:var(--muted);\r\n font-size:.92rem;\r\n}\r\n@media (max-width:800px){\r\n .fu-ahaus .fu-facts,\r\n .fu-ahaus .fu-cards{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n@media (max-width:600px){\r\n .fu-ahaus .fu-kicker,\r\n .fu-ahaus h1,\r\n .fu-ahaus .fu-lead,\r\n .fu-ahaus .fu-jump,\r\n .fu-ahaus .fu-section,\r\n .fu-ahaus .fu-facts{\r\n margin-left:16px;\r\n margin-right:16px;\r\n }\r\n .fu-ahaus .fu-section,\r\n .fu-ahaus .fu-facts{\r\n padding-left:0;\r\n padding-right:0;\r\n }\r\n .fu-ahaus .fu-actions{\r\n flex-direction:column;\r\n }\r\n .fu-ahaus .fu-btn{\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 328 ===== */ @scope (.fu-article-328) { \r\n .fu-ahaus {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-soft: #e8f0ed;\r\n --fu-paper: #faf8f4;\r\n --fu-accent: #d97706;\r\n --fu-text: #26332f;\r\n --fu-muted: #68736f;\r\n --fu-border: #dfe6e2;\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n font-family: inherit;\r\n line-height: 1.65;\r\n }\r\n\r\n .fu-ahaus * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .fu-ahaus a {\r\n color: var(--fu-green);\r\n }\r\n\r\n .fu-ahaus img {\r\n max-width: 100%;\r\n height: auto;\r\n }\r\n\r\n /* HERO */\r\n .fu-ahaus .fu-hero {\r\n margin: 0 0 28px;\r\n background: #fff;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n box-shadow: 0 8px 28px rgba(23, 56, 47, .10);\r\n border: 1px solid var(--fu-border);\r\n }\r\n\r\n .fu-ahaus .fu-hero-image {\r\n position: relative;\r\n background: #e8f0ed;\r\n }\r\n\r\n .fu-ahaus .fu-hero-image img {\r\n display: block;\r\n width: 100%;\r\n max-height: 480px;\r\n object-fit: cover;\r\n }\r\n\r\n .fu-ahaus .fu-image-credit {\r\n padding: 8px 16px;\r\n background: #f1f4f2;\r\n color: var(--fu-muted);\r\n font-size: .78rem;\r\n line-height: 1.45;\r\n }\r\n\r\n .fu-ahaus .fu-image-credit a {\r\n color: var(--fu-green);\r\n text-decoration: underline;\r\n }\r\n\r\n .fu-ahaus .fu-hero-content {\r\n padding: 30px 32px 32px;\r\n }\r\n\r\n .fu-ahaus .fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 10px;\r\n color: var(--fu-accent);\r\n font-weight: 700;\r\n font-size: .88rem;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .fu-ahaus h1 {\r\n margin: 0 0 14px;\r\n color: var(--fu-dark);\r\n font-size: clamp(2rem, 4vw, 3.25rem);\r\n line-height: 1.12;\r\n font-weight: 800;\r\n }\r\n\r\n .fu-ahaus .fu-lead {\r\n max-width: 900px;\r\n margin: 0;\r\n font-size: 1.15rem;\r\n color: #46534e;\r\n }\r\n\r\n /* SPRUNGNAV */\r\n .fu-ahaus .fu-jumpbox {\r\n margin: 0 0 28px;\r\n padding: 18px;\r\n background: var(--fu-soft);\r\n border: 1px solid #d4e1dc;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-ahaus .fu-jump-title {\r\n margin: 0 0 10px;\r\n color: var(--fu-dark);\r\n font-weight: 800;\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-ahaus .fu-jumps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n }\r\n\r\n .fu-ahaus .fu-jumps a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n background: #fff;\r\n border: 1px solid #cbdad4;\r\n border-radius: 999px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n transition: all .2s ease;\r\n }\r\n\r\n .fu-ahaus .fu-jumps a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n }\r\n\r\n /* FACT CARDS */\r\n .fu-ahaus .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n margin-bottom: 34px;\r\n }\r\n\r\n .fu-ahaus .fu-fact {\r\n padding: 20px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n box-shadow: 0 5px 18px rgba(23, 56, 47, .07);\r\n }\r\n\r\n .fu-ahaus .fu-fact-icon {\r\n width: 42px;\r\n height: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 12px;\r\n border-radius: 12px;\r\n background: var(--fu-soft);\r\n color: var(--fu-green);\r\n font-size: 1.25rem;\r\n }\r\n\r\n .fu-ahaus .fu-fact strong {\r\n display: block;\r\n margin-bottom: 4px;\r\n color: var(--fu-dark);\r\n font-size: .88rem;\r\n }\r\n\r\n .fu-ahaus .fu-fact span {\r\n color: #4d5955;\r\n font-size: .95rem;\r\n }\r\n\r\n /* SECTIONS */\r\n .fu-ahaus .fu-section {\r\n margin-bottom: 30px;\r\n padding: 28px 30px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n box-shadow: 0 6px 22px rgba(23, 56, 47, .07);\r\n scroll-margin-top: 30px;\r\n }\r\n\r\n .fu-ahaus .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 16px;\r\n color: var(--fu-dark);\r\n font-size: clamp(1.4rem, 2.5vw, 1.85rem);\r\n line-height: 1.25;\r\n }\r\n\r\n .fu-ahaus .fu-section h2 i {\r\n color: var(--fu-accent);\r\n font-size: 1.2em;\r\n }\r\n\r\n .fu-ahaus .fu-section h3 {\r\n margin: 22px 0 9px;\r\n color: var(--fu-dark);\r\n font-size: 1.15rem;\r\n }\r\n\r\n .fu-ahaus .fu-section p:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n /* HIGHLIGHT */\r\n .fu-ahaus .fu-highlight {\r\n margin: 20px 0;\r\n padding: 20px 22px;\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 10px;\r\n }\r\n\r\n .fu-ahaus .fu-highlight strong {\r\n color: var(--fu-dark);\r\n }\r\n\r\n /* EXHIBITION */\r\n .fu-ahaus .fu-exhibition {\r\n padding: 22px;\r\n margin-top: 18px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n }\r\n\r\n .fu-ahaus .fu-exhibition.current {\r\n border: 2px solid var(--fu-accent);\r\n background: #fffaf3;\r\n }\r\n\r\n .fu-ahaus .fu-exhibition-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 9px;\r\n padding: 6px 11px;\r\n border-radius: 999px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n font-size: .8rem;\r\n font-weight: 800;\r\n }\r\n\r\n .fu-ahaus .fu-exhibition-label.next {\r\n background: var(--fu-accent);\r\n }\r\n\r\n .fu-ahaus .fu-exhibition h3 {\r\n margin: 4px 0 9px;\r\n color: var(--fu-dark);\r\n font-size: 1.35rem;\r\n }\r\n\r\n .fu-ahaus .fu-exhibition p {\r\n margin: 0 0 14px;\r\n }\r\n\r\n .fu-ahaus .fu-meta-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 10px 18px;\r\n margin-top: 16px;\r\n }\r\n\r\n .fu-ahaus .fu-meta {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 9px;\r\n padding: 11px 0;\r\n border-top: 1px solid var(--fu-border);\r\n }\r\n\r\n .fu-ahaus .fu-meta i {\r\n flex: 0 0 auto;\r\n color: var(--fu-accent);\r\n margin-top: 3px;\r\n }\r\n\r\n .fu-ahaus .fu-meta strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n font-size: .88rem;\r\n }\r\n\r\n .fu-ahaus .fu-meta span {\r\n font-size: .92rem;\r\n color: #52605b;\r\n }\r\n\r\n /* PROGRAMM */\r\n .fu-ahaus .fu-programm {\r\n display: grid;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-ahaus .fu-programm-item {\r\n display: grid;\r\n grid-template-columns: 145px 1fr;\r\n gap: 18px;\r\n padding: 15px 17px;\r\n background: var(--fu-paper);\r\n border-radius: 12px;\r\n border: 1px solid var(--fu-border);\r\n }\r\n\r\n .fu-ahaus .fu-programm-date {\r\n font-weight: 800;\r\n color: var(--fu-green);\r\n }\r\n\r\n .fu-ahaus .fu-programm-title {\r\n font-weight: 700;\r\n color: var(--fu-dark);\r\n }\r\n\r\n .fu-ahaus .fu-programm-note {\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n }\r\n\r\n /* BUTTONS */\r\n .fu-ahaus .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-ahaus .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-height: 44px;\r\n padding: 10px 15px;\r\n border-radius: 10px;\r\n border: 1px solid var(--fu-green);\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n font-size: .92rem;\r\n transition: all .2s ease;\r\n }\r\n\r\n .fu-ahaus .fu-btn:hover {\r\n background: var(--fu-dark);\r\n border-color: var(--fu-dark);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .fu-ahaus .fu-btn-outline {\r\n background: #fff;\r\n color: var(--fu-green) !important;\r\n }\r\n\r\n .fu-ahaus .fu-btn-outline:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-green) !important;\r\n }\r\n\r\n .fu-ahaus .fu-btn-orange {\r\n background: var(--fu-accent);\r\n border-color: var(--fu-accent);\r\n }\r\n\r\n .fu-ahaus .fu-btn-orange:hover {\r\n background: #b96100;\r\n border-color: #b96100;\r\n }\r\n\r\n /* ADDRESS */\r\n .fu-ahaus .fu-address {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n gap: 25px;\r\n align-items: center;\r\n padding: 23px;\r\n background: var(--fu-soft);\r\n border-radius: 15px;\r\n border: 1px solid #d3e0db;\r\n }\r\n\r\n .fu-ahaus .fu-address h3 {\r\n margin: 0 0 7px;\r\n color: var(--fu-dark);\r\n }\r\n\r\n .fu-ahaus .fu-address p {\r\n margin: 0;\r\n }\r\n\r\n .fu-ahaus .fu-route-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n justify-content: flex-end;\r\n }\r\n\r\n .fu-ahaus .fu-route-buttons a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 9px 11px;\r\n border-radius: 9px;\r\n background: #fff;\r\n border: 1px solid #c7d6d0;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-size: .84rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-ahaus .fu-route-buttons a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n }\r\n\r\n /* RELATED */\r\n .fu-ahaus .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-ahaus .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n padding: 19px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n text-decoration: none;\r\n color: var(--fu-text);\r\n box-shadow: 0 4px 14px rgba(23, 56, 47, .05);\r\n transition: all .2s ease;\r\n }\r\n\r\n .fu-ahaus .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(23, 56, 47, .10);\r\n border-color: #c6d7d0;\r\n }\r\n\r\n .fu-ahaus .fu-related-card i {\r\n margin-bottom: 10px;\r\n color: var(--fu-accent);\r\n font-size: 1.3rem;\r\n }\r\n\r\n .fu-ahaus .fu-related-card strong {\r\n margin-bottom: 5px;\r\n color: var(--fu-dark);\r\n }\r\n\r\n .fu-ahaus .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .88rem;\r\n }\r\n\r\n /* NOTE */\r\n .fu-ahaus .fu-stand {\r\n margin: 10px 0 0;\r\n color: var(--fu-muted);\r\n font-size: .82rem;\r\n text-align: right;\r\n }\r\n\r\n /* RESPONSIVE */\r\n @media (max-width: 900px) {\r\n .fu-ahaus .fu-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-ahaus .fu-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-ahaus .fu-address {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-ahaus .fu-route-buttons {\r\n justify-content: flex-start;\r\n }\r\n }\r\n\r\n @media (max-width: 650px) {\r\n .fu-ahaus .fu-hero-content {\r\n padding: 23px 20px 25px;\r\n }\r\n\r\n .fu-ahaus .fu-section {\r\n padding: 22px 19px;\r\n border-radius: 15px;\r\n }\r\n\r\n .fu-ahaus .fu-facts,\r\n .fu-ahaus .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-ahaus .fu-meta-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-ahaus .fu-programm-item {\r\n grid-template-columns: 1fr;\r\n gap: 4px;\r\n }\r\n\r\n .fu-ahaus .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-ahaus .fu-route-buttons a {\r\n flex: 1 1 calc(50% - 8px);\r\n justify-content: center;\r\n }\r\n\r\n .fu-ahaus .fu-hero-image img {\r\n max-height: 340px;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 329 ===== */ @scope (.fu-article-329) { \r\n.fu-ahaus{\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-ahaus *{box-sizing:border-box}\r\n\r\n.fu-ahaus a{\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ahaus a:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-ahaus .fu-hero{\r\n margin:0 0 28px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-hero-image{\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-ahaus .fu-hero-image img{\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-ahaus .fu-image-credit{\r\n padding:7px 14px;\r\n background:rgba(250,248,244,.96);\r\n color:var(--fu-muted);\r\n font-size:12px;\r\n line-height:1.45;\r\n}\r\n\r\n.fu-ahaus .fu-hero-content{\r\n padding:30px 30px 32px;\r\n}\r\n\r\n.fu-ahaus .fu-kicker{\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:14px;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-ahaus h1{\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:clamp(30px,5vw,48px);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-lead{\r\n max-width:900px;\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:19px;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-ahaus .fu-jump{\r\n margin:0 0 30px;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-ahaus .fu-jump-title{\r\n margin:0 0 10px;\r\n color:var(--fu-green-dark);\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-jump ul{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin:0;\r\n padding:0;\r\n list-style:none;\r\n}\r\n\r\n.fu-ahaus .fu-jump a{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 12px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n font-size:14px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-ahaus .fu-jump a:hover{\r\n background:var(--fu-green);\r\n color:var(--fu-white);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ahaus .fu-facts{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-ahaus .fu-fact{\r\n padding:20px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-fact i{\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--fu-orange);\r\n font-size:25px;\r\n}\r\n\r\n.fu-ahaus .fu-fact strong{\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n font-size:16px;\r\n}\r\n\r\n.fu-ahaus .fu-fact span{\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n}\r\n\r\n.fu-ahaus .fu-section{\r\n margin:0 0 38px;\r\n scroll-margin-top:30px;\r\n}\r\n\r\n.fu-ahaus .fu-section h2{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 15px;\r\n color:var(--fu-green-dark);\r\n font-size:28px;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-ahaus .fu-section h2 i{\r\n color:var(--fu-orange);\r\n font-size:25px;\r\n}\r\n\r\n.fu-ahaus .fu-section p{\r\n margin:0 0 14px;\r\n}\r\n\r\n.fu-ahaus .fu-highlight{\r\n margin:20px 0;\r\n padding:22px 24px;\r\n background:var(--fu-paper);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n}\r\n\r\n.fu-ahaus .fu-highlight strong{\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-ahaus .fu-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-ahaus .fu-card{\r\n height:100%;\r\n padding:22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-card h3{\r\n margin:0 0 9px;\r\n color:var(--fu-green-dark);\r\n font-size:20px;\r\n}\r\n\r\n.fu-ahaus .fu-card h3 i{\r\n margin-right:7px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-ahaus .fu-card p{\r\n margin:0;\r\n}\r\n\r\n.fu-ahaus .fu-card .fu-small{\r\n margin-top:10px;\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n}\r\n\r\n.fu-ahaus .fu-event{\r\n padding:24px;\r\n background:var(--fu-green-dark);\r\n color:var(--fu-white);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-event h3{\r\n margin:0 0 12px;\r\n color:var(--fu-white);\r\n font-size:23px;\r\n}\r\n\r\n.fu-ahaus .fu-event p{\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-ahaus .fu-event strong{\r\n color:#fff;\r\n}\r\n\r\n.fu-ahaus .fu-event-date{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:14px;\r\n padding:7px 11px;\r\n background:rgba(255,255,255,.12);\r\n border-radius:999px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-ahaus .fu-buttons{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-ahaus .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 15px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:var(--fu-white);\r\n font-weight:700;\r\n text-decoration:none;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-ahaus .fu-btn:hover{\r\n background:var(--fu-green-dark);\r\n color:var(--fu-white);\r\n text-decoration:none;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-ahaus .fu-btn-orange{\r\n background:var(--fu-orange);\r\n}\r\n\r\n.fu-ahaus .fu-btn-light{\r\n background:var(--fu-white);\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-ahaus .fu-btn-light:hover{\r\n background:var(--fu-paper);\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-ahaus .fu-route{\r\n padding:24px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-ahaus .fu-address{\r\n margin:0;\r\n font-size:18px;\r\n font-weight:700;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-ahaus .fu-contact{\r\n margin-top:12px;\r\n color:var(--fu-muted);\r\n}\r\n\r\n.fu-ahaus .fu-related{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-ahaus .fu-related a{\r\n display:block;\r\n height:100%;\r\n padding:19px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n box-shadow:var(--fu-shadow);\r\n font-weight:700;\r\n}\r\n\r\n.fu-ahaus .fu-related a:hover{\r\n background:var(--fu-paper);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ahaus .fu-related i{\r\n display:block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:22px;\r\n}\r\n\r\n.fu-ahaus .fu-note{\r\n margin-top:28px;\r\n padding-top:18px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:13px;\r\n}\r\n\r\n@media (max-width:900px){\r\n .fu-ahaus .fu-facts{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-ahaus .fu-related{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (max-width:640px){\r\n .fu-ahaus .fu-hero-content{\r\n padding:23px 20px 25px;\r\n }\r\n\r\n .fu-ahaus .fu-lead{\r\n font-size:17px;\r\n }\r\n\r\n .fu-ahaus .fu-facts,\r\n .fu-ahaus .fu-grid,\r\n .fu-ahaus .fu-related{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-ahaus .fu-jump{\r\n padding:16px;\r\n }\r\n\r\n .fu-ahaus .fu-section h2{\r\n font-size:24px;\r\n }\r\n\r\n .fu-ahaus .fu-buttons{\r\n flex-direction:column;\r\n }\r\n\r\n .fu-ahaus .fu-btn{\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 330 ===== */ @scope (.fu-article-330) { \r\n.fu-ahaus{\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-paper:#faf8f4;\r\n --fu-orange:#d97706;\r\n --fu-border:#e5e0d7;\r\n --fu-shadow:0 8px 24px rgba(23,56,47,.10);\r\n color:#26332f;\r\n line-height:1.65;\r\n font-size:1rem;\r\n}\r\n\r\n.fu-ahaus *{box-sizing:border-box}\r\n\r\n.fu-ahaus a{\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ahaus a:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-ahaus .fu-hero{\r\n margin:0 0 1.5rem;\r\n background:#fff;\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:var(--fu-shadow);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-ahaus .fu-hero img{\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-ahaus .fu-credit{\r\n padding:.55rem 1rem;\r\n background:#f3f0ea;\r\n color:#5d665f;\r\n font-size:.82rem;\r\n}\r\n\r\n.fu-ahaus .fu-credit a{\r\n color:#4d5c55;\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-ahaus .fu-kicker{\r\n margin:1.5rem 0 .4rem;\r\n color:var(--fu-orange);\r\n font-weight:800;\r\n text-transform:uppercase;\r\n letter-spacing:.07em;\r\n font-size:.88rem;\r\n}\r\n\r\n.fu-ahaus h1{\r\n color:var(--fu-dark);\r\n font-size:clamp(2rem,5vw,3.5rem);\r\n line-height:1.08;\r\n margin:.2rem 0 1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-lead{\r\n font-size:1.18rem;\r\n line-height:1.7;\r\n max-width:900px;\r\n margin:0 0 1.5rem;\r\n}\r\n\r\n.fu-ahaus .fu-jumpbox{\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-green);\r\n border-radius:14px;\r\n padding:1rem 1.15rem;\r\n margin:1.5rem 0 2rem;\r\n}\r\n\r\n.fu-ahaus .fu-jumpbox strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:.45rem;\r\n}\r\n\r\n.fu-ahaus .fu-jumpbox ul{\r\n margin:0;\r\n padding-left:1.2rem;\r\n}\r\n\r\n.fu-ahaus .fu-jumpbox li{\r\n margin:.25rem 0;\r\n}\r\n\r\n.fu-ahaus .fu-section{\r\n margin:2.5rem 0;\r\n}\r\n\r\n.fu-ahaus .fu-section h2{\r\n color:var(--fu-dark);\r\n font-size:clamp(1.55rem,3vw,2.25rem);\r\n line-height:1.2;\r\n margin:0 0 1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-section h3{\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n margin:0 0 .55rem;\r\n}\r\n\r\n.fu-ahaus .fu-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,minmax(0,1fr));\r\n gap:1rem;\r\n}\r\n\r\n.fu-ahaus .fu-fact{\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:1.15rem;\r\n box-shadow:0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-ahaus .fu-fact .bi{\r\n color:var(--fu-green);\r\n font-size:1.45rem;\r\n margin-right:.35rem;\r\n}\r\n\r\n.fu-ahaus .fu-fact strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-top:.45rem;\r\n}\r\n\r\n.fu-ahaus .fu-cardgrid{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:1rem;\r\n}\r\n\r\n.fu-ahaus .fu-card{\r\n display:block;\r\n height:100%;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.25rem;\r\n box-shadow:0 6px 20px rgba(23,56,47,.07);\r\n transition:transform .15s ease,box-shadow .15s ease;\r\n}\r\n\r\n.fu-ahaus .fu-card:hover{\r\n text-decoration:none;\r\n transform:translateY(-2px);\r\n box-shadow:0 10px 26px rgba(23,56,47,.12);\r\n}\r\n\r\n.fu-ahaus .fu-card .bi{\r\n color:var(--fu-green);\r\n font-size:1.55rem;\r\n margin-bottom:.55rem;\r\n}\r\n\r\n.fu-ahaus .fu-card h3{\r\n margin:.15rem 0 .45rem;\r\n}\r\n\r\n.fu-ahaus .fu-card p{\r\n margin:0;\r\n color:#4b5751;\r\n}\r\n\r\n.fu-ahaus .fu-highlight{\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:1.5rem;\r\n margin:1.5rem 0;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-highlight h2,\r\n.fu-ahaus .fu-highlight h3{\r\n color:#fff;\r\n}\r\n\r\n.fu-ahaus .fu-highlight a{\r\n color:#fff;\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-ahaus .fu-highlight .bi{\r\n color:#fff;\r\n margin-right:.35rem;\r\n}\r\n\r\n.fu-ahaus .fu-note{\r\n background:#fff7ed;\r\n border:1px solid #fed7aa;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:1rem 1.15rem;\r\n margin:1.25rem 0;\r\n}\r\n\r\n.fu-ahaus .fu-note strong{\r\n color:#8a4b08;\r\n}\r\n\r\n.fu-ahaus .fu-info{\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.3rem;\r\n margin:1rem 0;\r\n}\r\n\r\n.fu-ahaus .fu-info p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-ahaus .fu-address{\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.35rem;\r\n box-shadow:0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-ahaus .fu-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:.65rem;\r\n margin-top:1rem;\r\n}\r\n\r\n.fu-ahaus .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:.4rem;\r\n border-radius:10px;\r\n padding:.72rem 1rem;\r\n font-weight:700;\r\n text-decoration:none !important;\r\n transition:.15s ease;\r\n}\r\n\r\n.fu-ahaus .fu-btn-green{\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-ahaus .fu-btn-green:hover{\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-ahaus .fu-btn-outline{\r\n border:1px solid var(--fu-green);\r\n color:var(--fu-green) !important;\r\n background:#fff;\r\n}\r\n\r\n.fu-ahaus .fu-btn-outline:hover{\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-ahaus .fu-btn-orange{\r\n background:var(--fu-orange);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-ahaus .fu-btn-orange:hover{\r\n background:#b45309;\r\n}\r\n\r\n.fu-ahaus .fu-related{\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:1rem;\r\n}\r\n\r\n.fu-ahaus .fu-related a{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:.8rem;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:1rem;\r\n box-shadow:0 5px 18px rgba(23,56,47,.06);\r\n color:var(--fu-dark);\r\n font-weight:700;\r\n}\r\n\r\n.fu-ahaus .fu-related a:hover{\r\n text-decoration:none;\r\n box-shadow:0 8px 22px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-ahaus .fu-related .bi{\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-ahaus .fu-small{\r\n font-size:.9rem;\r\n color:#65716b;\r\n}\r\n\r\n@media (max-width:900px){\r\n .fu-ahaus .fu-grid{\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-ahaus .fu-cardgrid{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:600px){\r\n .fu-ahaus .fu-grid,\r\n .fu-ahaus .fu-related{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-ahaus .fu-hero img{\r\n max-height:none;\r\n }\r\n\r\n .fu-ahaus .fu-actions{\r\n flex-direction:column;\r\n }\r\n\r\n .fu-ahaus .fu-btn{\r\n width:100%;\r\n }\r\n\r\n .fu-ahaus .fu-lead{\r\n font-size:1.08rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 331 ===== */ @scope (.fu-article-331) { \r\n.fu-ahaus{\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-ahaus *{box-sizing:border-box}\r\n\r\n.fu-ahaus a{\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ahaus a:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-ahaus .fu-hero{\r\n margin:0 0 28px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-hero-image{\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-ahaus .fu-hero-image img{\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-ahaus .fu-image-credit{\r\n padding:7px 14px;\r\n background:rgba(250,248,244,.96);\r\n color:var(--fu-muted);\r\n font-size:12px;\r\n line-height:1.45;\r\n}\r\n\r\n.fu-ahaus .fu-hero-content{\r\n padding:30px 30px 32px;\r\n}\r\n\r\n.fu-ahaus .fu-kicker{\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:14px;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-ahaus h1{\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:clamp(30px,5vw,48px);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-lead{\r\n max-width:900px;\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:19px;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-ahaus .fu-jump{\r\n margin:0 0 30px;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-ahaus .fu-jump-title{\r\n margin:0 0 10px;\r\n color:var(--fu-green-dark);\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-jump ul{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin:0;\r\n padding:0;\r\n list-style:none;\r\n}\r\n\r\n.fu-ahaus .fu-jump a{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 12px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n font-size:14px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-ahaus .fu-jump a:hover{\r\n background:var(--fu-green);\r\n color:var(--fu-white);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ahaus .fu-facts{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-ahaus .fu-fact{\r\n padding:20px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-fact i{\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--fu-orange);\r\n font-size:25px;\r\n}\r\n\r\n.fu-ahaus .fu-fact strong{\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n font-size:16px;\r\n}\r\n\r\n.fu-ahaus .fu-fact span{\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n}\r\n\r\n.fu-ahaus .fu-section{\r\n margin:0 0 38px;\r\n scroll-margin-top:30px;\r\n}\r\n\r\n.fu-ahaus .fu-section h2{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 15px;\r\n color:var(--fu-green-dark);\r\n font-size:28px;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-ahaus .fu-section h2 i{\r\n color:var(--fu-orange);\r\n font-size:25px;\r\n}\r\n\r\n.fu-ahaus .fu-section p{\r\n margin:0 0 14px;\r\n}\r\n\r\n.fu-ahaus .fu-highlight{\r\n margin:20px 0;\r\n padding:22px 24px;\r\n background:var(--fu-paper);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n}\r\n\r\n.fu-ahaus .fu-highlight strong{\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-ahaus .fu-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-ahaus .fu-card{\r\n height:100%;\r\n padding:22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-card h3{\r\n margin:0 0 9px;\r\n color:var(--fu-green-dark);\r\n font-size:20px;\r\n}\r\n\r\n.fu-ahaus .fu-card h3 i{\r\n margin-right:7px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-ahaus .fu-card p{\r\n margin:0;\r\n}\r\n\r\n.fu-ahaus .fu-buttons{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-ahaus .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 15px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:var(--fu-white);\r\n font-weight:700;\r\n text-decoration:none;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-ahaus .fu-btn:hover{\r\n background:var(--fu-green-dark);\r\n color:var(--fu-white);\r\n text-decoration:none;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-ahaus .fu-btn-orange{\r\n background:var(--fu-orange);\r\n}\r\n\r\n.fu-ahaus .fu-route{\r\n padding:24px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-ahaus .fu-address{\r\n margin:0;\r\n font-size:18px;\r\n font-weight:700;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-ahaus .fu-related{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-ahaus .fu-related a{\r\n display:block;\r\n height:100%;\r\n padding:19px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n box-shadow:var(--fu-shadow);\r\n font-weight:700;\r\n}\r\n\r\n.fu-ahaus .fu-related a:hover{\r\n background:var(--fu-paper);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ahaus .fu-related i{\r\n display:block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:22px;\r\n}\r\n\r\n.fu-ahaus .fu-note{\r\n margin-top:28px;\r\n padding-top:18px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:13px;\r\n}\r\n\r\n@media (max-width:900px){\r\n .fu-ahaus .fu-facts{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-ahaus .fu-related{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (max-width:640px){\r\n .fu-ahaus .fu-hero-content{\r\n padding:23px 20px 25px;\r\n }\r\n\r\n .fu-ahaus .fu-lead{\r\n font-size:17px;\r\n }\r\n\r\n .fu-ahaus .fu-facts,\r\n .fu-ahaus .fu-grid,\r\n .fu-ahaus .fu-related{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-ahaus .fu-jump{\r\n padding:16px;\r\n }\r\n\r\n .fu-ahaus .fu-section h2{\r\n font-size:24px;\r\n }\r\n\r\n .fu-ahaus .fu-buttons{\r\n flex-direction:column;\r\n }\r\n\r\n .fu-ahaus .fu-btn{\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 332 ===== */ @scope (.fu-article-332) { \r\n:root{\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-border:#dfe7e2;\r\n --fu-soft:#eef4f0;\r\n --fu-text:#26332e;\r\n --fu-muted:#68756f;\r\n --fu-shadow:0 8px 28px rgba(22,57,47,.08);\r\n --fu-radius:18px;\r\n}\r\n\r\n.fu-page{\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:24px 18px 50px;\r\n color:var(--fu-text);\r\n line-height:1.65;\r\n}\r\n\r\n.fu-page *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-hero{\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:24px;\r\n padding:34px 30px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-hero h1{\r\n margin:0 0 12px;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.12;\r\n color:#fff;\r\n}\r\n\r\n.fu-hero p{\r\n margin:0;\r\n font-size:1.06rem;\r\n max-width:900px;\r\n opacity:.97;\r\n}\r\n\r\n.fu-badges{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.2);\r\n color:#fff;\r\n border-radius:999px;\r\n padding:8px 13px;\r\n font-size:.94rem;\r\n}\r\n\r\n.fu-box{\r\n background:var(--fu-card);\r\n border:1px solid var(--fu-border);\r\n border-radius:var(--fu-radius);\r\n padding:24px;\r\n margin-bottom:24px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-box h2,\r\n.fu-box h3{\r\n color:var(--fu-dark);\r\n margin-top:0;\r\n}\r\n\r\n.fu-box h2{\r\n font-size:1.7rem;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-box h3{\r\n font-size:1.3rem;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-jump{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-jump a{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n text-decoration:none;\r\n color:var(--fu-green);\r\n background:var(--fu-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n padding:9px 13px;\r\n font-weight:600;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jump a:hover{\r\n background:#e4eee8;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-buttons{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n text-decoration:none;\r\n border-radius:12px;\r\n padding:11px 16px;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-btn-primary{\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-btn-primary:hover{\r\n background:var(--fu-dark);\r\n color:#fff;\r\n}\r\n\r\n.fu-btn-secondary{\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-btn-secondary:hover{\r\n background:var(--fu-soft);\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-info-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:14px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-info{\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:16px;\r\n}\r\n\r\n.fu-info strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:4px;\r\n}\r\n\r\n.fu-tour{\r\n scroll-margin-top:110px;\r\n}\r\n\r\n.fu-tour-head{\r\n display:flex;\r\n flex-wrap:wrap;\r\n align-items:flex-start;\r\n justify-content:space-between;\r\n gap:18px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-tour-title{\r\n flex:1 1 500px;\r\n}\r\n\r\n.fu-tour-title h2{\r\n margin-bottom:8px;\r\n}\r\n\r\n.fu-tour-title p{\r\n margin:0;\r\n color:var(--fu-muted);\r\n}\r\n\r\n.fu-route-meta{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin-top:12px;\r\n}\r\n\r\n.fu-meta{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n background:var(--fu-soft);\r\n color:var(--fu-dark);\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n padding:7px 11px;\r\n font-size:.9rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-works{\r\n margin:20px 0 0;\r\n padding:0;\r\n list-style:none;\r\n}\r\n\r\n.fu-work{\r\n display:grid;\r\n grid-template-columns:48px 1fr;\r\n gap:14px;\r\n padding:14px 0;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-work:first-child{\r\n border-top:0;\r\n padding-top:0;\r\n}\r\n\r\n.fu-num{\r\n width:38px;\r\n height:38px;\r\n border-radius:50%;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:var(--fu-green);\r\n color:#fff;\r\n font-weight:800;\r\n}\r\n\r\n.fu-work strong{\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-work small{\r\n display:block;\r\n color:var(--fu-muted);\r\n margin-top:3px;\r\n}\r\n\r\n.fu-highlight{\r\n background:var(--fu-paper);\r\n border-left:4px solid var(--fu-green);\r\n padding:14px 16px;\r\n border-radius:0 12px 12px 0;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-note{\r\n background:#f6f3ea;\r\n border:1px solid #e8dfc9;\r\n border-radius:14px;\r\n padding:17px 18px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-source{\r\n color:var(--fu-muted);\r\n font-size:.93rem;\r\n}\r\n\r\n.fu-top{\r\n text-align:right;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-top a{\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-related{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-related a{\r\n display:block;\r\n text-decoration:none;\r\n background:var(--fu-card);\r\n color:var(--fu-text);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:17px;\r\n box-shadow:0 4px 15px rgba(22,57,47,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-related a:hover{\r\n transform:translateY(-2px);\r\n border-color:#c9d8d0;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-related i{\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-right:8px;\r\n}\r\n\r\n.fu-related strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-top:5px;\r\n}\r\n\r\n@media (max-width:900px){\r\n .fu-info-grid,\r\n .fu-related{\r\n grid-template-columns:1fr 1fr;\r\n }\r\n}\r\n\r\n@media (max-width:640px){\r\n .fu-page{\r\n padding:16px 12px 40px;\r\n }\r\n\r\n .fu-hero,\r\n .fu-box{\r\n padding:20px 17px;\r\n border-radius:16px;\r\n }\r\n\r\n .fu-info-grid,\r\n .fu-related{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-work{\r\n grid-template-columns:40px 1fr;\r\n gap:11px;\r\n }\r\n\r\n .fu-num{\r\n width:34px;\r\n height:34px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 333 ===== */ @scope (.fu-article-333) { \r\n.fu-ahaus{\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-paper:#faf8f4;\r\n --fu-orange:#d97706;\r\n --fu-border:#e5e0d7;\r\n --fu-shadow:0 8px 24px rgba(23,56,47,.10);\r\n color:#26332f;\r\n line-height:1.65;\r\n font-size:1rem;\r\n}\r\n\r\n.fu-ahaus *{box-sizing:border-box}\r\n\r\n.fu-ahaus a{\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ahaus a:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-ahaus .fu-hero{\r\n margin:0 0 1.5rem;\r\n background:#fff;\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:var(--fu-shadow);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-ahaus .fu-hero img{\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-ahaus .fu-credit{\r\n padding:.55rem 1rem;\r\n background:#f3f0ea;\r\n color:#5d665f;\r\n font-size:.82rem;\r\n}\r\n\r\n.fu-ahaus .fu-credit a{\r\n color:#4d5c55;\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-ahaus .fu-kicker{\r\n margin:1.5rem 0 .4rem;\r\n color:var(--fu-orange);\r\n font-weight:800;\r\n text-transform:uppercase;\r\n letter-spacing:.07em;\r\n font-size:.88rem;\r\n}\r\n\r\n.fu-ahaus h1{\r\n color:var(--fu-dark);\r\n font-size:clamp(2rem,5vw,3.5rem);\r\n line-height:1.08;\r\n margin:.2rem 0 1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-lead{\r\n font-size:1.18rem;\r\n line-height:1.7;\r\n max-width:900px;\r\n margin:0 0 1.5rem;\r\n}\r\n\r\n.fu-ahaus .fu-jumpbox{\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-green);\r\n border-radius:14px;\r\n padding:1rem 1.15rem;\r\n margin:1.5rem 0 2rem;\r\n}\r\n\r\n.fu-ahaus .fu-jumpbox strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:.45rem;\r\n}\r\n\r\n.fu-ahaus .fu-jumpbox ul{\r\n margin:0;\r\n padding-left:1.2rem;\r\n}\r\n\r\n.fu-ahaus .fu-jumpbox li{\r\n margin:.25rem 0;\r\n}\r\n\r\n.fu-ahaus .fu-section{\r\n margin:2.5rem 0;\r\n}\r\n\r\n.fu-ahaus .fu-section h2{\r\n color:var(--fu-dark);\r\n font-size:clamp(1.55rem,3vw,2.25rem);\r\n line-height:1.2;\r\n margin:0 0 1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-section h3{\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n margin:0 0 .55rem;\r\n}\r\n\r\n.fu-ahaus .fu-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,minmax(0,1fr));\r\n gap:1rem;\r\n}\r\n\r\n.fu-ahaus .fu-fact{\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:1.15rem;\r\n box-shadow:0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-ahaus .fu-fact .bi{\r\n color:var(--fu-green);\r\n font-size:1.45rem;\r\n margin-right:.35rem;\r\n}\r\n\r\n.fu-ahaus .fu-fact strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-top:.45rem;\r\n}\r\n\r\n.fu-ahaus .fu-cardgrid{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:1rem;\r\n}\r\n\r\n.fu-ahaus .fu-card{\r\n display:block;\r\n height:100%;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.25rem;\r\n box-shadow:0 6px 20px rgba(23,56,47,.07);\r\n transition:transform .15s ease,box-shadow .15s ease;\r\n}\r\n\r\n.fu-ahaus .fu-card:hover{\r\n text-decoration:none;\r\n transform:translateY(-2px);\r\n box-shadow:0 10px 26px rgba(23,56,47,.12);\r\n}\r\n\r\n.fu-ahaus .fu-card .bi{\r\n color:var(--fu-green);\r\n font-size:1.55rem;\r\n margin-bottom:.55rem;\r\n}\r\n\r\n.fu-ahaus .fu-card h3{\r\n margin:.15rem 0 .45rem;\r\n}\r\n\r\n.fu-ahaus .fu-card p{\r\n margin:0;\r\n color:#4b5751;\r\n}\r\n\r\n.fu-ahaus .fu-highlight{\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:1.5rem;\r\n margin:1.5rem 0;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-highlight h2,\r\n.fu-ahaus .fu-highlight h3{\r\n color:#fff;\r\n}\r\n\r\n.fu-ahaus .fu-highlight a{\r\n color:#fff;\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-ahaus .fu-highlight .bi{\r\n color:#fff;\r\n margin-right:.35rem;\r\n}\r\n\r\n.fu-ahaus .fu-note{\r\n background:#fff7ed;\r\n border:1px solid #fed7aa;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:1rem 1.15rem;\r\n margin:1.25rem 0;\r\n}\r\n\r\n.fu-ahaus .fu-note strong{\r\n color:#8a4b08;\r\n}\r\n\r\n.fu-ahaus .fu-info{\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.3rem;\r\n margin:1rem 0;\r\n}\r\n\r\n.fu-ahaus .fu-info p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-ahaus .fu-address{\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:1.35rem;\r\n box-shadow:0 5px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-ahaus .fu-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:.65rem;\r\n margin-top:1rem;\r\n}\r\n\r\n.fu-ahaus .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:.4rem;\r\n border-radius:10px;\r\n padding:.72rem 1rem;\r\n font-weight:700;\r\n text-decoration:none !important;\r\n transition:.15s ease;\r\n}\r\n\r\n.fu-ahaus .fu-btn-green{\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-ahaus .fu-btn-green:hover{\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-ahaus .fu-btn-outline{\r\n border:1px solid var(--fu-green);\r\n color:var(--fu-green) !important;\r\n background:#fff;\r\n}\r\n\r\n.fu-ahaus .fu-btn-outline:hover{\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-ahaus .fu-btn-orange{\r\n background:var(--fu-orange);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-ahaus .fu-btn-orange:hover{\r\n background:#b45309;\r\n}\r\n\r\n.fu-ahaus .fu-related{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:1rem;\r\n}\r\n\r\n.fu-ahaus .fu-related a{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:.8rem;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:1rem;\r\n box-shadow:0 5px 18px rgba(23,56,47,.06);\r\n color:var(--fu-dark);\r\n font-weight:700;\r\n}\r\n\r\n.fu-ahaus .fu-related a:hover{\r\n text-decoration:none;\r\n box-shadow:0 8px 22px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-ahaus .fu-related .bi{\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-ahaus .fu-small{\r\n font-size:.9rem;\r\n color:#65716b;\r\n}\r\n\r\n@media (max-width:900px){\r\n .fu-ahaus .fu-grid{\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-ahaus .fu-cardgrid,\r\n .fu-ahaus .fu-related{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:600px){\r\n .fu-ahaus .fu-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-ahaus .fu-hero img{\r\n max-height:none;\r\n }\r\n\r\n .fu-ahaus .fu-actions{\r\n flex-direction:column;\r\n }\r\n\r\n .fu-ahaus .fu-btn{\r\n width:100%;\r\n }\r\n\r\n .fu-ahaus .fu-lead{\r\n font-size:1.08rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 334 ===== */ @scope (.fu-article-334) { \r\n.fu-ahaus{\r\n --green:#1f4b3f;\r\n --dark:#17382f;\r\n --paper:#faf8f4;\r\n --orange:#d97706;\r\n --muted:#68736f;\r\n --border:#e4e1da;\r\n --shadow:0 10px 30px rgba(23,56,47,.10);\r\n color:var(--dark);\r\n background:var(--paper);\r\n border-radius:18px;\r\n overflow:hidden;\r\n margin:0 auto 30px;\r\n max-width:1180px;\r\n}\r\n.fu-ahaus *{box-sizing:border-box}\r\n.fu-ahaus a{color:var(--green)}\r\n.fu-ahaus .fu-hero{\r\n position:relative;\r\n background:#ddd;\r\n}\r\n.fu-ahaus .fu-hero img{\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n.fu-ahaus .fu-credit{\r\n padding:9px 16px;\r\n background:#f1efe9;\r\n color:#66706c;\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n.fu-ahaus .fu-credit a{\r\n color:var(--green);\r\n text-decoration:underline;\r\n}\r\n.fu-ahaus .fu-kicker{\r\n margin:28px 24px 8px;\r\n color:var(--orange);\r\n font-size:.9rem;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n.fu-ahaus h1{\r\n margin:0 24px 12px;\r\n color:var(--dark);\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.08;\r\n}\r\n.fu-ahaus .fu-lead{\r\n margin:0 24px 26px;\r\n max-width:900px;\r\n font-size:1.12rem;\r\n line-height:1.7;\r\n color:#3f4d48;\r\n}\r\n.fu-ahaus .fu-jump{\r\n margin:0 24px 28px;\r\n padding:18px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n}\r\n.fu-ahaus .fu-jump strong{\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--dark);\r\n}\r\n.fu-ahaus .fu-jump-links{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n.fu-ahaus .fu-jump-links a{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border-radius:999px;\r\n background:#eef3f0;\r\n color:var(--green);\r\n font-size:.92rem;\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n.fu-ahaus .fu-section{\r\n padding:0 24px 32px;\r\n}\r\n.fu-ahaus .fu-section h2{\r\n margin:0 0 14px;\r\n color:var(--green);\r\n font-size:1.55rem;\r\n}\r\n.fu-ahaus .fu-section p{\r\n margin:0 0 14px;\r\n line-height:1.7;\r\n}\r\n.fu-ahaus .fu-facts{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n padding:0 24px 34px;\r\n}\r\n.fu-ahaus .fu-fact{\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:var(--shadow);\r\n}\r\n.fu-ahaus .fu-fact i{\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n margin-bottom:10px;\r\n display:inline-block;\r\n}\r\n.fu-ahaus .fu-fact strong{\r\n display:block;\r\n margin-bottom:5px;\r\n color:var(--dark);\r\n}\r\n.fu-ahaus .fu-fact span{\r\n color:#5d6964;\r\n line-height:1.5;\r\n}\r\n.fu-ahaus .fu-note{\r\n margin-top:16px;\r\n padding:16px 18px;\r\n border-left:4px solid var(--orange);\r\n background:#fff7ed;\r\n border-radius:10px;\r\n}\r\n.fu-ahaus .fu-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n.fu-ahaus .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 15px;\r\n border-radius:10px;\r\n background:var(--green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n box-shadow:0 5px 14px rgba(23,56,47,.14);\r\n}\r\n.fu-ahaus .fu-btn:hover{\r\n background:var(--dark);\r\n}\r\n.fu-ahaus .fu-btn.alt{\r\n background:#fff;\r\n color:var(--green) !important;\r\n border:1px solid #cfd8d3;\r\n box-shadow:none;\r\n}\r\n.fu-ahaus .fu-btn.orange{\r\n background:var(--orange);\r\n}\r\n.fu-ahaus .fu-cards{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n.fu-ahaus .fu-card{\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:20px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n text-decoration:none !important;\r\n}\r\n.fu-ahaus .fu-card i{\r\n color:var(--orange);\r\n font-size:1.5rem;\r\n margin-bottom:12px;\r\n}\r\n.fu-ahaus .fu-card strong{\r\n margin-bottom:7px;\r\n color:var(--green);\r\n font-size:1.06rem;\r\n}\r\n.fu-ahaus .fu-card span{\r\n color:#5d6964;\r\n line-height:1.55;\r\n}\r\n.fu-ahaus .fu-small{\r\n color:var(--muted);\r\n font-size:.92rem;\r\n}\r\n@media (max-width:800px){\r\n .fu-ahaus .fu-facts,\r\n .fu-ahaus .fu-cards{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n@media (max-width:600px){\r\n .fu-ahaus .fu-kicker,\r\n .fu-ahaus h1,\r\n .fu-ahaus .fu-lead,\r\n .fu-ahaus .fu-jump,\r\n .fu-ahaus .fu-section,\r\n .fu-ahaus .fu-facts{\r\n margin-left:16px;\r\n margin-right:16px;\r\n }\r\n .fu-ahaus .fu-section,\r\n .fu-ahaus .fu-facts{\r\n padding-left:0;\r\n padding-right:0;\r\n }\r\n .fu-ahaus .fu-actions{\r\n flex-direction:column;\r\n }\r\n .fu-ahaus .fu-btn{\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 335 ===== */ @scope (.fu-article-335) { \r\n.fu-ahaus{\r\n --green:#1f4b3f;\r\n --dark:#17382f;\r\n --paper:#faf8f4;\r\n --orange:#d97706;\r\n --muted:#68736f;\r\n --border:#e4e1da;\r\n --shadow:0 10px 30px rgba(23,56,47,.10);\r\n color:var(--dark);\r\n background:var(--paper);\r\n border-radius:18px;\r\n overflow:hidden;\r\n margin:0 auto 30px;\r\n max-width:1180px;\r\n}\r\n.fu-ahaus *{box-sizing:border-box}\r\n.fu-ahaus a{color:var(--green)}\r\n.fu-ahaus .fu-hero{\r\n position:relative;\r\n background:#ddd;\r\n}\r\n.fu-ahaus .fu-hero img{\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n.fu-ahaus .fu-credit{\r\n padding:9px 16px;\r\n background:#f1efe9;\r\n color:#66706c;\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n.fu-ahaus .fu-credit a{\r\n color:var(--green);\r\n text-decoration:underline;\r\n}\r\n.fu-ahaus .fu-kicker{\r\n margin:28px 24px 8px;\r\n color:var(--orange);\r\n font-size:.9rem;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n.fu-ahaus h1{\r\n margin:0 24px 12px;\r\n color:var(--dark);\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.08;\r\n}\r\n.fu-ahaus .fu-lead{\r\n margin:0 24px 26px;\r\n max-width:900px;\r\n font-size:1.12rem;\r\n line-height:1.7;\r\n color:#3f4d48;\r\n}\r\n.fu-ahaus .fu-jump{\r\n margin:0 24px 28px;\r\n padding:18px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n}\r\n.fu-ahaus .fu-jump strong{\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--dark);\r\n}\r\n.fu-ahaus .fu-jump-links{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n.fu-ahaus .fu-jump-links a{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border-radius:999px;\r\n background:#eef3f0;\r\n color:var(--green);\r\n font-size:.92rem;\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n.fu-ahaus .fu-section{\r\n padding:0 24px 32px;\r\n}\r\n.fu-ahaus .fu-section h2{\r\n margin:0 0 14px;\r\n color:var(--green);\r\n font-size:1.55rem;\r\n}\r\n.fu-ahaus .fu-section p{\r\n margin:0 0 14px;\r\n line-height:1.7;\r\n}\r\n.fu-ahaus .fu-facts{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n padding:0 24px 34px;\r\n}\r\n.fu-ahaus .fu-fact{\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:var(--shadow);\r\n}\r\n.fu-ahaus .fu-fact i{\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n margin-bottom:10px;\r\n display:inline-block;\r\n}\r\n.fu-ahaus .fu-fact strong{\r\n display:block;\r\n margin-bottom:5px;\r\n color:var(--dark);\r\n}\r\n.fu-ahaus .fu-fact span{\r\n color:#5d6964;\r\n line-height:1.5;\r\n}\r\n.fu-ahaus .fu-highlight{\r\n margin:0 24px 34px;\r\n padding:22px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n}\r\n.fu-ahaus .fu-highlight-top{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:14px;\r\n}\r\n.fu-ahaus .fu-highlight-icon{\r\n flex:0 0 auto;\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#fff1df;\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n}\r\n.fu-ahaus .fu-highlight h3{\r\n margin:0 0 6px;\r\n color:var(--green);\r\n font-size:1.2rem;\r\n}\r\n.fu-ahaus .fu-highlight p{\r\n margin:0;\r\n line-height:1.65;\r\n}\r\n.fu-ahaus .fu-highlight .fu-small{\r\n margin-top:10px;\r\n}\r\n.fu-ahaus .fu-note{\r\n margin-top:16px;\r\n padding:16px 18px;\r\n border-left:4px solid var(--orange);\r\n background:#fff7ed;\r\n border-radius:10px;\r\n}\r\n.fu-ahaus .fu-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n.fu-ahaus .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 15px;\r\n border-radius:10px;\r\n background:var(--green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n box-shadow:0 5px 14px rgba(23,56,47,.14);\r\n}\r\n.fu-ahaus .fu-btn:hover{\r\n background:var(--dark);\r\n}\r\n.fu-ahaus .fu-btn.alt{\r\n background:#fff;\r\n color:var(--green) !important;\r\n border:1px solid #cfd8d3;\r\n box-shadow:none;\r\n}\r\n.fu-ahaus .fu-btn.orange{\r\n background:var(--orange);\r\n}\r\n.fu-ahaus .fu-cards{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n.fu-ahaus .fu-card{\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:20px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n text-decoration:none !important;\r\n}\r\n.fu-ahaus .fu-card i{\r\n color:var(--orange);\r\n font-size:1.5rem;\r\n margin-bottom:12px;\r\n}\r\n.fu-ahaus .fu-card strong{\r\n margin-bottom:7px;\r\n color:var(--green);\r\n font-size:1.06rem;\r\n}\r\n.fu-ahaus .fu-card span{\r\n color:#5d6964;\r\n line-height:1.55;\r\n}\r\n.fu-ahaus .fu-small{\r\n color:var(--muted);\r\n font-size:.92rem;\r\n}\r\n@media (max-width:800px){\r\n .fu-ahaus .fu-facts,\r\n .fu-ahaus .fu-cards{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n@media (max-width:600px){\r\n .fu-ahaus .fu-kicker,\r\n .fu-ahaus h1,\r\n .fu-ahaus .fu-lead,\r\n .fu-ahaus .fu-jump,\r\n .fu-ahaus .fu-section,\r\n .fu-ahaus .fu-facts,\r\n .fu-ahaus .fu-highlight{\r\n margin-left:16px;\r\n margin-right:16px;\r\n }\r\n .fu-ahaus .fu-section,\r\n .fu-ahaus .fu-facts{\r\n padding-left:0;\r\n padding-right:0;\r\n }\r\n .fu-ahaus .fu-actions{\r\n flex-direction:column;\r\n }\r\n .fu-ahaus .fu-btn{\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 336 ===== */ @scope (.fu-article-336) { \r\n.fu-ahaus{\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-ahaus *{box-sizing:border-box}\r\n\r\n.fu-ahaus a{\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ahaus a:hover{text-decoration:underline}\r\n\r\n.fu-ahaus .fu-hero{\r\n margin:0 0 28px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-hero-image{\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-ahaus .fu-hero-image img{\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-ahaus .fu-image-credit{\r\n padding:7px 14px;\r\n background:rgba(250,248,244,.96);\r\n color:var(--fu-muted);\r\n font-size:12px;\r\n line-height:1.45;\r\n}\r\n\r\n.fu-ahaus .fu-hero-content{\r\n padding:30px 30px 32px;\r\n}\r\n\r\n.fu-ahaus .fu-kicker{\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:14px;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-ahaus h1{\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:clamp(30px,5vw,48px);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-lead{\r\n max-width:900px;\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:19px;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-ahaus .fu-jump{\r\n margin:0 0 30px;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-ahaus .fu-jump-title{\r\n margin:0 0 10px;\r\n color:var(--fu-green-dark);\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-jump ul{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin:0;\r\n padding:0;\r\n list-style:none;\r\n}\r\n\r\n.fu-ahaus .fu-jump a{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 12px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n font-size:14px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-ahaus .fu-jump a:hover{\r\n background:var(--fu-green);\r\n color:var(--fu-white);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ahaus .fu-facts{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-ahaus .fu-fact{\r\n padding:20px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-fact i{\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--fu-orange);\r\n font-size:25px;\r\n}\r\n\r\n.fu-ahaus .fu-fact strong{\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n font-size:16px;\r\n}\r\n\r\n.fu-ahaus .fu-fact span{\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n}\r\n\r\n.fu-ahaus .fu-section{\r\n margin:0 0 38px;\r\n scroll-margin-top:30px;\r\n}\r\n\r\n.fu-ahaus .fu-section h2{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 15px;\r\n color:var(--fu-green-dark);\r\n font-size:28px;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-ahaus .fu-section h2 i{\r\n color:var(--fu-orange);\r\n font-size:25px;\r\n}\r\n\r\n.fu-ahaus .fu-section p{\r\n margin:0 0 14px;\r\n}\r\n\r\n.fu-ahaus .fu-highlight{\r\n margin:20px 0;\r\n padding:22px 24px;\r\n background:var(--fu-paper);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n}\r\n\r\n.fu-ahaus .fu-highlight strong{\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-ahaus .fu-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-ahaus .fu-card{\r\n height:100%;\r\n padding:22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-card h3{\r\n margin:0 0 9px;\r\n color:var(--fu-green-dark);\r\n font-size:20px;\r\n}\r\n\r\n.fu-ahaus .fu-card h3 i{\r\n margin-right:7px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-ahaus .fu-card p{\r\n margin:0;\r\n}\r\n\r\n.fu-ahaus .fu-event{\r\n padding:24px;\r\n background:var(--fu-green-dark);\r\n color:var(--fu-white);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-event h3{\r\n margin:0 0 12px;\r\n color:var(--fu-white);\r\n font-size:23px;\r\n}\r\n\r\n.fu-ahaus .fu-event p{\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-ahaus .fu-event-date{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:14px;\r\n padding:7px 11px;\r\n background:rgba(255,255,255,.12);\r\n border-radius:999px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-ahaus .fu-buttons{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-ahaus .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 15px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:var(--fu-white);\r\n font-weight:700;\r\n text-decoration:none;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-ahaus .fu-btn:hover{\r\n background:var(--fu-green-dark);\r\n color:var(--fu-white);\r\n text-decoration:none;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-ahaus .fu-btn-orange{\r\n background:var(--fu-orange);\r\n}\r\n\r\n.fu-ahaus .fu-route{\r\n padding:24px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-ahaus .fu-address{\r\n margin:0;\r\n font-size:18px;\r\n font-weight:700;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-ahaus .fu-contact{\r\n margin-top:12px;\r\n color:var(--fu-muted);\r\n}\r\n\r\n.fu-ahaus .fu-related{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-ahaus .fu-related a{\r\n display:block;\r\n height:100%;\r\n padding:19px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n box-shadow:var(--fu-shadow);\r\n font-weight:700;\r\n}\r\n\r\n.fu-ahaus .fu-related a:hover{\r\n background:var(--fu-paper);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ahaus .fu-related i{\r\n display:block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:22px;\r\n}\r\n\r\n.fu-ahaus .fu-note{\r\n margin-top:28px;\r\n padding-top:18px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:13px;\r\n}\r\n\r\n@media (max-width:900px){\r\n .fu-ahaus .fu-facts{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-ahaus .fu-related{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (max-width:640px){\r\n .fu-ahaus .fu-hero-content{\r\n padding:23px 20px 25px;\r\n }\r\n\r\n .fu-ahaus .fu-lead{\r\n font-size:17px;\r\n }\r\n\r\n .fu-ahaus .fu-facts,\r\n .fu-ahaus .fu-grid,\r\n .fu-ahaus .fu-related{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-ahaus .fu-jump{\r\n padding:16px;\r\n }\r\n\r\n .fu-ahaus .fu-section h2{\r\n font-size:24px;\r\n }\r\n\r\n .fu-ahaus .fu-buttons{\r\n flex-direction:column;\r\n }\r\n\r\n .fu-ahaus .fu-btn{\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 337 ===== */ @scope (.fu-article-337) { \r\n.fu-huelshoff {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-huelshoff * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-huelshoff a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-huelshoff a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* HERO */\r\n.fu-huelshoff .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-huelshoff .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:540px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-huelshoff .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-huelshoff .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-huelshoff .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-huelshoff .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-huelshoff h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-huelshoff .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* QUICK NAV */\r\n.fu-huelshoff .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-huelshoff .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-huelshoff .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-huelshoff .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-huelshoff .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* FACTS */\r\n.fu-huelshoff .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-huelshoff .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-huelshoff .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-huelshoff .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* SECTIONS */\r\n.fu-huelshoff .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-huelshoff .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-huelshoff .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-huelshoff .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-huelshoff .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* HIGHLIGHTS */\r\n.fu-huelshoff .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-huelshoff .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* BUTTONS */\r\n.fu-huelshoff .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-huelshoff .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-huelshoff .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-huelshoff .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-huelshoff .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* CARDS */\r\n.fu-huelshoff .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-huelshoff .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-huelshoff .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-huelshoff .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-huelshoff .fu-card p {\r\n margin:0;\r\n}\r\n\r\n/* ROUTES */\r\n.fu-huelshoff .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-huelshoff .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-huelshoff .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-huelshoff .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* RELATED */\r\n.fu-huelshoff .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-huelshoff .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-huelshoff .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-huelshoff .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-huelshoff .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* NOTE */\r\n.fu-huelshoff .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n@media (min-width:640px) {\r\n .fu-huelshoff .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-huelshoff .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-huelshoff .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-huelshoff .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-huelshoff .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px) {\r\n .fu-huelshoff .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-huelshoff .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-huelshoff .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 339 ===== */ @scope (.fu-article-339) { \r\n/* =========================================================\r\n FAST UMSONST – CHARIVARI PUPPENTHEATER MÜNSTER\r\n Mobile-first / Bootstrap / Bootstrap Icons\r\n Standard wie Studiobühne, Pumpenhaus & WBT\r\n ========================================================= */\r\n\r\n.fu-charivari {\r\n --ch-brand: #1f4b3f;\r\n --ch-brand-dark: #17382f;\r\n --ch-accent: #d97706;\r\n --ch-paper: #faf8f4;\r\n --ch-card: #ffffff;\r\n --ch-text: #26332f;\r\n --ch-muted: #65736e;\r\n --ch-border: #e4e8e5;\r\n --ch-shadow: 0 8px 24px rgba(31, 75, 63, .09);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 15px 50px;\r\n color: var(--ch-text);\r\n font-size: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-charivari *,\r\n.fu-charivari *::before,\r\n.fu-charivari *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-charivari a {\r\n color: var(--ch-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-charivari a:hover {\r\n color: var(--ch-brand-dark);\r\n text-decoration: none;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-charivari .ch-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 30px 24px;\r\n border-radius: 22px;\r\n color: #fff;\r\n background:\r\n radial-gradient(circle at 90% 10%, rgba(217,119,6,.25), transparent 30%),\r\n radial-gradient(circle at 10% 90%, rgba(255,255,255,.08), transparent 35%),\r\n linear-gradient(135deg, var(--ch-brand-dark), var(--ch-brand));\r\n box-shadow: var(--ch-shadow);\r\n}\r\n\r\n.fu-charivari .ch-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 9px;\r\n font-size: .82rem;\r\n font-weight: 700;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n opacity: .9;\r\n}\r\n\r\n.fu-charivari .ch-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 6vw, 3.2rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-charivari .ch-hero p {\r\n max-width: 820px;\r\n margin: 0;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.05rem;\r\n}\r\n\r\n/* ACTIONS */\r\n\r\n.fu-charivari .ch-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 20px 0 24px;\r\n}\r\n\r\n.fu-charivari .ch-action {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-height: 44px;\r\n padding: 10px 15px;\r\n border: 1px solid var(--ch-border);\r\n border-radius: 12px;\r\n background: #fff;\r\n color: var(--ch-brand);\r\n font-weight: 700;\r\n box-shadow: 0 5px 16px rgba(31,75,63,.07);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-charivari .ch-action:hover {\r\n transform: translateY(-1px);\r\n background: var(--ch-brand);\r\n border-color: var(--ch-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-charivari .ch-action.primary {\r\n background: var(--ch-brand);\r\n border-color: var(--ch-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-charivari .ch-action.primary:hover {\r\n background: var(--ch-brand-dark);\r\n border-color: var(--ch-brand-dark);\r\n}\r\n\r\n/* FACTS */\r\n\r\n.fu-charivari .ch-facts {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-charivari .ch-fact {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 17px;\r\n border: 1px solid var(--ch-border);\r\n border-radius: 16px;\r\n background: var(--ch-card);\r\n box-shadow: var(--ch-shadow);\r\n}\r\n\r\n.fu-charivari .ch-fact-icon {\r\n flex: 0 0 42px;\r\n width: 42px;\r\n height: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n background: rgba(31,75,63,.09);\r\n color: var(--ch-brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-charivari .ch-fact strong {\r\n display: block;\r\n margin-bottom: 3px;\r\n color: var(--ch-brand-dark);\r\n}\r\n\r\n.fu-charivari .ch-fact span {\r\n color: var(--ch-muted);\r\n font-size: .94rem;\r\n}\r\n\r\n/* GRID / CARDS */\r\n\r\n.fu-charivari .ch-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-charivari .ch-card {\r\n padding: 21px;\r\n border: 1px solid var(--ch-border);\r\n border-radius: 18px;\r\n background: var(--ch-card);\r\n box-shadow: var(--ch-shadow);\r\n}\r\n\r\n.fu-charivari .ch-card h2,\r\n.fu-charivari .ch-card h3 {\r\n color: var(--ch-brand-dark);\r\n}\r\n\r\n.fu-charivari .ch-card h2 {\r\n margin: 0 0 10px;\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-charivari .ch-card h3 {\r\n margin: 0 0 7px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-charivari .ch-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-charivari .ch-icon-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-charivari .ch-icon-title i {\r\n color: var(--ch-accent);\r\n font-size: 1.35rem;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-charivari .ch-highlight {\r\n margin: 24px 0;\r\n padding: 22px;\r\n border-left: 5px solid var(--ch-accent);\r\n border-radius: 16px;\r\n background: #fff8ed;\r\n box-shadow: var(--ch-shadow);\r\n}\r\n\r\n.fu-charivari .ch-highlight strong {\r\n color: var(--ch-brand-dark);\r\n}\r\n\r\n.fu-charivari .ch-highlight p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* SECTION TITLE */\r\n\r\n.fu-charivari .ch-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 30px 0 14px;\r\n color: var(--ch-brand-dark);\r\n font-size: 1.45rem;\r\n line-height: 1.2;\r\n}\r\n\r\n.fu-charivari .ch-section-title i {\r\n color: var(--ch-accent);\r\n}\r\n\r\n/* EVENTS */\r\n\r\n.fu-charivari .ch-events {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-charivari .ch-event {\r\n display: grid;\r\n grid-template-columns: 74px 1fr;\r\n gap: 14px;\r\n align-items: start;\r\n padding: 16px;\r\n border: 1px solid var(--ch-border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: var(--ch-shadow);\r\n}\r\n\r\n.fu-charivari .ch-event-date {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 68px;\r\n border-radius: 13px;\r\n background: var(--ch-brand);\r\n color: #fff;\r\n text-align: center;\r\n line-height: 1.1;\r\n}\r\n\r\n.fu-charivari .ch-event-date strong {\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-charivari .ch-event-date span {\r\n margin-top: 4px;\r\n font-size: .75rem;\r\n text-transform: uppercase;\r\n letter-spacing: .06em;\r\n}\r\n\r\n.fu-charivari .ch-event-title {\r\n margin: 0 0 5px;\r\n color: var(--ch-brand-dark);\r\n font-size: 1.05rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-charivari .ch-event-meta {\r\n color: var(--ch-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-charivari .ch-event-note {\r\n display: inline-block;\r\n margin-top: 6px;\r\n padding: 3px 8px;\r\n border-radius: 8px;\r\n background: rgba(217,119,6,.11);\r\n color: #9a5704;\r\n font-size: .78rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* ADDRESS */\r\n\r\n.fu-charivari .ch-address {\r\n display: grid;\r\n gap: 15px;\r\n margin: 24px 0;\r\n padding: 22px;\r\n border: 1px solid var(--ch-border);\r\n border-radius: 18px;\r\n background: var(--ch-card);\r\n box-shadow: var(--ch-shadow);\r\n}\r\n\r\n.fu-charivari .ch-address h2 {\r\n margin: 0;\r\n color: var(--ch-brand-dark);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-charivari .ch-address-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n}\r\n\r\n.fu-charivari .ch-address-item i {\r\n margin-top: 3px;\r\n color: var(--ch-accent);\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-charivari .ch-address-item strong {\r\n display: block;\r\n}\r\n\r\n/* ROUTE */\r\n\r\n.fu-charivari .ch-route {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-charivari .ch-route-item {\r\n padding: 17px;\r\n border-radius: 15px;\r\n background: #f4f6f4;\r\n border: 1px solid var(--ch-border);\r\n}\r\n\r\n.fu-charivari .ch-route-item i {\r\n margin-right: 7px;\r\n color: var(--ch-brand);\r\n}\r\n\r\n/* INFO */\r\n\r\n.fu-charivari .ch-info {\r\n margin: 24px 0;\r\n padding: 22px;\r\n border-radius: 18px;\r\n background: var(--ch-brand);\r\n color: #fff;\r\n box-shadow: var(--ch-shadow);\r\n}\r\n\r\n.fu-charivari .ch-info h2 {\r\n margin: 0 0 9px;\r\n color: #fff;\r\n}\r\n\r\n.fu-charivari .ch-info p {\r\n margin-bottom: 10px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-charivari .ch-info p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-charivari .ch-related {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-charivari .ch-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n min-height: 58px;\r\n padding: 13px 15px;\r\n border: 1px solid var(--ch-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n box-shadow: var(--ch-shadow);\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-charivari .ch-related a:hover {\r\n transform: translateY(-1px);\r\n border-color: var(--ch-brand);\r\n}\r\n\r\n.fu-charivari .ch-related i {\r\n color: var(--ch-accent);\r\n font-size: 1.2rem;\r\n}\r\n\r\n/* NOTE */\r\n\r\n.fu-charivari .ch-note {\r\n margin-top: 20px;\r\n color: var(--ch-muted);\r\n font-size: .87rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (min-width: 640px) {\r\n\r\n .fu-charivari {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n\r\n .fu-charivari .ch-hero {\r\n padding: 38px 32px;\r\n }\r\n\r\n .fu-charivari .ch-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-charivari .ch-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-charivari .ch-events {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-charivari .ch-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (min-width: 900px) {\r\n\r\n .fu-charivari .ch-facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-charivari .ch-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-charivari .ch-events {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-charivari .ch-route {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-charivari .ch-related {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 340 ===== */ @scope (.fu-article-340) { \r\n/* =========================================================\r\n FAST UMSONST – KINDERFILMFEST MÜNSTER\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-kifife {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 18px 60px;\r\n color:var(--fu-text);\r\n font-size:17px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-kifife *,\r\n.fu-kifife *::before,\r\n.fu-kifife *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-kifife a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-kifife a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-kifife .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:24px;\r\n box-shadow:0 12px 32px rgba(22,57,47,.16);\r\n}\r\n\r\n.fu-kifife .fu-hero-inner {\r\n display:flex;\r\n align-items:center;\r\n gap:24px;\r\n}\r\n\r\n.fu-kifife .fu-hero-icon {\r\n flex:0 0 70px;\r\n width:70px;\r\n height:70px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2.6rem;\r\n}\r\n\r\n.fu-kifife .fu-hero h1 {\r\n margin:0 0 8px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:700;\r\n}\r\n\r\n.fu-kifife .fu-hero p {\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-kifife .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n margin:0 0 25px;\r\n padding:17px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:0 6px 20px rgba(30,50,43,.06);\r\n}\r\n\r\n.fu-kifife .fu-jump-title {\r\n width:100%;\r\n margin:0 0 3px;\r\n font-weight:700;\r\n color:var(--fu-dark);\r\n font-size:1rem;\r\n}\r\n\r\n.fu-kifife .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 13px;\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green);\r\n font-size:.9rem;\r\n font-weight:600;\r\n line-height:1.2;\r\n text-decoration:none;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-kifife .fu-jump a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-kifife .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n padding:26px 28px;\r\n margin-bottom:30px;\r\n box-shadow:0 6px 20px rgba(30,50,43,.05);\r\n}\r\n\r\n.fu-kifife .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-kifife .fu-badge {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-top:10px;\r\n padding:7px 13px;\r\n border-radius:999px;\r\n background:#e8f2ed;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-kifife .fu-section {\r\n margin:42px 0;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-kifife .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 20px;\r\n padding-bottom:10px;\r\n border-bottom:2px solid var(--fu-border);\r\n color:var(--fu-dark);\r\n font-size:1.65rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-kifife .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n.fu-kifife .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-kifife .fu-card {\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n background:var(--fu-card);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:22px;\r\n box-shadow:0 6px 20px rgba(30,50,43,.06);\r\n}\r\n\r\n.fu-kifife .fu-card h3 {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:9px;\r\n margin:0 0 11px;\r\n color:var(--fu-dark);\r\n font-size:1.18rem;\r\n line-height:1.35;\r\n}\r\n\r\n.fu-kifife .fu-card h3 i {\r\n flex:0 0 auto;\r\n margin-top:3px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-kifife .fu-card p {\r\n margin:6px 0;\r\n}\r\n\r\n.fu-kifife .fu-card .fu-iconline {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:9px;\r\n margin:7px 0;\r\n}\r\n\r\n.fu-kifife .fu-card .fu-iconline i {\r\n width:20px;\r\n flex:0 0 20px;\r\n margin-top:4px;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-kifife .fu-card-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin-top:auto;\r\n padding-top:17px;\r\n}\r\n\r\n.fu-kifife .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n min-height:41px;\r\n padding:8px 14px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n font-size:.9rem;\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-kifife .fu-btn:hover {\r\n background:var(--fu-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-kifife .fu-btn-secondary {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-kifife .fu-btn-secondary:hover {\r\n background:#eee8de;\r\n color:var(--fu-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT / AKTUELL\r\n ========================================================= */\r\n\r\n.fu-kifife .fu-highlight {\r\n margin:28px 0;\r\n padding:22px 23px;\r\n background:var(--fu-highlight);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n}\r\n\r\n.fu-kifife .fu-highlight h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n margin:0 0 8px;\r\n color:var(--fu-dark);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-kifife .fu-highlight h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-kifife .fu-highlight p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n FESTIVALDATEN\r\n ========================================================= */\r\n\r\n.fu-kifife .fu-datebox {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:14px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-kifife .fu-date {\r\n padding:17px;\r\n text-align:center;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-kifife .fu-date i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-kifife .fu-date strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n font-size:1rem;\r\n}\r\n\r\n/* =========================================================\r\n BARRIEREFREIHEIT\r\n ========================================================= */\r\n\r\n.fu-kifife .fu-access {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:14px;\r\n}\r\n\r\n.fu-kifife .fu-access-item {\r\n display:flex;\r\n gap:13px;\r\n padding:17px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-kifife .fu-access-item > i {\r\n flex:0 0 40px;\r\n width:40px;\r\n height:40px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:11px;\r\n background:#edf4f0;\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-kifife .fu-access-item strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-kifife .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-kifife .fu-related-card {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:14px;\r\n padding:19px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n box-shadow:0 5px 17px rgba(30,50,43,.05);\r\n}\r\n\r\n.fu-kifife .fu-related-icon {\r\n flex:0 0 44px;\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#edf4f0;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-kifife .fu-related-card h3 {\r\n margin:0 0 4px;\r\n font-size:1.05rem;\r\n line-height:1.35;\r\n}\r\n\r\n.fu-kifife .fu-related-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLEN\r\n ========================================================= */\r\n\r\n.fu-kifife .fu-source {\r\n margin-top:35px;\r\n padding:18px 20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-kifife .fu-source strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-kifife .fu-top {\r\n margin-top:28px;\r\n text-align:right;\r\n}\r\n\r\n.fu-kifife .fu-top a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n font-size:.9rem;\r\n font-weight:700;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:760px) {\r\n\r\n .fu-kifife {\r\n padding:12px 12px 45px;\r\n font-size:16px;\r\n }\r\n\r\n .fu-kifife .fu-hero {\r\n padding:30px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-kifife .fu-hero-inner {\r\n align-items:flex-start;\r\n }\r\n\r\n .fu-kifife .fu-hero-icon {\r\n flex-basis:56px;\r\n width:56px;\r\n height:56px;\r\n font-size:2rem;\r\n border-radius:14px;\r\n }\r\n\r\n .fu-kifife .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-kifife .fu-grid,\r\n .fu-kifife .fu-related,\r\n .fu-kifife .fu-access,\r\n .fu-kifife .fu-datebox {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-kifife .fu-jump {\r\n padding:13px;\r\n }\r\n\r\n .fu-kifife .fu-jump a {\r\n font-size:.86rem;\r\n }\r\n\r\n .fu-kifife .fu-section {\r\n margin:32px 0;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-kifife .fu-hero-inner {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-kifife .fu-hero-icon {\r\n flex-basis:auto;\r\n }\r\n\r\n .fu-kifife .fu-hero h1 {\r\n font-size:1.75rem;\r\n }\r\n\r\n .fu-kifife .fu-card {\r\n padding:18px;\r\n }\r\n\r\n .fu-kifife .fu-card-actions {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-kifife .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 341 ===== */ @scope (.fu-article-341) { \r\n/* =========================================================\r\n FAST UMSONST – KINDER- UND JUGENDCIRCUS ALFREDO\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-alfredo {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:10px 18px 50px;\r\n color:var(--fu-text);\r\n font-size:1.02rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-alfredo * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-alfredo a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-alfredo a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-alfredo .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n margin-bottom:22px;\r\n padding:40px 34px;\r\n border-radius:22px;\r\n background:\r\n radial-gradient(circle at 88% 18%,rgba(255,255,255,.14),transparent 28%),\r\n linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n box-shadow:0 14px 35px rgba(22,57,47,.18);\r\n}\r\n\r\n.fu-alfredo .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:220px;\r\n height:220px;\r\n right:-85px;\r\n bottom:-115px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-alfredo .fu-hero-icon {\r\n position:relative;\r\n z-index:1;\r\n width:68px;\r\n height:68px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:16px;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2.25rem;\r\n}\r\n\r\n.fu-alfredo .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n font-weight:800;\r\n line-height:1.15;\r\n}\r\n\r\n.fu-alfredo .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n max-width:820px;\r\n margin:0;\r\n color:rgba(255,255,255,.95);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-alfredo .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-alfredo .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n font-size:.93rem;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(0,0,0,.04);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-alfredo .fu-jump a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-alfredo .fu-card {\r\n margin-bottom:22px;\r\n padding:28px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:var(--fu-card);\r\n box-shadow:0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-alfredo .fu-card h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 17px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-alfredo .fu-card h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-alfredo .fu-card h3 {\r\n margin:0 0 9px;\r\n color:var(--fu-green);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-alfredo .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-alfredo .fu-intro {\r\n margin-bottom:22px;\r\n padding:28px 30px;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n background:var(--fu-paper);\r\n box-shadow:0 6px 18px rgba(0,0,0,.04);\r\n}\r\n\r\n.fu-alfredo .fu-intro h2 {\r\n margin-top:0;\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-alfredo .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:14px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-alfredo .fu-fact {\r\n padding:19px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:#fff;\r\n text-align:center;\r\n}\r\n\r\n.fu-alfredo .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.7rem;\r\n}\r\n\r\n.fu-alfredo .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-alfredo .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-alfredo .fu-offer {\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n background:#fff;\r\n box-shadow:0 5px 16px rgba(0,0,0,.045);\r\n}\r\n\r\n.fu-alfredo .fu-offer i {\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--fu-orange);\r\n font-size:1.75rem;\r\n}\r\n\r\n.fu-alfredo .fu-offer h3 {\r\n margin-bottom:8px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-alfredo .fu-highlight {\r\n margin:20px 0;\r\n padding:20px 22px;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n background:var(--fu-highlight);\r\n}\r\n\r\n.fu-alfredo .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n TRAINING\r\n ========================================================= */\r\n\r\n.fu-alfredo .fu-training {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:16px;\r\n}\r\n\r\n.fu-alfredo .fu-training-card {\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n background:#fff;\r\n}\r\n\r\n.fu-alfredo .fu-training-card .fu-time {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:11px;\r\n padding:6px 10px;\r\n border-radius:999px;\r\n background:var(--fu-highlight);\r\n color:var(--fu-dark);\r\n font-size:.88rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-alfredo .fu-training-card h3 {\r\n margin-bottom:8px;\r\n}\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-alfredo .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-alfredo .fu-contact {\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n background:#fff;\r\n}\r\n\r\n.fu-alfredo .fu-contact i {\r\n margin-right:7px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-alfredo .fu-address {\r\n margin:10px 0 17px;\r\n font-size:1.04rem;\r\n}\r\n\r\n.fu-alfredo .fu-address strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-alfredo .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:16px;\r\n}\r\n\r\n.fu-alfredo .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:10px 15px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-alfredo .fu-btn:hover {\r\n background:var(--fu-orange);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-alfredo .fu-btn-outline {\r\n border:1px solid var(--fu-green);\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-alfredo .fu-btn-outline:hover {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-alfredo .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n}\r\n\r\n.fu-alfredo .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:#fff;\r\n box-shadow:0 5px 15px rgba(0,0,0,.04);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-alfredo .fu-related a:hover {\r\n border-color:var(--fu-green);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-alfredo .fu-related i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-alfredo .fu-related small {\r\n color:var(--fu-muted);\r\n font-weight:400;\r\n}\r\n\r\n/* =========================================================\r\n SOURCE\r\n ========================================================= */\r\n\r\n.fu-alfredo .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n TOP\r\n ========================================================= */\r\n\r\n.fu-alfredo .fu-top {\r\n margin-top:24px;\r\n text-align:center;\r\n}\r\n\r\n.fu-alfredo .fu-top a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n .fu-alfredo .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (max-width:760px) {\r\n\r\n .fu-alfredo {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-alfredo .fu-hero {\r\n padding:30px 23px;\r\n }\r\n\r\n .fu-alfredo .fu-card,\r\n .fu-alfredo .fu-intro {\r\n padding:22px;\r\n }\r\n\r\n .fu-alfredo .fu-grid,\r\n .fu-alfredo .fu-training,\r\n .fu-alfredo .fu-contact-grid,\r\n .fu-alfredo .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-alfredo {\r\n font-size:.98rem;\r\n }\r\n\r\n .fu-alfredo .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-alfredo .fu-jump {\r\n gap:7px;\r\n }\r\n\r\n .fu-alfredo .fu-jump a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-alfredo .fu-facts {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n .fu-alfredo .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-alfredo .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 342 ===== */ @scope (.fu-article-342) { \r\n/* =========================================================\r\n FAST UMSONST – KINDER-UNI MÜNSTER\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand:#1f4b3f;\r\n --fu-brand-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:25px 20px 55px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-page a {\r\n color:inherit;\r\n}\r\n\r\n.fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n padding:42px 42px 38px;\r\n border-radius:22px;\r\n background:linear-gradient(135deg,var(--fu-brand),var(--fu-brand-dark));\r\n color:#fff;\r\n box-shadow:0 14px 35px rgba(0,0,0,.14);\r\n margin-bottom:22px;\r\n}\r\n\r\n.fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:220px;\r\n height:220px;\r\n right:-70px;\r\n top:-80px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-hero-icon {\r\n width:68px;\r\n height:68px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.12);\r\n margin-bottom:20px;\r\n font-size:34px;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(30px,4vw,46px);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-hero p {\r\n max-width:800px;\r\n margin:0;\r\n color:rgba(255,255,255,.9);\r\n font-size:18px;\r\n}\r\n\r\n.fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 25px;\r\n}\r\n\r\n.fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-brand);\r\n text-decoration:none;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jump a:hover {\r\n transform:translateY(-2px);\r\n border-color:var(--fu-brand);\r\n background:var(--fu-brand);\r\n color:#fff;\r\n}\r\n\r\n.fu-intro {\r\n padding:27px 30px;\r\n margin-bottom:28px;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n background:var(--fu-paper);\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-section {\r\n margin:0 0 32px;\r\n}\r\n\r\n.fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 17px;\r\n color:var(--fu-brand);\r\n font-size:27px;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-section-title i {\r\n flex:0 0 auto;\r\n font-size:25px;\r\n}\r\n\r\n.fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-card {\r\n padding:23px 24px;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n background:var(--fu-card);\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-card h3 {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:10px;\r\n margin:0 0 11px;\r\n color:var(--fu-brand);\r\n font-size:20px;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-card li + li {\r\n margin-top:5px;\r\n}\r\n\r\n.fu-highlight {\r\n padding:23px 25px;\r\n margin:22px 0;\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n background:var(--fu-highlight);\r\n}\r\n\r\n.fu-highlight strong {\r\n color:var(--fu-brand-dark);\r\n}\r\n\r\n.fu-info-list {\r\n display:grid;\r\n gap:10px;\r\n margin:0;\r\n}\r\n\r\n.fu-info-row {\r\n display:flex;\r\n gap:12px;\r\n align-items:flex-start;\r\n}\r\n\r\n.fu-info-row i {\r\n width:24px;\r\n flex:0 0 24px;\r\n color:var(--fu-orange);\r\n margin-top:4px;\r\n}\r\n\r\n.fu-button-row {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:17px;\r\n}\r\n\r\n.fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:10px 16px;\r\n border-radius:10px;\r\n background:var(--fu-brand);\r\n color:#fff !important;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-button:hover {\r\n background:var(--fu-brand-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-link-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:14px;\r\n}\r\n\r\n.fu-link-card {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:14px;\r\n padding:19px 20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:#fff;\r\n color:var(--fu-text);\r\n text-decoration:none;\r\n box-shadow:0 6px 16px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-link-card:hover {\r\n transform:translateY(-2px);\r\n border-color:var(--fu-brand);\r\n box-shadow:0 10px 24px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-link-icon {\r\n width:42px;\r\n height:42px;\r\n flex:0 0 42px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:11px;\r\n background:#edf3f0;\r\n color:var(--fu-brand);\r\n font-size:21px;\r\n}\r\n\r\n.fu-link-card strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-brand);\r\n line-height:1.3;\r\n}\r\n\r\n.fu-link-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n line-height:1.45;\r\n}\r\n\r\n.fu-source {\r\n padding:18px 20px;\r\n margin-top:35px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n}\r\n\r\n.fu-source a {\r\n color:var(--fu-brand);\r\n font-weight:600;\r\n}\r\n\r\n.fu-top {\r\n text-align:right;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-top a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n color:var(--fu-brand);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n@media (max-width:760px) {\r\n .fu-page {\r\n padding:18px 14px 40px;\r\n }\r\n\r\n .fu-hero {\r\n padding:31px 25px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-grid,\r\n .fu-link-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-intro {\r\n padding:22px;\r\n }\r\n\r\n .fu-section-title {\r\n font-size:24px;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n .fu-hero {\r\n padding:27px 20px;\r\n }\r\n\r\n .fu-hero h1 {\r\n font-size:31px;\r\n }\r\n\r\n .fu-hero p {\r\n font-size:16px;\r\n }\r\n\r\n .fu-card {\r\n padding:20px;\r\n }\r\n\r\n .fu-jump a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-button {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 343 ===== */ @scope (.fu-article-343) { \r\n/* =========================================================\r\n FAST UMSONST – KULTURRUCKSACK MÜNSTER\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 18px 60px;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* HERO */\r\n.fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:22px;\r\n box-shadow:0 14px 35px rgba(23,56,47,.18);\r\n}\r\n\r\n.fu-hero-icon {\r\n width:68px;\r\n height:68px;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.14);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:2.2rem;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin:0 0 8px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-hero p {\r\n margin:0;\r\n max-width:820px;\r\n font-size:1.15rem;\r\n color:rgba(255,255,255,.94);\r\n}\r\n\r\n/* SPRUNGMARKEN */\r\n.fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n margin:0 0 22px;\r\n}\r\n\r\n.fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n font-size:.92rem;\r\n box-shadow:0 4px 12px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* KARTEN */\r\n.fu-card {\r\n background:var(--fu-card);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:26px;\r\n margin-bottom:22px;\r\n box-shadow:0 8px 24px rgba(38,51,46,.07);\r\n}\r\n\r\n.fu-card h2 {\r\n color:var(--fu-green);\r\n margin:0 0 15px;\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-card h3 {\r\n color:var(--fu-green);\r\n font-size:1.12rem;\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* INTRO */\r\n.fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px;\r\n margin-bottom:22px;\r\n}\r\n\r\n.fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* GRID */\r\n.fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-mini-card {\r\n height:100%;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:0 6px 18px rgba(38,51,46,.06);\r\n}\r\n\r\n.fu-mini-icon {\r\n width:46px;\r\n height:46px;\r\n border-radius:13px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:var(--fu-highlight);\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-mini-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-mini-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n}\r\n\r\n/* HIGHLIGHT */\r\n.fu-highlight {\r\n background:var(--fu-highlight);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-highlight strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* PROJEKTE */\r\n.fu-project {\r\n padding:20px 0;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-project:first-child {\r\n padding-top:0;\r\n}\r\n\r\n.fu-project:last-child {\r\n border-bottom:0;\r\n padding-bottom:0;\r\n}\r\n\r\n.fu-project h3 {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:9px;\r\n margin:0 0 8px;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-project h3 i {\r\n color:var(--fu-orange);\r\n margin-top:5px;\r\n flex-shrink:0;\r\n}\r\n\r\n.fu-project p {\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-meta {\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n}\r\n\r\n.fu-location {\r\n margin-top:8px;\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n}\r\n\r\n.fu-location i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* KONTAKT */\r\n.fu-contact {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-contact-box {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:20px;\r\n}\r\n\r\n.fu-contact-box strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-contact-box > strong i {\r\n color:var(--fu-orange);\r\n margin-right:7px;\r\n}\r\n\r\n.fu-contact-box a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-contact-box a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* BUTTONS */\r\n.fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:11px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n box-shadow:0 5px 14px rgba(31,75,63,.16);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-button:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-button-light {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-button-orange {\r\n background:var(--fu-orange);\r\n}\r\n\r\n.fu-button-orange:hover {\r\n background:#b85f04;\r\n}\r\n\r\n/* RELATED */\r\n.fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:14px;\r\n}\r\n\r\n.fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n min-height:74px;\r\n padding:17px 19px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n box-shadow:0 5px 15px rgba(38,51,46,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-related a:hover {\r\n border-color:var(--fu-green);\r\n transform:translateY(-2px);\r\n box-shadow:0 9px 20px rgba(38,51,46,.1);\r\n}\r\n\r\n.fu-related i {\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n flex-shrink:0;\r\n}\r\n\r\n/* QUELLE */\r\n.fu-source {\r\n margin-top:22px;\r\n padding:17px 20px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-source a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n}\r\n\r\n/* NACH OBEN */\r\n.fu-top {\r\n text-align:right;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-top a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (max-width:760px) {\r\n .fu-page {\r\n padding:15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding:30px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-grid,\r\n .fu-contact,\r\n .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-card,\r\n .fu-intro {\r\n padding:22px;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n .fu-hero h1 {\r\n font-size:1.9rem;\r\n }\r\n\r\n .fu-hero p {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-card,\r\n .fu-intro {\r\n padding:19px;\r\n }\r\n\r\n .fu-jump a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-button {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 345 ===== */ @scope (.fu-article-345) { \r\n/* =========================================================\r\n FAST UMSONST – LESEN MIT KLEINEN WESEN\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-lesen {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 15px 60px;\r\n color:var(--fu-text);\r\n font-size:17px;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-lesen * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-lesen a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-lesen a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-lesen .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:22px;\r\n box-shadow:0 14px 35px rgba(22,57,47,.18);\r\n}\r\n\r\n.fu-lesen .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:240px;\r\n height:240px;\r\n border-radius:50%;\r\n right:-90px;\r\n top:-100px;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-lesen .fu-hero-icon {\r\n width:68px;\r\n height:68px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.14);\r\n font-size:34px;\r\n margin-bottom:20px;\r\n}\r\n\r\n.fu-lesen .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(30px,5vw,46px);\r\n line-height:1.12;\r\n margin:0 0 12px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-lesen .fu-hero p {\r\n margin:0;\r\n max-width:820px;\r\n font-size:19px;\r\n color:rgba(255,255,255,.92);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-lesen .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n padding:16px;\r\n margin-bottom:24px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 7px 22px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-lesen .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:15px;\r\n border:1px solid var(--fu-border);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-lesen .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-lesen .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:27px 29px;\r\n margin-bottom:30px;\r\n box-shadow:0 8px 24px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-lesen .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-lesen .fu-section {\r\n margin:0 0 36px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-lesen .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n color:var(--fu-green);\r\n font-size:28px;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-lesen .fu-section h2 i {\r\n font-size:25px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-lesen .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-lesen .fu-card {\r\n background:var(--fu-card);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px;\r\n box-shadow:0 8px 25px rgba(0,0,0,.06);\r\n height:100%;\r\n}\r\n\r\n.fu-lesen .fu-card h3 {\r\n color:var(--fu-green);\r\n font-size:21px;\r\n line-height:1.3;\r\n margin:0 0 10px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-lesen .fu-card h3 i {\r\n margin-right:7px;\r\n}\r\n\r\n.fu-lesen .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n ALTER / KOSTEN\r\n ========================================================= */\r\n\r\n.fu-lesen .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:15px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-lesen .fu-fact {\r\n text-align:center;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:20px 15px;\r\n}\r\n\r\n.fu-lesen .fu-fact i {\r\n display:block;\r\n color:var(--fu-orange);\r\n font-size:28px;\r\n margin-bottom:8px;\r\n}\r\n\r\n.fu-lesen .fu-fact strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:18px;\r\n}\r\n\r\n.fu-lesen .fu-fact span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:15px;\r\n margin-top:4px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-lesen .fu-highlight {\r\n background:var(--fu-highlight);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:0 15px 15px 0;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-lesen .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-lesen .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-lesen .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:10px 17px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n text-decoration:none !important;\r\n border:2px solid var(--fu-green);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-lesen .fu-btn:hover {\r\n background:var(--fu-dark);\r\n border-color:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-lesen .fu-btn-outline {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-lesen .fu-btn-outline:hover {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-lesen .fu-contact {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:28px;\r\n box-shadow:0 10px 28px rgba(22,57,47,.15);\r\n}\r\n\r\n.fu-lesen .fu-contact h3 {\r\n color:#fff;\r\n margin-top:0;\r\n font-size:23px;\r\n}\r\n\r\n.fu-lesen .fu-contact a {\r\n color:#fff;\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-lesen .fu-contact i {\r\n margin-right:7px;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-lesen .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-lesen .fu-related-card {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:15px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:19px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.05);\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-lesen .fu-related-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 11px 25px rgba(0,0,0,.09);\r\n}\r\n\r\n.fu-lesen .fu-related-icon {\r\n flex:0 0 44px;\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-highlight);\r\n color:var(--fu-green);\r\n font-size:21px;\r\n}\r\n\r\n.fu-lesen .fu-related-card strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:18px;\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-lesen .fu-related-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:15px;\r\n line-height:1.45;\r\n}\r\n\r\n/* =========================================================\r\n QUELLEN\r\n ========================================================= */\r\n\r\n.fu-lesen .fu-source {\r\n margin-top:30px;\r\n padding-top:18px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n}\r\n\r\n.fu-lesen .fu-source i {\r\n margin-right:5px;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-lesen .fu-top {\r\n text-align:right;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-lesen .fu-top a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n font-size:14px;\r\n font-weight:700;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:760px) {\r\n\r\n .fu-lesen {\r\n padding:15px 10px 45px;\r\n font-size:16px;\r\n }\r\n\r\n .fu-lesen .fu-hero {\r\n padding:32px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-lesen .fu-hero h1 {\r\n font-size:32px;\r\n }\r\n\r\n .fu-lesen .fu-hero p {\r\n font-size:17px;\r\n }\r\n\r\n .fu-lesen .fu-grid,\r\n .fu-lesen .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-lesen .fu-facts {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-lesen .fu-section h2 {\r\n font-size:25px;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-lesen .fu-hero {\r\n padding:27px 20px;\r\n }\r\n\r\n .fu-lesen .fu-hero-icon {\r\n width:56px;\r\n height:56px;\r\n font-size:28px;\r\n }\r\n\r\n .fu-lesen .fu-hero h1 {\r\n font-size:28px;\r\n }\r\n\r\n .fu-lesen .fu-jump {\r\n padding:12px;\r\n }\r\n\r\n .fu-lesen .fu-jump a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-lesen .fu-card,\r\n .fu-lesen .fu-intro,\r\n .fu-lesen .fu-contact {\r\n padding:20px;\r\n }\r\n\r\n .fu-lesen .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-lesen .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 346 ===== */ @scope (.fu-article-346) { \r\n/* =========================================================\r\n FAST UMSONST – OFFENE KINDER- UND JUGENDTREFFS\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 18px 60px;\r\n color:var(--fu-text);\r\n font-size:17px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-page a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-page a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:24px;\r\n box-shadow:0 12px 32px rgba(22,57,47,.16);\r\n}\r\n\r\n.fu-hero-inner {\r\n display:flex;\r\n align-items:center;\r\n gap:24px;\r\n}\r\n\r\n.fu-hero-icon {\r\n flex:0 0 70px;\r\n width:70px;\r\n height:70px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2.6rem;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin:0 0 8px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:700;\r\n}\r\n\r\n.fu-hero p {\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* SPRUNGNAVIGATION */\r\n\r\n.fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n margin:0 0 25px;\r\n padding:17px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:0 6px 20px rgba(30,50,43,.06);\r\n}\r\n\r\n.fu-jump-title {\r\n width:100%;\r\n margin:0 0 3px;\r\n font-weight:700;\r\n color:var(--fu-dark);\r\n font-size:1rem;\r\n}\r\n\r\n.fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 13px;\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green);\r\n font-size:.9rem;\r\n font-weight:600;\r\n line-height:1.2;\r\n text-decoration:none;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jump a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n}\r\n\r\n/* INTRO */\r\n\r\n.fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n padding:26px 28px;\r\n margin-bottom:30px;\r\n box-shadow:0 6px 20px rgba(30,50,43,.05);\r\n}\r\n\r\n.fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-free {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-top:8px;\r\n padding:7px 13px;\r\n border-radius:999px;\r\n background:#e8f2ed;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:.92rem;\r\n}\r\n\r\n/* ABSCHNITTE */\r\n\r\n.fu-section {\r\n margin:42px 0;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 20px;\r\n padding-bottom:10px;\r\n border-bottom:2px solid var(--fu-border);\r\n color:var(--fu-dark);\r\n font-size:1.65rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* STADTTEIL */\r\n\r\n.fu-district {\r\n scroll-margin-top:100px;\r\n margin-top:42px;\r\n}\r\n\r\n.fu-district-title {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n font-weight:700;\r\n}\r\n\r\n.fu-district-title i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* KARTEN */\r\n\r\n.fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-card {\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n background:var(--fu-card);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:21px;\r\n box-shadow:0 6px 20px rgba(30,50,43,.06);\r\n}\r\n\r\n.fu-card h3 {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:9px;\r\n margin:0 0 10px;\r\n color:var(--fu-dark);\r\n font-size:1.15rem;\r\n line-height:1.35;\r\n}\r\n\r\n.fu-card h3 i {\r\n flex:0 0 auto;\r\n margin-top:3px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-card p {\r\n margin:5px 0;\r\n}\r\n\r\n.fu-card .fu-address {\r\n color:var(--fu-text);\r\n}\r\n\r\n.fu-card .fu-phone {\r\n color:var(--fu-muted);\r\n}\r\n\r\n.fu-card .fu-phone i,\r\n.fu-card .fu-address i {\r\n width:20px;\r\n margin-right:4px;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-card-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin-top:auto;\r\n padding-top:15px;\r\n}\r\n\r\n.fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n min-height:40px;\r\n padding:8px 14px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n font-size:.9rem;\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-btn:hover {\r\n background:var(--fu-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-btn-secondary {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-btn-secondary:hover {\r\n background:#eee8de;\r\n color:var(--fu-dark) !important;\r\n}\r\n\r\n/* HINWEIS */\r\n\r\n.fu-highlight {\r\n margin:28px 0;\r\n padding:20px 22px;\r\n background:var(--fu-highlight);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n}\r\n\r\n.fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* PASSENDE INFOS */\r\n\r\n.fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-related-card {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:14px;\r\n padding:19px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n box-shadow:0 5px 17px rgba(30,50,43,.05);\r\n}\r\n\r\n.fu-related-icon {\r\n flex:0 0 44px;\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#edf4f0;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-related-card h3 {\r\n margin:0 0 4px;\r\n font-size:1.05rem;\r\n line-height:1.35;\r\n}\r\n\r\n.fu-related-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* QUELLEN */\r\n\r\n.fu-source {\r\n margin-top:35px;\r\n padding:18px 20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-source strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* NACH OBEN */\r\n\r\n.fu-top {\r\n margin-top:28px;\r\n text-align:right;\r\n}\r\n\r\n.fu-top a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n font-size:.9rem;\r\n font-weight:700;\r\n}\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (max-width:760px) {\r\n\r\n .fu-page {\r\n padding:12px 12px 45px;\r\n font-size:16px;\r\n }\r\n\r\n .fu-hero {\r\n padding:30px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-hero-inner {\r\n align-items:flex-start;\r\n }\r\n\r\n .fu-hero-icon {\r\n flex-basis:56px;\r\n width:56px;\r\n height:56px;\r\n font-size:2rem;\r\n border-radius:14px;\r\n }\r\n\r\n .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-grid,\r\n .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-jump {\r\n padding:13px;\r\n }\r\n\r\n .fu-jump a {\r\n font-size:.86rem;\r\n }\r\n\r\n .fu-section {\r\n margin:32px 0;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-hero-inner {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-hero-icon {\r\n flex-basis:auto;\r\n }\r\n\r\n .fu-hero h1 {\r\n font-size:1.75rem;\r\n }\r\n\r\n .fu-card {\r\n padding:18px;\r\n }\r\n\r\n .fu-card-actions {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 347 ===== */ @scope (.fu-article-347) { \r\n/* =========================================================\r\n FAST UMSONST – STIFTUNG MITMACHKINDER\r\n Förderprogramm & Patenprogramm\r\n ========================================================= */\r\n\r\n.fu-mitmachkinder {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:10px 20px 50px;\r\n color:var(--fu-text);\r\n line-height:1.7;\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-mitmachkinder *,\r\n.fu-mitmachkinder *::before,\r\n.fu-mitmachkinder *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-mitmachkinder .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:24px;\r\n box-shadow:0 14px 35px rgba(0,0,0,.14);\r\n}\r\n\r\n.fu-mitmachkinder .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:230px;\r\n height:230px;\r\n right:-80px;\r\n top:-100px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-mitmachkinder .fu-hero-icon {\r\n width:68px;\r\n height:68px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2.1rem;\r\n margin-bottom:20px;\r\n}\r\n\r\n.fu-mitmachkinder .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n margin:0 0 12px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-mitmachkinder .fu-hero p {\r\n margin:0;\r\n max-width:800px;\r\n font-size:1.12rem;\r\n color:rgba(255,255,255,.93);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-mitmachkinder .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-mitmachkinder .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.95rem;\r\n box-shadow:0 3px 10px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-mitmachkinder .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-mitmachkinder .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px 27px;\r\n margin-bottom:30px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-mitmachkinder .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n SEKTIONEN\r\n ========================================================= */\r\n\r\n.fu-mitmachkinder .fu-section {\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-mitmachkinder .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n color:var(--fu-green);\r\n font-size:1.55rem;\r\n line-height:1.3;\r\n margin:0 0 18px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-mitmachkinder .fu-section-title i {\r\n font-size:1.4rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-mitmachkinder .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-mitmachkinder .fu-card {\r\n background:var(--fu-card);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:23px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n height:100%;\r\n}\r\n\r\n.fu-mitmachkinder .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-mitmachkinder .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-mitmachkinder .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-mitmachkinder .fu-card ul {\r\n margin:12px 0 0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-mitmachkinder .fu-card li {\r\n margin-bottom:7px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-mitmachkinder .fu-highlight {\r\n background:linear-gradient(135deg,#f8f1e4,#fff);\r\n border:1px solid #eadcc5;\r\n border-left:6px solid var(--fu-orange);\r\n border-radius:18px;\r\n padding:27px 28px;\r\n box-shadow:0 8px 22px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-mitmachkinder .fu-highlight h3 {\r\n color:var(--fu-green);\r\n margin:0 0 12px;\r\n font-size:1.4rem;\r\n}\r\n\r\n/* =========================================================\r\n INFOBOX\r\n ========================================================= */\r\n\r\n.fu-mitmachkinder .fu-note {\r\n background:var(--fu-highlight);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:18px 20px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-mitmachkinder .fu-note strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-mitmachkinder .fu-contact {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-mitmachkinder .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-mitmachkinder .fu-contact-item {\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n}\r\n\r\n.fu-mitmachkinder .fu-contact-item > i {\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n margin-top:4px;\r\n}\r\n\r\n.fu-mitmachkinder .fu-contact-item strong {\r\n display:block;\r\n color:var(--fu-green);\r\n margin-bottom:3px;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-mitmachkinder .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:11px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-mitmachkinder .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:11px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-mitmachkinder .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-mitmachkinder .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-mitmachkinder .fu-btn-secondary {\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-mitmachkinder .fu-btn-secondary:hover {\r\n background:var(--fu-paper);\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-mitmachkinder .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-mitmachkinder .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:17px 18px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n box-shadow:0 5px 15px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-mitmachkinder .fu-related a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-mitmachkinder .fu-related i {\r\n font-size:1.25rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n QUELLE\r\n ========================================================= */\r\n\r\n.fu-mitmachkinder .fu-source {\r\n margin-top:28px;\r\n padding-top:18px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-mitmachkinder .fu-source a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-mitmachkinder .fu-top {\r\n text-align:center;\r\n margin-top:28px;\r\n}\r\n\r\n.fu-mitmachkinder .fu-top a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n.fu-mitmachkinder .fu-top a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:760px) {\r\n\r\n .fu-mitmachkinder {\r\n padding-left:12px;\r\n padding-right:12px;\r\n }\r\n\r\n .fu-mitmachkinder .fu-hero {\r\n padding:32px 24px;\r\n }\r\n\r\n .fu-mitmachkinder .fu-grid,\r\n .fu-mitmachkinder .fu-contact-grid,\r\n .fu-mitmachkinder .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-mitmachkinder {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-mitmachkinder .fu-hero {\r\n padding:27px 20px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-mitmachkinder .fu-hero h1 {\r\n font-size:1.9rem;\r\n }\r\n\r\n .fu-mitmachkinder .fu-card,\r\n .fu-mitmachkinder .fu-contact,\r\n .fu-mitmachkinder .fu-highlight {\r\n padding:20px;\r\n }\r\n\r\n .fu-mitmachkinder .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-mitmachkinder .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 348 ===== */ @scope (.fu-article-348) { \r\n/* =========================================================\r\n FAST UMSONST – VAMV MÜNSTER\r\n Verband allein erziehender Mütter und Väter e.V.\r\n ========================================================= */\r\n\r\n.fu-vamv {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:10px 20px 50px;\r\n color:var(--fu-text);\r\n line-height:1.7;\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-vamv *,\r\n.fu-vamv *::before,\r\n.fu-vamv *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:24px;\r\n box-shadow:0 14px 35px rgba(0,0,0,.14);\r\n}\r\n\r\n.fu-vamv .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:230px;\r\n height:230px;\r\n right:-80px;\r\n top:-100px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-vamv .fu-hero-icon {\r\n width:68px;\r\n height:68px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2.1rem;\r\n margin-bottom:20px;\r\n}\r\n\r\n.fu-vamv .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n margin:0 0 12px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-vamv .fu-hero p {\r\n margin:0;\r\n max-width:820px;\r\n font-size:1.12rem;\r\n color:rgba(255,255,255,.93);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-vamv .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.95rem;\r\n box-shadow:0 3px 10px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-vamv .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px 27px;\r\n margin-bottom:30px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-vamv .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n SEKTIONEN\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-section {\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-vamv .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n color:var(--fu-green);\r\n font-size:1.55rem;\r\n line-height:1.3;\r\n margin:0 0 18px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-vamv .fu-section-title i {\r\n font-size:1.4rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-vamv .fu-card {\r\n background:var(--fu-card);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:23px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n height:100%;\r\n}\r\n\r\n.fu-vamv .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-vamv .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-vamv .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-vamv .fu-card ul {\r\n margin:12px 0 0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-vamv .fu-card li {\r\n margin-bottom:7px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-highlight {\r\n background:linear-gradient(135deg,#f8f1e4,#fff);\r\n border:1px solid #eadcc5;\r\n border-left:6px solid var(--fu-orange);\r\n border-radius:18px;\r\n padding:27px 28px;\r\n box-shadow:0 8px 22px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-vamv .fu-highlight h3 {\r\n color:var(--fu-green);\r\n margin:0 0 12px;\r\n font-size:1.4rem;\r\n}\r\n\r\n/* =========================================================\r\n INFOBOX\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-note {\r\n background:var(--fu-highlight);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:18px 20px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-vamv .fu-note strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n ANGEBOTSLISTE\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-offers {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-vamv .fu-offer {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:20px;\r\n box-shadow:0 6px 17px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-vamv .fu-offer-icon {\r\n width:45px;\r\n height:45px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-paper);\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-vamv .fu-offer h3 {\r\n color:var(--fu-green);\r\n font-size:1.08rem;\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-vamv .fu-offer p {\r\n margin:0;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-contact {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-vamv .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-vamv .fu-contact-item {\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n}\r\n\r\n.fu-vamv .fu-contact-item > i {\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n margin-top:4px;\r\n}\r\n\r\n.fu-vamv .fu-contact-item strong {\r\n display:block;\r\n color:var(--fu-green);\r\n margin-bottom:3px;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:11px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-vamv .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:11px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-vamv .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-vamv .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-vamv .fu-btn-secondary {\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-vamv .fu-btn-secondary:hover {\r\n background:var(--fu-paper);\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-vamv .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:17px 18px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n box-shadow:0 5px 15px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-vamv .fu-related a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-vamv .fu-related i {\r\n font-size:1.25rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n QUELLE\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-source {\r\n margin-top:28px;\r\n padding-top:18px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-vamv .fu-source a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-vamv .fu-top {\r\n text-align:center;\r\n margin-top:28px;\r\n}\r\n\r\n.fu-vamv .fu-top a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n.fu-vamv .fu-top a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-vamv .fu-offers {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:760px) {\r\n\r\n .fu-vamv {\r\n padding-left:12px;\r\n padding-right:12px;\r\n }\r\n\r\n .fu-vamv .fu-hero {\r\n padding:32px 24px;\r\n }\r\n\r\n .fu-vamv .fu-grid,\r\n .fu-vamv .fu-contact-grid,\r\n .fu-vamv .fu-related,\r\n .fu-vamv .fu-offers {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-vamv {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-vamv .fu-hero {\r\n padding:27px 20px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-vamv .fu-hero h1 {\r\n font-size:1.9rem;\r\n }\r\n\r\n .fu-vamv .fu-card,\r\n .fu-vamv .fu-contact,\r\n .fu-vamv .fu-highlight {\r\n padding:20px;\r\n }\r\n\r\n .fu-vamv .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-vamv .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 349 ===== */ @scope (.fu-article-349) { \r\n.fu-vischering {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-vischering * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-vischering a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-vischering a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* HERO */\r\n.fu-vischering .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-vischering .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:540px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-vischering .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-vischering .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-vischering .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-vischering .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-vischering h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-vischering .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* SCHNELLE NAVIGATION */\r\n.fu-vischering .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-vischering .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-vischering .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-vischering .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-vischering .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* FAKTEN */\r\n.fu-vischering .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-vischering .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-vischering .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-vischering .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* SEKTIONEN */\r\n.fu-vischering .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-vischering .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-vischering .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-vischering .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-vischering .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n.fu-vischering .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-vischering .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* BUTTONS */\r\n.fu-vischering .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-vischering .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-vischering .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-vischering .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-vischering .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* KARTEN */\r\n.fu-vischering .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-vischering .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-vischering .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-vischering .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-vischering .fu-card p {\r\n margin:0;\r\n}\r\n\r\n/* ROUTEN */\r\n.fu-vischering .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-vischering .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-vischering .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-vischering .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* VERWANDTE LINKS */\r\n.fu-vischering .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-vischering .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-vischering .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-vischering .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-vischering .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* HINWEIS */\r\n.fu-vischering .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n@media (min-width:640px) {\r\n\r\n .fu-vischering .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-vischering .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-vischering .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-vischering .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-vischering .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-vischering .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-vischering .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-vischering .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 350 ===== */ @scope (.fu-article-350) { \r\n.fu-erbdrostenhof {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-orange: #d97706;\r\n --fu-paper: #faf8f4;\r\n --fu-white: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #65736e;\r\n --fu-border: #e4e8e5;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.09);\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-erbdrostenhof * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-erbdrostenhof a {\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-erbdrostenhof a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* HERO */\r\n.fu-erbdrostenhof .fu-hero {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 20px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n background: var(--fu-green-dark);\r\n}\r\n\r\n.fu-erbdrostenhof .fu-hero-image {\r\n width: 100%;\r\n height: 360px;\r\n object-fit: cover;\r\n object-position: center;\r\n display: block;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n 180deg,\r\n rgba(23,56,47,.15) 15%,\r\n rgba(23,56,47,.88) 100%\r\n );\r\n}\r\n\r\n.fu-erbdrostenhof .fu-hero-content {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n padding: 32px 28px;\r\n color: #fff;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: .88rem;\r\n font-weight: 700;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-kicker i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n line-height: 1.1;\r\n margin: 0 0 12px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.05rem;\r\n}\r\n\r\n/* BILDNACHWEIS */\r\n.fu-erbdrostenhof .fu-image-credit {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-top: 0;\r\n border-radius: 0 0 14px 14px;\r\n padding: 9px 13px;\r\n margin-top: -24px;\r\n position: relative;\r\n z-index: 2;\r\n color: var(--fu-muted);\r\n font-size: .78rem;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-image-credit a {\r\n color: var(--fu-muted);\r\n text-decoration: underline;\r\n font-weight: 600;\r\n}\r\n\r\n/* SCHNELLE NAVIGATION */\r\n.fu-erbdrostenhof .fu-quicknav {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin: 30px 0 32px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-erbdrostenhof .fu-quicknav-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green-dark);\r\n font-weight: 800;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-quicknav-title i {\r\n color: var(--fu-orange);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-quicknav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-quicknav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 9px;\r\n background: #edf2ef;\r\n color: var(--fu-green-dark);\r\n font-size: .92rem;\r\n font-weight: 700;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-quicknav-links a:hover {\r\n background: #e0e8e3;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-quicknav-links i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n/* FAKTEN */\r\n.fu-erbdrostenhof .fu-facts {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-fact {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 18px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-erbdrostenhof .fu-fact-icon {\r\n color: var(--fu-orange);\r\n font-size: 1.35rem;\r\n margin-bottom: 7px;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-fact strong {\r\n display: block;\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* SECTIONS */\r\n.fu-erbdrostenhof .fu-section {\r\n margin: 38px 0;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n margin: 0 0 18px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-section h2 i {\r\n color: var(--fu-orange);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-card {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n margin-bottom: 16px;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-card h3 {\r\n color: var(--fu-green-dark);\r\n font-size: 1.15rem;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* HIGHLIGHTS */\r\n.fu-erbdrostenhof .fu-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 18px 20px;\r\n margin: 20px 0;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-highlight strong {\r\n color: #9a5800;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-green-note {\r\n background: #edf4f0;\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 12px;\r\n padding: 18px 20px;\r\n margin: 20px 0;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-green-note strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* ROUTENBUTTONS */\r\n.fu-erbdrostenhof .fu-route-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n color: var(--fu-green-dark);\r\n font-weight: 800;\r\n margin: 20px 0 12px;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-route-title i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 16px;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: transform .15s ease, background .15s ease;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-button:hover {\r\n background: var(--fu-green-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-erbdrostenhof .fu-button.secondary {\r\n background: #edf2ef;\r\n color: var(--fu-green-dark) !important;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-button.secondary:hover {\r\n background: #e0e8e3;\r\n}\r\n\r\n/* KONTAKT */\r\n.fu-erbdrostenhof .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n}\r\n\r\n/* PASSENDE INFORMATIONEN */\r\n.fu-erbdrostenhof .fu-related {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-related a {\r\n display: block;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 18px 20px;\r\n box-shadow: var(--fu-shadow);\r\n transition: transform .15s ease, border-color .15s ease;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-related a:hover {\r\n transform: translateY(-2px);\r\n border-color: rgba(31,75,63,.35);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-erbdrostenhof .fu-related i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n/* HINWEIS */\r\n.fu-erbdrostenhof .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n margin-top: 28px;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (min-width: 640px) {\r\n\r\n .fu-erbdrostenhof .fu-hero-image {\r\n height: 440px;\r\n }\r\n\r\n .fu-erbdrostenhof .fu-hero-content {\r\n padding: 40px;\r\n }\r\n\r\n .fu-erbdrostenhof .fu-facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-erbdrostenhof .fu-contact-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-erbdrostenhof .fu-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (min-width: 900px) {\r\n\r\n .fu-erbdrostenhof .fu-hero-image {\r\n height: 500px;\r\n }\r\n\r\n .fu-erbdrostenhof .fu-hero-content {\r\n padding: 48px;\r\n }\r\n\r\n .fu-erbdrostenhof .fu-related {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 351 ===== */ @scope (.fu-article-351) { \r\n.fu-rueschhaus {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-rueschhaus * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-rueschhaus a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-rueschhaus a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-rueschhaus .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-rueschhaus .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-rueschhaus .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-rueschhaus .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-rueschhaus .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-rueschhaus .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-rueschhaus h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-rueschhaus .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-rueschhaus .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-rueschhaus .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-rueschhaus .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-rueschhaus .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-rueschhaus .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-rueschhaus .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-rueschhaus .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-rueschhaus .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-rueschhaus .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-rueschhaus .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-rueschhaus .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-rueschhaus .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-rueschhaus .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-rueschhaus .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-rueschhaus .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-rueschhaus .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-rueschhaus .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-rueschhaus .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-rueschhaus .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-rueschhaus .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-rueschhaus .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n.fu-rueschhaus .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-rueschhaus .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-rueschhaus .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-rueschhaus .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-rueschhaus .fu-card p {\r\n margin:0;\r\n}\r\n\r\n.fu-rueschhaus .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-rueschhaus .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-rueschhaus .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-rueschhaus .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-rueschhaus .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-rueschhaus .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-rueschhaus .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-rueschhaus .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-rueschhaus .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-rueschhaus .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-rueschhaus .fu-center {\r\n text-align:center;\r\n}\r\n\r\n@media (min-width:640px) {\r\n .fu-rueschhaus .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-rueschhaus .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-rueschhaus .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-rueschhaus .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-rueschhaus .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px) {\r\n .fu-rueschhaus .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-rueschhaus .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-rueschhaus .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 352 ===== */ @scope (.fu-article-352) { \r\n/* =========================================================\r\n FAST UMSONST – HAUS WELBERGEN\r\n Artikel 352\r\n ========================================================= */\r\n\r\n.fu-welbergen {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 0 50px;\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-welbergen *,\r\n.fu-welbergen *::before,\r\n.fu-welbergen *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-welbergen a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-welbergen a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* HERO */\r\n.fu-welbergen .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-welbergen .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-welbergen .fu-image-credit {\r\n padding:8px 16px;\r\n background:#f3f4f2;\r\n color:#5d6864;\r\n font-size:.78rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-welbergen .fu-hero-content {\r\n padding:30px 28px 32px;\r\n}\r\n\r\n.fu-welbergen .fu-kicker {\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n color:#d9eee7;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.05em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-welbergen .fu-kicker i {\r\n color:#f3b45d;\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-welbergen h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-welbergen .fu-lead {\r\n max-width:850px;\r\n margin:0;\r\n color:#eef7f4;\r\n font-size:1.08rem;\r\n line-height:1.7;\r\n}\r\n\r\n/* QUICKNAV */\r\n.fu-welbergen .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-welbergen .fu-quicknav-title {\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:13px;\r\n color:var(--fu-dark);\r\n font-weight:800;\r\n}\r\n\r\n.fu-welbergen .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-welbergen .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-size:.9rem;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-welbergen .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* FACTS */\r\n.fu-welbergen .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-welbergen .fu-fact {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-welbergen .fu-fact i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-welbergen .fu-fact strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* SECTIONS */\r\n.fu-welbergen .fu-section {\r\n margin:0 0 34px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-welbergen .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 17px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-welbergen .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* CARDS */\r\n.fu-welbergen .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-welbergen .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-welbergen .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n margin:0 0 10px;\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-welbergen .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-welbergen .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* INFO */\r\n.fu-welbergen .fu-info {\r\n background:#edf5f2;\r\n border:1px solid #d5e5df;\r\n border-radius:15px;\r\n padding:18px 20px;\r\n}\r\n\r\n.fu-welbergen .fu-info strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-welbergen .fu-highlight {\r\n background:#f7f1e7;\r\n border:1px solid #ead9bd;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:18px 20px;\r\n}\r\n\r\n.fu-welbergen .fu-highlight strong {\r\n color:#71480a;\r\n}\r\n\r\n/* LIST */\r\n.fu-welbergen .fu-list {\r\n margin:0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-welbergen .fu-list li {\r\n margin-bottom:7px;\r\n}\r\n\r\n/* BUTTONS */\r\n.fu-welbergen .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:17px;\r\n}\r\n\r\n.fu-welbergen .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 15px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-welbergen .fu-button:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-welbergen .fu-button.fu-secondary {\r\n background:#f3f5f3;\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-welbergen .fu-button.fu-secondary:hover {\r\n background:#e8eeeb;\r\n}\r\n\r\n/* ROUTES */\r\n.fu-welbergen .fu-route-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-welbergen .fu-route {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-welbergen .fu-route:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-welbergen .fu-route i {\r\n font-size:1.15rem;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-welbergen .fu-route:hover i {\r\n color:#fff;\r\n}\r\n\r\n/* RELATED */\r\n.fu-welbergen .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:13px;\r\n}\r\n\r\n.fu-welbergen .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:16px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-welbergen .fu-related a:hover {\r\n border-color:#bfd1ca;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-welbergen .fu-related i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-welbergen .fu-related strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-welbergen .fu-related small {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n line-height:1.5;\r\n}\r\n\r\n/* STATUS */\r\n.fu-welbergen .fu-status {\r\n margin-top:30px;\r\n padding:14px 17px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.86rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (min-width:640px) {\r\n\r\n .fu-welbergen {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-welbergen .fu-hero-content {\r\n padding:34px 34px 38px;\r\n }\r\n\r\n .fu-welbergen .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-welbergen .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-welbergen .fu-route-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-welbergen .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-welbergen .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-welbergen .fu-route-grid {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 353 ===== */ @scope (.fu-article-353) { \r\n/* =========================================================\r\n FAST UMSONST – KLOSTER BENTLAGE & SALINENPARK\r\n Artikel 353\r\n ========================================================= */\r\n\r\n.fu-bentlage {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 0 50px;\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-bentlage *,\r\n.fu-bentlage *::before,\r\n.fu-bentlage *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-bentlage a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-bentlage a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* HERO */\r\n.fu-bentlage .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-bentlage .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-bentlage .fu-image-credit {\r\n padding:8px 16px;\r\n background:#f3f4f2;\r\n color:#5d6864;\r\n font-size:.78rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-bentlage .fu-hero-content {\r\n padding:30px 28px 32px;\r\n}\r\n\r\n.fu-bentlage .fu-kicker {\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n color:#d9eee7;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.05em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-bentlage .fu-kicker i {\r\n color:#f3b45d;\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-bentlage h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-bentlage .fu-lead {\r\n max-width:850px;\r\n margin:0;\r\n color:#eef7f4;\r\n font-size:1.08rem;\r\n line-height:1.7;\r\n}\r\n\r\n/* QUICKNAV */\r\n.fu-bentlage .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-bentlage .fu-quicknav-title {\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:13px;\r\n color:var(--fu-dark);\r\n font-weight:800;\r\n}\r\n\r\n.fu-bentlage .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-bentlage .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-size:.9rem;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-bentlage .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* FACTS */\r\n.fu-bentlage .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-bentlage .fu-fact {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-bentlage .fu-fact i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-bentlage .fu-fact strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* SECTIONS */\r\n.fu-bentlage .fu-section {\r\n margin:0 0 34px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-bentlage .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 17px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-bentlage .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* CARDS */\r\n.fu-bentlage .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-bentlage .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-bentlage .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n margin:0 0 10px;\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-bentlage .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-bentlage .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* INFO */\r\n.fu-bentlage .fu-info {\r\n background:#edf5f2;\r\n border:1px solid #d5e5df;\r\n border-radius:15px;\r\n padding:18px 20px;\r\n}\r\n\r\n.fu-bentlage .fu-info strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-bentlage .fu-highlight {\r\n background:#f7f1e7;\r\n border:1px solid #ead9bd;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:18px 20px;\r\n}\r\n\r\n.fu-bentlage .fu-highlight strong {\r\n color:#71480a;\r\n}\r\n\r\n/* LIST */\r\n.fu-bentlage .fu-list {\r\n margin:0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-bentlage .fu-list li {\r\n margin-bottom:7px;\r\n}\r\n\r\n/* SECOND IMAGE */\r\n.fu-bentlage .fu-content-image {\r\n width:100%;\r\n height:auto;\r\n display:block;\r\n border-radius:16px;\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-bentlage .fu-image-caption {\r\n color:var(--fu-muted);\r\n font-size:.78rem;\r\n line-height:1.5;\r\n margin-bottom:18px;\r\n}\r\n\r\n/* BUTTONS */\r\n.fu-bentlage .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:17px;\r\n}\r\n\r\n.fu-bentlage .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 15px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-bentlage .fu-button:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-bentlage .fu-button.fu-secondary {\r\n background:#f3f5f3;\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-bentlage .fu-button.fu-secondary:hover {\r\n background:#e8eeeb;\r\n}\r\n\r\n/* ROUTES */\r\n.fu-bentlage .fu-route-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-bentlage .fu-route {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-bentlage .fu-route:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-bentlage .fu-route i {\r\n font-size:1.15rem;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-bentlage .fu-route:hover i {\r\n color:#fff;\r\n}\r\n\r\n/* RELATED */\r\n.fu-bentlage .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:13px;\r\n}\r\n\r\n.fu-bentlage .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:16px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-bentlage .fu-related a:hover {\r\n border-color:#bfd1ca;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-bentlage .fu-related i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-bentlage .fu-related strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-bentlage .fu-related small {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n line-height:1.5;\r\n}\r\n\r\n/* STATUS */\r\n.fu-bentlage .fu-status {\r\n margin-top:30px;\r\n padding:14px 17px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.86rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (min-width:640px) {\r\n\r\n .fu-bentlage {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-bentlage .fu-hero-content {\r\n padding:34px 34px 38px;\r\n }\r\n\r\n .fu-bentlage .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-bentlage .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-bentlage .fu-route-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-bentlage .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-bentlage .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-bentlage .fu-route-grid {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 354 ===== */ @scope (.fu-article-354) { \r\n.fu-schloss-muenster {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-orange: #d97706;\r\n --fu-white: #ffffff;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #65736e;\r\n --fu-border: #e4e8e5;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.09);\r\n\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-schloss-muenster *,\r\n.fu-schloss-muenster *::before,\r\n.fu-schloss-muenster *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-schloss-muenster a {\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-schloss-muenster a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* HERO */\r\n.fu-schloss-muenster .fu-hero {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 20px;\r\n margin: 0;\r\n background: var(--fu-green-dark);\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-schloss-muenster .fu-hero-image {\r\n display: block;\r\n width: 100%;\r\n height: 360px;\r\n object-fit: cover;\r\n object-position: center center;\r\n}\r\n\r\n.fu-schloss-muenster .fu-hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(23,56,47,.04) 15%,\r\n rgba(23,56,47,.18) 42%,\r\n rgba(23,56,47,.91) 100%\r\n );\r\n}\r\n\r\n.fu-schloss-muenster .fu-hero-content {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n padding: 30px 25px;\r\n color: #fff;\r\n}\r\n\r\n.fu-schloss-muenster .fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 10px;\r\n font-size: .86rem;\r\n font-weight: 800;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n}\r\n\r\n.fu-schloss-muenster .fu-kicker i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-schloss-muenster .fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-schloss-muenster .fu-hero p {\r\n max-width: 850px;\r\n margin: 0;\r\n color: #fff;\r\n font-size: 1.04rem;\r\n}\r\n\r\n/* BILDNACHWEIS */\r\n.fu-schloss-muenster .fu-image-credit {\r\n padding: 9px 13px;\r\n border: 1px solid var(--fu-border);\r\n border-top: 0;\r\n border-radius: 0 0 14px 14px;\r\n background: var(--fu-white);\r\n color: var(--fu-muted);\r\n font-size: .78rem;\r\n}\r\n\r\n.fu-schloss-muenster .fu-image-credit a {\r\n color: var(--fu-muted);\r\n text-decoration: underline;\r\n}\r\n\r\n/* QUICKNAV */\r\n.fu-schloss-muenster .fu-quicknav {\r\n margin: 28px 0 32px;\r\n padding: 18px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n background: var(--fu-white);\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-schloss-muenster .fu-quicknav-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 13px;\r\n color: var(--fu-green-dark);\r\n font-weight: 800;\r\n}\r\n\r\n.fu-schloss-muenster .fu-quicknav-title i {\r\n color: var(--fu-orange);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-schloss-muenster .fu-quicknav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-schloss-muenster .fu-quicknav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 9px;\r\n background: #edf2ef;\r\n color: var(--fu-green-dark);\r\n font-size: .91rem;\r\n font-weight: 700;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-schloss-muenster .fu-quicknav-links a:hover {\r\n background: #e0e8e3;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-schloss-muenster .fu-quicknav-links i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n/* FAKTEN */\r\n.fu-schloss-muenster .fu-facts {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-schloss-muenster .fu-fact {\r\n padding: 18px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n background: var(--fu-white);\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-schloss-muenster .fu-fact-icon {\r\n margin-bottom: 7px;\r\n color: var(--fu-orange);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-schloss-muenster .fu-fact strong {\r\n display: block;\r\n margin-bottom: 2px;\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* SECTIONS */\r\n.fu-schloss-muenster .fu-section {\r\n margin: 38px 0;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-schloss-muenster .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 18px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-schloss-muenster .fu-section h2 i {\r\n color: var(--fu-orange);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-schloss-muenster .fu-card {\r\n margin-bottom: 16px;\r\n padding: 22px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n background: var(--fu-white);\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-schloss-muenster .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-schloss-muenster .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* HIGHLIGHTS */\r\n.fu-schloss-muenster .fu-highlight {\r\n margin: 20px 0;\r\n padding: 18px 20px;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n background: #fff7ed;\r\n}\r\n\r\n.fu-schloss-muenster .fu-highlight strong {\r\n color: #9a5800;\r\n}\r\n\r\n.fu-schloss-muenster .fu-green-note {\r\n margin: 20px 0;\r\n padding: 18px 20px;\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 12px;\r\n background: #edf4f0;\r\n}\r\n\r\n.fu-schloss-muenster .fu-green-note strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* ROUTEN */\r\n.fu-schloss-muenster .fu-route-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 20px 0 12px;\r\n color: var(--fu-green-dark);\r\n font-weight: 800;\r\n}\r\n\r\n.fu-schloss-muenster .fu-route-title i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-schloss-muenster .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 16px;\r\n}\r\n\r\n.fu-schloss-muenster .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: transform .15s ease, background .15s ease;\r\n}\r\n\r\n.fu-schloss-muenster .fu-button:hover {\r\n background: var(--fu-green-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-schloss-muenster .fu-button.secondary {\r\n background: #edf2ef;\r\n color: var(--fu-green-dark) !important;\r\n}\r\n\r\n.fu-schloss-muenster .fu-button.secondary:hover {\r\n background: #e0e8e3;\r\n}\r\n\r\n/* KONTAKT */\r\n.fu-schloss-muenster .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n}\r\n\r\n/* PASSENDE INFORMATIONEN */\r\n.fu-schloss-muenster .fu-related {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n}\r\n\r\n.fu-schloss-muenster .fu-related a {\r\n display: block;\r\n padding: 18px 20px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n background: var(--fu-white);\r\n box-shadow: var(--fu-shadow);\r\n transition: transform .15s ease, border-color .15s ease;\r\n}\r\n\r\n.fu-schloss-muenster .fu-related a:hover {\r\n border-color: rgba(31,75,63,.35);\r\n text-decoration: none;\r\n transform: translateY(-2px);\r\n}\r\n\r\n.fu-schloss-muenster .fu-related i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n/* INFO */\r\n.fu-schloss-muenster .fu-note {\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (min-width: 640px) {\r\n\r\n .fu-schloss-muenster .fu-hero-image {\r\n height: 440px;\r\n }\r\n\r\n .fu-schloss-muenster .fu-hero-content {\r\n padding: 40px;\r\n }\r\n\r\n .fu-schloss-muenster .fu-facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-schloss-muenster .fu-contact-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-schloss-muenster .fu-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (min-width: 900px) {\r\n\r\n .fu-schloss-muenster .fu-hero-image {\r\n height: 500px;\r\n }\r\n\r\n .fu-schloss-muenster .fu-hero-content {\r\n padding: 48px;\r\n }\r\n\r\n .fu-schloss-muenster .fu-related {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 355 ===== */ @scope (.fu-article-355) { \r\n.fu-nordkirchen {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-nordkirchen * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-nordkirchen a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-nordkirchen a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* HERO */\r\n.fu-nordkirchen .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-nordkirchen .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-nordkirchen .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-nordkirchen .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-nordkirchen .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-nordkirchen .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-nordkirchen h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-nordkirchen .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* SCHNELLE NAVIGATION */\r\n.fu-nordkirchen .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-nordkirchen .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-nordkirchen .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-nordkirchen .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-nordkirchen .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* FAKTEN */\r\n.fu-nordkirchen .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-nordkirchen .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-nordkirchen .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-nordkirchen .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* ABSCHNITTE */\r\n.fu-nordkirchen .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-nordkirchen .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-nordkirchen .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-nordkirchen .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-nordkirchen .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n.fu-nordkirchen .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-nordkirchen .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* BUTTONS */\r\n.fu-nordkirchen .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-nordkirchen .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-nordkirchen .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-nordkirchen .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-nordkirchen .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* KARTEN */\r\n.fu-nordkirchen .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-nordkirchen .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-nordkirchen .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-nordkirchen .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-nordkirchen .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-nordkirchen .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ROUTEN */\r\n.fu-nordkirchen .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-nordkirchen .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-nordkirchen .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-nordkirchen .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* PASSENDE INFORMATIONEN */\r\n.fu-nordkirchen .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-nordkirchen .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-nordkirchen .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-nordkirchen .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-nordkirchen .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* HINWEIS */\r\n.fu-nordkirchen .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (min-width:640px) {\r\n\r\n .fu-nordkirchen .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-nordkirchen .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-nordkirchen .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-nordkirchen .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-nordkirchen .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-nordkirchen .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-nordkirchen .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-nordkirchen .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 357 ===== */ @scope (.fu-article-357) { \r\n/* =========================================================\r\n FAST UMSONST – LITERATUR IM SPECOPS NETWORK\r\n Joomla 6 / Bootstrap 5 / Bootstrap Icons 1.11.3\r\n ========================================================= */\r\n\r\n.fu-specops {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d87932;\r\n --fu-accent-dark: #b85f20;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #66736e;\r\n --fu-border: #e5e0d8;\r\n --fu-shadow: 0 10px 28px rgba(31,75,63,.10);\r\n --fu-radius: 18px;\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 16px 50px;\r\n color: var(--fu-text);\r\n font-size: 1.02rem;\r\n line-height: 1.7;\r\n}\r\n\r\n/* ---------- Allgemein ---------- */\r\n\r\n.fu-specops * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-specops a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-specops a:hover {\r\n color: var(--fu-accent-dark);\r\n}\r\n\r\n.fu-specops h1,\r\n.fu-specops h2,\r\n.fu-specops h3 {\r\n color: var(--fu-brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-specops .fu-specops-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-specops .fu-specops-icon {\r\n width: 52px;\r\n height: 52px;\r\n flex: 0 0 52px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 15px;\r\n background: #eef4f1;\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n/* ---------- Hero ---------- */\r\n\r\n.fu-specops-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 34px 30px;\r\n border-radius: 24px;\r\n color: #fff;\r\n background:\r\n radial-gradient(circle at 90% 15%, rgba(216,121,50,.28), transparent 32%),\r\n linear-gradient(135deg, var(--fu-brand-dark), var(--fu-brand));\r\n box-shadow: 0 14px 35px rgba(23,56,47,.18);\r\n}\r\n\r\n.fu-specops-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 180px;\r\n height: 180px;\r\n right: -70px;\r\n bottom: -80px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-specops-hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.fu-specops-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 12px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n color: #fff;\r\n font-size: .88rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-specops-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n font-weight: 800;\r\n}\r\n\r\n.fu-specops-hero p {\r\n max-width: 820px;\r\n margin: 0;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* ---------- Quick Actions ---------- */\r\n\r\n.fu-specops-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin: 0 0 28px;\r\n}\r\n\r\n.fu-specops-action {\r\n min-height: 62px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 13px 16px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n box-shadow: 0 6px 18px rgba(31,75,63,.07);\r\n font-weight: 750;\r\n text-align: center;\r\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-specops-action:hover {\r\n transform: translateY(-2px);\r\n background: #f5f8f6;\r\n box-shadow: 0 10px 24px rgba(31,75,63,.12);\r\n}\r\n\r\n.fu-specops-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* ---------- Fakten ---------- */\r\n\r\n.fu-specops-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 14px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-specops-fact {\r\n padding: 20px 16px;\r\n text-align: center;\r\n}\r\n\r\n.fu-specops-fact i {\r\n display: block;\r\n margin-bottom: 8px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-specops-fact strong {\r\n display: block;\r\n color: var(--fu-brand-dark);\r\n font-size: 1rem;\r\n}\r\n\r\n/* ---------- Sektionen ---------- */\r\n\r\n.fu-specops-section {\r\n margin: 34px 0;\r\n}\r\n\r\n.fu-specops-section-head {\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-specops-section-head h2 {\r\n margin: 0 0 7px;\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n}\r\n\r\n.fu-specops-section-head p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* ---------- Angebotskarten ---------- */\r\n\r\n.fu-specops-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-specops-offer {\r\n height: 100%;\r\n padding: 22px;\r\n}\r\n\r\n.fu-specops-offer-head {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-specops-offer h3 {\r\n margin: 0;\r\n font-size: 1.12rem;\r\n}\r\n\r\n.fu-specops-offer p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* ---------- Highlight ---------- */\r\n\r\n.fu-specops-highlight {\r\n padding: 25px;\r\n border-radius: var(--fu-radius);\r\n background: linear-gradient(135deg, #fff6eb, #fffaf5);\r\n border: 1px solid #f0d5ba;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-specops-highlight-inner {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 17px;\r\n}\r\n\r\n.fu-specops-highlight .fu-specops-icon {\r\n background: #fff;\r\n color: var(--fu-accent-dark);\r\n}\r\n\r\n.fu-specops-highlight h2 {\r\n margin: 0 0 8px;\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-specops-highlight p {\r\n margin: 0;\r\n}\r\n\r\n/* ---------- Info Box ---------- */\r\n\r\n.fu-specops-info {\r\n padding: 24px;\r\n}\r\n\r\n.fu-specops-info-row {\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-specops-info-row:first-child {\r\n padding-top: 0;\r\n}\r\n\r\n.fu-specops-info-row:last-child {\r\n padding-bottom: 0;\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-specops-info-row i {\r\n width: 28px;\r\n flex: 0 0 28px;\r\n color: var(--fu-brand);\r\n font-size: 1.15rem;\r\n text-align: center;\r\n}\r\n\r\n.fu-specops-info-row strong {\r\n display: block;\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* ---------- Programm ---------- */\r\n\r\n.fu-specops-program {\r\n padding: 25px;\r\n}\r\n\r\n.fu-specops-program-card {\r\n display: flex;\r\n gap: 16px;\r\n align-items: flex-start;\r\n padding: 18px 0;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-specops-program-card:first-child {\r\n padding-top: 0;\r\n}\r\n\r\n.fu-specops-program-card:last-child {\r\n padding-bottom: 0;\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-specops-program-icon {\r\n width: 46px;\r\n height: 46px;\r\n flex: 0 0 46px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 13px;\r\n background: #eef4f1;\r\n color: var(--fu-brand);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-specops-program-card h3 {\r\n margin: 0 0 5px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-specops-program-card p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* ---------- CTA ---------- */\r\n\r\n.fu-specops-cta {\r\n margin-top: 34px;\r\n padding: 28px;\r\n border-radius: var(--fu-radius);\r\n background: var(--fu-brand);\r\n color: #fff;\r\n text-align: center;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-specops-cta h2 {\r\n margin: 0 0 8px;\r\n color: #fff;\r\n}\r\n\r\n.fu-specops-cta p {\r\n max-width: 700px;\r\n margin: 0 auto 18px;\r\n color: rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-specops-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 52px;\r\n padding: 12px 20px;\r\n border-radius: 13px;\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n font-weight: 800;\r\n box-shadow: 0 6px 16px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-specops-button:hover {\r\n background: #f5f5f5;\r\n}\r\n\r\n/* ---------- Passende Informationen ---------- */\r\n\r\n.fu-specops-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n}\r\n\r\n.fu-specops-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 68px;\r\n padding: 14px 15px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n box-shadow: 0 6px 18px rgba(31,75,63,.06);\r\n font-weight: 700;\r\n transition: transform .18s ease, box-shadow .18s ease;\r\n}\r\n\r\n.fu-specops-related a:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 22px rgba(31,75,63,.11);\r\n}\r\n\r\n.fu-specops-related i {\r\n color: var(--fu-brand);\r\n font-size: 1.1rem;\r\n}\r\n\r\n/* ---------- Mobile ---------- */\r\n\r\n@media (max-width: 900px) {\r\n .fu-specops-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-specops-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-specops-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n .fu-specops {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-specops-hero {\r\n padding: 27px 21px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-specops-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-specops-action {\r\n min-height: 58px;\r\n }\r\n\r\n .fu-specops-facts,\r\n .fu-specops-grid,\r\n .fu-specops-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-specops-fact {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n text-align: left;\r\n }\r\n\r\n .fu-specops-fact i {\r\n margin: 0;\r\n }\r\n\r\n .fu-specops-highlight-inner {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-specops-program-card {\r\n gap: 12px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 358 ===== */ @scope (.fu-article-358) { \r\n/* =========================================================\r\n FAST UMSONST – ARCHÄOLOGISCHES MUSEUM MÜNSTER\r\n Mobile-first / Bootstrap / Bootstrap Icons\r\n Kultur-/Museumsstandard\r\n ========================================================= */\r\n\r\n.fu-archaeologisches-museum {\r\n --am-brand: #1f4b3f;\r\n --am-brand-dark: #17382f;\r\n --am-accent: #d97706;\r\n --am-paper: #faf8f4;\r\n --am-card: #ffffff;\r\n --am-text: #26332f;\r\n --am-muted: #65736e;\r\n --am-border: #e4e8e5;\r\n --am-shadow: 0 8px 24px rgba(31, 75, 63, .09);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 15px 50px;\r\n color: var(--am-text);\r\n font-size: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-archaeologisches-museum *,\r\n.fu-archaeologisches-museum *::before,\r\n.fu-archaeologisches-museum *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-archaeologisches-museum a {\r\n color: var(--am-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-archaeologisches-museum a:hover {\r\n color: var(--am-brand-dark);\r\n text-decoration: none;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-archaeologisches-museum .am-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 30px 24px;\r\n border-radius: 22px;\r\n color: #fff;\r\n background:\r\n radial-gradient(\r\n circle at 90% 10%,\r\n rgba(217,119,6,.25),\r\n transparent 30%\r\n ),\r\n radial-gradient(\r\n circle at 10% 90%,\r\n rgba(255,255,255,.08),\r\n transparent 35%\r\n ),\r\n linear-gradient(\r\n 135deg,\r\n var(--am-brand-dark),\r\n var(--am-brand)\r\n );\r\n box-shadow: var(--am-shadow);\r\n}\r\n\r\n.fu-archaeologisches-museum .am-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 9px;\r\n font-size: .82rem;\r\n font-weight: 700;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n opacity: .9;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 6vw, 3.2rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-hero p {\r\n max-width: 850px;\r\n margin: 0;\r\n color: rgba(255,255,255,.93);\r\n font-size: 1.05rem;\r\n}\r\n\r\n/* =========================================================\r\n ACTIONS\r\n ========================================================= */\r\n\r\n.fu-archaeologisches-museum .am-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 20px 0 24px;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-action {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-height: 44px;\r\n padding: 10px 15px;\r\n border: 1px solid var(--am-border);\r\n border-radius: 12px;\r\n background: #fff;\r\n color: var(--am-brand);\r\n font-weight: 700;\r\n box-shadow: 0 5px 16px rgba(31,75,63,.07);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-action:hover {\r\n transform: translateY(-1px);\r\n background: var(--am-brand);\r\n border-color: var(--am-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-action.primary {\r\n background: var(--am-brand);\r\n border-color: var(--am-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-action.primary:hover {\r\n background: var(--am-brand-dark);\r\n border-color: var(--am-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-archaeologisches-museum .am-facts {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-fact {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 17px;\r\n border: 1px solid var(--am-border);\r\n border-radius: 16px;\r\n background: var(--am-card);\r\n box-shadow: var(--am-shadow);\r\n}\r\n\r\n.fu-archaeologisches-museum .am-fact-icon {\r\n flex: 0 0 42px;\r\n width: 42px;\r\n height: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n background: rgba(31,75,63,.09);\r\n color: var(--am-brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-fact strong {\r\n display: block;\r\n margin-bottom: 3px;\r\n color: var(--am-brand-dark);\r\n}\r\n\r\n.fu-archaeologisches-museum .am-fact span {\r\n color: var(--am-muted);\r\n font-size: .94rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS / CARDS\r\n ========================================================= */\r\n\r\n.fu-archaeologisches-museum .am-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 30px 0 14px;\r\n color: var(--am-brand-dark);\r\n font-size: 1.45rem;\r\n line-height: 1.2;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-section-title i {\r\n color: var(--am-accent);\r\n}\r\n\r\n.fu-archaeologisches-museum .am-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-card {\r\n padding: 21px;\r\n border: 1px solid var(--am-border);\r\n border-radius: 18px;\r\n background: var(--am-card);\r\n box-shadow: var(--am-shadow);\r\n}\r\n\r\n.fu-archaeologisches-museum .am-card h2,\r\n.fu-archaeologisches-museum .am-card h3 {\r\n color: var(--am-brand-dark);\r\n}\r\n\r\n.fu-archaeologisches-museum .am-card h2 {\r\n margin: 0 0 10px;\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-card h3 {\r\n margin: 0 0 7px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-icon-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-icon-title i {\r\n color: var(--am-accent);\r\n font-size: 1.35rem;\r\n}\r\n\r\n/* =========================================================\r\n CURRENT STATUS\r\n ========================================================= */\r\n\r\n.fu-archaeologisches-museum .am-highlight {\r\n margin: 24px 0;\r\n padding: 22px;\r\n border-left: 5px solid var(--am-accent);\r\n border-radius: 16px;\r\n background: #fff8ed;\r\n box-shadow: var(--am-shadow);\r\n}\r\n\r\n.fu-archaeologisches-museum .am-highlight strong {\r\n color: var(--am-brand-dark);\r\n}\r\n\r\n.fu-archaeologisches-museum .am-highlight p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n EVENTS\r\n ========================================================= */\r\n\r\n.fu-archaeologisches-museum .am-events {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-event {\r\n display: grid;\r\n grid-template-columns: 74px 1fr;\r\n gap: 14px;\r\n align-items: start;\r\n padding: 16px;\r\n border: 1px solid var(--am-border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: var(--am-shadow);\r\n}\r\n\r\n.fu-archaeologisches-museum .am-event-date {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 68px;\r\n border-radius: 13px;\r\n background: var(--am-brand);\r\n color: #fff;\r\n text-align: center;\r\n line-height: 1.1;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-event-date strong {\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-event-date span {\r\n margin-top: 4px;\r\n font-size: .75rem;\r\n text-transform: uppercase;\r\n letter-spacing: .06em;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-event-title {\r\n margin: 0 0 5px;\r\n color: var(--am-brand-dark);\r\n font-size: 1.05rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-event-meta {\r\n color: var(--am-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-event-note {\r\n display: inline-block;\r\n margin-top: 6px;\r\n padding: 3px 8px;\r\n border-radius: 8px;\r\n background: rgba(217,119,6,.11);\r\n color: #9a5704;\r\n font-size: .78rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n ADDRESS\r\n ========================================================= */\r\n\r\n.fu-archaeologisches-museum .am-address {\r\n display: grid;\r\n gap: 15px;\r\n margin: 24px 0;\r\n padding: 22px;\r\n border: 1px solid var(--am-border);\r\n border-radius: 18px;\r\n background: var(--am-card);\r\n box-shadow: var(--am-shadow);\r\n}\r\n\r\n.fu-archaeologisches-museum .am-address h2 {\r\n margin: 0;\r\n color: var(--am-brand-dark);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-address-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-address-item i {\r\n margin-top: 3px;\r\n color: var(--am-accent);\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-address-item strong {\r\n display: block;\r\n}\r\n\r\n/* =========================================================\r\n ROUTE\r\n ========================================================= */\r\n\r\n.fu-archaeologisches-museum .am-route {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-route-item {\r\n padding: 17px;\r\n border-radius: 15px;\r\n background: #f4f6f4;\r\n border: 1px solid var(--am-border);\r\n}\r\n\r\n.fu-archaeologisches-museum .am-route-item i {\r\n margin-right: 7px;\r\n color: var(--am-brand);\r\n}\r\n\r\n/* =========================================================\r\n INFO\r\n ========================================================= */\r\n\r\n.fu-archaeologisches-museum .am-info {\r\n margin: 24px 0;\r\n padding: 22px;\r\n border-radius: 18px;\r\n background: var(--am-brand);\r\n color: #fff;\r\n box-shadow: var(--am-shadow);\r\n}\r\n\r\n.fu-archaeologisches-museum .am-info h2 {\r\n margin: 0 0 9px;\r\n color: #fff;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-info p {\r\n margin-bottom: 10px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-archaeologisches-museum .am-info p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-archaeologisches-museum .am-related {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n min-height: 58px;\r\n padding: 13px 15px;\r\n border: 1px solid var(--am-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n box-shadow: var(--am-shadow);\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-archaeologisches-museum .am-related a:hover {\r\n transform: translateY(-1px);\r\n border-color: var(--am-brand);\r\n}\r\n\r\n.fu-archaeologisches-museum .am-related i {\r\n color: var(--am-accent);\r\n font-size: 1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n NOTE\r\n ========================================================= */\r\n\r\n.fu-archaeologisches-museum .am-note {\r\n margin-top: 20px;\r\n color: var(--am-muted);\r\n font-size: .87rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (min-width: 640px) {\r\n\r\n .fu-archaeologisches-museum {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n\r\n .fu-archaeologisches-museum .am-hero {\r\n padding: 38px 32px;\r\n }\r\n\r\n .fu-archaeologisches-museum .am-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-archaeologisches-museum .am-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-archaeologisches-museum .am-events {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-archaeologisches-museum .am-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (min-width: 900px) {\r\n\r\n .fu-archaeologisches-museum .am-facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-archaeologisches-museum .am-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-archaeologisches-museum .am-events {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-archaeologisches-museum .am-route {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-archaeologisches-museum .am-related {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 359 ===== */ @scope (.fu-article-359) { \r\n.fu-bibelmuseum{\r\n --brand:#1f4b3f;\r\n --brand-dark:#17382f;\r\n --accent:#d97706;\r\n --paper:#faf8f4;\r\n --card:#ffffff;\r\n --text:#26332f;\r\n --muted:#65736e;\r\n --border:#e4e8e5;\r\n --shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 16px 40px;\r\n color:var(--text);\r\n line-height:1.7;\r\n}\r\n\r\n.fu-bibelmuseum *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-bibelmuseum a{\r\n color:var(--brand);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-bibelmuseum a:hover{\r\n color:var(--accent);\r\n}\r\n\r\n.bm-hero{\r\n background:linear-gradient(135deg,#17382f 0%,#1f4b3f 65%,#285e4e 100%);\r\n color:#fff;\r\n border-radius:20px;\r\n padding:32px 24px;\r\n margin-bottom:22px;\r\n box-shadow:0 12px 30px rgba(23,56,47,.18);\r\n}\r\n\r\n.bm-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n margin-bottom:10px;\r\n}\r\n\r\n.bm-hero h2{\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(1.8rem,5vw,2.8rem);\r\n line-height:1.15;\r\n}\r\n\r\n.bm-hero p{\r\n margin:0;\r\n max-width:780px;\r\n font-size:1.05rem;\r\n color:rgba(255,255,255,.92);\r\n}\r\n\r\n.bm-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:22px;\r\n}\r\n\r\n.bm-action{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 16px;\r\n border-radius:10px;\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.28);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.bm-action:hover{\r\n background:#fff;\r\n color:var(--brand) !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.bm-action.primary{\r\n background:#fff;\r\n color:var(--brand) !important;\r\n}\r\n\r\n.bm-action.primary:hover{\r\n background:#f4eee5;\r\n color:var(--brand-dark) !important;\r\n}\r\n\r\n.bm-facts{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin-bottom:22px;\r\n}\r\n\r\n.bm-fact{\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:18px;\r\n box-shadow:var(--shadow);\r\n display:flex;\r\n gap:14px;\r\n align-items:flex-start;\r\n}\r\n\r\n.bm-fact-icon{\r\n width:44px;\r\n height:44px;\r\n min-width:44px;\r\n border-radius:12px;\r\n background:#eef4f1;\r\n color:var(--brand);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:1.3rem;\r\n}\r\n\r\n.bm-fact strong{\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--brand-dark);\r\n}\r\n\r\n.bm-fact span{\r\n color:var(--muted);\r\n font-size:.95rem;\r\n}\r\n\r\n.bm-section{\r\n margin:24px 0;\r\n}\r\n\r\n.bm-section-title{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 14px;\r\n color:var(--brand-dark);\r\n font-size:1.45rem;\r\n line-height:1.25;\r\n}\r\n\r\n.bm-section-title i{\r\n color:var(--accent);\r\n}\r\n\r\n.bm-grid{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n}\r\n\r\n.bm-card{\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:21px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.bm-card h3{\r\n margin:0 0 9px;\r\n color:var(--brand-dark);\r\n font-size:1.18rem;\r\n}\r\n\r\n.bm-card p{\r\n margin:0 0 10px;\r\n}\r\n\r\n.bm-card p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.bm-icon-title{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n}\r\n\r\n.bm-icon-title i{\r\n color:var(--accent);\r\n font-size:1.2rem;\r\n}\r\n\r\n.bm-highlight{\r\n background:#fff7ed;\r\n border:1px solid #f2d2a8;\r\n border-left:5px solid var(--accent);\r\n border-radius:16px;\r\n padding:21px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.bm-highlight h3{\r\n margin:0 0 8px;\r\n color:#8a4b08;\r\n}\r\n\r\n.bm-highlight p{\r\n margin:0;\r\n}\r\n\r\n.bm-exhibition{\r\n background:linear-gradient(135deg,#f6f1e8,#fff);\r\n border:1px solid #e8dfd0;\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.bm-exhibition h3{\r\n margin:0 0 8px;\r\n color:var(--brand-dark);\r\n font-size:1.4rem;\r\n}\r\n\r\n.bm-exhibition .bm-date{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:12px;\r\n padding:6px 10px;\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--accent);\r\n border:1px solid #ead9c0;\r\n font-weight:700;\r\n font-size:.9rem;\r\n}\r\n\r\n.bm-events{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.bm-event{\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n padding:17px;\r\n display:flex;\r\n gap:15px;\r\n align-items:flex-start;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.bm-event-date{\r\n min-width:70px;\r\n padding:9px 7px;\r\n border-radius:11px;\r\n background:var(--brand);\r\n color:#fff;\r\n text-align:center;\r\n font-weight:700;\r\n line-height:1.2;\r\n}\r\n\r\n.bm-event-date small{\r\n display:block;\r\n font-size:.72rem;\r\n opacity:.85;\r\n}\r\n\r\n.bm-event-title{\r\n margin:0 0 4px;\r\n font-weight:700;\r\n color:var(--brand-dark);\r\n}\r\n\r\n.bm-event-meta{\r\n color:var(--muted);\r\n font-size:.93rem;\r\n}\r\n\r\n.bm-address{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.bm-address-item{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:15px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:13px;\r\n}\r\n\r\n.bm-address-item i{\r\n color:var(--accent);\r\n font-size:1.2rem;\r\n margin-top:2px;\r\n}\r\n\r\n.bm-address-item strong{\r\n display:block;\r\n color:var(--brand-dark);\r\n}\r\n\r\n.bm-route{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.bm-route-item{\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n padding:16px;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n background:#fff;\r\n}\r\n\r\n.bm-route-item i{\r\n color:var(--brand);\r\n font-size:1.25rem;\r\n}\r\n\r\n.bm-route-item strong{\r\n color:var(--brand-dark);\r\n display:block;\r\n margin-bottom:2px;\r\n}\r\n\r\n.bm-related{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.bm-related a{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n padding:16px 18px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.bm-related a:hover{\r\n border-color:#bfd0c9;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.bm-related i{\r\n color:var(--accent);\r\n font-size:1.25rem;\r\n}\r\n\r\n.bm-note{\r\n margin-top:22px;\r\n padding:17px 18px;\r\n border-radius:14px;\r\n background:#eef4f1;\r\n border:1px solid #d8e5df;\r\n color:#43534d;\r\n font-size:.94rem;\r\n}\r\n\r\n.bm-note i{\r\n color:var(--brand);\r\n margin-right:6px;\r\n}\r\n\r\n@media (min-width:640px){\r\n .fu-bibelmuseum{\r\n padding-left:22px;\r\n padding-right:22px;\r\n }\r\n\r\n .bm-hero{\r\n padding:40px 34px;\r\n }\r\n\r\n .bm-facts{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .bm-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .bm-address{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .bm-route{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .bm-related{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px){\r\n .bm-hero{\r\n padding:46px 42px;\r\n }\r\n\r\n .bm-grid.three{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .bm-events{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .bm-related{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 360 ===== */ @scope (.fu-article-360) { \r\n.fu-huelshoff {\r\n --green:#1f4b3f;\r\n --green-dark:#17382f;\r\n --orange:#d97706;\r\n --paper:#faf8f4;\r\n --white:#fff;\r\n --text:#26332f;\r\n --muted:#65736e;\r\n --line:#e4e8e5;\r\n --shadow:0 8px 24px rgba(31,75,63,.09);\r\n font-family:inherit;\r\n color:var(--text);\r\n line-height:1.65;\r\n}\r\n\r\n.fu-huelshoff * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-huelshoff .fu-wrap {\r\n max-width:1120px;\r\n margin:0 auto;\r\n}\r\n\r\n.fu-huelshoff .fu-hero {\r\n background:linear-gradient(135deg,var(--green-dark),var(--green));\r\n color:#fff;\r\n border-radius:20px;\r\n padding:38px 28px;\r\n margin:0 0 28px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-huelshoff .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.88rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-huelshoff h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.1rem);\r\n line-height:1.12;\r\n margin:0 0 16px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-huelshoff .fu-lead {\r\n font-size:1.12rem;\r\n max-width:850px;\r\n margin:0;\r\n opacity:.96;\r\n}\r\n\r\n.fu-huelshoff .fu-alert {\r\n background:#fff7ed;\r\n border:1px solid #fed7aa;\r\n border-left:5px solid var(--orange);\r\n border-radius:14px;\r\n padding:20px 22px;\r\n margin:0 0 28px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-huelshoff .fu-alert strong {\r\n color:#9a4d00;\r\n}\r\n\r\n.fu-huelshoff .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-huelshoff .fu-fact {\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:16px;\r\n padding:18px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-huelshoff .fu-fact i {\r\n color:var(--green);\r\n font-size:1.4rem;\r\n margin-right:8px;\r\n}\r\n\r\n.fu-huelshoff .fu-fact strong {\r\n display:block;\r\n margin-top:5px;\r\n font-size:1rem;\r\n}\r\n\r\n.fu-huelshoff .fu-section {\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-huelshoff .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n color:var(--green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n margin:0 0 15px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-huelshoff .fu-section-title i {\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-huelshoff .fu-card {\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-huelshoff .fu-card + .fu-card {\r\n margin-top:16px;\r\n}\r\n\r\n.fu-huelshoff .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-huelshoff .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-huelshoff .fu-info-list {\r\n list-style:none;\r\n padding:0;\r\n margin:0;\r\n}\r\n\r\n.fu-huelshoff .fu-info-list li {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n padding:10px 0;\r\n border-bottom:1px solid var(--line);\r\n}\r\n\r\n.fu-huelshoff .fu-info-list li:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-huelshoff .fu-info-list i {\r\n color:var(--green);\r\n margin-top:4px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-huelshoff .fu-price {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:14px;\r\n}\r\n\r\n.fu-huelshoff .fu-price-item {\r\n flex:1 1 180px;\r\n background:var(--paper);\r\n border-radius:13px;\r\n padding:15px;\r\n}\r\n\r\n.fu-huelshoff .fu-price-item strong {\r\n display:block;\r\n color:var(--green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-huelshoff .fu-note {\r\n background:#f1f5f3;\r\n border-radius:14px;\r\n padding:18px 20px;\r\n margin-top:16px;\r\n}\r\n\r\n.fu-huelshoff .fu-note i {\r\n color:var(--green);\r\n margin-right:7px;\r\n}\r\n\r\n.fu-huelshoff .fu-buttons {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-huelshoff .fu-btn {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n padding:13px 18px;\r\n border-radius:12px;\r\n background:var(--green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-huelshoff .fu-btn:hover {\r\n background:var(--green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-huelshoff .fu-btn.fu-btn-light {\r\n background:var(--paper);\r\n color:var(--green-dark) !important;\r\n border:1px solid var(--line);\r\n}\r\n\r\n.fu-huelshoff .fu-btn.fu-btn-light:hover {\r\n background:#eef2ef;\r\n}\r\n\r\n.fu-huelshoff .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n}\r\n\r\n.fu-huelshoff .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n padding:18px;\r\n border:1px solid var(--line);\r\n border-radius:15px;\r\n background:#fff;\r\n color:var(--green-dark) !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-huelshoff .fu-related a:hover {\r\n transform:translateY(-2px);\r\n border-color:#cbd6d1;\r\n}\r\n\r\n.fu-huelshoff .fu-related i {\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-huelshoff .fu-status {\r\n color:var(--muted);\r\n font-size:.9rem;\r\n margin-top:25px;\r\n padding-top:17px;\r\n border-top:1px solid var(--line);\r\n}\r\n\r\n@media (min-width:640px) {\r\n .fu-huelshoff .fu-hero {\r\n padding:48px 42px;\r\n }\r\n\r\n .fu-huelshoff .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-huelshoff .fu-buttons {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-huelshoff .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px) {\r\n .fu-huelshoff .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-huelshoff .fu-related {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 361 ===== */ @scope (.fu-article-361) { \r\n.fu-rueschhaus {\r\n --green:#1f4b3f;\r\n --green-dark:#17382f;\r\n --orange:#d97706;\r\n --paper:#faf8f4;\r\n --white:#ffffff;\r\n --text:#26332f;\r\n --muted:#65736e;\r\n --line:#e4e8e5;\r\n --shadow:0 8px 24px rgba(31,75,63,.09);\r\n font-family:inherit;\r\n color:var(--text);\r\n line-height:1.65;\r\n}\r\n\r\n.fu-rueschhaus * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-rueschhaus .fu-wrap {\r\n max-width:1120px;\r\n margin:0 auto;\r\n}\r\n\r\n.fu-rueschhaus .fu-hero {\r\n background:linear-gradient(135deg,var(--green-dark),var(--green));\r\n color:#fff;\r\n border-radius:20px;\r\n padding:38px 28px;\r\n margin:0 0 28px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-rueschhaus .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.88rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n margin-bottom:10px;\r\n opacity:.92;\r\n}\r\n\r\n.fu-rueschhaus h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.1rem);\r\n line-height:1.12;\r\n margin:0 0 16px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-rueschhaus .fu-lead {\r\n font-size:1.12rem;\r\n max-width:850px;\r\n margin:0;\r\n opacity:.97;\r\n}\r\n\r\n.fu-rueschhaus .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-rueschhaus .fu-fact {\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:16px;\r\n padding:18px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-rueschhaus .fu-fact i {\r\n color:var(--green);\r\n font-size:1.4rem;\r\n margin-right:8px;\r\n}\r\n\r\n.fu-rueschhaus .fu-fact strong {\r\n display:block;\r\n margin-top:5px;\r\n font-size:1rem;\r\n}\r\n\r\n.fu-rueschhaus .fu-section {\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-rueschhaus .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n color:var(--green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n margin:0 0 15px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-rueschhaus .fu-section-title i {\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-rueschhaus .fu-card {\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-rueschhaus .fu-card + .fu-card {\r\n margin-top:16px;\r\n}\r\n\r\n.fu-rueschhaus .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-rueschhaus .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-rueschhaus .fu-info-list {\r\n list-style:none;\r\n padding:0;\r\n margin:0;\r\n}\r\n\r\n.fu-rueschhaus .fu-info-list li {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n padding:10px 0;\r\n border-bottom:1px solid var(--line);\r\n}\r\n\r\n.fu-rueschhaus .fu-info-list li:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-rueschhaus .fu-info-list i {\r\n color:var(--green);\r\n margin-top:4px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-rueschhaus .fu-price {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:16px;\r\n}\r\n\r\n.fu-rueschhaus .fu-price-item {\r\n flex:1 1 180px;\r\n background:var(--paper);\r\n border-radius:13px;\r\n padding:15px;\r\n}\r\n\r\n.fu-rueschhaus .fu-price-item strong {\r\n display:block;\r\n color:var(--green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-rueschhaus .fu-note {\r\n background:#f1f5f3;\r\n border-radius:14px;\r\n padding:18px 20px;\r\n margin-top:16px;\r\n}\r\n\r\n.fu-rueschhaus .fu-note i {\r\n color:var(--green);\r\n margin-right:7px;\r\n}\r\n\r\n.fu-rueschhaus .fu-highlight {\r\n background:#fff7ed;\r\n border:1px solid #fed7aa;\r\n border-left:5px solid var(--orange);\r\n border-radius:14px;\r\n padding:20px 22px;\r\n margin:0 0 28px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-rueschhaus .fu-highlight strong {\r\n color:#9a4d00;\r\n}\r\n\r\n.fu-rueschhaus .fu-buttons {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-rueschhaus .fu-btn {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n padding:13px 18px;\r\n border-radius:12px;\r\n background:var(--green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-rueschhaus .fu-btn:hover {\r\n background:var(--green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-rueschhaus .fu-btn-light {\r\n background:var(--paper);\r\n color:var(--green-dark) !important;\r\n border:1px solid var(--line);\r\n}\r\n\r\n.fu-rueschhaus .fu-btn-light:hover {\r\n background:#eef2ef;\r\n}\r\n\r\n.fu-rueschhaus .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n}\r\n\r\n.fu-rueschhaus .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n padding:18px;\r\n border:1px solid var(--line);\r\n border-radius:15px;\r\n background:#fff;\r\n color:var(--green-dark) !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-rueschhaus .fu-related a:hover {\r\n transform:translateY(-2px);\r\n border-color:#cbd6d1;\r\n}\r\n\r\n.fu-rueschhaus .fu-related i {\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-rueschhaus .fu-status {\r\n color:var(--muted);\r\n font-size:.9rem;\r\n margin-top:25px;\r\n padding-top:17px;\r\n border-top:1px solid var(--line);\r\n}\r\n\r\n@media (min-width:640px) {\r\n .fu-rueschhaus .fu-hero {\r\n padding:48px 42px;\r\n }\r\n\r\n .fu-rueschhaus .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-rueschhaus .fu-buttons {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-rueschhaus .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px) {\r\n .fu-rueschhaus .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-rueschhaus .fu-related {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 362 ===== */ @scope (.fu-article-362) { \r\n.fu-friedenssaal{\r\n --brand:#1f4b3f;\r\n --brand-dark:#17382f;\r\n --accent:#d97706;\r\n --paper:#faf8f4;\r\n --card:#ffffff;\r\n --text:#26332f;\r\n --muted:#65736e;\r\n --border:#e4e8e5;\r\n --shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 16px 40px;\r\n color:var(--text);\r\n line-height:1.7;\r\n}\r\n\r\n.fu-friedenssaal *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-friedenssaal a{\r\n color:var(--brand);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-friedenssaal a:hover{\r\n color:var(--accent);\r\n}\r\n\r\n/* HERO */\r\n\r\n.fs-hero{\r\n background:linear-gradient(135deg,#17382f 0%,#1f4b3f 65%,#285e4e 100%);\r\n color:#fff;\r\n border-radius:20px;\r\n padding:32px 24px;\r\n margin-bottom:22px;\r\n box-shadow:0 12px 30px rgba(23,56,47,.18);\r\n}\r\n\r\n.fs-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fs-hero h2{\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(1.8rem,5vw,2.8rem);\r\n line-height:1.15;\r\n}\r\n\r\n.fs-hero p{\r\n margin:0;\r\n max-width:800px;\r\n font-size:1.05rem;\r\n color:rgba(255,255,255,.93);\r\n}\r\n\r\n.fs-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:22px;\r\n}\r\n\r\n.fs-action{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 16px;\r\n border-radius:10px;\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.28);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fs-action:hover{\r\n background:#fff;\r\n color:var(--brand) !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fs-action.primary{\r\n background:#fff;\r\n color:var(--brand) !important;\r\n}\r\n\r\n.fs-action.primary:hover{\r\n background:#f4eee5;\r\n color:var(--brand-dark) !important;\r\n}\r\n\r\n/* FACTS */\r\n\r\n.fs-facts{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin-bottom:22px;\r\n}\r\n\r\n.fs-fact{\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:18px;\r\n box-shadow:var(--shadow);\r\n display:flex;\r\n gap:14px;\r\n align-items:flex-start;\r\n}\r\n\r\n.fs-fact-icon{\r\n width:44px;\r\n height:44px;\r\n min-width:44px;\r\n border-radius:12px;\r\n background:#eef4f1;\r\n color:var(--brand);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:1.3rem;\r\n}\r\n\r\n.fs-fact strong{\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--brand-dark);\r\n}\r\n\r\n.fs-fact span{\r\n color:var(--muted);\r\n font-size:.95rem;\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fs-section{\r\n margin:24px 0;\r\n}\r\n\r\n.fs-section-title{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 14px;\r\n color:var(--brand-dark);\r\n font-size:1.45rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fs-section-title i{\r\n color:var(--accent);\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fs-grid{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n}\r\n\r\n.fs-card{\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:21px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fs-card h3{\r\n margin:0 0 9px;\r\n color:var(--brand-dark);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fs-card p{\r\n margin:0 0 10px;\r\n}\r\n\r\n.fs-card p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.fs-icon-title{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n}\r\n\r\n.fs-icon-title i{\r\n color:var(--accent);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* HISTORICAL HIGHLIGHT */\r\n\r\n.fs-highlight{\r\n background:#fff7ed;\r\n border:1px solid #f2d2a8;\r\n border-left:5px solid var(--accent);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fs-highlight h3{\r\n margin:0 0 8px;\r\n color:#8a4b08;\r\n font-size:1.3rem;\r\n}\r\n\r\n.fs-highlight p{\r\n margin:0 0 10px;\r\n}\r\n\r\n.fs-highlight p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n/* PRICE */\r\n\r\n.fs-price-grid{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.fs-price{\r\n padding:18px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fs-price strong{\r\n display:block;\r\n color:var(--brand-dark);\r\n font-size:1.05rem;\r\n}\r\n\r\n.fs-price .amount{\r\n color:var(--accent);\r\n font-size:1.5rem;\r\n font-weight:800;\r\n margin-top:3px;\r\n}\r\n\r\n/* ADDRESS */\r\n\r\n.fs-address{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.fs-address-item{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:16px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n}\r\n\r\n.fs-address-item i{\r\n color:var(--accent);\r\n font-size:1.2rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fs-address-item strong{\r\n display:block;\r\n color:var(--brand-dark);\r\n}\r\n\r\n/* ROUTE */\r\n\r\n.fs-route{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.fs-route-item{\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n padding:16px;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n background:#fff;\r\n}\r\n\r\n.fs-route-item i{\r\n color:var(--brand);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fs-route-item strong{\r\n color:var(--brand-dark);\r\n display:block;\r\n margin-bottom:2px;\r\n}\r\n\r\n/* ACCESSIBILITY */\r\n\r\n.fs-access{\r\n background:#eef4f1;\r\n border:1px solid #d8e5df;\r\n border-radius:16px;\r\n padding:21px;\r\n}\r\n\r\n.fs-access h3{\r\n margin:0 0 8px;\r\n color:var(--brand-dark);\r\n}\r\n\r\n.fs-access p{\r\n margin:0 0 8px;\r\n}\r\n\r\n.fs-access p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fs-related{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.fs-related a{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n padding:16px 18px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fs-related a:hover{\r\n border-color:#bfd0c9;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fs-related i{\r\n color:var(--accent);\r\n font-size:1.25rem;\r\n}\r\n\r\n/* NOTE */\r\n\r\n.fs-note{\r\n margin-top:22px;\r\n padding:17px 18px;\r\n border-radius:14px;\r\n background:#f4f1eb;\r\n border:1px solid #e5dfd4;\r\n color:#59635f;\r\n font-size:.94rem;\r\n}\r\n\r\n.fs-note i{\r\n color:var(--brand);\r\n margin-right:6px;\r\n}\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (min-width:640px){\r\n\r\n .fu-friedenssaal{\r\n padding-left:22px;\r\n padding-right:22px;\r\n }\r\n\r\n .fs-hero{\r\n padding:40px 34px;\r\n }\r\n\r\n .fs-facts{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fs-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fs-price-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fs-address{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fs-route{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fs-related{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px){\r\n\r\n .fs-hero{\r\n padding:46px 42px;\r\n }\r\n\r\n .fs-grid.three{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fs-related{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 363 ===== */ @scope (.fu-article-363) { \r\n.fu-geomuseum{\r\n --brand:#1f4b3f;\r\n --brand-dark:#17382f;\r\n --accent:#d97706;\r\n --paper:#faf8f4;\r\n --card:#ffffff;\r\n --text:#26332f;\r\n --muted:#65736e;\r\n --border:#e4e8e5;\r\n --shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 16px 40px;\r\n color:var(--text);\r\n line-height:1.7;\r\n}\r\n\r\n.fu-geomuseum *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-geomuseum a{\r\n color:var(--brand);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-geomuseum a:hover{\r\n color:var(--accent);\r\n}\r\n\r\n/* HERO */\r\n\r\n.gm-hero{\r\n background:\r\n radial-gradient(circle at 90% 20%,rgba(255,255,255,.10),transparent 28%),\r\n linear-gradient(135deg,#17382f 0%,#1f4b3f 65%,#285e4e 100%);\r\n color:#fff;\r\n border-radius:20px;\r\n padding:32px 24px;\r\n margin-bottom:22px;\r\n box-shadow:0 12px 30px rgba(23,56,47,.18);\r\n}\r\n\r\n.gm-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n margin-bottom:10px;\r\n}\r\n\r\n.gm-hero h2{\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(1.8rem,5vw,2.8rem);\r\n line-height:1.15;\r\n}\r\n\r\n.gm-hero p{\r\n margin:0;\r\n max-width:820px;\r\n font-size:1.05rem;\r\n color:rgba(255,255,255,.93);\r\n}\r\n\r\n.gm-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:22px;\r\n}\r\n\r\n.gm-action{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 16px;\r\n border-radius:10px;\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.28);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.gm-action:hover{\r\n background:#fff;\r\n color:var(--brand) !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.gm-action.primary{\r\n background:#fff;\r\n color:var(--brand) !important;\r\n}\r\n\r\n.gm-action.primary:hover{\r\n background:#f4eee5;\r\n color:var(--brand-dark) !important;\r\n}\r\n\r\n/* FACTS */\r\n\r\n.gm-facts{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin-bottom:22px;\r\n}\r\n\r\n.gm-fact{\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:18px;\r\n box-shadow:var(--shadow);\r\n display:flex;\r\n gap:14px;\r\n align-items:flex-start;\r\n}\r\n\r\n.gm-fact-icon{\r\n width:44px;\r\n height:44px;\r\n min-width:44px;\r\n border-radius:12px;\r\n background:#eef4f1;\r\n color:var(--brand);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:1.3rem;\r\n}\r\n\r\n.gm-fact strong{\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--brand-dark);\r\n}\r\n\r\n.gm-fact span{\r\n color:var(--muted);\r\n font-size:.95rem;\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.gm-section{\r\n margin:24px 0;\r\n}\r\n\r\n.gm-section-title{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 14px;\r\n color:var(--brand-dark);\r\n font-size:1.45rem;\r\n line-height:1.25;\r\n}\r\n\r\n.gm-section-title i{\r\n color:var(--accent);\r\n}\r\n\r\n/* CARDS */\r\n\r\n.gm-grid{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n}\r\n\r\n.gm-card{\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:21px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.gm-card h3{\r\n margin:0 0 9px;\r\n color:var(--brand-dark);\r\n font-size:1.18rem;\r\n}\r\n\r\n.gm-card p{\r\n margin:0 0 10px;\r\n}\r\n\r\n.gm-card p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.gm-icon-title{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n}\r\n\r\n.gm-icon-title i{\r\n color:var(--accent);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.gm-highlight{\r\n background:#fff7ed;\r\n border:1px solid #f2d2a8;\r\n border-left:5px solid var(--accent);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.gm-highlight h3{\r\n margin:0 0 8px;\r\n color:#8a4b08;\r\n font-size:1.3rem;\r\n}\r\n\r\n.gm-highlight p{\r\n margin:0 0 10px;\r\n}\r\n\r\n.gm-highlight p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n/* EARTH TIMELINE */\r\n\r\n.gm-timeline{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.gm-time{\r\n display:flex;\r\n gap:14px;\r\n align-items:flex-start;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n padding:17px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.gm-time-icon{\r\n width:42px;\r\n height:42px;\r\n min-width:42px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:50%;\r\n background:#eef4f1;\r\n color:var(--brand);\r\n}\r\n\r\n.gm-time strong{\r\n display:block;\r\n color:var(--brand-dark);\r\n}\r\n\r\n.gm-time span{\r\n color:var(--muted);\r\n font-size:.94rem;\r\n}\r\n\r\n/* EVENTS */\r\n\r\n.gm-events{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.gm-event{\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n padding:17px;\r\n display:flex;\r\n gap:15px;\r\n align-items:flex-start;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.gm-event-date{\r\n min-width:70px;\r\n padding:9px 7px;\r\n border-radius:11px;\r\n background:var(--brand);\r\n color:#fff;\r\n text-align:center;\r\n font-weight:700;\r\n line-height:1.2;\r\n}\r\n\r\n.gm-event-date small{\r\n display:block;\r\n font-size:.72rem;\r\n opacity:.85;\r\n}\r\n\r\n.gm-event-title{\r\n margin:0 0 4px;\r\n font-weight:700;\r\n color:var(--brand-dark);\r\n}\r\n\r\n.gm-event-meta{\r\n color:var(--muted);\r\n font-size:.93rem;\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.gm-address{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.gm-address-item{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:16px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n}\r\n\r\n.gm-address-item i{\r\n color:var(--accent);\r\n font-size:1.2rem;\r\n margin-top:2px;\r\n}\r\n\r\n.gm-address-item strong{\r\n display:block;\r\n color:var(--brand-dark);\r\n}\r\n\r\n/* ROUTE */\r\n\r\n.gm-route{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.gm-route-item{\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n padding:16px;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n background:#fff;\r\n}\r\n\r\n.gm-route-item i{\r\n color:var(--brand);\r\n font-size:1.25rem;\r\n}\r\n\r\n.gm-route-item strong{\r\n color:var(--brand-dark);\r\n display:block;\r\n margin-bottom:2px;\r\n}\r\n\r\n/* ACCESSIBILITY */\r\n\r\n.gm-access{\r\n background:#eef4f1;\r\n border:1px solid #d8e5df;\r\n border-radius:16px;\r\n padding:21px;\r\n}\r\n\r\n.gm-access h3{\r\n margin:0 0 8px;\r\n color:var(--brand-dark);\r\n}\r\n\r\n.gm-access p{\r\n margin:0 0 9px;\r\n}\r\n\r\n.gm-access p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.gm-related{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.gm-related a{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n padding:16px 18px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.gm-related a:hover{\r\n border-color:#bfd0c9;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.gm-related i{\r\n color:var(--accent);\r\n font-size:1.25rem;\r\n}\r\n\r\n/* NOTE */\r\n\r\n.gm-note{\r\n margin-top:22px;\r\n padding:17px 18px;\r\n border-radius:14px;\r\n background:#f4f1eb;\r\n border:1px solid #e5dfd4;\r\n color:#59635f;\r\n font-size:.94rem;\r\n}\r\n\r\n.gm-note i{\r\n color:var(--brand);\r\n margin-right:6px;\r\n}\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (min-width:640px){\r\n\r\n .fu-geomuseum{\r\n padding-left:22px;\r\n padding-right:22px;\r\n }\r\n\r\n .gm-hero{\r\n padding:40px 34px;\r\n }\r\n\r\n .gm-facts{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .gm-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .gm-address{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .gm-route{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .gm-related{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px){\r\n\r\n .gm-hero{\r\n padding:46px 42px;\r\n }\r\n\r\n .gm-grid.three{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .gm-events{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .gm-related{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 364 ===== */ @scope (.fu-article-364) { \r\n/* =========================================================\r\n FAST UMSONST – HEIMATMUSEUM KINDERHAUS\r\n ========================================================= */\r\n\r\n.fu-heimat-kinderhaus{\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#fff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:20px 16px 50px;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-heimat-kinderhaus *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-heimat-kinderhaus a{\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-heimat-kinderhaus a:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-hero{\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(135deg,var(--fu-dark),var(--fu-green));\r\n color:#fff;\r\n border-radius:20px;\r\n padding:34px 28px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-hero:after{\r\n content:\"\";\r\n position:absolute;\r\n width:190px;\r\n height:190px;\r\n right:-70px;\r\n top:-80px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-kicker{\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n font-size:.88rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-hero h1{\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-hero p{\r\n position:relative;\r\n z-index:1;\r\n max-width:850px;\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-buttons{\r\n position:relative;\r\n z-index:2;\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-btn-primary{\r\n background:#fff;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-btn-secondary{\r\n border:1px solid rgba(255,255,255,.45);\r\n color:#fff;\r\n background:rgba(255,255,255,.08);\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-btn:hover{\r\n text-decoration:none;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-facts{\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-fact{\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-fact-icon{\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n margin-bottom:6px;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-fact strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n font-size:1rem;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-fact span{\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.96rem;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-section{\r\n margin:32px 0;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-section-title{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n line-height:1.3;\r\n font-weight:800;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-section-title i{\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-card{\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:24px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-card + .fu-card{\r\n margin-top:16px;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-card h3{\r\n margin:0 0 9px;\r\n color:var(--fu-dark);\r\n font-size:1.22rem;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-card p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-grid{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-highlight{\r\n background:linear-gradient(135deg,#fff8ed,#fff);\r\n border:1px solid #f1d4a9;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:20px;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-highlight h3{\r\n margin-top:0;\r\n color:#7c4300;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-list{\r\n margin:0;\r\n padding:0;\r\n list-style:none;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-list li{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:10px;\r\n margin:10px 0;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-list i{\r\n flex:0 0 auto;\r\n margin-top:4px;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-info-row{\r\n display:flex;\r\n gap:12px;\r\n align-items:flex-start;\r\n padding:11px 0;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-info-row:last-child{\r\n border-bottom:0;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-info-row i{\r\n color:var(--fu-green);\r\n margin-top:4px;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-related{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-related a{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:var(--fu-shadow);\r\n color:var(--fu-text);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-related a:hover{\r\n transform:translateY(-2px);\r\n text-decoration:none;\r\n border-color:#cbd6d1;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-related i{\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-related strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-note{\r\n margin-top:28px;\r\n padding:16px 18px;\r\n border-radius:12px;\r\n background:#f2f5f3;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-heimat-kinderhaus .fu-note i{\r\n color:var(--fu-green);\r\n margin-right:6px;\r\n}\r\n\r\n@media (min-width:640px){\r\n .fu-heimat-kinderhaus{\r\n padding:28px 22px 60px;\r\n }\r\n\r\n .fu-heimat-kinderhaus .fu-facts{\r\n grid-template-columns:repeat(4,minmax(0,1fr));\r\n }\r\n\r\n .fu-heimat-kinderhaus .fu-grid{\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-heimat-kinderhaus .fu-related{\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (min-width:900px){\r\n .fu-heimat-kinderhaus .fu-hero{\r\n padding:46px 42px;\r\n }\r\n\r\n .fu-heimat-kinderhaus .fu-card{\r\n padding:28px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 365 ===== */ @scope (.fu-article-365) { \r\n.fu-hiltrup {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-orange: #d97706;\r\n --fu-paper: #faf8f4;\r\n --fu-white: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #65736e;\r\n --fu-border: #e4e8e5;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.09);\r\n font-family: inherit;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-hiltrup * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hiltrup a {\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-hiltrup a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n.fu-hiltrup .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green-dark), var(--fu-green));\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 38px 28px;\r\n margin-bottom: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-hiltrup .fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n opacity: .9;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-hiltrup .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n line-height: 1.12;\r\n margin: 0 0 15px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hiltrup .fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n.fu-hiltrup .fu-status {\r\n margin-top: 24px;\r\n padding: 16px 18px;\r\n border-radius: 14px;\r\n background: rgba(217,119,6,.16);\r\n border: 1px solid rgba(255,255,255,.25);\r\n}\r\n\r\n.fu-hiltrup .fu-status strong {\r\n display: block;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-hiltrup .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(1, 1fr);\r\n gap: 12px;\r\n margin: 24px 0 32px;\r\n}\r\n\r\n.fu-hiltrup .fu-fact {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 18px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-hiltrup .fu-fact-icon {\r\n color: var(--fu-orange);\r\n font-size: 1.35rem;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-hiltrup .fu-fact strong {\r\n display: block;\r\n color: var(--fu-green-dark);\r\n font-size: 1rem;\r\n}\r\n\r\n.fu-hiltrup .fu-section {\r\n margin: 34px 0;\r\n}\r\n\r\n.fu-hiltrup .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n margin: 0 0 18px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-hiltrup .fu-section h2 i {\r\n color: var(--fu-orange);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-hiltrup .fu-card {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n margin-bottom: 16px;\r\n}\r\n\r\n.fu-hiltrup .fu-card h3 {\r\n color: var(--fu-green-dark);\r\n font-size: 1.15rem;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-hiltrup .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-hiltrup .fu-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 18px 20px;\r\n margin: 20px 0;\r\n}\r\n\r\n.fu-hiltrup .fu-highlight strong {\r\n color: #9a5800;\r\n}\r\n\r\n.fu-hiltrup .fu-hours {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n}\r\n\r\n.fu-hiltrup .fu-hours-row {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 20px;\r\n padding: 12px 0;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-hiltrup .fu-hours-row:last-child {\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-hiltrup .fu-hours-row strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-hiltrup .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-hiltrup .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: transform .15s ease, background .15s ease;\r\n}\r\n\r\n.fu-hiltrup .fu-button:hover {\r\n background: var(--fu-green-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-hiltrup .fu-button.secondary {\r\n background: #edf2ef;\r\n color: var(--fu-green-dark) !important;\r\n}\r\n\r\n.fu-hiltrup .fu-button.secondary:hover {\r\n background: #e0e8e3;\r\n}\r\n\r\n.fu-hiltrup .fu-related {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n}\r\n\r\n.fu-hiltrup .fu-related a {\r\n display: block;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 18px 20px;\r\n box-shadow: var(--fu-shadow);\r\n transition: transform .15s ease, border-color .15s ease;\r\n}\r\n\r\n.fu-hiltrup .fu-related a:hover {\r\n transform: translateY(-2px);\r\n border-color: rgba(31,75,63,.35);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-hiltrup .fu-related i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-hiltrup .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n}\r\n\r\n.fu-hiltrup .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n margin-top: 28px;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n .fu-hiltrup .fu-hero {\r\n padding: 46px 40px;\r\n }\r\n\r\n .fu-hiltrup .fu-facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-hiltrup .fu-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-hiltrup .fu-contact-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (min-width: 900px) {\r\n .fu-hiltrup .fu-hero {\r\n padding: 52px 48px;\r\n }\r\n\r\n .fu-hiltrup .fu-related {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 366 ===== */ @scope (.fu-article-366) { \r\n/* =========================================================\r\n FAST UMSONST – LEPRAMUSEUM MÜNSTER-KINDERHAUS\r\n ========================================================= */\r\n\r\n.fu-lepramuseum{\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#fff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:20px 16px 50px;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-lepramuseum *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-lepramuseum a{\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-lepramuseum a:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-lepramuseum .fu-hero{\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(135deg,var(--fu-dark),var(--fu-green));\r\n color:#fff;\r\n border-radius:20px;\r\n padding:34px 28px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-lepramuseum .fu-hero:after{\r\n content:\"\";\r\n position:absolute;\r\n width:190px;\r\n height:190px;\r\n right:-70px;\r\n top:-80px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-lepramuseum .fu-kicker{\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n font-size:.88rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n}\r\n\r\n.fu-lepramuseum .fu-hero h1{\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-lepramuseum .fu-hero p{\r\n position:relative;\r\n z-index:1;\r\n max-width:850px;\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-lepramuseum .fu-buttons{\r\n position:relative;\r\n z-index:2;\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-lepramuseum .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-lepramuseum .fu-btn-primary{\r\n background:#fff;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-lepramuseum .fu-btn-secondary{\r\n border:1px solid rgba(255,255,255,.45);\r\n color:#fff;\r\n background:rgba(255,255,255,.08);\r\n}\r\n\r\n.fu-lepramuseum .fu-btn:hover{\r\n text-decoration:none;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-lepramuseum .fu-facts{\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-lepramuseum .fu-fact{\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-lepramuseum .fu-fact-icon{\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n margin-bottom:6px;\r\n}\r\n\r\n.fu-lepramuseum .fu-fact strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n font-size:1rem;\r\n}\r\n\r\n.fu-lepramuseum .fu-fact span{\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.96rem;\r\n}\r\n\r\n.fu-lepramuseum .fu-section{\r\n margin:32px 0;\r\n}\r\n\r\n.fu-lepramuseum .fu-section-title{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n line-height:1.3;\r\n font-weight:800;\r\n}\r\n\r\n.fu-lepramuseum .fu-section-title i{\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-lepramuseum .fu-card{\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:24px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-lepramuseum .fu-card + .fu-card{\r\n margin-top:16px;\r\n}\r\n\r\n.fu-lepramuseum .fu-card h3{\r\n margin:0 0 9px;\r\n color:var(--fu-dark);\r\n font-size:1.22rem;\r\n}\r\n\r\n.fu-lepramuseum .fu-card p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-lepramuseum .fu-grid{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n}\r\n\r\n.fu-lepramuseum .fu-highlight{\r\n background:linear-gradient(135deg,#fff8ed,#fff);\r\n border:1px solid #f1d4a9;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:20px;\r\n}\r\n\r\n.fu-lepramuseum .fu-highlight h3{\r\n margin-top:0;\r\n color:#7c4300;\r\n}\r\n\r\n.fu-lepramuseum .fu-list{\r\n margin:0;\r\n padding:0;\r\n list-style:none;\r\n}\r\n\r\n.fu-lepramuseum .fu-list li{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:10px;\r\n margin:10px 0;\r\n}\r\n\r\n.fu-lepramuseum .fu-list i{\r\n flex:0 0 auto;\r\n margin-top:4px;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-lepramuseum .fu-info-row{\r\n display:flex;\r\n gap:12px;\r\n align-items:flex-start;\r\n padding:11px 0;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-lepramuseum .fu-info-row:last-child{\r\n border-bottom:0;\r\n}\r\n\r\n.fu-lepramuseum .fu-info-row i{\r\n color:var(--fu-green);\r\n margin-top:4px;\r\n}\r\n\r\n.fu-lepramuseum .fu-warning{\r\n background:#f8f3ea;\r\n border:1px solid #eadcc5;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:20px;\r\n}\r\n\r\n.fu-lepramuseum .fu-warning h3{\r\n margin-top:0;\r\n color:#704719;\r\n}\r\n\r\n.fu-lepramuseum .fu-related{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n}\r\n\r\n.fu-lepramuseum .fu-related a{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:var(--fu-shadow);\r\n color:var(--fu-text);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-lepramuseum .fu-related a:hover{\r\n transform:translateY(-2px);\r\n text-decoration:none;\r\n border-color:#cbd6d1;\r\n}\r\n\r\n.fu-lepramuseum .fu-related i{\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-lepramuseum .fu-related strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-lepramuseum .fu-note{\r\n margin-top:28px;\r\n padding:16px 18px;\r\n border-radius:12px;\r\n background:#f2f5f3;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-lepramuseum .fu-note i{\r\n color:var(--fu-green);\r\n margin-right:6px;\r\n}\r\n\r\n@media (min-width:640px){\r\n .fu-lepramuseum{\r\n padding:28px 22px 60px;\r\n }\r\n\r\n .fu-lepramuseum .fu-facts{\r\n grid-template-columns:repeat(4,minmax(0,1fr));\r\n }\r\n\r\n .fu-lepramuseum .fu-grid{\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-lepramuseum .fu-related{\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (min-width:900px){\r\n .fu-lepramuseum .fu-hero{\r\n padding:46px 42px;\r\n }\r\n\r\n .fu-lepramuseum .fu-card{\r\n padding:28px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 367 ===== */ @scope (.fu-article-367) { \r\n.fu-lwl-museum{\r\n --brand:#1f4b3f;\r\n --brand-dark:#17382f;\r\n --accent:#d97706;\r\n --paper:#faf8f4;\r\n --card:#ffffff;\r\n --text:#26332f;\r\n --muted:#65736e;\r\n --border:#e4e8e5;\r\n --shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 16px 40px;\r\n color:var(--text);\r\n line-height:1.7;\r\n}\r\n\r\n.fu-lwl-museum *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-lwl-museum a{\r\n color:var(--brand);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-lwl-museum a:hover{\r\n color:var(--accent);\r\n}\r\n\r\n/* HERO */\r\n\r\n.lwl-hero{\r\n background:\r\n radial-gradient(circle at 90% 15%,rgba(255,255,255,.11),transparent 28%),\r\n linear-gradient(135deg,#17382f 0%,#1f4b3f 65%,#285e4e 100%);\r\n color:#fff;\r\n border-radius:20px;\r\n padding:32px 24px;\r\n margin-bottom:22px;\r\n box-shadow:0 12px 30px rgba(23,56,47,.18);\r\n}\r\n\r\n.lwl-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n margin-bottom:10px;\r\n}\r\n\r\n.lwl-hero h2{\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(1.8rem,5vw,2.8rem);\r\n line-height:1.15;\r\n}\r\n\r\n.lwl-hero p{\r\n margin:0;\r\n max-width:820px;\r\n font-size:1.05rem;\r\n color:rgba(255,255,255,.93);\r\n}\r\n\r\n.lwl-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:22px;\r\n}\r\n\r\n.lwl-action{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 16px;\r\n border-radius:10px;\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.28);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.lwl-action:hover{\r\n background:#fff;\r\n color:var(--brand) !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.lwl-action.primary{\r\n background:#fff;\r\n color:var(--brand) !important;\r\n}\r\n\r\n.lwl-action.primary:hover{\r\n background:#f4eee5;\r\n color:var(--brand-dark) !important;\r\n}\r\n\r\n/* FACTS */\r\n\r\n.lwl-facts{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin-bottom:22px;\r\n}\r\n\r\n.lwl-fact{\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:18px;\r\n box-shadow:var(--shadow);\r\n display:flex;\r\n gap:14px;\r\n align-items:flex-start;\r\n}\r\n\r\n.lwl-fact-icon{\r\n width:44px;\r\n height:44px;\r\n min-width:44px;\r\n border-radius:12px;\r\n background:#eef4f1;\r\n color:var(--brand);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:1.3rem;\r\n}\r\n\r\n.lwl-fact strong{\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--brand-dark);\r\n}\r\n\r\n.lwl-fact span{\r\n color:var(--muted);\r\n font-size:.95rem;\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.lwl-section{\r\n margin:24px 0;\r\n}\r\n\r\n.lwl-section-title{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 14px;\r\n color:var(--brand-dark);\r\n font-size:1.45rem;\r\n line-height:1.25;\r\n}\r\n\r\n.lwl-section-title i{\r\n color:var(--accent);\r\n}\r\n\r\n/* CARDS */\r\n\r\n.lwl-grid{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n}\r\n\r\n.lwl-card{\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:21px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.lwl-card h3{\r\n margin:0 0 9px;\r\n color:var(--brand-dark);\r\n font-size:1.18rem;\r\n}\r\n\r\n.lwl-card p{\r\n margin:0 0 10px;\r\n}\r\n\r\n.lwl-card p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.lwl-icon-title{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n}\r\n\r\n.lwl-icon-title i{\r\n color:var(--accent);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.lwl-highlight{\r\n background:#fff7ed;\r\n border:1px solid #f2d2a8;\r\n border-left:5px solid var(--accent);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.lwl-highlight h3{\r\n margin:0 0 8px;\r\n color:#8a4b08;\r\n font-size:1.3rem;\r\n}\r\n\r\n.lwl-highlight p{\r\n margin:0 0 10px;\r\n}\r\n\r\n.lwl-highlight p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n/* EXHIBITION */\r\n\r\n.lwl-exhibition{\r\n background:linear-gradient(135deg,#f6f1e8,#fff);\r\n border:1px solid #e8dfd0;\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.lwl-exhibition .lwl-date{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:12px;\r\n padding:6px 10px;\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--accent);\r\n border:1px solid #ead9c0;\r\n font-weight:700;\r\n font-size:.9rem;\r\n}\r\n\r\n.lwl-exhibition h3{\r\n margin:0 0 9px;\r\n color:var(--brand-dark);\r\n font-size:1.45rem;\r\n}\r\n\r\n.lwl-exhibition p{\r\n margin:0 0 10px;\r\n}\r\n\r\n.lwl-exhibition p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n/* EVENTS */\r\n\r\n.lwl-events{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.lwl-event{\r\n background:var(--card);\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n padding:17px;\r\n display:flex;\r\n gap:15px;\r\n align-items:flex-start;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.lwl-event-date{\r\n min-width:70px;\r\n padding:9px 7px;\r\n border-radius:11px;\r\n background:var(--brand);\r\n color:#fff;\r\n text-align:center;\r\n font-weight:700;\r\n line-height:1.2;\r\n}\r\n\r\n.lwl-event-date small{\r\n display:block;\r\n font-size:.72rem;\r\n opacity:.85;\r\n}\r\n\r\n.lwl-event-title{\r\n margin:0 0 4px;\r\n font-weight:700;\r\n color:var(--brand-dark);\r\n}\r\n\r\n.lwl-event-meta{\r\n color:var(--muted);\r\n font-size:.93rem;\r\n}\r\n\r\n/* PRICE */\r\n\r\n.lwl-prices{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.lwl-price{\r\n padding:18px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.lwl-price strong{\r\n display:block;\r\n color:var(--brand-dark);\r\n}\r\n\r\n.lwl-price .amount{\r\n color:var(--accent);\r\n font-size:1.5rem;\r\n font-weight:800;\r\n margin-top:3px;\r\n}\r\n\r\n/* ACCESS */\r\n\r\n.lwl-access{\r\n background:#eef4f1;\r\n border:1px solid #d8e5df;\r\n border-radius:16px;\r\n padding:21px;\r\n}\r\n\r\n.lwl-access h3{\r\n margin:0 0 8px;\r\n color:var(--brand-dark);\r\n}\r\n\r\n.lwl-access p{\r\n margin:0 0 9px;\r\n}\r\n\r\n.lwl-access p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n/* ADDRESS */\r\n\r\n.lwl-address{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.lwl-address-item{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:16px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n}\r\n\r\n.lwl-address-item i{\r\n color:var(--accent);\r\n font-size:1.2rem;\r\n margin-top:2px;\r\n}\r\n\r\n.lwl-address-item strong{\r\n display:block;\r\n color:var(--brand-dark);\r\n}\r\n\r\n/* RELATED */\r\n\r\n.lwl-related{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.lwl-related a{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n padding:16px 18px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.lwl-related a:hover{\r\n border-color:#bfd0c9;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.lwl-related i{\r\n color:var(--accent);\r\n font-size:1.25rem;\r\n}\r\n\r\n/* NOTE */\r\n\r\n.lwl-note{\r\n margin-top:22px;\r\n padding:17px 18px;\r\n border-radius:14px;\r\n background:#f4f1eb;\r\n border:1px solid #e5dfd4;\r\n color:#59635f;\r\n font-size:.94rem;\r\n}\r\n\r\n.lwl-note i{\r\n color:var(--brand);\r\n margin-right:6px;\r\n}\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (min-width:640px){\r\n\r\n .fu-lwl-museum{\r\n padding-left:22px;\r\n padding-right:22px;\r\n }\r\n\r\n .lwl-hero{\r\n padding:40px 34px;\r\n }\r\n\r\n .lwl-facts{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .lwl-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .lwl-prices{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .lwl-address{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .lwl-related{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px){\r\n\r\n .lwl-hero{\r\n padding:46px 42px;\r\n }\r\n\r\n .lwl-grid.three{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .lwl-events{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .lwl-related{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 368 ===== */ @scope (.fu-article-368) { \r\n/* =========================================================\r\n FAST UMSONST – LWL-MUSEUM FÜR NATURKUNDE\r\n ========================================================= */\r\n\r\n.fu-naturkunde{\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#fff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:20px 16px 50px;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-naturkunde *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-naturkunde a{\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-naturkunde a:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n/* HERO */\r\n.fu-naturkunde .fu-hero{\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(135deg,var(--fu-dark),var(--fu-green));\r\n color:#fff;\r\n border-radius:20px;\r\n padding:34px 28px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-naturkunde .fu-hero:after{\r\n content:\"\";\r\n position:absolute;\r\n width:210px;\r\n height:210px;\r\n right:-75px;\r\n top:-90px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-naturkunde .fu-kicker{\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n font-size:.88rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n}\r\n\r\n.fu-naturkunde .fu-hero h1{\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-naturkunde .fu-hero p{\r\n position:relative;\r\n z-index:1;\r\n max-width:900px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-naturkunde .fu-buttons{\r\n position:relative;\r\n z-index:2;\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-naturkunde .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-naturkunde .fu-btn-primary{\r\n background:#fff;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-naturkunde .fu-btn-secondary{\r\n border:1px solid rgba(255,255,255,.45);\r\n color:#fff;\r\n background:rgba(255,255,255,.08);\r\n}\r\n\r\n.fu-naturkunde .fu-btn:hover{\r\n text-decoration:none;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* FACTS */\r\n.fu-naturkunde .fu-facts{\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-naturkunde .fu-fact{\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-naturkunde .fu-fact-icon{\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n margin-bottom:6px;\r\n}\r\n\r\n.fu-naturkunde .fu-fact strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n font-size:1rem;\r\n}\r\n\r\n.fu-naturkunde .fu-fact span{\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.96rem;\r\n}\r\n\r\n/* SECTIONS */\r\n.fu-naturkunde .fu-section{\r\n margin:32px 0;\r\n}\r\n\r\n.fu-naturkunde .fu-section-title{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n line-height:1.3;\r\n font-weight:800;\r\n}\r\n\r\n.fu-naturkunde .fu-section-title i{\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* CARDS */\r\n.fu-naturkunde .fu-card{\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:24px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-naturkunde .fu-card + .fu-card{\r\n margin-top:16px;\r\n}\r\n\r\n.fu-naturkunde .fu-card h3{\r\n margin:0 0 9px;\r\n color:var(--fu-dark);\r\n font-size:1.22rem;\r\n}\r\n\r\n.fu-naturkunde .fu-card h3 i{\r\n color:var(--fu-orange);\r\n margin-right:5px;\r\n}\r\n\r\n.fu-naturkunde .fu-card p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-naturkunde .fu-grid{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n.fu-naturkunde .fu-highlight{\r\n background:linear-gradient(135deg,#fff8ed,#fff);\r\n border:1px solid #f1d4a9;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:20px;\r\n}\r\n\r\n.fu-naturkunde .fu-highlight h3{\r\n margin-top:0;\r\n color:#7c4300;\r\n}\r\n\r\n/* INFO ROW */\r\n.fu-naturkunde .fu-info-row{\r\n display:flex;\r\n gap:12px;\r\n align-items:flex-start;\r\n padding:11px 0;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-naturkunde .fu-info-row:last-child{\r\n border-bottom:0;\r\n}\r\n\r\n.fu-naturkunde .fu-info-row i{\r\n color:var(--fu-green);\r\n margin-top:4px;\r\n}\r\n\r\n/* PRICE */\r\n.fu-naturkunde .fu-price{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin-top:16px;\r\n}\r\n\r\n.fu-naturkunde .fu-price-item{\r\n background:#f5f7f5;\r\n border-radius:12px;\r\n padding:15px 17px;\r\n}\r\n\r\n.fu-naturkunde .fu-price-item strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-naturkunde .fu-price-item span{\r\n color:var(--fu-muted);\r\n}\r\n\r\n/* FREE BOX */\r\n.fu-naturkunde .fu-free{\r\n background:#eef6f1;\r\n border:1px solid #cbded2;\r\n border-left:5px solid var(--fu-green);\r\n border-radius:14px;\r\n padding:20px;\r\n}\r\n\r\n.fu-naturkunde .fu-free h3{\r\n margin-top:0;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-naturkunde .fu-free i{\r\n color:var(--fu-green);\r\n}\r\n\r\n/* RELATED */\r\n.fu-naturkunde .fu-related{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n}\r\n\r\n.fu-naturkunde .fu-related a{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:var(--fu-shadow);\r\n color:var(--fu-text);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-naturkunde .fu-related a:hover{\r\n transform:translateY(-2px);\r\n text-decoration:none;\r\n border-color:#cbd6d1;\r\n}\r\n\r\n.fu-naturkunde .fu-related i{\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-naturkunde .fu-related strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:3px;\r\n}\r\n\r\n/* NOTE */\r\n.fu-naturkunde .fu-note{\r\n margin-top:28px;\r\n padding:16px 18px;\r\n border-radius:12px;\r\n background:#f2f5f3;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-naturkunde .fu-note i{\r\n color:var(--fu-green);\r\n margin-right:6px;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (min-width:640px){\r\n .fu-naturkunde{\r\n padding:28px 22px 60px;\r\n }\r\n\r\n .fu-naturkunde .fu-facts{\r\n grid-template-columns:repeat(4,minmax(0,1fr));\r\n }\r\n\r\n .fu-naturkunde .fu-grid{\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-naturkunde .fu-related{\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-naturkunde .fu-price{\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (min-width:900px){\r\n .fu-naturkunde .fu-hero{\r\n padding:46px 42px;\r\n }\r\n\r\n .fu-naturkunde .fu-card{\r\n padding:28px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 369 ===== */ @scope (.fu-article-369) { \r\n/* =========================================================\r\n FAST UMSONST – PLANETARIUM MÜNSTER\r\n ========================================================= */\r\n\r\n.fu-planetarium{\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#fff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:20px 16px 50px;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-planetarium *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-planetarium a{\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-planetarium a:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n/* HERO */\r\n.fu-planetarium .fu-hero{\r\n position:relative;\r\n overflow:hidden;\r\n background:\r\n radial-gradient(circle at 80% 20%,rgba(255,255,255,.12),transparent 24%),\r\n linear-gradient(135deg,#102c38,#1f4b3f);\r\n color:#fff;\r\n border-radius:20px;\r\n padding:34px 28px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-planetarium .fu-hero:before{\r\n content:\"\";\r\n position:absolute;\r\n width:4px;\r\n height:4px;\r\n left:15%;\r\n top:25%;\r\n border-radius:50%;\r\n background:#fff;\r\n box-shadow:\r\n 80px 30px 0 1px rgba(255,255,255,.7),\r\n 170px -20px 0 0 rgba(255,255,255,.8),\r\n 290px 70px 0 1px rgba(255,255,255,.65),\r\n 430px 10px 0 0 rgba(255,255,255,.8),\r\n 560px 90px 0 1px rgba(255,255,255,.55),\r\n 700px 30px 0 0 rgba(255,255,255,.7);\r\n}\r\n\r\n.fu-planetarium .fu-hero:after{\r\n content:\"\";\r\n position:absolute;\r\n width:230px;\r\n height:230px;\r\n right:-70px;\r\n top:-80px;\r\n border-radius:50%;\r\n border:1px solid rgba(255,255,255,.16);\r\n box-shadow:\r\n 0 0 0 25px rgba(255,255,255,.025),\r\n 0 0 0 55px rgba(255,255,255,.018);\r\n}\r\n\r\n.fu-planetarium .fu-kicker{\r\n position:relative;\r\n z-index:2;\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n font-size:.88rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n}\r\n\r\n.fu-planetarium .fu-hero h1{\r\n position:relative;\r\n z-index:2;\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-planetarium .fu-hero p{\r\n position:relative;\r\n z-index:2;\r\n max-width:900px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-planetarium .fu-buttons{\r\n position:relative;\r\n z-index:3;\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-planetarium .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-planetarium .fu-btn-primary{\r\n background:#fff;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-planetarium .fu-btn-secondary{\r\n border:1px solid rgba(255,255,255,.45);\r\n color:#fff;\r\n background:rgba(255,255,255,.08);\r\n}\r\n\r\n.fu-planetarium .fu-btn:hover{\r\n text-decoration:none;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* FACTS */\r\n.fu-planetarium .fu-facts{\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-planetarium .fu-fact{\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-planetarium .fu-fact-icon{\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n margin-bottom:6px;\r\n}\r\n\r\n.fu-planetarium .fu-fact strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n font-size:1rem;\r\n}\r\n\r\n.fu-planetarium .fu-fact span{\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.96rem;\r\n}\r\n\r\n/* SECTIONS */\r\n.fu-planetarium .fu-section{\r\n margin:32px 0;\r\n}\r\n\r\n.fu-planetarium .fu-section-title{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n line-height:1.3;\r\n font-weight:800;\r\n}\r\n\r\n.fu-planetarium .fu-section-title i{\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* CARDS */\r\n.fu-planetarium .fu-card{\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:24px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-planetarium .fu-card h3{\r\n margin:0 0 9px;\r\n color:var(--fu-dark);\r\n font-size:1.22rem;\r\n}\r\n\r\n.fu-planetarium .fu-card h3 i{\r\n color:var(--fu-orange);\r\n margin-right:5px;\r\n}\r\n\r\n.fu-planetarium .fu-card p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-planetarium .fu-grid{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n.fu-planetarium .fu-highlight{\r\n background:linear-gradient(135deg,#fff8ed,#fff);\r\n border:1px solid #f1d4a9;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:20px;\r\n}\r\n\r\n.fu-planetarium .fu-highlight h3{\r\n margin-top:0;\r\n color:#7c4300;\r\n}\r\n\r\n/* NEW TECHNOLOGY */\r\n.fu-planetarium .fu-tech{\r\n background:linear-gradient(135deg,#eef6f1,#fff);\r\n border:1px solid #cbded2;\r\n border-left:5px solid var(--fu-green);\r\n border-radius:14px;\r\n padding:20px;\r\n}\r\n\r\n.fu-planetarium .fu-tech h3{\r\n margin-top:0;\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* INFO ROW */\r\n.fu-planetarium .fu-info-row{\r\n display:flex;\r\n gap:12px;\r\n align-items:flex-start;\r\n padding:11px 0;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-planetarium .fu-info-row:last-child{\r\n border-bottom:0;\r\n}\r\n\r\n.fu-planetarium .fu-info-row i{\r\n color:var(--fu-green);\r\n margin-top:4px;\r\n}\r\n\r\n/* PRICE */\r\n.fu-planetarium .fu-price{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin-top:16px;\r\n}\r\n\r\n.fu-planetarium .fu-price-item{\r\n background:#f5f7f5;\r\n border-radius:12px;\r\n padding:16px 18px;\r\n}\r\n\r\n.fu-planetarium .fu-price-item strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-planetarium .fu-price-item span{\r\n color:var(--fu-muted);\r\n font-size:1.05rem;\r\n}\r\n\r\n/* FAMILY */\r\n.fu-planetarium .fu-family{\r\n background:#fff8ed;\r\n border:1px solid #f1d4a9;\r\n border-radius:14px;\r\n padding:20px;\r\n}\r\n\r\n.fu-planetarium .fu-family h3{\r\n margin-top:0;\r\n color:#7c4300;\r\n}\r\n\r\n/* RELATED */\r\n.fu-planetarium .fu-related{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n}\r\n\r\n.fu-planetarium .fu-related a{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:var(--fu-shadow);\r\n color:var(--fu-text);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-planetarium .fu-related a:hover{\r\n transform:translateY(-2px);\r\n text-decoration:none;\r\n border-color:#cbd6d1;\r\n}\r\n\r\n.fu-planetarium .fu-related i{\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-planetarium .fu-related strong{\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:3px;\r\n}\r\n\r\n/* NOTE */\r\n.fu-planetarium .fu-note{\r\n margin-top:28px;\r\n padding:16px 18px;\r\n border-radius:12px;\r\n background:#f2f5f3;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-planetarium .fu-note i{\r\n color:var(--fu-green);\r\n margin-right:6px;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (min-width:640px){\r\n .fu-planetarium{\r\n padding:28px 22px 60px;\r\n }\r\n\r\n .fu-planetarium .fu-facts{\r\n grid-template-columns:repeat(4,minmax(0,1fr));\r\n }\r\n\r\n .fu-planetarium .fu-grid{\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-planetarium .fu-related{\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-planetarium .fu-price{\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (min-width:900px){\r\n .fu-planetarium .fu-hero{\r\n padding:46px 42px;\r\n }\r\n\r\n .fu-planetarium .fu-card{\r\n padding:28px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 370 ===== */ @scope (.fu-article-370) { \r\n.fu-muehlenhof {\r\n --green:#1f4b3f;\r\n --green-dark:#17382f;\r\n --orange:#d97706;\r\n --paper:#faf8f4;\r\n --white:#ffffff;\r\n --text:#26332f;\r\n --muted:#65736e;\r\n --line:#e4e8e5;\r\n --shadow:0 8px 24px rgba(31,75,63,.09);\r\n font-family:inherit;\r\n color:var(--text);\r\n line-height:1.65;\r\n}\r\n\r\n.fu-muehlenhof * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-muehlenhof .fu-wrap {\r\n max-width:1120px;\r\n margin:0 auto;\r\n}\r\n\r\n.fu-muehlenhof .fu-hero {\r\n background:linear-gradient(135deg,var(--green-dark),var(--green));\r\n color:#fff;\r\n border-radius:20px;\r\n padding:38px 28px;\r\n margin:0 0 28px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-muehlenhof .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.88rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n margin-bottom:10px;\r\n opacity:.92;\r\n}\r\n\r\n.fu-muehlenhof h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.1rem);\r\n line-height:1.12;\r\n margin:0 0 16px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-muehlenhof .fu-lead {\r\n font-size:1.12rem;\r\n max-width:850px;\r\n margin:0;\r\n opacity:.97;\r\n}\r\n\r\n.fu-muehlenhof .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-muehlenhof .fu-fact {\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:16px;\r\n padding:18px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-muehlenhof .fu-fact i {\r\n color:var(--green);\r\n font-size:1.4rem;\r\n margin-right:8px;\r\n}\r\n\r\n.fu-muehlenhof .fu-fact strong {\r\n display:block;\r\n margin-top:5px;\r\n font-size:1rem;\r\n}\r\n\r\n.fu-muehlenhof .fu-section {\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-muehlenhof .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n color:var(--green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n margin:0 0 15px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-muehlenhof .fu-section-title i {\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-muehlenhof .fu-card {\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-muehlenhof .fu-card + .fu-card {\r\n margin-top:16px;\r\n}\r\n\r\n.fu-muehlenhof .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-muehlenhof .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-muehlenhof .fu-building-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n}\r\n\r\n.fu-muehlenhof .fu-building {\r\n background:var(--paper);\r\n border-radius:15px;\r\n padding:19px;\r\n border:1px solid var(--line);\r\n}\r\n\r\n.fu-muehlenhof .fu-building h3 {\r\n color:var(--green-dark);\r\n font-size:1.12rem;\r\n margin:0 0 7px;\r\n}\r\n\r\n.fu-muehlenhof .fu-building h3 i {\r\n color:var(--orange);\r\n margin-right:7px;\r\n}\r\n\r\n.fu-muehlenhof .fu-building p {\r\n margin:0;\r\n}\r\n\r\n.fu-muehlenhof .fu-info-list {\r\n list-style:none;\r\n padding:0;\r\n margin:0;\r\n}\r\n\r\n.fu-muehlenhof .fu-info-list li {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n padding:10px 0;\r\n border-bottom:1px solid var(--line);\r\n}\r\n\r\n.fu-muehlenhof .fu-info-list li:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-muehlenhof .fu-info-list i {\r\n color:var(--green);\r\n margin-top:4px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-muehlenhof .fu-price {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:16px;\r\n}\r\n\r\n.fu-muehlenhof .fu-price-item {\r\n flex:1 1 180px;\r\n background:var(--paper);\r\n border-radius:13px;\r\n padding:15px;\r\n}\r\n\r\n.fu-muehlenhof .fu-price-item strong {\r\n display:block;\r\n color:var(--green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-muehlenhof .fu-highlight {\r\n background:#fff7ed;\r\n border:1px solid #fed7aa;\r\n border-left:5px solid var(--orange);\r\n border-radius:14px;\r\n padding:20px 22px;\r\n margin:0 0 28px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-muehlenhof .fu-highlight strong {\r\n color:#9a4d00;\r\n}\r\n\r\n.fu-muehlenhof .fu-note {\r\n background:#f1f5f3;\r\n border-radius:14px;\r\n padding:18px 20px;\r\n margin-top:16px;\r\n}\r\n\r\n.fu-muehlenhof .fu-note i {\r\n color:var(--green);\r\n margin-right:7px;\r\n}\r\n\r\n.fu-muehlenhof .fu-buttons {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-muehlenhof .fu-btn {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n padding:13px 18px;\r\n border-radius:12px;\r\n background:var(--green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-muehlenhof .fu-btn:hover {\r\n background:var(--green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-muehlenhof .fu-btn-light {\r\n background:var(--paper);\r\n color:var(--green-dark) !important;\r\n border:1px solid var(--line);\r\n}\r\n\r\n.fu-muehlenhof .fu-btn-light:hover {\r\n background:#eef2ef;\r\n}\r\n\r\n.fu-muehlenhof .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n}\r\n\r\n.fu-muehlenhof .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n padding:18px;\r\n border:1px solid var(--line);\r\n border-radius:15px;\r\n background:#fff;\r\n color:var(--green-dark) !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-muehlenhof .fu-related a:hover {\r\n transform:translateY(-2px);\r\n border-color:#cbd6d1;\r\n}\r\n\r\n.fu-muehlenhof .fu-related i {\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-muehlenhof .fu-status {\r\n color:var(--muted);\r\n font-size:.9rem;\r\n margin-top:25px;\r\n padding-top:17px;\r\n border-top:1px solid var(--line);\r\n}\r\n\r\n@media (min-width:640px) {\r\n .fu-muehlenhof .fu-hero {\r\n padding:48px 42px;\r\n }\r\n\r\n .fu-muehlenhof .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-muehlenhof .fu-buttons {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-muehlenhof .fu-building-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-muehlenhof .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px) {\r\n .fu-muehlenhof .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-muehlenhof .fu-related {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 372 ===== */ @scope (.fu-article-372) { \r\n.fu-porzellanmuseum{\r\n --green:#1f4b3f;\r\n --green-dark:#17382f;\r\n --gold:#c58a2b;\r\n --paper:#faf8f4;\r\n --white:#fff;\r\n --text:#26332f;\r\n --muted:#65736e;\r\n --line:#e4e8e5;\r\n --shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:0 15px 45px;\r\n color:var(--text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-porzellanmuseum *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-porzellanmuseum a{\r\n color:var(--green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-porzellanmuseum a:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-hero{\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 24px;\r\n padding:38px 25px 30px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:\r\n radial-gradient(circle at 85% 15%,rgba(255,255,255,.13),transparent 28%),\r\n linear-gradient(135deg,var(--green-dark),var(--green));\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-porzellanmuseum .fu-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:12px;\r\n padding:7px 12px;\r\n border:1px solid rgba(255,255,255,.22);\r\n border-radius:999px;\r\n background:rgba(255,255,255,.08);\r\n font-size:.86rem;\r\n font-weight:700;\r\n letter-spacing:.03em;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-hero h1{\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.25rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-hero p{\r\n max-width:780px;\r\n margin:0;\r\n color:rgba(255,255,255,.91);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 16px;\r\n border-radius:10px;\r\n background:#fff;\r\n color:var(--green)!important;\r\n font-weight:700;\r\n text-decoration:none!important;\r\n box-shadow:0 4px 12px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-porzellanmuseum .fu-btn:hover{\r\n transform:translateY(-1px);\r\n text-decoration:none!important;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-btn-outline{\r\n background:transparent;\r\n color:#fff!important;\r\n border:1px solid rgba(255,255,255,.45);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-section{\r\n margin:24px 0;\r\n padding:25px;\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:16px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-porzellanmuseum .fu-section h2{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 15px;\r\n color:var(--green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-section h2 i{\r\n color:var(--gold);\r\n}\r\n\r\n.fu-porzellanmuseum .fu-section h3{\r\n margin:0 0 8px;\r\n color:var(--green-dark);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-section p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-facts{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-fact{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n padding:17px;\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-porzellanmuseum .fu-fact i{\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--gold);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-fact strong{\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--green-dark);\r\n}\r\n\r\n.fu-porzellanmuseum .fu-fact span{\r\n display:block;\r\n color:var(--muted);\r\n font-size:.94rem;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-highlight{\r\n margin:20px 0;\r\n padding:20px;\r\n border-left:5px solid var(--gold);\r\n border-radius:12px;\r\n background:#fff8eb;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-highlight strong{\r\n color:var(--green-dark);\r\n}\r\n\r\n.fu-porzellanmuseum .fu-event{\r\n padding:20px;\r\n border:1px solid #eadfcf;\r\n border-radius:14px;\r\n background:linear-gradient(135deg,#fffaf1,#fff);\r\n}\r\n\r\n.fu-porzellanmuseum .fu-event-date{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n padding:6px 10px;\r\n border-radius:999px;\r\n background:#f3ead9;\r\n color:#7a571d;\r\n font-size:.86rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-event h3{\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-event p{\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-grid{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-card{\r\n padding:20px;\r\n border:1px solid var(--line);\r\n border-radius:14px;\r\n background:var(--paper);\r\n}\r\n\r\n.fu-porzellanmuseum .fu-card i{\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--gold);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-card p{\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-contact{\r\n display:grid;\r\n gap:10px;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-contact-item{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-contact-item i{\r\n flex:0 0 20px;\r\n margin-top:4px;\r\n color:var(--gold);\r\n}\r\n\r\n.fu-porzellanmuseum .fu-related{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-related a{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n min-height:64px;\r\n padding:15px 17px;\r\n border:1px solid var(--line);\r\n border-radius:12px;\r\n background:#fff;\r\n box-shadow:0 4px 14px rgba(31,75,63,.06);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-related a:hover{\r\n border-color:#cbd6d1;\r\n text-decoration:none;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-porzellanmuseum .fu-related i{\r\n color:var(--gold);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-note{\r\n margin-top:18px;\r\n padding:16px 18px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--muted);\r\n font-size:.94rem;\r\n}\r\n\r\n.fu-porzellanmuseum .fu-note i{\r\n color:var(--green);\r\n margin-right:7px;\r\n}\r\n\r\n@media (min-width:640px){\r\n .fu-porzellanmuseum{\r\n padding-left:20px;\r\n padding-right:20px;\r\n }\r\n\r\n .fu-porzellanmuseum .fu-hero{\r\n padding:48px 40px 38px;\r\n }\r\n\r\n .fu-porzellanmuseum .fu-facts{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-porzellanmuseum .fu-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-porzellanmuseum .fu-related{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px){\r\n .fu-porzellanmuseum .fu-facts{\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-porzellanmuseum .fu-related{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 373 ===== */ @scope (.fu-article-373) { \r\n.fu-schauraum{\r\n --green:#1f4b3f;\r\n --green-dark:#17382f;\r\n --gold:#d97706;\r\n --paper:#faf8f4;\r\n --white:#fff;\r\n --text:#26332f;\r\n --muted:#65736e;\r\n --line:#e4e8e5;\r\n --shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:0 15px 45px;\r\n color:var(--text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-schauraum *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-schauraum a{\r\n color:var(--green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-schauraum a:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-schauraum .fu-hero{\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 24px;\r\n padding:38px 25px 30px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:\r\n radial-gradient(circle at 85% 15%,rgba(217,119,6,.30),transparent 27%),\r\n radial-gradient(circle at 10% 90%,rgba(255,255,255,.08),transparent 30%),\r\n linear-gradient(135deg,var(--green-dark),var(--green));\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-schauraum .fu-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:12px;\r\n padding:7px 12px;\r\n border:1px solid rgba(255,255,255,.22);\r\n border-radius:999px;\r\n background:rgba(255,255,255,.08);\r\n font-size:.86rem;\r\n font-weight:700;\r\n letter-spacing:.03em;\r\n}\r\n\r\n.fu-schauraum .fu-hero h1{\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.25rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-schauraum .fu-hero p{\r\n max-width:800px;\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-schauraum .fu-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-schauraum .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 16px;\r\n border-radius:10px;\r\n background:#fff;\r\n color:var(--green)!important;\r\n font-weight:700;\r\n text-decoration:none!important;\r\n box-shadow:0 4px 12px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-schauraum .fu-btn:hover{\r\n transform:translateY(-1px);\r\n text-decoration:none!important;\r\n}\r\n\r\n.fu-schauraum .fu-btn-outline{\r\n background:transparent;\r\n color:#fff!important;\r\n border:1px solid rgba(255,255,255,.45);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-schauraum .fu-section{\r\n margin:24px 0;\r\n padding:25px;\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:16px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-schauraum .fu-section h2{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 15px;\r\n color:var(--green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-schauraum .fu-section h2 i{\r\n color:var(--gold);\r\n}\r\n\r\n.fu-schauraum .fu-section h3{\r\n margin:0 0 8px;\r\n color:var(--green-dark);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-schauraum .fu-section p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-schauraum .fu-facts{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-schauraum .fu-fact{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n padding:17px;\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-schauraum .fu-fact i{\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--gold);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-schauraum .fu-fact strong{\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--green-dark);\r\n}\r\n\r\n.fu-schauraum .fu-fact span{\r\n display:block;\r\n color:var(--muted);\r\n font-size:.94rem;\r\n}\r\n\r\n.fu-schauraum .fu-highlight{\r\n margin:20px 0;\r\n padding:20px;\r\n border-left:5px solid var(--gold);\r\n border-radius:12px;\r\n background:#fff8eb;\r\n}\r\n\r\n.fu-schauraum .fu-highlight strong{\r\n color:var(--green-dark);\r\n}\r\n\r\n.fu-schauraum .fu-event{\r\n padding:21px;\r\n border:1px solid #eadfcf;\r\n border-radius:14px;\r\n background:linear-gradient(135deg,#fffaf1,#fff);\r\n}\r\n\r\n.fu-schauraum .fu-event-date{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n padding:7px 11px;\r\n border-radius:999px;\r\n background:#f3ead9;\r\n color:#7a571d;\r\n font-size:.88rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-schauraum .fu-event h3{\r\n margin-bottom:8px;\r\n}\r\n\r\n.fu-schauraum .fu-grid{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n}\r\n\r\n.fu-schauraum .fu-card{\r\n padding:20px;\r\n border:1px solid var(--line);\r\n border-radius:14px;\r\n background:var(--paper);\r\n}\r\n\r\n.fu-schauraum .fu-card i{\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--gold);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-schauraum .fu-card p{\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-schauraum .fu-contact{\r\n display:grid;\r\n gap:11px;\r\n}\r\n\r\n.fu-schauraum .fu-contact-item{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n}\r\n\r\n.fu-schauraum .fu-contact-item i{\r\n flex:0 0 20px;\r\n margin-top:4px;\r\n color:var(--gold);\r\n}\r\n\r\n.fu-schauraum .fu-related{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.fu-schauraum .fu-related a{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n min-height:64px;\r\n padding:15px 17px;\r\n border:1px solid var(--line);\r\n border-radius:12px;\r\n background:#fff;\r\n box-shadow:0 4px 14px rgba(31,75,63,.06);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-schauraum .fu-related a:hover{\r\n border-color:#cbd6d1;\r\n transform:translateY(-1px);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-schauraum .fu-related i{\r\n color:var(--gold);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-schauraum .fu-note{\r\n margin-top:18px;\r\n padding:16px 18px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--muted);\r\n font-size:.94rem;\r\n}\r\n\r\n.fu-schauraum .fu-note i{\r\n color:var(--green);\r\n margin-right:7px;\r\n}\r\n\r\n@media (min-width:640px){\r\n .fu-schauraum{\r\n padding-left:20px;\r\n padding-right:20px;\r\n }\r\n\r\n .fu-schauraum .fu-hero{\r\n padding:48px 40px 38px;\r\n }\r\n\r\n .fu-schauraum .fu-facts{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-schauraum .fu-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-schauraum .fu-related{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px){\r\n .fu-schauraum .fu-facts{\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-schauraum .fu-related{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 374 ===== */ @scope (.fu-article-374) { \r\n.fu-stadtmuseum{\r\n --green:#1f4b3f;\r\n --green-dark:#17382f;\r\n --gold:#d97706;\r\n --paper:#faf8f4;\r\n --white:#fff;\r\n --text:#26332f;\r\n --muted:#65736e;\r\n --line:#e4e8e5;\r\n --shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:0 15px 45px;\r\n color:var(--text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-stadtmuseum *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-stadtmuseum a{\r\n color:var(--green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-stadtmuseum a:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-stadtmuseum .fu-hero{\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 24px;\r\n padding:38px 25px 30px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:\r\n radial-gradient(circle at 88% 12%,rgba(217,119,6,.28),transparent 28%),\r\n radial-gradient(circle at 10% 90%,rgba(255,255,255,.08),transparent 30%),\r\n linear-gradient(135deg,var(--green-dark),var(--green));\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-stadtmuseum .fu-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:12px;\r\n padding:7px 12px;\r\n border:1px solid rgba(255,255,255,.22);\r\n border-radius:999px;\r\n background:rgba(255,255,255,.08);\r\n font-size:.86rem;\r\n font-weight:700;\r\n letter-spacing:.03em;\r\n}\r\n\r\n.fu-stadtmuseum .fu-hero h1{\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.25rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-stadtmuseum .fu-hero p{\r\n max-width:800px;\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-stadtmuseum .fu-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-stadtmuseum .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 16px;\r\n border-radius:10px;\r\n background:#fff;\r\n color:var(--green)!important;\r\n font-weight:700;\r\n text-decoration:none!important;\r\n box-shadow:0 4px 12px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-stadtmuseum .fu-btn:hover{\r\n transform:translateY(-1px);\r\n text-decoration:none!important;\r\n}\r\n\r\n.fu-stadtmuseum .fu-btn-outline{\r\n background:transparent;\r\n color:#fff!important;\r\n border:1px solid rgba(255,255,255,.45);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-stadtmuseum .fu-section{\r\n margin:24px 0;\r\n padding:25px;\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:16px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-stadtmuseum .fu-section h2{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 15px;\r\n color:var(--green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-stadtmuseum .fu-section h2 i{\r\n color:var(--gold);\r\n}\r\n\r\n.fu-stadtmuseum .fu-section h3{\r\n margin:0 0 8px;\r\n color:var(--green-dark);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-stadtmuseum .fu-section p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-stadtmuseum .fu-facts{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-stadtmuseum .fu-fact{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n padding:17px;\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-stadtmuseum .fu-fact i{\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--gold);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-stadtmuseum .fu-fact strong{\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--green-dark);\r\n}\r\n\r\n.fu-stadtmuseum .fu-fact span{\r\n display:block;\r\n color:var(--muted);\r\n font-size:.94rem;\r\n}\r\n\r\n.fu-stadtmuseum .fu-highlight{\r\n margin:20px 0;\r\n padding:20px;\r\n border-left:5px solid var(--gold);\r\n border-radius:12px;\r\n background:#fff8eb;\r\n}\r\n\r\n.fu-stadtmuseum .fu-highlight strong{\r\n color:var(--green-dark);\r\n}\r\n\r\n.fu-stadtmuseum .fu-exhibition{\r\n padding:21px;\r\n border:1px solid var(--line);\r\n border-radius:14px;\r\n background:var(--paper);\r\n}\r\n\r\n.fu-stadtmuseum .fu-exhibition + .fu-exhibition{\r\n margin-top:14px;\r\n}\r\n\r\n.fu-stadtmuseum .fu-date{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n padding:6px 10px;\r\n border-radius:999px;\r\n background:#f3ead9;\r\n color:#7a571d;\r\n font-size:.86rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-stadtmuseum .fu-grid{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n}\r\n\r\n.fu-stadtmuseum .fu-card{\r\n padding:20px;\r\n border:1px solid var(--line);\r\n border-radius:14px;\r\n background:var(--paper);\r\n}\r\n\r\n.fu-stadtmuseum .fu-card i{\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--gold);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-stadtmuseum .fu-card p{\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-stadtmuseum .fu-contact{\r\n display:grid;\r\n gap:11px;\r\n}\r\n\r\n.fu-stadtmuseum .fu-contact-item{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n}\r\n\r\n.fu-stadtmuseum .fu-contact-item i{\r\n flex:0 0 20px;\r\n margin-top:4px;\r\n color:var(--gold);\r\n}\r\n\r\n.fu-stadtmuseum .fu-related{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.fu-stadtmuseum .fu-related a{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n min-height:64px;\r\n padding:15px 17px;\r\n border:1px solid var(--line);\r\n border-radius:12px;\r\n background:#fff;\r\n box-shadow:0 4px 14px rgba(31,75,63,.06);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-stadtmuseum .fu-related a:hover{\r\n border-color:#cbd6d1;\r\n transform:translateY(-1px);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-stadtmuseum .fu-related i{\r\n color:var(--gold);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-stadtmuseum .fu-note{\r\n margin-top:18px;\r\n padding:16px 18px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--muted);\r\n font-size:.94rem;\r\n}\r\n\r\n.fu-stadtmuseum .fu-note i{\r\n color:var(--green);\r\n margin-right:7px;\r\n}\r\n\r\n@media (min-width:640px){\r\n .fu-stadtmuseum{\r\n padding-left:20px;\r\n padding-right:20px;\r\n }\r\n\r\n .fu-stadtmuseum .fu-hero{\r\n padding:48px 40px 38px;\r\n }\r\n\r\n .fu-stadtmuseum .fu-facts{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-stadtmuseum .fu-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-stadtmuseum .fu-related{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px){\r\n .fu-stadtmuseum .fu-facts{\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-stadtmuseum .fu-related{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 375 ===== */ @scope (.fu-article-375) { \r\n.fu-denkmaltag {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-orange: #d97706;\r\n --fu-paper: #faf8f4;\r\n --fu-white: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #65736e;\r\n --fu-border: #e4e8e5;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.09);\r\n font-family: inherit;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-denkmaltag * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-denkmaltag a {\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-denkmaltag a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n.fu-denkmaltag .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green-dark), var(--fu-green));\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 38px 28px;\r\n margin-bottom: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-denkmaltag .fu-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n letter-spacing: .04em;\r\n text-transform: uppercase;\r\n opacity: .92;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-denkmaltag .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n line-height: 1.12;\r\n margin: 0 0 15px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-denkmaltag .fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.08rem;\r\n opacity: .97;\r\n}\r\n\r\n.fu-denkmaltag .fu-status {\r\n margin-top: 24px;\r\n padding: 17px 19px;\r\n border-radius: 14px;\r\n background: rgba(217,119,6,.18);\r\n border: 1px solid rgba(255,255,255,.25);\r\n}\r\n\r\n.fu-denkmaltag .fu-status strong {\r\n display: block;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-denkmaltag .fu-facts {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin: 24px 0 32px;\r\n}\r\n\r\n.fu-denkmaltag .fu-fact {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 18px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-denkmaltag .fu-fact-icon {\r\n color: var(--fu-orange);\r\n font-size: 1.35rem;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-denkmaltag .fu-fact strong {\r\n display: block;\r\n color: var(--fu-green-dark);\r\n font-size: 1rem;\r\n}\r\n\r\n.fu-denkmaltag .fu-section {\r\n margin: 34px 0;\r\n}\r\n\r\n.fu-denkmaltag .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n margin: 0 0 18px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-denkmaltag .fu-section h2 i {\r\n color: var(--fu-orange);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-denkmaltag .fu-card {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n margin-bottom: 16px;\r\n}\r\n\r\n.fu-denkmaltag .fu-card h3 {\r\n color: var(--fu-green-dark);\r\n font-size: 1.15rem;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.fu-denkmaltag .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-denkmaltag .fu-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 18px 20px;\r\n margin: 20px 0;\r\n}\r\n\r\n.fu-denkmaltag .fu-highlight strong {\r\n color: #9a5800;\r\n}\r\n\r\n.fu-denkmaltag .fu-green-note {\r\n background: #edf4f0;\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 12px;\r\n padding: 18px 20px;\r\n margin: 20px 0;\r\n}\r\n\r\n.fu-denkmaltag .fu-green-note strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-denkmaltag .fu-region-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n}\r\n\r\n.fu-denkmaltag .fu-region {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-denkmaltag .fu-region h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n color: var(--fu-green-dark);\r\n margin: 0 0 9px;\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-denkmaltag .fu-region h3 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-denkmaltag .fu-region p {\r\n margin: 0;\r\n}\r\n\r\n.fu-denkmaltag .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-denkmaltag .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: transform .15s ease, background .15s ease;\r\n}\r\n\r\n.fu-denkmaltag .fu-button:hover {\r\n background: var(--fu-green-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-denkmaltag .fu-button.secondary {\r\n background: #edf2ef;\r\n color: var(--fu-green-dark) !important;\r\n}\r\n\r\n.fu-denkmaltag .fu-button.secondary:hover {\r\n background: #e0e8e3;\r\n}\r\n\r\n.fu-denkmaltag .fu-related {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 14px;\r\n}\r\n\r\n.fu-denkmaltag .fu-related a {\r\n display: block;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 18px 20px;\r\n box-shadow: var(--fu-shadow);\r\n transition: transform .15s ease, border-color .15s ease;\r\n}\r\n\r\n.fu-denkmaltag .fu-related a:hover {\r\n transform: translateY(-2px);\r\n border-color: rgba(31,75,63,.35);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-denkmaltag .fu-related i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-denkmaltag .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n}\r\n\r\n.fu-denkmaltag .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n margin-top: 28px;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n .fu-denkmaltag .fu-hero {\r\n padding: 46px 40px;\r\n }\r\n\r\n .fu-denkmaltag .fu-facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-denkmaltag .fu-region-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-denkmaltag .fu-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-denkmaltag .fu-contact-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (min-width: 900px) {\r\n .fu-denkmaltag .fu-hero {\r\n padding: 52px 48px;\r\n }\r\n\r\n .fu-denkmaltag .fu-region-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-denkmaltag .fu-related {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 376 ===== */ @scope (.fu-article-376) { \r\n.fu-villa-ten-hompel {\r\n --green:#1f4b3f;\r\n --green-dark:#17382f;\r\n --orange:#d97706;\r\n --paper:#faf8f4;\r\n --white:#ffffff;\r\n --text:#26332f;\r\n --muted:#65736e;\r\n --line:#e4e8e5;\r\n --shadow:0 8px 24px rgba(31,75,63,.09);\r\n font-family:inherit;\r\n color:var(--text);\r\n line-height:1.65;\r\n}\r\n\r\n.fu-villa-ten-hompel * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-wrap {\r\n max-width:1120px;\r\n margin:0 auto;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-hero {\r\n background:linear-gradient(135deg,var(--green-dark),var(--green));\r\n color:#fff;\r\n border-radius:20px;\r\n padding:38px 28px;\r\n margin:0 0 28px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.88rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n margin-bottom:10px;\r\n opacity:.92;\r\n}\r\n\r\n.fu-villa-ten-hompel h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.1rem);\r\n line-height:1.12;\r\n margin:0 0 16px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-lead {\r\n font-size:1.12rem;\r\n max-width:880px;\r\n margin:0;\r\n opacity:.97;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-fact {\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:16px;\r\n padding:18px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-fact i {\r\n color:var(--green);\r\n font-size:1.4rem;\r\n margin-right:8px;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-fact strong {\r\n display:block;\r\n margin-top:5px;\r\n font-size:1rem;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-highlight {\r\n background:#fff7ed;\r\n border:1px solid #fed7aa;\r\n border-left:5px solid var(--orange);\r\n border-radius:14px;\r\n padding:20px 22px;\r\n margin:0 0 28px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-highlight strong {\r\n color:#9a4d00;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-section {\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n color:var(--green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n margin:0 0 15px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-section-title i {\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-card {\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-topic-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-topic {\r\n background:var(--paper);\r\n border:1px solid var(--line);\r\n border-radius:15px;\r\n padding:19px;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-topic h3 {\r\n color:var(--green-dark);\r\n font-size:1.12rem;\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-topic h3 i {\r\n color:var(--orange);\r\n margin-right:7px;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-topic p {\r\n margin:0;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-info-list {\r\n list-style:none;\r\n padding:0;\r\n margin:0;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-info-list li {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n padding:10px 0;\r\n border-bottom:1px solid var(--line);\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-info-list li:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-info-list i {\r\n color:var(--green);\r\n margin-top:4px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-note {\r\n background:#f1f5f3;\r\n border-radius:14px;\r\n padding:18px 20px;\r\n margin-top:16px;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-note i {\r\n color:var(--green);\r\n margin-right:7px;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-buttons {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-btn {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n padding:13px 18px;\r\n border-radius:12px;\r\n background:var(--green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-btn:hover {\r\n background:var(--green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-btn-light {\r\n background:var(--paper);\r\n color:var(--green-dark) !important;\r\n border:1px solid var(--line);\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-btn-light:hover {\r\n background:#eef2ef;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n padding:18px;\r\n border:1px solid var(--line);\r\n border-radius:15px;\r\n background:#fff;\r\n color:var(--green-dark) !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-related a:hover {\r\n transform:translateY(-2px);\r\n border-color:#cbd6d1;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-related i {\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-villa-ten-hompel .fu-status {\r\n color:var(--muted);\r\n font-size:.9rem;\r\n margin-top:25px;\r\n padding-top:17px;\r\n border-top:1px solid var(--line);\r\n}\r\n\r\n@media (min-width:640px) {\r\n .fu-villa-ten-hompel .fu-hero {\r\n padding:48px 42px;\r\n }\r\n\r\n .fu-villa-ten-hompel .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-villa-ten-hompel .fu-topic-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-villa-ten-hompel .fu-buttons {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-villa-ten-hompel .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px) {\r\n .fu-villa-ten-hompel .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-villa-ten-hompel .fu-related {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 377 ===== */ @scope (.fu-article-377) { \r\n.fu-zwinger{\r\n --green:#1f4b3f;\r\n --green-dark:#17382f;\r\n --gold:#d97706;\r\n --paper:#faf8f4;\r\n --white:#fff;\r\n --text:#26332f;\r\n --muted:#65736e;\r\n --line:#e4e8e5;\r\n --shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:0 15px 45px;\r\n color:var(--text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-zwinger *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-zwinger a{\r\n color:var(--green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-zwinger a:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-zwinger .fu-hero{\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 24px;\r\n padding:38px 25px 30px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:\r\n radial-gradient(circle at 88% 12%,rgba(217,119,6,.30),transparent 28%),\r\n radial-gradient(circle at 10% 90%,rgba(255,255,255,.08),transparent 30%),\r\n linear-gradient(135deg,var(--green-dark),var(--green));\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-zwinger .fu-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:12px;\r\n padding:7px 12px;\r\n border:1px solid rgba(255,255,255,.22);\r\n border-radius:999px;\r\n background:rgba(255,255,255,.08);\r\n font-size:.86rem;\r\n font-weight:700;\r\n letter-spacing:.03em;\r\n}\r\n\r\n.fu-zwinger .fu-hero h1{\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.25rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-zwinger .fu-hero p{\r\n max-width:800px;\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-zwinger .fu-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-zwinger .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 16px;\r\n border-radius:10px;\r\n background:#fff;\r\n color:var(--green)!important;\r\n font-weight:700;\r\n text-decoration:none!important;\r\n box-shadow:0 4px 12px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-zwinger .fu-btn:hover{\r\n transform:translateY(-1px);\r\n text-decoration:none!important;\r\n}\r\n\r\n.fu-zwinger .fu-btn-outline{\r\n background:transparent;\r\n color:#fff!important;\r\n border:1px solid rgba(255,255,255,.45);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-zwinger .fu-section{\r\n margin:24px 0;\r\n padding:25px;\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:16px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-zwinger .fu-section h2{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 15px;\r\n color:var(--green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-zwinger .fu-section h2 i{\r\n color:var(--gold);\r\n}\r\n\r\n.fu-zwinger .fu-section h3{\r\n margin:0 0 8px;\r\n color:var(--green-dark);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-zwinger .fu-section p:last-child{\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-zwinger .fu-facts{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-zwinger .fu-fact{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n padding:17px;\r\n background:var(--white);\r\n border:1px solid var(--line);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-zwinger .fu-fact i{\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--gold);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-zwinger .fu-fact strong{\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--green-dark);\r\n}\r\n\r\n.fu-zwinger .fu-fact span{\r\n display:block;\r\n color:var(--muted);\r\n font-size:.94rem;\r\n}\r\n\r\n.fu-zwinger .fu-highlight{\r\n margin:20px 0;\r\n padding:20px;\r\n border-left:5px solid var(--gold);\r\n border-radius:12px;\r\n background:#fff8eb;\r\n}\r\n\r\n.fu-zwinger .fu-highlight strong{\r\n color:var(--green-dark);\r\n}\r\n\r\n.fu-zwinger .fu-warning{\r\n margin:20px 0;\r\n padding:20px;\r\n border-left:5px solid #a65d2b;\r\n border-radius:12px;\r\n background:#fff3ec;\r\n}\r\n\r\n.fu-zwinger .fu-warning strong{\r\n color:#71391f;\r\n}\r\n\r\n.fu-zwinger .fu-grid{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n}\r\n\r\n.fu-zwinger .fu-card{\r\n padding:20px;\r\n border:1px solid var(--line);\r\n border-radius:14px;\r\n background:var(--paper);\r\n}\r\n\r\n.fu-zwinger .fu-card i{\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--gold);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-zwinger .fu-card p{\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-zwinger .fu-event{\r\n padding:21px;\r\n border:1px solid #eadfcf;\r\n border-radius:14px;\r\n background:linear-gradient(135deg,#fffaf1,#fff);\r\n}\r\n\r\n.fu-zwinger .fu-event-date{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n padding:7px 11px;\r\n border-radius:999px;\r\n background:#f3ead9;\r\n color:#7a571d;\r\n font-size:.88rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-zwinger .fu-contact{\r\n display:grid;\r\n gap:11px;\r\n}\r\n\r\n.fu-zwinger .fu-contact-item{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:11px;\r\n}\r\n\r\n.fu-zwinger .fu-contact-item i{\r\n flex:0 0 20px;\r\n margin-top:4px;\r\n color:var(--gold);\r\n}\r\n\r\n.fu-zwinger .fu-related{\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n}\r\n\r\n.fu-zwinger .fu-related a{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n min-height:64px;\r\n padding:15px 17px;\r\n border:1px solid var(--line);\r\n border-radius:12px;\r\n background:#fff;\r\n box-shadow:0 4px 14px rgba(31,75,63,.06);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-zwinger .fu-related a:hover{\r\n border-color:#cbd6d1;\r\n transform:translateY(-1px);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-zwinger .fu-related i{\r\n color:var(--gold);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-zwinger .fu-note{\r\n margin-top:18px;\r\n padding:16px 18px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--muted);\r\n font-size:.94rem;\r\n}\r\n\r\n.fu-zwinger .fu-note i{\r\n color:var(--green);\r\n margin-right:7px;\r\n}\r\n\r\n@media (min-width:640px){\r\n .fu-zwinger{\r\n padding-left:20px;\r\n padding-right:20px;\r\n }\r\n\r\n .fu-zwinger .fu-hero{\r\n padding:48px 40px 38px;\r\n }\r\n\r\n .fu-zwinger .fu-facts{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-zwinger .fu-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-zwinger .fu-related{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px){\r\n .fu-zwinger .fu-facts{\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-zwinger .fu-related{\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 378 ===== */ @scope (.fu-article-378) { \r\n/* =========================================================\r\n FAST UMSONST – ALTENBERGER HÖHENRÜCKEN\r\n Vorbergs Hügel\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-altenberger {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-altenberger * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-altenberger a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-altenberger a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-altenberger .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-altenberger .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-altenberger .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-altenberger .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-altenberger .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-altenberger .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-altenberger h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-altenberger .fu-lead {\r\n margin:0;\r\n max-width:900px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLE NAVIGATION\r\n ========================================================= */\r\n\r\n.fu-altenberger .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-altenberger .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-altenberger .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-altenberger .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-altenberger .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-altenberger .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-altenberger .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-altenberger .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-altenberger .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-altenberger .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-altenberger .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-altenberger .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-altenberger .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-altenberger .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-altenberger .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-altenberger .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-altenberger .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-altenberger .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-altenberger .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-altenberger .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-altenberger .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-altenberger .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-altenberger .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-altenberger .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-altenberger .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-altenberger .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-altenberger .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n\r\n.fu-altenberger .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-altenberger .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-altenberger .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-altenberger .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-altenberger .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-altenberger .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-altenberger .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-altenberger .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-altenberger .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-altenberger .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (min-width:640px) {\r\n\r\n .fu-altenberger .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-altenberger .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-altenberger .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-altenberger .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-altenberger .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-altenberger .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-altenberger .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-altenberger .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 379 ===== */ @scope (.fu-article-379) { \r\n/* =========================================================\r\n FAST UMSONST – EMSAUEN BEI TELGTE\r\n Aufbau wie ALTENBERGER HÖHENRÜCKEN\r\n ========================================================= */\r\n\r\n.fu-emsauen {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-emsauen * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-emsauen a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-emsauen a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-emsauen .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-emsauen .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-emsauen .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-emsauen .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-emsauen .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-emsauen .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-emsauen h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-emsauen .fu-lead {\r\n margin:0;\r\n max-width:900px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLE NAVIGATION\r\n ========================================================= */\r\n\r\n.fu-emsauen .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-emsauen .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-emsauen .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-emsauen .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-emsauen .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-emsauen .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-emsauen .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-emsauen .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-emsauen .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-emsauen .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-emsauen .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-emsauen .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-emsauen .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-emsauen .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-emsauen .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-emsauen .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-emsauen .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-emsauen .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-emsauen .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-emsauen .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-emsauen .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-emsauen .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-emsauen .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-emsauen .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-emsauen .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-emsauen .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-emsauen .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n\r\n.fu-emsauen .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-emsauen .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-emsauen .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-emsauen .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-emsauen .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-emsauen .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-emsauen .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-emsauen .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-emsauen .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-emsauen .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (min-width:640px) {\r\n\r\n .fu-emsauen .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-emsauen .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-emsauen .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-emsauen .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-emsauen .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-emsauen .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-emsauen .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-emsauen .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 380 ===== */ @scope (.fu-article-380) { \r\n/* =========================================================\r\n FAST UMSONST – DÜLMENER WILDPFERDE\r\n Einheitliches Seitenlayout\r\n Vorlage: Wacholderheide Klatenberge / Venner Moor\r\n ========================================================= */\r\n\r\n.fu-wildpferde {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-light:#f3f1eb;\r\n --fu-border:#e4e0d7;\r\n --fu-text:#29332f;\r\n --fu-muted:#66716c;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-wildpferde * {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HERO\r\n --------------------------------------------------------- */\r\n\r\n.fu-wildpferde .fu-hero {\r\n margin:0 0 30px;\r\n background:var(--fu-white);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:0 8px 28px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-wildpferde .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-wildpferde .fu-hero-content {\r\n padding:30px 32px 32px;\r\n}\r\n\r\n.fu-wildpferde .fu-kicker {\r\n margin:0 0 7px;\r\n color:var(--fu-orange);\r\n font-size:.9rem;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n\r\n.fu-wildpferde h1 {\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:clamp(2rem,4vw,3.1rem);\r\n line-height:1.15;\r\n font-weight:750;\r\n}\r\n\r\n.fu-wildpferde .fu-lead {\r\n margin:0;\r\n max-width:900px;\r\n font-size:1.15rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-wildpferde .fu-image-credit {\r\n margin:0;\r\n padding:9px 18px 12px;\r\n background:#f7f6f2;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SCHNELLNAVIGATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-wildpferde .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 30px;\r\n padding:18px;\r\n background:var(--fu-light);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-wildpferde .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n color:var(--fu-green);\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:650;\r\n line-height:1.3;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wildpferde .fu-nav a:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n CONTENT CARDS\r\n --------------------------------------------------------- */\r\n\r\n.fu-wildpferde .fu-section {\r\n margin:0 0 28px;\r\n padding:28px 30px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 5px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-wildpferde h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-wildpferde h2 i {\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-wildpferde h3 {\r\n margin:22px 0 9px;\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-wildpferde p {\r\n margin:0 0 15px;\r\n}\r\n\r\n.fu-wildpferde p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n FACTS\r\n --------------------------------------------------------- */\r\n\r\n.fu-wildpferde .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:15px;\r\n margin:20px 0 0;\r\n}\r\n\r\n.fu-wildpferde .fu-fact {\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border-radius:13px;\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-wildpferde .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-wildpferde .fu-fact strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:1.02rem;\r\n}\r\n\r\n.fu-wildpferde .fu-fact span {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HIGHLIGHT\r\n --------------------------------------------------------- */\r\n\r\n.fu-wildpferde .fu-highlight {\r\n margin:20px 0 0;\r\n padding:20px 22px;\r\n background:#fff8ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:10px;\r\n}\r\n\r\n.fu-wildpferde .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BUTTONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-wildpferde .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-wildpferde .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 17px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wildpferde .fu-btn-primary {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n}\r\n\r\n.fu-wildpferde .fu-btn-primary:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-wildpferde .fu-btn-secondary {\r\n color:var(--fu-green);\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-wildpferde .fu-btn-secondary:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RELATED INFORMATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-wildpferde .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-wildpferde .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n min-height:70px;\r\n padding:15px 17px;\r\n color:var(--fu-green);\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n text-decoration:none;\r\n font-weight:700;\r\n line-height:1.35;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wildpferde .fu-related a i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-wildpferde .fu-related a:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-wildpferde .fu-related a:hover i {\r\n color:var(--fu-white);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n QUELLEN / STAND\r\n --------------------------------------------------------- */\r\n\r\n.fu-wildpferde .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-wildpferde .fu-source a {\r\n color:var(--fu-green);\r\n font-weight:650;\r\n}\r\n\r\n.fu-wildpferde .fu-stand {\r\n margin-top:22px;\r\n padding-top:15px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.88rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RESPONSIVE\r\n --------------------------------------------------------- */\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-wildpferde .fu-facts {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-wildpferde .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-wildpferde .fu-hero-content,\r\n .fu-wildpferde .fu-section {\r\n padding:23px 20px;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n\r\n .fu-wildpferde {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-wildpferde .fu-hero-image {\r\n min-height:220px;\r\n object-fit:cover;\r\n }\r\n\r\n .fu-wildpferde .fu-nav {\r\n padding:13px;\r\n }\r\n\r\n .fu-wildpferde .fu-nav a {\r\n width:100%;\r\n }\r\n\r\n .fu-wildpferde h1 {\r\n font-size:2rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 381 ===== */ @scope (.fu-article-381) { \r\n/* =========================================================\r\n FAST UMSONST – RIESELFELDER MÜNSTER\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-rieselfelder {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-light:#f3f1eb;\r\n --fu-border:#e4e0d7;\r\n --fu-text:#29332f;\r\n --fu-muted:#66716c;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-rieselfelder * {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HERO\r\n --------------------------------------------------------- */\r\n\r\n.fu-rieselfelder .fu-hero {\r\n margin:0 0 30px;\r\n background:var(--fu-white);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:0 8px 28px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-rieselfelder .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-rieselfelder .fu-hero-content {\r\n padding:30px 32px 32px;\r\n}\r\n\r\n.fu-rieselfelder .fu-kicker {\r\n margin:0 0 7px;\r\n color:var(--fu-orange);\r\n font-size:.9rem;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n\r\n.fu-rieselfelder h1 {\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:clamp(2rem,4vw,3.1rem);\r\n line-height:1.15;\r\n font-weight:750;\r\n}\r\n\r\n.fu-rieselfelder .fu-lead {\r\n margin:0;\r\n max-width:900px;\r\n font-size:1.15rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-rieselfelder .fu-image-credit {\r\n margin:0;\r\n padding:9px 18px 12px;\r\n background:#f7f6f2;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n QUICK NAVIGATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-rieselfelder .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 30px;\r\n padding:18px;\r\n background:var(--fu-light);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-rieselfelder .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n color:var(--fu-green);\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:650;\r\n line-height:1.3;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-rieselfelder .fu-nav a:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n CONTENT CARDS\r\n --------------------------------------------------------- */\r\n\r\n.fu-rieselfelder .fu-section {\r\n margin:0 0 28px;\r\n padding:28px 30px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 5px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-rieselfelder h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-rieselfelder h2 i {\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-rieselfelder h3 {\r\n margin:22px 0 9px;\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-rieselfelder p {\r\n margin:0 0 15px;\r\n}\r\n\r\n.fu-rieselfelder p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n FACTS\r\n --------------------------------------------------------- */\r\n\r\n.fu-rieselfelder .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:15px;\r\n margin:20px 0 0;\r\n}\r\n\r\n.fu-rieselfelder .fu-fact {\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border-radius:13px;\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-rieselfelder .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-rieselfelder .fu-fact strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:1.02rem;\r\n}\r\n\r\n.fu-rieselfelder .fu-fact span {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HIGHLIGHT BOX\r\n --------------------------------------------------------- */\r\n\r\n.fu-rieselfelder .fu-highlight {\r\n margin:20px 0 0;\r\n padding:20px 22px;\r\n background:#fff8ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:10px;\r\n}\r\n\r\n.fu-rieselfelder .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BUTTONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-rieselfelder .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-rieselfelder .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 17px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-rieselfelder .fu-btn-primary {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n}\r\n\r\n.fu-rieselfelder .fu-btn-primary:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-rieselfelder .fu-btn-secondary {\r\n color:var(--fu-green);\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-rieselfelder .fu-btn-secondary:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RELATED INFORMATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-rieselfelder .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-rieselfelder .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n min-height:70px;\r\n padding:15px 17px;\r\n color:var(--fu-green);\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n text-decoration:none;\r\n font-weight:700;\r\n line-height:1.35;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-rieselfelder .fu-related a i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-rieselfelder .fu-related a:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-rieselfelder .fu-related a:hover i {\r\n color:var(--fu-white);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SOURCE / STAND\r\n --------------------------------------------------------- */\r\n\r\n.fu-rieselfelder .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-rieselfelder .fu-source a {\r\n color:var(--fu-green);\r\n font-weight:650;\r\n}\r\n\r\n.fu-rieselfelder .fu-stand {\r\n margin-top:22px;\r\n padding-top:15px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.88rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RESPONSIVE\r\n --------------------------------------------------------- */\r\n\r\n@media (max-width:800px) {\r\n .fu-rieselfelder .fu-facts {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-rieselfelder .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-rieselfelder .fu-hero-content,\r\n .fu-rieselfelder .fu-section {\r\n padding:23px 20px;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n .fu-rieselfelder {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-rieselfelder .fu-hero-image {\r\n min-height:220px;\r\n object-fit:cover;\r\n }\r\n\r\n .fu-rieselfelder .fu-nav {\r\n padding:13px;\r\n }\r\n\r\n .fu-rieselfelder .fu-nav a {\r\n width:100%;\r\n }\r\n\r\n .fu-rieselfelder h1 {\r\n font-size:2rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 382 ===== */ @scope (.fu-article-382) { \r\n/* =========================================================\r\n FAST UMSONST – VENNER MOOR\r\n Einheitliches Seitenlayout\r\n Vorlage: Wacholderheide Klatenberge\r\n ========================================================= */\r\n\r\n.fu-venner-moor {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-light:#f3f1eb;\r\n --fu-border:#e4e0d7;\r\n --fu-text:#29332f;\r\n --fu-muted:#66716c;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-venner-moor * {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HERO\r\n --------------------------------------------------------- */\r\n\r\n.fu-venner-moor .fu-hero {\r\n margin:0 0 30px;\r\n background:var(--fu-white);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:0 8px 28px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-venner-moor .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-venner-moor .fu-hero-content {\r\n padding:30px 32px 32px;\r\n}\r\n\r\n.fu-venner-moor .fu-kicker {\r\n margin:0 0 7px;\r\n color:var(--fu-orange);\r\n font-size:.9rem;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n\r\n.fu-venner-moor h1 {\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:clamp(2rem,4vw,3.1rem);\r\n line-height:1.15;\r\n font-weight:750;\r\n}\r\n\r\n.fu-venner-moor .fu-lead {\r\n margin:0;\r\n max-width:900px;\r\n font-size:1.15rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-venner-moor .fu-image-credit {\r\n margin:0;\r\n padding:9px 18px 12px;\r\n background:#f7f6f2;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SCHNELLNAVIGATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-venner-moor .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 30px;\r\n padding:18px;\r\n background:var(--fu-light);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-venner-moor .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n color:var(--fu-green);\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:650;\r\n line-height:1.3;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-venner-moor .fu-nav a:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n CONTENT CARDS\r\n --------------------------------------------------------- */\r\n\r\n.fu-venner-moor .fu-section {\r\n margin:0 0 28px;\r\n padding:28px 30px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 5px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-venner-moor h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-venner-moor h2 i {\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-venner-moor h3 {\r\n margin:22px 0 9px;\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-venner-moor p {\r\n margin:0 0 15px;\r\n}\r\n\r\n.fu-venner-moor p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n FACTS\r\n --------------------------------------------------------- */\r\n\r\n.fu-venner-moor .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:15px;\r\n margin:20px 0 0;\r\n}\r\n\r\n.fu-venner-moor .fu-fact {\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border-radius:13px;\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-venner-moor .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-venner-moor .fu-fact strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:1.02rem;\r\n}\r\n\r\n.fu-venner-moor .fu-fact span {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HIGHLIGHT\r\n --------------------------------------------------------- */\r\n\r\n.fu-venner-moor .fu-highlight {\r\n margin:20px 0 0;\r\n padding:20px 22px;\r\n background:#fff8ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:10px;\r\n}\r\n\r\n.fu-venner-moor .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BUTTONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-venner-moor .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-venner-moor .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 17px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-venner-moor .fu-btn-primary {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n}\r\n\r\n.fu-venner-moor .fu-btn-primary:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-venner-moor .fu-btn-secondary {\r\n color:var(--fu-green);\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-venner-moor .fu-btn-secondary:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RELATED INFORMATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-venner-moor .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-venner-moor .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n min-height:70px;\r\n padding:15px 17px;\r\n color:var(--fu-green);\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n text-decoration:none;\r\n font-weight:700;\r\n line-height:1.35;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-venner-moor .fu-related a i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-venner-moor .fu-related a:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-venner-moor .fu-related a:hover i {\r\n color:var(--fu-white);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n QUELLEN / STAND\r\n --------------------------------------------------------- */\r\n\r\n.fu-venner-moor .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-venner-moor .fu-source a {\r\n color:var(--fu-green);\r\n font-weight:650;\r\n}\r\n\r\n.fu-venner-moor .fu-stand {\r\n margin-top:22px;\r\n padding-top:15px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.88rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RESPONSIVE\r\n --------------------------------------------------------- */\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-venner-moor .fu-facts {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-venner-moor .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-venner-moor .fu-hero-content,\r\n .fu-venner-moor .fu-section {\r\n padding:23px 20px;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n\r\n .fu-venner-moor {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-venner-moor .fu-hero-image {\r\n min-height:220px;\r\n object-fit:cover;\r\n }\r\n\r\n .fu-venner-moor .fu-nav {\r\n padding:13px;\r\n }\r\n\r\n .fu-venner-moor .fu-nav a {\r\n width:100%;\r\n }\r\n\r\n .fu-venner-moor h1 {\r\n font-size:2rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 383 ===== */ @scope (.fu-article-383) { \r\n/* =========================================================\r\n FAST UMSONST – WACHOLDERHEIDE KLATENBERGE\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-klatenberge {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-klatenberge * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-klatenberge a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-klatenberge a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-klatenberge .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-klatenberge .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-klatenberge .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-klatenberge .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-klatenberge .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-klatenberge .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-klatenberge h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-klatenberge .fu-lead {\r\n margin:0;\r\n max-width:900px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLE NAVIGATION\r\n ========================================================= */\r\n\r\n.fu-klatenberge .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-klatenberge .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-klatenberge .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-klatenberge .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-klatenberge .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-klatenberge .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-klatenberge .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-klatenberge .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-klatenberge .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-klatenberge .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-klatenberge .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-klatenberge .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-klatenberge .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-klatenberge .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-klatenberge .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-klatenberge .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-klatenberge .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-klatenberge .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-klatenberge .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-klatenberge .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-klatenberge .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-klatenberge .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-klatenberge .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-klatenberge .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-klatenberge .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-klatenberge .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-klatenberge .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n\r\n.fu-klatenberge .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-klatenberge .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-klatenberge .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-klatenberge .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-klatenberge .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-klatenberge .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-klatenberge .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-klatenberge .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-klatenberge .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-klatenberge .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (min-width:640px) {\r\n\r\n .fu-klatenberge .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-klatenberge .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-klatenberge .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-klatenberge .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-klatenberge .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-klatenberge .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-klatenberge .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-klatenberge .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 384 ===== */ @scope (.fu-article-384) { \r\n.fu-aasee {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-aasee * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-aasee a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-aasee a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* HERO */\r\n.fu-aasee .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-aasee .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-aasee .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-aasee .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-aasee .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-aasee .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-aasee h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-aasee .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* SCHNELLE NAVIGATION */\r\n.fu-aasee .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-aasee .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-aasee .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-aasee .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-aasee .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* FAKTEN */\r\n.fu-aasee .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-aasee .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-aasee .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-aasee .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* ABSCHNITTE */\r\n.fu-aasee .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-aasee .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-aasee .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-aasee .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-aasee .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n.fu-aasee .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-aasee .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* BUTTONS */\r\n.fu-aasee .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-aasee .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-aasee .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-aasee .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-aasee .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* KARTEN */\r\n.fu-aasee .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-aasee .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-aasee .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-aasee .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-aasee .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-aasee .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ROUTEN */\r\n.fu-aasee .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-aasee .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-aasee .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-aasee .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* PASSENDE INFORMATIONEN */\r\n.fu-aasee .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-aasee .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-aasee .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-aasee .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-aasee .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* HINWEIS */\r\n.fu-aasee .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (min-width:640px) {\r\n\r\n .fu-aasee .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-aasee .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-aasee .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-aasee .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-aasee .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-aasee .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-aasee .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-aasee .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 385 ===== */ @scope (.fu-article-385) { \r\n.fu-botanischer-garten {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-botanischer-garten * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-botanischer-garten a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-botanischer-garten a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n.fu-botanischer-garten .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-botanischer-garten .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-botanischer-garten .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-botanischer-garten .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-botanischer-garten .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-botanischer-garten .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-botanischer-garten h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-botanischer-garten .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLE NAVIGATION\r\n ========================================================= */\r\n.fu-botanischer-garten .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-botanischer-garten .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-botanischer-garten .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-botanischer-garten .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-botanischer-garten .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n.fu-botanischer-garten .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-botanischer-garten .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-botanischer-garten .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-botanischer-garten .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n.fu-botanischer-garten .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-botanischer-garten .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-botanischer-garten .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-botanischer-garten .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-botanischer-garten .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n.fu-botanischer-garten .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-botanischer-garten .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n.fu-botanischer-garten .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-botanischer-garten .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-botanischer-garten .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-botanischer-garten .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-botanischer-garten .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n.fu-botanischer-garten .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-botanischer-garten .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-botanischer-garten .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-botanischer-garten .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-botanischer-garten .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-botanischer-garten .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n.fu-botanischer-garten .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-botanischer-garten .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-botanischer-garten .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-botanischer-garten .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n.fu-botanischer-garten .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-botanischer-garten .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-botanischer-garten .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-botanischer-garten .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-botanischer-garten .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n.fu-botanischer-garten .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n@media (min-width:640px) {\r\n\r\n .fu-botanischer-garten .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-botanischer-garten .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-botanischer-garten .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-botanischer-garten .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-botanischer-garten .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-botanischer-garten .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-botanischer-garten .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-botanischer-garten .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 386 ===== */ @scope (.fu-article-386) { \r\n.fu-dortmund-ems-kanal {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-dortmund-ems-kanal * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-dortmund-ems-kanal a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-dortmund-ems-kanal a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n.fu-dortmund-ems-kanal .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-dortmund-ems-kanal h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLE NAVIGATION\r\n ========================================================= */\r\n.fu-dortmund-ems-kanal .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n.fu-dortmund-ems-kanal .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n.fu-dortmund-ems-kanal .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n.fu-dortmund-ems-kanal .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n.fu-dortmund-ems-kanal .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n.fu-dortmund-ems-kanal .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n.fu-dortmund-ems-kanal .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n.fu-dortmund-ems-kanal .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-dortmund-ems-kanal .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n.fu-dortmund-ems-kanal .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n@media (min-width:640px) {\r\n\r\n .fu-dortmund-ems-kanal .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-dortmund-ems-kanal .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-dortmund-ems-kanal .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-dortmund-ems-kanal .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-dortmund-ems-kanal .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-dortmund-ems-kanal .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-dortmund-ems-kanal .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-dortmund-ems-kanal .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 388 ===== */ @scope (.fu-article-388) { \r\n/* =========================================================\r\n FAST UMSONST – FRIEDENSPARK MÜNSTER\r\n Beitrag 388\r\n Layout nach Vorlage Schloss Steinfurt\r\n ========================================================= */\r\n\r\n.fu-friedenspark {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 0 50px;\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-friedenspark *,\r\n.fu-friedenspark *::before,\r\n.fu-friedenspark *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-friedenspark a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-friedenspark a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-friedenspark .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:var(--fu-green);\r\n border:1px solid rgba(23,56,47,.15);\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n/* Großes Titelbild */\r\n.fu-friedenspark .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n/* Bildnachweis */\r\n.fu-friedenspark .fu-image-credit {\r\n padding:8px 16px;\r\n background:#f3f4f2;\r\n color:#5d6864;\r\n font-size:.78rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-friedenspark .fu-image-credit a {\r\n color:#5d6864;\r\n text-decoration:underline;\r\n}\r\n\r\n/* =========================================================\r\n GRÜNER HEADERBEREICH\r\n ========================================================= */\r\n\r\n.fu-friedenspark .fu-hero-content {\r\n position:relative;\r\n padding:32px 30px 36px;\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #1f4b3f 0%,\r\n #1b4439 55%,\r\n #17382f 100%\r\n );\r\n color:#fff;\r\n}\r\n\r\n/* dezenter Lichtverlauf */\r\n.fu-friedenspark .fu-hero-content::after {\r\n content:\"\";\r\n position:absolute;\r\n right:-90px;\r\n bottom:-110px;\r\n width:280px;\r\n height:280px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.045);\r\n pointer-events:none;\r\n}\r\n\r\n.fu-friedenspark .fu-kicker {\r\n position:relative;\r\n z-index:1;\r\n\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n\r\n margin-bottom:10px;\r\n\r\n color:#e9f1ed;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.05em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-friedenspark .fu-kicker i {\r\n color:#f0a23a;\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-friedenspark h1 {\r\n position:relative;\r\n z-index:1;\r\n\r\n margin:0 0 14px;\r\n\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-friedenspark .fu-lead {\r\n position:relative;\r\n z-index:1;\r\n\r\n max-width:850px;\r\n margin:0;\r\n\r\n color:rgba(255,255,255,.91);\r\n font-size:1.08rem;\r\n line-height:1.7;\r\n}\r\n\r\n/* =========================================================\r\n QUICKNAV\r\n ========================================================= */\r\n\r\n.fu-friedenspark .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-friedenspark .fu-quicknav-title {\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:13px;\r\n color:var(--fu-dark);\r\n font-weight:800;\r\n}\r\n\r\n.fu-friedenspark .fu-quicknav-title i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-friedenspark .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-friedenspark .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n\r\n padding:9px 13px;\r\n\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n\r\n font-size:.9rem;\r\n font-weight:700;\r\n\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-friedenspark .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-friedenspark .fu-quicknav a i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-friedenspark .fu-quicknav a:hover i {\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-friedenspark .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-friedenspark .fu-fact {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n\r\n padding:16px;\r\n\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-friedenspark .fu-fact i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-friedenspark .fu-fact strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-friedenspark .fu-fact span {\r\n display:block;\r\n color:var(--fu-text);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-friedenspark .fu-section {\r\n margin:0 0 34px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-friedenspark .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n\r\n margin:0 0 17px;\r\n\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-friedenspark .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-friedenspark .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-friedenspark .fu-card + .fu-card {\r\n margin-top:16px;\r\n}\r\n\r\n.fu-friedenspark .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-friedenspark .fu-card h3,\r\n.fu-friedenspark .fu-section h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n\r\n margin:0 0 10px;\r\n\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-friedenspark .fu-card h3 i,\r\n.fu-friedenspark .fu-section h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-friedenspark .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n INFO / HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-friedenspark .fu-info {\r\n background:#edf5f2;\r\n border:1px solid #d5e5df;\r\n border-radius:15px;\r\n padding:18px 20px;\r\n}\r\n\r\n.fu-friedenspark .fu-info strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-friedenspark .fu-highlight {\r\n background:#f7f1e7;\r\n border:1px solid #ead9bd;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:18px 20px;\r\n}\r\n\r\n.fu-friedenspark .fu-highlight strong {\r\n color:#71480a;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-friedenspark .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:17px;\r\n}\r\n\r\n.fu-friedenspark .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n\r\n min-height:44px;\r\n padding:10px 15px;\r\n\r\n border-radius:12px;\r\n\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n\r\n font-weight:700;\r\n\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-friedenspark .fu-button:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-friedenspark .fu-button.fu-secondary {\r\n background:#f3f5f3;\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-friedenspark .fu-button.fu-secondary:hover {\r\n background:#e8eeeb;\r\n}\r\n\r\n/* =========================================================\r\n ADRESSE\r\n ========================================================= */\r\n\r\n.fu-friedenspark .fu-address {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-friedenspark .fu-address-box {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-friedenspark .fu-address-box h3 {\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-friedenspark .fu-route-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-friedenspark .fu-route {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n\r\n padding:13px 15px;\r\n\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n\r\n font-weight:700;\r\n\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-friedenspark .fu-route:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-friedenspark .fu-route i {\r\n font-size:1.15rem;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-friedenspark .fu-route:hover i {\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-friedenspark .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:13px;\r\n}\r\n\r\n.fu-friedenspark .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n\r\n padding:16px;\r\n\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n\r\n background:var(--fu-white);\r\n\r\n box-shadow:var(--fu-shadow);\r\n\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-friedenspark .fu-related a:hover {\r\n border-color:#bfd1ca;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-friedenspark .fu-related i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-friedenspark .fu-related strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-friedenspark .fu-related small {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n line-height:1.5;\r\n}\r\n\r\n/* =========================================================\r\n STATUS\r\n ========================================================= */\r\n\r\n.fu-friedenspark .fu-status {\r\n margin-top:30px;\r\n padding:14px 17px;\r\n\r\n border-top:1px solid var(--fu-border);\r\n\r\n color:var(--fu-muted);\r\n font-size:.86rem;\r\n}\r\n\r\n.fu-friedenspark .fu-status i {\r\n margin-right:6px;\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (min-width:640px) {\r\n\r\n .fu-friedenspark {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-friedenspark .fu-hero-content {\r\n padding:34px 34px 38px;\r\n }\r\n\r\n .fu-friedenspark .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-friedenspark .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-friedenspark .fu-address {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-friedenspark .fu-route-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-friedenspark .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-friedenspark .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-friedenspark .fu-route-grid {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-friedenspark .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 389 ===== */ @scope (.fu-article-389) { \r\n/* =========================================================\r\n FAST UMSONST – HÖRSTER FRIEDHOF\r\n Parks & Gärten – Artikel 389\r\n ========================================================= */\r\n\r\n.fu-hoerster {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 0 50px;\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-hoerster *,\r\n.fu-hoerster *::before,\r\n.fu-hoerster *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-hoerster a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-hoerster a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-hoerster .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-hoerster .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:430px;\r\n object-fit:cover;\r\n object-position:center 52%;\r\n}\r\n\r\n.fu-hoerster .fu-image-credit {\r\n padding:8px 16px;\r\n background:#f3f4f2;\r\n color:#5d6864;\r\n font-size:.78rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-hoerster .fu-hero-content {\r\n padding:30px 28px 32px;\r\n}\r\n\r\n.fu-hoerster .fu-kicker {\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n color:#d9eee7;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.05em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-hoerster .fu-kicker i {\r\n color:#f3b45d;\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-hoerster h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-hoerster .fu-lead {\r\n max-width:850px;\r\n margin:0;\r\n color:#eef7f4;\r\n font-size:1.08rem;\r\n line-height:1.7;\r\n}\r\n\r\n/* =========================================================\r\n QUICKNAV\r\n ========================================================= */\r\n\r\n.fu-hoerster .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-hoerster .fu-quicknav-title {\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:13px;\r\n color:var(--fu-dark);\r\n font-weight:800;\r\n}\r\n\r\n.fu-hoerster .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-hoerster .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-size:.9rem;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-hoerster .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-hoerster .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-hoerster .fu-fact {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-hoerster .fu-fact i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-hoerster .fu-fact strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-hoerster .fu-section {\r\n margin:0 0 34px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-hoerster .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 17px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-hoerster .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-hoerster .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-hoerster .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-hoerster .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n margin:0 0 10px;\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-hoerster .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-hoerster .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n INFO / HIGHLIGHTS\r\n ========================================================= */\r\n\r\n.fu-hoerster .fu-info {\r\n background:#edf5f2;\r\n border:1px solid #d5e5df;\r\n border-radius:15px;\r\n padding:18px 20px;\r\n}\r\n\r\n.fu-hoerster .fu-info strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-hoerster .fu-highlight {\r\n background:#f7f1e7;\r\n border:1px solid #ead9bd;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:18px 20px;\r\n}\r\n\r\n.fu-hoerster .fu-highlight strong {\r\n color:#71480a;\r\n}\r\n\r\n/* =========================================================\r\n SECOND IMAGE\r\n ========================================================= */\r\n\r\n.fu-hoerster .fu-content-image {\r\n width:100%;\r\n height:auto;\r\n display:block;\r\n border-radius:16px;\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-hoerster .fu-image-caption {\r\n color:var(--fu-muted);\r\n font-size:.78rem;\r\n line-height:1.5;\r\n margin-bottom:18px;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-hoerster .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:17px;\r\n}\r\n\r\n.fu-hoerster .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 15px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-hoerster .fu-button:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-hoerster .fu-button.fu-secondary {\r\n background:#f3f5f3;\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-hoerster .fu-button.fu-secondary:hover {\r\n background:#e8eeeb;\r\n}\r\n\r\n/* =========================================================\r\n ROUTES\r\n ========================================================= */\r\n\r\n.fu-hoerster .fu-route-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-hoerster .fu-route {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-hoerster .fu-route:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-hoerster .fu-route i {\r\n font-size:1.15rem;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-hoerster .fu-route:hover i {\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-hoerster .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:13px;\r\n}\r\n\r\n.fu-hoerster .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:16px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-hoerster .fu-related a:hover {\r\n border-color:#bfd1ca;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-hoerster .fu-related i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-hoerster .fu-related strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-hoerster .fu-related small {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n line-height:1.5;\r\n}\r\n\r\n/* =========================================================\r\n STATUS\r\n ========================================================= */\r\n\r\n.fu-hoerster .fu-status {\r\n margin-top:30px;\r\n padding:14px 17px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.86rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (min-width:640px) {\r\n\r\n .fu-hoerster {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-hoerster .fu-hero-image {\r\n height:500px;\r\n }\r\n\r\n .fu-hoerster .fu-hero-content {\r\n padding:34px 34px 38px;\r\n }\r\n\r\n .fu-hoerster .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-hoerster .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-hoerster .fu-route-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-hoerster .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-hoerster .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-hoerster .fu-route-grid {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-hoerster .fu-hero-image {\r\n height:560px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 390 ===== */ @scope (.fu-article-390) { \r\n/* =========================================================\r\n FAST UMSONST – LITERATUR IN DER STADTBÜCHEREI\r\n Joomla 6 / Bootstrap 5 / Bootstrap Icons 1.11.3\r\n ========================================================= */\r\n\r\n.fu-stadtbuecherei {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d87932;\r\n --fu-accent-dark: #b85f20;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #66736e;\r\n --fu-border: #e5e0d8;\r\n --fu-shadow: 0 10px 28px rgba(31,75,63,.10);\r\n --fu-radius: 18px;\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 16px 50px;\r\n color: var(--fu-text);\r\n font-size: 1.02rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-stadtbuecherei * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-stadtbuecherei a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-stadtbuecherei a:hover {\r\n color: var(--fu-accent-dark);\r\n}\r\n\r\n.fu-stadtbuecherei h1,\r\n.fu-stadtbuecherei h2,\r\n.fu-stadtbuecherei h3 {\r\n color: var(--fu-brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-sb-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-sb-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 34px 30px;\r\n border-radius: 24px;\r\n color: #fff;\r\n background:\r\n radial-gradient(circle at 90% 15%, rgba(216,121,50,.28), transparent 32%),\r\n linear-gradient(135deg, var(--fu-brand-dark), var(--fu-brand));\r\n box-shadow: 0 14px 35px rgba(23,56,47,.18);\r\n}\r\n\r\n.fu-sb-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 190px;\r\n height: 190px;\r\n right: -75px;\r\n bottom: -85px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-sb-hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.fu-sb-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 12px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n color: #fff;\r\n font-size: .88rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-sb-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n font-weight: 800;\r\n}\r\n\r\n.fu-sb-hero p {\r\n max-width: 820px;\r\n margin: 0;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICK ACTIONS\r\n ========================================================= */\r\n\r\n.fu-sb-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-sb-action {\r\n min-height: 62px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 13px 16px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n box-shadow: 0 6px 18px rgba(31,75,63,.07);\r\n font-weight: 750;\r\n text-align: center;\r\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-sb-action:hover {\r\n transform: translateY(-2px);\r\n background: #f5f8f6;\r\n box-shadow: 0 10px 24px rgba(31,75,63,.12);\r\n}\r\n\r\n.fu-sb-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-sb-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 14px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-sb-fact {\r\n padding: 20px 16px;\r\n text-align: center;\r\n}\r\n\r\n.fu-sb-fact i {\r\n display: block;\r\n margin-bottom: 8px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-sb-fact strong {\r\n display: block;\r\n color: var(--fu-brand-dark);\r\n font-size: 1rem;\r\n}\r\n\r\n/* =========================================================\r\n SEKTIONEN\r\n ========================================================= */\r\n\r\n.fu-sb-section {\r\n margin: 34px 0;\r\n}\r\n\r\n.fu-sb-section-head {\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-sb-section-head h2 {\r\n margin: 0 0 7px;\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n}\r\n\r\n.fu-sb-section-head p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n ANGEBOTSKARTEN\r\n ========================================================= */\r\n\r\n.fu-sb-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-sb-offer {\r\n height: 100%;\r\n padding: 22px;\r\n}\r\n\r\n.fu-sb-offer-head {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-sb-offer h3 {\r\n margin: 0;\r\n font-size: 1.12rem;\r\n}\r\n\r\n.fu-sb-offer p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-sb-icon {\r\n width: 52px;\r\n height: 52px;\r\n flex: 0 0 52px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 15px;\r\n background: #eef4f1;\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-sb-highlight {\r\n padding: 25px;\r\n border-radius: var(--fu-radius);\r\n background: linear-gradient(135deg, #fff6eb, #fffaf5);\r\n border: 1px solid #f0d5ba;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-sb-highlight-inner {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 17px;\r\n}\r\n\r\n.fu-sb-highlight .fu-sb-icon {\r\n background: #fff;\r\n color: var(--fu-accent-dark);\r\n}\r\n\r\n.fu-sb-highlight h2 {\r\n margin: 0 0 8px;\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-sb-highlight p {\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n INFO\r\n ========================================================= */\r\n\r\n.fu-sb-info {\r\n padding: 24px;\r\n}\r\n\r\n.fu-sb-info-row {\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-sb-info-row:first-child {\r\n padding-top: 0;\r\n}\r\n\r\n.fu-sb-info-row:last-child {\r\n padding-bottom: 0;\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-sb-info-row > i {\r\n width: 28px;\r\n flex: 0 0 28px;\r\n color: var(--fu-brand);\r\n font-size: 1.15rem;\r\n text-align: center;\r\n}\r\n\r\n.fu-sb-info-row strong {\r\n display: block;\r\n margin-bottom: 2px;\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n BARRIEREFREIHEIT\r\n ========================================================= */\r\n\r\n.fu-sb-accessibility {\r\n padding: 24px;\r\n}\r\n\r\n.fu-sb-accessibility-inner {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n}\r\n\r\n.fu-sb-accessibility .fu-sb-icon {\r\n background: #eef4f1;\r\n}\r\n\r\n.fu-sb-accessibility h2 {\r\n margin: 0 0 7px;\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-sb-accessibility p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-sb-cta {\r\n margin-top: 34px;\r\n padding: 28px;\r\n border-radius: var(--fu-radius);\r\n background: var(--fu-brand);\r\n color: #fff;\r\n text-align: center;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-sb-cta h2 {\r\n margin: 0 0 8px;\r\n color: #fff;\r\n}\r\n\r\n.fu-sb-cta p {\r\n max-width: 720px;\r\n margin: 0 auto 18px;\r\n color: rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-sb-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 52px;\r\n padding: 12px 20px;\r\n border-radius: 13px;\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n font-weight: 800;\r\n box-shadow: 0 6px 16px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-sb-button:hover {\r\n background: #f5f5f5;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-sb-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n}\r\n\r\n.fu-sb-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 68px;\r\n padding: 14px 15px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n box-shadow: 0 6px 18px rgba(31,75,63,.06);\r\n font-weight: 700;\r\n transition: transform .18s ease, box-shadow .18s ease;\r\n}\r\n\r\n.fu-sb-related a:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 22px rgba(31,75,63,.11);\r\n}\r\n\r\n.fu-sb-related i {\r\n color: var(--fu-brand);\r\n font-size: 1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n .fu-sb-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-sb-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-sb-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n .fu-stadtbuecherei {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-sb-hero {\r\n padding: 27px 21px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-sb-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-sb-action {\r\n min-height: 58px;\r\n }\r\n\r\n .fu-sb-facts,\r\n .fu-sb-grid,\r\n .fu-sb-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-sb-fact {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n text-align: left;\r\n }\r\n\r\n .fu-sb-fact i {\r\n margin: 0;\r\n }\r\n\r\n .fu-sb-highlight-inner,\r\n .fu-sb-accessibility-inner {\r\n flex-direction: column;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 394 ===== */ @scope (.fu-article-394) { \r\n/* =========================================================\r\n FAST UMSONST – ANNETTE VON DROSTE-GESELLSCHAFT\r\n Joomla 6 / Bootstrap / Bootstrap Icons 1.11.3\r\n ========================================================= */\r\n\r\n.fu-droste {\r\n --brand: #1f4b3f;\r\n --brand-dark: #17382f;\r\n --accent: #d87932;\r\n --accent-dark: #b85f20;\r\n --text: #26312d;\r\n --muted: #66736e;\r\n --border: #e5e0d8;\r\n --soft: #eef4f1;\r\n --shadow: 0 10px 28px rgba(31,75,63,.10);\r\n --radius: 18px;\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 16px 50px;\r\n color: var(--text);\r\n font-size: 1.02rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-droste * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-droste a {\r\n color: var(--brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-droste a:hover {\r\n color: var(--accent-dark);\r\n}\r\n\r\n.fu-droste h1,\r\n.fu-droste h2,\r\n.fu-droste h3 {\r\n color: var(--brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-droste-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 36px 30px;\r\n border-radius: 24px;\r\n color: #fff;\r\n background:\r\n radial-gradient(circle at 88% 15%, rgba(216,121,50,.34), transparent 32%),\r\n linear-gradient(135deg, var(--brand-dark), var(--brand));\r\n box-shadow: 0 14px 35px rgba(23,56,47,.18);\r\n}\r\n\r\n.fu-droste-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 220px;\r\n height: 220px;\r\n right: -90px;\r\n bottom: -105px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-droste-hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.fu-droste-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n color: #fff;\r\n font-size: .88rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-droste-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n font-weight: 800;\r\n}\r\n\r\n.fu-droste-hero p {\r\n max-width: 870px;\r\n margin: 0;\r\n color: rgba(255,255,255,.94);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICK ACTIONS\r\n ========================================================= */\r\n\r\n.fu-droste-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-droste-action {\r\n min-height: 62px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 13px 16px;\r\n border: 1px solid var(--border);\r\n border-radius: 15px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n box-shadow: 0 6px 18px rgba(31,75,63,.07);\r\n font-weight: 750;\r\n text-align: center;\r\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-droste-action:hover {\r\n transform: translateY(-2px);\r\n background: #f5f8f6;\r\n box-shadow: 0 10px 24px rgba(31,75,63,.12);\r\n}\r\n\r\n.fu-droste-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-droste-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 14px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-droste-fact {\r\n padding: 20px 16px;\r\n text-align: center;\r\n background: #fff;\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-droste-fact i {\r\n display: block;\r\n margin-bottom: 8px;\r\n color: var(--brand);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-droste-fact strong {\r\n display: block;\r\n color: var(--brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-droste-section {\r\n margin: 34px 0;\r\n}\r\n\r\n.fu-droste-section-head {\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-droste-section-head h2 {\r\n margin: 0 0 7px;\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n}\r\n\r\n.fu-droste-section-head p {\r\n margin: 0;\r\n color: var(--muted);\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-droste-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-droste-card {\r\n height: 100%;\r\n padding: 22px;\r\n background: #fff;\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-droste-card-head {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-droste-card h3 {\r\n margin: 0;\r\n font-size: 1.12rem;\r\n}\r\n\r\n.fu-droste-card p {\r\n margin: 0;\r\n color: var(--muted);\r\n}\r\n\r\n.fu-droste-icon {\r\n width: 52px;\r\n height: 52px;\r\n flex: 0 0 52px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 15px;\r\n background: var(--soft);\r\n color: var(--brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-droste-highlight {\r\n padding: 27px;\r\n border-radius: var(--radius);\r\n background: linear-gradient(135deg, #fff6eb, #fffaf5);\r\n border: 1px solid #f0d5ba;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-droste-highlight-inner {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 17px;\r\n}\r\n\r\n.fu-droste-highlight .fu-droste-icon {\r\n background: #fff;\r\n color: var(--accent-dark);\r\n}\r\n\r\n.fu-droste-highlight h2 {\r\n margin: 0 0 8px;\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-droste-highlight p {\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n TERMINE\r\n ========================================================= */\r\n\r\n.fu-droste-events {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-droste-event {\r\n padding: 22px;\r\n}\r\n\r\n.fu-droste-date {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 12px;\r\n padding: 6px 10px;\r\n border-radius: 999px;\r\n background: var(--soft);\r\n color: var(--brand);\r\n font-size: .88rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-droste-event h3 {\r\n margin: 0 0 7px;\r\n font-size: 1.12rem;\r\n}\r\n\r\n.fu-droste-event p {\r\n margin: 0;\r\n color: var(--muted);\r\n}\r\n\r\n/* =========================================================\r\n INFO\r\n ========================================================= */\r\n\r\n.fu-droste-info {\r\n padding: 24px;\r\n background: #fff;\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-droste-info-row {\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\n.fu-droste-info-row:first-child {\r\n padding-top: 0;\r\n}\r\n\r\n.fu-droste-info-row:last-child {\r\n padding-bottom: 0;\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-droste-info-row > i {\r\n width: 28px;\r\n flex: 0 0 28px;\r\n color: var(--brand);\r\n font-size: 1.15rem;\r\n text-align: center;\r\n}\r\n\r\n.fu-droste-info-row strong {\r\n display: block;\r\n margin-bottom: 2px;\r\n color: var(--brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-droste-cta {\r\n margin-top: 34px;\r\n padding: 30px;\r\n border-radius: var(--radius);\r\n background: var(--brand);\r\n color: #fff;\r\n text-align: center;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-droste-cta h2 {\r\n margin: 0 0 8px;\r\n color: #fff;\r\n}\r\n\r\n.fu-droste-cta p {\r\n max-width: 760px;\r\n margin: 0 auto 18px;\r\n color: rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-droste-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 52px;\r\n padding: 12px 20px;\r\n border-radius: 13px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n font-weight: 800;\r\n box-shadow: 0 6px 16px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-droste-button:hover {\r\n background: #f5f5f5;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-droste-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n}\r\n\r\n.fu-droste-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 68px;\r\n padding: 14px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 14px;\r\n background: #fff;\r\n box-shadow: 0 6px 18px rgba(31,75,63,.06);\r\n font-weight: 700;\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-droste-related a:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 22px rgba(31,75,63,.11);\r\n}\r\n\r\n.fu-droste-related i {\r\n color: var(--brand);\r\n font-size: 1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n .fu-droste-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-droste-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-droste-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n .fu-droste {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-droste-hero {\r\n padding: 27px 21px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-droste-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-droste-action {\r\n min-height: 58px;\r\n }\r\n\r\n .fu-droste-facts,\r\n .fu-droste-grid,\r\n .fu-droste-events,\r\n .fu-droste-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-droste-fact {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n text-align: left;\r\n }\r\n\r\n .fu-droste-fact i {\r\n margin: 0;\r\n }\r\n\r\n .fu-droste-highlight-inner {\r\n flex-direction: column;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 395 ===== */ @scope (.fu-article-395) { \r\n/* =========================================================\r\n FAST UMSONST\r\n A.CAT – MOBILE FIRST\r\n Kultur · Café · Kneipe\r\n ========================================================= */\r\n\r\n.fu-acat {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #16382f;\r\n --fu-green-soft: #eaf2ee;\r\n --fu-paper: #faf8f4;\r\n --fu-white: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #69756f;\r\n --fu-border: rgba(31,75,63,.13);\r\n --fu-shadow: 0 8px 26px rgba(25,45,38,.09);\r\n --fu-shadow-hover: 0 15px 35px rgba(25,45,38,.15);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 15px 15px 50px;\r\n color: var(--fu-text);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-acat-hero {\r\n position: relative;\r\n overflow: hidden;\r\n background:\r\n linear-gradient(135deg,\r\n #16382f 0%,\r\n #1f4b3f 58%,\r\n #2d6253 100%);\r\n color: #fff;\r\n border-radius: 25px;\r\n padding: 42px 38px 36px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 14px 35px rgba(22,56,47,.22);\r\n}\r\n\r\n.fu-acat-hero::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 260px;\r\n height: 260px;\r\n right: -100px;\r\n top: -110px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-acat-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 130px;\r\n height: 130px;\r\n right: 80px;\r\n bottom: -80px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.05);\r\n}\r\n\r\n.fu-acat-hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 850px;\r\n}\r\n\r\n.fu-acat-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 14px;\r\n padding: 7px 12px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n border: 1px solid rgba(255,255,255,.16);\r\n font-size: .82rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-acat-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3.1rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-acat-hero p {\r\n margin: 0;\r\n max-width: 800px;\r\n color: rgba(255,255,255,.94);\r\n font-size: 1.08rem;\r\n line-height: 1.7;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELL-AKTIONEN\r\n ========================================================= */\r\n\r\n.fu-acat-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-acat-action {\r\n min-height: 58px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 13px 15px;\r\n border-radius: 15px;\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n box-shadow: var(--fu-shadow);\r\n color: var(--fu-green) !important;\r\n text-decoration: none !important;\r\n font-weight: 750;\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease,\r\n background .2s ease;\r\n}\r\n\r\n.fu-acat-action:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--fu-shadow-hover);\r\n background: var(--fu-green-soft);\r\n color: var(--fu-green-dark) !important;\r\n}\r\n\r\n.fu-acat-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n HAUPTGRID\r\n ========================================================= */\r\n\r\n.fu-acat-grid {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1.4fr) minmax(280px, .8fr);\r\n gap: 22px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n/* =========================================================\r\n STANDARD-KARTE\r\n ========================================================= */\r\n\r\n.fu-acat-card {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 21px;\r\n padding: 27px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-acat-card h2,\r\n.fu-acat-hours h2,\r\n.fu-acat-events h2,\r\n.fu-acat-related h2,\r\n.fu-acat-arrival h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 18px;\r\n color: var(--fu-green);\r\n font-size: 1.45rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-acat-card p {\r\n margin: 0 0 15px;\r\n line-height: 1.72;\r\n}\r\n\r\n.fu-acat-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n ANGEBOTE\r\n ========================================================= */\r\n\r\n.fu-acat-offers {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0,1fr));\r\n gap: 13px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-acat-offer {\r\n padding: 17px;\r\n border-radius: 16px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-acat-offer-icon {\r\n width: 43px;\r\n height: 43px;\r\n margin-bottom: 11px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n background: var(--fu-green-soft);\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-acat-offer strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n color: var(--fu-green);\r\n font-size: .98rem;\r\n}\r\n\r\n.fu-acat-offer span {\r\n display: block;\r\n color: var(--fu-muted);\r\n font-size: .88rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* =========================================================\r\n ÖFFNUNGSZEITEN\r\n ========================================================= */\r\n\r\n.fu-acat-hours {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 21px;\r\n padding: 27px;\r\n box-shadow: 0 10px 28px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-acat-hours h2 {\r\n color: #fff;\r\n}\r\n\r\n.fu-acat-hours-block {\r\n padding: 16px 17px;\r\n margin-bottom: 11px;\r\n border-radius: 15px;\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n.fu-acat-hours-block:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-acat-hours-block strong {\r\n display: block;\r\n margin-bottom: 4px;\r\n font-size: 1rem;\r\n}\r\n\r\n.fu-acat-hours-block span {\r\n display: block;\r\n font-size: .9rem;\r\n opacity: .9;\r\n line-height: 1.5;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-acat-contact {\r\n display: grid;\r\n gap: 11px;\r\n}\r\n\r\n.fu-acat-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n padding: 14px;\r\n border-radius: 14px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-acat-contact-icon {\r\n flex: 0 0 40px;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 11px;\r\n background: var(--fu-green-soft);\r\n color: var(--fu-green);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.fu-acat-contact-text {\r\n min-width: 0;\r\n}\r\n\r\n.fu-acat-contact-text strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-acat-contact-text span {\r\n display: block;\r\n font-size: .92rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-acat-buttons {\r\n display: grid;\r\n grid-template-columns: repeat(2,minmax(0,1fr));\r\n gap: 11px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-acat-btn {\r\n min-height: 52px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 12px 15px;\r\n border-radius: 14px;\r\n text-align: center;\r\n font-weight: 750;\r\n text-decoration: none !important;\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease;\r\n}\r\n\r\n.fu-acat-btn:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n.fu-acat-btn-primary {\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n box-shadow: 0 7px 18px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-acat-btn-primary:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-acat-btn-secondary {\r\n background: var(--fu-green-soft);\r\n color: var(--fu-green) !important;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-acat-btn-secondary:hover {\r\n color: var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n KULTUR / VERANSTALTUNGEN\r\n ========================================================= */\r\n\r\n.fu-acat-events {\r\n background:\r\n linear-gradient(135deg,#f0f5f2,#faf8f4);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 21px;\r\n padding: 27px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-acat-events-intro {\r\n margin: 0 0 18px;\r\n color: var(--fu-muted);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-acat-event-list {\r\n display: grid;\r\n gap: 11px;\r\n}\r\n\r\n.fu-acat-event-link {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 15px;\r\n min-height: 58px;\r\n padding: 14px 17px;\r\n border-radius: 14px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green) !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease;\r\n}\r\n\r\n.fu-acat-event-link:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(25,45,38,.10);\r\n}\r\n\r\n.fu-acat-event-link span {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n}\r\n\r\n/* =========================================================\r\n BARRIEREFREIHEIT\r\n ========================================================= */\r\n\r\n.fu-acat-access {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n padding: 20px 21px;\r\n margin-bottom: 24px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 15px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-acat-access > i {\r\n flex: 0 0 auto;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-acat-access strong {\r\n display: block;\r\n margin-bottom: 4px;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-acat-access span {\r\n display: block;\r\n font-size: .92rem;\r\n line-height: 1.55;\r\n}\r\n\r\n/* =========================================================\r\n ANREISE\r\n ========================================================= */\r\n\r\n.fu-acat-arrival {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 21px;\r\n padding: 27px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-acat-arrival p {\r\n margin: 0;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-acat-arrival-options {\r\n display: grid;\r\n grid-template-columns: repeat(3,minmax(0,1fr));\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-acat-arrival-option {\r\n padding: 17px;\r\n border-radius: 15px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-acat-arrival-option i {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: var(--fu-green);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-acat-arrival-option strong {\r\n display: block;\r\n margin-bottom: 4px;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-acat-arrival-option span {\r\n display: block;\r\n color: var(--fu-muted);\r\n font-size: .87rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-acat-related {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 21px;\r\n padding: 27px;\r\n}\r\n\r\n.fu-acat-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2,minmax(0,1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-acat-related-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n min-height: 60px;\r\n padding: 12px 14px;\r\n border-radius: 14px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green) !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease;\r\n}\r\n\r\n.fu-acat-related-link:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 7px 18px rgba(25,45,38,.09);\r\n}\r\n\r\n.fu-acat-related-link i {\r\n flex: 0 0 auto;\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 850px) {\r\n\r\n .fu-acat-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-acat-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-acat-action {\r\n min-height: 56px;\r\n }\r\n\r\n .fu-acat-arrival-options {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n .fu-acat {\r\n padding: 8px 9px 35px;\r\n }\r\n\r\n .fu-acat-hero {\r\n padding: 29px 21px 27px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-acat-hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .fu-acat-hero p {\r\n font-size: .98rem;\r\n line-height: 1.62;\r\n }\r\n\r\n .fu-acat-card,\r\n .fu-acat-hours,\r\n .fu-acat-events,\r\n .fu-acat-arrival,\r\n .fu-acat-related {\r\n padding: 21px 18px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-acat-offers {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-acat-buttons {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-acat-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-acat-btn,\r\n .fu-acat-action,\r\n .fu-acat-related-link,\r\n .fu-acat-event-link {\r\n min-height: 54px;\r\n }\r\n\r\n .fu-acat-access {\r\n padding: 17px;\r\n }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n\r\n .fu-acat-hero h1 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .fu-acat-card h2,\r\n .fu-acat-hours h2,\r\n .fu-acat-events h2,\r\n .fu-acat-arrival h2,\r\n .fu-acat-related h2 {\r\n font-size: 1.25rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 398 ===== */ @scope (.fu-article-398) { \r\n/* =========================================================\r\n FAST UMSONST – SLAM LESEBÜHNE DIE2\r\n Joomla 6 / Bootstrap / Bootstrap Icons 1.11.3\r\n ========================================================= */\r\n\r\n.fu-die2 {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d87932;\r\n --fu-accent-dark: #b85f20;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #66736e;\r\n --fu-border: #e5e0d8;\r\n --fu-shadow: 0 10px 28px rgba(31,75,63,.10);\r\n --fu-radius: 18px;\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 16px 50px;\r\n color: var(--fu-text);\r\n font-size: 1.02rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-die2 * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-die2 a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-die2 a:hover {\r\n color: var(--fu-accent-dark);\r\n}\r\n\r\n.fu-die2 h1,\r\n.fu-die2 h2,\r\n.fu-die2 h3 {\r\n color: var(--fu-brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-die2-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-die2-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 35px 30px;\r\n border-radius: 24px;\r\n color: #fff;\r\n background:\r\n radial-gradient(circle at 90% 15%, rgba(216,121,50,.30), transparent 32%),\r\n linear-gradient(135deg, var(--fu-brand-dark), var(--fu-brand));\r\n box-shadow: 0 14px 35px rgba(23,56,47,.18);\r\n}\r\n\r\n.fu-die2-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 190px;\r\n height: 190px;\r\n right: -75px;\r\n bottom: -85px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-die2-hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.fu-die2-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 12px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n color: #fff;\r\n font-size: .88rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-die2-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n font-weight: 800;\r\n}\r\n\r\n.fu-die2-hero p {\r\n max-width: 830px;\r\n margin: 0;\r\n color: rgba(255,255,255,.93);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICK ACTIONS\r\n ========================================================= */\r\n\r\n.fu-die2-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-die2-action {\r\n min-height: 62px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 13px 16px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n box-shadow: 0 6px 18px rgba(31,75,63,.07);\r\n font-weight: 750;\r\n text-align: center;\r\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-die2-action:hover {\r\n transform: translateY(-2px);\r\n background: #f5f8f6;\r\n box-shadow: 0 10px 24px rgba(31,75,63,.12);\r\n}\r\n\r\n.fu-die2-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-die2-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 14px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-die2-fact {\r\n padding: 20px 16px;\r\n text-align: center;\r\n}\r\n\r\n.fu-die2-fact i {\r\n display: block;\r\n margin-bottom: 8px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-die2-fact strong {\r\n display: block;\r\n color: var(--fu-brand-dark);\r\n font-size: 1rem;\r\n}\r\n\r\n/* =========================================================\r\n SEKTIONEN\r\n ========================================================= */\r\n\r\n.fu-die2-section {\r\n margin: 34px 0;\r\n}\r\n\r\n.fu-die2-section-head {\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-die2-section-head h2 {\r\n margin: 0 0 7px;\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n}\r\n\r\n.fu-die2-section-head p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n ANGEBOTSKARTEN\r\n ========================================================= */\r\n\r\n.fu-die2-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-die2-offer {\r\n height: 100%;\r\n padding: 22px;\r\n}\r\n\r\n.fu-die2-offer-head {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-die2-offer h3 {\r\n margin: 0;\r\n font-size: 1.12rem;\r\n}\r\n\r\n.fu-die2-offer p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-die2-icon {\r\n width: 52px;\r\n height: 52px;\r\n flex: 0 0 52px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 15px;\r\n background: #eef4f1;\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-die2-highlight {\r\n padding: 26px;\r\n border-radius: var(--fu-radius);\r\n background: linear-gradient(135deg, #fff6eb, #fffaf5);\r\n border: 1px solid #f0d5ba;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-die2-highlight-inner {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 17px;\r\n}\r\n\r\n.fu-die2-highlight .fu-die2-icon {\r\n background: #fff;\r\n color: var(--fu-accent-dark);\r\n}\r\n\r\n.fu-die2-highlight h2 {\r\n margin: 0 0 8px;\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-die2-highlight p {\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n KÜNSTLER\r\n ========================================================= */\r\n\r\n.fu-die2-people {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-die2-person {\r\n padding: 24px;\r\n}\r\n\r\n.fu-die2-person-head {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-die2-person-head .fu-die2-icon {\r\n background: #eef4f1;\r\n}\r\n\r\n.fu-die2-person h3 {\r\n margin: 0;\r\n font-size: 1.18rem;\r\n}\r\n\r\n.fu-die2-person p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n INFO\r\n ========================================================= */\r\n\r\n.fu-die2-info {\r\n padding: 24px;\r\n}\r\n\r\n.fu-die2-info-row {\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-die2-info-row:first-child {\r\n padding-top: 0;\r\n}\r\n\r\n.fu-die2-info-row:last-child {\r\n padding-bottom: 0;\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-die2-info-row > i {\r\n width: 28px;\r\n flex: 0 0 28px;\r\n color: var(--fu-brand);\r\n font-size: 1.15rem;\r\n text-align: center;\r\n}\r\n\r\n.fu-die2-info-row strong {\r\n display: block;\r\n margin-bottom: 2px;\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-die2-cta {\r\n margin-top: 34px;\r\n padding: 28px;\r\n border-radius: var(--fu-radius);\r\n background: var(--fu-brand);\r\n color: #fff;\r\n text-align: center;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-die2-cta h2 {\r\n margin: 0 0 8px;\r\n color: #fff;\r\n}\r\n\r\n.fu-die2-cta p {\r\n max-width: 720px;\r\n margin: 0 auto 18px;\r\n color: rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-die2-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 52px;\r\n padding: 12px 20px;\r\n border-radius: 13px;\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n font-weight: 800;\r\n box-shadow: 0 6px 16px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-die2-button:hover {\r\n background: #f5f5f5;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-die2-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n}\r\n\r\n.fu-die2-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 68px;\r\n padding: 14px 15px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n box-shadow: 0 6px 18px rgba(31,75,63,.06);\r\n font-weight: 700;\r\n transition: transform .18s ease, box-shadow .18s ease;\r\n}\r\n\r\n.fu-die2-related a:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 22px rgba(31,75,63,.11);\r\n}\r\n\r\n.fu-die2-related i {\r\n color: var(--fu-brand);\r\n font-size: 1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n .fu-die2-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-die2-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-die2-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n .fu-die2 {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-die2-hero {\r\n padding: 27px 21px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-die2-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-die2-action {\r\n min-height: 58px;\r\n }\r\n\r\n .fu-die2-facts,\r\n .fu-die2-grid,\r\n .fu-die2-people,\r\n .fu-die2-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-die2-fact {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n text-align: left;\r\n }\r\n\r\n .fu-die2-fact i {\r\n margin: 0;\r\n }\r\n\r\n .fu-die2-highlight-inner {\r\n flex-direction: column;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 399 ===== */ @scope (.fu-article-399) { \r\n/* =========================================================\r\n FAST UMSONST – RIESELFELDER KULTURTAGE\r\n Joomla 6 · Bootstrap · Bootstrap Icons 1.11.3\r\n ========================================================= */\r\n\r\n.fu-riesel {\r\n --brand:#1f4b3f;\r\n --brand-dark:#17382f;\r\n --accent:#d87932;\r\n --accent-dark:#b85f20;\r\n --text:#26312d;\r\n --muted:#68746f;\r\n --border:#e4e0d8;\r\n --soft:#eef4f1;\r\n --paper:#faf8f4;\r\n --shadow:0 10px 28px rgba(31,75,63,.10);\r\n --radius:18px;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:10px 16px 50px;\r\n color:var(--text);\r\n font-size:1.02rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-riesel * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-riesel a {\r\n color:var(--brand);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-riesel a:hover {\r\n color:var(--accent-dark);\r\n}\r\n\r\n.fu-riesel h1,\r\n.fu-riesel h2,\r\n.fu-riesel h3 {\r\n color:var(--brand-dark);\r\n line-height:1.25;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-riesel-hero {\r\n position:relative;\r\n overflow:hidden;\r\n margin-bottom:22px;\r\n padding:38px 30px;\r\n border-radius:24px;\r\n color:#fff;\r\n background:\r\n radial-gradient(circle at 88% 15%,rgba(216,121,50,.32),transparent 32%),\r\n linear-gradient(135deg,var(--brand-dark),var(--brand));\r\n box-shadow:0 14px 35px rgba(23,56,47,.18);\r\n}\r\n\r\n.fu-riesel-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:240px;\r\n height:240px;\r\n right:-90px;\r\n bottom:-120px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-riesel-hero-inner {\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n.fu-riesel-eyebrow {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:12px;\r\n padding:7px 13px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.13);\r\n color:#fff;\r\n font-size:.88rem;\r\n font-weight:700;\r\n}\r\n\r\n.fu-riesel-hero h1 {\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3rem);\r\n font-weight:800;\r\n}\r\n\r\n.fu-riesel-hero p {\r\n max-width:880px;\r\n margin:0;\r\n color:rgba(255,255,255,.94);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICK ACTIONS\r\n ========================================================= */\r\n\r\n.fu-riesel-actions {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:12px;\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-riesel-action {\r\n min-height:62px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n padding:13px 16px;\r\n border:1px solid var(--border);\r\n border-radius:15px;\r\n background:#fff;\r\n color:var(--brand)!important;\r\n box-shadow:0 6px 18px rgba(31,75,63,.07);\r\n font-weight:750;\r\n text-align:center;\r\n transition:.18s ease;\r\n}\r\n\r\n.fu-riesel-action:hover {\r\n transform:translateY(-2px);\r\n background:#f5f8f6;\r\n box-shadow:0 10px 24px rgba(31,75,63,.12);\r\n}\r\n\r\n.fu-riesel-action i {\r\n font-size:1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-riesel-facts {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:14px;\r\n margin-bottom:34px;\r\n}\r\n\r\n.fu-riesel-fact {\r\n padding:20px 16px;\r\n text-align:center;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-riesel-fact i {\r\n display:block;\r\n margin-bottom:8px;\r\n color:var(--brand);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-riesel-fact strong {\r\n display:block;\r\n color:var(--brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-riesel-section {\r\n margin:34px 0;\r\n}\r\n\r\n.fu-riesel-section-head {\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-riesel-section-head h2 {\r\n margin:0 0 7px;\r\n font-size:clamp(1.45rem,3vw,2rem);\r\n}\r\n\r\n.fu-riesel-section-head p {\r\n margin:0;\r\n color:var(--muted);\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-riesel-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-riesel-card {\r\n height:100%;\r\n padding:22px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-riesel-card-head {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-riesel-card h3 {\r\n margin:0;\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-riesel-card p {\r\n margin:0;\r\n color:var(--muted);\r\n}\r\n\r\n.fu-riesel-icon {\r\n width:52px;\r\n height:52px;\r\n flex:0 0 52px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:15px;\r\n background:var(--soft);\r\n color:var(--brand);\r\n font-size:1.35rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-riesel-highlight {\r\n padding:27px;\r\n border-radius:var(--radius);\r\n background:linear-gradient(135deg,#fff6eb,#fffaf5);\r\n border:1px solid #f0d5ba;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-riesel-highlight-inner {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:17px;\r\n}\r\n\r\n.fu-riesel-highlight .fu-riesel-icon {\r\n background:#fff;\r\n color:var(--accent-dark);\r\n}\r\n\r\n.fu-riesel-highlight h2 {\r\n margin:0 0 8px;\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-riesel-highlight p {\r\n margin:0;\r\n}\r\n\r\n/* =========================================================\r\n RÜCKBLICK-TERMINE\r\n ========================================================= */\r\n\r\n.fu-riesel-events {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-riesel-event {\r\n padding:22px;\r\n}\r\n\r\n.fu-riesel-date {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:12px;\r\n padding:6px 10px;\r\n border-radius:999px;\r\n background:var(--soft);\r\n color:var(--brand);\r\n font-size:.88rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-riesel-event h3 {\r\n margin:0 0 7px;\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-riesel-event p {\r\n margin:0;\r\n color:var(--muted);\r\n}\r\n\r\n.fu-riesel-past {\r\n opacity:.9;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-riesel-info {\r\n padding:24px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-riesel-info-row {\r\n display:flex;\r\n gap:14px;\r\n align-items:flex-start;\r\n padding:14px 0;\r\n border-bottom:1px solid var(--border);\r\n}\r\n\r\n.fu-riesel-info-row:first-child {\r\n padding-top:0;\r\n}\r\n\r\n.fu-riesel-info-row:last-child {\r\n padding-bottom:0;\r\n border-bottom:0;\r\n}\r\n\r\n.fu-riesel-info-row > i {\r\n width:28px;\r\n flex:0 0 28px;\r\n color:var(--brand);\r\n font-size:1.15rem;\r\n text-align:center;\r\n}\r\n\r\n.fu-riesel-info-row strong {\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-riesel-cta {\r\n margin-top:34px;\r\n padding:30px;\r\n border-radius:var(--radius);\r\n background:var(--brand);\r\n color:#fff;\r\n text-align:center;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-riesel-cta h2 {\r\n margin:0 0 8px;\r\n color:#fff;\r\n}\r\n\r\n.fu-riesel-cta p {\r\n max-width:760px;\r\n margin:0 auto 18px;\r\n color:rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-riesel-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n min-height:52px;\r\n padding:12px 20px;\r\n border-radius:13px;\r\n background:#fff;\r\n color:var(--brand)!important;\r\n font-weight:800;\r\n box-shadow:0 6px 16px rgba(0,0,0,.12);\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-riesel-related {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:13px;\r\n}\r\n\r\n.fu-riesel-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n min-height:68px;\r\n padding:14px 15px;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n background:#fff;\r\n box-shadow:0 6px 18px rgba(31,75,63,.06);\r\n font-weight:700;\r\n transition:.18s ease;\r\n}\r\n\r\n.fu-riesel-related a:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 10px 22px rgba(31,75,63,.11);\r\n}\r\n\r\n.fu-riesel-related i {\r\n color:var(--brand);\r\n font-size:1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n .fu-riesel-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-riesel-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-riesel-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (max-width:680px) {\r\n .fu-riesel {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-riesel-hero {\r\n padding:27px 21px;\r\n border-radius:20px;\r\n }\r\n\r\n .fu-riesel-actions {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-riesel-action {\r\n min-height:58px;\r\n }\r\n\r\n .fu-riesel-facts,\r\n .fu-riesel-grid,\r\n .fu-riesel-events,\r\n .fu-riesel-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-riesel-fact {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n text-align:left;\r\n }\r\n\r\n .fu-riesel-fact i {\r\n margin:0;\r\n }\r\n\r\n .fu-riesel-highlight-inner {\r\n flex-direction:column;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 400 ===== */ @scope (.fu-article-400) { \r\n/* =========================================================\r\n FAST UMSONST – TATWORT POETRY SLAM\r\n Joomla 6 / Bootstrap / Bootstrap Icons 1.11.3\r\n ========================================================= */\r\n\r\n.fu-tatwort {\r\n --brand: #1f4b3f;\r\n --brand-dark: #17382f;\r\n --accent: #d87932;\r\n --accent-dark: #b85f20;\r\n --paper: #faf8f4;\r\n --text: #26312d;\r\n --muted: #66736e;\r\n --border: #e5e0d8;\r\n --soft: #eef4f1;\r\n --shadow: 0 10px 28px rgba(31,75,63,.10);\r\n --radius: 18px;\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 16px 50px;\r\n color: var(--text);\r\n font-size: 1.02rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-tatwort * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-tatwort a {\r\n color: var(--brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-tatwort a:hover {\r\n color: var(--accent-dark);\r\n}\r\n\r\n.fu-tatwort h1,\r\n.fu-tatwort h2,\r\n.fu-tatwort h3 {\r\n color: var(--brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-tatwort-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 36px 30px;\r\n border-radius: 24px;\r\n color: #fff;\r\n background:\r\n radial-gradient(circle at 90% 15%, rgba(216,121,50,.32), transparent 32%),\r\n linear-gradient(135deg, var(--brand-dark), var(--brand));\r\n box-shadow: 0 14px 35px rgba(23,56,47,.18);\r\n}\r\n\r\n.fu-tatwort-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 220px;\r\n height: 220px;\r\n right: -90px;\r\n bottom: -105px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-tatwort-hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.fu-tatwort-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n color: #fff;\r\n font-size: .88rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-tatwort-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n font-weight: 800;\r\n}\r\n\r\n.fu-tatwort-hero p {\r\n max-width: 850px;\r\n margin: 0;\r\n color: rgba(255,255,255,.94);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICK ACTIONS\r\n ========================================================= */\r\n\r\n.fu-tatwort-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-tatwort-action {\r\n min-height: 62px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 13px 16px;\r\n border: 1px solid var(--border);\r\n border-radius: 15px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n box-shadow: 0 6px 18px rgba(31,75,63,.07);\r\n font-weight: 750;\r\n text-align: center;\r\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-tatwort-action:hover {\r\n transform: translateY(-2px);\r\n background: #f5f8f6;\r\n box-shadow: 0 10px 24px rgba(31,75,63,.12);\r\n}\r\n\r\n.fu-tatwort-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-tatwort-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 14px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-tatwort-fact {\r\n padding: 20px 16px;\r\n text-align: center;\r\n}\r\n\r\n.fu-tatwort-fact i {\r\n display: block;\r\n margin-bottom: 8px;\r\n color: var(--brand);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-tatwort-fact strong {\r\n display: block;\r\n color: var(--brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-tatwort-section {\r\n margin: 34px 0;\r\n}\r\n\r\n.fu-tatwort-section-head {\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-tatwort-section-head h2 {\r\n margin: 0 0 7px;\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n}\r\n\r\n.fu-tatwort-section-head p {\r\n margin: 0;\r\n color: var(--muted);\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-tatwort-card {\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-tatwort-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-tatwort-offer {\r\n padding: 22px;\r\n}\r\n\r\n.fu-tatwort-offer-head {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-tatwort-offer h3 {\r\n margin: 0;\r\n font-size: 1.12rem;\r\n}\r\n\r\n.fu-tatwort-offer p {\r\n margin: 0;\r\n color: var(--muted);\r\n}\r\n\r\n.fu-tatwort-icon {\r\n width: 52px;\r\n height: 52px;\r\n flex: 0 0 52px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 15px;\r\n background: var(--soft);\r\n color: var(--brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-tatwort-highlight {\r\n padding: 27px;\r\n border-radius: var(--radius);\r\n background: linear-gradient(135deg, #fff6eb, #fffaf5);\r\n border: 1px solid #f0d5ba;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-tatwort-highlight-inner {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 17px;\r\n}\r\n\r\n.fu-tatwort-highlight .fu-tatwort-icon {\r\n background: #fff;\r\n color: var(--accent-dark);\r\n}\r\n\r\n.fu-tatwort-highlight h2 {\r\n margin: 0 0 8px;\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-tatwort-highlight p {\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n TERMINE\r\n ========================================================= */\r\n\r\n.fu-tatwort-events {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-tatwort-event {\r\n padding: 22px;\r\n}\r\n\r\n.fu-tatwort-date {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 12px;\r\n padding: 6px 10px;\r\n border-radius: 999px;\r\n background: var(--soft);\r\n color: var(--brand);\r\n font-size: .88rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-tatwort-event h3 {\r\n margin: 0 0 7px;\r\n font-size: 1.12rem;\r\n}\r\n\r\n.fu-tatwort-event p {\r\n margin: 0;\r\n color: var(--muted);\r\n}\r\n\r\n.fu-tatwort-price {\r\n margin-top: 12px;\r\n font-weight: 800;\r\n color: var(--brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n INFO BOX\r\n ========================================================= */\r\n\r\n.fu-tatwort-info {\r\n padding: 24px;\r\n}\r\n\r\n.fu-tatwort-info-row {\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\n.fu-tatwort-info-row:first-child {\r\n padding-top: 0;\r\n}\r\n\r\n.fu-tatwort-info-row:last-child {\r\n padding-bottom: 0;\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-tatwort-info-row > i {\r\n width: 28px;\r\n flex: 0 0 28px;\r\n color: var(--brand);\r\n font-size: 1.15rem;\r\n text-align: center;\r\n}\r\n\r\n.fu-tatwort-info-row strong {\r\n display: block;\r\n margin-bottom: 2px;\r\n color: var(--brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-tatwort-cta {\r\n margin-top: 34px;\r\n padding: 30px;\r\n border-radius: var(--radius);\r\n background: var(--brand);\r\n color: #fff;\r\n text-align: center;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-tatwort-cta h2 {\r\n margin: 0 0 8px;\r\n color: #fff;\r\n}\r\n\r\n.fu-tatwort-cta p {\r\n max-width: 760px;\r\n margin: 0 auto 18px;\r\n color: rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-tatwort-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 52px;\r\n padding: 12px 20px;\r\n border-radius: 13px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n font-weight: 800;\r\n box-shadow: 0 6px 16px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-tatwort-button:hover {\r\n background: #f5f5f5;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-tatwort-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n}\r\n\r\n.fu-tatwort-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 68px;\r\n padding: 14px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 14px;\r\n background: #fff;\r\n box-shadow: 0 6px 18px rgba(31,75,63,.06);\r\n font-weight: 700;\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-tatwort-related a:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 22px rgba(31,75,63,.11);\r\n}\r\n\r\n.fu-tatwort-related i {\r\n color: var(--brand);\r\n font-size: 1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n .fu-tatwort-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-tatwort-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-tatwort-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n .fu-tatwort {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-tatwort-hero {\r\n padding: 27px 21px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-tatwort-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-tatwort-action {\r\n min-height: 58px;\r\n }\r\n\r\n .fu-tatwort-facts,\r\n .fu-tatwort-grid,\r\n .fu-tatwort-events,\r\n .fu-tatwort-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-tatwort-fact {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n text-align: left;\r\n }\r\n\r\n .fu-tatwort-fact i {\r\n margin: 0;\r\n }\r\n\r\n .fu-tatwort-highlight-inner {\r\n flex-direction: column;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 401 ===== */ @scope (.fu-article-401) { \r\n/* =========================================================\r\n FAST UMSONST – PLATTDEUTSCHE ABENDE\r\n Joomla 6 / Bootstrap / Bootstrap Icons 1.11.3\r\n ========================================================= */\r\n\r\n.fu-platt {\r\n --brand:#1f4b3f;\r\n --brand-dark:#17382f;\r\n --accent:#d87932;\r\n --accent-dark:#b85f20;\r\n --paper:#faf8f4;\r\n --text:#26312d;\r\n --muted:#66736e;\r\n --border:#e5e0d8;\r\n --shadow:0 10px 28px rgba(31,75,63,.10);\r\n --radius:18px;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:10px 16px 50px;\r\n color:var(--text);\r\n font-size:1.02rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-platt *{box-sizing:border-box}\r\n\r\n.fu-platt a{\r\n color:var(--brand);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-platt a:hover{\r\n color:var(--accent-dark);\r\n}\r\n\r\n.fu-platt h1,\r\n.fu-platt h2,\r\n.fu-platt h3{\r\n color:var(--brand-dark);\r\n line-height:1.25;\r\n}\r\n\r\n.fu-platt-card{\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-platt-hero{\r\n position:relative;\r\n overflow:hidden;\r\n margin-bottom:22px;\r\n padding:35px 30px;\r\n border-radius:24px;\r\n color:#fff;\r\n background:\r\n radial-gradient(circle at 90% 15%,rgba(216,121,50,.30),transparent 32%),\r\n linear-gradient(135deg,var(--brand-dark),var(--brand));\r\n box-shadow:0 14px 35px rgba(23,56,47,.18);\r\n}\r\n\r\n.fu-platt-hero::after{\r\n content:\"\";\r\n position:absolute;\r\n width:190px;\r\n height:190px;\r\n right:-75px;\r\n bottom:-85px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-platt-hero-inner{\r\n position:relative;\r\n z-index:1;\r\n}\r\n\r\n.fu-platt-eyebrow{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:12px;\r\n padding:7px 12px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.13);\r\n color:#fff;\r\n font-size:.88rem;\r\n font-weight:700;\r\n}\r\n\r\n.fu-platt-hero h1{\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3rem);\r\n font-weight:800;\r\n}\r\n\r\n.fu-platt-hero p{\r\n max-width:830px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICK ACTIONS\r\n ========================================================= */\r\n\r\n.fu-platt-actions{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:12px;\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-platt-action{\r\n min-height:62px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n padding:13px 16px;\r\n border:1px solid var(--border);\r\n border-radius:15px;\r\n background:#fff;\r\n color:var(--brand)!important;\r\n box-shadow:0 6px 18px rgba(31,75,63,.07);\r\n font-weight:750;\r\n text-align:center;\r\n transition:.18s ease;\r\n}\r\n\r\n.fu-platt-action:hover{\r\n transform:translateY(-2px);\r\n background:#f5f8f6;\r\n box-shadow:0 10px 24px rgba(31,75,63,.12);\r\n}\r\n\r\n.fu-platt-action i{\r\n font-size:1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-platt-facts{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:14px;\r\n margin-bottom:34px;\r\n}\r\n\r\n.fu-platt-fact{\r\n padding:20px 16px;\r\n text-align:center;\r\n}\r\n\r\n.fu-platt-fact i{\r\n display:block;\r\n margin-bottom:8px;\r\n color:var(--brand);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-platt-fact strong{\r\n display:block;\r\n color:var(--brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-platt-section{\r\n margin:34px 0;\r\n}\r\n\r\n.fu-platt-section-head{\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-platt-section-head h2{\r\n margin:0 0 7px;\r\n font-size:clamp(1.45rem,3vw,2rem);\r\n}\r\n\r\n.fu-platt-section-head p{\r\n margin:0;\r\n color:var(--muted);\r\n}\r\n\r\n/* =========================================================\r\n OFFER CARDS\r\n ========================================================= */\r\n\r\n.fu-platt-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-platt-offer{\r\n height:100%;\r\n padding:22px;\r\n}\r\n\r\n.fu-platt-offer-head{\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-platt-offer h3{\r\n margin:0;\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-platt-offer p{\r\n margin:0;\r\n color:var(--muted);\r\n}\r\n\r\n.fu-platt-icon{\r\n width:52px;\r\n height:52px;\r\n flex:0 0 52px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:15px;\r\n background:#eef4f1;\r\n color:var(--brand);\r\n font-size:1.35rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-platt-highlight{\r\n padding:26px;\r\n border-radius:var(--radius);\r\n background:linear-gradient(135deg,#fff6eb,#fffaf5);\r\n border:1px solid #f0d5ba;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-platt-highlight-inner{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:17px;\r\n}\r\n\r\n.fu-platt-highlight .fu-platt-icon{\r\n background:#fff;\r\n color:var(--accent-dark);\r\n}\r\n\r\n.fu-platt-highlight h2{\r\n margin:0 0 8px;\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-platt-highlight p{\r\n margin:0;\r\n}\r\n\r\n/* =========================================================\r\n TERMIN-KARTEN\r\n ========================================================= */\r\n\r\n.fu-platt-events{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-platt-event{\r\n padding:21px;\r\n}\r\n\r\n.fu-platt-event-date{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:12px;\r\n padding:6px 10px;\r\n border-radius:999px;\r\n background:#eef4f1;\r\n color:var(--brand);\r\n font-size:.88rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-platt-event h3{\r\n margin:0 0 7px;\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-platt-event p{\r\n margin:0;\r\n color:var(--muted);\r\n}\r\n\r\n/* =========================================================\r\n INFO\r\n ========================================================= */\r\n\r\n.fu-platt-info{\r\n padding:24px;\r\n}\r\n\r\n.fu-platt-info-row{\r\n display:flex;\r\n gap:14px;\r\n align-items:flex-start;\r\n padding:14px 0;\r\n border-bottom:1px solid var(--border);\r\n}\r\n\r\n.fu-platt-info-row:first-child{\r\n padding-top:0;\r\n}\r\n\r\n.fu-platt-info-row:last-child{\r\n padding-bottom:0;\r\n border-bottom:0;\r\n}\r\n\r\n.fu-platt-info-row>i{\r\n width:28px;\r\n flex:0 0 28px;\r\n color:var(--brand);\r\n font-size:1.15rem;\r\n text-align:center;\r\n}\r\n\r\n.fu-platt-info-row strong{\r\n display:block;\r\n margin-bottom:2px;\r\n color:var(--brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-platt-cta{\r\n margin-top:34px;\r\n padding:28px;\r\n border-radius:var(--radius);\r\n background:var(--brand);\r\n color:#fff;\r\n text-align:center;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-platt-cta h2{\r\n margin:0 0 8px;\r\n color:#fff;\r\n}\r\n\r\n.fu-platt-cta p{\r\n max-width:720px;\r\n margin:0 auto 18px;\r\n color:rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-platt-button{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n min-height:52px;\r\n padding:12px 20px;\r\n border-radius:13px;\r\n background:#fff;\r\n color:var(--brand)!important;\r\n font-weight:800;\r\n box-shadow:0 6px 16px rgba(0,0,0,.12);\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-platt-related{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:13px;\r\n}\r\n\r\n.fu-platt-related a{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n min-height:68px;\r\n padding:14px 15px;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n background:#fff;\r\n box-shadow:0 6px 18px rgba(31,75,63,.06);\r\n font-weight:700;\r\n transition:.18s ease;\r\n}\r\n\r\n.fu-platt-related a:hover{\r\n transform:translateY(-2px);\r\n box-shadow:0 10px 22px rgba(31,75,63,.11);\r\n}\r\n\r\n.fu-platt-related i{\r\n color:var(--brand);\r\n font-size:1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media(max-width:900px){\r\n .fu-platt-facts{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-platt-grid,\r\n .fu-platt-events{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-platt-related{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media(max-width:680px){\r\n .fu-platt{\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-platt-hero{\r\n padding:27px 21px;\r\n border-radius:20px;\r\n }\r\n\r\n .fu-platt-actions{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-platt-action{\r\n min-height:58px;\r\n }\r\n\r\n .fu-platt-facts,\r\n .fu-platt-grid,\r\n .fu-platt-events,\r\n .fu-platt-related{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-platt-fact{\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n text-align:left;\r\n }\r\n\r\n .fu-platt-fact i{\r\n margin:0;\r\n }\r\n\r\n .fu-platt-highlight-inner{\r\n flex-direction:column;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 402 ===== */ @scope (.fu-article-402) { \r\n.fu-park-sentmaring {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-park-sentmaring * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-park-sentmaring a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-park-sentmaring a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n.fu-park-sentmaring .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-park-sentmaring .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:560px;\r\n object-fit:cover;\r\n object-position:center center;\r\n}\r\n\r\n.fu-park-sentmaring .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-park-sentmaring .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-park-sentmaring .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-park-sentmaring .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-park-sentmaring h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-park-sentmaring .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLE NAVIGATION\r\n ========================================================= */\r\n.fu-park-sentmaring .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-park-sentmaring .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-park-sentmaring .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-park-sentmaring .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-park-sentmaring .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n.fu-park-sentmaring .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-park-sentmaring .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-park-sentmaring .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-park-sentmaring .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n.fu-park-sentmaring .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-park-sentmaring .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-park-sentmaring .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-park-sentmaring .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-park-sentmaring .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n.fu-park-sentmaring .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-park-sentmaring .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n.fu-park-sentmaring .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-park-sentmaring .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-park-sentmaring .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-park-sentmaring .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-park-sentmaring .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n.fu-park-sentmaring .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-park-sentmaring .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-park-sentmaring .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-park-sentmaring .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-park-sentmaring .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-park-sentmaring .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n.fu-park-sentmaring .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-park-sentmaring .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-park-sentmaring .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-park-sentmaring .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n.fu-park-sentmaring .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-park-sentmaring .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-park-sentmaring .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-park-sentmaring .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-park-sentmaring .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n.fu-park-sentmaring .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n@media (max-width:639px) {\r\n\r\n .fu-park-sentmaring .fu-hero-image {\r\n height:420px;\r\n }\r\n\r\n}\r\n\r\n@media (min-width:640px) {\r\n\r\n .fu-park-sentmaring .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-park-sentmaring .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-park-sentmaring .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-park-sentmaring .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-park-sentmaring .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-park-sentmaring .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-park-sentmaring .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-park-sentmaring .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 403 ===== */ @scope (.fu-article-403) { \r\n/* =========================================================\r\n FAST UMSONST – PROMENADE MÜNSTER\r\n Parks & Gärten – Artikel 403\r\n ========================================================= */\r\n\r\n.fu-promenade {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 0 50px;\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-promenade *,\r\n.fu-promenade *::before,\r\n.fu-promenade *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-promenade a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-promenade a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-promenade .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:430px;\r\n object-fit:cover;\r\n object-position:center 55%;\r\n}\r\n\r\n.fu-promenade .fu-image-credit {\r\n padding:8px 16px;\r\n background:#f3f4f2;\r\n color:#5d6864;\r\n font-size:.78rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-promenade .fu-hero-content {\r\n padding:30px 28px 32px;\r\n}\r\n\r\n.fu-promenade .fu-kicker {\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n color:#d9eee7;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.05em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-promenade .fu-kicker i {\r\n color:#f3b45d;\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-promenade h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-promenade .fu-lead {\r\n max-width:850px;\r\n margin:0;\r\n color:#eef7f4;\r\n font-size:1.08rem;\r\n line-height:1.7;\r\n}\r\n\r\n/* =========================================================\r\n QUICKNAV\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-promenade .fu-quicknav-title {\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:13px;\r\n color:var(--fu-dark);\r\n font-weight:800;\r\n}\r\n\r\n.fu-promenade .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-promenade .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-size:.9rem;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-promenade .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-promenade .fu-fact {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-promenade .fu-fact i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-promenade .fu-fact strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-section {\r\n margin:0 0 34px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-promenade .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 17px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-promenade .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-promenade .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-promenade .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n margin:0 0 10px;\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-promenade .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-promenade .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n INFO / HIGHLIGHTS\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-info {\r\n background:#edf5f2;\r\n border:1px solid #d5e5df;\r\n border-radius:15px;\r\n padding:18px 20px;\r\n}\r\n\r\n.fu-promenade .fu-info strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-promenade .fu-highlight {\r\n background:#f7f1e7;\r\n border:1px solid #ead9bd;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:18px 20px;\r\n}\r\n\r\n.fu-promenade .fu-highlight strong {\r\n color:#71480a;\r\n}\r\n\r\n/* =========================================================\r\n LIST\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-list {\r\n margin:0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-promenade .fu-list li {\r\n margin-bottom:8px;\r\n}\r\n\r\n/* =========================================================\r\n SECOND IMAGE\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-content-image {\r\n width:100%;\r\n height:auto;\r\n display:block;\r\n border-radius:16px;\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-promenade .fu-image-caption {\r\n color:var(--fu-muted);\r\n font-size:.78rem;\r\n line-height:1.5;\r\n margin-bottom:18px;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:17px;\r\n}\r\n\r\n.fu-promenade .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 15px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-promenade .fu-button:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-promenade .fu-button.fu-secondary {\r\n background:#f3f5f3;\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-promenade .fu-button.fu-secondary:hover {\r\n background:#e8eeeb;\r\n}\r\n\r\n/* =========================================================\r\n ROUTES\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-route-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-promenade .fu-route {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-promenade .fu-route:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-promenade .fu-route i {\r\n font-size:1.15rem;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-promenade .fu-route:hover i {\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:13px;\r\n}\r\n\r\n.fu-promenade .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:16px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-promenade .fu-related a:hover {\r\n border-color:#bfd1ca;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-promenade .fu-related i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-promenade .fu-related strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-promenade .fu-related small {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n line-height:1.5;\r\n}\r\n\r\n/* =========================================================\r\n STATUS\r\n ========================================================= */\r\n\r\n.fu-promenade .fu-status {\r\n margin-top:30px;\r\n padding:14px 17px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.86rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (min-width:640px) {\r\n\r\n .fu-promenade {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-promenade .fu-hero-image {\r\n height:500px;\r\n }\r\n\r\n .fu-promenade .fu-hero-content {\r\n padding:34px 34px 38px;\r\n }\r\n\r\n .fu-promenade .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-promenade .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-promenade .fu-route-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-promenade .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-promenade .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-promenade .fu-route-grid {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-promenade .fu-hero-image {\r\n height:560px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 404 ===== */ @scope (.fu-article-404) { \r\n.fu-schlossgarten {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-schlossgarten * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-schlossgarten a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-schlossgarten a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n.fu-schlossgarten .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-schlossgarten .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-schlossgarten .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-schlossgarten .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-schlossgarten .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-schlossgarten .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-schlossgarten h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-schlossgarten .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLE NAVIGATION\r\n ========================================================= */\r\n.fu-schlossgarten .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-schlossgarten .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-schlossgarten .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-schlossgarten .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-schlossgarten .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n.fu-schlossgarten .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-schlossgarten .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-schlossgarten .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-schlossgarten .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n.fu-schlossgarten .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-schlossgarten .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-schlossgarten .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-schlossgarten .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-schlossgarten .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n.fu-schlossgarten .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-schlossgarten .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n.fu-schlossgarten .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-schlossgarten .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-schlossgarten .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-schlossgarten .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-schlossgarten .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n.fu-schlossgarten .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-schlossgarten .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-schlossgarten .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-schlossgarten .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-schlossgarten .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-schlossgarten .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n.fu-schlossgarten .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-schlossgarten .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-schlossgarten .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-schlossgarten .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n.fu-schlossgarten .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-schlossgarten .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-schlossgarten .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-schlossgarten .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-schlossgarten .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n.fu-schlossgarten .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n@media (min-width:640px) {\r\n\r\n .fu-schlossgarten .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-schlossgarten .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-schlossgarten .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-schlossgarten .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-schlossgarten .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-schlossgarten .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-schlossgarten .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-schlossgarten .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 405 ===== */ @scope (.fu-article-405) { \r\n.fu-sinnespark-kannen {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-sinnespark-kannen * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-sinnespark-kannen a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-sinnespark-kannen a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n.fu-sinnespark-kannen .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:560px;\r\n object-fit:cover;\r\n object-position:center center;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-sinnespark-kannen h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLE NAVIGATION\r\n ========================================================= */\r\n.fu-sinnespark-kannen .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n.fu-sinnespark-kannen .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n.fu-sinnespark-kannen .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n.fu-sinnespark-kannen .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n.fu-sinnespark-kannen .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n.fu-sinnespark-kannen .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n.fu-sinnespark-kannen .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n.fu-sinnespark-kannen .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-sinnespark-kannen .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n.fu-sinnespark-kannen .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n@media (max-width:639px) {\r\n\r\n .fu-sinnespark-kannen .fu-hero-image {\r\n height:420px;\r\n }\r\n\r\n}\r\n\r\n@media (min-width:640px) {\r\n\r\n .fu-sinnespark-kannen .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-sinnespark-kannen .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-sinnespark-kannen .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-sinnespark-kannen .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-sinnespark-kannen .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-sinnespark-kannen .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-sinnespark-kannen .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-sinnespark-kannen .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 406 ===== */ @scope (.fu-article-406) { \r\n.fu-suedpark {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-suedpark * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-suedpark a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-suedpark a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n.fu-suedpark .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-suedpark .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:560px;\r\n object-fit:cover;\r\n object-position:center center;\r\n}\r\n\r\n.fu-suedpark .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-suedpark .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-suedpark .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-suedpark .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-suedpark h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-suedpark .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLE NAVIGATION\r\n ========================================================= */\r\n.fu-suedpark .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-suedpark .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-suedpark .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-suedpark .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-suedpark .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n.fu-suedpark .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-suedpark .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-suedpark .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-suedpark .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n.fu-suedpark .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-suedpark .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-suedpark .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-suedpark .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-suedpark .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n.fu-suedpark .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-suedpark .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n.fu-suedpark .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-suedpark .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-suedpark .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-suedpark .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-suedpark .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n.fu-suedpark .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-suedpark .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-suedpark .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-suedpark .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-suedpark .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-suedpark .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n.fu-suedpark .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-suedpark .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-suedpark .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-suedpark .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n.fu-suedpark .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-suedpark .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-suedpark .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-suedpark .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-suedpark .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n.fu-suedpark .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n@media (max-width:639px) {\r\n\r\n .fu-suedpark .fu-hero-image {\r\n height:420px;\r\n }\r\n\r\n}\r\n\r\n@media (min-width:640px) {\r\n\r\n .fu-suedpark .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-suedpark .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-suedpark .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-suedpark .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-suedpark .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-suedpark .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-suedpark .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-suedpark .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 407 ===== */ @scope (.fu-article-407) { \r\n.fu-wienburgpark {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-wienburgpark * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-wienburgpark a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-wienburgpark a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n.fu-wienburgpark .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-wienburgpark .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:560px;\r\n object-fit:cover;\r\n object-position:center center;\r\n}\r\n\r\n.fu-wienburgpark .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-wienburgpark .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-wienburgpark .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-wienburgpark .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-wienburgpark h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-wienburgpark .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLE NAVIGATION\r\n ========================================================= */\r\n.fu-wienburgpark .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-wienburgpark .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-wienburgpark .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-wienburgpark .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wienburgpark .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n.fu-wienburgpark .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-wienburgpark .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-wienburgpark .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-wienburgpark .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n.fu-wienburgpark .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-wienburgpark .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-wienburgpark .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-wienburgpark .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-wienburgpark .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n.fu-wienburgpark .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-wienburgpark .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n.fu-wienburgpark .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-wienburgpark .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wienburgpark .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-wienburgpark .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-wienburgpark .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n.fu-wienburgpark .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-wienburgpark .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-wienburgpark .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-wienburgpark .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-wienburgpark .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-wienburgpark .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n.fu-wienburgpark .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-wienburgpark .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wienburgpark .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-wienburgpark .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n.fu-wienburgpark .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-wienburgpark .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wienburgpark .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-wienburgpark .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-wienburgpark .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n.fu-wienburgpark .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n@media (max-width:639px) {\r\n\r\n .fu-wienburgpark .fu-hero-image {\r\n height:420px;\r\n }\r\n\r\n}\r\n\r\n@media (min-width:640px) {\r\n\r\n .fu-wienburgpark .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-wienburgpark .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-wienburgpark .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-wienburgpark .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-wienburgpark .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-wienburgpark .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-wienburgpark .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-wienburgpark .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 409 ===== */ @scope (.fu-article-409) { \r\n.fu-beachvolleyball {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-beachvolleyball * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-beachvolleyball a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-beachvolleyball a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n EINSTIEG OHNE BILD\r\n ========================================================= */\r\n.fu-beachvolleyball .fu-intro {\r\n margin:0 0 24px;\r\n padding:32px 24px 34px;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-beachvolleyball .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-beachvolleyball h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-beachvolleyball .fu-lead {\r\n margin:0;\r\n max-width:900px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLE NAVIGATION\r\n ========================================================= */\r\n.fu-beachvolleyball .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-beachvolleyball .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-beachvolleyball .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-beachvolleyball .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-beachvolleyball .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n.fu-beachvolleyball .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-beachvolleyball .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-beachvolleyball .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-beachvolleyball .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n.fu-beachvolleyball .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-beachvolleyball .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-beachvolleyball .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-beachvolleyball .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-beachvolleyball .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n.fu-beachvolleyball .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-beachvolleyball .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n.fu-beachvolleyball .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-beachvolleyball .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-beachvolleyball .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-beachvolleyball .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-beachvolleyball .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n.fu-beachvolleyball .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-beachvolleyball .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-beachvolleyball .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-beachvolleyball .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-beachvolleyball .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-beachvolleyball .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n.fu-beachvolleyball .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-beachvolleyball .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-beachvolleyball .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-beachvolleyball .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n.fu-beachvolleyball .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-beachvolleyball .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-beachvolleyball .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-beachvolleyball .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-beachvolleyball .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n.fu-beachvolleyball .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n@media (min-width:640px) {\r\n\r\n .fu-beachvolleyball .fu-intro {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-beachvolleyball .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-beachvolleyball .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-beachvolleyball .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-beachvolleyball .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-beachvolleyball .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-beachvolleyball .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-beachvolleyball .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 411 ===== */ @scope (.fu-article-411) { \r\n.fu-boule {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-boule * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-boule a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-boule a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n EINSTIEG OHNE BILD\r\n ========================================================= */\r\n.fu-boule .fu-intro {\r\n margin:0 0 24px;\r\n padding:32px 24px 34px;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-boule .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-boule h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-boule .fu-lead {\r\n margin:0;\r\n max-width:900px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLE NAVIGATION\r\n ========================================================= */\r\n.fu-boule .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-boule .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-boule .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-boule .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-boule .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n.fu-boule .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-boule .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-boule .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-boule .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n.fu-boule .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-boule .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-boule .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-boule .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-boule .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n.fu-boule .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-boule .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n.fu-boule .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-boule .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-boule .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-boule .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-boule .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n.fu-boule .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-boule .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-boule .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-boule .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-boule .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-boule .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n STANDORTE\r\n ========================================================= */\r\n.fu-boule .fu-location {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-boule .fu-location i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-boule .fu-location strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n.fu-boule .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-boule .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-boule .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-boule .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n.fu-boule .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-boule .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-boule .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-boule .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-boule .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n.fu-boule .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n@media (min-width:640px) {\r\n\r\n .fu-boule .fu-intro {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-boule .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-boule .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-boule .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-boule .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-boule .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-boule .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-boule .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 412 ===== */ @scope (.fu-article-412) { \r\n/* =========================================================\r\n FAST UMSONST – MINIGOLF MÜNSTER\r\n Einheitliches Sport-/Freizeit-Layout ohne Bild\r\n ========================================================= */\r\n\r\n.fu-minigolf {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-minigolf * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-minigolf a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-minigolf a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-minigolf .fu-intro {\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 28px;\r\n padding:42px 38px;\r\n border-radius:22px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-minigolf .fu-intro:after {\r\n content:\"\";\r\n position:absolute;\r\n right:-80px;\r\n top:-100px;\r\n width:260px;\r\n height:260px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-minigolf .fu-kicker {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 10px;\r\n font-size:.9rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.86;\r\n}\r\n\r\n.fu-minigolf h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3.2rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-minigolf .fu-lead {\r\n position:relative;\r\n z-index:1;\r\n max-width:880px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICKNAV\r\n ========================================================= */\r\n\r\n.fu-minigolf .fu-quicknav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-minigolf .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:10px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-white);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:.94rem;\r\n box-shadow:0 4px 14px rgba(31,75,63,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-minigolf .fu-quicknav a:hover {\r\n transform:translateY(-1px);\r\n background:#f2f6f3;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-minigolf .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-minigolf .fu-fact {\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-minigolf .fu-fact-icon {\r\n width:42px;\r\n height:42px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:12px;\r\n border-radius:12px;\r\n background:#edf4f0;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-minigolf .fu-fact strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n}\r\n\r\n.fu-minigolf .fu-fact span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-minigolf .fu-section {\r\n margin:0 0 28px;\r\n padding:30px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-minigolf .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-minigolf .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-minigolf .fu-section h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-minigolf .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n LOCATION GRID\r\n ========================================================= */\r\n\r\n.fu-minigolf .fu-location-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:18px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-minigolf .fu-location {\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-minigolf .fu-location-top {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-minigolf .fu-location-icon {\r\n flex:0 0 44px;\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#eaf2ee;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-minigolf .fu-location h3 {\r\n margin:0;\r\n}\r\n\r\n.fu-minigolf .fu-address {\r\n margin:0 0 14px;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n.fu-minigolf .fu-details {\r\n margin-top:auto;\r\n padding-top:14px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-minigolf .fu-detail {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:9px;\r\n margin:0 0 8px;\r\n font-size:.93rem;\r\n}\r\n\r\n.fu-minigolf .fu-detail:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-minigolf .fu-detail i {\r\n flex:0 0 18px;\r\n margin-top:3px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-minigolf .fu-price {\r\n color:var(--fu-green-dark);\r\n font-weight:700;\r\n}\r\n\r\n.fu-minigolf .fu-warning {\r\n margin-top:14px;\r\n padding:12px 14px;\r\n border-radius:10px;\r\n background:#fff1e1;\r\n color:#86510d;\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-minigolf .fu-warning i {\r\n margin-right:5px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-minigolf .fu-highlight {\r\n margin:20px 0 0;\r\n padding:20px 22px;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n background:#fff8ee;\r\n}\r\n\r\n.fu-minigolf .fu-highlight strong {\r\n color:#8a5106;\r\n}\r\n\r\n/* =========================================================\r\n SIMPLE INFO GRID\r\n ========================================================= */\r\n\r\n.fu-minigolf .fu-info-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-minigolf .fu-info-card {\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-minigolf .fu-info-card i {\r\n display:inline-block;\r\n margin-bottom:11px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-minigolf .fu-info-card strong {\r\n display:block;\r\n margin-bottom:6px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-minigolf .fu-info-card span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-minigolf .fu-button-grid {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-minigolf .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:12px 16px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-minigolf .fu-button:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-minigolf .fu-button.secondary {\r\n background:#edf4f0;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-minigolf .fu-button.secondary:hover {\r\n background:#dfece5;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-minigolf .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-minigolf .fu-related {\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n min-height:145px;\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-minigolf .fu-related:hover {\r\n transform:translateY(-2px);\r\n background:#f2f6f3;\r\n}\r\n\r\n.fu-minigolf .fu-related i {\r\n margin-bottom:12px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-minigolf .fu-related strong {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-minigolf .fu-related span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n NOTE\r\n ========================================================= */\r\n\r\n.fu-minigolf .fu-note {\r\n margin-top:18px;\r\n padding:18px 20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#f6f8f7;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-minigolf .fu-note strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n .fu-minigolf .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-minigolf .fu-location-grid,\r\n .fu-minigolf .fu-info-grid,\r\n .fu-minigolf .fu-related-grid {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n}\r\n\r\n@media (max-width:640px) {\r\n .fu-minigolf .fu-intro {\r\n padding:30px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-minigolf .fu-section {\r\n padding:22px;\r\n border-radius:17px;\r\n }\r\n\r\n .fu-minigolf .fu-facts,\r\n .fu-minigolf .fu-location-grid,\r\n .fu-minigolf .fu-info-grid,\r\n .fu-minigolf .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-minigolf .fu-quicknav a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-minigolf .fu-button {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 413 ===== */ @scope (.fu-article-413) { \r\n/* =========================================================\r\n FAST UMSONST – PRÄVENTIONSKURSE\r\n Sport-/Gesundheits-Layout\r\n ========================================================= */\r\n\r\n.fu-praeventionskurse {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-praeventionskurse * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-praeventionskurse a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-praeventionskurse a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-praeventionskurse .fu-intro {\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 28px;\r\n padding:42px 38px;\r\n border-radius:22px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-praeventionskurse .fu-intro:after {\r\n content:\"\";\r\n position:absolute;\r\n right:-80px;\r\n top:-100px;\r\n width:260px;\r\n height:260px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-praeventionskurse .fu-kicker {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 10px;\r\n font-size:.9rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.86;\r\n}\r\n\r\n.fu-praeventionskurse h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3.2rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-praeventionskurse .fu-lead {\r\n position:relative;\r\n z-index:1;\r\n max-width:900px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICK NAV\r\n ========================================================= */\r\n\r\n.fu-praeventionskurse .fu-quicknav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-praeventionskurse .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:10px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-white);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:.94rem;\r\n box-shadow:0 4px 14px rgba(31,75,63,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-praeventionskurse .fu-quicknav a:hover {\r\n transform:translateY(-1px);\r\n background:#f2f6f3;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-praeventionskurse .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-praeventionskurse .fu-fact {\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-praeventionskurse .fu-fact-icon {\r\n width:42px;\r\n height:42px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:12px;\r\n border-radius:12px;\r\n background:#edf4f0;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-praeventionskurse .fu-fact strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n}\r\n\r\n.fu-praeventionskurse .fu-fact span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-praeventionskurse .fu-section {\r\n margin:0 0 28px;\r\n padding:30px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-praeventionskurse .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-praeventionskurse .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-praeventionskurse .fu-section h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-praeventionskurse .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n.fu-praeventionskurse .fu-info-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-praeventionskurse .fu-info-card {\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-praeventionskurse .fu-info-card i {\r\n display:inline-block;\r\n margin-bottom:11px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-praeventionskurse .fu-info-card strong {\r\n display:block;\r\n margin-bottom:6px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-praeventionskurse .fu-info-card span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n THEMEN\r\n ========================================================= */\r\n\r\n.fu-praeventionskurse .fu-theme-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-praeventionskurse .fu-theme-card {\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-praeventionskurse .fu-theme-icon {\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:13px;\r\n border-radius:12px;\r\n background:#eaf2ee;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-praeventionskurse .fu-theme-card strong {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-praeventionskurse .fu-theme-card span {\r\n color:var(--fu-muted);\r\n font-size:.93rem;\r\n}\r\n\r\n/* =========================================================\r\n STEPS\r\n ========================================================= */\r\n\r\n.fu-praeventionskurse .fu-step-grid {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-praeventionskurse .fu-step-card {\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-praeventionskurse .fu-step-number {\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:13px;\r\n border-radius:50%;\r\n background:#eaf2ee;\r\n color:var(--fu-green);\r\n font-weight:800;\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-praeventionskurse .fu-step-card strong {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-praeventionskurse .fu-step-card span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n STATUS\r\n ========================================================= */\r\n\r\n.fu-praeventionskurse .fu-status {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:15px;\r\n margin:20px 0 0;\r\n padding:20px 22px;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n background:#fff8ee;\r\n}\r\n\r\n.fu-praeventionskurse .fu-status-icon {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n line-height:1;\r\n}\r\n\r\n.fu-praeventionskurse .fu-status strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:#8a5106;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-praeventionskurse .fu-button-grid {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-praeventionskurse .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:12px 17px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-praeventionskurse .fu-button:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-praeventionskurse .fu-button.secondary {\r\n background:#edf4f0;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-praeventionskurse .fu-button.secondary:hover {\r\n background:#dfece5;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-praeventionskurse .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-praeventionskurse .fu-related {\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n min-height:145px;\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-praeventionskurse .fu-related:hover {\r\n transform:translateY(-2px);\r\n background:#f2f6f3;\r\n}\r\n\r\n.fu-praeventionskurse .fu-related i {\r\n margin-bottom:12px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-praeventionskurse .fu-related strong {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-praeventionskurse .fu-related span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n NOTE\r\n ========================================================= */\r\n\r\n.fu-praeventionskurse .fu-note {\r\n margin-top:18px;\r\n padding:18px 20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#f6f8f7;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-praeventionskurse .fu-note strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-praeventionskurse .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-praeventionskurse .fu-info-grid,\r\n .fu-praeventionskurse .fu-related-grid {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n .fu-praeventionskurse .fu-step-grid {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n}\r\n\r\n@media (max-width:640px) {\r\n\r\n .fu-praeventionskurse .fu-intro {\r\n padding:30px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-praeventionskurse .fu-section {\r\n padding:22px;\r\n border-radius:17px;\r\n }\r\n\r\n .fu-praeventionskurse .fu-facts,\r\n .fu-praeventionskurse .fu-info-grid,\r\n .fu-praeventionskurse .fu-theme-grid,\r\n .fu-praeventionskurse .fu-step-grid,\r\n .fu-praeventionskurse .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-praeventionskurse .fu-quicknav a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-praeventionskurse .fu-button {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 415 ===== */ @scope (.fu-article-415) { \r\n.fu-slackline {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-slackline * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-slackline a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-slackline a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n EINSTIEG OHNE BILD\r\n ========================================================= */\r\n.fu-slackline .fu-intro {\r\n margin:0 0 24px;\r\n padding:32px 24px 34px;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-slackline .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-slackline h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-slackline .fu-lead {\r\n margin:0;\r\n max-width:900px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLE NAVIGATION\r\n ========================================================= */\r\n.fu-slackline .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-slackline .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-slackline .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-slackline .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-slackline .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n.fu-slackline .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-slackline .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-slackline .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-slackline .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n.fu-slackline .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-slackline .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-slackline .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-slackline .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-slackline .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n.fu-slackline .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-slackline .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n.fu-slackline .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-slackline .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-slackline .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-slackline .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-slackline .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n.fu-slackline .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-slackline .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-slackline .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-slackline .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-slackline .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-slackline .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n STANDORTE\r\n ========================================================= */\r\n.fu-slackline .fu-location {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-slackline .fu-location i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-slackline .fu-location strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n.fu-slackline .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-slackline .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-slackline .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-slackline .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n.fu-slackline .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-slackline .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-slackline .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-slackline .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-slackline .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n.fu-slackline .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n@media (min-width:640px) {\r\n\r\n .fu-slackline .fu-intro {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-slackline .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-slackline .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-slackline .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-slackline .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-slackline .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-slackline .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-slackline .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 416 ===== */ @scope (.fu-article-416) { \r\n/* =========================================================\r\n FAST UMSONST – SPECKBRETT MÜNSTER\r\n Einheitliches Sport-/Freizeit-Layout ohne Bild\r\n ========================================================= */\r\n\r\n.fu-speckbrett {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-speckbrett * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-speckbrett a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-speckbrett a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-speckbrett .fu-intro {\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 28px;\r\n padding:42px 38px;\r\n border-radius:22px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-speckbrett .fu-intro:after {\r\n content:\"\";\r\n position:absolute;\r\n right:-80px;\r\n top:-100px;\r\n width:260px;\r\n height:260px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-speckbrett .fu-kicker {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 10px;\r\n font-size:.9rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.86;\r\n}\r\n\r\n.fu-speckbrett h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3.2rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-speckbrett .fu-lead {\r\n position:relative;\r\n z-index:1;\r\n max-width:850px;\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICKNAV\r\n ========================================================= */\r\n\r\n.fu-speckbrett .fu-quicknav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-speckbrett .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:10px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-white);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:.94rem;\r\n box-shadow:0 4px 14px rgba(31,75,63,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-speckbrett .fu-quicknav a:hover {\r\n transform:translateY(-1px);\r\n background:#f2f6f3;\r\n}\r\n\r\n/* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n.fu-speckbrett .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-speckbrett .fu-fact {\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-speckbrett .fu-fact-icon {\r\n width:42px;\r\n height:42px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:12px;\r\n border-radius:12px;\r\n background:#edf4f0;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-speckbrett .fu-fact strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n}\r\n\r\n.fu-speckbrett .fu-fact span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-speckbrett .fu-section {\r\n margin:0 0 28px;\r\n padding:30px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-speckbrett .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-speckbrett .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-speckbrett .fu-section h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-speckbrett .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-speckbrett .fu-highlight {\r\n margin:20px 0 0;\r\n padding:20px 22px;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n background:#fff8ee;\r\n}\r\n\r\n.fu-speckbrett .fu-highlight strong {\r\n color:#8a5106;\r\n}\r\n\r\n/* =========================================================\r\n LOCATION GRID\r\n ========================================================= */\r\n\r\n.fu-speckbrett .fu-location-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-speckbrett .fu-location {\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-speckbrett .fu-location-top {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-speckbrett .fu-location-icon {\r\n flex:0 0 42px;\r\n width:42px;\r\n height:42px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#eaf2ee;\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-speckbrett .fu-location h3 {\r\n margin:0;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-speckbrett .fu-address {\r\n margin:0 0 12px;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n.fu-speckbrett .fu-count {\r\n margin-top:auto;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n ROUTE BUTTONS\r\n ========================================================= */\r\n\r\n.fu-speckbrett .fu-route-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-speckbrett .fu-route {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n padding:15px 16px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:var(--fu-paper);\r\n font-weight:700;\r\n}\r\n\r\n.fu-speckbrett .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-speckbrett .fu-route:hover {\r\n background:#f2f6f3;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-speckbrett .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-speckbrett .fu-related {\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n min-height:145px;\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-speckbrett .fu-related i {\r\n margin-bottom:12px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-speckbrett .fu-related strong {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-speckbrett .fu-related span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n SOURCE / NOTE\r\n ========================================================= */\r\n\r\n.fu-speckbrett .fu-note {\r\n margin-top:10px;\r\n padding:18px 20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#f6f8f7;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-speckbrett .fu-note strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n .fu-speckbrett .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-speckbrett .fu-related-grid {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n}\r\n\r\n@media (max-width:640px) {\r\n .fu-speckbrett .fu-intro {\r\n padding:30px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-speckbrett .fu-section {\r\n padding:22px;\r\n border-radius:17px;\r\n }\r\n\r\n .fu-speckbrett .fu-facts,\r\n .fu-speckbrett .fu-location-grid,\r\n .fu-speckbrett .fu-route-grid,\r\n .fu-speckbrett .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-speckbrett .fu-quicknav {\r\n gap:8px;\r\n }\r\n\r\n .fu-speckbrett .fu-quicknav a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 417 ===== */ @scope (.fu-article-417) { \r\n/* =========================================================\r\n FAST UMSONST – TRIMMANLAGEN MÜNSTER\r\n Einheitliches Sport-/Freizeit-Layout ohne Bild\r\n ========================================================= */\r\n\r\n.fu-trimmanlagen {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-trimmanlagen * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-trimmanlagen a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-trimmanlagen a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-trimmanlagen .fu-intro {\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 28px;\r\n padding:42px 38px;\r\n border-radius:22px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-trimmanlagen .fu-intro:after {\r\n content:\"\";\r\n position:absolute;\r\n right:-80px;\r\n top:-100px;\r\n width:260px;\r\n height:260px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-trimmanlagen .fu-kicker {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 10px;\r\n font-size:.9rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.86;\r\n}\r\n\r\n.fu-trimmanlagen h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3.2rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-trimmanlagen .fu-lead {\r\n position:relative;\r\n z-index:1;\r\n max-width:850px;\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICKNAV\r\n ========================================================= */\r\n\r\n.fu-trimmanlagen .fu-quicknav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-trimmanlagen .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:10px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-white);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:.94rem;\r\n box-shadow:0 4px 14px rgba(31,75,63,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-trimmanlagen .fu-quicknav a:hover {\r\n transform:translateY(-1px);\r\n background:#f2f6f3;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-trimmanlagen .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-trimmanlagen .fu-fact {\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-trimmanlagen .fu-fact-icon {\r\n width:42px;\r\n height:42px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:12px;\r\n border-radius:12px;\r\n background:#edf4f0;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-trimmanlagen .fu-fact strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n}\r\n\r\n.fu-trimmanlagen .fu-fact span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-trimmanlagen .fu-section {\r\n margin:0 0 28px;\r\n padding:30px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-trimmanlagen .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-trimmanlagen .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-trimmanlagen .fu-section h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-trimmanlagen .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-trimmanlagen .fu-highlight {\r\n margin:20px 0 0;\r\n padding:20px 22px;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n background:#fff8ee;\r\n}\r\n\r\n.fu-trimmanlagen .fu-highlight strong {\r\n color:#8a5106;\r\n}\r\n\r\n/* =========================================================\r\n LOCATION GRID\r\n ========================================================= */\r\n\r\n.fu-trimmanlagen .fu-location-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-trimmanlagen .fu-location {\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-trimmanlagen .fu-location-top {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-trimmanlagen .fu-location-icon {\r\n flex:0 0 42px;\r\n width:42px;\r\n height:42px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#eaf2ee;\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-trimmanlagen .fu-location h3 {\r\n margin:0;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-trimmanlagen .fu-address {\r\n margin:0 0 12px;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n.fu-trimmanlagen .fu-type {\r\n margin-top:auto;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n ROUTES\r\n ========================================================= */\r\n\r\n.fu-trimmanlagen .fu-route-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-trimmanlagen .fu-route {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n padding:15px 16px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:var(--fu-paper);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-trimmanlagen .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-trimmanlagen .fu-route:hover {\r\n background:#f2f6f3;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-trimmanlagen .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-trimmanlagen .fu-related {\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n min-height:145px;\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-trimmanlagen .fu-related:hover {\r\n transform:translateY(-2px);\r\n background:#f2f6f3;\r\n}\r\n\r\n.fu-trimmanlagen .fu-related i {\r\n margin-bottom:12px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-trimmanlagen .fu-related strong {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-trimmanlagen .fu-related span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n NOTE\r\n ========================================================= */\r\n\r\n.fu-trimmanlagen .fu-note {\r\n margin-top:16px;\r\n padding:18px 20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#f6f8f7;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-trimmanlagen .fu-note strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n .fu-trimmanlagen .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-trimmanlagen .fu-related-grid {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n}\r\n\r\n@media (max-width:640px) {\r\n .fu-trimmanlagen .fu-intro {\r\n padding:30px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-trimmanlagen .fu-section {\r\n padding:22px;\r\n border-radius:17px;\r\n }\r\n\r\n .fu-trimmanlagen .fu-facts,\r\n .fu-trimmanlagen .fu-location-grid,\r\n .fu-trimmanlagen .fu-route-grid,\r\n .fu-trimmanlagen .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-trimmanlagen .fu-quicknav a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 418 ===== */ @scope (.fu-article-418) { \r\n/* =========================================================\r\n FAST UMSONST – CHARIVARI PUPPENTHEATER MÜNSTER\r\n Mobile-first / Bootstrap / Bootstrap Icons\r\n Standard wie Studiobühne, Pumpenhaus & WBT\r\n ========================================================= */\r\n\r\n.fu-charivari {\r\n --ch-brand: #1f4b3f;\r\n --ch-brand-dark: #17382f;\r\n --ch-accent: #d97706;\r\n --ch-paper: #faf8f4;\r\n --ch-card: #ffffff;\r\n --ch-text: #26332f;\r\n --ch-muted: #65736e;\r\n --ch-border: #e4e8e5;\r\n --ch-shadow: 0 8px 24px rgba(31, 75, 63, .09);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 15px 50px;\r\n color: var(--ch-text);\r\n font-size: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-charivari *,\r\n.fu-charivari *::before,\r\n.fu-charivari *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-charivari a {\r\n color: var(--ch-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-charivari a:hover {\r\n color: var(--ch-brand-dark);\r\n text-decoration: none;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-charivari .ch-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 30px 24px;\r\n border-radius: 22px;\r\n color: #fff;\r\n background:\r\n radial-gradient(circle at 90% 10%, rgba(217,119,6,.25), transparent 30%),\r\n radial-gradient(circle at 10% 90%, rgba(255,255,255,.08), transparent 35%),\r\n linear-gradient(135deg, var(--ch-brand-dark), var(--ch-brand));\r\n box-shadow: var(--ch-shadow);\r\n}\r\n\r\n.fu-charivari .ch-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 9px;\r\n font-size: .82rem;\r\n font-weight: 700;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n opacity: .9;\r\n}\r\n\r\n.fu-charivari .ch-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 6vw, 3.2rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-charivari .ch-hero p {\r\n max-width: 820px;\r\n margin: 0;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.05rem;\r\n}\r\n\r\n/* ACTIONS */\r\n\r\n.fu-charivari .ch-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 20px 0 24px;\r\n}\r\n\r\n.fu-charivari .ch-action {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-height: 44px;\r\n padding: 10px 15px;\r\n border: 1px solid var(--ch-border);\r\n border-radius: 12px;\r\n background: #fff;\r\n color: var(--ch-brand);\r\n font-weight: 700;\r\n box-shadow: 0 5px 16px rgba(31,75,63,.07);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-charivari .ch-action:hover {\r\n transform: translateY(-1px);\r\n background: var(--ch-brand);\r\n border-color: var(--ch-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-charivari .ch-action.primary {\r\n background: var(--ch-brand);\r\n border-color: var(--ch-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-charivari .ch-action.primary:hover {\r\n background: var(--ch-brand-dark);\r\n border-color: var(--ch-brand-dark);\r\n}\r\n\r\n/* FACTS */\r\n\r\n.fu-charivari .ch-facts {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-charivari .ch-fact {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 17px;\r\n border: 1px solid var(--ch-border);\r\n border-radius: 16px;\r\n background: var(--ch-card);\r\n box-shadow: var(--ch-shadow);\r\n}\r\n\r\n.fu-charivari .ch-fact-icon {\r\n flex: 0 0 42px;\r\n width: 42px;\r\n height: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n background: rgba(31,75,63,.09);\r\n color: var(--ch-brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-charivari .ch-fact strong {\r\n display: block;\r\n margin-bottom: 3px;\r\n color: var(--ch-brand-dark);\r\n}\r\n\r\n.fu-charivari .ch-fact span {\r\n color: var(--ch-muted);\r\n font-size: .94rem;\r\n}\r\n\r\n/* GRID / CARDS */\r\n\r\n.fu-charivari .ch-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-charivari .ch-card {\r\n padding: 21px;\r\n border: 1px solid var(--ch-border);\r\n border-radius: 18px;\r\n background: var(--ch-card);\r\n box-shadow: var(--ch-shadow);\r\n}\r\n\r\n.fu-charivari .ch-card h2,\r\n.fu-charivari .ch-card h3 {\r\n color: var(--ch-brand-dark);\r\n}\r\n\r\n.fu-charivari .ch-card h2 {\r\n margin: 0 0 10px;\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-charivari .ch-card h3 {\r\n margin: 0 0 7px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-charivari .ch-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-charivari .ch-icon-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-charivari .ch-icon-title i {\r\n color: var(--ch-accent);\r\n font-size: 1.35rem;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-charivari .ch-highlight {\r\n margin: 24px 0;\r\n padding: 22px;\r\n border-left: 5px solid var(--ch-accent);\r\n border-radius: 16px;\r\n background: #fff8ed;\r\n box-shadow: var(--ch-shadow);\r\n}\r\n\r\n.fu-charivari .ch-highlight strong {\r\n color: var(--ch-brand-dark);\r\n}\r\n\r\n.fu-charivari .ch-highlight p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* SECTION TITLE */\r\n\r\n.fu-charivari .ch-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 30px 0 14px;\r\n color: var(--ch-brand-dark);\r\n font-size: 1.45rem;\r\n line-height: 1.2;\r\n}\r\n\r\n.fu-charivari .ch-section-title i {\r\n color: var(--ch-accent);\r\n}\r\n\r\n/* EVENTS */\r\n\r\n.fu-charivari .ch-events {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-charivari .ch-event {\r\n display: grid;\r\n grid-template-columns: 74px 1fr;\r\n gap: 14px;\r\n align-items: start;\r\n padding: 16px;\r\n border: 1px solid var(--ch-border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: var(--ch-shadow);\r\n}\r\n\r\n.fu-charivari .ch-event-date {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 68px;\r\n border-radius: 13px;\r\n background: var(--ch-brand);\r\n color: #fff;\r\n text-align: center;\r\n line-height: 1.1;\r\n}\r\n\r\n.fu-charivari .ch-event-date strong {\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-charivari .ch-event-date span {\r\n margin-top: 4px;\r\n font-size: .75rem;\r\n text-transform: uppercase;\r\n letter-spacing: .06em;\r\n}\r\n\r\n.fu-charivari .ch-event-title {\r\n margin: 0 0 5px;\r\n color: var(--ch-brand-dark);\r\n font-size: 1.05rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-charivari .ch-event-meta {\r\n color: var(--ch-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-charivari .ch-event-note {\r\n display: inline-block;\r\n margin-top: 6px;\r\n padding: 3px 8px;\r\n border-radius: 8px;\r\n background: rgba(217,119,6,.11);\r\n color: #9a5704;\r\n font-size: .78rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* ADDRESS */\r\n\r\n.fu-charivari .ch-address {\r\n display: grid;\r\n gap: 15px;\r\n margin: 24px 0;\r\n padding: 22px;\r\n border: 1px solid var(--ch-border);\r\n border-radius: 18px;\r\n background: var(--ch-card);\r\n box-shadow: var(--ch-shadow);\r\n}\r\n\r\n.fu-charivari .ch-address h2 {\r\n margin: 0;\r\n color: var(--ch-brand-dark);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-charivari .ch-address-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n}\r\n\r\n.fu-charivari .ch-address-item i {\r\n margin-top: 3px;\r\n color: var(--ch-accent);\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-charivari .ch-address-item strong {\r\n display: block;\r\n}\r\n\r\n/* ROUTE */\r\n\r\n.fu-charivari .ch-route {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n}\r\n\r\n.fu-charivari .ch-route-item {\r\n padding: 17px;\r\n border-radius: 15px;\r\n background: #f4f6f4;\r\n border: 1px solid var(--ch-border);\r\n}\r\n\r\n.fu-charivari .ch-route-item i {\r\n margin-right: 7px;\r\n color: var(--ch-brand);\r\n}\r\n\r\n/* INFO */\r\n\r\n.fu-charivari .ch-info {\r\n margin: 24px 0;\r\n padding: 22px;\r\n border-radius: 18px;\r\n background: var(--ch-brand);\r\n color: #fff;\r\n box-shadow: var(--ch-shadow);\r\n}\r\n\r\n.fu-charivari .ch-info h2 {\r\n margin: 0 0 9px;\r\n color: #fff;\r\n}\r\n\r\n.fu-charivari .ch-info p {\r\n margin-bottom: 10px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-charivari .ch-info p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-charivari .ch-related {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-charivari .ch-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n min-height: 58px;\r\n padding: 13px 15px;\r\n border: 1px solid var(--ch-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n box-shadow: var(--ch-shadow);\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-charivari .ch-related a:hover {\r\n transform: translateY(-1px);\r\n border-color: var(--ch-brand);\r\n}\r\n\r\n.fu-charivari .ch-related i {\r\n color: var(--ch-accent);\r\n font-size: 1.2rem;\r\n}\r\n\r\n/* NOTE */\r\n\r\n.fu-charivari .ch-note {\r\n margin-top: 20px;\r\n color: var(--ch-muted);\r\n font-size: .87rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (min-width: 640px) {\r\n\r\n .fu-charivari {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n\r\n .fu-charivari .ch-hero {\r\n padding: 38px 32px;\r\n }\r\n\r\n .fu-charivari .ch-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-charivari .ch-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-charivari .ch-events {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-charivari .ch-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (min-width: 900px) {\r\n\r\n .fu-charivari .ch-facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-charivari .ch-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-charivari .ch-events {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-charivari .ch-route {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-charivari .ch-related {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 420 ===== */ @scope (.fu-article-420) { \r\n/* =========================================================\r\n FAST UMSONST – STUDIOBÜHNE DER UNIVERSITÄT MÜNSTER\r\n Mobile-first / Bootstrap / Bootstrap Icons\r\n ========================================================= */\r\n\r\n.fu-studiobuehne {\r\n --sb-brand: #1f4b3f;\r\n --sb-brand-dark: #17382f;\r\n --sb-accent: #d97706;\r\n --sb-paper: #faf8f4;\r\n --sb-card: #ffffff;\r\n --sb-text: #26332f;\r\n --sb-muted: #65736e;\r\n --sb-border: #e4e8e5;\r\n --sb-shadow: 0 8px 24px rgba(31, 75, 63, .09);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 15px 50px;\r\n color: var(--sb-text);\r\n font-size: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-studiobuehne * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-studiobuehne a {\r\n color: var(--sb-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-studiobuehne a:hover {\r\n color: var(--sb-brand-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* ---------- Hero ---------- */\r\n\r\n.fu-studiobuehne .sb-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 30px 22px;\r\n border-radius: 20px;\r\n background:\r\n radial-gradient(circle at 85% 20%, rgba(255,255,255,.13), transparent 28%),\r\n linear-gradient(135deg, var(--sb-brand-dark), var(--sb-brand));\r\n color: #fff;\r\n box-shadow: 0 12px 30px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-studiobuehne .sb-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 150px;\r\n height: 150px;\r\n right: -55px;\r\n bottom: -65px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,.16);\r\n}\r\n\r\n.fu-studiobuehne .sb-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 10px;\r\n padding: 6px 11px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n color: #fff;\r\n font-size: .85rem;\r\n font-weight: 700;\r\n letter-spacing: .02em;\r\n}\r\n\r\n.fu-studiobuehne .sb-hero h1 {\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: clamp(2rem, 6vw, 3.25rem);\r\n line-height: 1.05;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-studiobuehne .sb-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 760px;\r\n margin: 0;\r\n color: rgba(255,255,255,.94);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* ---------- Quick actions ---------- */\r\n\r\n.fu-studiobuehne .sb-actions {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n margin: 0 0 24px;\r\n}\r\n\r\n.fu-studiobuehne .sb-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 52px;\r\n padding: 13px 16px;\r\n border: 1px solid var(--sb-border);\r\n border-radius: 13px;\r\n background: #fff;\r\n color: var(--sb-brand);\r\n font-weight: 700;\r\n box-shadow: var(--sb-shadow);\r\n text-decoration: none !important;\r\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-studiobuehne .sb-action:hover {\r\n transform: translateY(-2px);\r\n background: var(--sb-paper);\r\n box-shadow: 0 12px 28px rgba(31,75,63,.13);\r\n}\r\n\r\n.fu-studiobuehne .sb-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-studiobuehne .sb-action.primary {\r\n background: var(--sb-brand);\r\n border-color: var(--sb-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-studiobuehne .sb-action.primary:hover {\r\n background: var(--sb-brand-dark);\r\n}\r\n\r\n/* ---------- Info strip ---------- */\r\n\r\n.fu-studiobuehne .sb-facts {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 26px;\r\n}\r\n\r\n.fu-studiobuehne .sb-fact {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 17px;\r\n border-radius: 15px;\r\n background: var(--sb-paper);\r\n border: 1px solid var(--sb-border);\r\n}\r\n\r\n.fu-studiobuehne .sb-fact-icon {\r\n flex: 0 0 42px;\r\n width: 42px;\r\n height: 42px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 12px;\r\n background: rgba(31,75,63,.10);\r\n color: var(--sb-brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-studiobuehne .sb-fact strong {\r\n display: block;\r\n margin-bottom: 2px;\r\n color: var(--sb-brand-dark);\r\n}\r\n\r\n/* ---------- Cards ---------- */\r\n\r\n.fu-studiobuehne .sb-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n margin-bottom: 26px;\r\n}\r\n\r\n.fu-studiobuehne .sb-card {\r\n height: 100%;\r\n padding: 22px;\r\n border: 1px solid var(--sb-border);\r\n border-radius: 17px;\r\n background: var(--sb-card);\r\n box-shadow: var(--sb-shadow);\r\n}\r\n\r\n.fu-studiobuehne .sb-card h2,\r\n.fu-studiobuehne .sb-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--sb-brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-studiobuehne .sb-card h2 {\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-studiobuehne .sb-card h3 {\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-studiobuehne .sb-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-studiobuehne .sb-icon-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-studiobuehne .sb-icon-title i {\r\n color: var(--sb-accent);\r\n font-size: 1.45rem;\r\n}\r\n\r\n/* ---------- Highlight ---------- */\r\n\r\n.fu-studiobuehne .sb-highlight {\r\n margin: 0 0 26px;\r\n padding: 21px;\r\n border-left: 5px solid var(--sb-accent);\r\n border-radius: 15px;\r\n background: #fff8ed;\r\n box-shadow: var(--sb-shadow);\r\n}\r\n\r\n.fu-studiobuehne .sb-highlight strong {\r\n color: #8a4b00;\r\n}\r\n\r\n.fu-studiobuehne .sb-highlight p {\r\n margin: 5px 0 0;\r\n}\r\n\r\n/* ---------- Events ---------- */\r\n\r\n.fu-studiobuehne .sb-events {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-studiobuehne .sb-event {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 16px;\r\n border: 1px solid var(--sb-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n}\r\n\r\n.fu-studiobuehne .sb-event-date {\r\n flex: 0 0 68px;\r\n padding: 8px 5px;\r\n border-radius: 10px;\r\n background: rgba(31,75,63,.09);\r\n color: var(--sb-brand);\r\n text-align: center;\r\n font-weight: 800;\r\n font-size: .9rem;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-studiobuehne .sb-event-title {\r\n margin: 0 0 3px;\r\n font-weight: 750;\r\n color: var(--sb-brand-dark);\r\n}\r\n\r\n.fu-studiobuehne .sb-event-meta {\r\n color: var(--sb-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n/* ---------- Address ---------- */\r\n\r\n.fu-studiobuehne .sb-address {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n}\r\n\r\n.fu-studiobuehne .sb-address i {\r\n margin-top: 3px;\r\n color: var(--sb-brand);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-studiobuehne .sb-address p {\r\n margin: 0;\r\n}\r\n\r\n/* ---------- Route ---------- */\r\n\r\n.fu-studiobuehne .sb-route {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-studiobuehne .sb-route-item {\r\n padding: 17px;\r\n border-radius: 14px;\r\n background: var(--sb-paper);\r\n border: 1px solid var(--sb-border);\r\n}\r\n\r\n.fu-studiobuehne .sb-route-item i {\r\n color: var(--sb-brand);\r\n font-size: 1.3rem;\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-studiobuehne .sb-route-item p {\r\n margin: 7px 0 0;\r\n}\r\n\r\n/* ---------- Participation ---------- */\r\n\r\n.fu-studiobuehne .sb-participate {\r\n padding: 20px;\r\n border-radius: 16px;\r\n background: #eef6f2;\r\n border: 1px solid #d4e6dd;\r\n}\r\n\r\n.fu-studiobuehne .sb-participate h2 {\r\n margin-top: 0;\r\n color: var(--sb-brand-dark);\r\n}\r\n\r\n/* ---------- Related ---------- */\r\n\r\n.fu-studiobuehne .sb-related {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-studiobuehne .sb-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n min-height: 58px;\r\n padding: 14px 16px;\r\n border: 1px solid var(--sb-border);\r\n border-radius: 13px;\r\n background: #fff;\r\n box-shadow: var(--sb-shadow);\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: transform .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-studiobuehne .sb-related a:hover {\r\n transform: translateY(-2px);\r\n background: var(--sb-paper);\r\n}\r\n\r\n.fu-studiobuehne .sb-related i {\r\n color: var(--sb-accent);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-studiobuehne .sb-section-title {\r\n margin: 30px 0 14px;\r\n color: var(--sb-brand-dark);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n}\r\n\r\n/* ---------- Small note ---------- */\r\n\r\n.fu-studiobuehne .sb-note {\r\n margin-top: 12px;\r\n color: var(--sb-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* ---------- Desktop ---------- */\r\n\r\n@media (min-width: 640px) {\r\n\r\n .fu-studiobuehne {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n\r\n .fu-studiobuehne .sb-actions {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-studiobuehne .sb-facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-studiobuehne .sb-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-studiobuehne .sb-events {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-studiobuehne .sb-route {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-studiobuehne .sb-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width: 900px) {\r\n\r\n .fu-studiobuehne {\r\n padding-top: 15px;\r\n }\r\n\r\n .fu-studiobuehne .sb-hero {\r\n padding: 42px 42px;\r\n }\r\n\r\n .fu-studiobuehne .sb-card {\r\n padding: 25px;\r\n }\r\n\r\n .fu-studiobuehne .sb-related {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 421 ===== */ @scope (.fu-article-421) { \r\n/* =========================================================\r\n FAST UMSONST – THEATER IM PUMPENHAUS MÜNSTER\r\n Mobile-first / Bootstrap / Bootstrap Icons\r\n ========================================================= */\r\n\r\n.fu-pumpenhaus {\r\n --ph-brand: #1f4b3f;\r\n --ph-brand-dark: #17382f;\r\n --ph-accent: #d97706;\r\n --ph-paper: #faf8f4;\r\n --ph-card: #ffffff;\r\n --ph-text: #26332f;\r\n --ph-muted: #65736e;\r\n --ph-border: #e4e8e5;\r\n --ph-shadow: 0 8px 24px rgba(31, 75, 63, .09);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 15px 50px;\r\n color: var(--ph-text);\r\n font-size: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-pumpenhaus * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-pumpenhaus a {\r\n color: var(--ph-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-pumpenhaus a:hover {\r\n color: var(--ph-brand-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* ---------- Hero ---------- */\r\n\r\n.fu-pumpenhaus .ph-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 30px 22px;\r\n border-radius: 20px;\r\n background:\r\n radial-gradient(circle at 85% 20%, rgba(255,255,255,.13), transparent 28%),\r\n linear-gradient(135deg, var(--ph-brand-dark), var(--ph-brand));\r\n color: #fff;\r\n box-shadow: 0 12px 30px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-pumpenhaus .ph-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 150px;\r\n height: 150px;\r\n right: -55px;\r\n bottom: -65px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,.16);\r\n}\r\n\r\n.fu-pumpenhaus .ph-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 10px;\r\n padding: 6px 11px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n color: #fff;\r\n font-size: .85rem;\r\n font-weight: 700;\r\n letter-spacing: .02em;\r\n}\r\n\r\n.fu-pumpenhaus .ph-hero h1 {\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: clamp(2rem, 6vw, 3.25rem);\r\n line-height: 1.05;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-pumpenhaus .ph-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 780px;\r\n margin: 0;\r\n color: rgba(255,255,255,.94);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* ---------- Quick actions ---------- */\r\n\r\n.fu-pumpenhaus .ph-actions {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n margin: 0 0 24px;\r\n}\r\n\r\n.fu-pumpenhaus .ph-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 52px;\r\n padding: 13px 16px;\r\n border: 1px solid var(--ph-border);\r\n border-radius: 13px;\r\n background: #fff;\r\n color: var(--ph-brand);\r\n font-weight: 700;\r\n box-shadow: var(--ph-shadow);\r\n text-decoration: none !important;\r\n transition:\r\n transform .18s ease,\r\n box-shadow .18s ease,\r\n background .18s ease;\r\n}\r\n\r\n.fu-pumpenhaus .ph-action:hover {\r\n transform: translateY(-2px);\r\n background: var(--ph-paper);\r\n box-shadow: 0 12px 28px rgba(31,75,63,.13);\r\n}\r\n\r\n.fu-pumpenhaus .ph-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-pumpenhaus .ph-action.primary {\r\n background: var(--ph-brand);\r\n border-color: var(--ph-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-pumpenhaus .ph-action.primary:hover {\r\n background: var(--ph-brand-dark);\r\n}\r\n\r\n/* ---------- Info strip ---------- */\r\n\r\n.fu-pumpenhaus .ph-facts {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 26px;\r\n}\r\n\r\n.fu-pumpenhaus .ph-fact {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 17px;\r\n border-radius: 15px;\r\n background: var(--ph-paper);\r\n border: 1px solid var(--ph-border);\r\n}\r\n\r\n.fu-pumpenhaus .ph-fact-icon {\r\n flex: 0 0 42px;\r\n width: 42px;\r\n height: 42px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 12px;\r\n background: rgba(31,75,63,.10);\r\n color: var(--ph-brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-pumpenhaus .ph-fact strong {\r\n display: block;\r\n margin-bottom: 2px;\r\n color: var(--ph-brand-dark);\r\n}\r\n\r\n/* ---------- Cards ---------- */\r\n\r\n.fu-pumpenhaus .ph-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n margin-bottom: 26px;\r\n}\r\n\r\n.fu-pumpenhaus .ph-card {\r\n height: 100%;\r\n padding: 22px;\r\n border: 1px solid var(--ph-border);\r\n border-radius: 17px;\r\n background: var(--ph-card);\r\n box-shadow: var(--ph-shadow);\r\n}\r\n\r\n.fu-pumpenhaus .ph-card h2,\r\n.fu-pumpenhaus .ph-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--ph-brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-pumpenhaus .ph-card h2 {\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-pumpenhaus .ph-card h3 {\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-pumpenhaus .ph-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-pumpenhaus .ph-icon-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-pumpenhaus .ph-icon-title i {\r\n color: var(--ph-accent);\r\n font-size: 1.45rem;\r\n}\r\n\r\n/* ---------- Highlight ---------- */\r\n\r\n.fu-pumpenhaus .ph-highlight {\r\n margin: 0 0 26px;\r\n padding: 21px;\r\n border-left: 5px solid var(--ph-accent);\r\n border-radius: 15px;\r\n background: #fff8ed;\r\n box-shadow: var(--ph-shadow);\r\n}\r\n\r\n.fu-pumpenhaus .ph-highlight strong {\r\n color: #8a4b00;\r\n}\r\n\r\n.fu-pumpenhaus .ph-highlight p {\r\n margin: 5px 0 0;\r\n}\r\n\r\n/* ---------- Events ---------- */\r\n\r\n.fu-pumpenhaus .ph-events {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-pumpenhaus .ph-event {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 16px;\r\n border: 1px solid var(--ph-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n box-shadow: var(--ph-shadow);\r\n}\r\n\r\n.fu-pumpenhaus .ph-event-date {\r\n flex: 0 0 68px;\r\n padding: 8px 5px;\r\n border-radius: 10px;\r\n background: rgba(31,75,63,.09);\r\n color: var(--ph-brand);\r\n text-align: center;\r\n font-weight: 800;\r\n font-size: .9rem;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-pumpenhaus .ph-event-title {\r\n margin: 0 0 3px;\r\n font-weight: 750;\r\n color: var(--ph-brand-dark);\r\n line-height: 1.35;\r\n}\r\n\r\n.fu-pumpenhaus .ph-event-meta {\r\n color: var(--ph-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n/* ---------- Address ---------- */\r\n\r\n.fu-pumpenhaus .ph-address {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n}\r\n\r\n.fu-pumpenhaus .ph-address > i {\r\n margin-top: 3px;\r\n color: var(--ph-brand);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-pumpenhaus .ph-address p {\r\n margin: 0;\r\n}\r\n\r\n/* ---------- Route ---------- */\r\n\r\n.fu-pumpenhaus .ph-route {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-pumpenhaus .ph-route-item {\r\n padding: 17px;\r\n border-radius: 14px;\r\n background: var(--ph-paper);\r\n border: 1px solid var(--ph-border);\r\n}\r\n\r\n.fu-pumpenhaus .ph-route-item i {\r\n color: var(--ph-brand);\r\n font-size: 1.3rem;\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-pumpenhaus .ph-route-item p {\r\n margin: 7px 0 0;\r\n}\r\n\r\n/* ---------- Tickets ---------- */\r\n\r\n.fu-pumpenhaus .ph-ticket {\r\n padding: 20px;\r\n border-radius: 16px;\r\n background: #eef6f2;\r\n border: 1px solid #d4e6dd;\r\n}\r\n\r\n.fu-pumpenhaus .ph-ticket h2 {\r\n margin-top: 0;\r\n color: var(--ph-brand-dark);\r\n}\r\n\r\n.fu-pumpenhaus .ph-price-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n margin-top: 15px;\r\n}\r\n\r\n.fu-pumpenhaus .ph-price {\r\n padding: 13px 15px;\r\n border-radius: 12px;\r\n background: #fff;\r\n border: 1px solid var(--ph-border);\r\n}\r\n\r\n.fu-pumpenhaus .ph-price strong {\r\n display: block;\r\n color: var(--ph-brand-dark);\r\n}\r\n\r\n/* ---------- Related ---------- */\r\n\r\n.fu-pumpenhaus .ph-related {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-pumpenhaus .ph-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n min-height: 58px;\r\n padding: 14px 16px;\r\n border: 1px solid var(--ph-border);\r\n border-radius: 13px;\r\n background: #fff;\r\n box-shadow: var(--ph-shadow);\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: transform .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-pumpenhaus .ph-related a:hover {\r\n transform: translateY(-2px);\r\n background: var(--ph-paper);\r\n}\r\n\r\n.fu-pumpenhaus .ph-related i {\r\n color: var(--ph-accent);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-pumpenhaus .ph-section-title {\r\n margin: 30px 0 14px;\r\n color: var(--ph-brand-dark);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n}\r\n\r\n/* ---------- Note ---------- */\r\n\r\n.fu-pumpenhaus .ph-note {\r\n margin-top: 12px;\r\n color: var(--ph-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* ---------- Desktop ---------- */\r\n\r\n@media (min-width: 640px) {\r\n\r\n .fu-pumpenhaus {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n\r\n .fu-pumpenhaus .ph-actions {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-pumpenhaus .ph-facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-pumpenhaus .ph-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-pumpenhaus .ph-events {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-pumpenhaus .ph-route {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-pumpenhaus .ph-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-pumpenhaus .ph-price-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width: 900px) {\r\n\r\n .fu-pumpenhaus {\r\n padding-top: 15px;\r\n }\r\n\r\n .fu-pumpenhaus .ph-hero {\r\n padding: 42px;\r\n }\r\n\r\n .fu-pumpenhaus .ph-card {\r\n padding: 25px;\r\n }\r\n\r\n .fu-pumpenhaus .ph-related {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-pumpenhaus .ph-price-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 422 ===== */ @scope (.fu-article-422) { \r\n/* =========================================================\r\n FAST UMSONST – THEATER MÜNSTER\r\n Mobile-first / Bootstrap / Bootstrap Icons\r\n ========================================================= */\r\n\r\n.fu-theater {\r\n --th-brand: #1f4b3f;\r\n --th-brand-dark: #17382f;\r\n --th-accent: #d97706;\r\n --th-paper: #faf8f4;\r\n --th-card: #ffffff;\r\n --th-text: #26332f;\r\n --th-muted: #65736e;\r\n --th-border: #e4e8e5;\r\n --th-shadow: 0 8px 24px rgba(31, 75, 63, .09);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 15px 50px;\r\n color: var(--th-text);\r\n font-size: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-theater * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-theater a {\r\n color: var(--th-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-theater a:hover {\r\n color: var(--th-brand-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* ---------- Hero ---------- */\r\n\r\n.fu-theater .th-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 30px 22px;\r\n border-radius: 20px;\r\n background:\r\n radial-gradient(circle at 85% 20%, rgba(255,255,255,.13), transparent 28%),\r\n linear-gradient(135deg, var(--th-brand-dark), var(--th-brand));\r\n color: #fff;\r\n box-shadow: 0 12px 30px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-theater .th-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 150px;\r\n height: 150px;\r\n right: -55px;\r\n bottom: -65px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,.16);\r\n}\r\n\r\n.fu-theater .th-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 10px;\r\n padding: 6px 11px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n color: #fff;\r\n font-size: .85rem;\r\n font-weight: 700;\r\n letter-spacing: .02em;\r\n}\r\n\r\n.fu-theater .th-hero h1 {\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: clamp(2rem, 6vw, 3.25rem);\r\n line-height: 1.05;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-theater .th-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 760px;\r\n margin: 0;\r\n color: rgba(255,255,255,.94);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* ---------- Quick actions ---------- */\r\n\r\n.fu-theater .th-actions {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n margin: 0 0 24px;\r\n}\r\n\r\n.fu-theater .th-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 52px;\r\n padding: 13px 16px;\r\n border: 1px solid var(--th-border);\r\n border-radius: 13px;\r\n background: #fff;\r\n color: var(--th-brand);\r\n font-weight: 700;\r\n box-shadow: var(--th-shadow);\r\n text-decoration: none !important;\r\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-theater .th-action:hover {\r\n transform: translateY(-2px);\r\n background: var(--th-paper);\r\n box-shadow: 0 12px 28px rgba(31,75,63,.13);\r\n}\r\n\r\n.fu-theater .th-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-theater .th-action.primary {\r\n background: var(--th-brand);\r\n border-color: var(--th-brand);\r\n color: #fff;\r\n}\r\n\r\n.fu-theater .th-action.primary:hover {\r\n background: var(--th-brand-dark);\r\n}\r\n\r\n/* ---------- Info strip ---------- */\r\n\r\n.fu-theater .th-facts {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin-bottom: 26px;\r\n}\r\n\r\n.fu-theater .th-fact {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n padding: 17px;\r\n border-radius: 15px;\r\n background: var(--th-paper);\r\n border: 1px solid var(--th-border);\r\n}\r\n\r\n.fu-theater .th-fact-icon {\r\n flex: 0 0 42px;\r\n width: 42px;\r\n height: 42px;\r\n display: grid;\r\n place-items: center;\r\n border-radius: 12px;\r\n background: rgba(31,75,63,.10);\r\n color: var(--th-brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-theater .th-fact strong {\r\n display: block;\r\n margin-bottom: 2px;\r\n color: var(--th-brand-dark);\r\n}\r\n\r\n/* ---------- Cards ---------- */\r\n\r\n.fu-theater .th-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n margin-bottom: 26px;\r\n}\r\n\r\n.fu-theater .th-card {\r\n height: 100%;\r\n padding: 22px;\r\n border: 1px solid var(--th-border);\r\n border-radius: 17px;\r\n background: var(--th-card);\r\n box-shadow: var(--th-shadow);\r\n}\r\n\r\n.fu-theater .th-card h2,\r\n.fu-theater .th-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--th-brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-theater .th-card h2 {\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-theater .th-card h3 {\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-theater .th-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-theater .th-icon-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-theater .th-icon-title i {\r\n color: var(--th-accent);\r\n font-size: 1.45rem;\r\n}\r\n\r\n/* ---------- Highlight ---------- */\r\n\r\n.fu-theater .th-highlight {\r\n margin: 0 0 26px;\r\n padding: 21px;\r\n border-left: 5px solid var(--th-accent);\r\n border-radius: 15px;\r\n background: #fff8ed;\r\n box-shadow: var(--th-shadow);\r\n}\r\n\r\n.fu-theater .th-highlight strong {\r\n color: #8a4b00;\r\n}\r\n\r\n.fu-theater .th-highlight p {\r\n margin: 5px 0 0;\r\n}\r\n\r\n/* ---------- Address ---------- */\r\n\r\n.fu-theater .th-address {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n}\r\n\r\n.fu-theater .th-address i {\r\n margin-top: 3px;\r\n color: var(--th-brand);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-theater .th-address p {\r\n margin: 0;\r\n}\r\n\r\n/* ---------- Route ---------- */\r\n\r\n.fu-theater .th-route {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-theater .th-route-item {\r\n padding: 17px;\r\n border-radius: 14px;\r\n background: var(--th-paper);\r\n border: 1px solid var(--th-border);\r\n}\r\n\r\n.fu-theater .th-route-item i {\r\n color: var(--th-brand);\r\n font-size: 1.3rem;\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-theater .th-route-item p {\r\n margin: 7px 0 0;\r\n}\r\n\r\n/* ---------- Accessibility ---------- */\r\n\r\n.fu-theater .th-access {\r\n padding: 20px;\r\n border-radius: 16px;\r\n background: #eef6f2;\r\n border: 1px solid #d4e6dd;\r\n}\r\n\r\n.fu-theater .th-access h2 {\r\n margin-top: 0;\r\n color: var(--th-brand-dark);\r\n}\r\n\r\n/* ---------- Related ---------- */\r\n\r\n.fu-theater .th-related {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n\r\n.fu-theater .th-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n min-height: 58px;\r\n padding: 14px 16px;\r\n border: 1px solid var(--th-border);\r\n border-radius: 13px;\r\n background: #fff;\r\n box-shadow: var(--th-shadow);\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: transform .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-theater .th-related a:hover {\r\n transform: translateY(-2px);\r\n background: var(--th-paper);\r\n}\r\n\r\n.fu-theater .th-related i {\r\n color: var(--th-accent);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-theater .th-section-title {\r\n margin: 30px 0 14px;\r\n color: var(--th-brand-dark);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n}\r\n\r\n/* ---------- Small note ---------- */\r\n\r\n.fu-theater .th-note {\r\n margin-top: 12px;\r\n color: var(--th-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* ---------- Desktop ---------- */\r\n\r\n@media (min-width: 640px) {\r\n .fu-theater {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n\r\n .fu-theater .th-actions {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-theater .th-facts {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-theater .th-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-theater .th-route {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .fu-theater .th-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (min-width: 900px) {\r\n .fu-theater {\r\n padding-top: 15px;\r\n }\r\n\r\n .fu-theater .th-hero {\r\n padding: 42px 42px;\r\n }\r\n\r\n .fu-theater .th-card {\r\n padding: 25px;\r\n }\r\n\r\n .fu-theater .th-related {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 423 ===== */ @scope (.fu-article-423) { \r\n/* =========================================================\r\n FAST UMSONST – KLETTERWALD HALTERN AM SEE\r\n Sport-/Freizeit-Layout ohne Bild\r\n ========================================================= */\r\n\r\n.fu-kletterwald-haltern {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-kletterwald-haltern * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-kletterwald-haltern a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-kletterwald-haltern a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-kletterwald-haltern .fu-intro {\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 28px;\r\n padding:42px 38px;\r\n border-radius:22px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-intro:after {\r\n content:\"\";\r\n position:absolute;\r\n right:-80px;\r\n top:-100px;\r\n width:260px;\r\n height:260px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-kicker {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 10px;\r\n font-size:.9rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.86;\r\n}\r\n\r\n.fu-kletterwald-haltern h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3.2rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-lead {\r\n position:relative;\r\n z-index:1;\r\n max-width:900px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICK NAV\r\n ========================================================= */\r\n\r\n.fu-kletterwald-haltern .fu-quicknav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:10px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-white);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:.94rem;\r\n box-shadow:0 4px 14px rgba(31,75,63,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-quicknav a:hover {\r\n transform:translateY(-1px);\r\n background:#f2f6f3;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-kletterwald-haltern .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-fact {\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-fact-icon {\r\n width:42px;\r\n height:42px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:12px;\r\n border-radius:12px;\r\n background:#edf4f0;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-fact strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-fact span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-kletterwald-haltern .fu-section {\r\n margin:0 0 28px;\r\n padding:30px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-section h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n STATUS / HINWEIS\r\n ========================================================= */\r\n\r\n.fu-kletterwald-haltern .fu-status {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:15px;\r\n margin:20px 0 0;\r\n padding:20px 22px;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n background:#fff8ee;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-status-icon {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n line-height:1;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-status strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:#8a5106;\r\n}\r\n\r\n/* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n.fu-kletterwald-haltern .fu-info-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-info-card {\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-info-card i {\r\n display:inline-block;\r\n margin-bottom:11px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-info-card strong {\r\n display:block;\r\n margin-bottom:6px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-info-card span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n PRICE GRID\r\n ========================================================= */\r\n\r\n.fu-kletterwald-haltern .fu-price-grid {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:14px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-price {\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:var(--fu-paper);\r\n text-align:center;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-price i {\r\n display:block;\r\n margin-bottom:9px;\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-price strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-price span {\r\n display:block;\r\n margin-top:5px;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n font-weight:800;\r\n}\r\n\r\n/* =========================================================\r\n PARCOURS\r\n ========================================================= */\r\n\r\n.fu-kletterwald-haltern .fu-parcours-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-parcours-card {\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-parcours-icon {\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:13px;\r\n border-radius:12px;\r\n background:#eaf2ee;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-parcours-card strong {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-parcours-card span {\r\n color:var(--fu-muted);\r\n font-size:.93rem;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-kletterwald-haltern .fu-button-grid {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:12px 17px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-button:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-button.secondary {\r\n background:#edf4f0;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-button.secondary:hover {\r\n background:#dfece5;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-kletterwald-haltern .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-related {\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n min-height:145px;\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-related:hover {\r\n transform:translateY(-2px);\r\n background:#f2f6f3;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-related i {\r\n margin-bottom:12px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-related strong {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-related span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n NOTE\r\n ========================================================= */\r\n\r\n.fu-kletterwald-haltern .fu-note {\r\n margin-top:18px;\r\n padding:18px 20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#f6f8f7;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-kletterwald-haltern .fu-note strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n .fu-kletterwald-haltern .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-kletterwald-haltern .fu-info-grid,\r\n .fu-kletterwald-haltern .fu-related-grid {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n .fu-kletterwald-haltern .fu-price-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (max-width:640px) {\r\n .fu-kletterwald-haltern .fu-intro {\r\n padding:30px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-kletterwald-haltern .fu-section {\r\n padding:22px;\r\n border-radius:17px;\r\n }\r\n\r\n .fu-kletterwald-haltern .fu-facts,\r\n .fu-kletterwald-haltern .fu-info-grid,\r\n .fu-kletterwald-haltern .fu-price-grid,\r\n .fu-kletterwald-haltern .fu-parcours-grid,\r\n .fu-kletterwald-haltern .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-kletterwald-haltern .fu-quicknav a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-kletterwald-haltern .fu-button {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 424 ===== */ @scope (.fu-article-424) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 425 ===== */ @scope (.fu-article-425) { \r\n .fu-refill {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n .fu-refill .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-refill .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-refill .fu-hero p {\r\n margin: 0;\r\n max-width: 920px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n .fu-refill .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-refill .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-refill .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-refill .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-refill .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n SECTIONS / CARDS\r\n ========================================================= */\r\n\r\n .fu-refill .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-refill .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-refill .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-refill .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-refill .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n .fu-refill .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 17px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =========================================================\r\n ANGEBOTE / INFO\r\n ========================================================= */\r\n\r\n .fu-refill .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-refill .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-refill .fu-service i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-refill .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-refill .fu-service p {\r\n margin: 0;\r\n }\r\n\r\n /* =========================================================\r\n KARTEN-LINKS\r\n ========================================================= */\r\n\r\n .fu-refill .fu-map-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-refill .fu-map-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n }\r\n\r\n .fu-refill .fu-map-card .fu-map-icon {\r\n color: var(--fu-accent);\r\n font-size: 2rem;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-refill .fu-map-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n }\r\n\r\n .fu-refill .fu-map-card p {\r\n flex-grow: 1;\r\n margin-bottom: 18px;\r\n }\r\n\r\n /* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n .fu-refill .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-refill .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-refill .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-refill .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-refill .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-refill .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n .fu-refill .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-refill .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-refill .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-refill .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-refill .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-refill .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-refill .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-refill .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n .fu-refill .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =========================================================\r\n BACK TO TOP\r\n ========================================================= */\r\n\r\n .fu-refill .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-refill .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-refill .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-refill .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-refill .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-refill .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-refill .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 426 ===== */ @scope (.fu-article-426) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-button-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-button.secondary {\r\n background: var(--fu-light);\r\n color: var(--fu-green) !important;\r\n}\r\n\r\n.fu-button.secondary:hover,\r\n.fu-button.secondary:focus {\r\n background: #d9e6e1;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 427 ===== */ @scope (.fu-article-427) { \r\n/* =========================================================\r\n FAST UMSONST – JIOBI\r\n Jungeninobhutnahme / Schutz & Notunterkünfte\r\n ========================================================= */\r\n\r\n.fu-jiobi {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#eaf2ef;\r\n --fu-green-soft:#f3f7f4;\r\n --fu-orange:#d97706;\r\n --fu-orange-light:#fff7ed;\r\n --fu-red:#b42318;\r\n --fu-red-light:#fff1f0;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#dfe7e3;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.08);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n line-height:1.7;\r\n font-size:16px;\r\n}\r\n\r\n.fu-jiobi * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-jiobi a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-jiobi a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-green-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:40px 34px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-jiobi .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-jiobi .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n margin:0 0 10px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-jiobi .fu-hero p {\r\n color:rgba(255,255,255,.93);\r\n font-size:1.1rem;\r\n max-width:800px;\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n AKUT-HILFE\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-help-box {\r\n background:var(--fu-red-light);\r\n border:1px solid #efc9c5;\r\n border-radius:20px;\r\n padding:25px 28px;\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-jiobi .fu-help-title {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n color:var(--fu-red);\r\n font-size:1.18rem;\r\n font-weight:800;\r\n margin-bottom:8px;\r\n}\r\n\r\n.fu-jiobi .fu-help-box p {\r\n margin:0;\r\n}\r\n\r\n.fu-jiobi .fu-help-phone {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:9px;\r\n margin-top:15px;\r\n background:var(--fu-red);\r\n color:#fff !important;\r\n padding:11px 17px;\r\n border-radius:11px;\r\n font-weight:800;\r\n text-decoration:none !important;\r\n}\r\n\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-intro {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:28px;\r\n margin-bottom:26px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-jiobi .fu-lead {\r\n color:var(--fu-green-dark);\r\n font-size:1.15rem;\r\n font-weight:650;\r\n margin-top:0;\r\n}\r\n\r\n.fu-jiobi .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SCHNELLINFO\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-info-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:18px;\r\n margin-bottom:30px;\r\n}\r\n\r\n.fu-jiobi .fu-info-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:22px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-jiobi .fu-info-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.35rem;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-jiobi .fu-info-card strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n font-size:1.05rem;\r\n margin-bottom:4px;\r\n}\r\n\r\n.fu-jiobi .fu-info-card span {\r\n color:var(--fu-muted);\r\n}\r\n\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-jump {\r\n background:var(--fu-green-soft);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:20px;\r\n margin-bottom:32px;\r\n}\r\n\r\n.fu-jiobi .fu-jump-title {\r\n color:var(--fu-green-dark);\r\n font-weight:800;\r\n margin-bottom:12px;\r\n}\r\n\r\n.fu-jiobi .fu-jump-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-jiobi .fu-jump-links a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n padding:8px 14px;\r\n font-size:.92rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-jiobi .fu-jump-links a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n}\r\n\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-section {\r\n margin:38px 0;\r\n}\r\n\r\n.fu-jiobi .fu-section h2 {\r\n color:var(--fu-green-dark);\r\n font-size:1.7rem;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-jiobi .fu-section h3 {\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n margin:0 0 8px;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ANGEBOTSKARTEN\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-offer-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-jiobi .fu-offer-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-jiobi .fu-offer-icon {\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.3rem;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-jiobi .fu-offer-card h3 {\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-jiobi .fu-offer-card p {\r\n color:var(--fu-muted);\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n ALTER / ZIELGRUPPE\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-target {\r\n background:var(--fu-green-light);\r\n border:1px solid #d4e3dc;\r\n border-radius:19px;\r\n padding:27px;\r\n margin:28px 0;\r\n}\r\n\r\n.fu-jiobi .fu-target h3 {\r\n margin-top:0;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-jiobi .fu-age {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:9px;\r\n background:#fff;\r\n border:1px solid #cdded6;\r\n border-radius:12px;\r\n padding:11px 15px;\r\n color:var(--fu-green-dark);\r\n font-weight:800;\r\n margin:5px 0 14px;\r\n}\r\n\r\n.fu-jiobi .fu-target p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n CLEARING / PERSPEKTIVE\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-process-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-jiobi .fu-process-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-jiobi .fu-process-number {\r\n width:38px;\r\n height:38px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:50%;\r\n font-weight:800;\r\n margin-bottom:13px;\r\n}\r\n\r\n.fu-jiobi .fu-process-card h3 {\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-jiobi .fu-process-card p {\r\n color:var(--fu-muted);\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-jiobi .fu-contact-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-jiobi .fu-contact-row {\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-jiobi .fu-contact-row:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-jiobi .fu-contact-icon {\r\n flex:0 0 39px;\r\n width:39px;\r\n height:39px;\r\n border-radius:10px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n}\r\n\r\n.fu-jiobi .fu-contact-label {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n margin-bottom:2px;\r\n}\r\n\r\n.fu-jiobi .fu-contact-value {\r\n color:var(--fu-green-dark);\r\n font-weight:700;\r\n}\r\n\r\n\r\n/* =========================================================\r\n 24 STUNDEN\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-24h {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:15px;\r\n padding:16px 19px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-jiobi .fu-24h i {\r\n font-size:1.4rem;\r\n}\r\n\r\n.fu-jiobi .fu-24h strong {\r\n display:block;\r\n}\r\n\r\n.fu-jiobi .fu-24h span {\r\n opacity:.9;\r\n font-size:.92rem;\r\n}\r\n\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-jiobi .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n border:1px solid var(--fu-green);\r\n border-radius:11px;\r\n padding:10px 15px;\r\n font-weight:700;\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jiobi .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n border-color:var(--fu-green-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-jiobi .fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-jiobi .fu-btn-light:hover {\r\n background:var(--fu-green-light);\r\n}\r\n\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-note {\r\n background:var(--fu-orange-light);\r\n border:1px solid #f2d4aa;\r\n border-radius:18px;\r\n padding:23px 25px;\r\n margin:28px 0;\r\n}\r\n\r\n.fu-jiobi .fu-note-title {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n color:#9a5b08;\r\n font-weight:800;\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-jiobi .fu-note p {\r\n margin:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n NOTFALLBOX\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-emergency {\r\n background:var(--fu-red-light);\r\n border:1px solid #efc9c5;\r\n border-radius:18px;\r\n padding:24px 26px;\r\n margin:28px 0;\r\n}\r\n\r\n.fu-jiobi .fu-emergency h3 {\r\n color:var(--fu-red);\r\n margin-top:0;\r\n}\r\n\r\n.fu-jiobi .fu-emergency p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n\r\n/* =========================================================\r\n WEITERE HILFE\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-jiobi .fu-related-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:22px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.05);\r\n}\r\n\r\n.fu-jiobi .fu-related-card h3 {\r\n margin-top:0;\r\n}\r\n\r\n.fu-jiobi .fu-related-card p {\r\n color:var(--fu-muted);\r\n}\r\n\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-jiobi .fu-back {\r\n margin-top:35px;\r\n padding-top:22px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-jiobi .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-weight:800;\r\n}\r\n\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:850px) {\r\n\r\n .fu-jiobi .fu-info-grid,\r\n .fu-jiobi .fu-offer-grid,\r\n .fu-jiobi .fu-process-grid,\r\n .fu-jiobi .fu-contact-grid,\r\n .fu-jiobi .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-jiobi .fu-hero {\r\n padding:29px 22px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-jiobi .fu-intro,\r\n .fu-jiobi .fu-contact-card,\r\n .fu-jiobi .fu-offer-card,\r\n .fu-jiobi .fu-process-card,\r\n .fu-jiobi .fu-info-card {\r\n padding:20px;\r\n }\r\n\r\n .fu-jiobi .fu-jump {\r\n padding:17px;\r\n }\r\n\r\n .fu-jiobi .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-jiobi .fu-btn {\r\n width:100%;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 429 ===== */ @scope (.fu-article-429) { \r\n/* =========================================================\r\n FAST UMSONST – FAHRRADWERKSTATT IM LORENZ-SÜD\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-fahrrad-lorenz {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:20px 15px 50px;\r\n color:#26332e;\r\n font-size:17px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-fahrrad-lorenz * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-fahrrad-lorenz a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-fahrrad-lorenz a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-fahrrad-lorenz .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:0 12px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-hero-icon {\r\n width:64px;\r\n height:64px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.14);\r\n font-size:32px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-hero h1 {\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:700;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-hero p {\r\n margin:0;\r\n max-width:800px;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-fahrrad-lorenz .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px 28px;\r\n margin-bottom:30px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-intro strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-fahrrad-lorenz .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 35px;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n font-size:.95rem;\r\n font-weight:600;\r\n box-shadow:0 3px 10px rgba(0,0,0,.04);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-fahrrad-lorenz .fu-section {\r\n margin:0 0 38px;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-section h2 {\r\n color:var(--fu-dark);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-section h2 i {\r\n color:var(--fu-orange);\r\n margin-right:8px;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-fahrrad-lorenz .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:24px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n height:100%;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-card-icon {\r\n width:48px;\r\n height:48px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:#eef4f1;\r\n color:var(--fu-green);\r\n font-size:23px;\r\n margin-bottom:15px;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-card h3 {\r\n margin:0 0 9px;\r\n color:var(--fu-dark);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-card p {\r\n margin:0;\r\n color:#4d5a55;\r\n}\r\n\r\n/* =========================================================\r\n TERMIN / INFO\r\n ========================================================= */\r\n\r\n.fu-fahrrad-lorenz .fu-highlight {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:18px;\r\n background:#fff7ed;\r\n border:1px solid #f3d4ad;\r\n border-radius:18px;\r\n padding:24px 26px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-highlight-icon {\r\n flex:0 0 50px;\r\n width:50px;\r\n height:50px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:#fff;\r\n color:var(--fu-orange);\r\n font-size:24px;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-highlight h3 {\r\n margin:0 0 5px;\r\n color:var(--fu-dark);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-highlight p {\r\n margin:0;\r\n}\r\n\r\n/* =========================================================\r\n ADRESSE / KONTAKT\r\n ========================================================= */\r\n\r\n.fu-fahrrad-lorenz .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-address,\r\n.fu-fahrrad-lorenz .fu-contactbox {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:25px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-address h3,\r\n.fu-fahrrad-lorenz .fu-contactbox h3 {\r\n margin:0 0 15px;\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-address p,\r\n.fu-fahrrad-lorenz .fu-contactbox p {\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-address i,\r\n.fu-fahrrad-lorenz .fu-contactbox i {\r\n color:var(--fu-orange);\r\n width:24px;\r\n}\r\n\r\n/* =========================================================\r\n ROUTEN\r\n ========================================================= */\r\n\r\n.fu-fahrrad-lorenz .fu-routes {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-route {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:600;\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-route:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n GUT ZU WISSEN\r\n ========================================================= */\r\n\r\n.fu-fahrrad-lorenz .fu-info {\r\n background:#eef4f1;\r\n border-left:5px solid var(--fu-green);\r\n border-radius:14px;\r\n padding:22px 24px;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-info ul {\r\n margin:0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-info li {\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-info li:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-fahrrad-lorenz .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:19px;\r\n color:var(--fu-dark);\r\n font-weight:600;\r\n box-shadow:0 6px 18px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-related a:hover {\r\n transform:translateY(-2px);\r\n border-color:#cdd8d3;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-related i {\r\n color:var(--fu-orange);\r\n font-size:21px;\r\n flex:0 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-fahrrad-lorenz .fu-back {\r\n margin-top:35px;\r\n padding-top:25px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-fahrrad-lorenz .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-weight:700;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n .fu-fahrrad-lorenz .fu-grid,\r\n .fu-fahrrad-lorenz .fu-related {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-fahrrad-lorenz .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n .fu-fahrrad-lorenz {\r\n padding:10px 10px 35px;\r\n font-size:16px;\r\n }\r\n\r\n .fu-fahrrad-lorenz .fu-hero {\r\n padding:30px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-fahrrad-lorenz .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-fahrrad-lorenz .fu-grid,\r\n .fu-fahrrad-lorenz .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-fahrrad-lorenz .fu-highlight {\r\n padding:20px;\r\n }\r\n\r\n .fu-fahrrad-lorenz .fu-routes {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-fahrrad-lorenz .fu-route {\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 431 ===== */ @scope (.fu-article-431) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 434 ===== */ @scope (.fu-article-434) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 437 ===== */ @scope (.fu-article-437) { \r\n.fu-jaz {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-border: #e5e0d7;\r\n --fu-text: #29322f;\r\n --fu-muted: #68736e;\r\n --fu-accent: #e5f0eb;\r\n --fu-highlight: #f4ecda;\r\n --fu-shadow: 0 8px 24px rgba(0,0,0,.08);\r\n --fu-radius: 16px;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-jaz * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-jaz a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-jaz a:hover {\r\n color: var(--fu-green-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n.fu-jaz .fu-hero {\r\n background: linear-gradient(135deg, #edf5f1 0%, #ffffff 100%);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 34px 28px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-jaz .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: clamp(2rem, 4vw, 2.8rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-jaz .fu-hero p {\r\n margin: 0;\r\n font-size: 1.08rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-jaz .fu-badge-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-jaz .fu-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 13px;\r\n color: var(--fu-green-dark);\r\n font-size: .93rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-jaz .fu-jump {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-jaz .fu-jump-title {\r\n margin-bottom: 12px;\r\n color: var(--fu-green-dark);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-jaz .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-jaz .fu-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 12px;\r\n border-radius: 10px;\r\n background: var(--fu-accent);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-jaz .fu-section {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-jaz .fu-section h2 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-jaz .fu-section p {\r\n line-height: 1.75;\r\n}\r\n\r\n.fu-jaz .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-jaz .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 23px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n}\r\n\r\n.fu-jaz .fu-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-jaz .fu-card h3 i {\r\n flex: 0 0 auto;\r\n}\r\n\r\n.fu-jaz .fu-info-list {\r\n margin: 0;\r\n padding-left: 1.2rem;\r\n}\r\n\r\n.fu-jaz .fu-info-list li {\r\n margin-bottom: 9px;\r\n line-height: 1.6;\r\n}\r\n\r\n.fu-jaz .fu-price-box {\r\n background: var(--fu-highlight);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 12px;\r\n padding: 17px 18px;\r\n margin-top: 16px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-jaz .fu-note {\r\n background: var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-jaz .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-jaz .fu-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n}\r\n\r\n.fu-jaz .fu-contact-item i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 3px;\r\n}\r\n\r\n.fu-jaz .fu-button-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-jaz .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n padding: 11px 15px;\r\n border-radius: 11px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-jaz .fu-button:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-jaz .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-jaz .fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 20px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-jaz .fu-related-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 9px;\r\n color: var(--fu-green);\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-jaz .fu-related-card p {\r\n margin: 0;\r\n color: var(--fu-text);\r\n font-weight: 400;\r\n line-height: 1.55;\r\n}\r\n\r\n.fu-jaz .fu-top {\r\n text-align: right;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-jaz .fu-top a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-size: .92rem;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n .fu-jaz .fu-grid,\r\n .fu-jaz .fu-contact,\r\n .fu-jaz .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-jaz .fu-hero {\r\n padding: 26px 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .fu-jaz .fu-card,\r\n .fu-jaz .fu-related-card {\r\n padding: 18px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 442 ===== */ @scope (.fu-article-442) { \r\n/* =========================================================\r\n FAST UMSONST – KINDERTHEATER ROTER HUND\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-roter-hund {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:10px 18px 50px;\r\n color:var(--fu-text);\r\n font-size:1.02rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-roter-hund * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-roter-hund a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-roter-hund a:hover {\r\n color:var(--fu-orange);\r\n text-decoration:none;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-roter-hund .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n margin-bottom:22px;\r\n padding:38px 34px;\r\n border-radius:22px;\r\n background:\r\n radial-gradient(circle at 90% 20%, rgba(255,255,255,.14), transparent 28%),\r\n linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color:#fff;\r\n box-shadow:0 14px 35px rgba(22,57,47,.18);\r\n}\r\n\r\n.fu-roter-hund .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:180px;\r\n height:180px;\r\n right:-70px;\r\n bottom:-90px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-roter-hund .fu-hero-icon {\r\n width:68px;\r\n height:68px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:16px;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2.2rem;\r\n}\r\n\r\n.fu-roter-hund .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n font-weight:800;\r\n line-height:1.15;\r\n}\r\n\r\n.fu-roter-hund .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n max-width:780px;\r\n margin:0;\r\n color:rgba(255,255,255,.94);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* NAVIGATION */\r\n\r\n.fu-roter-hund .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-roter-hund .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:.93rem;\r\n box-shadow:0 4px 12px rgba(0,0,0,.04);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-roter-hund .fu-jump a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-roter-hund .fu-card {\r\n margin-bottom:22px;\r\n padding:28px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:var(--fu-card);\r\n box-shadow:0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-roter-hund .fu-card h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-roter-hund .fu-card h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-roter-hund .fu-card h3 {\r\n margin:0 0 9px;\r\n color:var(--fu-green);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-roter-hund .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* INTRO */\r\n\r\n.fu-roter-hund .fu-intro {\r\n padding:27px 30px;\r\n border-radius:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n box-shadow:0 6px 18px rgba(0,0,0,.04);\r\n margin-bottom:22px;\r\n}\r\n\r\n/* FACTS */\r\n\r\n.fu-roter-hund .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:14px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-roter-hund .fu-fact {\r\n padding:18px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:#fff;\r\n text-align:center;\r\n}\r\n\r\n.fu-roter-hund .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.7rem;\r\n}\r\n\r\n.fu-roter-hund .fu-fact strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n font-size:1rem;\r\n}\r\n\r\n/* EVENT GRID */\r\n\r\n.fu-roter-hund .fu-events {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-roter-hund .fu-event {\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n background:#fff;\r\n box-shadow:0 5px 16px rgba(0,0,0,.045);\r\n}\r\n\r\n.fu-roter-hund .fu-event .fu-date {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n padding:6px 10px;\r\n border-radius:999px;\r\n background:var(--fu-highlight);\r\n color:var(--fu-dark);\r\n font-size:.88rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-roter-hund .fu-event h3 {\r\n margin-bottom:8px;\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-roter-hund .fu-event p {\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-roter-hund .fu-event .fu-small {\r\n color:var(--fu-muted);\r\n font-size:.93rem;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-roter-hund .fu-highlight {\r\n margin:20px 0;\r\n padding:20px 22px;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n background:var(--fu-highlight);\r\n}\r\n\r\n.fu-roter-hund .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* ADDRESS */\r\n\r\n.fu-roter-hund .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-roter-hund .fu-contact {\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n background:#fff;\r\n}\r\n\r\n.fu-roter-hund .fu-contact i {\r\n margin-right:7px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-roter-hund .fu-address {\r\n margin:10px 0 18px;\r\n font-size:1.04rem;\r\n}\r\n\r\n.fu-roter-hund .fu-address strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* BUTTONS */\r\n\r\n.fu-roter-hund .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:16px;\r\n}\r\n\r\n.fu-roter-hund .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:10px 15px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-roter-hund .fu-btn:hover {\r\n background:var(--fu-orange);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-roter-hund .fu-btn-outline {\r\n background:#fff;\r\n border:1px solid var(--fu-green);\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-roter-hund .fu-btn-outline:hover {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-roter-hund .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n}\r\n\r\n.fu-roter-hund .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:#fff;\r\n box-shadow:0 5px 15px rgba(0,0,0,.04);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-roter-hund .fu-related a:hover {\r\n border-color:var(--fu-green);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-roter-hund .fu-related i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n/* SOURCE */\r\n\r\n.fu-roter-hund .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-roter-hund .fu-source a {\r\n font-weight:700;\r\n}\r\n\r\n/* TOP */\r\n\r\n.fu-roter-hund .fu-top {\r\n margin-top:24px;\r\n text-align:center;\r\n}\r\n\r\n.fu-roter-hund .fu-top a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (max-width:900px) {\r\n .fu-roter-hund .fu-events {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n .fu-roter-hund .fu-facts {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n}\r\n\r\n@media (max-width:760px) {\r\n .fu-roter-hund {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-roter-hund .fu-hero {\r\n padding:30px 23px;\r\n }\r\n\r\n .fu-roter-hund .fu-card,\r\n .fu-roter-hund .fu-intro {\r\n padding:22px;\r\n }\r\n\r\n .fu-roter-hund .fu-events,\r\n .fu-roter-hund .fu-contact-grid,\r\n .fu-roter-hund .fu-related,\r\n .fu-roter-hund .fu-facts {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n .fu-roter-hund {\r\n font-size:.98rem;\r\n }\r\n\r\n .fu-roter-hund .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-roter-hund .fu-jump {\r\n gap:7px;\r\n }\r\n\r\n .fu-roter-hund .fu-jump a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-roter-hund .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-roter-hund .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 446 ===== */ @scope (.fu-article-446) { \r\n/* =========================================================\r\n FAST UMSONST – MUSIFRATZ KINDERKULTURWERKSTATT\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-musifratz {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 15px 60px;\r\n color:var(--fu-text);\r\n font-size:17px;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-musifratz * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-musifratz a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-musifratz a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-musifratz .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:22px;\r\n box-shadow:0 14px 35px rgba(22,57,47,.18);\r\n}\r\n\r\n.fu-musifratz .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:240px;\r\n height:240px;\r\n border-radius:50%;\r\n right:-90px;\r\n top:-100px;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-musifratz .fu-hero-icon {\r\n width:68px;\r\n height:68px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.14);\r\n font-size:34px;\r\n margin-bottom:20px;\r\n}\r\n\r\n.fu-musifratz .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(30px,5vw,46px);\r\n line-height:1.12;\r\n margin:0 0 12px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-musifratz .fu-hero p {\r\n margin:0;\r\n max-width:850px;\r\n font-size:19px;\r\n color:rgba(255,255,255,.92);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-musifratz .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n padding:16px;\r\n margin-bottom:24px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 7px 22px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-musifratz .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:15px;\r\n border:1px solid var(--fu-border);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-musifratz .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-musifratz .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:27px 29px;\r\n margin-bottom:30px;\r\n box-shadow:0 8px 24px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-musifratz .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-musifratz .fu-section {\r\n margin:0 0 36px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-musifratz .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n color:var(--fu-green);\r\n font-size:28px;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-musifratz .fu-section h2 i {\r\n font-size:25px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-musifratz .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-musifratz .fu-card {\r\n background:var(--fu-card);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px;\r\n box-shadow:0 8px 25px rgba(0,0,0,.06);\r\n height:100%;\r\n}\r\n\r\n.fu-musifratz .fu-card h3 {\r\n color:var(--fu-green);\r\n font-size:21px;\r\n line-height:1.3;\r\n margin:0 0 10px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-musifratz .fu-card h3 i {\r\n margin-right:7px;\r\n}\r\n\r\n.fu-musifratz .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-musifratz .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(4,minmax(0,1fr));\r\n gap:15px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-musifratz .fu-fact {\r\n text-align:center;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:20px 14px;\r\n}\r\n\r\n.fu-musifratz .fu-fact i {\r\n display:block;\r\n color:var(--fu-orange);\r\n font-size:28px;\r\n margin-bottom:8px;\r\n}\r\n\r\n.fu-musifratz .fu-fact strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:18px;\r\n}\r\n\r\n.fu-musifratz .fu-fact span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:15px;\r\n margin-top:4px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-musifratz .fu-highlight {\r\n background:var(--fu-highlight);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:0 15px 15px 0;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-musifratz .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n PROGRAMM-KARTEN\r\n ========================================================= */\r\n\r\n.fu-musifratz .fu-program {\r\n position:relative;\r\n}\r\n\r\n.fu-musifratz .fu-program .fu-program-label {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n padding:5px 10px;\r\n border-radius:999px;\r\n background:var(--fu-highlight);\r\n color:var(--fu-orange);\r\n font-size:13px;\r\n font-weight:800;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-musifratz .fu-program h3 {\r\n margin-top:0;\r\n}\r\n\r\n.fu-musifratz .fu-program-meta {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:8px;\r\n margin:15px 0;\r\n}\r\n\r\n.fu-musifratz .fu-program-meta div {\r\n background:var(--fu-paper);\r\n border-radius:10px;\r\n padding:9px 11px;\r\n font-size:14px;\r\n}\r\n\r\n.fu-musifratz .fu-program-meta i {\r\n color:var(--fu-orange);\r\n margin-right:5px;\r\n}\r\n\r\n.fu-musifratz .fu-program-meta strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-musifratz .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-musifratz .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:10px 17px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n text-decoration:none !important;\r\n border:2px solid var(--fu-green);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-musifratz .fu-btn:hover {\r\n background:var(--fu-dark);\r\n border-color:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-musifratz .fu-btn-outline {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-musifratz .fu-btn-outline:hover {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-musifratz .fu-contact {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:28px;\r\n box-shadow:0 10px 28px rgba(22,57,47,.15);\r\n}\r\n\r\n.fu-musifratz .fu-contact h3 {\r\n color:#fff;\r\n margin-top:0;\r\n font-size:23px;\r\n}\r\n\r\n.fu-musifratz .fu-contact a {\r\n color:#fff;\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-musifratz .fu-contact i {\r\n margin-right:7px;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-musifratz .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-musifratz .fu-related-card {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:15px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:19px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.05);\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-musifratz .fu-related-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 11px 25px rgba(0,0,0,.09);\r\n}\r\n\r\n.fu-musifratz .fu-related-icon {\r\n flex:0 0 44px;\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-highlight);\r\n color:var(--fu-green);\r\n font-size:21px;\r\n}\r\n\r\n.fu-musifratz .fu-related-card strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:18px;\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-musifratz .fu-related-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:15px;\r\n line-height:1.45;\r\n}\r\n\r\n/* =========================================================\r\n QUELLEN\r\n ========================================================= */\r\n\r\n.fu-musifratz .fu-source {\r\n margin-top:30px;\r\n padding-top:18px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n}\r\n\r\n.fu-musifratz .fu-source i {\r\n margin-right:5px;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-musifratz .fu-top {\r\n text-align:right;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-musifratz .fu-top a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n font-size:14px;\r\n font-weight:700;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-musifratz .fu-facts {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:760px) {\r\n\r\n .fu-musifratz {\r\n padding:15px 10px 45px;\r\n font-size:16px;\r\n }\r\n\r\n .fu-musifratz .fu-hero {\r\n padding:32px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-musifratz .fu-hero h1 {\r\n font-size:32px;\r\n }\r\n\r\n .fu-musifratz .fu-hero p {\r\n font-size:17px;\r\n }\r\n\r\n .fu-musifratz .fu-grid,\r\n .fu-musifratz .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-musifratz .fu-section h2 {\r\n font-size:25px;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-musifratz .fu-hero {\r\n padding:27px 20px;\r\n }\r\n\r\n .fu-musifratz .fu-hero-icon {\r\n width:56px;\r\n height:56px;\r\n font-size:28px;\r\n }\r\n\r\n .fu-musifratz .fu-hero h1 {\r\n font-size:28px;\r\n }\r\n\r\n .fu-musifratz .fu-jump {\r\n padding:12px;\r\n }\r\n\r\n .fu-musifratz .fu-jump a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-musifratz .fu-card,\r\n .fu-musifratz .fu-intro,\r\n .fu-musifratz .fu-contact {\r\n padding:20px;\r\n }\r\n\r\n .fu-musifratz .fu-facts {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-musifratz .fu-program-meta {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-musifratz .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-musifratz .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 447 ===== */ @scope (.fu-article-447) { \r\n/* =========================================\r\n FAST UMSONST – EIN RUCKSACK VOLL HOFFNUNG\r\n ========================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-accent: #e9f1ed;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n background: transparent;\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 820px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.3em;\r\n}\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin: 0 0 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover,\r\n.fu-page .fu-link-card a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n.fu-page .fu-address {\r\n font-style: normal;\r\n}\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n text-decoration: none;\r\n color: var(--fu-text);\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 15px 18px;\r\n margin-top: 24px;\r\n font-size: .92rem;\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 720px) {\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 448 ===== */ @scope (.fu-article-448) { \r\n.fu-krisenkompass {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #16382f;\r\n --fu-paper: #faf8f4;\r\n --fu-accent: #e7f0ec;\r\n --fu-warning: #fff4df;\r\n --fu-danger: #fbe9e7;\r\n --fu-text: #26332e;\r\n --fu-muted: #64716c;\r\n --fu-border: #dfe7e3;\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-krisenkompass .fu-intro {\r\n background: linear-gradient(135deg, #eef5f1, #faf8f4);\r\n border-radius: 18px;\r\n padding: 30px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 20px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-krisenkompass .fu-intro h2 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n margin-bottom: 12px;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-krisenkompass .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-krisenkompass .fu-jump {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 0 0 30px;\r\n}\r\n\r\n.fu-krisenkompass .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 14px;\r\n border-radius: 999px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 3px 10px rgba(0,0,0,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-krisenkompass .fu-jump a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-krisenkompass .fu-app {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 32px;\r\n margin: 0 0 30px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.13);\r\n}\r\n\r\n.fu-krisenkompass .fu-app h2,\r\n.fu-krisenkompass .fu-app h3 {\r\n color: #fff;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-krisenkompass .fu-app p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-krisenkompass .fu-app-icon {\r\n font-size: 2.7rem;\r\n margin-bottom: 10px;\r\n display: inline-block;\r\n}\r\n\r\n.fu-krisenkompass .fu-section {\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-krisenkompass .fu-section h2 {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-krisenkompass .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-krisenkompass .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 24px;\r\n box-shadow: 0 5px 16px rgba(0,0,0,.07);\r\n height: 100%;\r\n}\r\n\r\n.fu-krisenkompass .fu-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n margin-top: 0;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-krisenkompass .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-krisenkompass .fu-icon {\r\n color: var(--fu-green);\r\n font-size: 1.5rem;\r\n margin-bottom: 10px;\r\n display: inline-block;\r\n}\r\n\r\n.fu-krisenkompass .fu-highlight {\r\n background: var(--fu-accent);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 12px;\r\n padding: 22px 24px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-krisenkompass .fu-highlight strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-krisenkompass .fu-warning {\r\n background: var(--fu-warning);\r\n border-left: 5px solid #d28b00;\r\n border-radius: 12px;\r\n padding: 22px 24px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-krisenkompass .fu-danger {\r\n background: var(--fu-danger);\r\n border-left: 5px solid #b42318;\r\n border-radius: 12px;\r\n padding: 22px 24px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-krisenkompass .fu-danger strong {\r\n color: #8f1d16;\r\n}\r\n\r\n.fu-krisenkompass .fu-link-card {\r\n display: block;\r\n text-decoration: none;\r\n color: inherit;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: 0 5px 16px rgba(0,0,0,.07);\r\n height: 100%;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-krisenkompass .fu-link-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 9px 24px rgba(0,0,0,.11);\r\n border-color: #bfd1ca;\r\n}\r\n\r\n.fu-krisenkompass .fu-link-card h3 {\r\n color: var(--fu-green);\r\n margin-top: 0;\r\n margin-bottom: 8px;\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-krisenkompass .fu-link-card .fu-more {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n margin-top: 10px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-krisenkompass .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-krisenkompass .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n background: #fff;\r\n color: var(--fu-green);\r\n border: 1px solid rgba(255,255,255,.5);\r\n}\r\n\r\n.fu-krisenkompass .fu-btn:hover {\r\n background: var(--fu-paper);\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-krisenkompass .fu-app .fu-btn-secondary {\r\n background: transparent;\r\n color: #fff;\r\n border-color: rgba(255,255,255,.65);\r\n}\r\n\r\n.fu-krisenkompass .fu-app .fu-btn-secondary:hover {\r\n background: rgba(255,255,255,.12);\r\n color: #fff;\r\n}\r\n\r\n.fu-krisenkompass .fu-store {\r\n text-align: center;\r\n}\r\n\r\n.fu-krisenkompass .fu-store .fu-store-icon {\r\n font-size: 2.4rem;\r\n color: var(--fu-green);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-krisenkompass .fu-store h3 {\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-krisenkompass .fu-store-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n margin-top: 14px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n text-decoration: none;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-krisenkompass .fu-store-button:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff;\r\n}\r\n\r\n.fu-krisenkompass .fu-contact {\r\n background: var(--fu-paper);\r\n border-radius: 16px;\r\n padding: 25px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-krisenkompass .fu-contact strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-krisenkompass .fu-small {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .fu-krisenkompass .fu-intro,\r\n .fu-krisenkompass .fu-app {\r\n padding: 23px;\r\n }\r\n\r\n .fu-krisenkompass .fu-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-krisenkompass .fu-jump {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-krisenkompass .fu-jump a {\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 451 ===== */ @scope (.fu-article-451) { \r\n.fu-ahaus{\r\n --green:#1f4b3f;\r\n --dark:#17382f;\r\n --paper:#faf8f4;\r\n --orange:#d97706;\r\n --muted:#68736f;\r\n --border:#e4e1da;\r\n --shadow:0 10px 30px rgba(23,56,47,.10);\r\n color:var(--dark);\r\n background:var(--paper);\r\n border-radius:18px;\r\n overflow:hidden;\r\n margin:0 auto 30px;\r\n max-width:1180px;\r\n}\r\n.fu-ahaus *{box-sizing:border-box}\r\n.fu-ahaus a{color:var(--green)}\r\n.fu-ahaus .fu-hero{\r\n position:relative;\r\n background:#ddd;\r\n}\r\n.fu-ahaus .fu-hero img{\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n.fu-ahaus .fu-credit{\r\n padding:9px 16px;\r\n background:#f1efe9;\r\n color:#66706c;\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n.fu-ahaus .fu-credit a{\r\n color:var(--green);\r\n text-decoration:underline;\r\n}\r\n.fu-ahaus .fu-kicker{\r\n margin:28px 24px 8px;\r\n color:var(--orange);\r\n font-size:.9rem;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n.fu-ahaus h1{\r\n margin:0 24px 12px;\r\n color:var(--dark);\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.08;\r\n}\r\n.fu-ahaus .fu-lead{\r\n margin:0 24px 26px;\r\n max-width:900px;\r\n font-size:1.12rem;\r\n line-height:1.7;\r\n color:#3f4d48;\r\n}\r\n.fu-ahaus .fu-jump{\r\n margin:0 24px 28px;\r\n padding:18px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n}\r\n.fu-ahaus .fu-jump strong{\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--dark);\r\n}\r\n.fu-ahaus .fu-jump-links{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n.fu-ahaus .fu-jump-links a{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border-radius:999px;\r\n background:#eef3f0;\r\n color:var(--green);\r\n font-size:.92rem;\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n.fu-ahaus .fu-section{\r\n padding:0 24px 32px;\r\n}\r\n.fu-ahaus .fu-section h2{\r\n margin:0 0 14px;\r\n color:var(--green);\r\n font-size:1.55rem;\r\n}\r\n.fu-ahaus .fu-section p{\r\n margin:0 0 14px;\r\n line-height:1.7;\r\n}\r\n.fu-ahaus .fu-facts{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n padding:0 24px 34px;\r\n}\r\n.fu-ahaus .fu-fact{\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:var(--shadow);\r\n}\r\n.fu-ahaus .fu-fact i{\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n margin-bottom:10px;\r\n display:inline-block;\r\n}\r\n.fu-ahaus .fu-fact strong{\r\n display:block;\r\n margin-bottom:5px;\r\n color:var(--dark);\r\n}\r\n.fu-ahaus .fu-fact span{\r\n color:#5d6964;\r\n line-height:1.5;\r\n}\r\n.fu-ahaus .fu-note{\r\n margin:0 24px 30px;\r\n padding:16px 18px;\r\n border-left:4px solid var(--orange);\r\n background:#fff7ed;\r\n border-radius:10px;\r\n}\r\n.fu-ahaus .fu-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n.fu-ahaus .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 15px;\r\n border-radius:10px;\r\n background:var(--green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n box-shadow:0 5px 14px rgba(23,56,47,.14);\r\n}\r\n.fu-ahaus .fu-btn:hover{\r\n background:var(--dark);\r\n}\r\n.fu-ahaus .fu-btn.alt{\r\n background:#fff;\r\n color:var(--green) !important;\r\n border:1px solid #cfd8d3;\r\n box-shadow:none;\r\n}\r\n.fu-ahaus .fu-btn.orange{\r\n background:var(--orange);\r\n}\r\n.fu-ahaus .fu-cards{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n.fu-ahaus .fu-card{\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:20px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n text-decoration:none !important;\r\n}\r\n.fu-ahaus .fu-card i{\r\n color:var(--orange);\r\n font-size:1.5rem;\r\n margin-bottom:12px;\r\n}\r\n.fu-ahaus .fu-card strong{\r\n margin-bottom:7px;\r\n color:var(--green);\r\n font-size:1.06rem;\r\n}\r\n.fu-ahaus .fu-card span{\r\n color:#5d6964;\r\n line-height:1.55;\r\n}\r\n.fu-ahaus .fu-small{\r\n color:var(--muted);\r\n font-size:.92rem;\r\n}\r\n@media (max-width:800px){\r\n .fu-ahaus .fu-facts,\r\n .fu-ahaus .fu-cards{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n@media (max-width:600px){\r\n .fu-ahaus .fu-kicker,\r\n .fu-ahaus h1,\r\n .fu-ahaus .fu-lead,\r\n .fu-ahaus .fu-jump,\r\n .fu-ahaus .fu-section,\r\n .fu-ahaus .fu-facts{\r\n margin-left:16px;\r\n margin-right:16px;\r\n }\r\n .fu-ahaus .fu-section,\r\n .fu-ahaus .fu-facts{\r\n padding-left:0;\r\n padding-right:0;\r\n }\r\n .fu-ahaus .fu-note{\r\n margin-left:16px;\r\n margin-right:16px;\r\n }\r\n .fu-ahaus .fu-actions{\r\n flex-direction:column;\r\n }\r\n .fu-ahaus .fu-btn{\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 452 ===== */ @scope (.fu-article-452) { \r\n/* =========================================================\r\n FAST UMSONST – CLEARINGSTELLE KLAR FÜR GESUNDHEIT\r\n Einheitlicher Artikelstandard\r\n ========================================================= */\r\n\r\n.fu-klar-gesundheit {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: rgba(31,75,63,.14);\r\n color: #24332e;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-klar-gesundheit * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 65%, #285b4c 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin: 0 0 28px;\r\n box-shadow: 0 12px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-klar-gesundheit .fu-hero-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 12px;\r\n color: #fff;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.12;\r\n margin: 0 0 14px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-lead {\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n margin: 0 0 25px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-klar-gesundheit .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 25px 0;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-fact {\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.18);\r\n border-radius: 13px;\r\n padding: 17px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-fact i {\r\n font-size: 1.25rem;\r\n display: block;\r\n margin-bottom: 7px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-fact strong {\r\n display: block;\r\n font-size: 1rem;\r\n color: #fff;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-fact span {\r\n display: block;\r\n font-size: .9rem;\r\n color: rgba(255,255,255,.82);\r\n margin-top: 3px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-address {\r\n margin: 20px 0 22px;\r\n font-size: .98rem;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-address strong {\r\n color: #fff;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 16px;\r\n border-radius: 9px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n font-size: .92rem;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-btn-primary:hover {\r\n background: #f1f1ed;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-klar-gesundheit .fu-btn-outline {\r\n border: 1px solid rgba(255,255,255,.55);\r\n color: #fff !important;\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-klar-gesundheit .fu-btn-outline:hover {\r\n background: rgba(255,255,255,.14);\r\n}\r\n\r\n.fu-klar-gesundheit .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px 22px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-jumpnav strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-jumpnav ul {\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n list-style: none;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-jumpnav a {\r\n display: inline-block;\r\n padding: 7px 11px;\r\n border-radius: 8px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-jumpnav a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-section {\r\n margin: 0 0 36px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.65rem;\r\n margin: 0 0 14px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-section > p {\r\n max-width: 900px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0,1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n box-shadow: 0 6px 18px rgba(23,56,47,.07);\r\n}\r\n\r\n.fu-klar-gesundheit .fu-card h3 {\r\n color: var(--fu-dark);\r\n margin: 0 0 9px;\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-card ul {\r\n padding-left: 20px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-card li {\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-card .fu-mini-buttons {\r\n margin-top: 16px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-mini-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 12px;\r\n border-radius: 8px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-size: .88rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-mini-btn:hover {\r\n background: var(--fu-dark);\r\n}\r\n\r\n.fu-klar-gesundheit .fu-highlight {\r\n background: #f6f1e8;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 21px 23px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-klar-gesundheit .fu-contact {\r\n background: var(--fu-dark);\r\n color: #fff;\r\n border-radius: 16px;\r\n padding: 28px;\r\n margin: 35px 0;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-contact h2 {\r\n color: #fff;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-contact a {\r\n color: #fff;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-contact .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-contact-item {\r\n background: rgba(255,255,255,.08);\r\n border-radius: 11px;\r\n padding: 16px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-contact-item i {\r\n color: #fff;\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-related {\r\n margin-top: 38px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0,1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-related-card {\r\n display: block;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 19px;\r\n text-decoration: none !important;\r\n color: inherit;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(23,56,47,.09);\r\n border-color: rgba(31,75,63,.3);\r\n}\r\n\r\n.fu-klar-gesundheit .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 1.4rem;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-related-card strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-klar-gesundheit .fu-related-card span {\r\n display: block;\r\n font-size: .9rem;\r\n color: #52625c;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .fu-klar-gesundheit .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-klar-gesundheit .fu-facts,\r\n .fu-klar-gesundheit .fu-grid,\r\n .fu-klar-gesundheit .fu-contact .fu-contact-grid,\r\n .fu-klar-gesundheit .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-klar-gesundheit .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-klar-gesundheit .fu-btn {\r\n justify-content: center;\r\n }\r\n\r\n .fu-klar-gesundheit .fu-jumpnav ul {\r\n display: block;\r\n }\r\n\r\n .fu-klar-gesundheit .fu-jumpnav li {\r\n margin-bottom: 7px;\r\n }\r\n\r\n .fu-klar-gesundheit .fu-jumpnav a {\r\n display: block;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 453 ===== */ @scope (.fu-article-453) { \r\n/* =========================================================\r\n FAST UMSONST – OMBUDS- UND SCHLICHTUNGSSTELLE MÜNSTER\r\n Aktuelle Version 2026\r\n ========================================================= */\r\n\r\n.omb-page {\r\n --omb-green: #1f4b3f;\r\n --omb-dark: #17382f;\r\n --omb-paper: #faf8f4;\r\n --omb-orange: #d97706;\r\n --omb-border: #e5e1d9;\r\n --omb-text: #26332f;\r\n --omb-muted: #68736f;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--omb-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.omb-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.omb-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(23,56,47,.15);\r\n}\r\n\r\n.omb-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.12);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 29px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.omb-hero h1 {\r\n color: #fff;\r\n font-size: clamp(28px, 4vw, 42px);\r\n line-height: 1.15;\r\n margin: 0 0 12px;\r\n font-weight: 700;\r\n}\r\n\r\n.omb-lead {\r\n max-width: 850px;\r\n font-size: 18px;\r\n margin: 0 0 26px;\r\n color: rgba(255,255,255,.93);\r\n}\r\n\r\n.omb-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.omb-fact {\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 13px;\r\n padding: 17px;\r\n}\r\n\r\n.omb-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 16px;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.omb-fact span {\r\n color: rgba(255,255,255,.78);\r\n font-size: 14px;\r\n}\r\n\r\n.omb-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 22px;\r\n}\r\n\r\n.omb-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 9px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.omb-btn:hover {\r\n transform: translateY(-1px);\r\n}\r\n\r\n.omb-btn-primary {\r\n background: #fff;\r\n color: var(--omb-green) !important;\r\n}\r\n\r\n.omb-btn-primary:hover {\r\n background: #f2f0eb;\r\n}\r\n\r\n.omb-btn-orange {\r\n background: var(--omb-orange);\r\n color: #fff !important;\r\n}\r\n\r\n.omb-btn-orange:hover {\r\n filter: brightness(.94);\r\n}\r\n\r\n.omb-btn-outline {\r\n background: rgba(255,255,255,.06);\r\n border: 1px solid rgba(255,255,255,.35);\r\n color: #fff !important;\r\n}\r\n\r\n.omb-btn-outline:hover {\r\n background: rgba(255,255,255,.12);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.omb-jump {\r\n background: var(--omb-paper);\r\n border: 1px solid var(--omb-border);\r\n border-radius: 15px;\r\n padding: 20px 22px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.omb-jump strong {\r\n display: block;\r\n color: var(--omb-dark);\r\n margin-bottom: 11px;\r\n}\r\n\r\n.omb-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.omb-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n border: 1px solid var(--omb-border);\r\n border-radius: 8px;\r\n padding: 8px 12px;\r\n color: var(--omb-green) !important;\r\n text-decoration: none !important;\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n.omb-jump a:hover {\r\n border-color: var(--omb-green);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.omb-section {\r\n margin: 0 0 38px;\r\n}\r\n\r\n.omb-section h2 {\r\n color: var(--omb-dark);\r\n font-size: 27px;\r\n line-height: 1.25;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.omb-section h2 i {\r\n color: var(--omb-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.omb-section p {\r\n margin: 0 0 15px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.omb-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.omb-card {\r\n background: #fff;\r\n border: 1px solid var(--omb-border);\r\n border-radius: 15px;\r\n padding: 23px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.omb-card h3 {\r\n color: var(--omb-dark);\r\n font-size: 19px;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.omb-card h3 i {\r\n color: var(--omb-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.omb-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.omb-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.omb-card li {\r\n margin-bottom: 7px;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.omb-note {\r\n background: #fff8ed;\r\n border-left: 5px solid var(--omb-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 20px 0;\r\n}\r\n\r\n.omb-note strong {\r\n color: var(--omb-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.omb-contact {\r\n background: var(--omb-paper);\r\n border: 1px solid var(--omb-border);\r\n border-radius: 16px;\r\n padding: 25px;\r\n}\r\n\r\n.omb-contact-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n margin-bottom: 17px;\r\n}\r\n\r\n.omb-contact-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.omb-contact-icon {\r\n width: 40px;\r\n height: 40px;\r\n min-width: 40px;\r\n border-radius: 10px;\r\n background: var(--omb-green);\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.omb-contact a {\r\n color: var(--omb-green);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n AKTIONEN UNTER KONTAKT\r\n ========================================================= */\r\n\r\n.omb-contact-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 22px;\r\n}\r\n\r\n.omb-contact-actions .omb-btn-green {\r\n background: var(--omb-green);\r\n color: #fff !important;\r\n}\r\n\r\n.omb-contact-actions .omb-btn-green:hover {\r\n background: var(--omb-dark);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.omb-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.omb-related a {\r\n display: block;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--omb-border);\r\n border-radius: 14px;\r\n padding: 21px;\r\n text-decoration: none !important;\r\n color: var(--omb-text) !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.omb-related a:hover {\r\n transform: translateY(-2px);\r\n border-color: var(--omb-green);\r\n}\r\n\r\n.omb-related i {\r\n color: var(--omb-orange);\r\n font-size: 22px;\r\n display: block;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.omb-related strong {\r\n color: var(--omb-dark);\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.omb-related span {\r\n font-size: 14px;\r\n color: var(--omb-muted);\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .omb-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .omb-hero h1 {\r\n font-size: 29px;\r\n }\r\n\r\n .omb-lead {\r\n font-size: 16px;\r\n }\r\n\r\n .omb-facts,\r\n .omb-grid,\r\n .omb-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .omb-section h2 {\r\n font-size: 24px;\r\n }\r\n\r\n .omb-btn {\r\n width: 100%;\r\n }\r\n\r\n .omb-jump-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .omb-jump a {\r\n justify-content: center;\r\n }\r\n\r\n .omb-contact-actions {\r\n flex-direction: column;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 454 ===== */ @scope (.fu-article-454) { \r\n/* =========================================================\r\n FAST UMSONST – OMBUDSSTELLE PFLEGEBERUFEAUSBILDUNG NRW\r\n Bezirksregierung Münster\r\n ========================================================= */\r\n\r\n.ombp-page {\r\n --ombp-green: #1f4b3f;\r\n --ombp-dark: #17382f;\r\n --ombp-paper: #faf8f4;\r\n --ombp-orange: #d97706;\r\n --ombp-border: #e5e1d9;\r\n --ombp-text: #26332f;\r\n --ombp-muted: #68736f;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--ombp-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.ombp-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.ombp-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(23,56,47,.15);\r\n}\r\n\r\n.ombp-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.12);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 29px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.ombp-hero h1 {\r\n color: #fff;\r\n font-size: clamp(28px, 4vw, 42px);\r\n line-height: 1.15;\r\n margin: 0 0 12px;\r\n font-weight: 700;\r\n}\r\n\r\n.ombp-lead {\r\n max-width: 850px;\r\n font-size: 18px;\r\n margin: 0 0 26px;\r\n color: rgba(255,255,255,.93);\r\n}\r\n\r\n.ombp-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.ombp-fact {\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 13px;\r\n padding: 17px;\r\n}\r\n\r\n.ombp-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 16px;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.ombp-fact span {\r\n color: rgba(255,255,255,.78);\r\n font-size: 14px;\r\n}\r\n\r\n.ombp-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 22px;\r\n}\r\n\r\n.ombp-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 9px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.ombp-btn:hover {\r\n transform: translateY(-1px);\r\n}\r\n\r\n.ombp-btn-primary {\r\n background: #fff;\r\n color: var(--ombp-green) !important;\r\n}\r\n\r\n.ombp-btn-primary:hover {\r\n background: #f2f0eb;\r\n}\r\n\r\n.ombp-btn-orange {\r\n background: var(--ombp-orange);\r\n color: #fff !important;\r\n}\r\n\r\n.ombp-btn-orange:hover {\r\n filter: brightness(.94);\r\n}\r\n\r\n.ombp-btn-outline {\r\n background: rgba(255,255,255,.06);\r\n border: 1px solid rgba(255,255,255,.35);\r\n color: #fff !important;\r\n}\r\n\r\n.ombp-btn-outline:hover {\r\n background: rgba(255,255,255,.12);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.ombp-jump {\r\n background: var(--ombp-paper);\r\n border: 1px solid var(--ombp-border);\r\n border-radius: 15px;\r\n padding: 20px 22px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.ombp-jump strong {\r\n display: block;\r\n color: var(--ombp-dark);\r\n margin-bottom: 11px;\r\n}\r\n\r\n.ombp-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.ombp-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n border: 1px solid var(--ombp-border);\r\n border-radius: 8px;\r\n padding: 8px 12px;\r\n color: var(--ombp-green) !important;\r\n text-decoration: none !important;\r\n font-size: 14px;\r\n font-weight: 600;\r\n}\r\n\r\n.ombp-jump a:hover {\r\n border-color: var(--ombp-green);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.ombp-section {\r\n margin: 0 0 38px;\r\n}\r\n\r\n.ombp-section h2 {\r\n color: var(--ombp-dark);\r\n font-size: 27px;\r\n line-height: 1.25;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.ombp-section h2 i {\r\n color: var(--ombp-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.ombp-section p {\r\n margin: 0 0 15px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.ombp-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.ombp-card {\r\n background: #fff;\r\n border: 1px solid var(--ombp-border);\r\n border-radius: 15px;\r\n padding: 23px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.ombp-card h3 {\r\n color: var(--ombp-dark);\r\n font-size: 19px;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.ombp-card h3 i {\r\n color: var(--ombp-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.ombp-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.ombp-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.ombp-card li {\r\n margin-bottom: 7px;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.ombp-note {\r\n background: #fff8ed;\r\n border-left: 5px solid var(--ombp-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 20px 0;\r\n}\r\n\r\n.ombp-note strong {\r\n color: var(--ombp-dark);\r\n}\r\n\r\n/* =========================================================\r\n ABLAUF\r\n ========================================================= */\r\n\r\n.ombp-steps {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.ombp-step {\r\n background: var(--ombp-paper);\r\n border: 1px solid var(--ombp-border);\r\n border-radius: 14px;\r\n padding: 21px;\r\n}\r\n\r\n.ombp-step-number {\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 10px;\r\n background: var(--ombp-green);\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.ombp-step strong {\r\n display: block;\r\n color: var(--ombp-dark);\r\n margin-bottom: 6px;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.ombp-contact {\r\n background: var(--ombp-paper);\r\n border: 1px solid var(--ombp-border);\r\n border-radius: 16px;\r\n padding: 25px;\r\n}\r\n\r\n.ombp-contact-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n margin-bottom: 17px;\r\n}\r\n\r\n.ombp-contact-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.ombp-contact-icon {\r\n width: 40px;\r\n height: 40px;\r\n min-width: 40px;\r\n border-radius: 10px;\r\n background: var(--ombp-green);\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.ombp-contact a {\r\n color: var(--ombp-green);\r\n font-weight: 600;\r\n}\r\n\r\n.ombp-contact-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 22px;\r\n}\r\n\r\n.ombp-btn-green {\r\n background: var(--ombp-green);\r\n color: #fff !important;\r\n}\r\n\r\n.ombp-btn-green:hover {\r\n background: var(--ombp-dark);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.ombp-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.ombp-related a {\r\n display: block;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--ombp-border);\r\n border-radius: 14px;\r\n padding: 21px;\r\n text-decoration: none !important;\r\n color: var(--ombp-text) !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.ombp-related a:hover {\r\n transform: translateY(-2px);\r\n border-color: var(--ombp-green);\r\n}\r\n\r\n.ombp-related i {\r\n color: var(--ombp-orange);\r\n font-size: 22px;\r\n display: block;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.ombp-related strong {\r\n color: var(--ombp-dark);\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.ombp-related span {\r\n font-size: 14px;\r\n color: var(--ombp-muted);\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .ombp-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .ombp-hero h1 {\r\n font-size: 29px;\r\n }\r\n\r\n .ombp-lead {\r\n font-size: 16px;\r\n }\r\n\r\n .ombp-facts,\r\n .ombp-grid,\r\n .ombp-steps,\r\n .ombp-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .ombp-section h2 {\r\n font-size: 24px;\r\n }\r\n\r\n .ombp-btn {\r\n width: 100%;\r\n }\r\n\r\n .ombp-jump-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .ombp-jump a {\r\n justify-content: center;\r\n }\r\n\r\n .ombp-contact-actions {\r\n flex-direction: column;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 456 ===== */ @scope (.fu-article-456) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 16px;\r\n padding: 12px 17px;\r\n background: var(--fu-green);\r\n border-radius: 12px;\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 457 ===== */ @scope (.fu-article-457) { \r\n/* =========================================================\r\n FAST UMSONST – KREUZBUND DV MÜNSTER E.V.\r\n Stadtverband Münster\r\n Sprungmarken + Kartenlinks + geprüfte interne Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 880px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.2rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n GRUPPENKARTEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-group-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.fu-page .fu-group-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.8rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-group-card h3 {\r\n margin: 0 0 9px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-page .fu-group-card .fu-address {\r\n margin-bottom: 11px;\r\n}\r\n\r\n.fu-page .fu-group-meta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n align-self: flex-start;\r\n padding: 8px 11px;\r\n border-radius: 10px;\r\n background: var(--fu-paper);\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n font-size: .92rem;\r\n margin-top: auto;\r\n}\r\n\r\n.fu-page .fu-group-contact {\r\n margin-top: 13px;\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n}\r\n\r\n.fu-page .fu-group-contact a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n.fu-page .fu-group-contact a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important,\r\n .fu-page .fu-group-card {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 458 ===== */ @scope (.fu-article-458) { \r\n/* =========================================================\r\n FAST UMSONST – MOVE & MEET E.V.\r\n Sport, Bewegung & Begegnung in Münster\r\n ========================================================= */\r\n\r\n.fu-move-meet {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-soft:#eaf3ef;\r\n --fu-orange:#d97706;\r\n --fu-orange-soft:#fff4df;\r\n --fu-paper:#faf8f4;\r\n --fu-text:#26332f;\r\n --fu-muted:#68746f;\r\n --fu-border:#dce6e1;\r\n --fu-white:#fff;\r\n\r\n color:var(--fu-text);\r\n background:var(--fu-paper);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:0 8px 28px rgba(31,75,63,.10);\r\n}\r\n\r\n.fu-move-meet *,\r\n.fu-move-meet *::before,\r\n.fu-move-meet *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-move-meet a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-move-meet a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-move-meet .fu-hero {\r\n padding:48px 34px 42px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n}\r\n\r\n.fu-move-meet .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:12px;\r\n padding:7px 13px;\r\n border:1px solid rgba(255,255,255,.24);\r\n border-radius:999px;\r\n background:rgba(255,255,255,.10);\r\n font-size:.88rem;\r\n font-weight:700;\r\n letter-spacing:.02em;\r\n}\r\n\r\n.fu-move-meet .fu-hero h1 {\r\n margin:0 0 15px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3.15rem);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-move-meet .fu-hero p {\r\n max-width:900px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.14rem;\r\n}\r\n\r\n.fu-move-meet .fu-intro-note {\r\n margin-top:22px;\r\n padding:16px 18px;\r\n border-left:4px solid #f3c46b;\r\n border-radius:10px;\r\n background:rgba(255,255,255,.10);\r\n color:#fff;\r\n}\r\n\r\n.fu-move-meet .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n padding:20px 28px;\r\n background:#fff;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-move-meet .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 13px;\r\n border-radius:999px;\r\n background:var(--fu-green-soft);\r\n color:var(--fu-green-dark);\r\n font-size:.92rem;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-move-meet .fu-nav a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-move-meet .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(4,minmax(0,1fr));\r\n gap:18px;\r\n padding:28px;\r\n}\r\n\r\n.fu-move-meet .fu-fact {\r\n padding:22px 20px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.06);\r\n}\r\n\r\n.fu-move-meet .fu-fact i {\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--fu-orange);\r\n font-size:1.7rem;\r\n}\r\n\r\n.fu-move-meet .fu-fact strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n}\r\n\r\n.fu-move-meet .fu-fact span {\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n}\r\n\r\n.fu-move-meet .fu-section {\r\n margin:0 28px 24px;\r\n padding:30px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n box-shadow:0 5px 18px rgba(31,75,63,.055);\r\n}\r\n\r\n.fu-move-meet .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 18px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.3;\r\n font-weight:800;\r\n}\r\n\r\n.fu-move-meet .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-move-meet .fu-section h3 {\r\n margin:24px 0 10px;\r\n color:var(--fu-green);\r\n font-size:1.18rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-move-meet .fu-section h3:first-child {\r\n margin-top:0;\r\n}\r\n\r\n.fu-move-meet .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-move-meet .fu-highlight {\r\n margin:20px 0;\r\n padding:19px 20px;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:11px;\r\n background:var(--fu-orange-soft);\r\n}\r\n\r\n.fu-move-meet .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-move-meet .fu-green-box {\r\n margin:20px 0;\r\n padding:20px;\r\n border-radius:12px;\r\n background:var(--fu-green-soft);\r\n}\r\n\r\n.fu-move-meet .fu-offer-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-move-meet .fu-offer {\r\n height:100%;\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n box-shadow:0 4px 14px rgba(31,75,63,.05);\r\n}\r\n\r\n.fu-move-meet .fu-offer i {\r\n color:var(--fu-orange);\r\n font-size:1.65rem;\r\n}\r\n\r\n.fu-move-meet .fu-offer h3 {\r\n margin:11px 0 7px;\r\n}\r\n\r\n.fu-move-meet .fu-offer p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.96rem;\r\n}\r\n\r\n.fu-move-meet .fu-date {\r\n display:inline-block;\r\n margin-top:12px;\r\n padding:5px 9px;\r\n border-radius:7px;\r\n background:var(--fu-green-soft);\r\n color:var(--fu-green-dark);\r\n font-size:.86rem;\r\n font-weight:700;\r\n}\r\n\r\n.fu-move-meet .fu-contact {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-move-meet .fu-contact-card {\r\n padding:20px;\r\n border-radius:13px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-move-meet .fu-contact-card i {\r\n margin-right:7px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-move-meet .fu-contact-card strong {\r\n display:block;\r\n margin-bottom:5px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-move-meet .fu-contact-card a {\r\n overflow-wrap:anywhere;\r\n}\r\n\r\n.fu-move-meet .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-move-meet .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:46px;\r\n padding:10px 17px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-move-meet .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-move-meet .fu-btn.fu-btn-orange {\r\n background:var(--fu-orange);\r\n}\r\n\r\n.fu-move-meet .fu-btn.fu-btn-orange:hover {\r\n background:#b85f04;\r\n}\r\n\r\n.fu-move-meet .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:15px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-move-meet .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n min-height:60px;\r\n padding:14px 16px;\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green-dark);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-move-meet .fu-related a:hover {\r\n border-color:var(--fu-green);\r\n background:var(--fu-green-soft);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-move-meet .fu-related i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-move-meet .fu-conclusion {\r\n margin:0 28px 28px;\r\n padding:28px 30px;\r\n border-radius:16px;\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-green-dark));\r\n color:#fff;\r\n}\r\n\r\n.fu-move-meet .fu-conclusion h2 {\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-move-meet .fu-conclusion p {\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n}\r\n\r\n@media (max-width:900px) {\r\n .fu-move-meet .fu-facts,\r\n .fu-move-meet .fu-contact {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-move-meet .fu-offer-grid,\r\n .fu-move-meet .fu-related {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:640px) {\r\n .fu-move-meet {\r\n border-radius:12px;\r\n }\r\n\r\n .fu-move-meet .fu-hero {\r\n padding:34px 20px;\r\n }\r\n\r\n .fu-move-meet .fu-nav,\r\n .fu-move-meet .fu-facts {\r\n padding:18px;\r\n }\r\n\r\n .fu-move-meet .fu-section {\r\n margin:0 18px 18px;\r\n padding:22px 19px;\r\n }\r\n\r\n .fu-move-meet .fu-facts,\r\n .fu-move-meet .fu-offer-grid,\r\n .fu-move-meet .fu-contact,\r\n .fu-move-meet .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-move-meet .fu-conclusion {\r\n margin:0 18px 18px;\r\n padding:23px 20px;\r\n }\r\n\r\n .fu-move-meet .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 459 ===== */ @scope (.fu-article-459) { \r\n/* =========================================================\r\n FAST UMSONST – WIENBURGPARK PARKRUN\r\n Sport-/Freizeit-Layout\r\n ========================================================= */\r\n\r\n.fu-wienburgpark-parkrun {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-wienburgpark-parkrun * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-wienburgpark-parkrun a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-wienburgpark-parkrun a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-wienburgpark-parkrun .fu-intro {\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 28px;\r\n padding:42px 38px;\r\n border-radius:22px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-intro:after {\r\n content:\"\";\r\n position:absolute;\r\n right:-80px;\r\n top:-100px;\r\n width:260px;\r\n height:260px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-kicker {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 10px;\r\n font-size:.9rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.86;\r\n}\r\n\r\n.fu-wienburgpark-parkrun h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3.2rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-lead {\r\n position:relative;\r\n z-index:1;\r\n max-width:900px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICK NAV\r\n ========================================================= */\r\n\r\n.fu-wienburgpark-parkrun .fu-quicknav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:10px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-white);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:.94rem;\r\n box-shadow:0 4px 14px rgba(31,75,63,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-quicknav a:hover {\r\n transform:translateY(-1px);\r\n background:#f2f6f3;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-wienburgpark-parkrun .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-fact {\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-fact-icon {\r\n width:42px;\r\n height:42px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:12px;\r\n border-radius:12px;\r\n background:#edf4f0;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-fact strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-fact span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-wienburgpark-parkrun .fu-section {\r\n margin:0 0 28px;\r\n padding:30px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-section h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n STATUS\r\n ========================================================= */\r\n\r\n.fu-wienburgpark-parkrun .fu-status {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:15px;\r\n margin:20px 0 0;\r\n padding:20px 22px;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n background:#fff8ee;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-status-icon {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n line-height:1;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-status strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:#8a5106;\r\n}\r\n\r\n/* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n.fu-wienburgpark-parkrun .fu-info-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-info-card {\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-info-card i {\r\n display:inline-block;\r\n margin-bottom:11px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-info-card strong {\r\n display:block;\r\n margin-bottom:6px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-info-card span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n STEP GRID\r\n ========================================================= */\r\n\r\n.fu-wienburgpark-parkrun .fu-step-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-step-card {\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-step-number {\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:13px;\r\n border-radius:50%;\r\n background:#eaf2ee;\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-step-card strong {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-step-card span {\r\n color:var(--fu-muted);\r\n font-size:.93rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-wienburgpark-parkrun .fu-highlight {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-highlight-card {\r\n padding:23px;\r\n border-radius:16px;\r\n background:#edf4f0;\r\n border:1px solid #dce8e1;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-highlight-card.orange {\r\n background:#fff8ee;\r\n border-color:#f2dfc2;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-highlight-card i {\r\n display:inline-block;\r\n margin-bottom:10px;\r\n color:var(--fu-orange);\r\n font-size:1.4rem;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-highlight-card strong {\r\n display:block;\r\n margin-bottom:6px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-highlight-card span {\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-wienburgpark-parkrun .fu-button-grid {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:12px 17px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-button:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-button.secondary {\r\n background:#edf4f0;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-button.secondary:hover {\r\n background:#dfece5;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-wienburgpark-parkrun .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-related {\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n min-height:145px;\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-related:hover {\r\n transform:translateY(-2px);\r\n background:#f2f6f3;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-related i {\r\n margin-bottom:12px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-related strong {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-related span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n NOTE\r\n ========================================================= */\r\n\r\n.fu-wienburgpark-parkrun .fu-note {\r\n margin-top:18px;\r\n padding:18px 20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#f6f8f7;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-wienburgpark-parkrun .fu-note strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-wienburgpark-parkrun .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-wienburgpark-parkrun .fu-info-grid,\r\n .fu-wienburgpark-parkrun .fu-related-grid,\r\n .fu-wienburgpark-parkrun .fu-step-grid {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n .fu-wienburgpark-parkrun .fu-highlight {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:640px) {\r\n\r\n .fu-wienburgpark-parkrun .fu-intro {\r\n padding:30px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-wienburgpark-parkrun .fu-section {\r\n padding:22px;\r\n border-radius:17px;\r\n }\r\n\r\n .fu-wienburgpark-parkrun .fu-facts,\r\n .fu-wienburgpark-parkrun .fu-info-grid,\r\n .fu-wienburgpark-parkrun .fu-step-grid,\r\n .fu-wienburgpark-parkrun .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-wienburgpark-parkrun .fu-quicknav a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-wienburgpark-parkrun .fu-button {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 460 ===== */ @scope (.fu-article-460) { \r\n .fu-alte-apotheke {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-alte-apotheke .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-alte-apotheke .fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n SECTIONS / CARDS\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-alte-apotheke .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-alte-apotheke .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 16px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-info-box strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n margin-bottom: 6px;\r\n }\r\n\r\n /* =========================================================\r\n ANGEBOTE\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-alte-apotheke .fu-service i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-alte-apotheke .fu-service p {\r\n margin: 0;\r\n }\r\n\r\n /* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-alte-apotheke .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-alte-apotheke .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-alte-apotheke .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-alte-apotheke .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =========================================================\r\n ZURÜCK NACH OBEN\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-alte-apotheke .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-alte-apotheke .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 462 ===== */ @scope (.fu-article-462) { \r\n/* =========================================================\r\n FAST UMSONST – BIBELMUSEUM FÜR KINDER\r\n Geprüfter Stand: September 2026\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand:#1f4b3f;\r\n --fu-brand-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:25px 20px 55px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-page a {\r\n color:inherit;\r\n}\r\n\r\n.fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n padding:42px 42px 38px;\r\n border-radius:22px;\r\n background:linear-gradient(135deg,var(--fu-brand),var(--fu-brand-dark));\r\n color:#fff;\r\n box-shadow:0 14px 35px rgba(0,0,0,.14);\r\n margin-bottom:22px;\r\n}\r\n\r\n.fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:230px;\r\n height:230px;\r\n right:-75px;\r\n top:-90px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-hero-icon {\r\n position:relative;\r\n z-index:1;\r\n width:68px;\r\n height:68px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.12);\r\n margin-bottom:20px;\r\n font-size:34px;\r\n}\r\n\r\n.fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(30px,4vw,46px);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n max-width:800px;\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:18px;\r\n}\r\n\r\n.fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 25px;\r\n}\r\n\r\n.fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-brand);\r\n text-decoration:none;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jump a:hover {\r\n transform:translateY(-2px);\r\n border-color:var(--fu-brand);\r\n background:var(--fu-brand);\r\n color:#fff;\r\n}\r\n\r\n.fu-intro {\r\n padding:27px 30px;\r\n margin-bottom:28px;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n background:var(--fu-paper);\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-section {\r\n margin:0 0 32px;\r\n}\r\n\r\n.fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 17px;\r\n color:var(--fu-brand);\r\n font-size:27px;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-section-title i {\r\n flex:0 0 auto;\r\n font-size:25px;\r\n}\r\n\r\n.fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-card {\r\n padding:23px 24px;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n background:var(--fu-card);\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-card h3 {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:10px;\r\n margin:0 0 11px;\r\n color:var(--fu-brand);\r\n font-size:20px;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-card li + li {\r\n margin-top:6px;\r\n}\r\n\r\n.fu-highlight {\r\n padding:23px 25px;\r\n margin:22px 0;\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n background:var(--fu-highlight);\r\n}\r\n\r\n.fu-highlight strong {\r\n color:var(--fu-brand-dark);\r\n}\r\n\r\n.fu-info-list {\r\n display:grid;\r\n gap:11px;\r\n margin:0;\r\n}\r\n\r\n.fu-info-row {\r\n display:flex;\r\n gap:12px;\r\n align-items:flex-start;\r\n}\r\n\r\n.fu-info-row i {\r\n width:24px;\r\n flex:0 0 24px;\r\n color:var(--fu-orange);\r\n margin-top:4px;\r\n}\r\n\r\n.fu-button-row {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:17px;\r\n}\r\n\r\n.fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:10px 16px;\r\n border-radius:10px;\r\n background:var(--fu-brand);\r\n color:#fff !important;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-button:hover {\r\n background:var(--fu-brand-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-link-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:14px;\r\n}\r\n\r\n.fu-link-card {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:14px;\r\n padding:19px 20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:#fff;\r\n color:var(--fu-text);\r\n text-decoration:none;\r\n box-shadow:0 6px 16px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-link-card:hover {\r\n transform:translateY(-2px);\r\n border-color:var(--fu-brand);\r\n box-shadow:0 10px 24px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-link-icon {\r\n width:42px;\r\n height:42px;\r\n flex:0 0 42px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:11px;\r\n background:#edf3f0;\r\n color:var(--fu-brand);\r\n font-size:21px;\r\n}\r\n\r\n.fu-link-card strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-brand);\r\n line-height:1.3;\r\n}\r\n\r\n.fu-link-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n line-height:1.45;\r\n}\r\n\r\n.fu-source {\r\n padding:18px 20px;\r\n margin-top:35px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n}\r\n\r\n.fu-source a {\r\n color:var(--fu-brand);\r\n font-weight:600;\r\n}\r\n\r\n.fu-top {\r\n text-align:right;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-top a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n color:var(--fu-brand);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n@media (max-width:760px) {\r\n\r\n .fu-page {\r\n padding:18px 14px 40px;\r\n }\r\n\r\n .fu-hero {\r\n padding:31px 25px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-grid,\r\n .fu-link-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-intro {\r\n padding:22px;\r\n }\r\n\r\n .fu-section-title {\r\n font-size:24px;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-hero {\r\n padding:27px 20px;\r\n }\r\n\r\n .fu-hero h1 {\r\n font-size:31px;\r\n }\r\n\r\n .fu-hero p {\r\n font-size:16px;\r\n }\r\n\r\n .fu-card {\r\n padding:20px;\r\n }\r\n\r\n .fu-jump a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-button {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 464 ===== */ @scope (.fu-article-464) { \r\n/* =========================================================\r\n FAST UMSONST – STADTBÜCHEREI MÜNSTER\r\n Kinder & Jugendliche\r\n ========================================================= */\r\n\r\n.fu-stadtbuecherei {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:10px 20px 50px;\r\n color:var(--fu-text);\r\n line-height:1.7;\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-stadtbuecherei *,\r\n.fu-stadtbuecherei *::before,\r\n.fu-stadtbuecherei *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-stadtbuecherei .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:24px;\r\n box-shadow:0 14px 35px rgba(0,0,0,.14);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:220px;\r\n height:220px;\r\n right:-80px;\r\n top:-90px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-hero-icon {\r\n width:68px;\r\n height:68px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2.1rem;\r\n margin-bottom:20px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n margin:0 0 12px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-hero p {\r\n margin:0;\r\n max-width:780px;\r\n font-size:1.12rem;\r\n color:rgba(255,255,255,.92);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-stadtbuecherei .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.95rem;\r\n box-shadow:0 3px 10px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-stadtbuecherei .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px 27px;\r\n margin-bottom:30px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n SEKTIONEN\r\n ========================================================= */\r\n\r\n.fu-stadtbuecherei .fu-section {\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n color:var(--fu-green);\r\n font-size:1.55rem;\r\n line-height:1.3;\r\n margin:0 0 18px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-section-title i {\r\n font-size:1.4rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-stadtbuecherei .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-card {\r\n background:var(--fu-card);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:23px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n height:100%;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n color:var(--fu-green);\r\n font-size:1.18rem;\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-card li {\r\n margin-bottom:6px;\r\n}\r\n\r\n/* =========================================================\r\n JUGENDBEREICH – HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-stadtbuecherei .fu-youth {\r\n background:linear-gradient(135deg,#f8f1e4,#fff);\r\n border:1px solid #eadcc5;\r\n border-left:6px solid var(--fu-orange);\r\n border-radius:18px;\r\n padding:27px 28px;\r\n box-shadow:0 8px 22px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-youth h3 {\r\n color:var(--fu-green);\r\n margin:0 0 12px;\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-youth ul {\r\n margin:15px 0 0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-youth li {\r\n margin-bottom:7px;\r\n}\r\n\r\n/* =========================================================\r\n GAMING BOX\r\n ========================================================= */\r\n\r\n.fu-stadtbuecherei .fu-gaming {\r\n margin-top:18px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:20px 22px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-gaming-title {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:1.15rem;\r\n margin-bottom:8px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-gaming-title i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n HINWEISBOX\r\n ========================================================= */\r\n\r\n.fu-stadtbuecherei .fu-note {\r\n background:var(--fu-highlight);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:18px 20px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-note strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-stadtbuecherei .fu-contact {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-contact-item {\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-contact-item > i {\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n margin-top:4px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-contact-item strong {\r\n display:block;\r\n color:var(--fu-green);\r\n margin-bottom:3px;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-stadtbuecherei .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:11px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:11px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-btn-secondary {\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-btn-secondary:hover {\r\n background:var(--fu-paper);\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-stadtbuecherei .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:17px 18px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n box-shadow:0 5px 15px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-related a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-stadtbuecherei .fu-related i {\r\n font-size:1.25rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n QUELLE\r\n ========================================================= */\r\n\r\n.fu-stadtbuecherei .fu-source {\r\n margin-top:28px;\r\n padding-top:18px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-source a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-stadtbuecherei .fu-top {\r\n text-align:center;\r\n margin-top:28px;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-top a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n.fu-stadtbuecherei .fu-top a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:760px) {\r\n\r\n .fu-stadtbuecherei {\r\n padding-left:12px;\r\n padding-right:12px;\r\n }\r\n\r\n .fu-stadtbuecherei .fu-hero {\r\n padding:32px 24px;\r\n }\r\n\r\n .fu-stadtbuecherei .fu-grid,\r\n .fu-stadtbuecherei .fu-contact-grid,\r\n .fu-stadtbuecherei .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-stadtbuecherei {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-stadtbuecherei .fu-hero {\r\n padding:27px 20px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-stadtbuecherei .fu-hero h1 {\r\n font-size:1.9rem;\r\n }\r\n\r\n .fu-stadtbuecherei .fu-card,\r\n .fu-stadtbuecherei .fu-contact,\r\n .fu-stadtbuecherei .fu-youth {\r\n padding:20px;\r\n }\r\n\r\n .fu-stadtbuecherei .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-stadtbuecherei .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 465 ===== */ @scope (.fu-article-465) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 466 ===== */ @scope (.fu-article-466) { \r\n .fu-malta {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n .fu-malta .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-malta .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-malta .fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n .fu-malta .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-malta .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-malta .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-malta .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-malta .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n SECTIONS / CARDS\r\n ========================================================= */\r\n\r\n .fu-malta .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-malta .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-malta .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-malta .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-malta .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n .fu-malta .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n .fu-malta .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 16px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-malta .fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px;\r\n }\r\n\r\n .fu-malta .fu-info-box strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n margin-bottom: 6px;\r\n }\r\n\r\n /* =========================================================\r\n ANGEBOTS-KARTEN\r\n ========================================================= */\r\n\r\n .fu-malta .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-malta .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-malta .fu-service i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-malta .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-malta .fu-service p {\r\n margin: 0;\r\n }\r\n\r\n /* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n .fu-malta .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-malta .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-malta .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-malta .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-malta .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-malta .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n .fu-malta .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-malta .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-malta .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-malta .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-malta .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-malta .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-malta .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-malta .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n .fu-malta .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =========================================================\r\n ZURÜCK NACH OBEN\r\n ========================================================= */\r\n\r\n .fu-malta .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-malta .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-malta .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-malta .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-malta .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-malta .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-malta .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 469 ===== */ @scope (.fu-article-469) { \r\n/* =========================================================\r\n FAST UMSONST – FERIENPROGRAMME DER STADT MÜNSTER\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-ferien {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 15px 60px;\r\n color:var(--fu-text);\r\n font-size:17px;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-ferien * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-ferien a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ferien a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-ferien .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:22px;\r\n box-shadow:0 14px 35px rgba(22,57,47,.18);\r\n}\r\n\r\n.fu-ferien .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:230px;\r\n height:230px;\r\n border-radius:50%;\r\n right:-80px;\r\n top:-90px;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-ferien .fu-hero-icon {\r\n width:68px;\r\n height:68px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.14);\r\n font-size:34px;\r\n margin-bottom:20px;\r\n}\r\n\r\n.fu-ferien .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(30px,5vw,46px);\r\n line-height:1.12;\r\n margin:0 0 12px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-ferien .fu-hero p {\r\n margin:0;\r\n max-width:820px;\r\n font-size:19px;\r\n color:rgba(255,255,255,.92);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-ferien .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n padding:16px;\r\n margin-bottom:24px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 7px 22px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-ferien .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:15px;\r\n border:1px solid var(--fu-border);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ferien .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* =========================================================\r\n EINLEITUNG\r\n ========================================================= */\r\n\r\n.fu-ferien .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:26px 28px;\r\n margin-bottom:28px;\r\n box-shadow:0 8px 24px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-ferien .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-ferien .fu-section {\r\n margin:0 0 34px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-ferien .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n color:var(--fu-green);\r\n font-size:28px;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-ferien .fu-section h2 i {\r\n font-size:25px;\r\n}\r\n\r\n.fu-ferien .fu-section > p {\r\n margin-top:0;\r\n}\r\n\r\n/* =========================================================\r\n INFOKARTEN\r\n ========================================================= */\r\n\r\n.fu-ferien .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-ferien .fu-card {\r\n background:var(--fu-card);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:0 8px 25px rgba(0,0,0,.06);\r\n height:100%;\r\n}\r\n\r\n.fu-ferien .fu-card h3 {\r\n color:var(--fu-green);\r\n font-size:21px;\r\n line-height:1.3;\r\n margin:0 0 10px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-ferien .fu-card h3 i {\r\n margin-right:7px;\r\n}\r\n\r\n.fu-ferien .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-ferien .fu-highlight {\r\n background:var(--fu-highlight);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:0 15px 15px 0;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-ferien .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n TERMIN-KARTEN\r\n ========================================================= */\r\n\r\n.fu-ferien .fu-date {\r\n text-align:center;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:20px 16px;\r\n}\r\n\r\n.fu-ferien .fu-date i {\r\n display:block;\r\n font-size:28px;\r\n color:var(--fu-orange);\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-ferien .fu-date strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:18px;\r\n}\r\n\r\n.fu-ferien .fu-date span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:15px;\r\n margin-top:4px;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-ferien .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:17px;\r\n}\r\n\r\n.fu-ferien .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:10px 16px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n text-decoration:none !important;\r\n border:2px solid var(--fu-green);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-ferien .fu-btn:hover {\r\n background:var(--fu-dark);\r\n border-color:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-ferien .fu-btn-outline {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-ferien .fu-btn-outline:hover {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-ferien .fu-contact {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:27px;\r\n box-shadow:0 10px 28px rgba(22,57,47,.15);\r\n}\r\n\r\n.fu-ferien .fu-contact h3 {\r\n color:#fff;\r\n margin-top:0;\r\n font-size:23px;\r\n}\r\n\r\n.fu-ferien .fu-contact a {\r\n color:#fff;\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-ferien .fu-contact i {\r\n margin-right:7px;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-ferien .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-ferien .fu-related-card {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:15px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:19px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.05);\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-ferien .fu-related-card:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 11px 25px rgba(0,0,0,.09);\r\n}\r\n\r\n.fu-ferien .fu-related-card .fu-related-icon {\r\n flex:0 0 44px;\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:var(--fu-highlight);\r\n color:var(--fu-green);\r\n font-size:21px;\r\n}\r\n\r\n.fu-ferien .fu-related-card strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:18px;\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-ferien .fu-related-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:15px;\r\n line-height:1.45;\r\n}\r\n\r\n/* =========================================================\r\n QUELLENHINWEIS\r\n ========================================================= */\r\n\r\n.fu-ferien .fu-source {\r\n margin-top:30px;\r\n padding-top:18px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n}\r\n\r\n.fu-ferien .fu-source i {\r\n margin-right:5px;\r\n}\r\n\r\n/* =========================================================\r\n TOP\r\n ========================================================= */\r\n\r\n.fu-ferien .fu-top {\r\n text-align:right;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-ferien .fu-top a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n font-size:14px;\r\n font-weight:700;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:760px) {\r\n\r\n .fu-ferien {\r\n padding:15px 10px 45px;\r\n font-size:16px;\r\n }\r\n\r\n .fu-ferien .fu-hero {\r\n padding:32px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-ferien .fu-hero h1 {\r\n font-size:32px;\r\n }\r\n\r\n .fu-ferien .fu-hero p {\r\n font-size:17px;\r\n }\r\n\r\n .fu-ferien .fu-grid,\r\n .fu-ferien .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-ferien .fu-section h2 {\r\n font-size:25px;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-ferien .fu-hero {\r\n padding:27px 20px;\r\n }\r\n\r\n .fu-ferien .fu-hero-icon {\r\n width:56px;\r\n height:56px;\r\n font-size:28px;\r\n }\r\n\r\n .fu-ferien .fu-hero h1 {\r\n font-size:28px;\r\n }\r\n\r\n .fu-ferien .fu-jump {\r\n padding:12px;\r\n }\r\n\r\n .fu-ferien .fu-jump a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-ferien .fu-card,\r\n .fu-ferien .fu-intro,\r\n .fu-ferien .fu-contact {\r\n padding:20px;\r\n }\r\n\r\n .fu-ferien .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-ferien .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 471 ===== */ @scope (.fu-article-471) { \r\n/* =========================================================\r\n FAST UMSONST – SPIELMOBILE MÜNSTER\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-spielmobile {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 16px 60px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-spielmobile * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-spielmobile a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-spielmobile a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-spielmobile .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n padding:42px 36px;\r\n border-radius:22px;\r\n box-shadow:0 12px 30px rgba(0,0,0,.14);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-spielmobile .fu-hero-icon {\r\n width:68px;\r\n height:68px;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.14);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:2.25rem;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-spielmobile .fu-hero h1 {\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n}\r\n\r\n.fu-spielmobile .fu-hero p {\r\n margin:0;\r\n max-width:850px;\r\n color:rgba(255,255,255,.94);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-spielmobile .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-spielmobile .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n box-shadow:0 4px 12px rgba(0,0,0,.05);\r\n font-size:.92rem;\r\n font-weight:600;\r\n}\r\n\r\n.fu-spielmobile .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-spielmobile .fu-card {\r\n background:var(--fu-card);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:26px;\r\n margin-bottom:22px;\r\n box-shadow:0 8px 22px rgba(0,0,0,.07);\r\n}\r\n\r\n.fu-spielmobile .fu-card h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n margin:0 0 15px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-spielmobile .fu-card h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-spielmobile .fu-card h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-green);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-spielmobile .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-spielmobile .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:27px;\r\n margin-bottom:22px;\r\n}\r\n\r\n/* =========================================================\r\n SPIELMOBILE GRID\r\n ========================================================= */\r\n\r\n.fu-spielmobile .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-spielmobile .fu-mini {\r\n height:100%;\r\n padding:22px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 5px 16px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-spielmobile .fu-mini-icon {\r\n font-size:1.75rem;\r\n color:var(--fu-orange);\r\n margin-bottom:9px;\r\n}\r\n\r\n.fu-spielmobile .fu-mini h3 {\r\n margin-top:0;\r\n}\r\n\r\n/* =========================================================\r\n PREIS / HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-spielmobile .fu-price {\r\n font-size:1.7rem;\r\n font-weight:800;\r\n color:var(--fu-dark);\r\n margin:8px 0 12px;\r\n}\r\n\r\n.fu-spielmobile .fu-highlight {\r\n background:var(--fu-highlight);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-spielmobile .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n LISTE\r\n ========================================================= */\r\n\r\n.fu-spielmobile .fu-list {\r\n list-style:none;\r\n padding:0;\r\n margin:15px 0 0;\r\n}\r\n\r\n.fu-spielmobile .fu-list li {\r\n position:relative;\r\n padding:8px 0 8px 31px;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-spielmobile .fu-list li:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-spielmobile .fu-list li i {\r\n position:absolute;\r\n left:0;\r\n top:10px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-spielmobile .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-spielmobile .fu-fact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n padding:16px 17px;\r\n}\r\n\r\n.fu-spielmobile .fu-fact i {\r\n color:var(--fu-orange);\r\n margin-right:7px;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-spielmobile .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-spielmobile .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n text-decoration:none !important;\r\n box-shadow:0 4px 12px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-spielmobile .fu-btn:hover {\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-spielmobile .fu-btn.fu-btn-orange {\r\n background:var(--fu-orange);\r\n}\r\n\r\n.fu-spielmobile .fu-btn.fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-spielmobile .fu-contact {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-spielmobile .fu-contact-box {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:21px;\r\n}\r\n\r\n.fu-spielmobile .fu-contact-box p {\r\n margin:7px 0;\r\n}\r\n\r\n.fu-spielmobile .fu-contact-box i {\r\n color:var(--fu-orange);\r\n width:23px;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-spielmobile .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:14px;\r\n}\r\n\r\n.fu-spielmobile .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:#fff;\r\n box-shadow:0 5px 15px rgba(0,0,0,.05);\r\n font-weight:700;\r\n}\r\n\r\n.fu-spielmobile .fu-related a:hover {\r\n background:var(--fu-paper);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-spielmobile .fu-related i {\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n margin-top:2px;\r\n}\r\n\r\n/* =========================================================\r\n QUELLE\r\n ========================================================= */\r\n\r\n.fu-spielmobile .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n border-top:1px solid var(--fu-border);\r\n margin-top:25px;\r\n padding-top:18px;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-spielmobile .fu-top {\r\n text-align:right;\r\n margin-top:24px;\r\n}\r\n\r\n.fu-spielmobile .fu-top a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n font-weight:700;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:760px) {\r\n\r\n .fu-spielmobile {\r\n padding:12px 10px 45px;\r\n }\r\n\r\n .fu-spielmobile .fu-hero {\r\n padding:32px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-spielmobile .fu-grid,\r\n .fu-spielmobile .fu-facts,\r\n .fu-spielmobile .fu-contact,\r\n .fu-spielmobile .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-spielmobile .fu-card,\r\n .fu-spielmobile .fu-intro {\r\n padding:21px;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n\r\n .fu-spielmobile .fu-hero h1 {\r\n font-size:1.85rem;\r\n }\r\n\r\n .fu-spielmobile .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-spielmobile .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 472 ===== */ @scope (.fu-article-472) { \r\n/* =========================================================\r\n FAST UMSONST – NOTINSEL MÜNSTER\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 880px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 473 ===== */ @scope (.fu-article-473) { \r\n/* =========================================================\r\n FAST UMSONST – NOTINSEL MÜNSTER\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 880px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-important strong {\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 475 ===== */ @scope (.fu-article-475) { \r\n/* =========================================================\r\n FAST UMSONST – RÜMPELESELS SAMMELKISTE\r\n ========================================================= */\r\n\r\n.fu-ruempelesel {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 17px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-ruempelesel * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-ruempelesel a {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n/* HERO */\r\n.fu-ruempelesel-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 28px rgba(23, 56, 47, 0.16);\r\n}\r\n\r\n.fu-ruempelesel-hero h1 {\r\n margin: 0 0 12px;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-ruempelesel-hero p {\r\n max-width: 900px;\r\n margin: 0;\r\n font-size: 1.08rem;\r\n opacity: 0.96;\r\n}\r\n\r\n/* SPRUNGNAVIGATION */\r\n.fu-ruempelesel-jumps {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 20px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-ruempelesel-jumps strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-ruempelesel-jump-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n.fu-ruempelesel-jump-list a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 14px;\r\n font-size: 0.94rem;\r\n font-weight: 600;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.fu-ruempelesel-jump-list a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n/* INTRO */\r\n.fu-ruempelesel-intro {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px 30px;\r\n margin-bottom: 32px;\r\n box-shadow: 0 5px 18px rgba(38, 51, 47, 0.07);\r\n}\r\n\r\n.fu-ruempelesel-intro h2 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-ruempelesel-intro p {\r\n margin: 0;\r\n}\r\n\r\n/* CONTENT GRID */\r\n.fu-ruempelesel-grid {\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr;\r\n gap: 22px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-ruempelesel-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n box-shadow: 0 5px 18px rgba(38, 51, 47, 0.07);\r\n}\r\n\r\n.fu-ruempelesel-card h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 16px;\r\n color: var(--fu-dark);\r\n font-size: 1.5rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-ruempelesel-card h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-ruempelesel-card p {\r\n margin: 0 0 15px;\r\n}\r\n\r\n.fu-ruempelesel-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* SORTIMENT */\r\n.fu-ruempelesel-offers {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 13px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-ruempelesel-offer {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n background: var(--fu-light);\r\n border-radius: 12px;\r\n padding: 14px 15px;\r\n}\r\n\r\n.fu-ruempelesel-offer i {\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n margin-top: 2px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-ruempelesel-offer strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n line-height: 1.4;\r\n}\r\n\r\n/* ANKAUF */\r\n.fu-ruempelesel-ankauf {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-ruempelesel-ankauf h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 13px;\r\n color: var(--fu-dark);\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-ruempelesel-ankauf h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-ruempelesel-ankauf p {\r\n margin: 0;\r\n}\r\n\r\n/* HINWEIS */\r\n.fu-ruempelesel-note {\r\n background: #fff;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 19px 22px;\r\n margin-bottom: 35px;\r\n box-shadow: 0 4px 15px rgba(38, 51, 47, 0.06);\r\n}\r\n\r\n.fu-ruempelesel-note strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* KONTAKT */\r\n.fu-ruempelesel-contact {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 35px;\r\n}\r\n\r\n.fu-ruempelesel-contact h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 20px;\r\n color: var(--fu-dark);\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-ruempelesel-contact h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-ruempelesel-contact-list {\r\n display: grid;\r\n gap: 14px;\r\n}\r\n\r\n.fu-ruempelesel-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 13px;\r\n}\r\n\r\n.fu-ruempelesel-contact-item > i {\r\n width: 24px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n margin-top: 4px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-ruempelesel-contact-item strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-ruempelesel-contact-item span,\r\n.fu-ruempelesel-contact-item a {\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-ruempelesel-contact-item a:hover {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* OFFIZIELLE SEITE */\r\n.fu-ruempelesel-web {\r\n margin-top: 22px;\r\n}\r\n\r\n.fu-ruempelesel-web a {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 10px;\r\n padding: 11px 17px;\r\n font-weight: 600;\r\n transition: background 0.2s ease;\r\n}\r\n\r\n.fu-ruempelesel-web a:hover {\r\n background: var(--fu-dark);\r\n}\r\n\r\n/* PASSENDE INFORMATIONEN */\r\n.fu-ruempelesel-related {\r\n background: var(--fu-light);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-ruempelesel-related h2 {\r\n margin: 0 0 8px;\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-ruempelesel-related-intro {\r\n margin: 0 0 20px;\r\n color: var(--fu-muted);\r\n}\r\n\r\n.fu-ruempelesel-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 14px;\r\n}\r\n\r\n.fu-ruempelesel-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n padding: 15px 17px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.fu-ruempelesel-related a i {\r\n color: var(--fu-orange);\r\n font-size: 1.2rem;\r\n flex-shrink: 0;\r\n}\r\n\r\n.fu-ruempelesel-related a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n}\r\n\r\n.fu-ruempelesel-related a:hover i {\r\n color: #fff;\r\n}\r\n\r\n/* ZURÜCK */\r\n.fu-ruempelesel-back {\r\n margin-top: 30px;\r\n text-align: center;\r\n}\r\n\r\n.fu-ruempelesel-back a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n.fu-ruempelesel-back a:hover {\r\n color: var(--fu-orange);\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (max-width: 850px) {\r\n .fu-ruempelesel-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-ruempelesel-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n .fu-ruempelesel {\r\n padding: 15px 12px 45px;\r\n font-size: 16px;\r\n }\r\n\r\n .fu-ruempelesel-hero {\r\n padding: 30px 23px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-ruempelesel-intro,\r\n .fu-ruempelesel-card,\r\n .fu-ruempelesel-ankauf,\r\n .fu-ruempelesel-contact,\r\n .fu-ruempelesel-related {\r\n padding: 22px;\r\n }\r\n\r\n .fu-ruempelesel-offers {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 477 ===== */ @scope (.fu-article-477) { \r\n/* =========================================================\r\n GRUNDLAYOUT\r\n ========================================================= */\r\n\r\n.fu-repair-awo {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-green-light: #edf4f0;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736d;\r\n --fu-border: #e4e7e3;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.10);\r\n --fu-shadow-hover: 0 14px 32px rgba(31,75,63,.16);\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-repair-awo .fu-hero {\r\n background: linear-gradient(135deg, #1f4b3f 0%, #285d4e 100%);\r\n color: #fff;\r\n padding: 46px 34px;\r\n border-radius: 22px;\r\n margin-bottom: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-awo .fu-hero-icon {\r\n display: block;\r\n font-size: 2.8rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-repair-awo .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n margin: 0 0 14px;\r\n}\r\n\r\n.fu-repair-awo .fu-hero p {\r\n color: rgba(255,255,255,.95);\r\n font-size: 1.12rem;\r\n line-height: 1.7;\r\n margin: 0;\r\n max-width: 900px;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-repair-awo .fu-intro {\r\n background: var(--fu-paper);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 14px;\r\n padding: 23px 25px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.fu-repair-awo .fu-intro p {\r\n margin: 0;\r\n line-height: 1.75;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-repair-awo .fu-jumps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.fu-repair-awo .fu-jump {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n border: 1px solid var(--fu-border);\r\n padding: 10px 15px;\r\n border-radius: 999px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n box-shadow: 0 3px 10px rgba(0,0,0,.04);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-awo .fu-jump:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-repair-awo .fu-section {\r\n margin-bottom: 44px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-repair-awo .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-green);\r\n font-size: 1.7rem;\r\n font-weight: 700;\r\n margin: 0 0 9px;\r\n}\r\n\r\n.fu-repair-awo .fu-section-title i {\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-repair-awo .fu-section-intro {\r\n color: var(--fu-muted);\r\n line-height: 1.7;\r\n margin: 0 0 21px;\r\n}\r\n\r\n/* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n.fu-repair-awo .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-awo .fu-info-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-awo .fu-info-card.highlight {\r\n border: 2px solid rgba(31,75,63,.20);\r\n}\r\n\r\n.fu-repair-awo .fu-card-icon {\r\n width: 48px;\r\n height: 48px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--fu-green-light);\r\n color: var(--fu-green);\r\n border-radius: 12px;\r\n font-size: 1.45rem;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.fu-repair-awo .fu-info-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.18rem;\r\n line-height: 1.3;\r\n margin: 0 0 12px;\r\n}\r\n\r\n.fu-repair-awo .fu-info-card p {\r\n color: var(--fu-muted);\r\n line-height: 1.65;\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT / DETAILS\r\n ========================================================= */\r\n\r\n.fu-repair-awo .fu-details {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n}\r\n\r\n.fu-repair-awo .fu-detail {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n line-height: 1.55;\r\n}\r\n\r\n.fu-repair-awo .fu-detail i {\r\n color: var(--fu-green);\r\n margin-top: 3px;\r\n min-width: 18px;\r\n}\r\n\r\n.fu-repair-awo .fu-detail strong {\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-repair-awo .fu-detail a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-awo .fu-detail a:hover {\r\n color: var(--fu-green-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n ROUTE-BUTTONS\r\n ========================================================= */\r\n\r\n.fu-repair-awo .fu-route {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-repair-awo .fu-route-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n border: 1px solid var(--fu-green);\r\n border-radius: 10px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n box-shadow: 0 4px 12px rgba(31,75,63,.12);\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease,\r\n background .2s ease;\r\n}\r\n\r\n.fu-repair-awo .fu-route-btn:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 7px 18px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-repair-awo .fu-route-btn i {\r\n font-size: 1.05rem;\r\n}\r\n\r\n.fu-repair-awo .fu-route-secondary {\r\n background: #fff;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-repair-awo .fu-route-secondary:hover {\r\n background: var(--fu-green-light);\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n TERMIN-HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-repair-awo .fu-date {\r\n background: var(--fu-green-light);\r\n border-radius: 14px;\r\n padding: 20px 22px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-repair-awo .fu-date strong {\r\n display: block;\r\n color: var(--fu-green);\r\n font-size: 1.05rem;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-repair-awo .fu-date span {\r\n color: var(--fu-text);\r\n line-height: 1.6;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-repair-awo .fu-note {\r\n background: #f4f6f4;\r\n border-radius: 14px;\r\n padding: 20px 22px;\r\n margin-top: 20px;\r\n color: var(--fu-muted);\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-repair-awo .fu-note strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-repair-awo .fu-links {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-awo .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: var(--fu-shadow);\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease,\r\n border-color .2s ease;\r\n}\r\n\r\n.fu-repair-awo .fu-link-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--fu-shadow-hover);\r\n border-color: rgba(31,75,63,.30);\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-repair-awo .fu-link-card .fu-card-icon {\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-repair-awo .fu-link-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.12rem;\r\n line-height: 1.35;\r\n margin: 0 0 8px;\r\n}\r\n\r\n.fu-repair-awo .fu-link-card p {\r\n color: var(--fu-muted);\r\n line-height: 1.55;\r\n margin: 0 0 15px;\r\n flex-grow: 1;\r\n}\r\n\r\n.fu-repair-awo .fu-link-arrow {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-repair-awo .fu-back {\r\n text-align: center;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-repair-awo .fu-back a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-awo .fu-back a:hover {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 991px) {\r\n\r\n .fu-repair-awo .fu-info-grid,\r\n .fu-repair-awo .fu-links {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-repair-awo .fu-hero {\r\n padding: 32px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-repair-awo .fu-info-grid,\r\n .fu-repair-awo .fu-links {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-repair-awo .fu-jumps {\r\n gap: 8px;\r\n }\r\n\r\n .fu-repair-awo .fu-jump {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .fu-repair-awo .fu-route {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-repair-awo .fu-route-btn {\r\n width: 100%;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 478 ===== */ @scope (.fu-article-478) { \r\n/* =========================================================\r\n FAST UMSONST\r\n BUNDESARBEITSGEMEINSCHAFT SCHULDNERBERATUNG E.V.\r\n ========================================================= */\r\n\r\n.fu-bagsb {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HEADER\r\n ========================================================= */\r\n\r\n.fu-bagsb-hero {\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, #1f4b3f 0%, #17382f 100%);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 32px 30px;\r\n margin-bottom: 16px;\r\n box-shadow: 0 8px 26px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-bagsb-hero:after {\r\n content: \"\\f4d2\";\r\n font-family: \"bootstrap-icons\";\r\n position: absolute;\r\n right: 28px;\r\n top: 20px;\r\n font-size: 108px;\r\n opacity: .07;\r\n}\r\n\r\n.fu-bagsb-hero h1 {\r\n position: relative;\r\n z-index: 1;\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: clamp(1.75rem, 4vw, 2.55rem);\r\n line-height: 1.15;\r\n max-width: 850px;\r\n}\r\n\r\n.fu-bagsb-hero h1 i {\r\n font-size: .84em;\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-bagsb-lead {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 850px;\r\n margin: 0 0 23px;\r\n font-size: 1.08rem;\r\n line-height: 1.65;\r\n opacity: .96;\r\n}\r\n\r\n/* Fakten */\r\n\r\n.fu-bagsb-facts {\r\n position: relative;\r\n z-index: 1;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 22px;\r\n}\r\n\r\n.fu-bagsb-fact {\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.13);\r\n border-radius: 12px;\r\n padding: 13px 15px;\r\n}\r\n\r\n.fu-bagsb-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: .92rem;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-bagsb-fact strong i {\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-bagsb-fact span {\r\n font-size: .85rem;\r\n opacity: .88;\r\n}\r\n\r\n/* Kontakt */\r\n\r\n.fu-bagsb-contactbar {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px 22px;\r\n padding-top: 18px;\r\n border-top: 1px solid rgba(255,255,255,.18);\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-bagsb-contactbar span {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n}\r\n\r\n/* Buttons */\r\n\r\n.fu-bagsb-actions {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 19px;\r\n}\r\n\r\n.fu-bagsb-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 10px 16px;\r\n border-radius: 9px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-bagsb-btn:hover {\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-bagsb-btn-orange {\r\n background: #d97706;\r\n color: #fff !important;\r\n}\r\n\r\n.fu-bagsb-btn-orange:hover {\r\n background: #b85f04;\r\n color: #fff !important;\r\n}\r\n\r\n.fu-bagsb-btn-light {\r\n background: #fff;\r\n color: #17382f !important;\r\n}\r\n\r\n.fu-bagsb-btn-light:hover {\r\n background: #f4f4f4;\r\n color: #17382f !important;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-jumpbox {\r\n background: #f3f7f4;\r\n border-left: 5px solid #1f4b3f;\r\n border-radius: 12px;\r\n padding: 15px 20px;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-jumpbox strong {\r\n display: inline-block;\r\n color: #17382f;\r\n margin-right: 18px;\r\n}\r\n\r\n.fu-jumpbox a {\r\n color: #1f4b3f;\r\n font-weight: 600;\r\n text-decoration: none;\r\n margin-right: 17px;\r\n white-space: nowrap;\r\n}\r\n\r\n.fu-jumpbox a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n ÜBERSCHRIFTEN\r\n ========================================================= */\r\n\r\n.fu-section-title {\r\n color: #17382f;\r\n margin: 34px 0 18px;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-section-title i {\r\n color: #1f4b3f;\r\n margin-right: 7px;\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 19px;\r\n margin: 20px 0 28px;\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid #e5e8e6;\r\n border-radius: 16px;\r\n padding: 23px;\r\n box-shadow: 0 5px 17px rgba(0,0,0,.065);\r\n height: 100%;\r\n}\r\n\r\n.fu-card h3 {\r\n color: #1f4b3f;\r\n margin: 0 0 10px;\r\n font-size: 1.16rem;\r\n}\r\n\r\n.fu-card p {\r\n line-height: 1.7;\r\n margin: 0;\r\n}\r\n\r\n.fu-icon {\r\n width: 44px;\r\n height: 44px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: #edf4f0;\r\n color: #1f4b3f;\r\n font-size: 1.25rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n background: #faf8f4;\r\n border: 1px solid #eee8df;\r\n border-radius: 15px;\r\n padding: 20px 22px;\r\n margin: 25px 0;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-note strong {\r\n color: #17382f;\r\n}\r\n\r\n/* =========================================================\r\n PORTAL-HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-portal {\r\n background: linear-gradient(135deg, #f3f7f4, #faf8f4);\r\n border: 1px solid #dfe8e3;\r\n border-radius: 18px;\r\n padding: 26px;\r\n margin: 28px 0;\r\n}\r\n\r\n.fu-portal h3 {\r\n color: #17382f;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-portal p {\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-portal-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-contact {\r\n background: #faf8f4;\r\n border: 1px solid #eee8df;\r\n border-radius: 17px;\r\n padding: 26px;\r\n margin: 24px 0 30px;\r\n}\r\n\r\n.fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1.15fr .85fr;\r\n gap: 25px;\r\n}\r\n\r\n.fu-contact h3 {\r\n color: #17382f;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-contact p {\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-contact a {\r\n color: #1f4b3f;\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-related {\r\n margin-top: 42px;\r\n padding-top: 28px;\r\n border-top: 2px solid #e9eeeb;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid #e4e8e5;\r\n border-radius: 14px;\r\n padding: 18px;\r\n color: #17382f !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(0,0,0,.06);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 7px 18px rgba(0,0,0,.09);\r\n}\r\n\r\n.fu-related-card i {\r\n color: #1f4b3f;\r\n margin-right: 7px;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-bagsb-hero {\r\n padding: 27px 21px 23px;\r\n border-radius: 15px;\r\n }\r\n\r\n .fu-bagsb-hero:after {\r\n font-size: 75px;\r\n right: 14px;\r\n top: 18px;\r\n }\r\n\r\n .fu-bagsb-facts {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-bagsb-contactbar {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n\r\n .fu-bagsb-actions,\r\n .fu-portal-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-bagsb-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-jumpbox a {\r\n display: block;\r\n margin: 8px 0;\r\n }\r\n\r\n .fu-info-grid,\r\n .fu-contact-grid,\r\n .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-card,\r\n .fu-contact,\r\n .fu-portal {\r\n padding: 20px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 480 ===== */ @scope (.fu-article-480) { \r\n/* =========================================================\r\n FAST UMSONST – KREBSBERATUNG IM MÜNSTERLAND\r\n Beratungsstellen-Vorlage\r\n ========================================================= */\r\n\r\n.fu-krebsberatung {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-paper:#faf8f4;\r\n --fu-orange:#d97706;\r\n --fu-border:#e5e7e3;\r\n --fu-text:#26332f;\r\n --fu-muted:#66736e;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:20px 16px 50px;\r\n color:var(--fu-text);\r\n font-family:inherit;\r\n}\r\n\r\n.fu-krebsberatung * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-krebsberatung h1,\r\n.fu-krebsberatung h2,\r\n.fu-krebsberatung h3 {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-krebsberatung a {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-krebsberatung .fu-hero {\r\n background:linear-gradient(135deg,#17382f 0%,#1f4b3f 55%,#285b4d 100%);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:34px 32px 30px;\r\n box-shadow:0 8px 24px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-krebsberatung .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.12);\r\n font-size:28px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-krebsberatung .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(28px,4vw,42px);\r\n line-height:1.1;\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-krebsberatung .fu-hero-lead {\r\n color:rgba(255,255,255,.92);\r\n font-size:18px;\r\n line-height:1.6;\r\n max-width:850px;\r\n margin:0 0 25px;\r\n}\r\n\r\n.fu-krebsberatung .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:14px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-krebsberatung .fu-fact {\r\n background:rgba(255,255,255,.10);\r\n border:1px solid rgba(255,255,255,.14);\r\n border-radius:13px;\r\n padding:17px;\r\n}\r\n\r\n.fu-krebsberatung .fu-fact i {\r\n font-size:20px;\r\n margin-right:6px;\r\n}\r\n\r\n.fu-krebsberatung .fu-fact strong {\r\n display:block;\r\n color:#fff;\r\n margin-bottom:5px;\r\n}\r\n\r\n.fu-krebsberatung .fu-fact span {\r\n display:block;\r\n color:rgba(255,255,255,.82);\r\n font-size:14px;\r\n line-height:1.45;\r\n}\r\n\r\n.fu-krebsberatung .fu-contact-line {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px 24px;\r\n color:rgba(255,255,255,.92);\r\n margin-bottom:22px;\r\n font-size:15px;\r\n}\r\n\r\n.fu-krebsberatung .fu-contact-line span {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n}\r\n\r\n.fu-krebsberatung .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n}\r\n\r\n.fu-krebsberatung .fu-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:#fff;\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-weight:700;\r\n font-size:14px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-krebsberatung .fu-actions a:hover {\r\n transform:translateY(-2px);\r\n box-shadow:0 5px 14px rgba(0,0,0,.15);\r\n}\r\n\r\n.fu-krebsberatung .fu-actions a.fu-primary {\r\n background:var(--fu-orange);\r\n color:#fff;\r\n}\r\n\r\n/* JUMP NAV */\r\n\r\n.fu-krebsberatung .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin:22px 0 38px;\r\n padding:12px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n}\r\n\r\n.fu-krebsberatung .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n padding:9px 13px;\r\n border-radius:9px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-dark);\r\n text-decoration:none;\r\n font-size:14px;\r\n font-weight:600;\r\n}\r\n\r\n.fu-krebsberatung .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-krebsberatung .fu-section {\r\n margin:0 0 42px;\r\n scroll-margin-top:25px;\r\n}\r\n\r\n.fu-krebsberatung .fu-section h2 {\r\n font-size:28px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-krebsberatung .fu-section-intro {\r\n color:var(--fu-muted);\r\n font-size:16px;\r\n line-height:1.65;\r\n max-width:900px;\r\n margin:0 0 22px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-krebsberatung .fu-card-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-krebsberatung .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:22px;\r\n box-shadow:0 4px 15px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-krebsberatung .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n font-size:19px;\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-krebsberatung .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-krebsberatung .fu-card p {\r\n line-height:1.65;\r\n margin:0;\r\n}\r\n\r\n.fu-krebsberatung .fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:21px;\r\n}\r\n\r\n.fu-krebsberatung .fu-card li {\r\n margin-bottom:7px;\r\n line-height:1.5;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-krebsberatung .fu-highlight {\r\n background:#fff7ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:19px 21px;\r\n margin:22px 0;\r\n}\r\n\r\n.fu-krebsberatung .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-krebsberatung .fu-highlight p {\r\n margin:6px 0 0;\r\n line-height:1.6;\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-krebsberatung .fu-contact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n padding:28px;\r\n}\r\n\r\n.fu-krebsberatung .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:24px;\r\n}\r\n\r\n.fu-krebsberatung .fu-contact h3 {\r\n margin:0 0 13px;\r\n font-size:21px;\r\n}\r\n\r\n.fu-krebsberatung .fu-contact p {\r\n line-height:1.65;\r\n margin:0 0 9px;\r\n}\r\n\r\n.fu-krebsberatung .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-krebsberatung .fu-hours {\r\n width:100%;\r\n border-collapse:collapse;\r\n margin-top:5px;\r\n}\r\n\r\n.fu-krebsberatung .fu-hours td {\r\n padding:8px 10px;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-krebsberatung .fu-hours td:first-child {\r\n font-weight:700;\r\n width:42%;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-krebsberatung .fu-contact-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-krebsberatung .fu-contact-actions a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n.fu-krebsberatung .fu-contact-actions a:hover {\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-krebsberatung .fu-contact-actions a.fu-orange {\r\n background:var(--fu-orange);\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-krebsberatung .fu-related {\r\n margin-top:45px;\r\n}\r\n\r\n.fu-krebsberatung .fu-related h2 {\r\n font-size:27px;\r\n margin:0 0 18px;\r\n}\r\n\r\n.fu-krebsberatung .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-krebsberatung .fu-related-card {\r\n display:block;\r\n height:100%;\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#fff;\r\n text-decoration:none;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-krebsberatung .fu-related-card:hover {\r\n transform:translateY(-3px);\r\n border-color:var(--fu-green);\r\n box-shadow:0 8px 20px rgba(23,56,47,.10);\r\n}\r\n\r\n.fu-krebsberatung .fu-related-card i {\r\n display:block;\r\n color:var(--fu-orange);\r\n font-size:24px;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-krebsberatung .fu-related-card strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:7px;\r\n font-size:17px;\r\n}\r\n\r\n.fu-krebsberatung .fu-related-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n line-height:1.5;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width:767px) {\r\n\r\n .fu-krebsberatung {\r\n padding:10px 10px 35px;\r\n }\r\n\r\n .fu-krebsberatung .fu-hero {\r\n padding:25px 20px 22px;\r\n border-radius:15px;\r\n }\r\n\r\n .fu-krebsberatung .fu-facts,\r\n .fu-krebsberatung .fu-card-grid,\r\n .fu-krebsberatung .fu-contact-grid,\r\n .fu-krebsberatung .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-krebsberatung .fu-hero h1 {\r\n font-size:30px;\r\n }\r\n\r\n .fu-krebsberatung .fu-hero-lead {\r\n font-size:16px;\r\n }\r\n\r\n .fu-krebsberatung .fu-actions a,\r\n .fu-krebsberatung .fu-contact-actions a {\r\n width:100%;\r\n }\r\n\r\n .fu-krebsberatung .fu-contact {\r\n padding:21px 18px;\r\n }\r\n\r\n .fu-krebsberatung .fu-jump {\r\n margin-bottom:30px;\r\n }\r\n\r\n .fu-krebsberatung .fu-section h2 {\r\n font-size:24px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 481 ===== */ @scope (.fu-article-481) { \r\n/* =========================================================\r\n FAST UMSONST – ERLEBNISPFADE DES NABU\r\n Einheitliches Seitenlayout\r\n Vorlage: Wacholderheide / Venner Moor / Dülmener Wildpferde\r\n ========================================================= */\r\n\r\n.fu-erlebnispfade {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-light:#f3f1eb;\r\n --fu-border:#e4e0d7;\r\n --fu-text:#29332f;\r\n --fu-muted:#66716c;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-erlebnispfade * {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HERO\r\n --------------------------------------------------------- */\r\n\r\n.fu-erlebnispfade .fu-hero {\r\n margin:0 0 30px;\r\n background:var(--fu-white);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:0 8px 28px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-erlebnispfade .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-erlebnispfade .fu-hero-content {\r\n padding:30px 32px 32px;\r\n}\r\n\r\n.fu-erlebnispfade .fu-kicker {\r\n margin:0 0 7px;\r\n color:var(--fu-orange);\r\n font-size:.9rem;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n\r\n.fu-erlebnispfade h1 {\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:clamp(2rem,4vw,3.1rem);\r\n line-height:1.15;\r\n font-weight:750;\r\n}\r\n\r\n.fu-erlebnispfade .fu-lead {\r\n margin:0;\r\n max-width:900px;\r\n font-size:1.15rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-erlebnispfade .fu-image-credit {\r\n margin:0;\r\n padding:9px 18px 12px;\r\n background:#f7f6f2;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SCHNELLNAVIGATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-erlebnispfade .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 30px;\r\n padding:18px;\r\n background:var(--fu-light);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-erlebnispfade .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n color:var(--fu-green);\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:650;\r\n line-height:1.3;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-erlebnispfade .fu-nav a:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n CONTENT CARDS\r\n --------------------------------------------------------- */\r\n\r\n.fu-erlebnispfade .fu-section {\r\n margin:0 0 28px;\r\n padding:28px 30px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 5px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-erlebnispfade h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-erlebnispfade h2 i {\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-erlebnispfade h3 {\r\n margin:22px 0 9px;\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-erlebnispfade p {\r\n margin:0 0 15px;\r\n}\r\n\r\n.fu-erlebnispfade p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n FACTS\r\n --------------------------------------------------------- */\r\n\r\n.fu-erlebnispfade .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:15px;\r\n margin:20px 0 0;\r\n}\r\n\r\n.fu-erlebnispfade .fu-fact {\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border-radius:13px;\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-erlebnispfade .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-erlebnispfade .fu-fact strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:1.02rem;\r\n}\r\n\r\n.fu-erlebnispfade .fu-fact span {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HIGHLIGHT\r\n --------------------------------------------------------- */\r\n\r\n.fu-erlebnispfade .fu-highlight {\r\n margin:20px 0 0;\r\n padding:20px 22px;\r\n background:#fff8ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:10px;\r\n}\r\n\r\n.fu-erlebnispfade .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n PFAD-KARTEN\r\n --------------------------------------------------------- */\r\n\r\n.fu-erlebnispfade .fu-paths {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-erlebnispfade .fu-path {\r\n padding:21px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n}\r\n\r\n.fu-erlebnispfade .fu-path h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n margin:0 0 9px;\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-erlebnispfade .fu-path h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-erlebnispfade .fu-path p {\r\n margin:0 0 10px;\r\n font-size:.97rem;\r\n}\r\n\r\n.fu-erlebnispfade .fu-path-meta {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:7px;\r\n margin-top:12px;\r\n}\r\n\r\n.fu-erlebnispfade .fu-tag {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:5px;\r\n padding:5px 9px;\r\n color:var(--fu-green);\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:8px;\r\n font-size:.84rem;\r\n font-weight:700;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BUTTONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-erlebnispfade .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-erlebnispfade .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 17px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-erlebnispfade .fu-btn-primary {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n}\r\n\r\n.fu-erlebnispfade .fu-btn-primary:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-erlebnispfade .fu-btn-secondary {\r\n color:var(--fu-green);\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-erlebnispfade .fu-btn-secondary:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RELATED INFORMATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-erlebnispfade .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-erlebnispfade .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n min-height:70px;\r\n padding:15px 17px;\r\n color:var(--fu-green);\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n text-decoration:none;\r\n font-weight:700;\r\n line-height:1.35;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-erlebnispfade .fu-related a i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-erlebnispfade .fu-related a:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-erlebnispfade .fu-related a:hover i {\r\n color:var(--fu-white);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n QUELLEN / STAND\r\n --------------------------------------------------------- */\r\n\r\n.fu-erlebnispfade .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-erlebnispfade .fu-source a {\r\n color:var(--fu-green);\r\n font-weight:650;\r\n}\r\n\r\n.fu-erlebnispfade .fu-stand {\r\n margin-top:22px;\r\n padding-top:15px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.88rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RESPONSIVE\r\n --------------------------------------------------------- */\r\n\r\n@media (max-width:800px) {\r\n\r\n .fu-erlebnispfade .fu-facts,\r\n .fu-erlebnispfade .fu-paths {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-erlebnispfade .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-erlebnispfade .fu-hero-content,\r\n .fu-erlebnispfade .fu-section {\r\n padding:23px 20px;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n\r\n .fu-erlebnispfade {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-erlebnispfade .fu-hero-image {\r\n min-height:220px;\r\n object-fit:cover;\r\n }\r\n\r\n .fu-erlebnispfade .fu-nav {\r\n padding:13px;\r\n }\r\n\r\n .fu-erlebnispfade .fu-nav a {\r\n width:100%;\r\n }\r\n\r\n .fu-erlebnispfade h1 {\r\n font-size:2rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 482 ===== */ @scope (.fu-article-482) { \r\n/* =========================================================\r\n FAST UMSONST – FRAUEN-NOTRUF MÜNSTER E.V.\r\n ========================================================= */\r\n\r\n.fu-frauen-notruf {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e5e7e3;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-frauen-notruf * {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-frauen-notruf .fu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 72%, #285b4d 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-frauen-notruf .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,.12);\r\n font-size: 28px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.1;\r\n margin: 0 0 14px;\r\n font-weight: 750;\r\n}\r\n\r\n.fu-frauen-notruf .fu-hero-lead {\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n margin: 0 0 26px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-frauen-notruf .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-frauen-notruf .fu-fact {\r\n background: rgba(255,255,255,.09);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 13px;\r\n padding: 16px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: .98rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-fact span {\r\n color: rgba(255,255,255,.82);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-frauen-notruf .fu-contact-line {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 22px;\r\n margin: 18px 0 24px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-frauen-notruf .fu-contact-line i {\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-frauen-notruf .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-frauen-notruf .fu-btn-secondary {\r\n background: rgba(255,255,255,.10);\r\n color: #fff !important;\r\n border: 1px solid rgba(255,255,255,.28);\r\n}\r\n\r\n.fu-frauen-notruf .fu-btn:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* JUMPNAV */\r\n\r\n.fu-frauen-notruf .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 8px 12px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n color: var(--fu-green);\r\n text-decoration: none !important;\r\n font-size: .92rem;\r\n font-weight: 650;\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-frauen-notruf .fu-section {\r\n margin: 0 0 38px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.65rem;\r\n line-height: 1.2;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-section-intro {\r\n font-size: 1.03rem;\r\n margin-bottom: 20px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-frauen-notruf .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-frauen-notruf .fu-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.16rem;\r\n margin: 0 0 9px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-frauen-notruf .fu-card ul {\r\n padding-left: 20px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-frauen-notruf .fu-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-frauen-notruf .fu-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-frauen-notruf .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-frauen-notruf .fu-contact {\r\n background: var(--fu-paper);\r\n border-radius: 16px;\r\n padding: 26px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-frauen-notruf .fu-contact h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-frauen-notruf .fu-contact p {\r\n margin-bottom: 10px;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-frauen-notruf .fu-related {\r\n margin-top: 42px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-related-card {\r\n display: block;\r\n height: 100%;\r\n padding: 19px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--fu-dark);\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-frauen-notruf .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n border-color: rgba(31,75,63,.35);\r\n}\r\n\r\n.fu-frauen-notruf .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n margin-bottom: 9px;\r\n display: block;\r\n}\r\n\r\n.fu-frauen-notruf .fu-related-card strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-frauen-notruf .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width: 767px) {\r\n .fu-frauen-notruf .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-frauen-notruf .fu-facts,\r\n .fu-frauen-notruf .fu-grid,\r\n .fu-frauen-notruf .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-frauen-notruf .fu-contact-line {\r\n flex-direction: column;\r\n gap: 7px;\r\n }\r\n\r\n .fu-frauen-notruf .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-frauen-notruf .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-frauen-notruf .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-frauen-notruf .fu-card,\r\n .fu-frauen-notruf .fu-contact {\r\n padding: 19px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 483 ===== */ @scope (.fu-article-483) { \r\n.fu-ahaus{\r\n --green:#1f4b3f;\r\n --dark:#17382f;\r\n --paper:#faf8f4;\r\n --orange:#d97706;\r\n --red:#b42318;\r\n --muted:#68736f;\r\n --border:#e4e1da;\r\n --shadow:0 10px 30px rgba(23,56,47,.10);\r\n color:var(--dark);\r\n background:var(--paper);\r\n border-radius:18px;\r\n overflow:hidden;\r\n margin:0 auto 30px;\r\n max-width:1180px;\r\n}\r\n.fu-ahaus *{box-sizing:border-box}\r\n.fu-ahaus a{color:var(--green)}\r\n\r\n.fu-ahaus .fu-kicker{\r\n margin:30px 24px 8px;\r\n color:var(--orange);\r\n font-size:.9rem;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n\r\n.fu-ahaus h1{\r\n margin:0 24px 12px;\r\n color:var(--dark);\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.08;\r\n}\r\n\r\n.fu-ahaus .fu-lead{\r\n margin:0 24px 28px;\r\n max-width:900px;\r\n font-size:1.12rem;\r\n line-height:1.7;\r\n color:#3f4d48;\r\n}\r\n\r\n.fu-ahaus .fu-status{\r\n margin:0 24px 28px;\r\n padding:20px 22px;\r\n background:#fff1ef;\r\n border:1px solid #efc7c2;\r\n border-left:5px solid var(--red);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-ahaus .fu-status strong{\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--red);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-ahaus .fu-status p{\r\n margin:0;\r\n color:#5b3d39;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-ahaus .fu-jump{\r\n margin:0 24px 30px;\r\n padding:18px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-ahaus .fu-jump strong{\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--dark);\r\n}\r\n\r\n.fu-ahaus .fu-jump-links{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n\r\n.fu-ahaus .fu-jump-links a{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border-radius:999px;\r\n background:#eef3f0;\r\n color:var(--green);\r\n font-size:.92rem;\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ahaus .fu-section{\r\n padding:0 24px 32px;\r\n}\r\n\r\n.fu-ahaus .fu-section h2{\r\n margin:0 0 14px;\r\n color:var(--green);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-ahaus .fu-section p{\r\n margin:0 0 14px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-ahaus .fu-facts{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n padding:0 24px 34px;\r\n}\r\n\r\n.fu-ahaus .fu-fact{\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n padding:18px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n.fu-ahaus .fu-fact i{\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n margin-bottom:10px;\r\n display:inline-block;\r\n}\r\n\r\n.fu-ahaus .fu-fact strong{\r\n display:block;\r\n margin-bottom:5px;\r\n color:var(--dark);\r\n}\r\n\r\n.fu-ahaus .fu-fact span{\r\n color:#5d6964;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-ahaus .fu-note{\r\n margin-top:16px;\r\n padding:16px 18px;\r\n border-left:4px solid var(--orange);\r\n background:#fff7ed;\r\n border-radius:10px;\r\n}\r\n\r\n.fu-ahaus .fu-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-ahaus .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 15px;\r\n border-radius:10px;\r\n background:var(--green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n box-shadow:0 5px 14px rgba(23,56,47,.14);\r\n}\r\n\r\n.fu-ahaus .fu-btn:hover{\r\n background:var(--dark);\r\n}\r\n\r\n.fu-ahaus .fu-btn.alt{\r\n background:#fff;\r\n color:var(--green) !important;\r\n border:1px solid #cfd8d3;\r\n box-shadow:none;\r\n}\r\n\r\n.fu-ahaus .fu-cards{\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-ahaus .fu-card{\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:20px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n box-shadow:var(--shadow);\r\n text-decoration:none !important;\r\n}\r\n\r\n.fu-ahaus .fu-card i{\r\n color:var(--orange);\r\n font-size:1.5rem;\r\n margin-bottom:12px;\r\n}\r\n\r\n.fu-ahaus .fu-card strong{\r\n margin-bottom:7px;\r\n color:var(--green);\r\n font-size:1.06rem;\r\n}\r\n\r\n.fu-ahaus .fu-card span{\r\n color:#5d6964;\r\n line-height:1.55;\r\n}\r\n\r\n.fu-ahaus .fu-small{\r\n color:var(--muted);\r\n font-size:.92rem;\r\n}\r\n\r\n@media (max-width:800px){\r\n .fu-ahaus .fu-facts,\r\n .fu-ahaus .fu-cards{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:600px){\r\n .fu-ahaus .fu-kicker,\r\n .fu-ahaus h1,\r\n .fu-ahaus .fu-lead,\r\n .fu-ahaus .fu-status,\r\n .fu-ahaus .fu-jump,\r\n .fu-ahaus .fu-section,\r\n .fu-ahaus .fu-facts{\r\n margin-left:16px;\r\n margin-right:16px;\r\n }\r\n\r\n .fu-ahaus .fu-section,\r\n .fu-ahaus .fu-facts{\r\n padding-left:0;\r\n padding-right:0;\r\n }\r\n\r\n .fu-ahaus .fu-actions{\r\n flex-direction:column;\r\n }\r\n\r\n .fu-ahaus .fu-btn{\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 485 ===== */ @scope (.fu-article-485) { \r\n.fu-betrieb {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-card: #ffffff;\r\n --fu-border: #e5e0d7;\r\n --fu-text: #29322f;\r\n --fu-muted: #68736e;\r\n --fu-accent: #e5f0eb;\r\n --fu-highlight: #f4ecda;\r\n --fu-warning: #f7ead2;\r\n --fu-shadow: 0 8px 24px rgba(0,0,0,.08);\r\n --fu-radius: 16px;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-betrieb * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-betrieb a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-betrieb a:hover {\r\n color: var(--fu-green-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-betrieb .fu-hero {\r\n background: linear-gradient(135deg, #edf5f1 0%, #ffffff 100%);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 34px 28px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-betrieb .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: clamp(2rem, 4vw, 2.8rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-betrieb .fu-hero p {\r\n margin: 0;\r\n font-size: 1.08rem;\r\n line-height: 1.75;\r\n}\r\n\r\n.fu-betrieb .fu-badge-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-betrieb .fu-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 8px 13px;\r\n color: var(--fu-green-dark);\r\n font-size: .93rem;\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-betrieb .fu-jump {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 18px 20px;\r\n margin-bottom: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-betrieb .fu-jump-title {\r\n margin-bottom: 12px;\r\n color: var(--fu-green-dark);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-betrieb .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-betrieb .fu-jump-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 12px;\r\n border-radius: 10px;\r\n background: var(--fu-accent);\r\n font-size: .92rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-betrieb .fu-section {\r\n margin-bottom: 32px;\r\n}\r\n\r\n.fu-betrieb .fu-section h2 {\r\n margin: 0 0 14px;\r\n color: var(--fu-green);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-betrieb .fu-section p {\r\n line-height: 1.75;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-betrieb .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-betrieb .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: var(--fu-radius);\r\n padding: 23px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n}\r\n\r\n.fu-betrieb .fu-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-betrieb .fu-card h3 i {\r\n flex: 0 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n LISTEN\r\n ========================================================= */\r\n\r\n.fu-betrieb .fu-info-list {\r\n margin: 0;\r\n padding-left: 1.2rem;\r\n}\r\n\r\n.fu-betrieb .fu-info-list li {\r\n margin-bottom: 9px;\r\n line-height: 1.6;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHTS\r\n ========================================================= */\r\n\r\n.fu-betrieb .fu-highlight {\r\n background: var(--fu-highlight);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 12px;\r\n padding: 18px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-betrieb .fu-warning {\r\n background: var(--fu-warning);\r\n border-left: 5px solid #9b7024;\r\n border-radius: 12px;\r\n padding: 18px;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-betrieb .fu-note {\r\n background: var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n line-height: 1.7;\r\n}\r\n\r\n/* =========================================================\r\n INFOZEILEN\r\n ========================================================= */\r\n\r\n.fu-betrieb .fu-meta {\r\n display: grid;\r\n gap: 7px;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-betrieb .fu-meta div {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 9px;\r\n}\r\n\r\n.fu-betrieb .fu-meta i {\r\n color: var(--fu-green);\r\n margin-top: 3px;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-betrieb .fu-button-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-betrieb .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n padding: 11px 15px;\r\n border-radius: 11px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-betrieb .fu-button:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n RELATED CARDS\r\n ========================================================= */\r\n\r\n.fu-betrieb .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-betrieb .fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 20px;\r\n box-shadow: var(--fu-shadow);\r\n height: 100%;\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-betrieb .fu-related-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 9px;\r\n color: var(--fu-green);\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-betrieb .fu-related-card p {\r\n margin: 0;\r\n color: var(--fu-text);\r\n font-weight: 400;\r\n line-height: 1.55;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-betrieb .fu-top {\r\n text-align: right;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-betrieb .fu-top a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-size: .92rem;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 800px) {\r\n\r\n .fu-betrieb .fu-grid,\r\n .fu-betrieb .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-betrieb .fu-hero {\r\n padding: 26px 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n .fu-betrieb .fu-card,\r\n .fu-betrieb .fu-related-card {\r\n padding: 18px;\r\n }\r\n\r\n .fu-betrieb .fu-button {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 490 ===== */ @scope (.fu-article-490) { \r\n/* =========================================================\r\n FAST UMSONST – SEND MÜNSTER\r\n Joomla Beitrag\r\n ========================================================= */\r\n\r\n.fu-send {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16382f;\r\n --fu-accent: #d97932;\r\n --fu-accent-dark: #b85e1e;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #25312d;\r\n --fu-muted: #66736e;\r\n --fu-border: #e4e0d8;\r\n --fu-shadow: 0 10px 30px rgba(31, 75, 63, .10);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 16px 50px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-send *,\r\n.fu-send *::before,\r\n.fu-send *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-send a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-send a:hover {\r\n color: var(--fu-accent-dark);\r\n}\r\n\r\n/* Hero */\r\n.fu-send-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 28px;\r\n padding: 42px 30px;\r\n border-radius: 24px;\r\n background:\r\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.18), transparent 30%),\r\n linear-gradient(135deg, var(--fu-brand-dark), var(--fu-brand));\r\n color: #fff;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-send-hero::after {\r\n content: \"★\";\r\n position: absolute;\r\n right: 28px;\r\n bottom: -28px;\r\n font-size: 150px;\r\n line-height: 1;\r\n opacity: .07;\r\n}\r\n\r\n.fu-send-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-send-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3.25rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-send-hero p {\r\n max-width: 760px;\r\n margin: 0;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.12rem;\r\n}\r\n\r\n/* Actions */\r\n.fu-send-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin: -8px 0 30px;\r\n}\r\n\r\n.fu-send-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 52px;\r\n padding: 12px 16px;\r\n border-radius: 14px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n box-shadow: 0 5px 18px rgba(0,0,0,.06);\r\n font-weight: 700;\r\n transition: transform .18s ease, box-shadow .18s ease;\r\n}\r\n\r\n.fu-send-action:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 9px 22px rgba(0,0,0,.10);\r\n}\r\n\r\n/* Intro */\r\n.fu-send-intro {\r\n margin-bottom: 30px;\r\n padding: 25px 26px;\r\n border-radius: 18px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-send-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* Section */\r\n.fu-send-section {\r\n margin: 34px 0;\r\n}\r\n\r\n.fu-send-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 17px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-send-section-title i {\r\n font-size: 1.35rem;\r\n}\r\n\r\n/* Date highlight */\r\n.fu-send-date {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n gap: 18px;\r\n align-items: center;\r\n padding: 24px;\r\n border-radius: 20px;\r\n background: linear-gradient(135deg, #fff7ef, #fff);\r\n border: 1px solid #f0d7c0;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-send-date-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 68px;\r\n height: 68px;\r\n border-radius: 18px;\r\n background: var(--fu-accent);\r\n color: #fff;\r\n font-size: 1.8rem;\r\n}\r\n\r\n.fu-send-date strong {\r\n display: block;\r\n color: var(--fu-brand-dark);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-send-date span {\r\n display: block;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* Cards */\r\n.fu-send-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-send-card {\r\n height: 100%;\r\n padding: 23px;\r\n border-radius: 18px;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n box-shadow: 0 7px 22px rgba(0,0,0,.055);\r\n}\r\n\r\n.fu-send-card-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 46px;\r\n height: 46px;\r\n margin-bottom: 13px;\r\n border-radius: 13px;\r\n background: #edf4f1;\r\n color: var(--fu-brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-send-card h3 {\r\n margin: 0 0 9px;\r\n color: var(--fu-brand-dark);\r\n font-size: 1.15rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-send-card p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* Special information */\r\n.fu-send-special {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-send-special-card {\r\n padding: 24px;\r\n border-radius: 18px;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-send-special-card.orange {\r\n background: var(--fu-accent);\r\n}\r\n\r\n.fu-send-special-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 9px;\r\n color: #fff;\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-send-special-card p {\r\n margin: 0;\r\n color: rgba(255,255,255,.94);\r\n}\r\n\r\n/* Anreise */\r\n.fu-send-arrival {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-send-arrival-card {\r\n padding: 24px;\r\n border-radius: 18px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-send-arrival-card h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 12px;\r\n color: var(--fu-brand);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-send-arrival-card ul {\r\n margin: 0;\r\n padding-left: 1.25rem;\r\n}\r\n\r\n.fu-send-arrival-card li {\r\n margin-bottom: 7px;\r\n}\r\n\r\n/* History */\r\n.fu-send-history {\r\n padding: 25px 26px;\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 0 18px 18px 0;\r\n background: var(--fu-paper);\r\n}\r\n\r\n.fu-send-history p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* Links */\r\n.fu-send-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n}\r\n\r\n.fu-send-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n min-height: 58px;\r\n padding: 14px 17px;\r\n border-radius: 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n box-shadow: 0 5px 16px rgba(0,0,0,.045);\r\n font-weight: 700;\r\n transition: transform .18s ease, box-shadow .18s ease;\r\n}\r\n\r\n.fu-send-link:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 9px 22px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-send-link i {\r\n color: var(--fu-accent);\r\n font-size: 1.2rem;\r\n}\r\n\r\n/* Official link */\r\n.fu-send-official {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 18px;\r\n margin-top: 25px;\r\n padding: 21px 23px;\r\n border-radius: 18px;\r\n background: #edf4f1;\r\n border: 1px solid #d6e5df;\r\n}\r\n\r\n.fu-send-official strong {\r\n display: block;\r\n color: var(--fu-brand-dark);\r\n}\r\n\r\n.fu-send-official span {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n}\r\n\r\n.fu-send-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-height: 48px;\r\n padding: 11px 18px;\r\n border-radius: 13px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n}\r\n\r\n.fu-send-button:hover {\r\n background: var(--fu-brand-dark);\r\n}\r\n\r\n/* Note */\r\n.fu-send-note {\r\n margin-top: 20px;\r\n padding: 17px 19px;\r\n border-radius: 14px;\r\n background: #f7f7f5;\r\n color: var(--fu-muted);\r\n font-size: .94rem;\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 900px) {\r\n .fu-send-grid,\r\n .fu-send-link-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-send-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n .fu-send {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-send-hero {\r\n padding: 32px 22px;\r\n border-radius: 19px;\r\n }\r\n\r\n .fu-send-hero h1 {\r\n font-size: 2.15rem;\r\n }\r\n\r\n .fu-send-date,\r\n .fu-send-special,\r\n .fu-send-arrival,\r\n .fu-send-grid,\r\n .fu-send-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-send-date {\r\n gap: 13px;\r\n }\r\n\r\n .fu-send-date-icon {\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-send-official {\r\n align-items: flex-start;\r\n flex-direction: column;\r\n }\r\n\r\n .fu-send-button {\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 492 ===== */ @scope (.fu-article-492) { \r\n/* =========================================================\r\n GRUNDLAYOUT\r\n ========================================================= */\r\n\r\n.fu-repair-bennohaus {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-green-light: #edf4f0;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736d;\r\n --fu-border: #e4e7e3;\r\n --fu-white: #ffffff;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.10);\r\n --fu-shadow-hover: 0 14px 32px rgba(31,75,63,.16);\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-repair-bennohaus .fu-hero {\r\n background: linear-gradient(135deg, #1f4b3f 0%, #285d4e 100%);\r\n color: #fff;\r\n padding: 46px 34px;\r\n border-radius: 22px;\r\n margin-bottom: 28px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-bennohaus .fu-hero-icon {\r\n display: block;\r\n font-size: 2.8rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n margin: 0 0 14px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-hero p {\r\n color: rgba(255,255,255,.95);\r\n font-size: 1.12rem;\r\n line-height: 1.7;\r\n margin: 0;\r\n max-width: 900px;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-repair-bennohaus .fu-intro {\r\n background: var(--fu-paper);\r\n border-left: 5px solid var(--fu-green);\r\n border-radius: 14px;\r\n padding: 23px 25px;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-intro p {\r\n margin: 0;\r\n line-height: 1.75;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-repair-bennohaus .fu-jumps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-jump {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n border: 1px solid var(--fu-border);\r\n padding: 10px 15px;\r\n border-radius: 999px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n box-shadow: 0 3px 10px rgba(0,0,0,.04);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-jump:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-repair-bennohaus .fu-section {\r\n margin-bottom: 44px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-green);\r\n font-size: 1.7rem;\r\n font-weight: 700;\r\n margin: 0 0 9px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-section-title i {\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-section-intro {\r\n color: var(--fu-muted);\r\n line-height: 1.7;\r\n margin: 0 0 21px;\r\n}\r\n\r\n/* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n.fu-repair-bennohaus .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-info-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-bennohaus .fu-info-card.highlight {\r\n border: 2px solid rgba(31,75,63,.20);\r\n}\r\n\r\n.fu-repair-bennohaus .fu-card-icon {\r\n width: 48px;\r\n height: 48px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--fu-green-light);\r\n color: var(--fu-green);\r\n border-radius: 12px;\r\n font-size: 1.45rem;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-info-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.18rem;\r\n line-height: 1.3;\r\n margin: 0 0 12px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-info-card p {\r\n color: var(--fu-muted);\r\n line-height: 1.65;\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n DETAILLISTE\r\n ========================================================= */\r\n\r\n.fu-repair-bennohaus .fu-details {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 11px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-detail {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n line-height: 1.55;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-detail i {\r\n color: var(--fu-green);\r\n margin-top: 3px;\r\n min-width: 18px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-detail strong {\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-repair-bennohaus .fu-detail a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-detail a:hover {\r\n color: var(--fu-green-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n TERMIN-HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-repair-bennohaus .fu-date {\r\n background: var(--fu-green-light);\r\n border-radius: 14px;\r\n padding: 21px 23px;\r\n margin-top: 18px;\r\n border: 1px solid rgba(31,75,63,.10);\r\n}\r\n\r\n.fu-repair-bennohaus .fu-date strong {\r\n display: block;\r\n color: var(--fu-green);\r\n font-size: 1.12rem;\r\n margin-bottom: 6px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-date span {\r\n color: var(--fu-text);\r\n line-height: 1.6;\r\n font-size: 1.05rem;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-repair-bennohaus .fu-note {\r\n background: #f4f6f4;\r\n border-radius: 14px;\r\n padding: 20px 22px;\r\n margin-top: 20px;\r\n color: var(--fu-muted);\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-note strong {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n SPENDEN-HINWEIS\r\n ========================================================= */\r\n\r\n.fu-repair-bennohaus .fu-donation {\r\n background: linear-gradient(\r\n 135deg,\r\n #f7faf8 0%,\r\n #edf4f0 100%\r\n );\r\n border: 1px solid rgba(31,75,63,.14);\r\n border-radius: 16px;\r\n padding: 23px;\r\n margin-top: 22px;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-donation-icon {\r\n flex: 0 0 48px;\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 12px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.35rem;\r\n box-shadow: 0 3px 10px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-repair-bennohaus .fu-donation strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-donation p {\r\n color: var(--fu-muted);\r\n line-height: 1.65;\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n ROUTE-BUTTONS\r\n ========================================================= */\r\n\r\n.fu-repair-bennohaus .fu-route {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-route-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n background: var(--fu-green);\r\n color: #fff;\r\n border: 1px solid var(--fu-green);\r\n border-radius: 10px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n box-shadow: 0 4px 12px rgba(31,75,63,.12);\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease,\r\n background .2s ease;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-route-btn:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 7px 18px rgba(31,75,63,.18);\r\n}\r\n\r\n.fu-repair-bennohaus .fu-route-btn i {\r\n font-size: 1.05rem;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-route-secondary {\r\n background: #fff;\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-repair-bennohaus .fu-route-secondary:hover {\r\n background: var(--fu-green-light);\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n LINK-KARTEN\r\n ========================================================= */\r\n\r\n.fu-repair-bennohaus .fu-links {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: var(--fu-shadow);\r\n transition:\r\n transform .2s ease,\r\n box-shadow .2s ease,\r\n border-color .2s ease;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-link-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--fu-shadow-hover);\r\n border-color: rgba(31,75,63,.30);\r\n color: var(--fu-text);\r\n}\r\n\r\n.fu-repair-bennohaus .fu-link-card .fu-card-icon {\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-link-card h3 {\r\n color: var(--fu-green);\r\n font-size: 1.12rem;\r\n line-height: 1.35;\r\n margin: 0 0 8px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-link-card p {\r\n color: var(--fu-muted);\r\n line-height: 1.55;\r\n margin: 0 0 15px;\r\n flex-grow: 1;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-link-arrow {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n BACK-LINK\r\n ========================================================= */\r\n\r\n.fu-repair-bennohaus .fu-back {\r\n text-align: center;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-back a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-bennohaus .fu-back a:hover {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 991px) {\r\n\r\n .fu-repair-bennohaus .fu-info-grid,\r\n .fu-repair-bennohaus .fu-links {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-repair-bennohaus .fu-hero {\r\n padding: 32px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-repair-bennohaus .fu-info-grid,\r\n .fu-repair-bennohaus .fu-links {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-repair-bennohaus .fu-jumps {\r\n gap: 8px;\r\n }\r\n\r\n .fu-repair-bennohaus .fu-jump {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .fu-repair-bennohaus .fu-route {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-repair-bennohaus .fu-route-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-repair-bennohaus .fu-donation {\r\n flex-direction: column;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 493 ===== */ @scope (.fu-article-493) { \r\n/* =========================================================\r\n FAST UMSONST – REPAIR CAFÉ WOLBECK\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-repair-wolbeck {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:20px 15px 50px;\r\n color:#26332e;\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-repair-wolbeck * {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HERO\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-wolbeck .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:0 12px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-repair-wolbeck .fu-hero-icon {\r\n width:62px;\r\n height:62px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2rem;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-hero h1 {\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-hero p {\r\n margin:0;\r\n max-width:850px;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n INTRO\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-wolbeck .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:16px;\r\n padding:24px 26px;\r\n margin-bottom:28px;\r\n box-shadow:0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-repair-wolbeck .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SPRUNGNAVIGATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-wolbeck .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 32px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.95rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SECTIONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-wolbeck .fu-section {\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-section h2 {\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n margin:0 0 18px;\r\n font-weight:800;\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n CARDS\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-wolbeck .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.055);\r\n height:100%;\r\n transition:transform .2s ease,box-shadow .2s ease;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-card:hover {\r\n transform:translateY(-3px);\r\n box-shadow:0 12px 26px rgba(0,0,0,.09);\r\n}\r\n\r\n.fu-repair-wolbeck .fu-card-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:#edf3f0;\r\n color:var(--fu-green);\r\n font-size:1.4rem;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-card h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-dark);\r\n font-size:1.18rem;\r\n font-weight:750;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-card p {\r\n margin:0;\r\n color:#46534e;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n TERMIN\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-wolbeck .fu-date {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:26px 28px;\r\n box-shadow:0 9px 24px rgba(31,75,63,.15);\r\n}\r\n\r\n.fu-repair-wolbeck .fu-date-inner {\r\n display:flex;\r\n align-items:center;\r\n gap:18px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-date-icon {\r\n flex:0 0 52px;\r\n width:52px;\r\n height:52px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:14px;\r\n background:rgba(255,255,255,.13);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-date strong {\r\n display:block;\r\n font-size:1.3rem;\r\n color:#fff;\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-date span {\r\n color:rgba(255,255,255,.9);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n ADRESSE / KONTAKT\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-wolbeck .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-contact-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:24px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.055);\r\n}\r\n\r\n.fu-repair-wolbeck .fu-contact-card h3 {\r\n color:var(--fu-green);\r\n margin:0 0 15px;\r\n font-size:1.2rem;\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-contact-line {\r\n display:flex;\r\n gap:11px;\r\n margin:8px 0;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-contact-line i {\r\n color:var(--fu-orange);\r\n width:22px;\r\n flex:0 0 22px;\r\n margin-top:4px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-contact a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n ROUTE BUTTONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-wolbeck .fu-route {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-route a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:11px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-route .fu-google {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-route .fu-osm {\r\n background:#edf3f0;\r\n color:var(--fu-green);\r\n border:1px solid #d9e3de;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-route a:hover {\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n INFOBOX\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-wolbeck .fu-info {\r\n background:#fff8ed;\r\n border:1px solid #f2d7ae;\r\n border-radius:16px;\r\n padding:23px 25px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-info h3 {\r\n margin:0 0 10px;\r\n color:#8a4d08;\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-info ul {\r\n margin:10px 0 0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-info li {\r\n margin:6px 0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n PASSENDE INFORMATIONEN\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-wolbeck .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n padding:17px 18px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n box-shadow:0 5px 15px rgba(0,0,0,.045);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-related a:hover {\r\n transform:translateY(-2px);\r\n border-color:#cbd8d2;\r\n box-shadow:0 9px 20px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-repair-wolbeck .fu-related i {\r\n font-size:1.3rem;\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BACK LINK\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-wolbeck .fu-back {\r\n margin-top:34px;\r\n text-align:center;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 18px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-repair-wolbeck .fu-back a:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RESPONSIVE\r\n --------------------------------------------------------- */\r\n\r\n@media (max-width:900px) {\r\n .fu-repair-wolbeck .fu-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-repair-wolbeck .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n .fu-repair-wolbeck {\r\n padding:12px 8px 35px;\r\n font-size:1rem;\r\n }\r\n\r\n .fu-repair-wolbeck .fu-hero {\r\n padding:30px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-repair-wolbeck .fu-grid,\r\n .fu-repair-wolbeck .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-repair-wolbeck .fu-date-inner {\r\n align-items:flex-start;\r\n }\r\n\r\n .fu-repair-wolbeck .fu-route a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 494 ===== */ @scope (.fu-article-494) { \r\n/* =========================================================\r\n FAST UMSONST – REPAIR CAFÉ IN DER STADTBÜCHEREI\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-repair-stadtbuecherei {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:20px 15px 50px;\r\n color:#26332e;\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-repair-stadtbuecherei * {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HERO\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-stadtbuecherei .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:0 12px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-hero-icon {\r\n width:62px;\r\n height:62px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2rem;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-hero h1 {\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-hero p {\r\n margin:0;\r\n max-width:850px;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n INTRO\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-stadtbuecherei .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:16px;\r\n padding:24px 26px;\r\n margin-bottom:28px;\r\n box-shadow:0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SPRUNGNAVIGATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-stadtbuecherei .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 32px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.95rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SECTIONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-stadtbuecherei .fu-section {\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-section h2 {\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n margin:0 0 18px;\r\n font-weight:800;\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n CARDS\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-stadtbuecherei .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.055);\r\n height:100%;\r\n transition:transform .2s ease,box-shadow .2s ease;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-card:hover {\r\n transform:translateY(-3px);\r\n box-shadow:0 12px 26px rgba(0,0,0,.09);\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-card-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:#edf3f0;\r\n color:var(--fu-green);\r\n font-size:1.4rem;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-card h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-dark);\r\n font-size:1.18rem;\r\n font-weight:750;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-card p {\r\n margin:0;\r\n color:#46534e;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n TERMIN\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-stadtbuecherei .fu-date {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:26px 28px;\r\n box-shadow:0 9px 24px rgba(31,75,63,.15);\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-date-inner {\r\n display:flex;\r\n align-items:center;\r\n gap:18px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-date-icon {\r\n flex:0 0 52px;\r\n width:52px;\r\n height:52px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:14px;\r\n background:rgba(255,255,255,.13);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-date strong {\r\n display:block;\r\n font-size:1.3rem;\r\n color:#fff;\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-date span {\r\n color:rgba(255,255,255,.9);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n ADRESSE / KONTAKT\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-stadtbuecherei .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-contact-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:24px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.055);\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-contact-card h3 {\r\n color:var(--fu-green);\r\n margin:0 0 15px;\r\n font-size:1.2rem;\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-contact-line {\r\n display:flex;\r\n gap:11px;\r\n margin:8px 0;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-contact-line i {\r\n color:var(--fu-orange);\r\n width:22px;\r\n flex:0 0 22px;\r\n margin-top:4px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-contact a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n ROUTE BUTTONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-stadtbuecherei .fu-route {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-route a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:11px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-route .fu-google {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-route .fu-osm {\r\n background:#edf3f0;\r\n color:var(--fu-green);\r\n border:1px solid #d9e3de;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-route a:hover {\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n INFOBOX\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-stadtbuecherei .fu-info {\r\n background:#fff8ed;\r\n border:1px solid #f2d7ae;\r\n border-radius:16px;\r\n padding:23px 25px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-info h3 {\r\n margin:0 0 10px;\r\n color:#8a4d08;\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-info ul {\r\n margin:10px 0 0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-info li {\r\n margin:6px 0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n PASSENDE INFORMATIONEN\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-stadtbuecherei .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n padding:17px 18px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n box-shadow:0 5px 15px rgba(0,0,0,.045);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-related a:hover {\r\n transform:translateY(-2px);\r\n border-color:#cbd8d2;\r\n box-shadow:0 9px 20px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-related i {\r\n font-size:1.3rem;\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BACK LINK\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-stadtbuecherei .fu-back {\r\n margin-top:34px;\r\n text-align:center;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 18px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-repair-stadtbuecherei .fu-back a:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RESPONSIVE\r\n --------------------------------------------------------- */\r\n\r\n@media (max-width:900px) {\r\n .fu-repair-stadtbuecherei .fu-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-repair-stadtbuecherei .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n .fu-repair-stadtbuecherei {\r\n padding:12px 8px 35px;\r\n font-size:1rem;\r\n }\r\n\r\n .fu-repair-stadtbuecherei .fu-hero {\r\n padding:30px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-repair-stadtbuecherei .fu-grid,\r\n .fu-repair-stadtbuecherei .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-repair-stadtbuecherei .fu-date-inner {\r\n align-items:flex-start;\r\n }\r\n\r\n .fu-repair-stadtbuecherei .fu-route a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 495 ===== */ @scope (.fu-article-495) { \r\n/* =========================================================\r\n FAST UMSONST – REPAIR CAFÉ ST. ANNA\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-repair-st-anna {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:20px 15px 50px;\r\n color:#26332e;\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-repair-st-anna * {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HERO\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-st-anna .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:0 12px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-repair-st-anna .fu-hero-icon {\r\n width:62px;\r\n height:62px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2rem;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-hero h1 {\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-repair-st-anna .fu-hero p {\r\n margin:0;\r\n max-width:850px;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n INTRO\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-st-anna .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:16px;\r\n padding:24px 26px;\r\n margin-bottom:28px;\r\n box-shadow:0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-repair-st-anna .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SPRUNGNAVIGATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-st-anna .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 32px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.95rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-repair-st-anna .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SECTIONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-st-anna .fu-section {\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-section h2 {\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n margin:0 0 18px;\r\n font-weight:800;\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n CARDS\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-st-anna .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.055);\r\n height:100%;\r\n transition:transform .2s ease,box-shadow .2s ease;\r\n}\r\n\r\n.fu-repair-st-anna .fu-card:hover {\r\n transform:translateY(-3px);\r\n box-shadow:0 12px 26px rgba(0,0,0,.09);\r\n}\r\n\r\n.fu-repair-st-anna .fu-card-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:#edf3f0;\r\n color:var(--fu-green);\r\n font-size:1.4rem;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-card h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-dark);\r\n font-size:1.18rem;\r\n font-weight:750;\r\n}\r\n\r\n.fu-repair-st-anna .fu-card p {\r\n margin:0;\r\n color:#46534e;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n TERMIN\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-st-anna .fu-date {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:26px 28px;\r\n box-shadow:0 9px 24px rgba(31,75,63,.15);\r\n}\r\n\r\n.fu-repair-st-anna .fu-date-inner {\r\n display:flex;\r\n align-items:center;\r\n gap:18px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-date-icon {\r\n flex:0 0 52px;\r\n width:52px;\r\n height:52px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:14px;\r\n background:rgba(255,255,255,.13);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-repair-st-anna .fu-date strong {\r\n display:block;\r\n font-size:1.3rem;\r\n color:#fff;\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-date span {\r\n color:rgba(255,255,255,.9);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n ADRESSE / KONTAKT\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-st-anna .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-contact-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:24px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.055);\r\n}\r\n\r\n.fu-repair-st-anna .fu-contact-card h3 {\r\n color:var(--fu-green);\r\n margin:0 0 15px;\r\n font-size:1.2rem;\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-contact-line {\r\n display:flex;\r\n gap:11px;\r\n margin:8px 0;\r\n}\r\n\r\n.fu-repair-st-anna .fu-contact-line i {\r\n color:var(--fu-orange);\r\n width:22px;\r\n flex:0 0 22px;\r\n margin-top:4px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-repair-st-anna .fu-contact a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n ROUTE BUTTONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-st-anna .fu-route {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-route a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:11px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-repair-st-anna .fu-route .fu-google {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-repair-st-anna .fu-route .fu-osm {\r\n background:#edf3f0;\r\n color:var(--fu-green);\r\n border:1px solid #d9e3de;\r\n}\r\n\r\n.fu-repair-st-anna .fu-route a:hover {\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n INFOBOX\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-st-anna .fu-info {\r\n background:#fff8ed;\r\n border:1px solid #f2d7ae;\r\n border-radius:16px;\r\n padding:23px 25px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-info h3 {\r\n margin:0 0 10px;\r\n color:#8a4d08;\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-info ul {\r\n margin:10px 0 0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-info li {\r\n margin:6px 0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n PASSENDE INFORMATIONEN\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-st-anna .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-repair-st-anna .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n padding:17px 18px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n box-shadow:0 5px 15px rgba(0,0,0,.045);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-repair-st-anna .fu-related a:hover {\r\n transform:translateY(-2px);\r\n border-color:#cbd8d2;\r\n box-shadow:0 9px 20px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-repair-st-anna .fu-related i {\r\n font-size:1.3rem;\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BACK LINK\r\n --------------------------------------------------------- */\r\n\r\n.fu-repair-st-anna .fu-back {\r\n margin-top:34px;\r\n text-align:center;\r\n}\r\n\r\n.fu-repair-st-anna .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 18px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-repair-st-anna .fu-back a:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RESPONSIVE\r\n --------------------------------------------------------- */\r\n\r\n@media (max-width:900px) {\r\n .fu-repair-st-anna .fu-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-repair-st-anna .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n .fu-repair-st-anna {\r\n padding:12px 8px 35px;\r\n font-size:1rem;\r\n }\r\n\r\n .fu-repair-st-anna .fu-hero {\r\n padding:30px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-repair-st-anna .fu-grid,\r\n .fu-repair-st-anna .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-repair-st-anna .fu-date-inner {\r\n align-items:flex-start;\r\n }\r\n\r\n .fu-repair-st-anna .fu-route a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 498 ===== */ @scope (.fu-article-498) { \r\n/* =========================================================\r\n FAST UMSONST – SPORT IM PARK MÜNSTER\r\n Einheitliches Sport-/Freizeit-Layout ohne Bild\r\n ========================================================= */\r\n\r\n.fu-sport-im-park {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-sport-im-park * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-sport-im-park a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-sport-im-park a:hover {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-sport-im-park .fu-intro {\r\n position:relative;\r\n overflow:hidden;\r\n margin:0 0 28px;\r\n padding:42px 38px;\r\n border-radius:22px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sport-im-park .fu-intro:after {\r\n content:\"\";\r\n position:absolute;\r\n right:-80px;\r\n top:-100px;\r\n width:260px;\r\n height:260px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-sport-im-park .fu-kicker {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 10px;\r\n font-size:.9rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.86;\r\n}\r\n\r\n.fu-sport-im-park h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3.2rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-sport-im-park .fu-lead {\r\n position:relative;\r\n z-index:1;\r\n max-width:900px;\r\n margin:0;\r\n color:rgba(255,255,255,.93);\r\n font-size:1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICK NAV\r\n ========================================================= */\r\n\r\n.fu-sport-im-park .fu-quicknav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-sport-im-park .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:10px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-white);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:.94rem;\r\n box-shadow:0 4px 14px rgba(31,75,63,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-sport-im-park .fu-quicknav a:hover {\r\n transform:translateY(-1px);\r\n background:#f2f6f3;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-sport-im-park .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-sport-im-park .fu-fact {\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sport-im-park .fu-fact-icon {\r\n width:42px;\r\n height:42px;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:12px;\r\n border-radius:12px;\r\n background:#edf4f0;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-sport-im-park .fu-fact strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n}\r\n\r\n.fu-sport-im-park .fu-fact span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-sport-im-park .fu-section {\r\n margin:0 0 28px;\r\n padding:30px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-sport-im-park .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-sport-im-park .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-sport-im-park .fu-section h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-sport-im-park .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n STATUS BOX\r\n ========================================================= */\r\n\r\n.fu-sport-im-park .fu-status {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:15px;\r\n margin:20px 0 0;\r\n padding:20px 22px;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n background:#fff8ee;\r\n}\r\n\r\n.fu-sport-im-park .fu-status-icon {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.4rem;\r\n line-height:1;\r\n}\r\n\r\n.fu-sport-im-park .fu-status strong {\r\n display:block;\r\n margin-bottom:4px;\r\n color:#8a5106;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHTS\r\n ========================================================= */\r\n\r\n.fu-sport-im-park .fu-highlight-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-sport-im-park .fu-highlight {\r\n min-height:150px;\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-sport-im-park .fu-highlight i {\r\n display:inline-flex;\r\n margin-bottom:12px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-sport-im-park .fu-highlight strong {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-sport-im-park .fu-highlight span {\r\n color:var(--fu-muted);\r\n font-size:.93rem;\r\n}\r\n\r\n/* =========================================================\r\n APP / ACCESS CARDS\r\n ========================================================= */\r\n\r\n.fu-sport-im-park .fu-access-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-sport-im-park .fu-access {\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-sport-im-park .fu-access:hover {\r\n transform:translateY(-2px);\r\n background:#f2f6f3;\r\n}\r\n\r\n.fu-sport-im-park .fu-access-icon {\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:13px;\r\n border-radius:12px;\r\n background:#eaf2ee;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-sport-im-park .fu-access strong {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-sport-im-park .fu-access span {\r\n display:block;\r\n margin-bottom:15px;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-sport-im-park .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n margin-top:auto;\r\n padding:11px 14px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-sport-im-park .fu-button:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n}\r\n\r\n/* =========================================================\r\n LOCATIONS\r\n ========================================================= */\r\n\r\n.fu-sport-im-park .fu-location-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-sport-im-park .fu-location {\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-sport-im-park .fu-location-top {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-sport-im-park .fu-location-icon {\r\n flex:0 0 42px;\r\n width:42px;\r\n height:42px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#eaf2ee;\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-sport-im-park .fu-location h3 {\r\n margin:0;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-sport-im-park .fu-address {\r\n margin:0 0 12px;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-sport-im-park .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-sport-im-park .fu-related {\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n min-height:145px;\r\n padding:21px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-sport-im-park .fu-related:hover {\r\n transform:translateY(-2px);\r\n background:#f2f6f3;\r\n}\r\n\r\n.fu-sport-im-park .fu-related i {\r\n margin-bottom:12px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-sport-im-park .fu-related strong {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-sport-im-park .fu-related span {\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* =========================================================\r\n NOTE\r\n ========================================================= */\r\n\r\n.fu-sport-im-park .fu-note {\r\n margin-top:18px;\r\n padding:18px 20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n background:#f6f8f7;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n.fu-sport-im-park .fu-note strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n .fu-sport-im-park .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-sport-im-park .fu-highlight-grid,\r\n .fu-sport-im-park .fu-access-grid,\r\n .fu-sport-im-park .fu-related-grid {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n}\r\n\r\n@media (max-width:640px) {\r\n .fu-sport-im-park .fu-intro {\r\n padding:30px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-sport-im-park .fu-section {\r\n padding:22px;\r\n border-radius:17px;\r\n }\r\n\r\n .fu-sport-im-park .fu-facts,\r\n .fu-sport-im-park .fu-highlight-grid,\r\n .fu-sport-im-park .fu-access-grid,\r\n .fu-sport-im-park .fu-location-grid,\r\n .fu-sport-im-park .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-sport-im-park .fu-quicknav a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 499 ===== */ @scope (.fu-article-499) { \r\n .fu-mum50 {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n .fu-mum50 .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-mum50 .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-mum50 .fu-hero p {\r\n margin: 0;\r\n font-size: 1.06rem;\r\n max-width: 900px;\r\n }\r\n\r\n /* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n .fu-mum50 .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-mum50 .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-mum50 .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-mum50 .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-mum50 .fu-nav-links a:hover {\r\n color: #fff;\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n SECTIONS / KARTEN\r\n ========================================================= */\r\n\r\n .fu-mum50 .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-mum50 .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-mum50 .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-mum50 .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-mum50 .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n .fu-mum50 .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n .fu-mum50 .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-mum50 .fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px;\r\n }\r\n\r\n .fu-mum50 .fu-info-box strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n margin-bottom: 5px;\r\n }\r\n\r\n /* =========================================================\r\n CHECKLIST\r\n ========================================================= */\r\n\r\n .fu-mum50 .fu-checklist {\r\n display: grid;\r\n gap: 10px;\r\n margin-top: 14px;\r\n }\r\n\r\n .fu-mum50 .fu-check {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 11px;\r\n padding: 12px 14px;\r\n }\r\n\r\n .fu-mum50 .fu-check i {\r\n color: var(--fu-brand);\r\n margin-top: 4px;\r\n }\r\n\r\n /* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n .fu-mum50 .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-mum50 .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-mum50 .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-mum50 .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-mum50 .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-mum50 .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n .fu-mum50 .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-mum50 .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-mum50 .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-mum50 .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-mum50 .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-mum50 .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-mum50 .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-mum50 .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n .fu-mum50 .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =========================================================\r\n BACK TO TOP\r\n ========================================================= */\r\n\r\n .fu-mum50 .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-mum50 .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-mum50 .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-mum50 .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-mum50 .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-mum50 .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-mum50 .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 503 ===== */ @scope (.fu-article-503) { \r\n/* =========================================================\r\n FAST UMSONST – AMT FÜR WOHNUNGSWESEN\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-wohnungsamt {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-shadow:0 10px 28px rgba(23,56,47,.10);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:#24322d;\r\n line-height:1.65;\r\n}\r\n\r\n/* ---------- HERO ---------- */\r\n\r\n.fu-wohnungsamt .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n padding:42px 34px;\r\n border-radius:22px;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.14);\r\n font-size:28px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.12;\r\n margin:0 0 14px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-wohnungsamt .fu-hero p {\r\n color:rgba(255,255,255,.92);\r\n font-size:1.12rem;\r\n max-width:850px;\r\n margin:0;\r\n}\r\n\r\n/* ---------- INTRO ---------- */\r\n\r\n.fu-wohnungsamt .fu-intro {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-left:6px solid var(--fu-orange);\r\n border-radius:18px;\r\n padding:25px 28px;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:28px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-intro p {\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------- SPRUNGNAVIGATION ---------- */\r\n\r\n.fu-wohnungsamt .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 32px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:9px 15px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wohnungsamt .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------- SECTIONS ---------- */\r\n\r\n.fu-wohnungsamt .fu-section {\r\n margin-bottom:34px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-section h2 {\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-wohnungsamt .fu-section h2 i {\r\n margin-right:9px;\r\n}\r\n\r\n/* ---------- CARDS ---------- */\r\n\r\n.fu-wohnungsamt .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:23px;\r\n box-shadow:var(--fu-shadow);\r\n height:100%;\r\n}\r\n\r\n.fu-wohnungsamt .fu-card-icon {\r\n width:44px;\r\n height:44px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#edf4f1;\r\n color:var(--fu-green);\r\n font-size:21px;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-card h3 {\r\n color:var(--fu-dark);\r\n font-size:1.18rem;\r\n margin:0 0 9px;\r\n font-weight:800;\r\n}\r\n\r\n.fu-wohnungsamt .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------- HINWEISBOX ---------- */\r\n\r\n.fu-wohnungsamt .fu-note {\r\n background:#fff8ed;\r\n border:1px solid #f2d5a9;\r\n border-radius:16px;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-wohnungsamt .fu-note strong {\r\n color:#8a5000;\r\n}\r\n\r\n/* ---------- KONTAKT ---------- */\r\n\r\n.fu-wohnungsamt .fu-contact {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n padding:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-wohnungsamt .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:22px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-contact-item {\r\n display:flex;\r\n gap:13px;\r\n align-items:flex-start;\r\n}\r\n\r\n.fu-wohnungsamt .fu-contact-item > i {\r\n color:var(--fu-green);\r\n font-size:22px;\r\n margin-top:3px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-wohnungsamt .fu-contact-item strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-wohnungsamt .fu-contact a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------- BUTTONS ---------- */\r\n\r\n.fu-wohnungsamt .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:12px;\r\n text-decoration:none;\r\n font-weight:800;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wohnungsamt .fu-btn-primary {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-wohnungsamt .fu-btn-primary:hover {\r\n background:var(--fu-dark);\r\n color:#fff;\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-wohnungsamt .fu-btn-light {\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-wohnungsamt .fu-btn-light:hover {\r\n background:#edf4f1;\r\n color:var(--fu-green);\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------- RELATED ---------- */\r\n\r\n.fu-wohnungsamt .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-wohnungsamt .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:17px 18px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:800;\r\n box-shadow:0 7px 20px rgba(23,56,47,.07);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-wohnungsamt .fu-related a i {\r\n font-size:21px;\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-wohnungsamt .fu-related a:hover {\r\n transform:translateY(-3px);\r\n background:#f5f8f6;\r\n}\r\n\r\n/* ---------- FOOTNOTE ---------- */\r\n\r\n.fu-wohnungsamt .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n margin-top:18px;\r\n}\r\n\r\n/* ---------- RESPONSIVE ---------- */\r\n\r\n@media (max-width:800px) {\r\n .fu-wohnungsamt .fu-grid,\r\n .fu-wohnungsamt .fu-contact-grid,\r\n .fu-wohnungsamt .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-wohnungsamt .fu-hero {\r\n padding:32px 24px;\r\n }\r\n}\r\n\r\n@media (max-width:520px) {\r\n .fu-wohnungsamt .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-wohnungsamt .fu-hero p {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-wohnungsamt .fu-intro,\r\n .fu-wohnungsamt .fu-card,\r\n .fu-wohnungsamt .fu-contact {\r\n padding:20px;\r\n }\r\n\r\n .fu-wohnungsamt .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-wohnungsamt .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 504 ===== */ @scope (.fu-article-504) { \r\n/* =========================================================\r\n FAST UMSONST – JOBCENTER MÜNSTER\r\n Modernes Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-jobcenter {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-shadow:0 10px 28px rgba(23,56,47,.10);\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:20px 18px 60px;\r\n color:#26332e;\r\n line-height:1.65;\r\n}\r\n\r\n/* ---------- HERO ---------- */\r\n\r\n.fu-jobcenter .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-jobcenter .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:240px;\r\n height:240px;\r\n border-radius:50%;\r\n right:-80px;\r\n top:-100px;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-jobcenter .fu-hero-icon {\r\n width:64px;\r\n height:64px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2rem;\r\n margin-bottom:20px;\r\n}\r\n\r\n.fu-jobcenter .fu-hero h1 {\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-jobcenter .fu-hero p {\r\n margin:0;\r\n max-width:820px;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* ---------- INTRO ---------- */\r\n\r\n.fu-jobcenter .fu-intro {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-left:6px solid var(--fu-orange);\r\n border-radius:18px;\r\n padding:25px 28px;\r\n margin-bottom:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-jobcenter .fu-intro p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------- JUMP NAV ---------- */\r\n\r\n.fu-jobcenter .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-jobcenter .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:9px 15px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n text-decoration:none;\r\n font-weight:700;\r\n font-size:.94rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jobcenter .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------- SECTION ---------- */\r\n\r\n.fu-jobcenter .fu-section {\r\n margin:0 0 38px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-jobcenter .fu-section-title {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin:0 0 18px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-jobcenter .fu-section-title i {\r\n width:42px;\r\n height:42px;\r\n flex:0 0 42px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:12px;\r\n background:#edf3ef;\r\n color:var(--fu-green);\r\n font-size:1.25rem;\r\n}\r\n\r\n/* ---------- CARDS ---------- */\r\n\r\n.fu-jobcenter .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:20px;\r\n}\r\n\r\n.fu-jobcenter .fu-card {\r\n height:100%;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n box-shadow:0 7px 22px rgba(23,56,47,.07);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jobcenter .fu-card:hover {\r\n transform:translateY(-3px);\r\n box-shadow:0 12px 30px rgba(23,56,47,.12);\r\n}\r\n\r\n.fu-jobcenter .fu-card h3 {\r\n margin:0 0 10px;\r\n color:var(--fu-green);\r\n font-size:1.18rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-jobcenter .fu-card h3 i {\r\n margin-right:7px;\r\n}\r\n\r\n.fu-jobcenter .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-jobcenter .fu-card ul {\r\n margin:10px 0 0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-jobcenter .fu-card li {\r\n margin-bottom:5px;\r\n}\r\n\r\n/* ---------- INFO BOX ---------- */\r\n\r\n.fu-jobcenter .fu-info {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px 28px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-jobcenter .fu-info strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* ---------- NOTICE ---------- */\r\n\r\n.fu-jobcenter .fu-notice {\r\n display:flex;\r\n gap:15px;\r\n align-items:flex-start;\r\n background:#fff7ed;\r\n border:1px solid #fed7aa;\r\n border-radius:17px;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-jobcenter .fu-notice i {\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-jobcenter .fu-notice p {\r\n margin:0;\r\n}\r\n\r\n/* ---------- CONTACT ---------- */\r\n\r\n.fu-jobcenter .fu-contact {\r\n display:grid;\r\n grid-template-columns:1.2fr .8fr;\r\n gap:22px;\r\n}\r\n\r\n.fu-jobcenter .fu-contact-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n padding:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-jobcenter .fu-contact-card h3 {\r\n color:var(--fu-green);\r\n margin-top:0;\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-jobcenter .fu-contact-line {\r\n display:flex;\r\n gap:12px;\r\n margin:13px 0;\r\n}\r\n\r\n.fu-jobcenter .fu-contact-line i {\r\n color:var(--fu-green);\r\n width:22px;\r\n flex:0 0 22px;\r\n margin-top:4px;\r\n}\r\n\r\n.fu-jobcenter .fu-contact-line a {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-jobcenter .fu-contact-line a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------- BUTTONS ---------- */\r\n\r\n.fu-jobcenter .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-jobcenter .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 16px;\r\n border-radius:11px;\r\n text-decoration:none;\r\n font-weight:750;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jobcenter .fu-btn-green {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-jobcenter .fu-btn-green:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-jobcenter .fu-btn-light {\r\n background:#edf3ef;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-jobcenter .fu-btn-light:hover {\r\n background:#dfeae4;\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-jobcenter .fu-btn-orange {\r\n background:var(--fu-orange);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-jobcenter .fu-btn-orange:hover {\r\n background:#b45309;\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------- RELATED ---------- */\r\n\r\n.fu-jobcenter .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-jobcenter .fu-related a {\r\n display:block;\r\n height:100%;\r\n padding:21px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:750;\r\n box-shadow:0 6px 18px rgba(23,56,47,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-jobcenter .fu-related a:hover {\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 25px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-jobcenter .fu-related i {\r\n margin-right:8px;\r\n}\r\n\r\n/* ---------- FOOTNOTE ---------- */\r\n\r\n.fu-jobcenter .fu-note {\r\n margin-top:28px;\r\n color:var(--fu-muted);\r\n font-size:.92rem;\r\n}\r\n\r\n/* ---------- RESPONSIVE ---------- */\r\n\r\n@media (max-width:900px) {\r\n .fu-jobcenter .fu-grid,\r\n .fu-jobcenter .fu-related {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-jobcenter .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:640px) {\r\n .fu-jobcenter {\r\n padding:12px 10px 45px;\r\n }\r\n\r\n .fu-jobcenter .fu-hero {\r\n padding:30px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-jobcenter .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-jobcenter .fu-intro,\r\n .fu-jobcenter .fu-info,\r\n .fu-jobcenter .fu-contact-card {\r\n padding:21px;\r\n }\r\n\r\n .fu-jobcenter .fu-grid,\r\n .fu-jobcenter .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-jobcenter .fu-jump a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-jobcenter .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-jobcenter .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 505 ===== */ @scope (.fu-article-505) { \r\n/* =========================================================\r\n FAST UMSONST – CHANCE E.V. SCHULDNERBERATUNG\r\n Spezialberatung für straffällig gewordene Menschen\r\n ========================================================= */\r\n\r\n.fu-chance {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e7e2d9;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-chance .fu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 100%);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 34px 30px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 12px 32px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-chance .fu-hero h1 {\r\n color: #fff;\r\n margin: 0 0 12px;\r\n font-size: clamp(1.8rem, 4vw, 2.7rem);\r\n line-height: 1.15;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-chance .fu-hero h1 i {\r\n color: #f3b35b;\r\n margin-right: 10px;\r\n}\r\n\r\n.fu-chance .fu-lead {\r\n max-width: 900px;\r\n margin: 0 0 22px;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-chance .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-chance .fu-fact {\r\n background: rgba(255,255,255,.10);\r\n border: 1px solid rgba(255,255,255,.15);\r\n border-radius: 14px;\r\n padding: 15px 16px;\r\n}\r\n\r\n.fu-chance .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: 1rem;\r\n}\r\n\r\n.fu-chance .fu-fact span {\r\n display: block;\r\n color: rgba(255,255,255,.78);\r\n font-size: .88rem;\r\n margin-top: 2px;\r\n}\r\n\r\n.fu-chance .fu-address {\r\n margin: 18px 0 20px;\r\n color: rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-chance .fu-address i {\r\n color: #f3b35b;\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-chance .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-chance .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n text-decoration: none !important;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-chance .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-chance .fu-btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 7px 18px rgba(0,0,0,.15);\r\n}\r\n\r\n.fu-chance .fu-btn-outline {\r\n color: #fff !important;\r\n border: 1px solid rgba(255,255,255,.45);\r\n background: rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-chance .fu-btn-outline:hover {\r\n background: rgba(255,255,255,.14);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-chance .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px 20px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-chance .fu-jump-title {\r\n display: block;\r\n margin-bottom: 10px;\r\n color: var(--fu-dark);\r\n font-weight: 800;\r\n}\r\n\r\n.fu-chance .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-chance .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: #fff;\r\n color: var(--fu-green);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n padding: 7px 12px;\r\n text-decoration: none !important;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-chance .fu-jump a:hover {\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-chance .fu-section {\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-chance .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.55rem;\r\n margin: 0 0 17px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-chance .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-chance .fu-section-intro {\r\n margin: -5px 0 18px;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-chance .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-chance .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n box-shadow: 0 6px 20px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-chance .fu-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.08rem;\r\n margin: 0 0 9px;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-chance .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-chance .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-chance .fu-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 21px;\r\n}\r\n\r\n.fu-chance .fu-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n/* =========================================================\r\n ZIELGRUPPE – HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-chance .fu-target {\r\n background: #f5f0e7;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 19px 21px;\r\n margin: 18px 0;\r\n}\r\n\r\n.fu-chance .fu-target strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* =========================================================\r\n SPEZIALHINWEIS\r\n ========================================================= */\r\n\r\n.fu-chance .fu-special {\r\n background: var(--fu-green);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 25px;\r\n box-shadow: 0 8px 24px rgba(23,56,47,.14);\r\n}\r\n\r\n.fu-chance .fu-special h3 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-chance .fu-special p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-chance .fu-special i {\r\n color: #f3b35b;\r\n}\r\n\r\n/* =========================================================\r\n NICHT ANGEBOTEN\r\n ========================================================= */\r\n\r\n.fu-chance .fu-not {\r\n background: #fff7ed;\r\n border: 1px solid #fed7aa;\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-chance .fu-not h3 {\r\n color: #9a4d00;\r\n margin-top: 0;\r\n}\r\n\r\n.fu-chance .fu-not ul {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-chance .fu-contact {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n}\r\n\r\n.fu-chance .fu-contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 22px;\r\n}\r\n\r\n.fu-chance .fu-contact-item {\r\n display: flex;\r\n gap: 13px;\r\n align-items: flex-start;\r\n}\r\n\r\n.fu-chance .fu-contact-icon {\r\n width: 42px;\r\n height: 42px;\r\n min-width: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 11px;\r\n background: #e9f0ed;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-chance .fu-contact-item strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 2px;\r\n}\r\n\r\n.fu-chance .fu-contact-item a {\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-chance .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n}\r\n\r\n.fu-chance .fu-related-card {\r\n display: block;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 18px;\r\n color: var(--fu-dark) !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 5px 17px rgba(23,56,47,.06);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-chance .fu-related-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 24px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-chance .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.fu-chance .fu-related-card strong {\r\n display: block;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.fu-chance .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-chance .fu-hero {\r\n padding: 25px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-chance .fu-facts,\r\n .fu-chance .fu-grid,\r\n .fu-chance .fu-contact-grid,\r\n .fu-chance .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-chance .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-chance .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-chance .fu-jump-links {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-chance .fu-jump a {\r\n width: 100%;\r\n border-radius: 10px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 514 ===== */ @scope (.fu-article-514) { \r\n/* =========================================================\r\n FAST UMSONST – WILSBERG\'S PROMI-KELLNERN\r\n Scoped CSS – nur für diesen Beitrag\r\n ========================================================= */\r\n\r\n.fu-promikellnern {\r\n --brand: #1f4b3f;\r\n --brand-dark: #16382f;\r\n --accent: #d88932;\r\n --paper: #faf8f4;\r\n --text: #26332f;\r\n --muted: #687570;\r\n --border: #e3e8e5;\r\n --white: #fff;\r\n --shadow: 0 12px 30px rgba(25,45,38,.10);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 16px 50px;\r\n color: var(--text);\r\n font-family: inherit;\r\n}\r\n\r\n.fu-promikellnern *,\r\n.fu-promikellnern *::before,\r\n.fu-promikellnern *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-promikellnern a {\r\n color: inherit;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-promikellnern-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 24px;\r\n padding: 36px 28px;\r\n border-radius: 24px;\r\n background:\r\n linear-gradient(135deg, rgba(31,75,63,.98), rgba(22,56,47,.94));\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-promikellnern-hero::after {\r\n content: \"\\f4c4\";\r\n position: absolute;\r\n right: 22px;\r\n bottom: -24px;\r\n font-family: \"bootstrap-icons\";\r\n font-size: 10rem;\r\n line-height: 1;\r\n opacity: .07;\r\n}\r\n\r\n.fu-promikellnern-kicker {\r\n position: relative;\r\n z-index: 1;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.14);\r\n font-size: .88rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-promikellnern-hero h1 {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3.15rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-promikellnern-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 820px;\r\n margin: 0;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.08rem;\r\n line-height: 1.68;\r\n}\r\n\r\n/* =========================================================\r\n ACTIONS\r\n ========================================================= */\r\n\r\n.fu-promikellnern-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-promikellnern-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 58px;\r\n padding: 13px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 15px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.07);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-promikellnern-action:hover,\r\n.fu-promikellnern-action:focus {\r\n transform: translateY(-2px);\r\n background: var(--paper);\r\n box-shadow: 0 12px 26px rgba(25,45,38,.12);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-promikellnern-action i {\r\n font-size: 1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-promikellnern-section {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-promikellnern-section h2 {\r\n margin: 0 0 14px;\r\n color: var(--brand-dark);\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n line-height: 1.2;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-promikellnern-intro {\r\n margin: 0 0 18px;\r\n color: var(--muted);\r\n line-height: 1.72;\r\n}\r\n\r\n/* =========================================================\r\n FACTS\r\n ========================================================= */\r\n\r\n.fu-promikellnern-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-promikellnern-fact {\r\n padding: 18px;\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.06);\r\n}\r\n\r\n.fu-promikellnern-fact i {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: var(--brand);\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-promikellnern-fact strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n color: var(--brand-dark);\r\n}\r\n\r\n.fu-promikellnern-fact span {\r\n color: var(--muted);\r\n font-size: .93rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-promikellnern-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-promikellnern-card {\r\n height: 100%;\r\n padding: 22px;\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n background: var(--white);\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-promikellnern-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n margin-bottom: 14px;\r\n border-radius: 14px;\r\n background: #edf4f1;\r\n color: var(--brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-promikellnern-card h3 {\r\n margin: 0 0 8px;\r\n color: var(--brand-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-promikellnern-card p {\r\n margin: 0;\r\n color: var(--muted);\r\n line-height: 1.65;\r\n}\r\n\r\n/* =========================================================\r\n EVENT HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-promikellnern-highlight {\r\n margin: 26px 0;\r\n padding: 25px;\r\n border-left: 5px solid var(--accent);\r\n border-radius: 16px;\r\n background: #fff8ed;\r\n box-shadow: 0 8px 22px rgba(25,45,38,.07);\r\n}\r\n\r\n.fu-promikellnern-highlight h3 {\r\n margin: 0 0 8px;\r\n color: #754512;\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-promikellnern-highlight p {\r\n margin: 0;\r\n line-height: 1.68;\r\n}\r\n\r\n/* =========================================================\r\n TIMELINE\r\n ========================================================= */\r\n\r\n.fu-promikellnern-timeline {\r\n display: grid;\r\n gap: 14px;\r\n}\r\n\r\n.fu-promikellnern-step {\r\n display: flex;\r\n gap: 16px;\r\n align-items: flex-start;\r\n padding: 19px;\r\n border: 1px solid var(--border);\r\n border-radius: 17px;\r\n background: #fff;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.06);\r\n}\r\n\r\n.fu-promikellnern-step-time {\r\n flex: 0 0 78px;\r\n padding: 10px 7px;\r\n border-radius: 12px;\r\n background: var(--brand);\r\n color: #fff;\r\n text-align: center;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n}\r\n\r\n.fu-promikellnern-step h3 {\r\n margin: 0 0 5px;\r\n color: var(--brand-dark);\r\n font-size: 1.08rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-promikellnern-step p {\r\n margin: 0;\r\n color: var(--muted);\r\n line-height: 1.55;\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-promikellnern-cta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n margin: 28px 0;\r\n padding: 24px;\r\n border-radius: 18px;\r\n background: var(--brand);\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-promikellnern-cta h3 {\r\n margin: 0 0 5px;\r\n color: #fff;\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-promikellnern-cta p {\r\n margin: 0;\r\n color: rgba(255,255,255,.88);\r\n}\r\n\r\n.fu-promikellnern-cta a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n min-height: 50px;\r\n padding: 12px 17px;\r\n border-radius: 12px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n}\r\n\r\n/* =========================================================\r\n CONTACT\r\n ========================================================= */\r\n\r\n.fu-promikellnern-contact {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n}\r\n\r\n.fu-promikellnern-contact-card {\r\n padding: 22px;\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n background: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-promikellnern-contact-card h3 {\r\n margin: 0 0 13px;\r\n color: var(--brand-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-promikellnern-contact-card p {\r\n margin: 0 0 9px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-promikellnern-contact-card a {\r\n color: var(--brand);\r\n font-weight: 700;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-promikellnern-contact-card a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-promikellnern-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n}\r\n\r\n.fu-promikellnern-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n box-shadow: 0 6px 17px rgba(25,45,38,.06);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-promikellnern-related a:hover,\r\n.fu-promikellnern-related a:focus {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 23px rgba(25,45,38,.10);\r\n}\r\n\r\n.fu-promikellnern-related i {\r\n flex: 0 0 auto;\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-promikellnern-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-promikellnern-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-promikellnern-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n\r\n .fu-promikellnern {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-promikellnern-hero {\r\n padding: 28px 21px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-promikellnern-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-promikellnern-action {\r\n min-height: 56px;\r\n }\r\n\r\n .fu-promikellnern-grid,\r\n .fu-promikellnern-contact,\r\n .fu-promikellnern-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-promikellnern-facts {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-promikellnern-step {\r\n gap: 12px;\r\n }\r\n\r\n .fu-promikellnern-step-time {\r\n flex-basis: 66px;\r\n }\r\n\r\n .fu-promikellnern-cta {\r\n align-items: stretch;\r\n }\r\n\r\n .fu-promikellnern-cta a {\r\n justify-content: center;\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 515 ===== */ @scope (.fu-article-515) { \r\n .fu-alte-apotheke {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-alte-apotheke .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-alte-apotheke .fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n SECTIONS / CARDS\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-alte-apotheke .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-alte-apotheke .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 16px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-info-box strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n margin-bottom: 6px;\r\n }\r\n\r\n /* =========================================================\r\n ANGEBOTE\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-alte-apotheke .fu-service i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-alte-apotheke .fu-service p {\r\n margin: 0;\r\n }\r\n\r\n /* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-alte-apotheke .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-alte-apotheke .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-alte-apotheke .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-alte-apotheke .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =========================================================\r\n ZURÜCK NACH OBEN\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-alte-apotheke .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-alte-apotheke .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 517 ===== */ @scope (.fu-article-517) { \r\n/* =========================================================\r\n FAST UMSONST – LITFILMS LITERATUR FILM FESTIVAL MÜNSTER\r\n Joomla 6 / Bootstrap / Bootstrap Icons 1.11.3\r\n ========================================================= */\r\n\r\n.fu-litfilms {\r\n --brand: #1f4b3f;\r\n --brand-dark: #17382f;\r\n --accent: #d87932;\r\n --accent-dark: #b85f20;\r\n --paper: #faf8f4;\r\n --text: #26312d;\r\n --muted: #66736e;\r\n --border: #e5e0d8;\r\n --shadow: 0 10px 28px rgba(31,75,63,.10);\r\n --radius: 18px;\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 16px 50px;\r\n color: var(--text);\r\n font-size: 1.02rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-litfilms * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-litfilms a {\r\n color: var(--brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-litfilms a:hover {\r\n color: var(--accent-dark);\r\n}\r\n\r\n.fu-litfilms h1,\r\n.fu-litfilms h2,\r\n.fu-litfilms h3 {\r\n color: var(--brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-litfilms-card {\r\n background: #fff;\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-litfilms-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 36px 30px;\r\n border-radius: 24px;\r\n color: #fff;\r\n background:\r\n radial-gradient(circle at 90% 15%, rgba(216,121,50,.32), transparent 32%),\r\n linear-gradient(135deg, var(--brand-dark), var(--brand));\r\n box-shadow: 0 14px 35px rgba(23,56,47,.18);\r\n}\r\n\r\n.fu-litfilms-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 210px;\r\n height: 210px;\r\n right: -85px;\r\n bottom: -95px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-litfilms-hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.fu-litfilms-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n color: #fff;\r\n font-size: .88rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-litfilms-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n font-weight: 800;\r\n}\r\n\r\n.fu-litfilms-hero p {\r\n max-width: 860px;\r\n margin: 0;\r\n color: rgba(255,255,255,.94);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICK ACTIONS\r\n ========================================================= */\r\n\r\n.fu-litfilms-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-litfilms-action {\r\n min-height: 62px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 13px 16px;\r\n border: 1px solid var(--border);\r\n border-radius: 15px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n box-shadow: 0 6px 18px rgba(31,75,63,.07);\r\n font-weight: 750;\r\n text-align: center;\r\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-litfilms-action:hover {\r\n transform: translateY(-2px);\r\n background: #f5f8f6;\r\n box-shadow: 0 10px 24px rgba(31,75,63,.12);\r\n}\r\n\r\n.fu-litfilms-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-litfilms-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 14px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-litfilms-fact {\r\n padding: 20px 16px;\r\n text-align: center;\r\n}\r\n\r\n.fu-litfilms-fact i {\r\n display: block;\r\n margin-bottom: 8px;\r\n color: var(--brand);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-litfilms-fact strong {\r\n display: block;\r\n color: var(--brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-litfilms-section {\r\n margin: 34px 0;\r\n}\r\n\r\n.fu-litfilms-section-head {\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-litfilms-section-head h2 {\r\n margin: 0 0 7px;\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n}\r\n\r\n.fu-litfilms-section-head p {\r\n margin: 0;\r\n color: var(--muted);\r\n}\r\n\r\n/* =========================================================\r\n PROGRAMM-KARTEN\r\n ========================================================= */\r\n\r\n.fu-litfilms-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-litfilms-offer {\r\n height: 100%;\r\n padding: 22px;\r\n}\r\n\r\n.fu-litfilms-offer-head {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-litfilms-offer h3 {\r\n margin: 0;\r\n font-size: 1.12rem;\r\n}\r\n\r\n.fu-litfilms-offer p {\r\n margin: 0;\r\n color: var(--muted);\r\n}\r\n\r\n.fu-litfilms-icon {\r\n width: 52px;\r\n height: 52px;\r\n flex: 0 0 52px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 15px;\r\n background: #eef4f1;\r\n color: var(--brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-litfilms-highlight {\r\n padding: 27px;\r\n border-radius: var(--radius);\r\n background: linear-gradient(135deg, #fff6eb, #fffaf5);\r\n border: 1px solid #f0d5ba;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-litfilms-highlight-inner {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 17px;\r\n}\r\n\r\n.fu-litfilms-highlight .fu-litfilms-icon {\r\n background: #fff;\r\n color: var(--accent-dark);\r\n}\r\n\r\n.fu-litfilms-highlight h2 {\r\n margin: 0 0 8px;\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-litfilms-highlight p {\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n TERMIN-KARTEN\r\n ========================================================= */\r\n\r\n.fu-litfilms-events {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-litfilms-event {\r\n padding: 21px;\r\n}\r\n\r\n.fu-litfilms-date {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 12px;\r\n padding: 6px 10px;\r\n border-radius: 999px;\r\n background: #eef4f1;\r\n color: var(--brand);\r\n font-size: .88rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-litfilms-event h3 {\r\n margin: 0 0 7px;\r\n font-size: 1.08rem;\r\n}\r\n\r\n.fu-litfilms-event p {\r\n margin: 0;\r\n color: var(--muted);\r\n}\r\n\r\n/* =========================================================\r\n PREISE\r\n ========================================================= */\r\n\r\n.fu-litfilms-prices {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-litfilms-price {\r\n padding: 23px;\r\n text-align: center;\r\n}\r\n\r\n.fu-litfilms-price i {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: var(--brand);\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-litfilms-price strong {\r\n display: block;\r\n color: var(--brand-dark);\r\n font-size: 1.3rem;\r\n}\r\n\r\n.fu-litfilms-price span {\r\n display: block;\r\n margin-top: 4px;\r\n color: var(--muted);\r\n font-size: .92rem;\r\n}\r\n\r\n/* =========================================================\r\n SPIELORTE / INFO\r\n ========================================================= */\r\n\r\n.fu-litfilms-info {\r\n padding: 24px;\r\n}\r\n\r\n.fu-litfilms-info-row {\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\n.fu-litfilms-info-row:first-child {\r\n padding-top: 0;\r\n}\r\n\r\n.fu-litfilms-info-row:last-child {\r\n padding-bottom: 0;\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-litfilms-info-row > i {\r\n width: 28px;\r\n flex: 0 0 28px;\r\n color: var(--brand);\r\n font-size: 1.15rem;\r\n text-align: center;\r\n}\r\n\r\n.fu-litfilms-info-row strong {\r\n display: block;\r\n margin-bottom: 2px;\r\n color: var(--brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-litfilms-cta {\r\n margin-top: 34px;\r\n padding: 30px;\r\n border-radius: var(--radius);\r\n background: var(--brand);\r\n color: #fff;\r\n text-align: center;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-litfilms-cta h2 {\r\n margin: 0 0 8px;\r\n color: #fff;\r\n}\r\n\r\n.fu-litfilms-cta p {\r\n max-width: 760px;\r\n margin: 0 auto 18px;\r\n color: rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-litfilms-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 52px;\r\n padding: 12px 20px;\r\n border-radius: 13px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n font-weight: 800;\r\n box-shadow: 0 6px 16px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-litfilms-button:hover {\r\n background: #f5f5f5;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-litfilms-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n}\r\n\r\n.fu-litfilms-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 68px;\r\n padding: 14px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 14px;\r\n background: #fff;\r\n box-shadow: 0 6px 18px rgba(31,75,63,.06);\r\n font-weight: 700;\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-litfilms-related a:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 22px rgba(31,75,63,.11);\r\n}\r\n\r\n.fu-litfilms-related i {\r\n color: var(--brand);\r\n font-size: 1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n .fu-litfilms-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-litfilms-grid,\r\n .fu-litfilms-events,\r\n .fu-litfilms-prices {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-litfilms-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n .fu-litfilms {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-litfilms-hero {\r\n padding: 27px 21px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-litfilms-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-litfilms-action {\r\n min-height: 58px;\r\n }\r\n\r\n .fu-litfilms-facts,\r\n .fu-litfilms-grid,\r\n .fu-litfilms-events,\r\n .fu-litfilms-prices,\r\n .fu-litfilms-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-litfilms-fact {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n text-align: left;\r\n }\r\n\r\n .fu-litfilms-fact i {\r\n margin: 0;\r\n }\r\n\r\n .fu-litfilms-highlight-inner {\r\n flex-direction: column;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 518 ===== */ @scope (.fu-article-518) { \r\n/* =========================================================\r\n FAST UMSONST – BIBLIOTHEK DES LWL-MUSEUMS\r\n Wissenschaftliche Bibliothek für Kunst & Kultur\r\n ========================================================= */\r\n\r\n.fu-lwl-bibliothek {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e5e7e3;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-lwl-bibliothek * {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-lwl-bibliothek .fu-hero {\r\n background: linear-gradient(135deg, #17382f 0%, #1f4b3f 72%, #285b4d 100%);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 42px 38px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 10px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-hero-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,.12);\r\n font-size: 28px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-hero h1 {\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.1;\r\n margin: 0 0 14px;\r\n font-weight: 750;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-hero-lead {\r\n max-width: 820px;\r\n font-size: 1.12rem;\r\n margin: 0 0 26px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-facts {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 24px 0;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-fact {\r\n background: rgba(255,255,255,.09);\r\n border: 1px solid rgba(255,255,255,.14);\r\n border-radius: 13px;\r\n padding: 16px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-fact strong {\r\n display: block;\r\n color: #fff;\r\n font-size: .98rem;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-fact span {\r\n color: rgba(255,255,255,.82);\r\n font-size: .9rem;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-contact-line {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px 22px;\r\n margin: 18px 0 24px;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-contact-line i {\r\n margin-right: 6px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-btn-primary {\r\n background: #fff;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-btn-secondary {\r\n background: rgba(255,255,255,.10);\r\n color: #fff !important;\r\n border: 1px solid rgba(255,255,255,.28);\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-btn:hover {\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* JUMPNAV */\r\n\r\n.fu-lwl-bibliothek .fu-jump {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px 20px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-jump strong {\r\n display: block;\r\n color: var(--fu-dark);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-jump-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-jump a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 8px 12px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n color: var(--fu-green);\r\n text-decoration: none !important;\r\n font-size: .92rem;\r\n font-weight: 650;\r\n}\r\n\r\n/* SECTIONS */\r\n\r\n.fu-lwl-bibliothek .fu-section {\r\n margin: 0 0 38px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-section h2 {\r\n color: var(--fu-dark);\r\n font-size: 1.65rem;\r\n line-height: 1.2;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-section h2 i {\r\n color: var(--fu-orange);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-section-intro {\r\n font-size: 1.03rem;\r\n margin-bottom: 20px;\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-lwl-bibliothek .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 18px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n box-shadow: 0 5px 18px rgba(23,56,47,.06);\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-card h3 {\r\n color: var(--fu-dark);\r\n font-size: 1.16rem;\r\n margin: 0 0 9px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-card h3 i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-card ul {\r\n padding-left: 20px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-card li {\r\n margin-bottom: 6px;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-lwl-bibliothek .fu-highlight {\r\n background: #fff7ed;\r\n border-left: 5px solid var(--fu-orange);\r\n border-radius: 12px;\r\n padding: 20px 22px;\r\n margin: 22px 0;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-highlight strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* HOURS */\r\n\r\n.fu-lwl-bibliothek .fu-hours {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin-top: 10px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-hours td {\r\n padding: 9px 10px;\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-hours td:first-child {\r\n font-weight: 700;\r\n width: 34%;\r\n color: var(--fu-dark);\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-lwl-bibliothek .fu-contact {\r\n background: var(--fu-paper);\r\n border-radius: 16px;\r\n padding: 26px;\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-contact h2 {\r\n margin-top: 0;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-contact p {\r\n margin-bottom: 10px;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-lwl-bibliothek .fu-related {\r\n margin-top: 42px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-related-card {\r\n display: block;\r\n height: 100%;\r\n padding: 19px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--fu-dark);\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 14px rgba(23,56,47,.05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n border-color: rgba(31,75,63,.35);\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-related-card i {\r\n color: var(--fu-orange);\r\n font-size: 1.25rem;\r\n margin-bottom: 9px;\r\n display: block;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-related-card strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-lwl-bibliothek .fu-related-card span {\r\n color: var(--fu-muted);\r\n font-size: .9rem;\r\n}\r\n\r\n/* MOBILE */\r\n\r\n@media (max-width: 767px) {\r\n\r\n .fu-lwl-bibliothek .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 14px;\r\n }\r\n\r\n .fu-lwl-bibliothek .fu-facts,\r\n .fu-lwl-bibliothek .fu-grid,\r\n .fu-lwl-bibliothek .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-lwl-bibliothek .fu-contact-line {\r\n flex-direction: column;\r\n gap: 7px;\r\n }\r\n\r\n .fu-lwl-bibliothek .fu-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-lwl-bibliothek .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-lwl-bibliothek .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-lwl-bibliothek .fu-card,\r\n .fu-lwl-bibliothek .fu-contact {\r\n padding: 19px;\r\n }\r\n\r\n .fu-lwl-bibliothek .fu-hours td:first-child {\r\n width: 30%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 519 ===== */ @scope (.fu-article-519) { \r\n/* =========================================================\r\n FAST UMSONST – ABI SÜDPARK MÜNSTER\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-abi {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#16392f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-card:#ffffff;\r\n --fu-text:#26332e;\r\n --fu-muted:#66736e;\r\n --fu-border:#e7e2da;\r\n --fu-highlight:#f4ead7;\r\n\r\n max-width:1120px;\r\n margin:0 auto;\r\n padding:10px 18px 50px;\r\n color:var(--fu-text);\r\n font-size:1.02rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-abi * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-abi a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-abi a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* HERO */\r\n\r\n.fu-abi .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n margin-bottom:22px;\r\n padding:40px 34px;\r\n border-radius:22px;\r\n background:\r\n radial-gradient(circle at 88% 18%, rgba(255,255,255,.14), transparent 28%),\r\n linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n box-shadow:0 14px 35px rgba(22,57,47,.18);\r\n}\r\n\r\n.fu-abi .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n width:210px;\r\n height:210px;\r\n right:-80px;\r\n bottom:-110px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-abi .fu-hero-icon {\r\n position:relative;\r\n z-index:1;\r\n width:68px;\r\n height:68px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-bottom:16px;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2.2rem;\r\n}\r\n\r\n.fu-abi .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n font-weight:800;\r\n line-height:1.15;\r\n}\r\n\r\n.fu-abi .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n max-width:800px;\r\n margin:0;\r\n color:rgba(255,255,255,.95);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* SPRUNGNAVIGATION */\r\n\r\n.fu-abi .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 24px;\r\n}\r\n\r\n.fu-abi .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n font-size:.93rem;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(0,0,0,.04);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-abi .fu-jump a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* CARDS */\r\n\r\n.fu-abi .fu-card {\r\n margin-bottom:22px;\r\n padding:28px;\r\n border:1px solid var(--fu-border);\r\n border-radius:20px;\r\n background:var(--fu-card);\r\n box-shadow:0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-abi .fu-card h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 17px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-abi .fu-card h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-abi .fu-card h3 {\r\n margin:0 0 9px;\r\n color:var(--fu-green);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-abi .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* INTRO */\r\n\r\n.fu-abi .fu-intro {\r\n margin-bottom:22px;\r\n padding:28px 30px;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n background:var(--fu-paper);\r\n box-shadow:0 6px 18px rgba(0,0,0,.04);\r\n}\r\n\r\n.fu-abi .fu-intro h2 {\r\n margin-top:0;\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* FACTS */\r\n\r\n.fu-abi .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:14px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-abi .fu-fact {\r\n padding:19px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:#fff;\r\n text-align:center;\r\n}\r\n\r\n.fu-abi .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.7rem;\r\n}\r\n\r\n.fu-abi .fu-fact strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n margin-bottom:3px;\r\n}\r\n\r\n/* OFFER GRID */\r\n\r\n.fu-abi .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-abi .fu-offer {\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n background:#fff;\r\n box-shadow:0 5px 16px rgba(0,0,0,.045);\r\n}\r\n\r\n.fu-abi .fu-offer i {\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--fu-orange);\r\n font-size:1.7rem;\r\n}\r\n\r\n.fu-abi .fu-offer h3 {\r\n margin-bottom:8px;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n\r\n.fu-abi .fu-highlight {\r\n margin:20px 0;\r\n padding:20px 22px;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n background:var(--fu-highlight);\r\n}\r\n\r\n.fu-abi .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* EVENTS */\r\n\r\n.fu-abi .fu-events {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:15px;\r\n}\r\n\r\n.fu-abi .fu-event {\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:#fff;\r\n}\r\n\r\n.fu-abi .fu-event .fu-date {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:9px;\r\n padding:6px 10px;\r\n border-radius:999px;\r\n background:var(--fu-highlight);\r\n color:var(--fu-dark);\r\n font-size:.88rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-abi .fu-event h3 {\r\n margin-bottom:7px;\r\n}\r\n\r\n/* CONTACT */\r\n\r\n.fu-abi .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-abi .fu-contact {\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:17px;\r\n background:#fff;\r\n}\r\n\r\n.fu-abi .fu-contact i {\r\n margin-right:7px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-abi .fu-address {\r\n margin:10px 0 17px;\r\n font-size:1.04rem;\r\n}\r\n\r\n.fu-abi .fu-address strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* BUTTONS */\r\n\r\n.fu-abi .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:16px;\r\n}\r\n\r\n.fu-abi .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:10px 15px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-abi .fu-btn:hover {\r\n background:var(--fu-orange);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-abi .fu-btn-outline {\r\n border:1px solid var(--fu-green);\r\n background:#fff;\r\n color:var(--fu-green) !important;\r\n}\r\n\r\n.fu-abi .fu-btn-outline:hover {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n/* RELATED */\r\n\r\n.fu-abi .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n}\r\n\r\n.fu-abi .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:#fff;\r\n box-shadow:0 5px 15px rgba(0,0,0,.04);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-abi .fu-related a:hover {\r\n border-color:var(--fu-green);\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-abi .fu-related i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n/* SOURCE */\r\n\r\n.fu-abi .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* TOP */\r\n\r\n.fu-abi .fu-top {\r\n margin-top:24px;\r\n text-align:center;\r\n}\r\n\r\n.fu-abi .fu-top a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n\r\n@media (max-width:900px) {\r\n .fu-abi .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (max-width:760px) {\r\n .fu-abi {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-abi .fu-hero {\r\n padding:30px 23px;\r\n }\r\n\r\n .fu-abi .fu-card,\r\n .fu-abi .fu-intro {\r\n padding:22px;\r\n }\r\n\r\n .fu-abi .fu-grid,\r\n .fu-abi .fu-events,\r\n .fu-abi .fu-contact-grid,\r\n .fu-abi .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:480px) {\r\n .fu-abi {\r\n font-size:.98rem;\r\n }\r\n\r\n .fu-abi .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-abi .fu-facts {\r\n grid-template-columns:1fr 1fr;\r\n }\r\n\r\n .fu-abi .fu-jump {\r\n gap:7px;\r\n }\r\n\r\n .fu-abi .fu-jump a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n\r\n .fu-abi .fu-buttons {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-abi .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 520 ===== */ @scope (.fu-article-520) { \r\n/* =========================================================\r\n FAST UMSONST – SPIELETREFF & SPIELEWOCHENENDE\r\n Scoped CSS – nur für diesen Beitrag\r\n ========================================================= */\r\n\r\n.fu-spieletreff {\r\n --brand: #1f4b3f;\r\n --brand-dark: #16382f;\r\n --accent: #d88932;\r\n --paper: #faf8f4;\r\n --text: #26332f;\r\n --muted: #687570;\r\n --border: #e3e8e5;\r\n --white: #fff;\r\n --shadow: 0 12px 30px rgba(25,45,38,.10);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 16px 50px;\r\n color: var(--text);\r\n font-family: inherit;\r\n}\r\n\r\n.fu-spieletreff *,\r\n.fu-spieletreff *::before,\r\n.fu-spieletreff *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-spieletreff a {\r\n color: inherit;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-spieletreff-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 24px;\r\n padding: 38px 28px;\r\n border-radius: 24px;\r\n background:\r\n linear-gradient(135deg, rgba(31,75,63,.98), rgba(22,56,47,.94));\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-spieletreff-hero::after {\r\n content: \"\\f4d6\";\r\n position: absolute;\r\n right: 20px;\r\n bottom: -30px;\r\n font-family: \"bootstrap-icons\";\r\n font-size: 10rem;\r\n line-height: 1;\r\n opacity: .07;\r\n}\r\n\r\n.fu-spieletreff-kicker {\r\n position: relative;\r\n z-index: 1;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.14);\r\n font-size: .88rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-spieletreff-hero h1 {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0 0 11px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3.2rem);\r\n line-height: 1.08;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-spieletreff-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 830px;\r\n margin: 0;\r\n color: rgba(255,255,255,.92);\r\n font-size: 1.08rem;\r\n line-height: 1.68;\r\n}\r\n\r\n/* =========================================================\r\n SCHNELLAKTIONEN\r\n ========================================================= */\r\n\r\n.fu-spieletreff-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-spieletreff-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 58px;\r\n padding: 13px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 15px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.07);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-spieletreff-action:hover,\r\n.fu-spieletreff-action:focus {\r\n transform: translateY(-2px);\r\n background: var(--paper);\r\n box-shadow: 0 12px 26px rgba(25,45,38,.12);\r\n text-decoration: none !important;\r\n}\r\n\r\n.fu-spieletreff-action i {\r\n font-size: 1.2rem;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-spieletreff-section {\r\n margin-bottom: 30px;\r\n}\r\n\r\n.fu-spieletreff-section h2 {\r\n margin: 0 0 14px;\r\n color: var(--brand-dark);\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n line-height: 1.2;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-spieletreff-intro {\r\n margin: 0 0 18px;\r\n color: var(--muted);\r\n line-height: 1.72;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-spieletreff-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-spieletreff-fact {\r\n padding: 18px;\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.06);\r\n}\r\n\r\n.fu-spieletreff-fact i {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: var(--brand);\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-spieletreff-fact strong {\r\n display: block;\r\n margin-bottom: 5px;\r\n color: var(--brand-dark);\r\n}\r\n\r\n.fu-spieletreff-fact span {\r\n color: var(--muted);\r\n font-size: .93rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-spieletreff-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-spieletreff-card {\r\n height: 100%;\r\n padding: 22px;\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n background: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-spieletreff-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n margin-bottom: 14px;\r\n border-radius: 14px;\r\n background: #edf4f1;\r\n color: var(--brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-spieletreff-card h3 {\r\n margin: 0 0 8px;\r\n color: var(--brand-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-spieletreff-card p {\r\n margin: 0;\r\n color: var(--muted);\r\n line-height: 1.65;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-spieletreff-highlight {\r\n margin: 26px 0;\r\n padding: 24px;\r\n border-left: 5px solid var(--accent);\r\n border-radius: 16px;\r\n background: #fff8ed;\r\n box-shadow: 0 8px 22px rgba(25,45,38,.07);\r\n}\r\n\r\n.fu-spieletreff-highlight h3 {\r\n margin: 0 0 8px;\r\n color: #754512;\r\n font-size: 1.28rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-spieletreff-highlight p {\r\n margin: 0;\r\n line-height: 1.68;\r\n}\r\n\r\n/* =========================================================\r\n SPIELEARTEN\r\n ========================================================= */\r\n\r\n.fu-spieletreff-games {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 14px;\r\n}\r\n\r\n.fu-spieletreff-game {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n padding: 18px;\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.06);\r\n}\r\n\r\n.fu-spieletreff-game-icon {\r\n flex: 0 0 46px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 46px;\r\n height: 46px;\r\n border-radius: 13px;\r\n background: #edf4f1;\r\n color: var(--brand);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-spieletreff-game h3 {\r\n margin: 0 0 5px;\r\n color: var(--brand-dark);\r\n font-size: 1.04rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-spieletreff-game p {\r\n margin: 0;\r\n color: var(--muted);\r\n line-height: 1.5;\r\n font-size: .94rem;\r\n}\r\n\r\n/* =========================================================\r\n SPIELFLOHMARKT\r\n ========================================================= */\r\n\r\n.fu-spieletreff-flohmarkt {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 18px;\r\n margin: 26px 0;\r\n padding: 24px;\r\n border-radius: 18px;\r\n background: var(--brand);\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-spieletreff-flohmarkt-icon {\r\n flex: 0 0 54px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 54px;\r\n height: 54px;\r\n border-radius: 15px;\r\n background: rgba(255,255,255,.14);\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-spieletreff-flohmarkt h3 {\r\n margin: 0 0 6px;\r\n color: #fff;\r\n font-size: 1.25rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-spieletreff-flohmarkt p {\r\n margin: 0;\r\n color: rgba(255,255,255,.9);\r\n line-height: 1.65;\r\n}\r\n\r\n/* =========================================================\r\n TERMINE\r\n ========================================================= */\r\n\r\n.fu-spieletreff-no-date {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n padding: 20px;\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n background: #fff;\r\n box-shadow: 0 7px 20px rgba(25,45,38,.06);\r\n}\r\n\r\n.fu-spieletreff-no-date i {\r\n flex: 0 0 auto;\r\n color: var(--brand);\r\n font-size: 1.4rem;\r\n}\r\n\r\n.fu-spieletreff-no-date p {\r\n margin: 0;\r\n color: var(--muted);\r\n line-height: 1.65;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-spieletreff-contact {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n}\r\n\r\n.fu-spieletreff-contact-card {\r\n padding: 22px;\r\n border: 1px solid var(--border);\r\n border-radius: 18px;\r\n background: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-spieletreff-contact-card h3 {\r\n margin: 0 0 13px;\r\n color: var(--brand-dark);\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-spieletreff-contact-card p {\r\n margin: 0 0 10px;\r\n line-height: 1.65;\r\n}\r\n\r\n.fu-spieletreff-contact-card a {\r\n color: var(--brand);\r\n font-weight: 700;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-spieletreff-contact-card a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-spieletreff-cta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n margin: 28px 0;\r\n padding: 24px;\r\n border-radius: 18px;\r\n background: var(--brand);\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-spieletreff-cta h3 {\r\n margin: 0 0 5px;\r\n color: #fff;\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-spieletreff-cta p {\r\n margin: 0;\r\n color: rgba(255,255,255,.88);\r\n}\r\n\r\n.fu-spieletreff-cta a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n min-height: 50px;\r\n padding: 12px 17px;\r\n border-radius: 12px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-spieletreff-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n}\r\n\r\n.fu-spieletreff-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 14px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n box-shadow: 0 6px 17px rgba(25,45,38,.06);\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-spieletreff-related a:hover,\r\n.fu-spieletreff-related a:focus {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 23px rgba(25,45,38,.10);\r\n}\r\n\r\n.fu-spieletreff-related i {\r\n flex: 0 0 auto;\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n\r\n .fu-spieletreff-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-spieletreff-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-spieletreff-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n\r\n .fu-spieletreff {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-spieletreff-hero {\r\n padding: 28px 21px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-spieletreff-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-spieletreff-action {\r\n min-height: 56px;\r\n }\r\n\r\n .fu-spieletreff-grid,\r\n .fu-spieletreff-games,\r\n .fu-spieletreff-contact,\r\n .fu-spieletreff-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-spieletreff-facts {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-spieletreff-flohmarkt {\r\n align-items: flex-start;\r\n }\r\n\r\n .fu-spieletreff-cta {\r\n align-items: stretch;\r\n }\r\n\r\n .fu-spieletreff-cta a {\r\n justify-content: center;\r\n width: 100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 521 ===== */ @scope (.fu-article-521) { \r\n/* =========================================================\r\n FAST UMSONST – B-SIDE\r\n Joomla 6 / Bootstrap 5 / Bootstrap Icons 1.11.3\r\n ========================================================= */\r\n\r\n.fu-bside {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16372e;\r\n --fu-accent: #d97706;\r\n --fu-accent-soft: #fff4df;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n --fu-border: rgba(31,75,63,.13);\r\n --fu-shadow: 0 12px 32px rgba(25,45,39,.10);\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n padding: 10px 15px 50px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-bside *,\r\n.fu-bside *::before,\r\n.fu-bside *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* ---------- HERO ---------- */\r\n\r\n.fu-bside-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 28px;\r\n padding: 42px 32px;\r\n border-radius: 24px;\r\n background:\r\n radial-gradient(circle at 90% 15%, rgba(255,255,255,.13), transparent 28%),\r\n linear-gradient(135deg, var(--fu-brand-dark), var(--fu-brand));\r\n color: #fff;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-bside-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 220px;\r\n height: 220px;\r\n right: -80px;\r\n bottom: -100px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-bside-kicker {\r\n position: relative;\r\n z-index: 1;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 13px;\r\n border: 1px solid rgba(255,255,255,.22);\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.10);\r\n font-size: .88rem;\r\n font-weight: 700;\r\n letter-spacing: .02em;\r\n}\r\n\r\n.fu-bside-hero h1 {\r\n position: relative;\r\n z-index: 1;\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3.2rem);\r\n line-height: 1.1;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-bside-hero p {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 820px;\r\n margin: 0;\r\n color: rgba(255,255,255,.94);\r\n font-size: 1.12rem;\r\n}\r\n\r\n/* ---------- QUICK ACTIONS ---------- */\r\n\r\n.fu-bside-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 14px;\r\n margin: 0 0 30px;\r\n}\r\n\r\n.fu-bside-action {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n min-height: 58px;\r\n padding: 13px 18px;\r\n border-radius: 15px;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none !important;\r\n font-weight: 750;\r\n box-shadow: 0 7px 20px rgba(25,45,39,.07);\r\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-bside-action:hover,\r\n.fu-bside-action:focus {\r\n color: #fff;\r\n background: var(--fu-brand);\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 25px rgba(25,45,39,.16);\r\n}\r\n\r\n.fu-bside-action i {\r\n font-size: 1.25rem;\r\n}\r\n\r\n/* ---------- COMMON SECTIONS ---------- */\r\n\r\n.fu-bside-section {\r\n margin: 0 0 30px;\r\n padding: 28px;\r\n border-radius: 21px;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-bside-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n line-height: 1.2;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-bside-section h2 i {\r\n flex: 0 0 auto;\r\n font-size: 1.35em;\r\n}\r\n\r\n.fu-bside-section p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* ---------- INTRO ---------- */\r\n\r\n.fu-bside-intro {\r\n background:\r\n linear-gradient(180deg, #fff, var(--fu-paper));\r\n}\r\n\r\n.fu-bside-intro-lead {\r\n margin-bottom: 0;\r\n font-size: 1.12rem;\r\n}\r\n\r\n/* ---------- FACT CARDS ---------- */\r\n\r\n.fu-bside-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n margin-top: 22px;\r\n}\r\n\r\n.fu-bside-fact {\r\n height: 100%;\r\n padding: 20px;\r\n border-radius: 17px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-bside-fact-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 46px;\r\n height: 46px;\r\n margin-bottom: 12px;\r\n border-radius: 13px;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-bside-fact strong {\r\n display: block;\r\n margin-bottom: 4px;\r\n color: var(--fu-brand-dark);\r\n font-size: 1.05rem;\r\n}\r\n\r\n.fu-bside-fact span {\r\n display: block;\r\n color: var(--fu-muted);\r\n font-size: .94rem;\r\n line-height: 1.5;\r\n}\r\n\r\n/* ---------- OFFER CARDS ---------- */\r\n\r\n.fu-bside-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 17px;\r\n}\r\n\r\n.fu-bside-card {\r\n height: 100%;\r\n padding: 23px;\r\n border-radius: 18px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n box-shadow: 0 7px 20px rgba(25,45,39,.06);\r\n}\r\n\r\n.fu-bside-card-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n margin-bottom: 14px;\r\n border-radius: 14px;\r\n background: var(--fu-accent-soft);\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-bside-card h3 {\r\n margin: 0 0 8px;\r\n color: var(--fu-brand);\r\n font-size: 1.18rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-bside-card p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* ---------- FESTIVAL HIGHLIGHT ---------- */\r\n\r\n.fu-bside-festival {\r\n position: relative;\r\n overflow: hidden;\r\n border: 0;\r\n background:\r\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.18), transparent 27%),\r\n linear-gradient(135deg, #b45309, #d97706);\r\n color: #fff;\r\n}\r\n\r\n.fu-bside-festival h2,\r\n.fu-bside-festival h3,\r\n.fu-bside-festival p {\r\n color: #fff;\r\n}\r\n\r\n.fu-bside-festival h2 {\r\n margin-bottom: 14px;\r\n}\r\n\r\n.fu-bside-festival p {\r\n color: rgba(255,255,255,.94);\r\n}\r\n\r\n.fu-bside-festival-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 14px;\r\n padding: 7px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.16);\r\n border: 1px solid rgba(255,255,255,.22);\r\n font-size: .88rem;\r\n font-weight: 750;\r\n}\r\n\r\n.fu-bside-festival-grid {\r\n display: grid;\r\n grid-template-columns: 1.3fr .7fr;\r\n gap: 24px;\r\n align-items: center;\r\n}\r\n\r\n.fu-bside-festival-info {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-bside-festival-item {\r\n padding: 15px;\r\n border-radius: 14px;\r\n background: rgba(255,255,255,.12);\r\n border: 1px solid rgba(255,255,255,.16);\r\n}\r\n\r\n.fu-bside-festival-item strong {\r\n display: block;\r\n margin-bottom: 3px;\r\n color: #fff;\r\n}\r\n\r\n.fu-bside-festival-item span {\r\n display: block;\r\n color: rgba(255,255,255,.88);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-bside-festival-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n margin-top: 20px;\r\n min-height: 50px;\r\n padding: 11px 18px;\r\n border-radius: 13px;\r\n background: #fff;\r\n color: var(--fu-brand-dark);\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n transition: transform .18s ease, box-shadow .18s ease;\r\n}\r\n\r\n.fu-bside-festival-button:hover,\r\n.fu-bside-festival-button:focus {\r\n color: var(--fu-brand-dark);\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 25px rgba(0,0,0,.18);\r\n}\r\n\r\n/* ---------- CURRENT PROGRAM ---------- */\r\n\r\n.fu-bside-program-list {\r\n display: grid;\r\n gap: 13px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-bside-program {\r\n display: flex;\r\n gap: 16px;\r\n align-items: flex-start;\r\n padding: 18px;\r\n border-radius: 16px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-bside-program-date {\r\n flex: 0 0 74px;\r\n padding: 9px 6px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n text-align: center;\r\n font-weight: 800;\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-bside-program-date span {\r\n display: block;\r\n font-size: .78rem;\r\n font-weight: 600;\r\n opacity: .85;\r\n}\r\n\r\n.fu-bside-program-content h3 {\r\n margin: 0 0 4px;\r\n color: var(--fu-brand);\r\n font-size: 1.05rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-bside-program-content p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n font-size: .94rem;\r\n}\r\n\r\n.fu-bside-program-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 8px;\r\n color: var(--fu-brand);\r\n font-weight: 750;\r\n text-decoration: underline;\r\n text-underline-offset: 3px;\r\n}\r\n\r\n.fu-bside-program-more {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n width: 100%;\r\n min-height: 52px;\r\n margin-top: 18px;\r\n padding: 12px 18px;\r\n border-radius: 14px;\r\n background: var(--fu-brand);\r\n color: #fff;\r\n text-decoration: none !important;\r\n font-weight: 800;\r\n transition: background .18s ease, transform .18s ease;\r\n}\r\n\r\n.fu-bside-program-more:hover,\r\n.fu-bside-program-more:focus {\r\n color: #fff;\r\n background: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* ---------- OPENING HOURS ---------- */\r\n\r\n.fu-bside-hours {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 13px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-bside-hours-item {\r\n padding: 17px;\r\n border-radius: 15px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-bside-hours-item strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n margin-bottom: 3px;\r\n}\r\n\r\n.fu-bside-hours-item span {\r\n color: var(--fu-muted);\r\n}\r\n\r\n/* ---------- ACCESSIBILITY ---------- */\r\n\r\n.fu-bside-access {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n}\r\n\r\n.fu-bside-access-item {\r\n padding: 19px;\r\n border-radius: 16px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-bside-access-item i {\r\n margin-right: 7px;\r\n color: var(--fu-brand);\r\n}\r\n\r\n.fu-bside-access-item strong {\r\n color: var(--fu-brand);\r\n}\r\n\r\n/* ---------- ADDRESS / CONTACT ---------- */\r\n\r\n.fu-bside-contact {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n}\r\n\r\n.fu-bside-contact-box {\r\n padding: 21px;\r\n border-radius: 17px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-bside-contact-box h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n margin: 0 0 12px;\r\n color: var(--fu-brand);\r\n font-size: 1.12rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-bside-contact-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-bside-contact-box a {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n text-decoration: underline;\r\n text-underline-offset: 3px;\r\n}\r\n\r\n/* ---------- ARRIVAL ---------- */\r\n\r\n.fu-bside-arrival {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-bside-arrival-card {\r\n padding: 20px;\r\n border-radius: 16px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-bside-arrival-card i {\r\n display: block;\r\n margin-bottom: 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-bside-arrival-card h3 {\r\n margin: 0 0 7px;\r\n color: var(--fu-brand);\r\n font-size: 1.05rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-bside-arrival-card p {\r\n margin: 0;\r\n color: var(--fu-muted);\r\n font-size: .94rem;\r\n}\r\n\r\n/* ---------- RELATED ---------- */\r\n\r\n.fu-bside-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n}\r\n\r\n.fu-bside-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 58px;\r\n padding: 13px 15px;\r\n border-radius: 14px;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none !important;\r\n font-weight: 750;\r\n line-height: 1.3;\r\n transition: transform .18s ease, background .18s ease, color .18s ease;\r\n}\r\n\r\n.fu-bside-related a:hover,\r\n.fu-bside-related a:focus {\r\n color: #fff;\r\n background: var(--fu-brand);\r\n transform: translateY(-2px);\r\n}\r\n\r\n.fu-bside-related i {\r\n flex: 0 0 auto;\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* ---------- NOTE ---------- */\r\n\r\n.fu-bside-note {\r\n margin-top: 18px;\r\n padding: 16px 18px;\r\n border-left: 4px solid var(--fu-accent);\r\n border-radius: 0 12px 12px 0;\r\n background: var(--fu-accent-soft);\r\n color: #60420f;\r\n}\r\n\r\n.fu-bside-note strong {\r\n color: #7a4d05;\r\n}\r\n\r\n/* ---------- RESPONSIVE ---------- */\r\n\r\n@media (max-width: 991px) {\r\n .fu-bside-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-bside-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-bside-festival-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .fu-bside {\r\n padding: 5px 10px 35px;\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-bside-hero {\r\n padding: 30px 21px;\r\n border-radius: 19px;\r\n }\r\n\r\n .fu-bside-hero h1 {\r\n font-size: 2.05rem;\r\n }\r\n\r\n .fu-bside-hero p {\r\n font-size: 1rem;\r\n }\r\n\r\n .fu-bside-actions {\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .fu-bside-action {\r\n min-height: 56px;\r\n }\r\n\r\n .fu-bside-section {\r\n padding: 21px 17px;\r\n border-radius: 17px;\r\n }\r\n\r\n .fu-bside-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-bside-facts,\r\n .fu-bside-grid,\r\n .fu-bside-hours,\r\n .fu-bside-access,\r\n .fu-bside-contact,\r\n .fu-bside-arrival,\r\n .fu-bside-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-bside-festival-info {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-bside-program {\r\n gap: 12px;\r\n }\r\n\r\n .fu-bside-program-date {\r\n flex-basis: 64px;\r\n }\r\n}\r\n\r\n@media (max-width: 430px) {\r\n .fu-bside-hero {\r\n padding: 27px 17px;\r\n }\r\n\r\n .fu-bside-section {\r\n padding: 19px 15px;\r\n }\r\n\r\n .fu-bside-card,\r\n .fu-bside-fact,\r\n .fu-bside-arrival-card,\r\n .fu-bside-contact-box {\r\n padding: 18px;\r\n }\r\n\r\n .fu-bside-program {\r\n padding: 15px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 522 ===== */ @scope (.fu-article-522) { \r\n.fu-gemen {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-gemen * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-gemen a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-gemen a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* HERO */\r\n.fu-gemen .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-gemen .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-gemen .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-gemen .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-gemen .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-gemen .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-gemen h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-gemen .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* SCHNELLE NAVIGATION */\r\n.fu-gemen .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-gemen .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-gemen .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-gemen .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-gemen .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* FAKTEN */\r\n.fu-gemen .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-gemen .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-gemen .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-gemen .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* ABSCHNITTE */\r\n.fu-gemen .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-gemen .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-gemen .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-gemen .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-gemen .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n.fu-gemen .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-gemen .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* BUTTONS */\r\n.fu-gemen .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-gemen .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-gemen .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-gemen .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-gemen .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* KARTEN */\r\n.fu-gemen .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-gemen .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-gemen .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-gemen .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-gemen .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-gemen .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ROUTEN */\r\n.fu-gemen .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-gemen .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-gemen .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-gemen .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* RELATED */\r\n.fu-gemen .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-gemen .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-gemen .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-gemen .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-gemen .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* HINWEIS */\r\n.fu-gemen .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (min-width:640px) {\r\n\r\n .fu-gemen .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-gemen .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-gemen .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-gemen .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-gemen .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-gemen .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-gemen .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-gemen .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 523 ===== */ @scope (.fu-article-523) { \r\n.fu-ahaus {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-ahaus * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-ahaus a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-ahaus a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* HERO */\r\n.fu-ahaus .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-green-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-ahaus .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-ahaus .fu-image-credit {\r\n padding:9px 16px;\r\n background:#f3f5f3;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-ahaus .fu-image-credit a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n}\r\n\r\n.fu-ahaus .fu-hero-content {\r\n padding:30px 24px 32px;\r\n}\r\n\r\n.fu-ahaus .fu-kicker {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n margin-bottom:10px;\r\n color:#dbe9e3;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.06em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-ahaus h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.08;\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n color:#eef5f1;\r\n font-size:1.1rem;\r\n}\r\n\r\n/* SCHNELLE NAVIGATION */\r\n.fu-ahaus .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-quicknav-title {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:1rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-ahaus .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n font-size:.9rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-ahaus .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* FAKTEN */\r\n.fu-ahaus .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-ahaus .fu-fact {\r\n padding:18px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-ahaus .fu-fact strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* ABSCHNITTE */\r\n.fu-ahaus .fu-section {\r\n margin:0 0 34px;\r\n padding:26px 22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-ahaus .fu-section h2 i {\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n.fu-ahaus .fu-section h3 {\r\n margin:22px 0 8px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-ahaus .fu-section p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n.fu-ahaus .fu-highlight {\r\n margin:18px 0 0;\r\n padding:17px 18px;\r\n border-left:4px solid var(--fu-orange);\r\n border-radius:10px;\r\n background:#fff8ed;\r\n}\r\n\r\n.fu-ahaus .fu-highlight strong {\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* BUTTONS */\r\n.fu-ahaus .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-ahaus .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-ahaus .fu-btn:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-ahaus .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-ahaus .fu-btn-light:hover {\r\n background:#edf2ef;\r\n color:var(--fu-green-dark) !important;\r\n}\r\n\r\n/* KARTEN */\r\n.fu-ahaus .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-ahaus .fu-card {\r\n height:100%;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n}\r\n\r\n.fu-ahaus .fu-card i {\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-ahaus .fu-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-ahaus .fu-card p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-ahaus .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ROUTEN */\r\n.fu-ahaus .fu-route {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-ahaus .fu-route a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-ahaus .fu-route a:hover {\r\n background:#edf2ef;\r\n border-color:#cbd8d2;\r\n}\r\n\r\n.fu-ahaus .fu-route i {\r\n color:var(--fu-orange);\r\n font-size:1.2rem;\r\n}\r\n\r\n/* PASSENDE INFORMATIONEN */\r\n.fu-ahaus .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:14px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-ahaus .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-ahaus .fu-related a:hover {\r\n background:#edf2ef;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-ahaus .fu-related i {\r\n flex:0 0 auto;\r\n margin-top:2px;\r\n color:var(--fu-orange);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-ahaus .fu-related strong {\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n/* HINWEIS */\r\n.fu-ahaus .fu-note {\r\n margin-top:22px;\r\n padding:15px 17px;\r\n border-radius:12px;\r\n background:#f1f4f2;\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (min-width:640px) {\r\n\r\n .fu-ahaus .fu-hero-content {\r\n padding:34px 32px 38px;\r\n }\r\n\r\n .fu-ahaus .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-ahaus .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-ahaus .fu-route {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-ahaus .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-ahaus .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-ahaus .fu-grid {\r\n grid-template-columns:repeat(3,1fr);\r\n }\r\n\r\n .fu-ahaus .fu-route {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 524 ===== */ @scope (.fu-article-524) { \r\n/* =========================================================\r\n FAST UMSONST – SCHLOSS STEINFURT\r\n Artikel 524\r\n ========================================================= */\r\n\r\n.fu-steinfurt {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 0 50px;\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-steinfurt *,\r\n.fu-steinfurt *::before,\r\n.fu-steinfurt *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-steinfurt a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-steinfurt a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* HERO */\r\n.fu-steinfurt .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-steinfurt .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:560px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-steinfurt .fu-image-credit {\r\n padding:8px 16px;\r\n background:#f3f4f2;\r\n color:#5d6864;\r\n font-size:.78rem;\r\n line-height:1.5;\r\n}\r\n\r\n.fu-steinfurt .fu-hero-content {\r\n padding:30px 28px 32px;\r\n}\r\n\r\n.fu-steinfurt .fu-kicker {\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n color:#d9eee7;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.05em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-steinfurt .fu-kicker i {\r\n color:#f3b45d;\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-steinfurt h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-steinfurt .fu-lead {\r\n max-width:850px;\r\n margin:0;\r\n color:#eef7f4;\r\n font-size:1.08rem;\r\n line-height:1.7;\r\n}\r\n\r\n/* QUICKNAV */\r\n.fu-steinfurt .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-steinfurt .fu-quicknav-title {\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:13px;\r\n color:var(--fu-dark);\r\n font-weight:800;\r\n}\r\n\r\n.fu-steinfurt .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-steinfurt .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-size:.9rem;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-steinfurt .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* FACTS */\r\n.fu-steinfurt .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-steinfurt .fu-fact {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-steinfurt .fu-fact i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-steinfurt .fu-fact strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* SECTIONS */\r\n.fu-steinfurt .fu-section {\r\n margin:0 0 34px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-steinfurt .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 17px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-steinfurt .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* CARDS */\r\n.fu-steinfurt .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-steinfurt .fu-card + .fu-card {\r\n margin-top:16px;\r\n}\r\n\r\n.fu-steinfurt .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-steinfurt .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n margin:0 0 10px;\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-steinfurt .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-steinfurt .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* INFO */\r\n.fu-steinfurt .fu-info {\r\n background:#edf5f2;\r\n border:1px solid #d5e5df;\r\n border-radius:15px;\r\n padding:18px 20px;\r\n}\r\n\r\n.fu-steinfurt .fu-info strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-steinfurt .fu-highlight {\r\n background:#f7f1e7;\r\n border:1px solid #ead9bd;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:18px 20px;\r\n}\r\n\r\n.fu-steinfurt .fu-highlight strong {\r\n color:#71480a;\r\n}\r\n\r\n/* LIST */\r\n.fu-steinfurt .fu-list {\r\n margin:0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-steinfurt .fu-list li {\r\n margin-bottom:7px;\r\n}\r\n\r\n/* BUTTONS */\r\n.fu-steinfurt .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:17px;\r\n}\r\n\r\n.fu-steinfurt .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 15px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-steinfurt .fu-button:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-steinfurt .fu-button.fu-secondary {\r\n background:#f3f5f3;\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-steinfurt .fu-button.fu-secondary:hover {\r\n background:#e8eeeb;\r\n}\r\n\r\n/* ROUTES */\r\n.fu-steinfurt .fu-route-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-steinfurt .fu-route {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-steinfurt .fu-route:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-steinfurt .fu-route i {\r\n font-size:1.15rem;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-steinfurt .fu-route:hover i {\r\n color:#fff;\r\n}\r\n\r\n/* RELATED */\r\n.fu-steinfurt .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:13px;\r\n}\r\n\r\n.fu-steinfurt .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:16px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-steinfurt .fu-related a:hover {\r\n border-color:#bfd1ca;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-steinfurt .fu-related i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-steinfurt .fu-related strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-steinfurt .fu-related small {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n line-height:1.5;\r\n}\r\n\r\n/* STATUS */\r\n.fu-steinfurt .fu-status {\r\n margin-top:30px;\r\n padding:14px 17px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.86rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (min-width:640px) {\r\n\r\n .fu-steinfurt {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-steinfurt .fu-hero-content {\r\n padding:34px 34px 38px;\r\n }\r\n\r\n .fu-steinfurt .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-steinfurt .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-steinfurt .fu-route-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-steinfurt .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px) {\r\n\r\n .fu-steinfurt .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-steinfurt .fu-route-grid {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-steinfurt .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 525 ===== */ @scope (.fu-article-525) { \r\n/* =========================================================\r\n FAST UMSONST – WASSERBURG ANHOLT\r\n Artikel 525\r\n ========================================================= */\r\n\r\n.fu-anholt {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:10px 0 50px;\r\n color:var(--fu-text);\r\n font-size:1rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-anholt *,\r\n.fu-anholt *::before,\r\n.fu-anholt *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-anholt a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-anholt a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-anholt .fu-hero {\r\n overflow:hidden;\r\n border-radius:20px;\r\n background:linear-gradient(135deg,var(--fu-dark),var(--fu-green));\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n margin-bottom:24px;\r\n}\r\n\r\n.fu-anholt .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-anholt .fu-image-credit {\r\n padding:8px 16px;\r\n background:#f3f4f2;\r\n color:#5d6864;\r\n font-size:.78rem;\r\n line-height:1.45;\r\n}\r\n\r\n.fu-anholt .fu-hero-content {\r\n padding:30px 28px 32px;\r\n}\r\n\r\n.fu-anholt .fu-kicker {\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n color:#d9eee7;\r\n font-size:.85rem;\r\n font-weight:700;\r\n letter-spacing:.05em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-anholt .fu-kicker i {\r\n color:#f3b45d;\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-anholt h1 {\r\n margin:0 0 14px;\r\n color:#fff;\r\n font-size:clamp(2rem,5vw,3.2rem);\r\n line-height:1.1;\r\n font-weight:800;\r\n}\r\n\r\n.fu-anholt .fu-lead {\r\n max-width:850px;\r\n margin:0;\r\n color:#eef7f4;\r\n font-size:1.08rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-anholt .fu-quicknav {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin:24px 0 34px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-anholt .fu-quicknav-title {\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:13px;\r\n color:var(--fu-dark);\r\n font-weight:800;\r\n}\r\n\r\n.fu-anholt .fu-quicknav-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-anholt .fu-quicknav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 13px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-size:.9rem;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-anholt .fu-quicknav a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-anholt .fu-facts {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:12px;\r\n margin:0 0 30px;\r\n}\r\n\r\n.fu-anholt .fu-fact {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-anholt .fu-fact i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n margin-top:2px;\r\n}\r\n\r\n.fu-anholt .fu-fact strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-anholt .fu-section {\r\n margin:0 0 34px;\r\n scroll-margin-top:100px;\r\n}\r\n\r\n.fu-anholt .fu-section h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 17px;\r\n color:var(--fu-dark);\r\n font-size:1.55rem;\r\n line-height:1.25;\r\n font-weight:800;\r\n}\r\n\r\n.fu-anholt .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-anholt .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-anholt .fu-card + .fu-card {\r\n margin-top:16px;\r\n}\r\n\r\n.fu-anholt .fu-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-anholt .fu-card h3 {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n margin:0 0 10px;\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n font-weight:800;\r\n}\r\n\r\n.fu-anholt .fu-card h3 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-anholt .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-anholt .fu-highlight {\r\n background:#f7f1e7;\r\n border:1px solid #ead9bd;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:14px;\r\n padding:18px 20px;\r\n}\r\n\r\n.fu-anholt .fu-highlight strong {\r\n color:#71480a;\r\n}\r\n\r\n.fu-anholt .fu-info {\r\n background:#edf5f2;\r\n border:1px solid #d5e5df;\r\n border-radius:15px;\r\n padding:18px 20px;\r\n}\r\n\r\n.fu-anholt .fu-info strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-anholt .fu-list {\r\n margin:0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-anholt .fu-list li {\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-anholt .fu-price {\r\n display:flex;\r\n align-items:flex-start;\r\n justify-content:space-between;\r\n gap:15px;\r\n padding:10px 0;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-anholt .fu-price:last-child {\r\n border-bottom:0;\r\n padding-bottom:0;\r\n}\r\n\r\n.fu-anholt .fu-price strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-anholt .fu-price span {\r\n text-align:right;\r\n font-weight:700;\r\n color:var(--fu-green);\r\n}\r\n\r\n.fu-anholt .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:17px;\r\n}\r\n\r\n.fu-anholt .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 15px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:700;\r\n box-shadow:0 4px 12px rgba(31,75,63,.14);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-anholt .fu-button:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-anholt .fu-button.fu-secondary {\r\n background:#f3f5f3;\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n box-shadow:none;\r\n}\r\n\r\n.fu-anholt .fu-button.fu-secondary:hover {\r\n background:#e8eeeb;\r\n}\r\n\r\n.fu-anholt .fu-route-grid {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-anholt .fu-route {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:13px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:13px;\r\n background:var(--fu-paper);\r\n color:var(--fu-green);\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-anholt .fu-route:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-anholt .fu-route i {\r\n font-size:1.15rem;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-anholt .fu-route:hover i {\r\n color:#fff;\r\n}\r\n\r\n.fu-anholt .fu-related {\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:13px;\r\n}\r\n\r\n.fu-anholt .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n padding:16px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-anholt .fu-related a:hover {\r\n border-color:#bfd1ca;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-anholt .fu-related i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.3rem;\r\n}\r\n\r\n.fu-anholt .fu-related strong {\r\n display:block;\r\n color:var(--fu-dark);\r\n}\r\n\r\n.fu-anholt .fu-related small {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n line-height:1.5;\r\n}\r\n\r\n.fu-anholt .fu-status {\r\n margin-top:30px;\r\n padding:14px 17px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.86rem;\r\n}\r\n\r\n@media (min-width:640px) {\r\n .fu-anholt {\r\n padding-left:10px;\r\n padding-right:10px;\r\n }\r\n\r\n .fu-anholt .fu-hero-content {\r\n padding:34px 34px 38px;\r\n }\r\n\r\n .fu-anholt .fu-facts {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-anholt .fu-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-anholt .fu-route-grid {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-anholt .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (min-width:900px) {\r\n .fu-anholt .fu-facts {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n\r\n .fu-anholt .fu-related {\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-anholt .fu-route-grid {\r\n grid-template-columns:repeat(4,1fr);\r\n }\r\n}\r\n } /* ===== FU ARTICLE 526 ===== */ @scope (.fu-article-526) { \r\n/* =========================================================\r\n FAST UMSONST – STEINFURTER BAGNO\r\n Einheitliches Seitenlayout\r\n Vorlage: Dülmener Wildpferde / Davert\r\n ========================================================= */\r\n\r\n.fu-bagno {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-light:#f3f1eb;\r\n --fu-border:#e4e0d7;\r\n --fu-text:#29332f;\r\n --fu-muted:#66716c;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n color:var(--fu-text);\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-bagno * {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* HERO */\r\n.fu-bagno .fu-hero {\r\n margin:0 0 30px;\r\n background:var(--fu-white);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:0 8px 28px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-bagno .fu-hero-image {\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-bagno .fu-hero-content {\r\n padding:30px 32px 32px;\r\n}\r\n\r\n.fu-bagno .fu-kicker {\r\n margin:0 0 7px;\r\n color:var(--fu-orange);\r\n font-size:.9rem;\r\n font-weight:700;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n}\r\n\r\n.fu-bagno h1 {\r\n margin:0 0 12px;\r\n color:var(--fu-green);\r\n font-size:clamp(2rem,4vw,3.1rem);\r\n line-height:1.15;\r\n font-weight:750;\r\n}\r\n\r\n.fu-bagno .fu-lead {\r\n margin:0;\r\n max-width:900px;\r\n font-size:1.15rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-bagno .fu-image-credit {\r\n margin:0;\r\n padding:9px 18px 12px;\r\n background:#f7f6f2;\r\n color:var(--fu-muted);\r\n font-size:.82rem;\r\n line-height:1.5;\r\n}\r\n\r\n/* SCHNELLNAVIGATION */\r\n.fu-bagno .fu-nav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 30px;\r\n padding:18px;\r\n background:var(--fu-light);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-bagno .fu-nav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n color:var(--fu-green);\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:650;\r\n line-height:1.3;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-bagno .fu-nav a:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* CONTENT CARDS */\r\n.fu-bagno .fu-section {\r\n margin:0 0 28px;\r\n padding:28px 30px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:0 5px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-bagno h2 {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 16px;\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n line-height:1.3;\r\n}\r\n\r\n.fu-bagno h2 i {\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-bagno h3 {\r\n margin:22px 0 9px;\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-bagno p {\r\n margin:0 0 15px;\r\n}\r\n\r\n.fu-bagno p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* FACTS */\r\n.fu-bagno .fu-facts {\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:15px;\r\n margin:20px 0 0;\r\n}\r\n\r\n.fu-bagno .fu-fact {\r\n padding:18px;\r\n background:var(--fu-paper);\r\n border-radius:13px;\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-bagno .fu-fact i {\r\n display:block;\r\n margin-bottom:7px;\r\n color:var(--fu-orange);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-bagno .fu-fact strong {\r\n display:block;\r\n color:var(--fu-green);\r\n font-size:1.02rem;\r\n}\r\n\r\n.fu-bagno .fu-fact span {\r\n display:block;\r\n margin-top:3px;\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n}\r\n\r\n/* HIGHLIGHT */\r\n.fu-bagno .fu-highlight {\r\n margin:20px 0 0;\r\n padding:20px 22px;\r\n background:#fff8ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:10px;\r\n}\r\n\r\n.fu-bagno .fu-highlight strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* BUTTONS */\r\n.fu-bagno .fu-buttons {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-bagno .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n min-height:44px;\r\n padding:10px 17px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-bagno .fu-btn-primary {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n}\r\n\r\n.fu-bagno .fu-btn-primary:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-dark);\r\n}\r\n\r\n.fu-bagno .fu-btn-secondary {\r\n color:var(--fu-green);\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-bagno .fu-btn-secondary:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* RELATED INFORMATION */\r\n.fu-bagno .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-bagno .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n min-height:70px;\r\n padding:15px 17px;\r\n color:var(--fu-green);\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:12px;\r\n text-decoration:none;\r\n font-weight:700;\r\n line-height:1.35;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-bagno .fu-related a i {\r\n flex:0 0 auto;\r\n color:var(--fu-orange);\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-bagno .fu-related a:hover {\r\n color:var(--fu-white);\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n}\r\n\r\n.fu-bagno .fu-related a:hover i {\r\n color:var(--fu-white);\r\n}\r\n\r\n/* QUELLEN / STAND */\r\n.fu-bagno .fu-source {\r\n color:var(--fu-muted);\r\n font-size:.9rem;\r\n}\r\n\r\n.fu-bagno .fu-source a {\r\n color:var(--fu-green);\r\n font-weight:650;\r\n}\r\n\r\n.fu-bagno .fu-stand {\r\n margin-top:22px;\r\n padding-top:15px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:.88rem;\r\n}\r\n\r\n/* RESPONSIVE */\r\n@media (max-width:800px) {\r\n .fu-bagno .fu-facts {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-bagno .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-bagno .fu-hero-content,\r\n .fu-bagno .fu-section {\r\n padding:23px 20px;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n .fu-bagno {\r\n font-size:1rem;\r\n }\r\n\r\n .fu-bagno .fu-hero-image {\r\n min-height:220px;\r\n object-fit:cover;\r\n }\r\n\r\n .fu-bagno .fu-nav {\r\n padding:13px;\r\n }\r\n\r\n .fu-bagno .fu-nav a {\r\n width:100%;\r\n }\r\n\r\n .fu-bagno h1 {\r\n font-size:2rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 528 ===== */ @scope (.fu-article-528) { \r\n/* =========================================================\r\n FAST UMSONST – LATZ UND LÄTZCHEN\r\n Baby- und Kinderflohmarkt Münster\r\n Einheitliches Flohmarkt-Layout\r\n ========================================================= */\r\n\r\n.fu-latz {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#e8f0ed;\r\n --fu-orange:#d98b3a;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#68746f;\r\n --fu-border:#dfe6e2;\r\n --fu-shadow:0 12px 32px rgba(23,56,47,.10);\r\n --fu-radius:18px;\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:20px 18px 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-latz *,\r\n.fu-latz *::before,\r\n.fu-latz *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-latz .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:\r\n radial-gradient(circle at top right, rgba(255,255,255,.14), transparent 35%),\r\n linear-gradient(135deg, var(--fu-green-dark), var(--fu-green));\r\n color:#fff;\r\n border-radius:24px;\r\n padding:42px 42px 38px;\r\n margin-bottom:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-latz .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n right:-70px;\r\n bottom:-90px;\r\n width:240px;\r\n height:240px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-latz .fu-eyebrow {\r\n position:relative;\r\n z-index:1;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n}\r\n\r\n.fu-latz .fu-eyebrow i {\r\n font-size:1rem;\r\n}\r\n\r\n.fu-latz .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-latz .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n max-width:820px;\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-latz .fu-jumpnav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-latz .fu-jumpnav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-white);\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-size:.92rem;\r\n font-weight:700;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-latz .fu-jumpnav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n ALLGEMEINE KARTEN\r\n ========================================================= */\r\n\r\n.fu-latz .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:var(--fu-radius);\r\n padding:28px;\r\n margin-bottom:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-latz .fu-card h2,\r\n.fu-latz .fu-card h3 {\r\n margin-top:0;\r\n color:var(--fu-green-dark);\r\n line-height:1.25;\r\n}\r\n\r\n.fu-latz .fu-card h2 {\r\n margin-bottom:14px;\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-latz .fu-card h3 {\r\n margin-bottom:9px;\r\n font-size:1.12rem;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-latz .fu-intro {\r\n display:grid;\r\n grid-template-columns:minmax(0,1.55fr) minmax(260px,.85fr);\r\n gap:22px;\r\n margin-bottom:22px;\r\n}\r\n\r\n.fu-latz .fu-intro-main {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:var(--fu-radius);\r\n padding:30px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-latz .fu-intro-main h2 {\r\n margin:0 0 14px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-latz .fu-intro-main p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-latz .fu-intro-main p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-latz .fu-highlight {\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n background:var(--fu-green-light);\r\n border:1px solid #d5e3dd;\r\n border-radius:var(--fu-radius);\r\n padding:28px;\r\n}\r\n\r\n.fu-latz .fu-highlight-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:52px;\r\n height:52px;\r\n margin-bottom:15px;\r\n border-radius:14px;\r\n background:var(--fu-orange);\r\n color:#fff;\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-latz .fu-highlight strong {\r\n display:block;\r\n margin-bottom:5px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-latz .fu-highlight span {\r\n color:var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n ANGEBOT\r\n ========================================================= */\r\n\r\n.fu-latz .fu-section-title {\r\n margin:0 0 17px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-latz .fu-offer-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-latz .fu-offer {\r\n height:100%;\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:#fff;\r\n}\r\n\r\n.fu-latz .fu-offer-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:44px;\r\n height:44px;\r\n margin-bottom:14px;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-latz .fu-offer h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-latz .fu-offer p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n/* =========================================================\r\n TERMINE / BESUCH\r\n ========================================================= */\r\n\r\n.fu-latz .fu-date-grid {\r\n display:grid;\r\n grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);\r\n gap:22px;\r\n margin-bottom:22px;\r\n}\r\n\r\n.fu-latz .fu-date-main {\r\n padding:30px;\r\n border-radius:var(--fu-radius);\r\n background:var(--fu-green);\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-latz .fu-date-main h2 {\r\n margin:0 0 18px;\r\n color:#fff;\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-latz .fu-date {\r\n display:flex;\r\n align-items:center;\r\n gap:17px;\r\n}\r\n\r\n.fu-latz .fu-date-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n flex:0 0 auto;\r\n width:58px;\r\n height:58px;\r\n border-radius:15px;\r\n background:rgba(255,255,255,.13);\r\n color:#fff;\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-latz .fu-date strong {\r\n display:block;\r\n font-size:1.35rem;\r\n color:#fff;\r\n}\r\n\r\n.fu-latz .fu-date span {\r\n color:rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-latz .fu-visit {\r\n padding:30px;\r\n border:1px solid var(--fu-border);\r\n border-radius:var(--fu-radius);\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-latz .fu-visit h2 {\r\n margin:0 0 15px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-latz .fu-visit p {\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-latz .fu-visit p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n EINTRITT\r\n ========================================================= */\r\n\r\n.fu-latz .fu-entry-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n margin-top:20px;\r\n}\r\n\r\n.fu-latz .fu-entry {\r\n padding:23px;\r\n text-align:center;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-latz .fu-entry-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:46px;\r\n height:46px;\r\n margin:0 auto 12px;\r\n border-radius:13px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-latz .fu-entry strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n font-size:1.08rem;\r\n}\r\n\r\n.fu-latz .fu-entry span {\r\n display:block;\r\n margin-top:4px;\r\n color:var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n SCHWANGERE\r\n ========================================================= */\r\n\r\n.fu-latz .fu-special {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:16px;\r\n padding:24px 26px;\r\n margin-bottom:22px;\r\n border:1px solid #eadbc8;\r\n border-radius:var(--fu-radius);\r\n background:#fff9f1;\r\n}\r\n\r\n.fu-latz .fu-special-icon {\r\n flex:0 0 auto;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:45px;\r\n height:45px;\r\n border-radius:12px;\r\n background:var(--fu-orange);\r\n color:#fff;\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-latz .fu-special h3 {\r\n margin:0 0 6px;\r\n color:#7b4a19;\r\n}\r\n\r\n.fu-latz .fu-special p {\r\n margin:0;\r\n color:#685542;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-latz .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);\r\n gap:22px;\r\n margin-bottom:22px;\r\n}\r\n\r\n.fu-latz .fu-contact-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:var(--fu-radius);\r\n padding:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-latz .fu-contact-card h2 {\r\n margin:0 0 18px;\r\n color:var(--fu-green-dark);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-latz .fu-contact-row {\r\n display:flex;\r\n gap:14px;\r\n align-items:flex-start;\r\n padding:12px 0;\r\n border-bottom:1px solid #edf1ef;\r\n}\r\n\r\n.fu-latz .fu-contact-row:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-latz .fu-contact-row i {\r\n flex:0 0 auto;\r\n width:25px;\r\n margin-top:3px;\r\n color:var(--fu-orange);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-latz .fu-contact-row strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-latz .fu-contact-row span {\r\n color:var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n BUTTON\r\n ========================================================= */\r\n\r\n.fu-latz .fu-button-wrap {\r\n margin-top:20px;\r\n}\r\n\r\n.fu-latz .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n padding:12px 19px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-latz .fu-button:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-latz .fu-related {\r\n margin-bottom:22px;\r\n}\r\n\r\n.fu-latz .fu-related h2 {\r\n margin:0 0 17px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-latz .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-latz .fu-related-card {\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:#fff;\r\n text-decoration:none !important;\r\n box-shadow:0 7px 20px rgba(23,56,47,.07);\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-latz .fu-related-card:hover {\r\n transform:translateY(-3px);\r\n border-color:#c7d8d1;\r\n box-shadow:0 12px 26px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-latz .fu-related-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:43px;\r\n height:43px;\r\n margin-bottom:13px;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-latz .fu-related-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-latz .fu-related-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.93rem;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-latz .fu-back {\r\n text-align:center;\r\n margin-top:30px;\r\n}\r\n\r\n.fu-latz .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n.fu-latz .fu-back a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-latz .fu-intro,\r\n .fu-latz .fu-date-grid,\r\n .fu-latz .fu-contact-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-latz .fu-offer-grid,\r\n .fu-latz .fu-entry-grid,\r\n .fu-latz .fu-related-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-latz {\r\n padding:10px 10px 35px;\r\n }\r\n\r\n .fu-latz .fu-hero {\r\n padding:30px 24px;\r\n border-radius:20px;\r\n }\r\n\r\n .fu-latz .fu-card,\r\n .fu-latz .fu-intro-main,\r\n .fu-latz .fu-highlight,\r\n .fu-latz .fu-date-main,\r\n .fu-latz .fu-visit,\r\n .fu-latz .fu-contact-card {\r\n padding:23px;\r\n }\r\n\r\n .fu-latz .fu-offer-grid,\r\n .fu-latz .fu-entry-grid,\r\n .fu-latz .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-latz .fu-jumpnav {\r\n gap:7px;\r\n }\r\n\r\n .fu-latz .fu-jumpnav a {\r\n font-size:.86rem;\r\n padding:8px 12px;\r\n }\r\n\r\n .fu-latz .fu-special {\r\n padding:20px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 529 ===== */ @scope (.fu-article-529) { \r\n .fu-alte-apotheke {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #17382f;\r\n --fu-accent: #d9a441;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26312d;\r\n --fu-muted: #68736f;\r\n --fu-border: #e6e1d9;\r\n --fu-soft: #f1eee8;\r\n\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n /* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6657);\r\n color: #fff;\r\n border-radius: 20px;\r\n padding: 34px 30px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 12px 30px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-alte-apotheke .fu-hero h2 {\r\n color: #fff;\r\n margin: 0 0 10px;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-alte-apotheke .fu-hero p {\r\n margin: 0;\r\n max-width: 900px;\r\n font-size: 1.06rem;\r\n }\r\n\r\n /* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-nav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 18px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-title {\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-links {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-links a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 14px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-links a:hover {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n border-color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n SECTIONS / CARDS\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-section {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 8px 22px rgba(0,0,0,.06);\r\n }\r\n\r\n .fu-alte-apotheke .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.35rem;\r\n margin: 0 0 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-alte-apotheke .fu-title-icon {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-title-icon i {\r\n color: var(--fu-accent);\r\n font-size: 1.35rem;\r\n }\r\n\r\n /* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-highlight {\r\n background: var(--fu-soft);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 16px 18px;\r\n margin: 18px 0;\r\n }\r\n\r\n /* =========================================================\r\n INFO GRID\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 16px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 18px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-info-box strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n margin-bottom: 6px;\r\n }\r\n\r\n /* =========================================================\r\n ANGEBOTE\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-service-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n gap: 18px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-service {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n height: 100%;\r\n }\r\n\r\n .fu-alte-apotheke .fu-service i {\r\n display: block;\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-service h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-alte-apotheke .fu-service p {\r\n margin: 0;\r\n }\r\n\r\n /* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-btn-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n border: 1px solid transparent;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-alte-apotheke .fu-btn-primary {\r\n background: var(--fu-brand);\r\n color: #fff;\r\n }\r\n\r\n .fu-alte-apotheke .fu-btn-primary:hover {\r\n background: var(--fu-brand-dark);\r\n color: #fff;\r\n }\r\n\r\n .fu-alte-apotheke .fu-btn-light {\r\n background: #fff;\r\n color: var(--fu-brand);\r\n border-color: var(--fu-border);\r\n }\r\n\r\n .fu-alte-apotheke .fu-btn-light:hover {\r\n background: var(--fu-soft);\r\n color: var(--fu-brand);\r\n }\r\n\r\n /* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));\r\n gap: 18px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n transition: .2s ease;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,.07);\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-icon {\r\n color: var(--fu-accent);\r\n font-size: 1.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card h4 {\r\n color: var(--fu-brand);\r\n margin: 0 0 8px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card p {\r\n color: var(--fu-muted);\r\n margin: 0 0 16px;\r\n flex-grow: 1;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n }\r\n\r\n .fu-alte-apotheke .fu-related-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n /* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n }\r\n\r\n /* =========================================================\r\n ZURÜCK NACH OBEN\r\n ========================================================= */\r\n\r\n .fu-alte-apotheke .fu-backtop {\r\n text-align: right;\r\n margin-top: 10px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n\r\n /* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n @media (max-width: 767px) {\r\n\r\n .fu-alte-apotheke .fu-hero {\r\n padding: 26px 20px;\r\n border-radius: 16px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-hero h2 {\r\n font-size: 1.6rem;\r\n }\r\n\r\n .fu-alte-apotheke .fu-card {\r\n padding: 19px;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-links {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-alte-apotheke .fu-nav-links a {\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 530 ===== */ @scope (.fu-article-530) { \r\n/* =========================================================\r\n FAST UMSONST – ÄNDERUNGSSCHNEIDEREIEN IN MÜNSTER\r\n Stadtteile als Sprungmarken\r\n ========================================================= */\r\n\r\n.fu-schneidereien {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n\r\n color:#26332e;\r\n line-height:1.65;\r\n font-size:1.03rem;\r\n}\r\n\r\n.fu-schneidereien * {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-schneidereien .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n padding:42px 34px;\r\n border-radius:22px;\r\n margin-bottom:28px;\r\n box-shadow:0 12px 30px rgba(23,56,47,.18);\r\n}\r\n\r\n.fu-schneidereien .fu-hero-icon {\r\n font-size:2.7rem;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-schneidereien .fu-hero h1 {\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n margin:0 0 14px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-schneidereien .fu-hero p {\r\n max-width:850px;\r\n margin:0;\r\n font-size:1.12rem;\r\n color:rgba(255,255,255,.94);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-schneidereien .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:16px;\r\n padding:24px 26px;\r\n margin-bottom:30px;\r\n box-shadow:0 6px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-schneidereien .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-schneidereien .fu-jumpbox {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:22px;\r\n margin-bottom:34px;\r\n box-shadow:0 6px 18px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-schneidereien .fu-jump-title {\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n color:var(--fu-green);\r\n font-weight:700;\r\n font-size:1.08rem;\r\n margin-bottom:16px;\r\n}\r\n\r\n.fu-schneidereien .fu-jumps {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n}\r\n\r\n.fu-schneidereien .fu-jumps a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 14px;\r\n border-radius:999px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.94rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-schneidereien .fu-jumps a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* =========================================================\r\n STADTTEIL\r\n ========================================================= */\r\n\r\n.fu-schneidereien .fu-district {\r\n scroll-margin-top:100px;\r\n margin-bottom:42px;\r\n}\r\n\r\n.fu-schneidereien .fu-district-title {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n color:var(--fu-green);\r\n font-size:1.7rem;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n padding-bottom:10px;\r\n border-bottom:2px solid var(--fu-border);\r\n}\r\n\r\n.fu-schneidereien .fu-district-title i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n BETRIEBSCARD\r\n ========================================================= */\r\n\r\n.fu-schneidereien .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:24px;\r\n margin-bottom:18px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.07);\r\n transition:transform .2s ease,box-shadow .2s ease;\r\n}\r\n\r\n.fu-schneidereien .fu-card:hover {\r\n transform:translateY(-3px);\r\n box-shadow:0 12px 28px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-schneidereien .fu-card h3 {\r\n color:var(--fu-green);\r\n font-size:1.3rem;\r\n margin:0 0 12px;\r\n}\r\n\r\n.fu-schneidereien .fu-address {\r\n display:flex;\r\n gap:9px;\r\n margin:7px 0;\r\n}\r\n\r\n.fu-schneidereien .fu-address i {\r\n color:var(--fu-orange);\r\n margin-top:4px;\r\n}\r\n\r\n.fu-schneidereien .fu-hours {\r\n background:var(--fu-paper);\r\n border-radius:12px;\r\n padding:11px 14px;\r\n margin:14px 0;\r\n}\r\n\r\n.fu-schneidereien .fu-hours i {\r\n color:var(--fu-orange);\r\n margin-right:6px;\r\n}\r\n\r\n.fu-schneidereien .fu-services {\r\n margin-top:16px;\r\n padding-top:15px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-schneidereien .fu-services-title {\r\n color:var(--fu-green);\r\n font-weight:700;\r\n margin-bottom:9px;\r\n}\r\n\r\n.fu-schneidereien .fu-tags {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:7px;\r\n}\r\n\r\n.fu-schneidereien .fu-tag {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:5px;\r\n padding:6px 10px;\r\n border-radius:999px;\r\n background:#f4f6f3;\r\n color:#42544c;\r\n border:1px solid #e2e7e2;\r\n font-size:.88rem;\r\n}\r\n\r\n.fu-schneidereien .fu-tag i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-schneidereien .fu-note {\r\n margin-top:14px;\r\n padding:12px 14px;\r\n border-radius:11px;\r\n background:#fff8ed;\r\n border:1px solid #f1dfbf;\r\n color:#634719;\r\n font-size:.94rem;\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-schneidereien .fu-links {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-schneidereien .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n padding:10px 15px;\r\n border-radius:10px;\r\n text-decoration:none !important;\r\n font-weight:600;\r\n font-size:.92rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-schneidereien .fu-btn:hover {\r\n transform:translateY(-2px);\r\n}\r\n\r\n.fu-schneidereien .fu-btn-green {\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-schneidereien .fu-btn-green:hover {\r\n background:var(--fu-dark);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-schneidereien .fu-btn-orange {\r\n background:var(--fu-orange);\r\n color:#fff !important;\r\n}\r\n\r\n.fu-schneidereien .fu-btn-orange:hover {\r\n background:#b85f05;\r\n color:#fff !important;\r\n}\r\n\r\n.fu-schneidereien .fu-btn-light {\r\n background:var(--fu-paper);\r\n color:var(--fu-green) !important;\r\n border:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-schneidereien .fu-btn-light:hover {\r\n background:#fff;\r\n border-color:var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n INFOBOX\r\n ========================================================= */\r\n\r\n.fu-schneidereien .fu-info {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px;\r\n margin:34px 0;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-schneidereien .fu-info h2 {\r\n color:var(--fu-green);\r\n margin-top:0;\r\n font-size:1.45rem;\r\n}\r\n\r\n.fu-schneidereien .fu-info ul {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-schneidereien .fu-info li {\r\n margin-bottom:7px;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-schneidereien .fu-related {\r\n margin-top:40px;\r\n}\r\n\r\n.fu-schneidereien .fu-related h2 {\r\n color:var(--fu-green);\r\n font-size:1.55rem;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-schneidereien .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-schneidereien .fu-related-card {\r\n display:block;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:20px;\r\n text-decoration:none;\r\n color:#26332e;\r\n box-shadow:0 6px 17px rgba(0,0,0,.06);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-schneidereien .fu-related-card:hover {\r\n transform:translateY(-3px);\r\n border-color:var(--fu-green);\r\n box-shadow:0 10px 23px rgba(0,0,0,.09);\r\n}\r\n\r\n.fu-schneidereien .fu-related-card i {\r\n font-size:1.5rem;\r\n color:var(--fu-orange);\r\n display:block;\r\n margin-bottom:10px;\r\n}\r\n\r\n.fu-schneidereien .fu-related-card strong {\r\n display:block;\r\n color:var(--fu-green);\r\n margin-bottom:5px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n\r\n .fu-schneidereien .fu-related-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n}\r\n\r\n@media (max-width:650px) {\r\n\r\n .fu-schneidereien .fu-hero {\r\n padding:30px 22px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-schneidereien .fu-intro,\r\n .fu-schneidereien .fu-card,\r\n .fu-schneidereien .fu-info,\r\n .fu-schneidereien .fu-jumpbox {\r\n padding:19px;\r\n }\r\n\r\n .fu-schneidereien .fu-related-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-schneidereien .fu-links {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-schneidereien .fu-btn {\r\n width:100%;\r\n }\r\n\r\n}\r\n } /* ===== FU ARTICLE 531 ===== */ @scope (.fu-article-531) { \r\n/* =========================================================\r\n FAST UMSONST – DIY-FAHRRADWERKSTATT IM CUBA\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-fahrrad-cuba {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:20px 15px 50px;\r\n color:#26332e;\r\n font-size:1.05rem;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-fahrrad-cuba * {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n HERO\r\n --------------------------------------------------------- */\r\n\r\n.fu-fahrrad-cuba .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:0 12px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-hero-icon {\r\n width:62px;\r\n height:62px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:18px;\r\n background:rgba(255,255,255,.13);\r\n font-size:2rem;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-hero h1 {\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-hero p {\r\n margin:0;\r\n max-width:880px;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n INTRO\r\n --------------------------------------------------------- */\r\n\r\n.fu-fahrrad-cuba .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:16px;\r\n padding:24px 26px;\r\n margin-bottom:28px;\r\n box-shadow:0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SPRUNGNAVIGATION\r\n --------------------------------------------------------- */\r\n\r\n.fu-fahrrad-cuba .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 32px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.95rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n SECTIONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-fahrrad-cuba .fu-section {\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-section h2 {\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n margin:0 0 18px;\r\n font-weight:800;\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-section h2 i {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n CARDS\r\n --------------------------------------------------------- */\r\n\r\n.fu-fahrrad-cuba .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.055);\r\n height:100%;\r\n transition:transform .2s ease,box-shadow .2s ease;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-card:hover {\r\n transform:translateY(-3px);\r\n box-shadow:0 12px 26px rgba(0,0,0,.09);\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-card-icon {\r\n width:46px;\r\n height:46px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:#edf3f0;\r\n color:var(--fu-green);\r\n font-size:1.4rem;\r\n margin-bottom:14px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-card h3 {\r\n margin:0 0 8px;\r\n color:var(--fu-dark);\r\n font-size:1.18rem;\r\n font-weight:750;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-card p {\r\n margin:0;\r\n color:#46534e;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n TERMIN\r\n --------------------------------------------------------- */\r\n\r\n.fu-fahrrad-cuba .fu-date {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-radius:18px;\r\n padding:26px 28px;\r\n box-shadow:0 9px 24px rgba(31,75,63,.15);\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-date-inner {\r\n display:flex;\r\n align-items:center;\r\n gap:18px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-date-icon {\r\n flex:0 0 52px;\r\n width:52px;\r\n height:52px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:14px;\r\n background:rgba(255,255,255,.13);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-date strong {\r\n display:block;\r\n font-size:1.3rem;\r\n color:#fff;\r\n margin-bottom:3px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-date span {\r\n color:rgba(255,255,255,.9);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n ADRESSE / KONTAKT\r\n --------------------------------------------------------- */\r\n\r\n.fu-fahrrad-cuba .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:18px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-contact-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:24px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.055);\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-contact-card h3 {\r\n color:var(--fu-green);\r\n margin:0 0 15px;\r\n font-size:1.2rem;\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-contact-line {\r\n display:flex;\r\n gap:11px;\r\n margin:8px 0;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-contact-line i {\r\n color:var(--fu-orange);\r\n width:22px;\r\n flex:0 0 22px;\r\n margin-top:4px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-contact a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n ROUTE BUTTONS\r\n --------------------------------------------------------- */\r\n\r\n.fu-fahrrad-cuba .fu-route {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-route a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:11px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-route .fu-google {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-route .fu-osm {\r\n background:#edf3f0;\r\n color:var(--fu-green);\r\n border:1px solid #d9e3de;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-route a:hover {\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n INFOBOX\r\n --------------------------------------------------------- */\r\n\r\n.fu-fahrrad-cuba .fu-info {\r\n background:#fff8ed;\r\n border:1px solid #f2d7ae;\r\n border-radius:16px;\r\n padding:23px 25px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-info h3 {\r\n margin:0 0 10px;\r\n color:#8a4d08;\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-info ul {\r\n margin:10px 0 0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-info li {\r\n margin:6px 0;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n PASSENDE INFORMATIONEN\r\n --------------------------------------------------------- */\r\n\r\n.fu-fahrrad-cuba .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:15px;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n padding:17px 18px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n box-shadow:0 5px 15px rgba(0,0,0,.045);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-related a:hover {\r\n transform:translateY(-2px);\r\n border-color:#cbd8d2;\r\n box-shadow:0 9px 20px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-related i {\r\n font-size:1.3rem;\r\n color:var(--fu-orange);\r\n flex:0 0 auto;\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n BACK LINK\r\n --------------------------------------------------------- */\r\n\r\n.fu-fahrrad-cuba .fu-back {\r\n margin-top:34px;\r\n text-align:center;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 18px;\r\n border-radius:11px;\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-fahrrad-cuba .fu-back a:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-2px);\r\n}\r\n\r\n/* ---------------------------------------------------------\r\n RESPONSIVE\r\n --------------------------------------------------------- */\r\n\r\n@media (max-width:900px) {\r\n .fu-fahrrad-cuba .fu-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-fahrrad-cuba .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n .fu-fahrrad-cuba {\r\n padding:12px 8px 35px;\r\n font-size:1rem;\r\n }\r\n\r\n .fu-fahrrad-cuba .fu-hero {\r\n padding:30px 23px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-fahrrad-cuba .fu-grid,\r\n .fu-fahrrad-cuba .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-fahrrad-cuba .fu-date-inner {\r\n align-items:flex-start;\r\n }\r\n\r\n .fu-fahrrad-cuba .fu-route a {\r\n width:100%;\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 533 ===== */ @scope (.fu-article-533) { \r\n/* =========================================================\r\n FAST UMSONST – MODUBE\r\n Mobiler Dusch- und Beratungstreff des ASB Münsterland\r\n Mit Sprungmarken, Kartenlinks und geprüften internen Links\r\n ========================================================= */\r\n\r\n.fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-dark: #16392f;\r\n --fu-paper: #faf8f4;\r\n --fu-card: #ffffff;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736e;\r\n --fu-border: #e7e2da;\r\n --fu-highlight: #f4ead7;\r\n\r\n color: var(--fu-text);\r\n line-height: 1.7;\r\n font-size: 1rem;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.fu-page *,\r\n.fu-page *::before,\r\n.fu-page *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-page .fu-container {\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-page .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #2d6354);\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 22px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.10);\r\n}\r\n\r\n.fu-page .fu-hero-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,.14);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-page .fu-hero h1 {\r\n margin: 0 0 14px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.08rem;\r\n opacity: .96;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-jumpnav {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 14px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-page .fu-jumpnav-inner {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 9px;\r\n}\r\n\r\n.fu-page .fu-jumpnav a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 13px;\r\n border-radius: 10px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: .93rem;\r\n line-height: 1.25;\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-jumpnav a:hover {\r\n background: var(--fu-brand);\r\n border-color: var(--fu-brand);\r\n color: #fff;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-page .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 28px;\r\n margin-bottom: 34px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-page .fu-intro p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-section {\r\n margin-bottom: 38px;\r\n scroll-margin-top: 30px;\r\n}\r\n\r\n.fu-page .fu-section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 0 18px;\r\n color: var(--fu-brand);\r\n font-size: 1.55rem;\r\n line-height: 1.25;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-section-title i {\r\n font-size: 1.25em;\r\n}\r\n\r\n/* =========================================================\r\n GRID\r\n ========================================================= */\r\n\r\n.fu-page .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-page .fu-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n}\r\n\r\n.fu-page .fu-card h3 {\r\n margin: 0 0 10px;\r\n color: var(--fu-brand);\r\n font-size: 1.22rem;\r\n line-height: 1.3;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-card-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.7rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-page .fu-important {\r\n background: var(--fu-highlight);\r\n border: 1px solid #ead9ba;\r\n border-radius: 18px;\r\n padding: 24px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.05);\r\n}\r\n\r\n/* =========================================================\r\n BUTTONS\r\n ========================================================= */\r\n\r\n.fu-page .fu-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-page .fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 12px 18px;\r\n border-radius: 12px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n border: 2px solid var(--fu-brand);\r\n transition: all .2s ease;\r\n}\r\n\r\n.fu-page .fu-btn:hover {\r\n background: var(--fu-brand-dark);\r\n border-color: var(--fu-brand-dark);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-page .fu-btn-outline {\r\n background: transparent;\r\n color: var(--fu-brand) !important;\r\n}\r\n\r\n.fu-page .fu-btn-outline:hover {\r\n color: #fff !important;\r\n}\r\n\r\n/* =========================================================\r\n STANDORTE\r\n ========================================================= */\r\n\r\n.fu-page .fu-location-card {\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px;\r\n box-shadow: 0 7px 22px rgba(0,0,0,.06);\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.fu-page .fu-location-card h3 {\r\n margin: 0 0 8px;\r\n color: var(--fu-brand);\r\n font-size: 1.2rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-page .fu-location-icon {\r\n color: var(--fu-brand);\r\n font-size: 1.8rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-location-meta {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-page .fu-location-time {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 14px;\r\n padding: 9px 12px;\r\n border-radius: 10px;\r\n background: var(--fu-paper);\r\n color: var(--fu-brand);\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-location-card .fu-buttons {\r\n margin-top: auto;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-page .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n padding: 16px 18px;\r\n}\r\n\r\n.fu-page .fu-contact-item i {\r\n color: var(--fu-brand);\r\n margin-right: 8px;\r\n}\r\n\r\n.fu-page .fu-contact-item a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-page .fu-contact-item a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-link-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-page .fu-link-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--fu-card);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 21px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: 0 7px 20px rgba(0,0,0,.05);\r\n height: 100%;\r\n transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fu-page .fu-link-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 26px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-page .fu-link-card i {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.fu-page .fu-link-card strong {\r\n display: block;\r\n color: var(--fu-brand);\r\n font-size: 1.08rem;\r\n line-height: 1.35;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-page .fu-link-card span {\r\n color: var(--fu-muted);\r\n font-size: .96rem;\r\n}\r\n\r\n/* =========================================================\r\n QUELLHINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-source {\r\n background: var(--fu-paper);\r\n border-left: 4px solid var(--fu-brand);\r\n border-radius: 0 14px 14px 0;\r\n padding: 16px 18px;\r\n margin-top: 28px;\r\n color: var(--fu-muted);\r\n font-size: .92rem;\r\n}\r\n\r\n.fu-page .fu-source a {\r\n color: var(--fu-brand);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n NACH OBEN\r\n ========================================================= */\r\n\r\n.fu-page .fu-backtop {\r\n text-align: right;\r\n margin-top: 14px;\r\n}\r\n\r\n.fu-page .fu-backtop a {\r\n color: var(--fu-brand);\r\n text-decoration: none;\r\n font-size: .9rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-page .fu-backtop a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-page .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .93rem;\r\n margin-top: 18px;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-page .fu-grid,\r\n .fu-page .fu-contact,\r\n .fu-page .fu-link-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-page .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-page .fu-intro,\r\n .fu-page .fu-card,\r\n .fu-page .fu-important,\r\n .fu-page .fu-location-card {\r\n padding: 21px;\r\n }\r\n\r\n .fu-page .fu-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-page .fu-btn {\r\n width: 100%;\r\n }\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .fu-page .fu-jumpnav a {\r\n justify-content: center;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n .fu-page .fu-jumpnav-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 534 ===== */ @scope (.fu-article-534) { \r\n/* =========================================================\r\n FAST UMSONST – GARAGENFLOHMARKT GUTER HIRTE\r\n Einheitliches Secondhand-/Flohmarkt-Layout\r\n ========================================================= */\r\n\r\n.fu-garagenflohmarkt {\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-green-light:#e8f0ed;\r\n --fu-orange:#d98b3a;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#68746f;\r\n --fu-border:#dfe6e2;\r\n --fu-shadow:0 12px 32px rgba(23,56,47,.10);\r\n --fu-radius:18px;\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:20px 18px 50px;\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-garagenflohmarkt *,\r\n.fu-garagenflohmarkt *::before,\r\n.fu-garagenflohmarkt *::after {\r\n box-sizing:border-box;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-garagenflohmarkt .fu-hero {\r\n position:relative;\r\n overflow:hidden;\r\n background:\r\n radial-gradient(circle at top right, rgba(255,255,255,.13), transparent 35%),\r\n linear-gradient(135deg, var(--fu-green-dark), var(--fu-green));\r\n color:#fff;\r\n border-radius:24px;\r\n padding:42px 42px 38px;\r\n margin-bottom:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-hero::after {\r\n content:\"\";\r\n position:absolute;\r\n right:-70px;\r\n bottom:-90px;\r\n width:240px;\r\n height:240px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.06);\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-eyebrow {\r\n position:relative;\r\n z-index:1;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n font-size:.82rem;\r\n font-weight:700;\r\n letter-spacing:.08em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-eyebrow i {\r\n font-size:1rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-hero h1 {\r\n position:relative;\r\n z-index:1;\r\n margin:0 0 12px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:800;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-hero p {\r\n position:relative;\r\n z-index:1;\r\n max-width:820px;\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGNAVIGATION\r\n ========================================================= */\r\n\r\n.fu-garagenflohmarkt .fu-jumpnav {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:9px;\r\n margin:0 0 28px;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-jumpnav a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:var(--fu-white);\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-size:.92rem;\r\n font-weight:700;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-jumpnav a:hover {\r\n background:var(--fu-green);\r\n border-color:var(--fu-green);\r\n color:#fff;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n ALLGEMEINE KARTEN\r\n ========================================================= */\r\n\r\n.fu-garagenflohmarkt .fu-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:var(--fu-radius);\r\n padding:28px;\r\n margin-bottom:22px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-card h2,\r\n.fu-garagenflohmarkt .fu-card h3 {\r\n margin-top:0;\r\n color:var(--fu-green-dark);\r\n line-height:1.25;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-card h2 {\r\n margin-bottom:14px;\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-card h3 {\r\n margin-bottom:9px;\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-garagenflohmarkt .fu-intro {\r\n display:grid;\r\n grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);\r\n gap:22px;\r\n margin-bottom:22px;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-intro-main {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:var(--fu-radius);\r\n padding:30px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-intro-main h2 {\r\n margin:0 0 14px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-intro-main p {\r\n margin:0;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-highlight {\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n background:var(--fu-green-light);\r\n border:1px solid #d5e3dd;\r\n border-radius:var(--fu-radius);\r\n padding:28px;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-highlight-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:52px;\r\n height:52px;\r\n margin-bottom:15px;\r\n border-radius:14px;\r\n background:var(--fu-orange);\r\n color:#fff;\r\n font-size:1.35rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-highlight strong {\r\n display:block;\r\n margin-bottom:5px;\r\n color:var(--fu-green-dark);\r\n font-size:1.12rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-highlight span {\r\n color:var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n ANGEBOT\r\n ========================================================= */\r\n\r\n.fu-garagenflohmarkt .fu-section-title {\r\n margin:0 0 17px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-offer-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-offer {\r\n height:100%;\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:#fff;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-offer-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:44px;\r\n height:44px;\r\n margin-bottom:14px;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-offer h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-offer p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.95rem;\r\n}\r\n\r\n/* =========================================================\r\n SPENDENPRINZIP\r\n ========================================================= */\r\n\r\n.fu-garagenflohmarkt .fu-principle {\r\n display:grid;\r\n grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);\r\n gap:22px;\r\n align-items:stretch;\r\n margin-bottom:22px;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-principle-main {\r\n padding:30px;\r\n border-radius:var(--fu-radius);\r\n background:var(--fu-green);\r\n color:#fff;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-principle-main h2 {\r\n margin:0 0 13px;\r\n color:#fff;\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-principle-main p {\r\n margin:0;\r\n color:rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-principle-side {\r\n padding:30px;\r\n border:1px solid var(--fu-border);\r\n border-radius:var(--fu-radius);\r\n background:var(--fu-white);\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-principle-side h3 {\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-principle-side ul {\r\n margin:0;\r\n padding-left:20px;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-principle-side li {\r\n margin-bottom:6px;\r\n}\r\n\r\n/* =========================================================\r\n ÖFFNUNGSZEITEN\r\n ========================================================= */\r\n\r\n.fu-garagenflohmarkt .fu-hours {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:16px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-hour-card {\r\n display:flex;\r\n align-items:center;\r\n gap:15px;\r\n padding:20px;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-hour-icon {\r\n flex:0 0 auto;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:45px;\r\n height:45px;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-hour-card strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-hour-card span {\r\n display:block;\r\n color:var(--fu-muted);\r\n font-size:.94rem;\r\n}\r\n\r\n/* =========================================================\r\n INFO-HINWEIS\r\n ========================================================= */\r\n\r\n.fu-garagenflohmarkt .fu-note {\r\n display:flex;\r\n gap:16px;\r\n align-items:flex-start;\r\n padding:24px 26px;\r\n margin-bottom:22px;\r\n border:1px solid #eadbc8;\r\n border-radius:var(--fu-radius);\r\n background:#fff9f1;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-note-icon {\r\n flex:0 0 auto;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:44px;\r\n height:44px;\r\n border-radius:12px;\r\n background:var(--fu-orange);\r\n color:#fff;\r\n font-size:1.15rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-note h3 {\r\n margin:0 0 6px;\r\n color:#7b4a19;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-note p {\r\n margin:0;\r\n color:#685542;\r\n}\r\n\r\n/* =========================================================\r\n KONTAKT\r\n ========================================================= */\r\n\r\n.fu-garagenflohmarkt .fu-contact-grid {\r\n display:grid;\r\n grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);\r\n gap:22px;\r\n margin-bottom:22px;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-contact-card {\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:var(--fu-radius);\r\n padding:28px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-contact-card h2 {\r\n margin:0 0 18px;\r\n color:var(--fu-green-dark);\r\n font-size:1.5rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-contact-row {\r\n display:flex;\r\n gap:14px;\r\n align-items:flex-start;\r\n padding:12px 0;\r\n border-bottom:1px solid #edf1ef;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-contact-row:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-contact-row i {\r\n flex:0 0 auto;\r\n width:25px;\r\n margin-top:3px;\r\n color:var(--fu-orange);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-contact-row strong {\r\n display:block;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-contact-row span {\r\n color:var(--fu-muted);\r\n}\r\n\r\n/* =========================================================\r\n EXTERNER BUTTON\r\n ========================================================= */\r\n\r\n.fu-garagenflohmarkt .fu-button-wrap {\r\n margin-top:20px;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-button {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:9px;\r\n padding:12px 19px;\r\n border-radius:12px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:700;\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-button:hover {\r\n background:var(--fu-green-dark);\r\n color:#fff !important;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-garagenflohmarkt .fu-related {\r\n margin-bottom:22px;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-related h2 {\r\n margin:0 0 17px;\r\n color:var(--fu-green-dark);\r\n font-size:1.55rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-related-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-related-card {\r\n display:flex;\r\n flex-direction:column;\r\n height:100%;\r\n padding:22px;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n background:#fff;\r\n text-decoration:none !important;\r\n box-shadow:0 7px 20px rgba(23,56,47,.07);\r\n transition:all .2s ease;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-related-card:hover {\r\n transform:translateY(-3px);\r\n border-color:#c7d8d1;\r\n box-shadow:0 12px 26px rgba(23,56,47,.11);\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-related-icon {\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n width:43px;\r\n height:43px;\r\n margin-bottom:13px;\r\n border-radius:12px;\r\n background:var(--fu-green-light);\r\n color:var(--fu-green);\r\n font-size:1.1rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-related-card h3 {\r\n margin:0 0 7px;\r\n color:var(--fu-green-dark);\r\n font-size:1.05rem;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-related-card p {\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:.93rem;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-garagenflohmarkt .fu-back {\r\n text-align:center;\r\n margin-top:30px;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n.fu-garagenflohmarkt .fu-back a:hover {\r\n color:var(--fu-orange);\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width:900px) {\r\n .fu-garagenflohmarkt .fu-intro,\r\n .fu-garagenflohmarkt .fu-principle,\r\n .fu-garagenflohmarkt .fu-contact-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-garagenflohmarkt .fu-offer-grid,\r\n .fu-garagenflohmarkt .fu-related-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n .fu-garagenflohmarkt {\r\n padding:10px 10px 35px;\r\n }\r\n\r\n .fu-garagenflohmarkt .fu-hero {\r\n padding:30px 24px;\r\n border-radius:20px;\r\n }\r\n\r\n .fu-garagenflohmarkt .fu-card,\r\n .fu-garagenflohmarkt .fu-intro-main,\r\n .fu-garagenflohmarkt .fu-highlight,\r\n .fu-garagenflohmarkt .fu-principle-main,\r\n .fu-garagenflohmarkt .fu-principle-side,\r\n .fu-garagenflohmarkt .fu-contact-card {\r\n padding:23px;\r\n }\r\n\r\n .fu-garagenflohmarkt .fu-offer-grid,\r\n .fu-garagenflohmarkt .fu-related-grid,\r\n .fu-garagenflohmarkt .fu-hours {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-garagenflohmarkt .fu-jumpnav {\r\n gap:7px;\r\n }\r\n\r\n .fu-garagenflohmarkt .fu-jumpnav a {\r\n font-size:.86rem;\r\n padding:8px 12px;\r\n }\r\n\r\n .fu-garagenflohmarkt .fu-note {\r\n padding:20px;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 535 ===== */ @scope (.fu-article-535) { \r\n#kleiderkammer-st-martini {\r\n --green:#1f4b3f;\r\n --dark:#17382f;\r\n --paper:#faf8f4;\r\n --orange:#d97706;\r\n --border:#e7e1d7;\r\n --shadow:0 8px 24px rgba(23,56,47,.10);\r\n color:var(--dark);\r\n font-size:1rem;\r\n line-height:1.65;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-container {\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:0 18px;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-hero {\r\n background:linear-gradient(135deg,var(--green),var(--dark));\r\n color:#fff;\r\n border-radius:18px;\r\n padding:38px 28px;\r\n margin-bottom:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-hero-icon {\r\n width:58px;\r\n height:58px;\r\n border-radius:50%;\r\n background:rgba(255,255,255,.14);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:1.7rem;\r\n margin-bottom:16px;\r\n}\r\n\r\n#kleiderkammer-st-martini h1 {\r\n margin:0 0 10px;\r\n font-size:clamp(1.9rem,4vw,2.8rem);\r\n line-height:1.15;\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-lead {\r\n margin:0;\r\n max-width:850px;\r\n font-size:1.08rem;\r\n color:rgba(255,255,255,.94);\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-jumpbox {\r\n background:var(--paper);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:18px;\r\n margin-bottom:28px;\r\n box-shadow:0 4px 14px rgba(23,56,47,.06);\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-jumpbox strong {\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--green);\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-jumps {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-jumps a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 12px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.93rem;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-jumps a:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-section {\r\n margin:34px 0;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-section h2 {\r\n color:var(--green);\r\n font-size:1.55rem;\r\n margin:0 0 15px;\r\n line-height:1.25;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-section h2 i {\r\n margin-right:8px;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-card {\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:20px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-card i {\r\n color:var(--orange);\r\n font-size:1.35rem;\r\n margin-bottom:8px;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-card h3 {\r\n color:var(--green);\r\n margin:0 0 7px;\r\n font-size:1.1rem;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-card p {\r\n margin:0;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-highlight {\r\n background:#f2eee6;\r\n border-left:5px solid var(--orange);\r\n border-radius:12px;\r\n padding:18px 20px;\r\n margin:20px 0;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-highlight strong {\r\n color:var(--green);\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-times {\r\n width:100%;\r\n border-collapse:collapse;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n overflow:hidden;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-times th,\r\n#kleiderkammer-st-martini .fu-times td {\r\n padding:13px 15px;\r\n border-bottom:1px solid var(--border);\r\n text-align:left;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-times th {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-times tr:last-child td {\r\n border-bottom:0;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-address {\r\n background:var(--paper);\r\n border:1px solid var(--border);\r\n border-radius:16px;\r\n padding:22px;\r\n box-shadow:var(--shadow);\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-address strong {\r\n color:var(--green);\r\n font-size:1.15rem;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-actions {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 16px;\r\n border-radius:10px;\r\n text-decoration:none;\r\n font-weight:700;\r\n transition:.2s ease;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-btn-primary {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-btn-primary:hover {\r\n background:var(--dark);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-btn-orange {\r\n background:var(--orange);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-btn-orange:hover {\r\n filter:brightness(.92);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-btn-light {\r\n background:#fff;\r\n color:var(--green);\r\n border:1px solid var(--border);\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-btn-light:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:12px;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n background:#fff;\r\n border:1px solid var(--border);\r\n border-radius:12px;\r\n padding:14px 16px;\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:650;\r\n box-shadow:0 4px 12px rgba(23,56,47,.06);\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-related a:hover {\r\n background:var(--green);\r\n color:#fff;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-top {\r\n text-align:center;\r\n margin-top:35px;\r\n}\r\n\r\n#kleiderkammer-st-martini .fu-top a {\r\n color:var(--green);\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n@media (max-width:800px) {\r\n #kleiderkammer-st-martini .fu-grid {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n #kleiderkammer-st-martini .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:600px) {\r\n #kleiderkammer-st-martini .fu-container {\r\n padding:0 12px;\r\n }\r\n\r\n #kleiderkammer-st-martini .fu-hero {\r\n padding:30px 20px;\r\n border-radius:14px;\r\n }\r\n\r\n #kleiderkammer-st-martini .fu-times th,\r\n #kleiderkammer-st-martini .fu-times td {\r\n padding:11px 10px;\r\n }\r\n\r\n #kleiderkammer-st-martini .fu-btn {\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 537 ===== */ @scope (.fu-article-537) { \r\n/* =========================================================\r\n FAST UMSONST – FAHRRAD-SELBSTHILFE-WERKSTATT B-SIDE\r\n Aktueller Stand 2026\r\n ========================================================= */\r\n\r\n.fu-fahrrad-bside {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1100px;\r\n margin:0 auto;\r\n padding:20px 15px 50px;\r\n color:#26332e;\r\n font-size:17px;\r\n line-height:1.7;\r\n}\r\n\r\n/* ---------- Grundlayout ---------- */\r\n\r\n.fu-fahrrad-bside * {\r\n box-sizing:border-box;\r\n}\r\n\r\n.fu-fahrrad-bside a {\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-fahrrad-bside a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------- Hero ---------- */\r\n\r\n.fu-fahrrad-bside .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:0 12px 30px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-fahrrad-bside .fu-hero-icon {\r\n width:64px;\r\n height:64px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:16px;\r\n background:rgba(255,255,255,.14);\r\n font-size:32px;\r\n margin-bottom:18px;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-hero h1 {\r\n margin:0 0 10px;\r\n color:#fff;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:700;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-hero p {\r\n margin:0;\r\n max-width:800px;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.12rem;\r\n}\r\n\r\n/* ---------- Intro ---------- */\r\n\r\n.fu-fahrrad-bside .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px 28px;\r\n margin-bottom:30px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-fahrrad-bside .fu-intro strong {\r\n color:var(--fu-dark);\r\n}\r\n\r\n/* ---------- Sprungnavigation ---------- */\r\n\r\n.fu-fahrrad-bside .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 35px;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:9px 15px;\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n background:#fff;\r\n color:var(--fu-green);\r\n font-size:.95rem;\r\n font-weight:600;\r\n box-shadow:0 3px 10px rgba(0,0,0,.04);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n text-decoration:none;\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* ---------- Überschriften ---------- */\r\n\r\n.fu-fahrrad-bside .fu-section {\r\n margin:0 0 38px;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-section h2 {\r\n color:var(--fu-dark);\r\n font-size:1.65rem;\r\n line-height:1.25;\r\n margin:0 0 18px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-section h2 i {\r\n color:var(--fu-orange);\r\n margin-right:8px;\r\n}\r\n\r\n/* ---------- Karten ---------- */\r\n\r\n.fu-fahrrad-bside .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:24px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n height:100%;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-card-icon {\r\n width:48px;\r\n height:48px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:#eef4f1;\r\n color:var(--fu-green);\r\n font-size:23px;\r\n margin-bottom:15px;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-card h3 {\r\n margin:0 0 9px;\r\n color:var(--fu-dark);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-card p {\r\n margin:0;\r\n color:#4d5a55;\r\n}\r\n\r\n/* ---------- Termin ---------- */\r\n\r\n.fu-fahrrad-bside .fu-date {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:18px;\r\n background:#fff7ed;\r\n border:1px solid #f3d4ad;\r\n border-radius:18px;\r\n padding:24px 26px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.05);\r\n}\r\n\r\n.fu-fahrrad-bside .fu-date-icon {\r\n flex:0 0 50px;\r\n width:50px;\r\n height:50px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:13px;\r\n background:#fff;\r\n color:var(--fu-orange);\r\n font-size:24px;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-date h3 {\r\n margin:0 0 5px;\r\n color:var(--fu-dark);\r\n font-size:1.25rem;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-date p {\r\n margin:0;\r\n}\r\n\r\n/* ---------- Ablauf ---------- */\r\n\r\n.fu-fahrrad-bside .fu-step {\r\n position:relative;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-step-number {\r\n width:34px;\r\n height:34px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:50%;\r\n background:var(--fu-green);\r\n color:#fff;\r\n font-weight:700;\r\n margin-bottom:13px;\r\n}\r\n\r\n/* ---------- Adresse ---------- */\r\n\r\n.fu-fahrrad-bside .fu-contact {\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:20px;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-address,\r\n.fu-fahrrad-bside .fu-contactbox {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:25px;\r\n box-shadow:0 7px 20px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-fahrrad-bside .fu-address h3,\r\n.fu-fahrrad-bside .fu-contactbox h3 {\r\n margin:0 0 15px;\r\n color:var(--fu-dark);\r\n font-size:1.2rem;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-address p,\r\n.fu-fahrrad-bside .fu-contactbox p {\r\n margin:0 0 8px;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-address i,\r\n.fu-fahrrad-bside .fu-contactbox i {\r\n color:var(--fu-orange);\r\n width:24px;\r\n}\r\n\r\n/* ---------- Routen ---------- */\r\n\r\n.fu-fahrrad-bside .fu-routes {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-route {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n font-weight:600;\r\n text-decoration:none !important;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-route:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* ---------- Info-Box ---------- */\r\n\r\n.fu-fahrrad-bside .fu-info {\r\n background:#eef4f1;\r\n border-left:5px solid var(--fu-green);\r\n border-radius:14px;\r\n padding:22px 24px;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-info ul {\r\n margin:0;\r\n padding-left:22px;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-info li {\r\n margin-bottom:7px;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-info li:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------- Passende Informationen ---------- */\r\n\r\n.fu-fahrrad-bside .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-related a {\r\n display:flex;\r\n align-items:flex-start;\r\n gap:13px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:15px;\r\n padding:19px;\r\n color:var(--fu-dark);\r\n font-weight:600;\r\n box-shadow:0 6px 18px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-related a:hover {\r\n transform:translateY(-2px);\r\n border-color:#cdd8d3;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-fahrrad-bside .fu-related i {\r\n color:var(--fu-orange);\r\n font-size:21px;\r\n flex:0 0 auto;\r\n}\r\n\r\n/* ---------- Zurück ---------- */\r\n\r\n.fu-fahrrad-bside .fu-back {\r\n margin-top:35px;\r\n padding-top:25px;\r\n border-top:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-fahrrad-bside .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-weight:700;\r\n}\r\n\r\n/* ---------- Responsive ---------- */\r\n\r\n@media (max-width:900px) {\r\n .fu-fahrrad-bside .fu-grid,\r\n .fu-fahrrad-bside .fu-related {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n\r\n .fu-fahrrad-bside .fu-contact {\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n .fu-fahrrad-bside {\r\n padding:10px 10px 35px;\r\n font-size:16px;\r\n }\r\n\r\n .fu-fahrrad-bside .fu-hero {\r\n padding:30px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-fahrrad-bside .fu-hero h1 {\r\n font-size:2rem;\r\n }\r\n\r\n .fu-fahrrad-bside .fu-grid,\r\n .fu-fahrrad-bside .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-fahrrad-bside .fu-date {\r\n padding:20px;\r\n }\r\n\r\n .fu-fahrrad-bside .fu-routes {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-fahrrad-bside .fu-route {\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 538 ===== */ @scope (.fu-article-538) { \r\n/* =========================================================\r\n FAST UMSONST – HOLZWERKSTATT IN DER B-SIDE\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-holz-bside {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:10px 20px 60px;\r\n color:#26332e;\r\n line-height:1.7;\r\n}\r\n\r\n/* ---------- HERO ---------- */\r\n\r\n.fu-holz-bside .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:0 14px 35px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-holz-bside .fu-hero h1 {\r\n color:#fff;\r\n margin:0 0 12px;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:700;\r\n}\r\n\r\n.fu-holz-bside .fu-hero p {\r\n margin:0;\r\n max-width:850px;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* ---------- INTRO ---------- */\r\n\r\n.fu-holz-bside .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px 28px;\r\n margin-bottom:28px;\r\n box-shadow:0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-holz-bside .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* ---------- SPRUNGNAVIGATION ---------- */\r\n\r\n.fu-holz-bside .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-holz-bside .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.95rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-holz-bside .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* ---------- SECTIONS ---------- */\r\n\r\n.fu-holz-bside .fu-section {\r\n margin:0 0 38px;\r\n}\r\n\r\n.fu-holz-bside .fu-section h2 {\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n margin:0 0 18px;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-holz-bside .fu-section h2 i {\r\n margin-right:8px;\r\n}\r\n\r\n/* ---------- CARDS ---------- */\r\n\r\n.fu-holz-bside .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-holz-bside .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:23px;\r\n box-shadow:0 7px 22px rgba(0,0,0,.06);\r\n height:100%;\r\n}\r\n\r\n.fu-holz-bside .fu-card h3 {\r\n margin:0 0 10px;\r\n color:var(--fu-green);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-holz-bside .fu-card h3 i {\r\n margin-right:7px;\r\n}\r\n\r\n.fu-holz-bside .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------- HIGHLIGHT ---------- */\r\n\r\n.fu-holz-bside .fu-highlight {\r\n background:#fff8ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-holz-bside .fu-highlight strong {\r\n color:#8a4b00;\r\n}\r\n\r\n/* ---------- INFO LIST ---------- */\r\n\r\n.fu-holz-bside .fu-list {\r\n list-style:none;\r\n padding:0;\r\n margin:0;\r\n}\r\n\r\n.fu-holz-bside .fu-list li {\r\n display:flex;\r\n gap:11px;\r\n align-items:flex-start;\r\n padding:10px 0;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-holz-bside .fu-list li:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-holz-bside .fu-list i {\r\n color:var(--fu-green);\r\n margin-top:5px;\r\n flex:0 0 auto;\r\n}\r\n\r\n/* ---------- CONTACT ---------- */\r\n\r\n.fu-holz-bside .fu-contact {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:26px;\r\n box-shadow:0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-holz-bside .fu-contact-row {\r\n display:flex;\r\n gap:12px;\r\n align-items:flex-start;\r\n margin:0 0 13px;\r\n}\r\n\r\n.fu-holz-bside .fu-contact-row:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-holz-bside .fu-contact-row i {\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n width:22px;\r\n text-align:center;\r\n margin-top:3px;\r\n}\r\n\r\n.fu-holz-bside .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-holz-bside .fu-contact a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------- ROUTE BUTTONS ---------- */\r\n\r\n.fu-holz-bside .fu-routes {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-holz-bside .fu-route {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:600;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-holz-bside .fu-route:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-holz-bside .fu-route.fu-route-osm {\r\n background:#66736d;\r\n}\r\n\r\n.fu-holz-bside .fu-route.fu-route-osm:hover {\r\n background:#4e5a55;\r\n}\r\n\r\n/* ---------- EXTERNAL LINK ---------- */\r\n\r\n.fu-holz-bside .fu-external {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-top:18px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:#fff;\r\n border:1px solid var(--fu-green);\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-holz-bside .fu-external:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* ---------- PASSENDE INFORMATIONEN ---------- */\r\n\r\n.fu-holz-bside .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-holz-bside .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:17px 19px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n box-shadow:0 6px 18px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-holz-bside .fu-related a:hover {\r\n transform:translateY(-2px);\r\n border-color:var(--fu-green);\r\n box-shadow:0 10px 24px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-holz-bside .fu-related i {\r\n font-size:1.25rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n/* ---------- BACK ---------- */\r\n\r\n.fu-holz-bside .fu-back {\r\n margin-top:35px;\r\n text-align:center;\r\n}\r\n\r\n.fu-holz-bside .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-holz-bside .fu-back a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------- RESPONSIVE ---------- */\r\n\r\n@media (max-width:900px) {\r\n .fu-holz-bside .fu-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n .fu-holz-bside {\r\n padding-left:12px;\r\n padding-right:12px;\r\n }\r\n\r\n .fu-holz-bside .fu-hero {\r\n padding:30px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-holz-bside .fu-grid,\r\n .fu-holz-bside .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-holz-bside .fu-intro,\r\n .fu-holz-bside .fu-card,\r\n .fu-holz-bside .fu-contact {\r\n padding:20px;\r\n }\r\n\r\n .fu-holz-bside .fu-routes {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-holz-bside .fu-route {\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 539 ===== */ @scope (.fu-article-539) { \r\n/* =========================================================\r\n FAST UMSONST – REPAIR CAFÉ IN DER B-SIDE\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-repair-bside {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-green-light: #edf4f0;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736d;\r\n --fu-border: #e4e7e3;\r\n --fu-orange: #d97706;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.10);\r\n --fu-shadow-hover: 0 14px 32px rgba(31,75,63,.16);\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-repair-bside .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-green-dark));\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-bside .fu-hero-icon {\r\n font-size: 2.8rem;\r\n margin-bottom: 10px;\r\n opacity: .95;\r\n}\r\n\r\n.fu-repair-bside .fu-hero h1 {\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-repair-bside .fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-repair-bside .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px 26px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-bside .fu-intro strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-repair-bside .fu-jumps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 0 0 30px;\r\n}\r\n\r\n.fu-repair-bside .fu-jumps a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 15px;\r\n border-radius: 999px;\r\n background: var(--fu-green-light);\r\n color: var(--fu-green-dark);\r\n text-decoration: none;\r\n font-weight: 600;\r\n border: 1px solid #d7e5de;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-bside .fu-jumps a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-repair-bside .fu-section {\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-repair-bside .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.7rem;\r\n line-height: 1.25;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-repair-bside .fu-section h2 i {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-repair-bside .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-bside .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-bside .fu-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-repair-bside .fu-card-icon {\r\n font-size: 1.8rem;\r\n color: var(--fu-green);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-repair-bside .fu-card h3 {\r\n margin: 0 0 8px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-repair-bside .fu-card p {\r\n margin: 0;\r\n}\r\n\r\n.fu-repair-bside .fu-card ul {\r\n margin: 10px 0 0;\r\n padding-left: 20px;\r\n}\r\n\r\n/* =========================================================\r\n TERMIN\r\n ========================================================= */\r\n\r\n.fu-repair-bside .fu-date-card {\r\n background: var(--fu-green-light);\r\n border: 1px solid #d7e5de;\r\n border-radius: 18px;\r\n padding: 28px;\r\n text-align: center;\r\n}\r\n\r\n.fu-repair-bside .fu-date-card .fu-date {\r\n font-size: 1.45rem;\r\n font-weight: 700;\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-repair-bside .fu-date-card .fu-time {\r\n margin-top: 5px;\r\n font-size: 1.15rem;\r\n color: var(--fu-text);\r\n}\r\n\r\n/* =========================================================\r\n HINWEISBOX\r\n ========================================================= */\r\n\r\n.fu-repair-bside .fu-notice {\r\n background: #fff8ed;\r\n border: 1px solid #f2d8ae;\r\n border-radius: 16px;\r\n padding: 22px 24px;\r\n}\r\n\r\n.fu-repair-bside .fu-notice h3 {\r\n margin-top: 0;\r\n color: #9a5a05;\r\n}\r\n\r\n.fu-repair-bside .fu-notice ul {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n ADRESSE / KONTAKT\r\n ========================================================= */\r\n\r\n.fu-repair-bside .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-bside .fu-contact-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-bside .fu-contact-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-repair-bside .fu-contact-card i {\r\n color: var(--fu-green);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-repair-bside .fu-contact-card p {\r\n margin: 6px 0;\r\n}\r\n\r\n.fu-repair-bside .fu-contact-card a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-bside .fu-contact-card a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n ROUTENBUTTONS\r\n ========================================================= */\r\n\r\n.fu-repair-bside .fu-routes {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-repair-bside .fu-route {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n box-shadow: 0 5px 14px rgba(31,75,63,.14);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-bside .fu-route:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-repair-bside .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-repair-bside .fu-related a {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n min-height: 100%;\r\n padding: 20px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: var(--fu-shadow);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-bside .fu-related a:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--fu-shadow-hover);\r\n border-color: #cbdad3;\r\n}\r\n\r\n.fu-repair-bside .fu-related i {\r\n flex: 0 0 auto;\r\n color: var(--fu-green);\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-repair-bside .fu-related strong {\r\n display: block;\r\n color: var(--fu-green-dark);\r\n margin-bottom: 4px;\r\n}\r\n\r\n/* =========================================================\r\n EXTERNER LINK\r\n ========================================================= */\r\n\r\n.fu-repair-bside .fu-external {\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-repair-bside .fu-external a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-repair-bside .fu-back {\r\n margin-top: 34px;\r\n padding-top: 24px;\r\n border-top: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-repair-bside .fu-back a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-bside .fu-back a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 950px) {\r\n .fu-repair-bside .fu-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .fu-repair-bside .fu-related {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n}\r\n\r\n@media (max-width: 850px) {\r\n .fu-repair-bside .fu-contact {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .fu-repair-bside .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-repair-bside .fu-intro,\r\n .fu-repair-bside .fu-card,\r\n .fu-repair-bside .fu-contact-card,\r\n .fu-repair-bside .fu-date-card,\r\n .fu-repair-bside .fu-notice {\r\n padding: 19px;\r\n }\r\n\r\n .fu-repair-bside .fu-grid,\r\n .fu-repair-bside .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-repair-bside .fu-routes {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-repair-bside .fu-route {\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 540 ===== */ @scope (.fu-article-540) { \r\n/* =========================================================\r\n FAST UMSONST – METALLWERKSTATT IN DER B-SIDE\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-metall-bside {\r\n --fu-green:#1f4b3f;\r\n --fu-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-muted:#66736d;\r\n --fu-border:#e4e7e3;\r\n --fu-white:#ffffff;\r\n\r\n max-width:1180px;\r\n margin:0 auto;\r\n padding:10px 20px 60px;\r\n color:#26332e;\r\n line-height:1.7;\r\n}\r\n\r\n/* ---------- HERO ---------- */\r\n\r\n.fu-metall-bside .fu-hero {\r\n background:linear-gradient(135deg,var(--fu-green),var(--fu-dark));\r\n color:#fff;\r\n border-radius:22px;\r\n padding:42px 38px;\r\n margin-bottom:28px;\r\n box-shadow:0 14px 35px rgba(23,56,47,.16);\r\n}\r\n\r\n.fu-metall-bside .fu-hero h1 {\r\n color:#fff;\r\n margin:0 0 12px;\r\n font-size:clamp(2rem,4vw,3rem);\r\n line-height:1.15;\r\n font-weight:700;\r\n}\r\n\r\n.fu-metall-bside .fu-hero p {\r\n margin:0;\r\n max-width:850px;\r\n color:rgba(255,255,255,.92);\r\n font-size:1.08rem;\r\n}\r\n\r\n/* ---------- INTRO ---------- */\r\n\r\n.fu-metall-bside .fu-intro {\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:25px 28px;\r\n margin-bottom:28px;\r\n box-shadow:0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-metall-bside .fu-intro strong {\r\n color:var(--fu-green);\r\n}\r\n\r\n/* ---------- SPRUNGNAVIGATION ---------- */\r\n\r\n.fu-metall-bside .fu-jump {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-metall-bside .fu-jump a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:9px 15px;\r\n border-radius:999px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n font-size:.95rem;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-metall-bside .fu-jump a:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n border-color:var(--fu-green);\r\n transform:translateY(-1px);\r\n}\r\n\r\n/* ---------- SECTIONS ---------- */\r\n\r\n.fu-metall-bside .fu-section {\r\n margin:0 0 38px;\r\n}\r\n\r\n.fu-metall-bside .fu-section h2 {\r\n color:var(--fu-green);\r\n font-size:1.65rem;\r\n margin:0 0 18px;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-metall-bside .fu-section h2 i {\r\n margin-right:8px;\r\n}\r\n\r\n/* ---------- CARDS ---------- */\r\n\r\n.fu-metall-bside .fu-grid {\r\n display:grid;\r\n grid-template-columns:repeat(3,minmax(0,1fr));\r\n gap:18px;\r\n}\r\n\r\n.fu-metall-bside .fu-card {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n padding:23px;\r\n box-shadow:0 7px 22px rgba(0,0,0,.06);\r\n height:100%;\r\n}\r\n\r\n.fu-metall-bside .fu-card h3 {\r\n margin:0 0 10px;\r\n color:var(--fu-green);\r\n font-size:1.18rem;\r\n}\r\n\r\n.fu-metall-bside .fu-card h3 i {\r\n margin-right:7px;\r\n}\r\n\r\n.fu-metall-bside .fu-card p:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n/* ---------- HIGHLIGHT ---------- */\r\n\r\n.fu-metall-bside .fu-highlight {\r\n background:#fff8ed;\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n padding:20px 22px;\r\n margin:20px 0;\r\n}\r\n\r\n.fu-metall-bside .fu-highlight strong {\r\n color:#8a4b00;\r\n}\r\n\r\n/* ---------- INFO LIST ---------- */\r\n\r\n.fu-metall-bside .fu-list {\r\n list-style:none;\r\n padding:0;\r\n margin:0;\r\n}\r\n\r\n.fu-metall-bside .fu-list li {\r\n display:flex;\r\n gap:11px;\r\n align-items:flex-start;\r\n padding:10px 0;\r\n border-bottom:1px solid var(--fu-border);\r\n}\r\n\r\n.fu-metall-bside .fu-list li:last-child {\r\n border-bottom:0;\r\n}\r\n\r\n.fu-metall-bside .fu-list li i {\r\n color:var(--fu-green);\r\n margin-top:5px;\r\n flex:0 0 auto;\r\n}\r\n\r\n/* ---------- CONTACT ---------- */\r\n\r\n.fu-metall-bside .fu-contact {\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n padding:26px;\r\n box-shadow:0 8px 24px rgba(0,0,0,.06);\r\n}\r\n\r\n.fu-metall-bside .fu-contact-row {\r\n display:flex;\r\n gap:12px;\r\n align-items:flex-start;\r\n margin:0 0 13px;\r\n}\r\n\r\n.fu-metall-bside .fu-contact-row:last-child {\r\n margin-bottom:0;\r\n}\r\n\r\n.fu-metall-bside .fu-contact-row i {\r\n color:var(--fu-green);\r\n font-size:1.15rem;\r\n width:22px;\r\n text-align:center;\r\n margin-top:3px;\r\n}\r\n\r\n.fu-metall-bside .fu-contact a {\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-metall-bside .fu-contact a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------- ROUTE BUTTONS ---------- */\r\n\r\n.fu-metall-bside .fu-routes {\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-top:22px;\r\n}\r\n\r\n.fu-metall-bside .fu-route {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:#fff !important;\r\n text-decoration:none !important;\r\n font-weight:600;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-metall-bside .fu-route:hover {\r\n background:var(--fu-dark);\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-metall-bside .fu-route.fu-route-osm {\r\n background:#66736d;\r\n}\r\n\r\n.fu-metall-bside .fu-route.fu-route-osm:hover {\r\n background:#4e5a55;\r\n}\r\n\r\n/* ---------- EXTERNAL LINK ---------- */\r\n\r\n.fu-metall-bside .fu-external {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-top:18px;\r\n padding:11px 17px;\r\n border-radius:10px;\r\n background:#fff;\r\n border:1px solid var(--fu-green);\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n}\r\n\r\n.fu-metall-bside .fu-external:hover {\r\n background:var(--fu-green);\r\n color:#fff;\r\n}\r\n\r\n/* ---------- PASSENDE INFORMATIONEN ---------- */\r\n\r\n.fu-metall-bside .fu-related {\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:16px;\r\n}\r\n\r\n.fu-metall-bside .fu-related a {\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n background:#fff;\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n padding:17px 19px;\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n font-weight:600;\r\n box-shadow:0 6px 18px rgba(0,0,0,.05);\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-metall-bside .fu-related a:hover {\r\n transform:translateY(-2px);\r\n border-color:var(--fu-green);\r\n box-shadow:0 10px 24px rgba(0,0,0,.08);\r\n}\r\n\r\n.fu-metall-bside .fu-related i {\r\n font-size:1.25rem;\r\n flex:0 0 auto;\r\n}\r\n\r\n/* ---------- BACK ---------- */\r\n\r\n.fu-metall-bside .fu-back {\r\n margin-top:35px;\r\n text-align:center;\r\n}\r\n\r\n.fu-metall-bside .fu-back a {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n color:var(--fu-green);\r\n font-weight:600;\r\n text-decoration:none;\r\n}\r\n\r\n.fu-metall-bside .fu-back a:hover {\r\n text-decoration:underline;\r\n}\r\n\r\n/* ---------- RESPONSIVE ---------- */\r\n\r\n@media (max-width:900px) {\r\n .fu-metall-bside .fu-grid {\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n }\r\n}\r\n\r\n@media (max-width:650px) {\r\n .fu-metall-bside {\r\n padding-left:12px;\r\n padding-right:12px;\r\n }\r\n\r\n .fu-metall-bside .fu-hero {\r\n padding:30px 24px;\r\n border-radius:18px;\r\n }\r\n\r\n .fu-metall-bside .fu-grid,\r\n .fu-metall-bside .fu-related {\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-metall-bside .fu-intro,\r\n .fu-metall-bside .fu-card,\r\n .fu-metall-bside .fu-contact {\r\n padding:20px;\r\n }\r\n\r\n .fu-metall-bside .fu-routes {\r\n flex-direction:column;\r\n }\r\n\r\n .fu-metall-bside .fu-route {\r\n justify-content:center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 541 ===== */ @scope (.fu-article-541) { \r\n/* =========================================================\r\n FAST UMSONST – REPAIR CAFÉ IM SPOOKY\'S\r\n Einheitliches Seitenlayout\r\n ========================================================= */\r\n\r\n.fu-repair-spookys {\r\n --fu-green: #1f4b3f;\r\n --fu-green-dark: #17382f;\r\n --fu-green-light: #edf4f0;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332e;\r\n --fu-muted: #66736d;\r\n --fu-border: #e4e7e3;\r\n --fu-orange: #d97706;\r\n --fu-shadow: 0 8px 24px rgba(31,75,63,.10);\r\n --fu-shadow-hover: 0 14px 32px rgba(31,75,63,.16);\r\n\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n color: var(--fu-text);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-repair-spookys .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-green-dark));\r\n color: #fff;\r\n border-radius: 22px;\r\n padding: 42px 34px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-spookys .fu-hero-icon {\r\n font-size: 2.8rem;\r\n margin-bottom: 10px;\r\n opacity: .95;\r\n}\r\n\r\n.fu-repair-spookys .fu-hero h1 {\r\n margin: 0 0 10px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-repair-spookys .fu-hero p {\r\n margin: 0;\r\n max-width: 820px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n/* =========================================================\r\n INTRO\r\n ========================================================= */\r\n\r\n.fu-repair-spookys .fu-intro {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 24px 26px;\r\n margin-bottom: 24px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-spookys .fu-intro strong {\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n/* =========================================================\r\n SPRUNGMARKEN\r\n ========================================================= */\r\n\r\n.fu-repair-spookys .fu-jumps {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin: 0 0 30px;\r\n}\r\n\r\n.fu-repair-spookys .fu-jumps a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 9px 15px;\r\n border-radius: 999px;\r\n background: var(--fu-green-light);\r\n color: var(--fu-green-dark);\r\n text-decoration: none;\r\n font-weight: 600;\r\n border: 1px solid #d7e5de;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-spookys .fu-jumps a:hover {\r\n background: var(--fu-green);\r\n color: #fff;\r\n transform: translateY(-1px);\r\n}\r\n\r\n/* =========================================================\r\n ABSCHNITTE\r\n ========================================================= */\r\n\r\n.fu-repair-spookys .fu-section {\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-repair-spookys .fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.7rem;\r\n line-height: 1.25;\r\n margin: 0 0 18px;\r\n}\r\n\r\n.fu-repair-spookys .fu-section h2 i {\r\n color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n KARTEN\r\n ========================================================= */\r\n\r\n.fu-repair-spookys .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-spookys .fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-spookys .fu-card:hover {\r\n box-shadow: var(--fu-shadow-hover);\r\n}\r\n\r\n.fu-repair-spookys .fu-card-icon {\r\n font-size: 1.8rem;\r\n color: var(--fu-green);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-repair-spookys .fu-card h3 {\r\n margin: 0 0 8px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.2rem;\r\n}\r\n\r\n.fu-repair-spookys .fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n TERMIN\r\n ========================================================= */\r\n\r\n.fu-repair-spookys .fu-date-card {\r\n background: var(--fu-green-light);\r\n border: 1px solid #d7e5de;\r\n border-radius: 18px;\r\n padding: 26px;\r\n text-align: center;\r\n}\r\n\r\n.fu-repair-spookys .fu-date-card .fu-date {\r\n font-size: 1.45rem;\r\n font-weight: 700;\r\n color: var(--fu-green-dark);\r\n}\r\n\r\n.fu-repair-spookys .fu-date-card .fu-time {\r\n margin-top: 5px;\r\n font-size: 1.15rem;\r\n color: var(--fu-text);\r\n}\r\n\r\n/* =========================================================\r\n HINWEISBOX\r\n ========================================================= */\r\n\r\n.fu-repair-spookys .fu-notice {\r\n background: #fff8ed;\r\n border: 1px solid #f2d8ae;\r\n border-radius: 16px;\r\n padding: 22px 24px;\r\n}\r\n\r\n.fu-repair-spookys .fu-notice h3 {\r\n margin-top: 0;\r\n color: #9a5a05;\r\n}\r\n\r\n.fu-repair-spookys .fu-notice ul {\r\n margin-bottom: 0;\r\n}\r\n\r\n/* =========================================================\r\n ADRESSE / KONTAKT\r\n ========================================================= */\r\n\r\n.fu-repair-spookys .fu-contact {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-repair-spookys .fu-contact-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-repair-spookys .fu-contact-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green-dark);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-repair-spookys .fu-contact-card i {\r\n color: var(--fu-green);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-repair-spookys .fu-contact-card p {\r\n margin: 6px 0;\r\n}\r\n\r\n.fu-repair-spookys .fu-contact-card a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-spookys .fu-contact-card a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n ROUTENBUTTONS\r\n ========================================================= */\r\n\r\n.fu-repair-spookys .fu-routes {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-repair-spookys .fu-route {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 17px;\r\n border-radius: 12px;\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n box-shadow: 0 5px 14px rgba(31,75,63,.14);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-spookys .fu-route:hover {\r\n background: var(--fu-green-dark);\r\n color: #fff !important;\r\n transform: translateY(-2px);\r\n}\r\n\r\n/* =========================================================\r\n PASSENDE INFORMATIONEN\r\n ========================================================= */\r\n\r\n.fu-repair-spookys .fu-related {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.fu-repair-spookys .fu-related a {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n min-height: 100%;\r\n padding: 20px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n color: var(--fu-text);\r\n text-decoration: none;\r\n box-shadow: var(--fu-shadow);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-repair-spookys .fu-related a:hover {\r\n transform: translateY(-3px);\r\n box-shadow: var(--fu-shadow-hover);\r\n border-color: #cbdad3;\r\n}\r\n\r\n.fu-repair-spookys .fu-related i {\r\n flex: 0 0 auto;\r\n color: var(--fu-green);\r\n font-size: 1.5rem;\r\n}\r\n\r\n.fu-repair-spookys .fu-related strong {\r\n display: block;\r\n color: var(--fu-green-dark);\r\n margin-bottom: 4px;\r\n}\r\n\r\n/* =========================================================\r\n EXTERNER LINK\r\n ========================================================= */\r\n\r\n.fu-repair-spookys .fu-external {\r\n margin-top: 18px;\r\n}\r\n\r\n.fu-repair-spookys .fu-external a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n}\r\n\r\n/* =========================================================\r\n ZURÜCK\r\n ========================================================= */\r\n\r\n.fu-repair-spookys .fu-back {\r\n margin-top: 34px;\r\n padding-top: 24px;\r\n border-top: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-repair-spookys .fu-back a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fu-green);\r\n font-weight: 700;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-repair-spookys .fu-back a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 850px) {\r\n .fu-repair-spookys .fu-grid,\r\n .fu-repair-spookys .fu-contact {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-repair-spookys .fu-related {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .fu-repair-spookys .fu-hero {\r\n padding: 30px 22px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-repair-spookys .fu-intro,\r\n .fu-repair-spookys .fu-card,\r\n .fu-repair-spookys .fu-contact-card,\r\n .fu-repair-spookys .fu-date-card,\r\n .fu-repair-spookys .fu-notice {\r\n padding: 19px;\r\n }\r\n\r\n .fu-repair-spookys .fu-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-repair-spookys .fu-routes {\r\n flex-direction: column;\r\n }\r\n\r\n .fu-repair-spookys .fu-route {\r\n justify-content: center;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 542 ===== */ @scope (.fu-article-542) { \r\n .fu-page {\r\n --fu-brand: #1f4b3f;\r\n --fu-brand-light: #e8f0ed;\r\n --fu-accent: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #66736e;\r\n --fu-border: #dfe6e2;\r\n --fu-white: #ffffff;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 10px 20px 40px;\r\n color: var(--fu-text);\r\n line-height: 1.65;\r\n }\r\n\r\n .fu-page * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .fu-hero {\r\n background: linear-gradient(135deg, var(--fu-brand), #356b5b);\r\n color: #fff;\r\n border-radius: 18px;\r\n padding: 38px 32px;\r\n margin-bottom: 28px;\r\n box-shadow: 0 8px 24px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-hero-icon {\r\n font-size: 2.6rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .fu-hero h1 {\r\n color: #fff;\r\n margin: 0 0 12px;\r\n font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n line-height: 1.2;\r\n }\r\n\r\n .fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.08rem;\r\n }\r\n\r\n .fu-intro {\r\n background: var(--fu-paper);\r\n border-left: 5px solid var(--fu-accent);\r\n border-radius: 12px;\r\n padding: 22px 24px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .fu-section-title {\r\n color: var(--fu-brand);\r\n font-size: 1.65rem;\r\n margin: 32px 0 18px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .fu-section-title i {\r\n font-size: 1.4rem;\r\n }\r\n\r\n .fu-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n margin: 20px 0 28px;\r\n }\r\n\r\n .fu-card {\r\n background: var(--fu-white);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 22px;\r\n box-shadow: 0 5px 16px rgba(0,0,0,.07);\r\n height: 100%;\r\n }\r\n\r\n .fu-card-icon {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 12px;\r\n background: var(--fu-brand-light);\r\n color: var(--fu-brand);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.45rem;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .fu-card h3 {\r\n color: var(--fu-brand);\r\n font-size: 1.2rem;\r\n margin: 0 0 8px;\r\n }\r\n\r\n .fu-card p {\r\n margin: 0;\r\n }\r\n\r\n .fu-highlight {\r\n background: #fff8ee;\r\n border: 1px solid #f0d8b7;\r\n border-radius: 15px;\r\n padding: 24px;\r\n margin: 28px 0;\r\n }\r\n\r\n .fu-highlight h2 {\r\n color: var(--fu-brand);\r\n margin-top: 0;\r\n font-size: 1.45rem;\r\n }\r\n\r\n .fu-button-wrap {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 20px;\r\n }\r\n\r\n .fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n background: var(--fu-brand);\r\n color: #fff !important;\r\n padding: 11px 18px;\r\n border-radius: 10px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n transition: transform .15s ease, box-shadow .15s ease;\r\n }\r\n\r\n .fu-button:hover,\r\n .fu-button:focus {\r\n color: #fff !important;\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 14px rgba(0,0,0,.14);\r\n }\r\n\r\n .fu-button-secondary {\r\n background: #fff;\r\n color: var(--fu-brand) !important;\r\n border: 1px solid var(--fu-brand);\r\n }\r\n\r\n .fu-button-secondary:hover,\r\n .fu-button-secondary:focus {\r\n color: var(--fu-brand) !important;\r\n }\r\n\r\n .fu-note {\r\n color: var(--fu-muted);\r\n font-size: .95rem;\r\n margin-top: 14px;\r\n }\r\n\r\n .fu-info-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 18px 0;\r\n }\r\n\r\n .fu-info-list li {\r\n display: flex;\r\n gap: 10px;\r\n align-items: flex-start;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .fu-info-list i {\r\n color: var(--fu-brand);\r\n margin-top: 4px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .fu-related {\r\n margin-top: 38px;\r\n padding-top: 8px;\r\n }\r\n\r\n .fu-related-card {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n padding: 17px 20px;\r\n color: var(--fu-brand) !important;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n box-shadow: 0 4px 13px rgba(0,0,0,.06);\r\n height: 100%;\r\n }\r\n\r\n .fu-related-card:hover {\r\n box-shadow: 0 7px 18px rgba(0,0,0,.10);\r\n }\r\n\r\n .fu-related-card i {\r\n font-size: 1.45rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .fu-page {\r\n padding-left: 12px;\r\n padding-right: 12px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 28px 22px;\r\n }\r\n\r\n .fu-card {\r\n padding: 19px;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 543 ===== */ @scope (.fu-article-543) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 16px;\r\n padding: 12px 17px;\r\n background: var(--fu-green);\r\n border-radius: 12px;\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 545 ===== */ @scope (.fu-article-545) { \r\n.fu-page {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-light: #e8f0ed;\r\n --fu-orange: #d98b3a;\r\n --fu-paper: #faf8f4;\r\n --fu-text: #26332f;\r\n --fu-muted: #68746f;\r\n --fu-border: #dfe6e2;\r\n\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 25px 20px 60px;\r\n color: var(--fu-text);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-page * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-hero {\r\n background: linear-gradient(135deg, var(--fu-green), var(--fu-dark));\r\n color: #fff;\r\n padding: 42px 35px;\r\n border-radius: 22px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 10px 30px rgba(23, 56, 47, .16);\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 850px;\r\n font-size: 1.12rem;\r\n color: rgba(255,255,255,.92);\r\n}\r\n\r\n.fu-lead {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px 28px;\r\n margin-bottom: 30px;\r\n box-shadow: 0 6px 20px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-lead p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-jump {\r\n background: var(--fu-light);\r\n border-radius: 18px;\r\n padding: 22px;\r\n margin: 0 0 35px;\r\n}\r\n\r\n.fu-jump h2 {\r\n margin: 0 0 15px;\r\n color: var(--fu-dark);\r\n font-size: 1.25rem;\r\n}\r\n\r\n.fu-jump-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.fu-jump a {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 12px 15px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 12px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-jump a:hover,\r\n.fu-jump a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-section {\r\n margin: 0 0 38px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-section h2 {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n color: var(--fu-dark);\r\n font-size: 1.75rem;\r\n margin: 0 0 18px;\r\n padding-bottom: 10px;\r\n border-bottom: 2px solid var(--fu-light);\r\n}\r\n\r\n.fu-section h2 i {\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 18px;\r\n padding: 25px;\r\n margin-bottom: 18px;\r\n box-shadow: 0 7px 22px rgba(38, 51, 47, .07);\r\n}\r\n\r\n.fu-card h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.35rem;\r\n}\r\n\r\n.fu-card h3 i {\r\n margin-right: 8px;\r\n color: var(--fu-orange);\r\n}\r\n\r\n.fu-card p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.fu-feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-feature {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 15px;\r\n padding: 20px;\r\n}\r\n\r\n.fu-feature i {\r\n display: inline-block;\r\n font-size: 1.7rem;\r\n color: var(--fu-orange);\r\n margin-bottom: 8px;\r\n}\r\n\r\n.fu-feature strong {\r\n display: block;\r\n color: var(--fu-green);\r\n margin-bottom: 5px;\r\n}\r\n\r\n.fu-info {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 18px;\r\n}\r\n\r\n.fu-info-box {\r\n background: var(--fu-paper);\r\n border: 1px solid var(--fu-border);\r\n border-radius: 16px;\r\n padding: 22px;\r\n}\r\n\r\n.fu-info-box h3 {\r\n margin: 0 0 12px;\r\n color: var(--fu-green);\r\n font-size: 1.15rem;\r\n}\r\n\r\n.fu-info-box i {\r\n color: var(--fu-orange);\r\n margin-right: 7px;\r\n}\r\n\r\n.fu-info-box p {\r\n margin: 0;\r\n}\r\n\r\n.fu-note {\r\n background: #fff;\r\n border-left: 4px solid var(--fu-orange);\r\n border-radius: 0 14px 14px 0;\r\n padding: 18px 20px;\r\n margin-top: 20px;\r\n}\r\n\r\n.fu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 15px;\r\n padding: 12px 17px;\r\n background: var(--fu-green);\r\n border-radius: 12px;\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-button:hover,\r\n.fu-button:focus {\r\n background: var(--fu-dark);\r\n color: #fff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-related {\r\n background: var(--fu-light);\r\n border-radius: 20px;\r\n padding: 28px;\r\n margin-top: 40px;\r\n scroll-margin-top: 100px;\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 18px;\r\n color: var(--fu-dark);\r\n font-size: 1.6rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.fu-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 64px;\r\n padding: 14px 16px;\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n color: var(--fu-green);\r\n text-decoration: none;\r\n font-weight: 600;\r\n box-shadow: 0 4px 12px rgba(38, 51, 47, .05);\r\n transition: .2s ease;\r\n}\r\n\r\n.fu-related a:hover,\r\n.fu-related a:focus {\r\n color: var(--fu-dark);\r\n border-color: var(--fu-green);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.fu-back {\r\n margin-top: 25px;\r\n text-align: center;\r\n}\r\n\r\n.fu-back a {\r\n color: var(--fu-green);\r\n font-weight: 600;\r\n text-decoration: none;\r\n}\r\n\r\n.fu-back a:hover {\r\n color: var(--fu-dark);\r\n text-decoration: underline;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .fu-page {\r\n padding: 15px 12px 45px;\r\n }\r\n\r\n .fu-hero {\r\n padding: 30px 23px;\r\n border-radius: 18px;\r\n }\r\n\r\n .fu-lead,\r\n .fu-card,\r\n .fu-related {\r\n padding: 21px;\r\n }\r\n\r\n .fu-section h2 {\r\n font-size: 1.45rem;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 546 ===== */ @scope (.fu-article-546) { \r\n.fu-ahaus{\r\n --fu-green:#1f4b3f;\r\n --fu-green-dark:#17382f;\r\n --fu-orange:#d97706;\r\n --fu-paper:#faf8f4;\r\n --fu-white:#ffffff;\r\n --fu-text:#26332f;\r\n --fu-muted:#65736e;\r\n --fu-border:#e4e8e5;\r\n --fu-shadow:0 8px 24px rgba(31,75,63,.09);\r\n color:var(--fu-text);\r\n font-size:16px;\r\n line-height:1.7;\r\n}\r\n\r\n.fu-ahaus *{box-sizing:border-box}\r\n\r\n.fu-ahaus a{\r\n color:var(--fu-green);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ahaus a:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n.fu-ahaus .fu-hero{\r\n margin:0 0 28px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:18px;\r\n overflow:hidden;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-hero-image{\r\n position:relative;\r\n background:var(--fu-paper);\r\n}\r\n\r\n.fu-ahaus .fu-hero-image img{\r\n display:block;\r\n width:100%;\r\n height:auto;\r\n max-height:520px;\r\n object-fit:cover;\r\n}\r\n\r\n.fu-ahaus .fu-image-credit{\r\n padding:7px 14px;\r\n background:rgba(250,248,244,.96);\r\n color:var(--fu-muted);\r\n font-size:12px;\r\n line-height:1.45;\r\n}\r\n\r\n.fu-ahaus .fu-hero-content{\r\n padding:30px 30px 32px;\r\n}\r\n\r\n.fu-ahaus .fu-kicker{\r\n display:inline-block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:14px;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n text-transform:uppercase;\r\n}\r\n\r\n.fu-ahaus h1{\r\n margin:0 0 12px;\r\n color:var(--fu-green-dark);\r\n font-size:clamp(30px,5vw,48px);\r\n line-height:1.12;\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-lead{\r\n max-width:900px;\r\n margin:0;\r\n color:var(--fu-muted);\r\n font-size:19px;\r\n line-height:1.65;\r\n}\r\n\r\n.fu-ahaus .fu-jump{\r\n margin:0 0 30px;\r\n padding:20px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-ahaus .fu-jump-title{\r\n margin:0 0 10px;\r\n color:var(--fu-green-dark);\r\n font-weight:800;\r\n}\r\n\r\n.fu-ahaus .fu-jump ul{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin:0;\r\n padding:0;\r\n list-style:none;\r\n}\r\n\r\n.fu-ahaus .fu-jump a{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:7px;\r\n padding:8px 12px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:999px;\r\n font-size:14px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-ahaus .fu-jump a:hover{\r\n background:var(--fu-green);\r\n color:var(--fu-white);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ahaus .fu-facts{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n margin:0 0 34px;\r\n}\r\n\r\n.fu-ahaus .fu-fact{\r\n padding:20px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-fact i{\r\n display:block;\r\n margin-bottom:10px;\r\n color:var(--fu-orange);\r\n font-size:25px;\r\n}\r\n\r\n.fu-ahaus .fu-fact strong{\r\n display:block;\r\n margin-bottom:3px;\r\n color:var(--fu-green-dark);\r\n font-size:16px;\r\n}\r\n\r\n.fu-ahaus .fu-fact span{\r\n color:var(--fu-muted);\r\n font-size:14px;\r\n}\r\n\r\n.fu-ahaus .fu-section{\r\n margin:0 0 38px;\r\n scroll-margin-top:30px;\r\n}\r\n\r\n.fu-ahaus .fu-section h2{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin:0 0 15px;\r\n color:var(--fu-green-dark);\r\n font-size:28px;\r\n line-height:1.25;\r\n}\r\n\r\n.fu-ahaus .fu-section h2 i{\r\n color:var(--fu-orange);\r\n font-size:25px;\r\n}\r\n\r\n.fu-ahaus .fu-section p{\r\n margin:0 0 14px;\r\n}\r\n\r\n.fu-ahaus .fu-highlight{\r\n margin:20px 0;\r\n padding:22px 24px;\r\n background:var(--fu-paper);\r\n border-left:5px solid var(--fu-orange);\r\n border-radius:12px;\r\n}\r\n\r\n.fu-ahaus .fu-highlight strong{\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-ahaus .fu-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:18px;\r\n}\r\n\r\n.fu-ahaus .fu-card{\r\n height:100%;\r\n padding:22px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-card h3{\r\n margin:0 0 9px;\r\n color:var(--fu-green-dark);\r\n font-size:20px;\r\n}\r\n\r\n.fu-ahaus .fu-card h3 i{\r\n margin-right:7px;\r\n color:var(--fu-orange);\r\n}\r\n\r\n.fu-ahaus .fu-card p{\r\n margin:0;\r\n}\r\n\r\n.fu-ahaus .fu-event{\r\n padding:24px;\r\n background:var(--fu-green-dark);\r\n color:var(--fu-white);\r\n border-radius:16px;\r\n box-shadow:var(--fu-shadow);\r\n}\r\n\r\n.fu-ahaus .fu-event h3{\r\n margin:0 0 12px;\r\n color:var(--fu-white);\r\n font-size:23px;\r\n}\r\n\r\n.fu-ahaus .fu-event p{\r\n margin:0 0 10px;\r\n}\r\n\r\n.fu-ahaus .fu-event strong{\r\n color:#fff;\r\n}\r\n\r\n.fu-ahaus .fu-event .fu-event-date{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n margin-bottom:14px;\r\n padding:7px 11px;\r\n background:rgba(255,255,255,.12);\r\n border-radius:999px;\r\n font-weight:700;\r\n}\r\n\r\n.fu-ahaus .fu-buttons{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:10px;\r\n margin-top:18px;\r\n}\r\n\r\n.fu-ahaus .fu-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n padding:11px 15px;\r\n border-radius:10px;\r\n background:var(--fu-green);\r\n color:var(--fu-white);\r\n font-weight:700;\r\n text-decoration:none;\r\n transition:.2s ease;\r\n}\r\n\r\n.fu-ahaus .fu-btn:hover{\r\n background:var(--fu-green-dark);\r\n color:var(--fu-white);\r\n text-decoration:none;\r\n transform:translateY(-1px);\r\n}\r\n\r\n.fu-ahaus .fu-btn-orange{\r\n background:var(--fu-orange);\r\n}\r\n\r\n.fu-ahaus .fu-btn-light{\r\n background:var(--fu-white);\r\n color:var(--fu-green-dark);\r\n border:1px solid rgba(255,255,255,.5);\r\n}\r\n\r\n.fu-ahaus .fu-btn-light:hover{\r\n background:var(--fu-paper);\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-ahaus .fu-route{\r\n padding:24px;\r\n background:var(--fu-paper);\r\n border:1px solid var(--fu-border);\r\n border-radius:16px;\r\n}\r\n\r\n.fu-ahaus .fu-address{\r\n margin:0;\r\n font-size:18px;\r\n font-weight:700;\r\n color:var(--fu-green-dark);\r\n}\r\n\r\n.fu-ahaus .fu-contact{\r\n margin-top:12px;\r\n color:var(--fu-muted);\r\n}\r\n\r\n.fu-ahaus .fu-related{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:16px;\r\n}\r\n\r\n.fu-ahaus .fu-related a{\r\n display:block;\r\n height:100%;\r\n padding:19px;\r\n background:var(--fu-white);\r\n border:1px solid var(--fu-border);\r\n border-radius:14px;\r\n box-shadow:var(--fu-shadow);\r\n font-weight:700;\r\n}\r\n\r\n.fu-ahaus .fu-related a:hover{\r\n background:var(--fu-paper);\r\n text-decoration:none;\r\n}\r\n\r\n.fu-ahaus .fu-related i{\r\n display:block;\r\n margin-bottom:8px;\r\n color:var(--fu-orange);\r\n font-size:22px;\r\n}\r\n\r\n.fu-ahaus .fu-note{\r\n margin-top:28px;\r\n padding-top:18px;\r\n border-top:1px solid var(--fu-border);\r\n color:var(--fu-muted);\r\n font-size:13px;\r\n}\r\n\r\n@media (max-width:900px){\r\n .fu-ahaus .fu-facts{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .fu-ahaus .fu-related{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media (max-width:640px){\r\n .fu-ahaus .fu-hero-content{\r\n padding:23px 20px 25px;\r\n }\r\n\r\n .fu-ahaus .fu-lead{\r\n font-size:17px;\r\n }\r\n\r\n .fu-ahaus .fu-facts,\r\n .fu-ahaus .fu-grid,\r\n .fu-ahaus .fu-related{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .fu-ahaus .fu-jump{\r\n padding:16px;\r\n }\r\n\r\n .fu-ahaus .fu-section h2{\r\n font-size:24px;\r\n }\r\n\r\n .fu-ahaus .fu-buttons{\r\n flex-direction:column;\r\n }\r\n\r\n .fu-ahaus .fu-btn{\r\n width:100%;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 548 ===== */ @scope (.fu-article-548) { \r\n/* =========================================================\r\n FAST UMSONST – PLATTDEUTSCHE LESEABENDE AM HERDFEUER\r\n Joomla 6 / Bootstrap / Bootstrap Icons 1.11.3\r\n ========================================================= */\r\n\r\n.fu-herdfeuer {\r\n --brand: #1f4b3f;\r\n --brand-dark: #17382f;\r\n --accent: #d87932;\r\n --accent-dark: #b85f20;\r\n --paper: #faf8f4;\r\n --text: #26312d;\r\n --muted: #66736e;\r\n --border: #e5e0d8;\r\n --soft: #eef4f1;\r\n --shadow: 0 10px 28px rgba(31,75,63,.10);\r\n --radius: 18px;\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n padding: 10px 16px 50px;\r\n color: var(--text);\r\n font-size: 1.02rem;\r\n line-height: 1.7;\r\n}\r\n\r\n.fu-herdfeuer * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.fu-herdfeuer a {\r\n color: var(--brand);\r\n text-decoration: none;\r\n}\r\n\r\n.fu-herdfeuer a:hover {\r\n color: var(--accent-dark);\r\n}\r\n\r\n.fu-herdfeuer h1,\r\n.fu-herdfeuer h2,\r\n.fu-herdfeuer h3 {\r\n color: var(--brand-dark);\r\n line-height: 1.25;\r\n}\r\n\r\n/* =========================================================\r\n HERO\r\n ========================================================= */\r\n\r\n.fu-herdfeuer-hero {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 22px;\r\n padding: 36px 30px;\r\n border-radius: 24px;\r\n color: #fff;\r\n background:\r\n radial-gradient(circle at 88% 15%, rgba(216,121,50,.35), transparent 32%),\r\n linear-gradient(135deg, var(--brand-dark), var(--brand));\r\n box-shadow: 0 14px 35px rgba(23,56,47,.18);\r\n}\r\n\r\n.fu-herdfeuer-hero::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 220px;\r\n height: 220px;\r\n right: -90px;\r\n bottom: -105px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,.07);\r\n}\r\n\r\n.fu-herdfeuer-hero-inner {\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.fu-herdfeuer-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n padding: 7px 13px;\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.13);\r\n color: #fff;\r\n font-size: .88rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-herdfeuer-hero h1 {\r\n margin: 0 0 12px;\r\n color: #fff;\r\n font-size: clamp(2rem, 5vw, 3rem);\r\n font-weight: 800;\r\n}\r\n\r\n.fu-herdfeuer-hero p {\r\n max-width: 850px;\r\n margin: 0;\r\n color: rgba(255,255,255,.94);\r\n font-size: 1.08rem;\r\n}\r\n\r\n/* =========================================================\r\n QUICK ACTIONS\r\n ========================================================= */\r\n\r\n.fu-herdfeuer-actions {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 12px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.fu-herdfeuer-action {\r\n min-height: 62px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n padding: 13px 16px;\r\n border: 1px solid var(--border);\r\n border-radius: 15px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n box-shadow: 0 6px 18px rgba(31,75,63,.07);\r\n font-weight: 750;\r\n text-align: center;\r\n transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n}\r\n\r\n.fu-herdfeuer-action:hover {\r\n transform: translateY(-2px);\r\n background: #f5f8f6;\r\n box-shadow: 0 10px 24px rgba(31,75,63,.12);\r\n}\r\n\r\n.fu-herdfeuer-action i {\r\n font-size: 1.15rem;\r\n}\r\n\r\n/* =========================================================\r\n FAKTEN\r\n ========================================================= */\r\n\r\n.fu-herdfeuer-facts {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 14px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.fu-herdfeuer-fact {\r\n padding: 20px 16px;\r\n text-align: center;\r\n}\r\n\r\n.fu-herdfeuer-fact i {\r\n display: block;\r\n margin-bottom: 8px;\r\n color: var(--brand);\r\n font-size: 1.55rem;\r\n}\r\n\r\n.fu-herdfeuer-fact strong {\r\n display: block;\r\n color: var(--brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n SECTIONS\r\n ========================================================= */\r\n\r\n.fu-herdfeuer-section {\r\n margin: 34px 0;\r\n}\r\n\r\n.fu-herdfeuer-section-head {\r\n margin-bottom: 18px;\r\n}\r\n\r\n.fu-herdfeuer-section-head h2 {\r\n margin: 0 0 7px;\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n}\r\n\r\n.fu-herdfeuer-section-head p {\r\n margin: 0;\r\n color: var(--muted);\r\n}\r\n\r\n/* =========================================================\r\n CARDS\r\n ========================================================= */\r\n\r\n.fu-herdfeuer-card {\r\n height: 100%;\r\n background: #fff;\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-herdfeuer-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-herdfeuer-offer {\r\n padding: 22px;\r\n}\r\n\r\n.fu-herdfeuer-offer-head {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n margin-bottom: 13px;\r\n}\r\n\r\n.fu-herdfeuer-offer h3 {\r\n margin: 0;\r\n font-size: 1.12rem;\r\n}\r\n\r\n.fu-herdfeuer-offer p {\r\n margin: 0;\r\n color: var(--muted);\r\n}\r\n\r\n.fu-herdfeuer-icon {\r\n width: 52px;\r\n height: 52px;\r\n flex: 0 0 52px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 15px;\r\n background: var(--soft);\r\n color: var(--brand);\r\n font-size: 1.35rem;\r\n}\r\n\r\n/* =========================================================\r\n HIGHLIGHT\r\n ========================================================= */\r\n\r\n.fu-herdfeuer-highlight {\r\n padding: 27px;\r\n border-radius: var(--radius);\r\n background: linear-gradient(135deg, #fff6eb, #fffaf5);\r\n border: 1px solid #f0d5ba;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-herdfeuer-highlight-inner {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 17px;\r\n}\r\n\r\n.fu-herdfeuer-highlight .fu-herdfeuer-icon {\r\n background: #fff;\r\n color: var(--accent-dark);\r\n}\r\n\r\n.fu-herdfeuer-highlight h2 {\r\n margin: 0 0 8px;\r\n font-size: 1.45rem;\r\n}\r\n\r\n.fu-herdfeuer-highlight p {\r\n margin: 0;\r\n}\r\n\r\n/* =========================================================\r\n TERMINE\r\n ========================================================= */\r\n\r\n.fu-herdfeuer-events {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n}\r\n\r\n.fu-herdfeuer-event {\r\n padding: 22px;\r\n}\r\n\r\n.fu-herdfeuer-date {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-bottom: 12px;\r\n padding: 6px 10px;\r\n border-radius: 999px;\r\n background: var(--soft);\r\n color: var(--brand);\r\n font-size: .88rem;\r\n font-weight: 800;\r\n}\r\n\r\n.fu-herdfeuer-event h3 {\r\n margin: 0 0 7px;\r\n font-size: 1.1rem;\r\n}\r\n\r\n.fu-herdfeuer-event p {\r\n margin: 0;\r\n color: var(--muted);\r\n}\r\n\r\n/* =========================================================\r\n INFO\r\n ========================================================= */\r\n\r\n.fu-herdfeuer-info {\r\n padding: 24px;\r\n}\r\n\r\n.fu-herdfeuer-info-row {\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--border);\r\n}\r\n\r\n.fu-herdfeuer-info-row:first-child {\r\n padding-top: 0;\r\n}\r\n\r\n.fu-herdfeuer-info-row:last-child {\r\n padding-bottom: 0;\r\n border-bottom: 0;\r\n}\r\n\r\n.fu-herdfeuer-info-row > i {\r\n width: 28px;\r\n flex: 0 0 28px;\r\n color: var(--brand);\r\n font-size: 1.15rem;\r\n text-align: center;\r\n}\r\n\r\n.fu-herdfeuer-info-row strong {\r\n display: block;\r\n margin-bottom: 2px;\r\n color: var(--brand-dark);\r\n}\r\n\r\n/* =========================================================\r\n CTA\r\n ========================================================= */\r\n\r\n.fu-herdfeuer-cta {\r\n margin-top: 34px;\r\n padding: 30px;\r\n border-radius: var(--radius);\r\n background: var(--brand);\r\n color: #fff;\r\n text-align: center;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.fu-herdfeuer-cta h2 {\r\n margin: 0 0 8px;\r\n color: #fff;\r\n}\r\n\r\n.fu-herdfeuer-cta p {\r\n max-width: 760px;\r\n margin: 0 auto 18px;\r\n color: rgba(255,255,255,.9);\r\n}\r\n\r\n.fu-herdfeuer-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 9px;\r\n min-height: 52px;\r\n padding: 12px 20px;\r\n border-radius: 13px;\r\n background: #fff;\r\n color: var(--brand) !important;\r\n font-weight: 800;\r\n box-shadow: 0 6px 16px rgba(0,0,0,.12);\r\n}\r\n\r\n.fu-herdfeuer-button:hover {\r\n background: #f5f5f5;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-herdfeuer-related {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 13px;\r\n}\r\n\r\n.fu-herdfeuer-related a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n min-height: 68px;\r\n padding: 14px 15px;\r\n border: 1px solid var(--border);\r\n border-radius: 14px;\r\n background: #fff;\r\n box-shadow: 0 6px 18px rgba(31,75,63,.06);\r\n font-weight: 700;\r\n transition: .18s ease;\r\n}\r\n\r\n.fu-herdfeuer-related a:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 22px rgba(31,75,63,.11);\r\n}\r\n\r\n.fu-herdfeuer-related i {\r\n color: var(--brand);\r\n font-size: 1.1rem;\r\n}\r\n\r\n/* =========================================================\r\n MOBILE\r\n ========================================================= */\r\n\r\n@media (max-width: 900px) {\r\n .fu-herdfeuer-facts {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-herdfeuer-grid,\r\n .fu-herdfeuer-events {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .fu-herdfeuer-related {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n .fu-herdfeuer {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .fu-herdfeuer-hero {\r\n padding: 27px 21px;\r\n border-radius: 20px;\r\n }\r\n\r\n .fu-herdfeuer-actions {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-herdfeuer-action {\r\n min-height: 58px;\r\n }\r\n\r\n .fu-herdfeuer-facts,\r\n .fu-herdfeuer-grid,\r\n .fu-herdfeuer-events,\r\n .fu-herdfeuer-related {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-herdfeuer-fact {\r\n display: flex;\r\n align-items: center;\r\n gap: 13px;\r\n text-align: left;\r\n }\r\n\r\n .fu-herdfeuer-fact i {\r\n margin: 0;\r\n }\r\n\r\n .fu-herdfeuer-highlight-inner {\r\n flex-direction: column;\r\n }\r\n}\r\n } /* ===== FU ARTICLE 549 ===== */ @scope (.fu-article-549) { \r\n .tm-wrapper {\r\n --tm-coral: #d1602f;\r\n --tm-coral-soft: #fbeee5;\r\n --tm-red: #c62828;\r\n --tm-red-soft: #fbe9e9;\r\n --tm-ink: #17201a;\r\n --tm-muted: #5a6660;\r\n --tm-paper: #ffffff;\r\n --tm-line: #e7e5e1;\r\n font-family: \"Inter\", \"Segoe UI\", system-ui, -apple-system, sans-serif;\r\n background: var(--tm-paper);\r\n color: var(--tm-ink);\r\n padding: 3rem 1rem;\r\n }\r\n\r\n .tm-inner {\r\n max-width: 980px;\r\n margin: 0 auto;\r\n }\r\n\r\n .tm-ukraine {\r\n background: var(--tm-red-soft);\r\n border-left: 5px solid var(--tm-red);\r\n border-radius: 12px;\r\n padding: 1.5rem 1.7rem;\r\n margin-bottom: 3rem;\r\n display: flex;\r\n gap: 1.1rem;\r\n align-items: flex-start;\r\n }\r\n\r\n .tm-ukraine-icon {\r\n flex-shrink: 0;\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 50%;\r\n background: rgba(198, 40, 40, 0.12);\r\n color: var(--tm-red);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .tm-ukraine h3 {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: var(--tm-red);\r\n margin-bottom: 0.4rem;\r\n }\r\n\r\n .tm-ukraine p {\r\n font-size: 0.94rem;\r\n line-height: 1.6;\r\n color: var(--tm-ink);\r\n margin-bottom: 0.6rem;\r\n }\r\n\r\n .tm-ukraine a,\r\n .tm-rad-note a,\r\n .tm-auction-card a {\r\n color: var(--tm-coral);\r\n font-weight: 600;\r\n text-decoration: none;\r\n }\r\n\r\n .tm-ukraine a:hover,\r\n .tm-rad-note a:hover,\r\n .tm-auction-card a:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n .tm-section-heading {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .tm-section-heading h2 {\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .tm-section-heading p {\r\n color: var(--tm-muted);\r\n font-size: 0.88rem;\r\n margin: 0;\r\n }\r\n\r\n section.tm-block {\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .tm-feste-row,\r\n .tm-rad-row {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.3rem;\r\n }\r\n\r\n .tm-feste-card,\r\n .tm-rad-card {\r\n background: #fff;\r\n border: 1px solid var(--tm-line);\r\n border-radius: 14px;\r\n padding: 1.4rem;\r\n }\r\n\r\n .tm-feste-icon {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n background: var(--tm-coral-soft);\r\n color: var(--tm-coral);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.15rem;\r\n margin-bottom: 0.9rem;\r\n }\r\n\r\n .tm-feste-card h3,\r\n .tm-rad-card h4 {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n margin-bottom: 0.7rem;\r\n }\r\n\r\n .tm-feste-entry {\r\n display: flex;\r\n gap: 0.6rem;\r\n font-size: 0.85rem;\r\n line-height: 1.5;\r\n margin-bottom: 0.6rem;\r\n }\r\n\r\n .tm-feste-time {\r\n flex-shrink: 0;\r\n font-weight: 600;\r\n color: var(--tm-coral);\r\n white-space: nowrap;\r\n }\r\n\r\n .tm-feste-desc {\r\n color: var(--tm-muted);\r\n }\r\n\r\n .tm-feste-free,\r\n .tm-rad-status {\r\n display: inline-block;\r\n font-size: 0.76rem;\r\n font-weight: 600;\r\n padding: 0.2rem 0.55rem;\r\n border-radius: 999px;\r\n }\r\n\r\n .tm-feste-free,\r\n .tm-rad-status.ok {\r\n color: #2f7a4d;\r\n background: #eaf4ec;\r\n }\r\n\r\n .tm-rad-status {\r\n margin-bottom: 0.7rem;\r\n }\r\n\r\n .tm-rad-status.note {\r\n color: #8a6410;\r\n background: #fff5d6;\r\n }\r\n\r\n .tm-rad-card p {\r\n font-size: 0.83rem;\r\n line-height: 1.55;\r\n color: var(--tm-muted);\r\n margin: 0 0 0.35rem;\r\n }\r\n\r\n .tm-rad-card .tm-rad-hours {\r\n font-size: 0.79rem;\r\n color: var(--tm-ink);\r\n }\r\n\r\n .tm-rad-note {\r\n margin-top: 1.3rem;\r\n font-size: 0.88rem;\r\n color: var(--tm-muted);\r\n }\r\n\r\n .tm-auction-row {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.3rem;\r\n }\r\n\r\n .tm-auction-card {\r\n background: var(--tm-coral-soft);\r\n border-radius: 14px;\r\n padding: 1.4rem 1.5rem;\r\n }\r\n\r\n .tm-auction-card h4 {\r\n font-size: 0.98rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .tm-auction-card p {\r\n font-size: 0.87rem;\r\n line-height: 1.6;\r\n color: var(--tm-ink);\r\n margin: 0 0 0.5rem;\r\n }\r\n\r\n .tm-auction-card a {\r\n display: block;\r\n font-size: 0.85rem;\r\n }\r\n\r\n .tm-auction-dates {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.4rem;\r\n margin: 0.6rem 0;\r\n }\r\n\r\n .tm-auction-dates span {\r\n background: #fff;\r\n border-radius: 999px;\r\n padding: 0.25rem 0.65rem;\r\n font-size: 0.78rem;\r\n font-weight: 600;\r\n }\r\n\r\n .tm-cal-disclaimer {\r\n font-size: 0.82rem;\r\n color: var(--tm-muted);\r\n font-style: italic;\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n details.tm-month {\r\n border: 1px solid var(--tm-line);\r\n border-radius: 12px;\r\n margin-bottom: 0.7rem;\r\n overflow: hidden;\r\n }\r\n\r\n details.tm-month summary {\r\n list-style: none;\r\n cursor: pointer;\r\n padding: 0.95rem 1.3rem;\r\n font-weight: 600;\r\n font-size: 0.96rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: #fff;\r\n }\r\n\r\n details.tm-month summary::-webkit-details-marker {\r\n display: none;\r\n }\r\n\r\n details.tm-month summary::after {\r\n content: \"\\002B\";\r\n font-size: 1.1rem;\r\n color: var(--tm-coral);\r\n font-weight: 700;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n details.tm-month[open] summary::after {\r\n transform: rotate(45deg);\r\n }\r\n\r\n details.tm-month summary .tm-count {\r\n font-weight: 500;\r\n font-size: 0.78rem;\r\n color: var(--tm-muted);\r\n margin-right: auto;\r\n margin-left: 0.8rem;\r\n }\r\n\r\n .tm-event-list {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0.4rem 1.3rem 1.1rem;\r\n border-top: 1px solid var(--tm-line);\r\n }\r\n\r\n .tm-event-list li {\r\n display: flex;\r\n gap: 0.9rem;\r\n padding: 0.55rem 0;\r\n border-bottom: 1px dashed var(--tm-line);\r\n font-size: 0.87rem;\r\n line-height: 1.5;\r\n }\r\n\r\n .tm-event-list li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .tm-ev-date {\r\n flex-shrink: 0;\r\n width: 92px;\r\n font-weight: 600;\r\n color: var(--tm-coral);\r\n }\r\n\r\n .tm-ev-name {\r\n color: var(--tm-ink);\r\n }\r\n\r\n .tm-ev-loc {\r\n color: var(--tm-muted);\r\n margin-left: auto;\r\n text-align: right;\r\n }\r\n\r\n .tm-free {\r\n flex-shrink: 0;\r\n color: #2f7a4d;\r\n background: #eaf4ec;\r\n border-radius: 999px;\r\n padding: 0.12rem 0.45rem;\r\n font-size: 0.72rem;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n }\r\n\r\n .tm-low {\r\n flex-shrink: 0;\r\n color: #8a6410;\r\n background: #fff5d6;\r\n border-radius: 999px;\r\n padding: 0.12rem 0.45rem;\r\n font-size: 0.72rem;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n }\r\n\r\n .tm-source-note {\r\n margin-top: 1.5rem;\r\n padding: 1rem 1.2rem;\r\n background: #f7f7f5;\r\n border-radius: 10px;\r\n color: var(--tm-muted);\r\n font-size: 0.78rem;\r\n line-height: 1.55;\r\n }\r\n\r\n @media (max-width: 767.98px) {\r\n .tm-feste-row,\r\n .tm-rad-row,\r\n .tm-auction-row {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .tm-event-list li {\r\n flex-wrap: wrap;\r\n gap: 0.4rem 0.7rem;\r\n }\r\n\r\n .tm-ev-date {\r\n width: 74px;\r\n }\r\n\r\n .tm-ev-loc {\r\n margin-left: 0;\r\n text-align: left;\r\n width: 100%;\r\n }\r\n }\r\n } /* ===== FU ARTICLE 550 ===== */ @scope (.fu-article-550) { \r\n/* =========================================================\r\n FAST UMSONST – SUPER GÜNSTIG DURCH DEN TAG\r\n Kompakte Version\r\n - keine Datumsbutton-Leiste\r\n - Tag als Pull-down\r\n - Suche kompakt\r\n - Budget direkt in der Tageskarte\r\n - nur ausgewählter Tag sichtbar\r\n ========================================================= */\r\n\r\n.fu-kalender {\r\n --fu-green: #1f4b3f;\r\n --fu-dark: #17382f;\r\n --fu-paper: #faf8f4;\r\n --fu-orange: #d97706;\r\n --fu-border: #e5e0d7;\r\n --fu-muted: #6b7280;\r\n --fu-white: #ffffff;\r\n --fu-shadow: 0 5px 18px rgba(23,56,47,.08);\r\n\r\n max-width: 1120px;\r\n margin: 0 auto;\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-kalender * {\r\n box-sizing: border-box;\r\n}\r\n\r\n/* =========================================================\r\n HEADER\r\n ========================================================= */\r\n\r\n.fu-hero {\r\n position: relative;\r\n overflow: hidden;\r\n background:\r\n radial-gradient(circle at 92% 18%, rgba(255,255,255,.10), transparent 28%),\r\n linear-gradient(135deg, #1f4b3f 0%, #17382f 100%);\r\n color: #fff;\r\n border-radius: 16px;\r\n padding: 24px 22px;\r\n margin-bottom: 12px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-hero-inner {\r\n max-width: 820px;\r\n}\r\n\r\n.fu-hero-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n margin-bottom: 7px;\r\n padding: 4px 8px;\r\n border: 1px solid rgba(255,255,255,.18);\r\n border-radius: 999px;\r\n background: rgba(255,255,255,.08);\r\n font-size: .7rem;\r\n font-weight: 700;\r\n letter-spacing: .05em;\r\n text-transform: uppercase;\r\n}\r\n\r\n.fu-hero h1 {\r\n margin: 0 0 6px;\r\n font-size: clamp(1.55rem, 3vw, 2.15rem);\r\n line-height: 1.1;\r\n color: #fff;\r\n}\r\n\r\n.fu-hero p {\r\n margin: 0;\r\n max-width: 780px;\r\n font-size: .9rem;\r\n line-height: 1.5;\r\n opacity: .94;\r\n}\r\n\r\n/* =========================================================\r\n KOMPAKTE STEUERUNG\r\n ========================================================= */\r\n\r\n.fu-controls {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n padding: 9px;\r\n margin-bottom: 10px;\r\n box-shadow: var(--fu-shadow);\r\n}\r\n\r\n.fu-controls-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.25fr;\r\n gap: 8px;\r\n}\r\n\r\n.fu-control {\r\n position: relative;\r\n}\r\n\r\n.fu-control label {\r\n display: block;\r\n margin: 0 0 4px 2px;\r\n color: var(--fu-muted);\r\n font-size: .68rem;\r\n font-weight: 800;\r\n letter-spacing: .045em;\r\n text-transform: uppercase;\r\n}\r\n\r\n.fu-control-box {\r\n position: relative;\r\n}\r\n\r\n.fu-control-box i {\r\n position: absolute;\r\n left: 11px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: var(--fu-green);\r\n font-size: .9rem;\r\n pointer-events: none;\r\n}\r\n\r\n.fu-control select,\r\n.fu-control input {\r\n width: 100%;\r\n min-height: 39px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 9px;\r\n background: #fff;\r\n color: var(--fu-dark);\r\n font-size: .84rem;\r\n outline: none;\r\n}\r\n\r\n.fu-control select {\r\n padding: 8px 10px 8px 34px;\r\n}\r\n\r\n.fu-control input {\r\n padding: 8px 10px 8px 34px;\r\n}\r\n\r\n.fu-control select:focus,\r\n.fu-control input:focus {\r\n border-color: var(--fu-green);\r\n box-shadow: 0 0 0 2px rgba(31,75,63,.08);\r\n}\r\n\r\n.fu-search-clear {\r\n position: absolute;\r\n right: 7px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 25px;\r\n height: 25px;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n border: 0;\r\n border-radius: 50%;\r\n background: #f1eee8;\r\n color: var(--fu-muted);\r\n cursor: pointer;\r\n}\r\n\r\n.fu-search-clear.visible {\r\n display: flex;\r\n}\r\n\r\n.fu-search-clear:hover {\r\n background: #e7e2d9;\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-control-help {\r\n margin: 4px 2px 0;\r\n color: var(--fu-muted);\r\n font-size: .68rem;\r\n line-height: 1.35;\r\n}\r\n\r\n/* =========================================================\r\n TAGESKARTE – VERSTECKT BIS AUSWAHL\r\n ========================================================= */\r\n\r\n.fu-day {\r\n display: none !important;\r\n}\r\n\r\n.fu-day.fu-day-visible {\r\n display: block !important;\r\n}\r\n\r\n.fu-day {\r\n background: #fff;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 14px;\r\n margin-bottom: 10px;\r\n box-shadow: var(--fu-shadow);\r\n overflow: hidden;\r\n}\r\n\r\n/* =========================================================\r\n PLACEHOLDER\r\n ========================================================= */\r\n\r\n.fu-day-placeholder {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n min-height: 58px;\r\n margin-bottom: 10px;\r\n padding: 10px 14px;\r\n border: 1px dashed var(--fu-border);\r\n border-radius: 12px;\r\n background: var(--fu-paper);\r\n color: var(--fu-muted);\r\n font-size: .78rem;\r\n line-height: 1.35;\r\n text-align: center;\r\n}\r\n\r\n.fu-day-placeholder i {\r\n color: var(--fu-green);\r\n font-size: 1.05rem;\r\n flex: 0 0 auto;\r\n}\r\n\r\n.fu-day-placeholder strong {\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-day-placeholder.fu-placeholder-hidden {\r\n display: none;\r\n}\r\n\r\n/* =========================================================\r\n TAGESKOPF\r\n ========================================================= */\r\n\r\n.fu-day-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n padding: 11px 13px;\r\n background: var(--fu-paper);\r\n border-bottom: 1px solid var(--fu-border);\r\n}\r\n\r\n.fu-day-title {\r\n min-width: 0;\r\n}\r\n\r\n.fu-day-title h2 {\r\n margin: 0;\r\n color: var(--fu-dark);\r\n font-size: 1rem;\r\n line-height: 1.15;\r\n}\r\n\r\n.fu-day-title small {\r\n display: block;\r\n margin-top: 3px;\r\n color: var(--fu-muted);\r\n font-size: .7rem;\r\n}\r\n\r\n.fu-day-meta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 5px;\r\n margin-top: 5px;\r\n}\r\n\r\n.fu-day-meta span {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 4px;\r\n padding: 3px 7px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 999px;\r\n background: #fff;\r\n color: var(--fu-muted);\r\n font-size: .66rem;\r\n}\r\n\r\n.fu-day-badge {\r\n flex: 0 0 auto;\r\n padding: 5px 8px;\r\n border-radius: 999px;\r\n background: #edf4f1;\r\n color: var(--fu-green);\r\n font-size: .7rem;\r\n font-weight: 800;\r\n}\r\n\r\n/* =========================================================\r\n BUDGET DIREKT IN DER TAGESKARTE\r\n ========================================================= */\r\n\r\n.fu-day-controls {\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 10px;\r\n border-bottom: 1px solid var(--fu-border);\r\n background: #fff;\r\n}\r\n\r\n.fu-day-budget-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n flex: 0 0 auto;\r\n color: var(--fu-muted);\r\n font-size: .7rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: .035em;\r\n}\r\n\r\n.fu-day-budget-label i {\r\n color: var(--fu-green);\r\n}\r\n\r\n.fu-day-budget-select {\r\n flex: 0 1 220px;\r\n min-height: 34px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 8px;\r\n padding: 6px 9px;\r\n background: #fff;\r\n color: var(--fu-dark);\r\n font-size: .78rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-day-budget-info {\r\n margin-left: auto;\r\n color: var(--fu-muted);\r\n font-size: .68rem;\r\n text-align: right;\r\n}\r\n\r\n/* =========================================================\r\n REITER\r\n ========================================================= */\r\n\r\n.fu-tabs {\r\n display: flex;\r\n border-bottom: 1px solid var(--fu-border);\r\n background: #fff;\r\n}\r\n\r\n.fu-tab {\r\n flex: 1 1 33.333%;\r\n min-height: 37px;\r\n border: 0;\r\n border-right: 1px solid var(--fu-border);\r\n background: #fff;\r\n color: var(--fu-muted);\r\n font-size: .75rem;\r\n font-weight: 800;\r\n cursor: pointer;\r\n transition: background .15s ease, color .15s ease;\r\n}\r\n\r\n.fu-tab:last-child {\r\n border-right: 0;\r\n}\r\n\r\n.fu-tab:hover {\r\n background: var(--fu-paper);\r\n color: var(--fu-dark);\r\n}\r\n\r\n.fu-tab.active {\r\n color: var(--fu-green);\r\n box-shadow: inset 0 -2px 0 var(--fu-green);\r\n}\r\n\r\n.fu-tab i {\r\n margin-right: 4px;\r\n}\r\n\r\n.fu-panel {\r\n display: none;\r\n padding: 9px;\r\n}\r\n\r\n.fu-panel.active {\r\n display: block;\r\n}\r\n\r\n/* =========================================================\r\n ANGEBOTE\r\n ========================================================= */\r\n\r\n.fu-offers {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0,1fr));\r\n gap: 7px;\r\n}\r\n\r\n.fu-offer {\r\n display: flex;\r\n flex-direction: column;\r\n min-width: 0;\r\n padding: 9px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 10px;\r\n background: #fff;\r\n}\r\n\r\n.fu-offer-top {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n gap: 7px;\r\n}\r\n\r\n.fu-offer h3 {\r\n margin: 0;\r\n color: var(--fu-dark);\r\n font-size: .83rem;\r\n line-height: 1.25;\r\n}\r\n\r\n.fu-offer-price {\r\n flex: 0 0 auto;\r\n padding: 3px 6px;\r\n border-radius: 999px;\r\n background: #edf4f1;\r\n color: var(--fu-green);\r\n font-size: .7rem;\r\n font-weight: 800;\r\n white-space: nowrap;\r\n}\r\n\r\n.fu-offer-time {\r\n margin-top: 4px;\r\n color: var(--fu-muted);\r\n font-size: .68rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.fu-offer-text {\r\n margin: 5px 0 7px;\r\n color: #46504d;\r\n font-size: .71rem;\r\n line-height: 1.4;\r\n}\r\n\r\n.fu-offer-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 4px;\r\n margin-top: auto;\r\n}\r\n\r\n.fu-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n min-height: 28px;\r\n padding: 4px 7px;\r\n border: 0;\r\n border-radius: 7px;\r\n text-decoration: none !important;\r\n font-size: .68rem;\r\n font-weight: 800;\r\n cursor: pointer;\r\n}\r\n\r\n.fu-btn-route {\r\n background: var(--fu-green);\r\n color: #fff !important;\r\n}\r\n\r\n.fu-btn-route:hover {\r\n background: var(--fu-dark);\r\n}\r\n\r\n.fu-btn-info {\r\n background: #f1eee8;\r\n color: var(--fu-dark) !important;\r\n}\r\n\r\n.fu-btn-info:hover {\r\n background: #e7e2d9;\r\n}\r\n\r\n/* =========================================================\r\n LEER\r\n ========================================================= */\r\n\r\n.fu-empty {\r\n padding: 11px;\r\n border: 1px dashed var(--fu-border);\r\n border-radius: 9px;\r\n background: var(--fu-paper);\r\n color: var(--fu-muted);\r\n font-size: .73rem;\r\n line-height: 1.45;\r\n}\r\n\r\n/* =========================================================\r\n FUß\r\n ========================================================= */\r\n\r\n.fu-day-footer {\r\n padding: 7px 10px;\r\n border-top: 1px solid var(--fu-border);\r\n background: #fff;\r\n color: var(--fu-muted);\r\n font-size: .67rem;\r\n}\r\n\r\n/* =========================================================\r\n RELATED\r\n ========================================================= */\r\n\r\n.fu-related {\r\n margin-top: 12px;\r\n padding: 12px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 13px;\r\n background: var(--fu-paper);\r\n}\r\n\r\n.fu-related h2 {\r\n margin: 0 0 8px;\r\n font-size: .95rem;\r\n}\r\n\r\n.fu-related-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0,1fr));\r\n gap: 6px;\r\n}\r\n\r\n.fu-related a {\r\n display: block;\r\n padding: 8px 9px;\r\n border: 1px solid var(--fu-border);\r\n border-radius: 8px;\r\n background: #fff;\r\n color: var(--fu-dark);\r\n text-decoration: none;\r\n font-size: .7rem;\r\n font-weight: 700;\r\n}\r\n\r\n.fu-related a:hover {\r\n border-color: var(--fu-green);\r\n}\r\n\r\n/* =========================================================\r\n HINWEIS\r\n ========================================================= */\r\n\r\n.fu-note {\r\n margin-top: 10px;\r\n padding: 9px 11px;\r\n border-left: 3px solid var(--fu-orange);\r\n border-radius: 7px;\r\n background: #fff8ef;\r\n color: #5c4630;\r\n font-size: .68rem;\r\n line-height: 1.45;\r\n}\r\n\r\n/* =========================================================\r\n RESPONSIVE\r\n ========================================================= */\r\n\r\n@media (max-width: 760px) {\r\n\r\n .fu-controls-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-offers {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .fu-related-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n}\r\n\r\n@media (max-width: 520px) {\r\n\r\n .fu-hero {\r\n padding: 20px 16px;\r\n }\r\n\r\n .fu-hero h1 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .fu-hero p {\r\n font-size: .83rem;\r\n }\r\n\r\n .fu-controls {\r\n padding: 8px;\r\n }\r\n\r\n .fu-day-controls {\r\n flex-wrap: wrap;\r\n }\r\n\r\n .fu-day-budget-select {\r\n flex: 1 1 180px;\r\n }\r\n\r\n .fu-day-budget-info {\r\n flex: 1 1 100%;\r\n margin-left: 0;\r\n text-align: left;\r\n }\r\n\r\n .fu-related-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n}\r\n }