:root{--brand-primary:#D5048B;--brand-secondary:#392A55;--brand-tertiary:#F7F2D0;--light-bg:#FAFAFA;--text-dark:#1A1A1A;--text-mid:#4A4A4A;--border-subtle:#E5E5E5;--shadow-soft:#392a5514}
*{box-sizing:border-box;margin:0;padding:0}
body{background:linear-gradient(158deg,var(--light-bg) 0%,#FFF 48%,var(--brand-tertiary) 100%);color:var(--text-dark);min-height:100vh;display:flex;flex-direction:column;font:16px/1.7 'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
@media (forced-colors: active) {
body{background:Canvas;color:CanvasText}
a{color:LinkText}
button{border:2px solid ButtonText}
}
header{background:linear-gradient(165deg,#FFF 0%,var(--brand-tertiary) 100%);border-bottom:2px solid var(--border-subtle);position:relative}
.header_row_alpha{display:flex;align-items:center;justify-content:center;padding:26px 5%;border-bottom:1px solid #d5048b1f}
.logo_holder_xyz{display:flex;align-items:center;gap:14px}
.logo_holder_xyz img{height:85px;width:85px;object-fit:contain}
.trust_badge_section{display:flex;gap:28px;align-items:center;margin-left:42px}
.badge_item_kl{display:flex;align-items:center;gap:9px;padding:8px 16px;background:#f7f2d066;border-radius:8px;font-size:14px;font-weight:500;color:var(--brand-secondary)}
.badge_icon_pl{width:20px;height:20px;background:var(--brand-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700}
.nav_row_beta{display:flex;justify-content:center;padding:0 5%;background:#ffffffb3}
.main_navigation_qw{display:flex;gap:6px;list-style:none;padding:0;margin:0}
.main_navigation_qw li{position:relative}
.main_navigation_qw a{display:block;padding:19px 26px;text-decoration:none;color:var(--text-dark);font-weight:500;font-size:15px;transition:color 0.25s,background-color .25s;border-radius:6px}
.main_navigation_qw a:hover,.main_navigation_qw a:focus{color:var(--brand-primary);outline:none;background:#d5048b0f}
.main_navigation_qw a:focus-visible{outline:3px solid var(--brand-primary);outline-offset:2px}
.submenu_wrapper_rt{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 6px 20px var(--shadow-soft);min-width:220px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 0.3s,transform 0.3s,visibility .3s;z-index:100;padding:10px 0}
.main_navigation_qw li:hover .submenu_wrapper_rt,.main_navigation_qw li:focus-within .submenu_wrapper_rt{opacity:1;visibility:visible;transform:translateY(0)}
.submenu_wrapper_rt a{padding:12px 20px;display:block;border-radius:0}
.submenu_wrapper_rt a:hover{background:#d5048b14}
main{flex:1}
footer{background:linear-gradient(172deg,var(--brand-secondary) 0%,#2A1F40 100%);color:#fff;margin-top:80px}
.footer_hero_massive{padding:95px 5% 70px;text-align:center;border-bottom:1px solid #f7f2d026}
.footer_hero_massive h2{font-size:42px;font-weight:700;margin-bottom:22px;color:var(--brand-tertiary);letter-spacing:-.5px}
.footer_hero_massive p{font-size:18px;line-height:1.75;max-width:720px;margin:0 auto 35px;color:#ffffffd9}
.footer_cta_group{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.footer_cta_btn{padding:16px 38px;border-radius:10px;text-decoration:none;font-weight:600;font-size:16px;transition:background-color 0.3s,opacity .3s;display:inline-block}
.footer_cta_primary{background:var(--brand-primary);color:#fff}
.footer_cta_primary:hover{background:#B00375}
.footer_cta_secondary{background:none;color:#fff;border:2px solid var(--brand-tertiary)}
.footer_cta_secondary:hover{background:#f7f2d01f}
.footer_utility_strip{padding:28px 5%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;font-size:14px}
.footer_links_compact{display:flex;gap:24px;list-style:none;flex-wrap:wrap}
.footer_links_compact a{color:#ffffffbf;text-decoration:none;transition:color .25s}
.footer_links_compact a:hover{color:var(--brand-tertiary)}
.footer_copyright{color:#ffffffa6}
.cookie_consent_overlay{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#fffffff7 0%,#fafafafa 100%);border-top:3px solid var(--brand-primary);box-shadow:0 -8px 35px #392a5526;padding:32px 5%;z-index:9999;display:none;animation:slideUpFade .4s ease-out}
@keyframes slideUpFade {
from{opacity:0;transform:translateY(100%)}
to{opacity:1;transform:translateY(0)}
}
.cookie_consent_overlay.active{display:block}
.cookie_inner_container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.cookie_text_section{color:var(--text-dark)}
.cookie_text_section h3{font-size:19px;font-weight:700;margin-bottom:10px;color:var(--brand-secondary)}
.cookie_text_section p{font-size:15px;line-height:1.65;color:var(--text-mid)}
.cookie_actions_group{display:flex;gap:12px;flex-wrap:wrap}
.cookie_btn{padding:13px 28px;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:background-color 0.3s,opacity .3s;font-family:inherit;white-space:nowrap;min-height:48px}
.cookie_btn:focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px}
.cookie_accept_all{background:var(--brand-primary);color:#fff}
.cookie_accept_all:hover{background:#B00375}
.cookie_reject_all{background:var(--brand-secondary);color:#fff}
.cookie_reject_all:hover{opacity:.85}
.cookie_settings_toggle{background:none;color:var(--text-dark);border:2px solid var(--border-subtle)}
.cookie_settings_toggle:hover{background:#d5048b0f}
.cookie_settings_panel{display:none;margin-top:24px;padding-top:24px;border-top:2px solid var(--border-subtle)}
.cookie_settings_panel.visible{display:block}
.cookie_category_block{margin-bottom:20px;padding:16px;background:#f7f2d033;border-radius:8px;border-left:4px solid var(--brand-primary)}
.cookie_category_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.cookie_category_title{font-weight:600;font-size:16px;color:var(--brand-secondary)}
.cookie_toggle_switch{position:relative;width:52px;height:28px;background:#CCC;border-radius:28px;cursor:pointer;transition:background-color .3s;border:none;padding:0}
.cookie_toggle_switch.active{background:var(--brand-primary)}
.cookie_toggle_switch::after{content:'';position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .3s}
.cookie_toggle_switch.active::after{transform:translateX(24px)}
.cookie_category_description{font-size:14px;color:var(--text-mid);line-height:1.6}
.cookie_save_preferences{background:var(--brand-secondary);color:#fff;padding:13px 32px;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:opacity .3s;margin-top:18px;font-family:inherit;min-height:48px}
.cookie_save_preferences:hover{opacity:.85}
@media (max-width: 768px) {
.header_row_alpha{flex-direction:column;gap:20px;padding:20px 5%}
.trust_badge_section{margin-left:0;flex-wrap:wrap;justify-content:center}
.nav_row_beta{padding:0}
.main_navigation_qw{flex-direction:column;width:100%;gap:0}
.main_navigation_qw a{padding:16px 5%;border-radius:0;border-bottom:1px solid var(--border-subtle)}
.submenu_wrapper_rt{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-radius:0;background:#f7f2d026;display:none}
.main_navigation_qw li:hover .submenu_wrapper_rt,.main_navigation_qw li:focus-within .submenu_wrapper_rt{display:block}
.footer_hero_massive h2{font-size:28px}
.footer_hero_massive p{font-size:16px}
.footer_utility_strip{flex-direction:column;text-align:center}
.cookie_inner_container{grid-template-columns:1fr;gap:24px}
.cookie_actions_group{flex-direction:column}
.cookie_btn{width:100%}
}
@media (prefers-reduced-motion: reduce) {
*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
.fernlern-tipps-hero{background:linear-gradient(135deg,#F7F2D0 0%,#fff 100%);padding:4rem 1.5rem 3rem;position:relative;overflow:hidden}
.fernlern-tipps-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#d5048b14 0%,transparent 70%);border-radius:50%}
.fernlern-tipps-hero .intro-wrapper{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.fernlern-tipps-hero h1{font-size:2.8rem;color:#392A55;font-weight:700;line-height:1.2;margin-bottom:1.5rem}
.fernlern-tipps-hero h1::after{content:'';display:block;width:80px;height:4px;background:#D5048B;margin-top:1rem}
.fernlern-tipps-hero .lead-text{font-size:1.15rem;color:#392A55;line-height:1.7;max-width:700px;margin-bottom:0}
.arbeitsplatz-einrichtung{padding:4rem 1.5rem;background:#fff}
.arbeitsplatz-einrichtung .content-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.arbeitsplatz-einrichtung .text-content h2{font-size:2.2rem;color:#392A55;font-weight:700;margin-bottom:1.5rem;position:relative;padding-left:1.5rem}
.arbeitsplatz-einrichtung .text-content h2::before{content:'';position:absolute;left:0;top:.3rem;width:6px;height:2.5rem;background:linear-gradient(180deg,#D5048B 0%,#392A55 100%);border-radius:3px}
.arbeitsplatz-einrichtung .text-content p{font-size:1.05rem;line-height:1.8;color:#2d2d2d;margin-bottom:1.5rem}
.arbeitsplatz-einrichtung .tipps-liste{list-style:none;padding:0;margin:2rem 0 0}
.arbeitsplatz-einrichtung .tipps-liste li{padding:1rem 1rem 1rem 3rem;margin-bottom:1rem;background:#F7F2D0;border-radius:8px;position:relative;font-size:1.05rem;line-height:1.6;color:#392A55}
.arbeitsplatz-einrichtung .tipps-liste li::before{content:'→';position:absolute;left:1rem;top:1rem;color:#D5048B;font-weight:700;font-size:1.3rem}
.arbeitsplatz-einrichtung .visual-holder{position:relative}
.arbeitsplatz-einrichtung .visual-holder img{width:100%;height:500px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #392a551f}
.zeitmanagement-block{padding:4rem 1.5rem;background:linear-gradient(165deg,#392A55 0%,#4a3a6a 100%);position:relative}
.zeitmanagement-block::after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#D5048B 0%,#F7F2D0 100%)}
.zeitmanagement-block .inner-container{max-width:1100px;margin:0 auto}
.zeitmanagement-block h2{font-size:2.4rem;color:#F7F2D0;font-weight:700;margin-bottom:2.5rem;text-align:center}
.zeitmanagement-block .strategie-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}
.zeitmanagement-block .strategie-karte{background:#f7f2d014;padding:2rem 1.5rem;border-radius:10px;border:2px solid #f7f2d033;transition:all .3s ease}
.zeitmanagement-block .strategie-karte:hover{transform:translateY(-5px);border-color:#D5048B;background:#f7f2d01f}
.zeitmanagement-block .strategie-karte h3{font-size:1.4rem;color:#F7F2D0;margin-bottom:1rem;font-weight:600}
.zeitmanagement-block .strategie-karte p{font-size:1rem;line-height:1.7;color:#f7f2d0e6;margin:0}
.konzentration-behalten{padding:4rem 1.5rem;background:#fff}
.konzentration-behalten .wrapper-asymm{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center}
.konzentration-behalten .haupttext h2{font-size:2.3rem;color:#392A55;font-weight:700;margin-bottom:1.8rem}
.konzentration-behalten .haupttext .accent-term{color:#D5048B;font-weight:600;position:relative}
.konzentration-behalten .haupttext .accent-term::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#D5048B 0%,transparent 100%)}
.konzentration-behalten .haupttext p{font-size:1.05rem;line-height:1.8;color:#2d2d2d;margin-bottom:1.5rem}
.konzentration-behalten .methoden-box{background:linear-gradient(135deg,#F7F2D0 0%,#fff 100%);padding:2rem;border-radius:12px;border-left:4px solid #D5048B}
.konzentration-behalten .methoden-box h3{font-size:1.3rem;color:#392A55;margin-bottom:1.5rem;font-weight:600}
.konzentration-behalten .methoden-box ul{list-style:none;padding:0;margin:0}
.konzentration-behalten .methoden-box li{padding:.75rem 0;color:#392A55;font-size:1rem;line-height:1.6;border-bottom:1px solid #392a551a}
.konzentration-behalten .methoden-box li:last-child{border-bottom:none}
.konzentration-behalten .methoden-box li::before{content:'';color:#D5048B;font-weight:700;margin-right:.75rem}
.technologie-nutzung{padding:4rem 1.5rem;background:#F7F2D0;position:relative;overflow:hidden}
.technologie-nutzung::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#392A55 0%,#D5048B 50%,#392A55 100%)}
.technologie-nutzung .tech-wrapper{max-width:1000px;margin:0 auto}
.technologie-nutzung h2{font-size:2.5rem;color:#392A55;font-weight:700;margin-bottom:1rem;text-align:center}
.technologie-nutzung .subheading{font-size:1.15rem;color:#392A55;text-align:center;margin-bottom:3rem;line-height:1.6}
.technologie-nutzung .tool-vergleich{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 6px 20px #392a551a}
.technologie-nutzung .vergleich-tabelle{width:100%;border-collapse:separate;border-spacing:0;margin-top:2rem}
.technologie-nutzung .vergleich-tabelle thead{background:linear-gradient(135deg,#392A55 0%,#4a3a6a 100%)}
.technologie-nutzung .vergleich-tabelle th{padding:1.2rem 1.5rem;text-align:left;color:#F7F2D0;font-weight:600;font-size:1.05rem}
.technologie-nutzung .vergleich-tabelle th:first-child{border-top-left-radius:8px}
.technologie-nutzung .vergleich-tabelle th:last-child{border-top-right-radius:8px}
.technologie-nutzung .vergleich-tabelle tbody tr{border-bottom:1px solid #e8e8e8;transition:background .2s ease}
.technologie-nutzung .vergleich-tabelle tbody tr:hover{background:#F7F2D0}
.technologie-nutzung .vergleich-tabelle td{padding:1.2rem 1.5rem;color:#2d2d2d;font-size:1rem;line-height:1.6}
.technologie-nutzung .vergleich-tabelle .tool-name{font-weight:600;color:#392A55}
.technologie-nutzung .check-icon{color:#D5048B;font-weight:700;font-size:1.2rem}
.balance-wohlbefinden{padding:4rem 1.5rem;background:#fff}
.balance-wohlbefinden .balance-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:3.5rem;align-items:center}
.balance-wohlbefinden .bild-seite img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px #392a5526}
.balance-wohlbefinden .text-seite h2{font-size:2.4rem;color:#392A55;font-weight:700;margin-bottom:1.5rem;line-height:1.2}
.balance-wohlbefinden .text-seite .wichtig-hinweis{background:linear-gradient(135deg,#d5048b14 0%,#f7f2d04d 100%);padding:1.5rem;border-radius:10px;border-left:4px solid #D5048B;margin:2rem 0}
.balance-wohlbefinden .text-seite .wichtig-hinweis p{font-size:1.05rem;line-height:1.7;color:#392A55;margin:0;font-weight:500}
.balance-wohlbefinden .text-seite .praktiken-liste{margin-top:2rem}
.balance-wohlbefinden .text-seite .praktiken-liste h3{font-size:1.4rem;color:#392A55;margin-bottom:1.5rem;font-weight:600}
.balance-wohlbefinden .text-seite .praktik-item{display:flex;align-items:start;margin-bottom:1.5rem;padding:1rem;background:#F7F2D0;border-radius:8px;transition:transform .2s ease}
.balance-wohlbefinden .text-seite .praktik-item:hover{transform:translateX(5px)}
.balance-wohlbefinden .text-seite .praktik-nummer{width:36px;height:36px;background:#D5048B;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;margin-right:1rem}
.balance-wohlbefinden .text-seite .praktik-text{flex:1}
.balance-wohlbefinden .text-seite .praktik-text strong{display:block;color:#392A55;font-size:1.1rem;margin-bottom:.4rem}
.balance-wohlbefinden .text-seite .praktik-text span{color:#2d2d2d;font-size:1rem;line-height:1.6}
.handlungsaufruf-sektion{padding:4rem 1.5rem;background:linear-gradient(135deg,#392A55 0%,#2a1f40 100%);position:relative;overflow:hidden}
.handlungsaufruf-sektion::before{content:'';position:absolute;top:-30%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,#d5048b26 0%,transparent 70%);border-radius:50%}
.handlungsaufruf-sektion .cta-inhalt{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.handlungsaufruf-sektion h2{font-size:2.6rem;color:#F7F2D0;font-weight:700;margin-bottom:1.5rem;line-height:1.2}
.handlungsaufruf-sektion .beschreibung{font-size:1.15rem;color:#f7f2d0e6;line-height:1.7;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto}
.handlungsaufruf-sektion .cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}
.handlungsaufruf-sektion .btn-primary-cta{padding:1.2rem 2.5rem;background:#D5048B;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1rem;transition:all .3s ease;border:2px solid #D5048B;display:inline-block}
.handlungsaufruf-sektion .btn-primary-cta:hover{background:#a00368;border-color:#a00368;transform:translateY(-2px);box-shadow:0 8px 20px #d5048b4d}
.handlungsaufruf-sektion .btn-secondary-cta{padding:1.2rem 2.5rem;background:none;color:#F7F2D0;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1rem;transition:all .3s ease;border:2px solid #F7F2D0;display:inline-block}
.handlungsaufruf-sektion .btn-secondary-cta:hover{background:#F7F2D0;color:#392A55;transform:translateY(-2px)}
@media screen and (max-width: 768px) {
.fernlern-tipps-hero{padding:3rem 1.25rem 2.5rem}
.fernlern-tipps-hero h1{font-size:2rem}
.fernlern-tipps-hero .lead-text{font-size:1.05rem}
.arbeitsplatz-einrichtung .content-grid{grid-template-columns:1fr;gap:2rem}
.arbeitsplatz-einrichtung .text-content h2{font-size:1.8rem}
.arbeitsplatz-einrichtung .visual-holder img{height:300px}
.zeitmanagement-block .strategie-grid{grid-template-columns:1fr;gap:1.5rem}
.zeitmanagement-block h2{font-size:1.9rem}
.konzentration-behalten .wrapper-asymm{grid-template-columns:1fr;gap:2rem}
.konzentration-behalten .haupttext h2{font-size:1.8rem}
.technologie-nutzung h2{font-size:2rem}
.technologie-nutzung .tool-vergleich{padding:1.5rem;overflow-x:auto}
.technologie-nutzung .vergleich-tabelle{font-size:.9rem}
.technologie-nutzung .vergleich-tabelle th,.technologie-nutzung .vergleich-tabelle td{padding:.9rem 1rem}
.balance-wohlbefinden .balance-container{grid-template-columns:1fr;gap:2.5rem}
.balance-wohlbefinden .text-seite h2{font-size:1.9rem}
.balance-wohlbefinden .bild-seite img{height:350px}
.handlungsaufruf-sektion h2{font-size:2rem}
.handlungsaufruf-sektion .cta-buttons{flex-direction:column;align-items:center}
.handlungsaufruf-sektion .btn-primary-cta,.handlungsaufruf-sektion .btn-secondary-cta{width:100%;max-width:300px}
}
.finanz-hero-wrapper{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%)}
.finanz-hero-wrapper::before{content:'';position:absolute;top:-10%;right:-5%;width:60%;height:120%;background:linear-gradient(165deg,#d5048b14 0%,#f7f2d026 100%);border-radius:50% 0 0 50%;z-index:1}
.finanz-hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:3rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.finanz-hero-text h1{font-size:3.5rem;line-height:1.1;color:#392A55;margin-bottom:1.5rem;font-weight:800;letter-spacing:-.02em}
.finanz-hero-text h1::after{content:'';display:block;width:120px;height:6px;background:linear-gradient(90deg,#D5048B 0%,#392A55 100%);margin-top:1.5rem;border-radius:3px}
.finanz-hero-text p{font-size:1.25rem;line-height:1.7;color:#4a4a4a;margin-bottom:2rem}
.finanz-hero-image{position:relative}
.finanz-hero-image img{width:100%;height:600px;object-fit:cover;border-radius:20px;box-shadow:0 20px 60px #392a5526;transform:rotate(2deg)}
.finanz-cta-primary{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,#D5048B 0%,#392A55 100%);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 8px 20px #d5048b4d}
.finanz-cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #d5048b66}
.finanz-beziehung-block{background:#fff;padding:5rem 2rem;position:relative}
.finanz-beziehung-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:0.9fr 1.1fr;gap:5rem;align-items:start}
.finanz-beziehung-visual{position:relative}
.finanz-beziehung-visual::before{content:'';position:absolute;top:-20px;left:-20px;width:100%;height:100%;background:linear-gradient(45deg,#f7f2d066 0%,#d5048b1a 100%);border-radius:15px;z-index:0}
.finanz-beziehung-visual img{position:relative;z-index:1;width:100%;height:450px;object-fit:cover;border-radius:15px;box-shadow:0 15px 40px #392a551f}
.finanz-beziehung-content h2{font-size:2.5rem;color:#392A55;margin-bottom:1.5rem;line-height:1.2;font-weight:700}
.finanz-beziehung-content h2::before{content:'◆';color:#D5048B;margin-right:.8rem;font-size:1.5rem}
.finanz-beziehung-content p{font-size:1.05rem;line-height:1.8;color:#555;margin-bottom:1.5rem}
.finanz-beziehung-content .finanz-highlight-box{background:linear-gradient(135deg,#f7f2d04d 0%,#d5048b0d 100%);padding:1.8rem;border-left:4px solid #D5048B;border-radius:8px;margin-top:2rem}
.finanz-highlight-box p{margin-bottom:0;font-weight:500;color:#392A55}
.finanz-methodik-wrapper{background:linear-gradient(180deg,#fafafa 0%,#fff 100%);padding:5rem 2rem;position:relative;overflow:hidden}
.finanz-methodik-wrapper::after{content:'';position:absolute;bottom:-50px;left:-50px;width:300px;height:300px;background:radial-gradient(circle,#f7f2d066 0%,transparent 70%);border-radius:50%}
.finanz-methodik-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.finanz-methodik-card{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 30px #392a5514;transition:all .4s ease;position:relative;border-top:4px solid transparent}
.finanz-methodik-card:hover{transform:translateY(-8px);box-shadow:0 15px 45px #392a5526;border-top-color:#D5048B}
.finanz-methodik-card h3{font-size:1.6rem;color:#392A55;margin-bottom:1.2rem;font-weight:700}
.finanz-methodik-card p{font-size:1rem;line-height:1.7;color:#666}
.finanz-methodik-card::before{content:'';position:absolute;top:20px;right:20px;width:50px;height:50px;background:linear-gradient(135deg,#d5048b1a 0%,#f7f2d033 100%);border-radius:50%;z-index:0}
.finanz-vertrauen-section{background:#fff;padding:5rem 2rem;position:relative}
.finanz-vertrauen-inner{max-width:1100px;margin:0 auto;text-align:center}
.finanz-vertrauen-inner h2{font-size:2.8rem;color:#392A55;margin-bottom:2rem;font-weight:700}
.finanz-vertrauen-inner h2::after{content:'';display:block;width:100px;height:4px;background:#D5048B;margin:1.5rem auto 0;border-radius:2px}
.finanz-vertrauen-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem;text-align:left}
.finanz-vertrauen-col h3{font-size:1.5rem;color:#D5048B;margin-bottom:1rem;font-weight:600}
.finanz-vertrauen-col p{font-size:1.05rem;line-height:1.8;color:#555}
.finanz-praxis-diagonal{background:linear-gradient(165deg,#fafafa 0%,#f5f5f5 100%);padding:5rem 2rem;position:relative;clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);margin:3rem 0}
.finanz-praxis-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr 0.9fr;gap:4rem;align-items:center}
.finanz-praxis-text h2{font-size:2.6rem;color:#392A55;margin-bottom:1.5rem;font-weight:700;line-height:1.2}
.finanz-praxis-text ul{list-style:none;padding:0;margin:2rem 0}
.finanz-praxis-text ul li{font-size:1.05rem;line-height:1.7;color:#555;margin-bottom:1rem;padding-left:2rem;position:relative}
.finanz-praxis-text ul li::before{content:'→';position:absolute;left:0;color:#D5048B;font-weight:700;font-size:1.3rem}
.finanz-praxis-image-box{position:relative}
.finanz-praxis-image-box img{width:100%;height:400px;object-fit:cover;border-radius:15px;box-shadow:0 15px 40px #392a5526}
.finanz-praxis-image-box::after{content:'';position:absolute;top:-15px;right:-15px;width:100%;height:100%;border:3px solid #D5048B;border-radius:15px;z-index:-1}
.finanz-remote-panel{background:linear-gradient(135deg,#392A55 0%,#2a1f3f 100%);padding:5rem 2rem;color:#fff;position:relative}
.finanz-remote-panel::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="10" cy="10" r="1" fill="#f7f2d01a"/><circle cx="40" cy="25" r="1" fill="#f7f2d01a"/><circle cx="70" cy="15" r="1" fill="#f7f2d01a"/><circle cx="90" cy="35" r="1" fill="#f7f2d01a"/><circle cx="20" cy="50" r="1" fill="#f7f2d01a"/><circle cx="60" cy="60" r="1" fill="#f7f2d01a"/><circle cx="85" cy="75" r="1" fill="#f7f2d01a"/><circle cx="30" cy="85" r="1" fill="#f7f2d01a"/></svg>');opacity:.4}
.finanz-remote-container{max-width:1100px;margin:0 auto;position:relative;z-index:1}
.finanz-remote-container h2{font-size:2.8rem;margin-bottom:2rem;font-weight:700;text-align:center}
.finanz-remote-container h2::before{content:'●';color:#F7F2D0;margin-right:1rem;font-size:1.5rem}
.finanz-remote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}
.finanz-remote-item{background:#ffffff14;padding:2rem;border-radius:10px;border:1px solid #f7f2d033;transition:all .3s ease}
.finanz-remote-item:hover{background:#ffffff1f;border-color:#F7F2D0;transform:translateX(5px)}
.finanz-remote-item h3{font-size:1.5rem;margin-bottom:1rem;color:#F7F2D0;font-weight:600}
.finanz-remote-item p{font-size:1rem;line-height:1.7;color:#ffffffd9}
.finanz-remote-cta-box{text-align:center;margin-top:3rem}
.finanz-remote-link{display:inline-block;padding:1rem 2.5rem;background:#F7F2D0;color:#392A55;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease}
.finanz-remote-link:hover{background:#fff;transform:scale(1.05)}
.finanz-abschluss-wrapper{background:linear-gradient(180deg,#fff 0%,#fafafa 100%);padding:5rem 2rem;text-align:center}
.finanz-abschluss-box{max-width:900px;margin:0 auto;background:#fff;padding:4rem 3rem;border-radius:20px;box-shadow:0 20px 60px #392a551a;position:relative}
.finanz-abschluss-box::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#D5048B 0%,#392A55 50%,#F7F2D0 100%);border-radius:20px;z-index:-1;opacity:.3}
.finanz-abschluss-box h2{font-size:2.5rem;color:#392A55;margin-bottom:1.5rem;font-weight:700}
.finanz-abschluss-box p{font-size:1.15rem;line-height:1.8;color:#555;margin-bottom:2rem}
.finanz-abschluss-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}
.finanz-btn-secondary{display:inline-block;padding:1rem 2rem;background:none;color:#D5048B;text-decoration:none;border:2px solid #D5048B;border-radius:50px;font-weight:600;transition:all .3s ease}
.finanz-btn-secondary:hover{background:#D5048B;color:#fff}
@media (max-width: 768px) {
.finanz-hero-content{grid-template-columns:1fr;gap:2rem;padding:2rem 1.5rem}
.finanz-hero-text h1{font-size:2.2rem}
.finanz-hero-image img{height:350px;transform:rotate(0deg)}
.finanz-beziehung-container{grid-template-columns:1fr;gap:2.5rem}
.finanz-methodik-grid{grid-template-columns:1fr;gap:1.5rem}
.finanz-vertrauen-split{grid-template-columns:1fr;gap:2rem}
.finanz-praxis-content{grid-template-columns:1fr;gap:2rem}
.finanz-praxis-diagonal{clip-path:none;margin:0}
.finanz-remote-grid{grid-template-columns:1fr}
.finanz-abschluss-box{padding:2.5rem 1.5rem}
.finanz-abschluss-buttons{flex-direction:column}
}
.contact-page-main{background:linear-gradient(135deg,#fefefe 0%,#F7F2D0 100%);min-height:600px}
.reach-wrapper{max-width:1200px;margin:0 auto;padding:4rem 1.5rem 3rem}
.intro-capture{max-width:680px;margin:0 auto 5rem;text-align:center}
.intro-capture h1{font-size:2.8rem;line-height:1.2;color:#392A55;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.02em}
.intro-capture .subdeck{font-size:1.15rem;line-height:1.7;color:#5a4a6e;margin-bottom:0}
.dual-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;align-items:start}
.info-side{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 4px 20px #392a5514}
.info-side h2{font-size:1.6rem;color:#392A55;margin-bottom:2rem;font-weight:600}
.detail-cluster{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #f0eef5}
.detail-cluster:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.detail-cluster h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#D5048B;margin-bottom:.8rem;font-weight:600}
.detail-cluster p{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin:0}
.detail-cluster a{color:#392A55;text-decoration:none;border-bottom:2px solid #D5048B;transition:all .3s ease}
.detail-cluster a:hover{color:#D5048B;border-bottom-color:#392A55}
.form-side{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 6px 30px #d5048b1f}
.form-side h2{font-size:1.8rem;color:#392A55;margin-bottom:1.2rem;font-weight:600}
.form-side .form-intro{font-size:1rem;line-height:1.6;color:#6a5a7e;margin-bottom:2.5rem}
.input-group{margin-bottom:1.8rem}
.input-group label{display:block;font-size:.95rem;color:#392A55;margin-bottom:.6rem;font-weight:500}
.input-group input,.input-group textarea,.input-group select{width:100%;padding:.95rem 1.2rem;border:2px solid #e8e4ef;border-radius:8px;font-size:1rem;color:#2a2a2a;background:#fafafa;transition:all .3s ease;font-family:inherit}
.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:#D5048B;background:#fff;box-shadow:0 0 0 3px #d5048b1a}
.input-group textarea{resize:vertical;min-height:140px}
.grid-duo{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.privacy-consent{margin:2rem 0;padding:1.2rem;background:#faf8fd;border-radius:8px;border-left:3px solid #D5048B}
.privacy-consent label{display:flex;align-items:start;cursor:pointer;font-size:.92rem;line-height:1.6;color:#4a4a4a}
.privacy-consent input[type="checkbox"]{margin-right:.8rem;margin-top:.25rem;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.privacy-consent a{color:#D5048B;text-decoration:none;border-bottom:1px solid #D5048B;transition:all .2s ease}
.privacy-consent a:hover{color:#392A55;border-bottom-color:#392A55}
.submit-action{text-align:right;margin-top:2rem}
.submit-action button{background:linear-gradient(135deg,#D5048B 0%,#b0037a 100%);color:#fff;border:none;padding:1.1rem 3rem;font-size:1.05rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #d5048b4d}
.submit-action button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #d5048b66;background:linear-gradient(135deg,#b0037a 0%,#D5048B 100%)}
.submit-action button:active{transform:translateY(0)}
.visual-accent{margin-top:5rem;border-radius:12px;overflow:hidden;box-shadow:0 8px 35px #392a5526}
.visual-accent img{width:100%;height:420px;object-fit:cover;display:block}
.hours-panel{background:linear-gradient(135deg,#392A55 0%,#4a3665 100%);color:#fff;padding:2rem;border-radius:8px;margin-top:2rem}
.hours-panel h3{font-size:1.3rem;margin-bottom:1.2rem;font-weight:600}
.hours-panel p{font-size:1rem;line-height:1.7;color:#e8e4ef;margin:.5rem 0}
.hours-panel strong{color:#F7F2D0;font-weight:600}
@media (max-width: 968px) {
.dual-layout{grid-template-columns:1fr;gap:3rem}
.intro-capture h1{font-size:2.2rem}
.form-side{padding:2rem}
.grid-duo{grid-template-columns:1fr;gap:1.8rem}
}
@media (max-width: 640px) {
.reach-wrapper{padding:3rem 1.2rem 2rem}
.intro-capture{margin-bottom:3rem}
.intro-capture h1{font-size:1.85rem}
.intro-capture .subdeck{font-size:1.05rem}
.info-side,.form-side{padding:1.8rem}
.submit-action{text-align:center}
.submit-action button{width:100%;padding:1.2rem 2rem}
.visual-accent img{height:280px}
}
.aboutus-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,sans-serif;line-height:1.7;color:#2d2d2d;background:#fefefe}
.aboutus-hero-section{background:linear-gradient(135deg,#F7F2D0 0%,#fdfbf0 50%,#fff 100%);padding:5rem 2rem 4rem;position:relative;overflow:hidden}
.aboutus-hero-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#d5048b14 0%,transparent 70%);border-radius:50%}
.aboutus-hero-content{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.aboutus-hero-content h1{font-size:2.8rem;color:#392A55;font-weight:700;margin-bottom:1.5rem;line-height:1.2}
.aboutus-hero-content h1::after{content:'';display:block;width:90px;height:5px;background:linear-gradient(90deg,#D5048B 0%,#392A55 100%);margin-top:1.2rem;border-radius:3px}
.aboutus-hero-text{font-size:1.15rem;color:#4a4a4a;max-width:750px;line-height:1.8}
.aboutus-story-block{background:#fff;padding:5rem 2rem}
.aboutus-story-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.aboutus-story-text h2{font-size:2.2rem;color:#392A55;margin-bottom:1.8rem;font-weight:700;position:relative;padding-left:1.2rem}
.aboutus-story-text h2::before{content:'';position:absolute;left:0;top:.3rem;width:5px;height:80%;background:#D5048B;border-radius:3px}
.aboutus-story-text p{font-size:1.05rem;color:#555;margin-bottom:1.3rem;line-height:1.75}
.aboutus-story-img{border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #392a551f;position:relative}
.aboutus-story-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,#392a5526,transparent);pointer-events:none}
.aboutus-story-img img{width:100%;height:480px;object-fit:cover;display:block;transition:transform .4s ease}
.aboutus-story-img:hover img{transform:scale(1.05)}
.aboutus-values-section{background:linear-gradient(165deg,#392A55 0%,#4a3666 100%);padding:5rem 2rem;position:relative;overflow:hidden}
.aboutus-values-section::before{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#f7f2d01a 0%,transparent 70%);border-radius:50%}
.aboutus-values-content{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.aboutus-values-title{text-align:center;margin-bottom:3.5rem}
.aboutus-values-title h2{font-size:2.4rem;color:#F7F2D0;font-weight:700;margin-bottom:1rem}
.aboutus-values-title h2::after{content:'';display:block;width:80px;height:4px;background:#D5048B;margin:1.2rem auto 0;border-radius:3px}
.aboutus-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.aboutus-value-item{background:#ffffff0f;padding:2.5rem 2rem;border-radius:10px;border:1px solid #f7f2d026;transition:all .3s ease;position:relative}
.aboutus-value-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#D5048B 0%,transparent 100%);border-radius:10px 10px 0 0;opacity:0;transition:opacity .3s ease}
.aboutus-value-item:hover{background:#ffffff1a;transform:translateY(-5px);border-color:#d5048b4d}
.aboutus-value-item:hover::before{opacity:1}
.aboutus-value-item h3{font-size:1.4rem;color:#F7F2D0;margin-bottom:1rem;font-weight:600}
.aboutus-value-item p{font-size:1rem;color:#e8e8e8;line-height:1.7}
.aboutus-approach-block{background:#fafafa;padding:5rem 2rem}
.aboutus-approach-container{max-width:1150px;margin:0 auto;display:flex;flex-direction:row-reverse;gap:4.5rem;align-items:center}
.aboutus-approach-visual{flex:0 0 45%;position:relative}
.aboutus-approach-visual img{width:100%;height:500px;object-fit:cover;border-radius:12px;box-shadow:0 12px 40px #0000001a}
.aboutus-approach-visual::before{content:'';position:absolute;top:-20px;right:-20px;width:200px;height:200px;background:linear-gradient(135deg,#d5048b26 0%,transparent 70%);border-radius:50%;z-index:-1}
.aboutus-approach-info{flex:1}
.aboutus-approach-info h2{font-size:2.3rem;color:#392A55;margin-bottom:2rem;font-weight:700;line-height:1.3}
.aboutus-approach-info h2 span{color:#D5048B;position:relative}
.aboutus-approach-info h2 span::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:#D5048B;opacity:.3}
.aboutus-approach-list{list-style:none;padding:0;margin:0}
.aboutus-approach-list li{font-size:1.05rem;color:#555;margin-bottom:1.5rem;padding-left:2rem;position:relative;line-height:1.7}
.aboutus-approach-list li::before{content:'→';position:absolute;left:0;color:#D5048B;font-size:1.4rem;font-weight:700}
.aboutus-team-section{background:#fff;padding:5rem 2rem}
.aboutus-team-wrapper{max-width:1100px;margin:0 auto}
.aboutus-team-header{text-align:center;margin-bottom:3rem}
.aboutus-team-header h2{font-size:2.5rem;color:#392A55;font-weight:700;margin-bottom:1rem}
.aboutus-team-header p{font-size:1.1rem;color:#666;max-width:700px;margin:0 auto;line-height:1.8}
.aboutus-team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:3rem}
.aboutus-team-card{background:linear-gradient(135deg,#fafafa 0%,#fff 100%);padding:2.5rem;border-radius:10px;border:1px solid #ebebeb;transition:all .3s ease;position:relative;overflow:hidden}
.aboutus-team-card::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#D5048B 0%,#392A55 100%);opacity:0;transition:opacity .3s ease}
.aboutus-team-card:hover{box-shadow:0 10px 35px #392a551f;transform:translateY(-3px);border-color:#d5048b33}
.aboutus-team-card:hover::before{opacity:1}
.aboutus-team-card h3{font-size:1.5rem;color:#392A55;margin-bottom:.5rem;font-weight:700}
.aboutus-team-card h4{font-size:1.05rem;color:#D5048B;margin-bottom:1.5rem;font-weight:500}
.aboutus-team-card p{font-size:1rem;color:#606060;line-height:1.75}
.aboutus-commitment-block{background:linear-gradient(145deg,#F7F2D0 0%,#fdfbee 50%,#fff 100%);padding:5rem 2rem;position:relative}
.aboutus-commitment-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}
.aboutus-commitment-content h2{font-size:2.4rem;color:#392A55;margin-bottom:2rem;font-weight:700;line-height:1.25}
.aboutus-commitment-content p{font-size:1.05rem;color:#555;margin-bottom:1.5rem;line-height:1.8}
.aboutus-commitment-cta{margin-top:2.5rem}
.aboutus-commitment-btn{display:inline-block;background:linear-gradient(135deg,#D5048B 0%,#a9036e 100%);color:#fff;padding:1rem 2.5rem;border-radius:8px;text-decoration:none;font-size:1.05rem;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #d5048b40;position:relative;overflow:hidden;z-index:5}
.aboutus-commitment-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#a9036e 0%,#8a025a 100%);transition:left .4s ease;z-index:-1}
.aboutus-commitment-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d5048b59}
.aboutus-commitment-btn:hover::before{left:0}
.aboutus-commitment-images{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;position:relative}
.aboutus-commitment-img{border-radius:10px;overflow:hidden;box-shadow:0 8px 25px #0000001a}
.aboutus-commitment-img:first-child{grid-column:1 / 2;margin-top:2rem}
.aboutus-commitment-img:last-child{grid-column:2 / 3}
.aboutus-commitment-img img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .4s ease}
.aboutus-commitment-img:hover img{transform:scale(1.08)}
@media (max-width: 968px) {
.aboutus-hero-content h1{font-size:2.2rem}
.aboutus-story-inner{grid-template-columns:1fr;gap:2.5rem}
.aboutus-story-img img{height:380px}
.aboutus-values-grid{grid-template-columns:1fr;gap:2rem}
.aboutus-approach-container{flex-direction:column;gap:3rem}
.aboutus-approach-visual{flex:1;width:100%}
.aboutus-approach-visual img{height:400px}
.aboutus-team-grid{grid-template-columns:1fr;gap:2rem}
.aboutus-commitment-inner{grid-template-columns:1fr;gap:3rem}
.aboutus-commitment-images{order:-1}
}
@media (max-width: 640px) {
.aboutus-hero-section{padding:3rem 1.5rem 2.5rem}
.aboutus-hero-content h1{font-size:1.8rem}
.aboutus-hero-text{font-size:1rem}
.aboutus-story-block,.aboutus-values-section,.aboutus-approach-block,.aboutus-team-section,.aboutus-commitment-block{padding:3rem 1.5rem}
.aboutus-story-text h2,.aboutus-values-title h2,.aboutus-approach-info h2,.aboutus-team-header h2,.aboutus-commitment-content h2{font-size:1.8rem}
.aboutus-story-img img{height:300px}
.aboutus-approach-visual img{height:320px}
.aboutus-commitment-images{grid-template-columns:1fr}
.aboutus-commitment-img:first-child{margin-top:0}
.aboutus-commitment-img img{height:250px}
}
.lernprogramm-hero-sektion{background:linear-gradient(135deg,#F7F2D0 0%,#fff 50%,#faf8ec 100%);padding:5rem 1.5rem 4rem;position:relative;overflow:hidden}
.lernprogramm-hero-sektion::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#d5048b14 0%,transparent 70%);border-radius:50%;z-index:1}
.lernprogramm-hero-inhalt{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.lernprogramm-hero-titel{font-size:3.2rem;line-height:1.15;color:#392A55;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.02em}
.lernprogramm-hero-beschreibung{font-size:1.25rem;line-height:1.7;color:#4a4a4a;max-width:720px;margin-bottom:2.5rem}
.lernprogramm-hauptinhalt-wrapper{max-width:1240px;margin:0 auto;padding:0 1.5rem}
.lernprogramm-lernpfad-sektion{padding:5rem 0;background:#fff}
.lernpfad-grid-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-top:3rem}
.lernpfad-bild-bereich{position:relative}
.lernpfad-hauptbild{width:100%;height:520px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #392a551f}
.lernpfad-inhalt-bereich{padding-left:2rem}
.sektion-uberschrift{font-size:2.5rem;color:#392A55;font-weight:700;margin-bottom:2rem;line-height:1.25;position:relative;display:inline-block}
.sektion-uberschrift::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#D5048B 0%,#392A55 100%);border-radius:2px}
.lernpfad-schritte-liste{list-style:none;padding:0;margin:2.5rem 0 0}
.lernpfad-schritt-element{position:relative;padding-left:4rem;margin-bottom:2.5rem}
.lernpfad-schritt-element::before{content:'';position:absolute;left:11px;top:45px;width:2px;height:calc(100% + 15px);background:linear-gradient(180deg,#D5048B 0%,#d5048b33 100%)}
.lernpfad-schritt-element:last-child::before{display:none}
.schritt-nummer-kreis{position:absolute;left:0;top:0;width:46px;height:46px;background:linear-gradient(135deg,#D5048B 0%,#892a6e 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #d5048b4d;z-index:2}
.schritt-titel-text{font-size:1.4rem;color:#392A55;font-weight:600;margin-bottom:.75rem;line-height:1.3}
.schritt-beschreibung-text{font-size:1.05rem;line-height:1.65;color:#5a5a5a;margin-bottom:.5rem}
.lernprogramm-kollaboration-sektion{padding:5.5rem 0;background:linear-gradient(165deg,#faf8ed 0%,#fff 45%,#F7F2D0 100%);position:relative}
.kollaboration-layout-container{display:grid;grid-template-columns:55fr 45fr;gap:3.5rem;align-items:center}
.kollaboration-text-bereich{padding-right:1.5rem}
.kollaboration-einleitung{font-size:1.15rem;line-height:1.75;color:#4a4a4a;margin-bottom:2.5rem}
.kollaboration-merkmale-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.5rem}
.merkmal-karte-element{background:#fff;padding:1.75rem;border-radius:10px;border:2px solid transparent;transition:all .3s ease;box-shadow:0 2px 8px #392a550f}
.merkmal-karte-element:hover{border-color:#D5048B;box-shadow:0 6px 18px #d5048b26;transform:translateY(-3px)}
.merkmal-icon-wrapper{width:52px;height:52px;background:linear-gradient(135deg,#F7F2D0 0%,#ede8b8 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}
.merkmal-icon-svg{width:28px;height:28px}
.merkmal-titel-text{font-size:1.2rem;color:#392A55;font-weight:600;margin-bottom:.6rem;line-height:1.3}
.merkmal-beschreibung-text{font-size:.98rem;line-height:1.6;color:#5a5a5a}
.kollaboration-bild-bereich{position:relative}
.kollaboration-hauptbild{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 12px 32px #392a5524}
.lernprogramm-ergebnisse-sektion{padding:5rem 0 6rem;background:#fff}
.ergebnisse-kopfbereich{text-align:center;max-width:850px;margin:0 auto 4rem}
.ergebnisse-einleitung-text{font-size:1.18rem;line-height:1.7;color:#4a4a4a;margin-top:1.5rem}
.ergebnisse-statistik-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:3.5rem}
.statistik-karte-box{background:linear-gradient(145deg,#fafafa 0%,#fff 100%);padding:2.5rem 2rem;border-radius:12px;text-align:center;border:2px solid #f0f0f0;transition:all .35s ease;position:relative;overflow:hidden}
.statistik-karte-box::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#D5048B 0%,#392A55 100%);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.statistik-karte-box:hover::before{transform:scaleX(1)}
.statistik-karte-box:hover{border-color:#D5048B;box-shadow:0 8px 24px #d5048b1f;transform:translateY(-4px)}
.statistik-wert-zahl{font-size:3.2rem;font-weight:800;color:#D5048B;line-height:1;margin-bottom:.75rem;display:block}
.statistik-bezeichnung-text{font-size:1.15rem;color:#392A55;font-weight:600;margin-bottom:.8rem;line-height:1.3}
.statistik-details-text{font-size:.95rem;line-height:1.55;color:#6a6a6a}
.aktionsbereich-container{margin-top:4rem;text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#F7F2D0 0%,#faf8ec 100%);border-radius:12px}
.aktionsbereich-uberschrift{font-size:1.8rem;color:#392A55;font-weight:700;margin-bottom:1rem;line-height:1.3}
.aktionsbereich-text{font-size:1.1rem;color:#5a5a5a;line-height:1.65;max-width:680px;margin:0 auto 2rem}
.aktions-button-primaer{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,#D5048B 0%,#a1036d 100%);color:#fff;font-size:1.1rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 14px #d5048b40;border:none;cursor:pointer}
.aktions-button-primaer:hover{background:linear-gradient(135deg,#a1036d 0%,#D5048B 100%);box-shadow:0 6px 20px #d5048b59;transform:translateY(-2px)}
@media (max-width: 1024px) {
.lernpfad-grid-container{grid-template-columns:1fr;gap:3rem}
.lernpfad-inhalt-bereich{padding-left:0}
.kollaboration-layout-container{grid-template-columns:1fr;gap:3rem}
.kollaboration-text-bereich{padding-right:0}
.ergebnisse-statistik-grid{grid-template-columns:1fr;gap:2rem}
}
@media (max-width: 768px) {
.lernprogramm-hero-sektion{padding:3.5rem 1.25rem 3rem}
.lernprogramm-hero-titel{font-size:2.2rem}
.lernprogramm-hero-beschreibung{font-size:1.1rem}
.lernpfad-hauptbild{height:360px}
.sektion-uberschrift{font-size:2rem}
.lernpfad-schritt-element{padding-left:3.5rem;margin-bottom:2rem}
.schritt-nummer-kreis{width:40px;height:40px;font-size:1.1rem}
.lernpfad-schritt-element::before{left:9px}
.schritt-titel-text{font-size:1.2rem}
.kollaboration-merkmale-container{grid-template-columns:1fr;gap:1.5rem}
.kollaboration-hauptbild{height:340px}
.statistik-wert-zahl{font-size:2.6rem}
.aktionsbereich-container{padding:2rem 1.5rem}
.aktionsbereich-uberschrift{font-size:1.5rem}
}
.edu-container{max-width:880px;margin:40px auto;padding:36px 32px 42px;background:linear-gradient(120deg,#F7F2D0 0%,#fff 65%,#EEDDEB 100%);box-shadow:0 6px 32px 0 #392a551a 0 1.5px 0 #D5048B inset;border-radius:20px;color:#2B2238;letter-spacing:.01em;font:1.09rem/1.7 'Segoe UI','Arial',sans-serif}
.edu-container h1{font-size:2.2rem;font-weight:700;color:#392A55;margin-bottom:20px;letter-spacing:.02em}
.edu-container h2{font-size:1.45rem;color:#D5048B;margin-top:34px;margin-bottom:16px;font-weight:700;letter-spacing:.01em;border-left:5px solid #D5048B;padding-left:14px;background:linear-gradient(90deg,#F7F2D0 90%,#D5048B20 100%)}
.edu-container h3{font-size:1.18rem;color:#392A55;margin-top:28px;margin-bottom:11px;font-weight:700;border-left:4px solid #392A55;padding-left:11px;background:linear-gradient(90deg,#F7F2D0 90%,#392A5521 100%)}
.edu-container h4{font-size:1.04rem;color:#D5048B;margin-top:25px;margin-bottom:8px;font-weight:600;letter-spacing:.01em;border-left:3px solid #D5048B;padding-left:9px;background:linear-gradient(90deg,#fff 80%,#D5048B0F 100%)}
.edu-container p{margin-bottom:16px;margin-top:0;font-size:1.09rem}
.edu-container ul{margin:0 0 18px 29px;padding:0;list-style-type:disc}
.edu-container li{margin-bottom:14px;font-size:1.07rem;color:#392A55;background:#F7F2D0;padding:10px 14px 10px 17px;border-radius:10px;border-left:4px solid #D5048B;box-shadow:0 1.5px 0 #392A5526 inset}
.edu-container span{color:#D5048B;font-weight:600;background:linear-gradient(90deg,#F7F2D0 60%,#D5048B14 100%);border-radius:4px;padding:0 2px;margin:0 1px}
.edu-container section,.edu-container div{margin-bottom:6px}
@media (max-width: 700px) {
.edu-container{padding:16px 7vw 22px}
.edu-container h1{font-size:1.6rem}
.edu-container h2{font-size:1.14rem}
.edu-container h3{font-size:1.01rem}
}
.privacy-policy-container{background:linear-gradient(135deg,#F7F2D0 0%,#fff 100%);color:#1a1331;font-family:'Segoe UI',Arial,sans-serif;max-width:900px;margin:40px auto;padding:40px 36px;border-radius:18px;box-shadow:0 8px 32px #392a551f 0 1.5px 6px 0 #d5048b1a;border:1.5px solid #F7F2D0}
.privacy-policy-container h1{font-size:2.4rem;color:#392A55;font-weight:800;letter-spacing:.04em;margin-bottom:1.2em;text-shadow:0 1.5px 0 #F7F2D0}
.privacy-policy-container h2{font-size:1.5rem;color:#D5048B;font-weight:700;margin:2.2em 0 .9em;border-left:7px solid #D5048B;padding-left:12px;background:linear-gradient(90deg,#F7F2D0 60%,#fff 100%);border-radius:4px;box-shadow:0 1px 0 #F7F2D0}
.privacy-policy-container h3{font-size:1.13rem;color:#392A55;font-weight:700;margin-top:1.7em;margin-bottom:.5em;border-left:5px solid #D5048B;padding-left:10px;background:linear-gradient(90deg,#f7f2d0 50%,#fff 100%);border-radius:3px}
.privacy-policy-container ul{margin-top:1.1em;margin-bottom:1.1em;padding-left:2.1em}
.privacy-policy-container li{margin-bottom:1.1em;color:#1a1331;font-size:1.03rem;line-height:1.65;border-left:3px solid #F7F2D0;padding-left:11px;background:linear-gradient(90deg,#fff 60%,#F7F2D0 100%);border-radius:2px}
.privacy-policy-container p,.privacy-policy-container span{font-size:1.06rem;color:#1a1331;line-height:1.74;margin-bottom:1.2em;letter-spacing:.01em}
.privacy-policy-container strong{color:#D5048B;font-weight:700}
.privacy-policy-container main{display:flex;flex-direction:column}
.privacy-policy-container{--accent:#D5048B;--main-dark:#392A55;--light-bg:#F7F2D0;--border:#D5048B}
.success-page-wrapper{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#F7F2D0 0%,#fff 50%,#fef9e8 100%);min-height:85vh;position:relative;overflow:hidden}
.success-page-wrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#d5048b14 0%,transparent 70%);border-radius:50%;pointer-events:none}
.success-page-wrapper::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#392a550f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.success-confirmation-container{max-width:780px;margin:0 auto;padding:4rem 2rem;position:relative;z-index:2}
.success-visual-marker{width:110px;height:110px;margin:0 auto 2.5rem;position:relative;animation:successEntrance .8s cubic-bezier(0.34,1.56,0.64,1)}
@keyframes successEntrance {
0%{transform:scale(0) rotate(-45deg);opacity:0}
100%{transform:scale(1) rotate(0deg);opacity:1}
}
.success-visual-marker svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px #d5048b26)}
.success-visual-marker circle{fill:#D5048B;animation:pulseCircle 2s ease-in-out infinite}
@keyframes pulseCircle {
0%,100%{opacity:1}
50%{opacity:.85}
}
.success-visual-marker path{stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .6s ease-out .3s forwards}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.success-primary-message{text-align:center;margin-bottom:1.8rem}
.success-primary-message h1{font-size:2.4rem;font-weight:700;color:#392A55;margin:0 0 1rem;line-height:1.2;letter-spacing:-.02em}
.success-primary-message h1::after{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#D5048B 0%,#392A55 100%);margin:1.2rem auto 0;border-radius:2px}
.success-descriptive-text{font-size:1.15rem;line-height:1.75;color:#4a4a4a;margin-bottom:3rem;text-align:center}
.success-descriptive-text p{margin:0 0 1.2rem}
.success-descriptive-text p:last-child{margin-bottom:0}
.success-information-panel{background:#fff;border-radius:16px;padding:2.5rem 2.2rem;box-shadow:0 4px 20px #392a5514;margin-bottom:2.8rem;border:1px solid #d5048b1a;position:relative;overflow:hidden}
.success-information-panel::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#D5048B 0%,#392A55 50%,#F7F2D0 100%)}
.success-process-timeline{display:flex;flex-direction:column;gap:1.8rem}
.timeline-phase-item{display:grid;grid-template-columns:50px 1fr;gap:1.5rem;align-items:flex-start}
.phase-number-indicator{width:50px;height:50px;background:linear-gradient(135deg,#D5048B 0%,#392A55 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 3px 12px #d5048b40;position:relative}
.phase-number-indicator::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:2px;height:30px;background:linear-gradient(180deg,#d5048b4d 0%,transparent 100%)}
.timeline-phase-item:last-child .phase-number-indicator::after{display:none}
.phase-content-block{padding-top:.3rem}
.phase-content-block h3{font-size:1.25rem;font-weight:600;color:#392A55;margin:0 0 .6rem;line-height:1.3}
.phase-content-block p{font-size:1rem;line-height:1.65;color:#5a5a5a;margin:0}
.success-action-section{display:flex;flex-direction:column;gap:1.5rem;align-items:center;margin-top:3rem}
.primary-action-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;background:linear-gradient(135deg,#D5048B 0%,#392A55 100%);color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:12px;transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 16px #d5048b4d;position:relative;overflow:hidden;border:none;cursor:pointer;z-index:10}
.primary-action-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .5s ease}
.primary-action-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #d5048b66}
.primary-action-button:hover::before{left:100%}
.secondary-action-link{color:#D5048B;font-size:1rem;text-decoration:none;font-weight:500;position:relative;transition:color .3s ease}
.secondary-action-link::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#D5048B;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}
.secondary-action-link:hover{color:#392A55}
.secondary-action-link:hover::after{transform:scaleX(1);transform-origin:left;background:#392A55}
.success-contact-reference{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #392a551a}
.success-contact-reference p{font-size:.95rem;color:#6a6a6a;line-height:1.6;margin:0 0 .8rem}
.contact-detail-link{color:#D5048B;text-decoration:none;font-weight:500;transition:color .3s ease}
.contact-detail-link:hover{color:#392A55;text-decoration:underline}
@media (max-width: 768px) {
.success-confirmation-container{padding:3rem 1.5rem}
.success-visual-marker{width:90px;height:90px;margin-bottom:2rem}
.success-primary-message h1{font-size:1.9rem}
.success-descriptive-text{font-size:1.05rem;margin-bottom:2.5rem}
.success-information-panel{padding:2rem 1.5rem;margin-bottom:2.3rem}
.timeline-phase-item{grid-template-columns:45px 1fr;gap:1.2rem}
.phase-number-indicator{width:45px;height:45px;font-size:1.15rem}
.phase-content-block h3{font-size:1.15rem}
.phase-content-block p{font-size:.95rem}
.primary-action-button{padding:.9rem 2rem;font-size:1.05rem;width:100%}
.success-action-section{margin-top:2.5rem}
}
@media (max-width: 480px) {
.success-confirmation-container{padding:2.5rem 1.2rem}
.success-primary-message h1{font-size:1.65rem}
.success-information-panel{padding:1.8rem 1.2rem}
.success-process-timeline{gap:1.5rem}
.phase-number-indicator::after{height:20px}
}
.error-page-wrapper{min-height:85vh;background:linear-gradient(135deg,#fefdfb 0%,#F7F2D0 50%,#fefdfb 100%);position:relative;overflow:hidden}
.error-page-wrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#d5048b14 0%,transparent 70%);border-radius:50%}
.error-page-wrapper::after{content:'';position:absolute;bottom:-30%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,#392a550f 0%,transparent 70%);border-radius:50%}
.error-content-container{max-width:1200px;margin:0 auto;padding:6rem 2rem 4rem;position:relative;z-index:2}
.error-visual-block{text-align:center;margin-bottom:3.5rem}
.error-code-display{font-size:11rem;font-weight:800;line-height:.9;color:#392A55;margin:0;letter-spacing:-.02em;text-shadow:3px 3px 0 #d5048b26;position:relative;display:inline-block}
.error-code-display::before{content:'404';position:absolute;top:6px;left:6px;color:#D5048B;opacity:.2;z-index:-1}
.error-status-text{font-size:1.5rem;color:#392A55;margin:1.5rem 0 0;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.error-explanation-zone{max-width:700px;margin:0 auto 3.5rem;text-align:center}
.error-main-heading{font-size:2.2rem;color:#392A55;margin:0 0 1.5rem;font-weight:700;line-height:1.3}
.error-description-text{font-size:1.125rem;color:#4a3f5c;line-height:1.7;margin:0 0 1.25rem}
.error-context-note{font-size:1.05rem;color:#5f5470;line-height:1.6;margin:0;font-style:italic}
.navigation-suggestion-area{max-width:850px;margin:0 auto 3rem;background:#ffffffb3;border-radius:16px;padding:2.5rem 2rem;box-shadow:0 4px 20px #392a5514}
.suggestion-title{font-size:1.4rem;color:#392A55;margin:0 0 1.8rem;font-weight:700;text-align:center}
.link-grid-structure{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}
.nav-link-card{background:#fff;border:2px solid transparent;border-radius:12px;padding:1.5rem 1.25rem;text-decoration:none;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;position:relative;overflow:hidden}
.nav-link-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#D5048B 0%,#392A55 100%);transform:scaleX(0);transition:transform .3s ease}
.nav-link-card:hover{border-color:#D5048B;box-shadow:0 6px 24px #d5048b26;transform:translateY(-3px)}
.nav-link-card:hover::before{transform:scaleX(1)}
.link-icon-symbol{font-size:2rem;color:#D5048B;margin-bottom:.75rem;font-weight:600}
.link-label-text{font-size:1.05rem;color:#392A55;font-weight:600;text-align:center;line-height:1.4}
.search-hint-section{text-align:center;padding-top:1.5rem;border-top:1px solid #392a5526}
.search-suggestion-text{font-size:.95rem;color:#5f5470;margin:0 0 .5rem;line-height:1.5}
.contact-cta-wrapper{text-align:center;max-width:600px;margin:0 auto}
.contact-intro-message{font-size:1.05rem;color:#4a3f5c;margin:0 0 1.5rem;line-height:1.6}
.primary-contact-button{display:inline-block;background:linear-gradient(135deg,#D5048B 0%,#a8036e 100%);color:#fff;font-size:1.1rem;font-weight:700;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #d5048b40;border:none;cursor:pointer;position:relative;overflow:hidden}
.primary-contact-button::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}
.primary-contact-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #d5048b59}
.primary-contact-button:hover::before{width:300px;height:300px}
.decorative-accent-line{width:80px;height:4px;background:linear-gradient(90deg,transparent 0%,#D5048B 50%,transparent 100%);margin:3rem auto 0;border-radius:2px}
@media screen and (max-width: 768px) {
.error-content-container{padding:4rem 1.5rem 3rem}
.error-code-display{font-size:7rem}
.error-status-text{font-size:1.2rem}
.error-main-heading{font-size:1.75rem}
.error-description-text{font-size:1rem}
.navigation-suggestion-area{padding:2rem 1.5rem}
.link-grid-structure{grid-template-columns:1fr;gap:1rem}
.primary-contact-button{font-size:1rem;padding:.9rem 2rem}
}
@media screen and (max-width: 480px) {
.error-code-display{font-size:5.5rem}
.error-main-heading{font-size:1.5rem}
.suggestion-title{font-size:1.2rem}
}