:root{--primary-color:#B06F7C;--secondary-color:#CDADAA;--tertiary-color:#EFE4E5;--text-dark:#2a2a2a;--text-medium:#4a4a4a;--text-light:#6a6a6a;--background-light:#fff;--background-soft:#fafbfc;--background-accent:#f8f9fa;--shadow-subtle:#b06f7c14;--shadow-medium:#b06f7c26}
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text-dark);line-height:1.7;overflow-x:hidden;background:var(--background-light)}
.top_ribbon_87kx{background:linear-gradient(135deg,var(--tertiary-color) 0%,#fff 100%);padding:15px 0;border-bottom:1px solid #b06f7c1f}
.ribbon_container_29pq{max-width:1320px;margin:0 auto;padding:0 2rem;display:flex;justify-content:center;align-items:center}
.primary_nav_54wf{display:flex;gap:2.8rem;align-items:center;list-style:none}
.nav_link_73bz{color:var(--text-dark);text-decoration:none;font-size:.96rem;font-weight:500;letter-spacing:.01em;transition:color .25s ease;position:relative;padding:.3rem 0}
.nav_link_73bz::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;transition:width .3s ease;background:var(--primary-color)}
.nav_link_73bz:hover{color:var(--primary-color)}
.nav_link_73bz:hover::after{width:100%}
.nav_link_73bz:focus{outline:2px solid var(--primary-color);outline-offset:4px;border-radius:2px}
.banner_section_12rt{background:var(--background-light);padding:35px 0;box-shadow:0 2px 12px var(--shadow-subtle)}
.banner_wrapper_48nm{max-width:1320px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}
.brand_identity_91hq{display:flex;align-items:center;gap:1.5rem;z-index:50;position:relative}
.logo_container_65tc{width:65px;height:65px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--tertiary-color) 0%,#fff 100%);border-radius:8px;padding:8px;box-shadow:0 3px 10px var(--shadow-subtle)}
.logo_img_32ws{width:100%;height:100%;object-fit:contain}
.company_title_76jm{color:var(--text-dark);letter-spacing:-.01em;font:600 1.85rem 'Source Serif 4',Georgia,serif}
.contact_info_45xp{display:flex;align-items:center;gap:2.5rem}
.phone_block_83qr{display:flex;flex-direction:column;align-items:flex-end}
.phone_label_29kv{font-size:.82rem;color:var(--text-light);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}
.phone_number_67dh{color:var(--text-dark);text-decoration:none;font-size:1.1rem;font-weight:600;transition:color .25s ease}
.phone_number_67dh:hover{color:var(--primary-color)}
.phone_number_67dh:focus{outline:2px solid var(--primary-color);outline-offset:3px;border-radius:3px}
main{min-height:60vh}
.footer_main_84pl{background:linear-gradient(165deg,var(--tertiary-color) 0%,var(--secondary-color) 100%);padding:4rem 0 2rem;margin-top:5rem;position:relative}
.footer_main_84pl::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent)}
.footer_content_92hx{max-width:1320px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:4rem}
.footer_brand_section_56kp{display:flex;flex-direction:column;gap:1.5rem}
.footer_logo_wrapper_38mq{display:flex;align-items:center;gap:1rem}
.footer_logo_box_71wd{width:52px;height:52px;background:var(--background-light);border-radius:6px;padding:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow-subtle)}
.footer_logo_img_45tn{width:100%;height:100%;object-fit:contain}
.footer_brand_name_82pv{color:var(--text-dark);font:600 1.5rem 'Source Serif 4',Georgia,serif}
.footer_address_block_93ks{color:var(--text-medium);font-size:.95rem;line-height:1.7}
.address_line_67xm{margin-bottom:.3rem}
.footer_column_title_48qz{font-size:1.05rem;font-weight:600;color:var(--text-dark);margin-bottom:1.5rem;letter-spacing:.01em}
.footer_links_list_29rw{list-style:none;display:flex;flex-direction:column;gap:.9rem}
.footer_link_item_75jh{color:var(--text-medium);text-decoration:none;font-size:.94rem;transition:color .25s ease,padding-left .25s ease;display:inline-block}
.footer_link_item_75jh:hover{color:var(--primary-color);padding-left:.5rem}
.footer_link_item_75jh:focus{outline:2px solid var(--primary-color);outline-offset:3px;border-radius:2px}
.footer_bottom_bar_64nm{max-width:1320px;margin:0 auto;padding:2rem 2rem 1rem;margin-top:3rem;border-top:1px solid #b06f7c33;text-align:center}
.copyright_text_91kx{color:var(--text-medium);font-size:.89rem;letter-spacing:.01em}
.consent_overlay_48zm{position:fixed;bottom:20px;right:20px;max-width:420px;background:var(--background-light);border-radius:12px;box-shadow:0 8px 32px var(--shadow-medium);padding:1.8rem;z-index:9999;border:1px solid var(--tertiary-color);transform:translateY(120%);opacity:0;transition:transform .4s cubic-bezier(0.68,-0.55,0.265,1.55),opacity .4s ease}
.consent_overlay_48zm.show_consent_73kw{transform:translateY(0);opacity:1}
.consent_header_92px{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.2rem}
.consent_icon_67tn{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--background-light);font-size:1.2rem;font-weight:600}
.consent_title_84kv{font-size:1.15rem;font-weight:600;color:var(--text-dark);margin:0}
.consent_message_53bq{color:var(--text-medium);font-size:.92rem;line-height:1.6;margin-bottom:1.5rem}
.consent_actions_76wp{display:flex;gap:.8rem;flex-direction:column}
.btn_consent_primary_29dx{background:linear-gradient(135deg,var(--primary-color),#9d5d68);color:var(--background-light);border:none;padding:.85rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .25s ease,transform .2s ease;min-height:44px}
.btn_consent_primary_29dx:hover{opacity:.9;transform:translateY(-1px)}
.btn_consent_primary_29dx:focus{outline:3px solid var(--primary-color);outline-offset:2px}
.btn_consent_secondary_81jm{background:none;color:var(--text-medium);border:1.5px solid var(--secondary-color);padding:.85rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .25s ease,color .25s ease;min-height:44px}
.btn_consent_secondary_81jm:hover{color:var(--text-dark);background:var(--tertiary-color)}
.btn_consent_secondary_81jm:focus{outline:3px solid var(--primary-color);outline-offset:2px}
.consent_policy_link_45rp{color:var(--primary-color);text-decoration:underline;font-size:.88rem;text-align:center;display:block;margin-top:.8rem;transition:color .25s ease}
.consent_policy_link_45rp:hover{color:var(--text-dark)}
.consent_policy_link_45rp:focus{outline:2px solid var(--primary-color);outline-offset:3px;border-radius:2px}
@media (max-width: 1024px) {
.primary_nav_54wf{gap:2rem}
.footer_content_92hx{grid-template-columns:1fr 1fr;gap:3rem}
.footer_brand_section_56kp{grid-column:1 / -1}
}
@media (max-width: 768px) {
.top_ribbon_87kx{padding:12px 0}
.ribbon_container_29pq{padding:0 1.2rem}
.primary_nav_54wf{flex-wrap:wrap;gap:1.2rem 1.8rem;justify-content:center}
.nav_link_73bz{font-size:.92rem}
.banner_section_12rt{padding:25px 0}
.banner_wrapper_48nm{flex-direction:column;gap:1.8rem;padding:0 1.2rem}
.brand_identity_91hq{gap:1rem}
.logo_container_65tc{width:55px;height:55px}
.company_title_76jm{font-size:1.5rem}
.contact_info_45xp{flex-direction:column;gap:1.2rem;align-items:center}
.phone_block_83qr{align-items:center}
.footer_content_92hx{grid-template-columns:1fr;gap:2.5rem;padding:0 1.2rem}
.consent_overlay_48zm{bottom:10px;right:10px;left:10px;max-width:none;padding:1.5rem}
}
@media (max-width: 480px) {
.primary_nav_54wf{flex-direction:column;gap:1rem}
.brand_identity_91hq{flex-direction:column;text-align:center}
.company_title_76jm{font-size:1.3rem}
.phone_number_67dh{font-size:1rem}
.consent_message_53bq{font-size:.88rem}
}
@media (prefers-reduced-motion: reduce) {
*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
.finanzseite-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#fff 100%);min-height:100vh}
.finanzseite-wrapper *{box-sizing:border-box}
.hero-finanz-domain{background:linear-gradient(165deg,#EFE4E5 0%,#CDADAA 45%,#B06F7C 100%);padding:0;position:relative;overflow:hidden;margin-bottom:0}
.hero-finanz-domain::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#ffffff1a;border-radius:50%;z-index:1}
.hero-finanz-inner{max-width:1200px;margin:0 auto;padding:100px 20px 80px;position:relative;z-index:2;display:flex;align-items:center;gap:60px}
.hero-finanz-text{flex:1;color:#212529}
.hero-finanz-text h1{font-size:3.2rem;line-height:1.2;margin:0 0 24px;font-weight:700;color:#212529}
.hero-finanz-text p{font-size:1.15rem;line-height:1.7;margin:0 0 32px;color:#343a40;max-width:540px}
.hero-finanz-cta{display:inline-block;padding:16px 38px;background:#212529;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 4px 12px #00000026}
.hero-finanz-cta:hover{background:#343a40;transform:translateY(-2px);box-shadow:0 6px 20px #0003}
.hero-finanz-visual{flex:1;max-width:500px}
.hero-finanz-visual img{width:100%;height:auto;border-radius:12px;box-shadow:0 12px 40px #0003}
.zukunft-analyse-block{background:#fff;padding:0;margin:0}
.zukunft-analyse-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;min-height:600px}
.zukunft-left-panel{background:linear-gradient(180deg,#f8f9fa 0%,#EFE4E5 100%);padding:80px 50px;display:flex;flex-direction:column;justify-content:center}
.zukunft-left-panel h2{font-size:2.4rem;line-height:1.3;margin:0 0 20px;color:#212529;font-weight:700}
.zukunft-left-panel p{font-size:1.05rem;line-height:1.8;color:#495057;margin:0 0 16px}
.zukunft-right-panel{background:#212529;padding:80px 50px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.zukunft-right-panel h3{font-size:1.8rem;margin:0 0 28px;color:#EFE4E5;font-weight:600}
.zukunft-prognose-item{margin-bottom:32px;padding-left:36px;position:relative}
.zukunft-prognose-item::before{content:'';position:absolute;left:0;top:6px;width:20px;height:20px;background:#B06F7C;border-radius:50%}
.zukunft-prognose-item h4{font-size:1.1rem;margin:0 0 8px;color:#CDADAA;font-weight:600}
.zukunft-prognose-item p{font-size:.95rem;line-height:1.6;color:#f8f9fa;margin:0}
.finanz-methoden-wrapper{background:linear-gradient(90deg,#fafbfc 0%,#EFE4E5 100%);padding:90px 20px;margin:0;position:relative}
.finanz-methoden-wrapper::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#B06F7C 0%,#CDADAA 100%)}
.finanz-methoden-content{max-width:1100px;margin:0 auto}
.finanz-methoden-content h2{font-size:2.6rem;text-align:center;margin:0 0 60px;color:#212529;font-weight:700}
.methoden-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.methoden-card{background:#fff;padding:40px 30px;border-radius:8px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;border-left:4px solid #B06F7C}
.methoden-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #0000001f}
.methoden-card h3{font-size:1.5rem;margin:0 0 16px;color:#343a40;font-weight:600}
.methoden-card p{font-size:1rem;line-height:1.7;color:#495057;margin:0}
.asymmetrische-sektion{background:#fff;padding:0;margin:0}
.asymmetrische-inner{max-width:1300px;margin:0 auto;display:flex;align-items:stretch}
.asymm-bild-bereich{flex:0 0 45%;position:relative;overflow:hidden}
.asymm-bild-bereich img{width:100%;height:100%;object-fit:cover;display:block}
.asymm-text-bereich{flex:1;padding:80px 60px;background:linear-gradient(135deg,#f8f9fa 0%,#EFE4E5 100%);display:flex;flex-direction:column;justify-content:center}
.asymm-text-bereich h2{font-size:2.3rem;margin:0 0 24px;color:#212529;font-weight:700;line-height:1.3}
.asymm-text-bereich p{font-size:1.05rem;line-height:1.8;color:#495057;margin:0 0 20px}
.asymm-liste{list-style:none;padding:0;margin:32px 0}
.asymm-liste li{padding:14px 0 14px 40px;position:relative;font-size:1rem;color:#343a40;line-height:1.6}
.asymm-liste li::before{content:'';position:absolute;left:0;top:14px;width:26px;height:26px;background:#B06F7C;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.diagonale-zeitplan-sektion{background:#212529;padding:0;margin:0;position:relative;overflow:hidden}
.diagonale-zeitplan-sektion::before{content:'';position:absolute;top:-100px;left:-50px;width:400px;height:400px;background:#b06f7c1a;border-radius:50%;z-index:1}
.zeitplan-container{max-width:1200px;margin:0 auto;padding:90px 20px;position:relative;z-index:2}
.zeitplan-header{text-align:center;margin-bottom:70px}
.zeitplan-header h2{font-size:2.8rem;color:#EFE4E5;margin:0 0 20px;font-weight:700}
.zeitplan-header p{font-size:1.1rem;color:#CDADAA;margin:0;line-height:1.6}
.zeitplan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;margin-bottom:50px}
.zeitplan-phase{background:linear-gradient(135deg,#343a40 0%,#495057 100%);padding:40px 35px;border-radius:10px;border-top:5px solid #B06F7C;transition:all .3s ease}
.zeitplan-phase:hover{transform:translateX(10px);border-top-color:#CDADAA}
.phase-nummer{display:inline-block;width:50px;height:50px;background:#B06F7C;color:#fff;border-radius:50%;text-align:center;line-height:50px;font-size:1.4rem;font-weight:700;margin-bottom:20px}
.zeitplan-phase h3{font-size:1.6rem;color:#EFE4E5;margin:0 0 12px;font-weight:600}
.zeitplan-phase .phase-datum{font-size:.9rem;color:#CDADAA;margin:0 0 16px;font-style:italic}
.zeitplan-phase p{font-size:1rem;line-height:1.7;color:#f8f9fa;margin:0}
.zeitplan-cta-bereich{text-align:center;padding-top:30px}
.zeitplan-btn{display:inline-block;padding:18px 45px;background:#B06F7C;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 6px 20px #b06f7c4d}
.zeitplan-btn:hover{background:#CDADAA;transform:translateY(-3px);box-shadow:0 8px 28px #b06f7c66}
@media (max-width: 1024px) {
.hero-finanz-inner{flex-direction:column;padding:70px 20px 60px;gap:40px}
.hero-finanz-text h1{font-size:2.6rem}
.zukunft-analyse-inner{grid-template-columns:1fr}
.zukunft-left-panel,.zukunft-right-panel{padding:60px 30px}
.methoden-grid{grid-template-columns:1fr;gap:30px}
.asymmetrische-inner{flex-direction:column}
.asymm-bild-bereich{flex:0 0 400px}
.asymm-text-bereich{padding:60px 30px}
.zeitplan-grid{grid-template-columns:1fr;gap:35px}
}
@media (max-width: 768px) {
.hero-finanz-text h1{font-size:2.2rem}
.hero-finanz-text p{font-size:1.05rem}
.zukunft-left-panel h2{font-size:2rem}
.zukunft-right-panel h3{font-size:1.5rem}
.finanz-methoden-content h2{font-size:2.2rem}
.asymm-bild-bereich{flex:0 0 300px}
.asymm-text-bereich h2{font-size:1.9rem}
.zeitplan-header h2{font-size:2.3rem}
.zeitplan-phase{padding:30px 25px}
}
@media (max-width: 480px) {
.hero-finanz-inner{padding:50px 15px 40px}
.hero-finanz-text h1{font-size:1.8rem}
.zukunft-left-panel,.zukunft-right-panel{padding:40px 20px}
.finanz-methoden-wrapper{padding:60px 15px}
.methoden-card{padding:30px 20px}
.asymm-text-bereich{padding:40px 20px}
.zeitplan-container{padding:60px 15px}
.zeitplan-btn{padding:15px 35px;font-size:1rem}
}
.kontakt-hero-bereich{background:linear-gradient(135deg,#EFE4E5 0%,#fff 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.kontakt-hero-bereich::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#b06f7c14 0%,transparent 70%);border-radius:50%}
.kontakt-hero-inhalt{max-width:720px;margin:0 auto;text-align:center;position:relative;z-index:2}
.kontakt-hero-inhalt h1{font-size:2.8rem;color:#212529;margin-bottom:18px;font-weight:700;line-height:1.2}
.kontakt-hero-inhalt .untertitel-text{font-size:1.15rem;color:#495057;line-height:1.7;margin-bottom:0}
.hauptkontakt-wrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;max-width:1140px;margin:0 auto;padding:70px 20px;align-items:start}
.kontaktinfo-spalte{background:#fff;border-radius:12px;padding:40px 35px;box-shadow:0 2px 12px #0000000f;border:1px solid #EFE4E5}
.kontaktinfo-spalte h2{font-size:1.75rem;color:#212529;margin-bottom:28px;font-weight:600}
.info-block-einzeln{margin-bottom:32px}
.info-block-einzeln:last-child{margin-bottom:0}
.info-block-einzeln h3{font-size:.95rem;color:#B06F7C;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-weight:600}
.info-block-einzeln p{font-size:1.05rem;color:#343a40;line-height:1.65;margin:0}
.info-block-einzeln a{color:#343a40;text-decoration:none;transition:color .3s ease}
.info-block-einzeln a:hover{color:#B06F7C}
.formular-spalte{background:#fafbfc;border-radius:12px;padding:45px 40px;border:2px solid #EFE4E5}
.formular-spalte h2{font-size:1.85rem;color:#212529;margin-bottom:12px;font-weight:600}
.formular-einleitung{font-size:1.02rem;color:#495057;line-height:1.6;margin-bottom:30px}
.kontakt-formular-feld{margin-bottom:24px}
.kontakt-formular-feld label{display:block;font-size:.95rem;color:#343a40;margin-bottom:8px;font-weight:500}
.kontakt-formular-feld input,.kontakt-formular-feld textarea,.kontakt-formular-feld select{width:100%;padding:13px 16px;border:1px solid #CDADAA;border-radius:6px;font-size:1rem;color:#212529;background:#fff;transition:border-color .3s ease,box-shadow .3s ease;font-family:inherit}
.kontakt-formular-feld input:focus,.kontakt-formular-feld textarea:focus,.kontakt-formular-feld select:focus{outline:none;border-color:#B06F7C;box-shadow:0 0 0 3px #b06f7c1a}
.kontakt-formular-feld textarea{min-height:140px;resize:vertical}
.datenschutz-checkbox-wrapper{margin:28px 0;display:flex;align-items:start;gap:12px}
.datenschutz-checkbox-wrapper input[type="checkbox"]{width:auto;margin-top:4px;cursor:pointer;flex-shrink:0}
.datenschutz-checkbox-wrapper label{font-size:.92rem;color:#495057;line-height:1.5;cursor:pointer;margin:0}
.datenschutz-checkbox-wrapper label a{color:#B06F7C;text-decoration:underline;transition:color .3s ease}
.datenschutz-checkbox-wrapper label a:hover{color:#8d5963}
.formular-submit-button{background:#B06F7C;color:#fff;padding:15px 50px;border:none;border-radius:6px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;width:100%;position:relative;z-index:10}
.formular-submit-button:hover{background:#8d5963;transform:translateY(-2px);box-shadow:0 4px 16px #b06f7c4d}
.formular-submit-button:active{transform:translateY(0)}
.bild-kontakt-sektion{max-width:1140px;margin:0 auto;padding:60px 20px 80px}
.bild-kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.bild-kontakt-visuell img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #0000001f;border:1px solid #EFE4E5}
.bild-kontakt-text h2{font-size:2rem;color:#212529;margin-bottom:20px;font-weight:600;line-height:1.3}
.bild-kontakt-text p{font-size:1.05rem;color:#495057;line-height:1.75;margin-bottom:16px}
.bild-kontakt-text p:last-child{margin-bottom:0}
.anfahrt-hinweis-bereich{background:linear-gradient(to bottom,#fff 0%,#EFE4E5 100%);padding:70px 20px}
.anfahrt-container{max-width:920px;margin:0 auto;text-align:center}
.anfahrt-container h2{font-size:2.1rem;color:#212529;margin-bottom:24px;font-weight:600}
.anfahrt-beschreibung{font-size:1.08rem;color:#495057;line-height:1.7;margin-bottom:20px}
.verkehrsanbindung-liste{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}
.verkehrs-karte{background:#fff;padding:28px 22px;border-radius:10px;box-shadow:0 2px 10px #00000014;border:1px solid #CDADAA;transition:transform .3s ease,box-shadow .3s ease}
.verkehrs-karte:hover{transform:translateY(-4px);box-shadow:0 6px 20px #b06f7c26}
.verkehrs-karte h3{font-size:1.15rem;color:#B06F7C;margin-bottom:12px;font-weight:600}
.verkehrs-karte p{font-size:.98rem;color:#495057;line-height:1.6;margin:0}
@media (max-width: 768px) {
.kontakt-hero-bereich{padding:60px 20px 40px}
.kontakt-hero-inhalt h1{font-size:2rem}
.kontakt-hero-inhalt .untertitel-text{font-size:1.05rem}
.hauptkontakt-wrapper{grid-template-columns:1fr;gap:35px;padding:50px 20px}
.kontaktinfo-spalte{padding:32px 28px}
.formular-spalte{padding:35px 28px}
.bild-kontakt-grid{grid-template-columns:1fr;gap:40px}
.bild-kontakt-text h2{font-size:1.65rem}
.verkehrsanbindung-liste{grid-template-columns:1fr;gap:22px}
.anfahrt-container h2{font-size:1.75rem}
}
.lernprogramm-hauptbereich{background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.lernprogramm-einfuehrung-sektion{background:linear-gradient(135deg,#fafbfc 0%,#EFE4E5 100%);padding:80px 20px 120px;position:relative;overflow:hidden}
.lernprogramm-einfuehrung-sektion::before{content:'';position:absolute;width:400px;height:400px;background:#b06f7c14;border-radius:50%;top:-150px;right:-100px;z-index:1}
.lernprogramm-einfuehrung-inneres{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.lernprogramm-intro-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:60px;align-items:center}
.lernprogramm-intro-text h1{font-size:48px;font-weight:700;color:#212529;margin:0 0 24px;line-height:1.2}
.lernprogramm-intro-text p{font-size:19px;color:#495057;line-height:1.7;margin:0 0 16px}
.lernprogramm-intro-bild{position:relative}
.lernprogramm-intro-bild img{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 20px 60px #b06f7c40}
.lernprogramm-zeitplan-sektion{padding:100px 20px;background:#fff;position:relative}
.lernprogramm-zeitplan-container{max-width:900px;margin:0 auto}
.lernprogramm-zeitplan-titel{text-align:center;margin-bottom:70px}
.lernprogramm-zeitplan-titel h2{font-size:38px;font-weight:700;color:#212529;margin:0 0 18px}
.lernprogramm-zeitplan-titel p{font-size:18px;color:#495057;margin:0;line-height:1.6}
.lernprogramm-zeitplan-liste{position:relative;padding-left:0}
.lernprogramm-meilenstein-element{position:relative;padding:0 0 50px 80px;margin-bottom:40px}
.lernprogramm-meilenstein-element::before{content:'';position:absolute;left:22px;top:50px;bottom:-40px;width:3px;background:linear-gradient(180deg,#B06F7C 0%,#CDADAA 100%)}
.lernprogramm-meilenstein-element:last-child::before{display:none}
.lernprogramm-meilenstein-marker{position:absolute;left:0;top:0;width:48px;height:48px;background:linear-gradient(135deg,#B06F7C 0%,#CDADAA 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;box-shadow:0 4px 16px #b06f7c4d;z-index:3}
.lernprogramm-meilenstein-inhalt{background:#f8f9fa;padding:28px 32px;border-radius:12px;border-left:4px solid #B06F7C;transition:transform .3s ease,box-shadow .3s ease}
.lernprogramm-meilenstein-inhalt:hover{transform:translateX(8px);box-shadow:0 8px 24px #b06f7c26}
.lernprogramm-meilenstein-inhalt h3{font-size:24px;font-weight:700;color:#212529;margin:0 0 12px}
.lernprogramm-meilenstein-datum{font-size:15px;color:#B06F7C;font-weight:600;margin-bottom:14px;display:block}
.lernprogramm-meilenstein-inhalt p{font-size:17px;color:#495057;line-height:1.6;margin:0}
.lernprogramm-vorteile-sektion{padding:100px 20px;background:linear-gradient(180deg,#fff 0%,#fafbfc 100%)}
.lernprogramm-vorteile-wrapper{max-width:1100px;margin:0 auto}
.lernprogramm-vorteile-kopf{text-align:center;margin-bottom:60px}
.lernprogramm-vorteile-kopf h2{font-size:38px;font-weight:700;color:#212529;margin:0 0 20px}
.lernprogramm-vorteile-kopf p{font-size:18px;color:#495057;margin:0;line-height:1.6}
.lernprogramm-vorteile-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.lernprogramm-vorteil-karte{background:#fff;padding:36px 28px;border-radius:12px;border:2px solid #EFE4E5;transition:all .3s ease;position:relative}
.lernprogramm-vorteil-karte::before{content:'';position:absolute;top:0;left:0;width:6px;height:0;background:linear-gradient(180deg,#B06F7C 0%,#CDADAA 100%);border-radius:12px 0 0 12px;transition:height .3s ease}
.lernprogramm-vorteil-karte:hover{transform:translateY(-6px);box-shadow:0 12px 32px #b06f7c2e;border-color:#CDADAA}
.lernprogramm-vorteil-karte:hover::before{height:100%}
.lernprogramm-vorteil-nummer{display:inline-block;width:44px;height:44px;background:linear-gradient(135deg,#EFE4E5 0%,#CDADAA 100%);border-radius:10px;text-align:center;line-height:44px;font-size:20px;font-weight:700;color:#B06F7C;margin-bottom:20px}
.lernprogramm-vorteil-karte h3{font-size:22px;font-weight:700;color:#212529;margin:0 0 14px}
.lernprogramm-vorteil-karte p{font-size:16px;color:#495057;line-height:1.6;margin:0}
@media (max-width: 768px) {
.lernprogramm-einfuehrung-sektion{padding:60px 20px 80px}
.lernprogramm-intro-grid{grid-template-columns:1fr;gap:40px}
.lernprogramm-intro-text h1{font-size:36px}
.lernprogramm-intro-text p{font-size:17px}
.lernprogramm-intro-bild img{height:300px}
.lernprogramm-zeitplan-sektion{padding:70px 20px}
.lernprogramm-zeitplan-titel h2{font-size:32px}
.lernprogramm-meilenstein-element{padding-left:70px}
.lernprogramm-meilenstein-marker{width:42px;height:42px;font-size:18px}
.lernprogramm-meilenstein-element::before{left:19px}
.lernprogramm-meilenstein-inhalt h3{font-size:21px}
.lernprogramm-vorteile-sektion{padding:70px 20px}
.lernprogramm-vorteile-kopf h2{font-size:32px}
.lernprogramm-vorteile-raster{grid-template-columns:1fr;gap:24px}
}
.fernlern-tipps-wrapper{background:#fff;min-height:100vh}
.fernlern-hero-bereich{background:linear-gradient(135deg,#EFE4E5 0%,#fff 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.fernlern-hero-bereich::before{content:'';position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:#CDADAA;opacity:.15;border-radius:50%}
.fernlern-hero-inhalt{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.fernlern-hero-inhalt h1{font-size:2.8rem;color:#212529;margin-bottom:20px;font-weight:700;line-height:1.2}
.fernlern-hero-inhalt .intro-text{font-size:1.15rem;color:#495057;line-height:1.7;max-width:750px}
.spalten-layout-container{max-width:1200px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.spalte-einzeln{background:#fafbfc;border-radius:8px;padding:0;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #EFE4E5}
.spalte-einzeln:hover{transform:translateY(-5px);box-shadow:0 8px 20px #b06f7c1f}
.spalte-bild-wrapper{width:100%;height:240px;overflow:hidden}
.spalte-bild-wrapper img{width:100%;height:100%;object-fit:cover;display:block}
.spalte-inhalt-bereich{padding:30px 25px}
.spalte-einzeln h3{font-size:1.4rem;color:#B06F7C;margin-bottom:15px;font-weight:600;line-height:1.3}
.spalte-einzeln p{font-size:1rem;color:#495057;line-height:1.6;margin-bottom:12px}
.spalte-einzeln ul{list-style:none;padding:0;margin:15px 0 0}
.spalte-einzeln ul li{font-size:.95rem;color:#343a40;padding:8px 0 8px 25px;position:relative;line-height:1.5}
.spalte-einzeln ul li::before{content:'→';position:absolute;left:0;color:#B06F7C;font-weight:700}
.chronologie-sequenz-block{background:linear-gradient(to bottom,#fff 0%,#f8f9fa 100%);padding:70px 20px}
.chronologie-container{max-width:1100px;margin:0 auto}
.chronologie-titel-haupt{text-align:center;font-size:2.3rem;color:#212529;margin-bottom:50px;font-weight:700}
.chronologie-schritte-wrapper{display:flex;flex-direction:column;gap:40px;position:relative;padding-left:80px}
.chronologie-schritte-wrapper::before{content:'';position:absolute;left:30px;top:30px;bottom:30px;width:3px;background:linear-gradient(to bottom,#B06F7C 0%,#CDADAA 100%)}
.schritt-element-einzeln{position:relative;background:#fff;padding:28px 32px;border-radius:10px;border-left:4px solid #B06F7C;box-shadow:0 3px 12px #00000014}
.schritt-nummer-marker{position:absolute;left:-80px;top:50%;transform:translateY(-50%);width:60px;height:60px;background:linear-gradient(135deg,#B06F7C 0%,#CDADAA 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 10px #b06f7c40;z-index:3}
.schritt-element-einzeln h4{font-size:1.35rem;color:#212529;margin-bottom:12px;font-weight:600}
.schritt-element-einzeln p{font-size:1rem;color:#495057;line-height:1.65;margin:0}
.tabellen-vergleich-sektion{padding:65px 20px;background:#fafbfc}
.tabellen-container-wrapper{max-width:1150px;margin:0 auto}
.tabellen-container-wrapper h2{font-size:2.2rem;color:#212529;text-align:center;margin-bottom:40px;font-weight:700}
.vergleich-tabelle-modern{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #00000014}
.vergleich-tabelle-modern thead{background:linear-gradient(135deg,#B06F7C 0%,#CDADAA 100%)}
.vergleich-tabelle-modern thead th{padding:20px 18px;text-align:left;font-size:1.05rem;color:#fff;font-weight:600;border-bottom:3px solid #fff}
.vergleich-tabelle-modern tbody tr{transition:background .2s ease}
.vergleich-tabelle-modern tbody tr:nth-child(odd){background:#f8f9fa}
.vergleich-tabelle-modern tbody tr:hover{background:#EFE4E5}
.vergleich-tabelle-modern tbody td{padding:18px;font-size:.98rem;color:#343a40;border-bottom:1px solid #dee2e6;line-height:1.6}
.vergleich-tabelle-modern tbody td:first-child{font-weight:600;color:#212529}
.check-symbol{color:#B06F7C;font-weight:700;font-size:1.15rem}
.ressourcen-block-abschluss{background:linear-gradient(135deg,#EFE4E5 0%,#CDADAA 100%);padding:70px 20px;text-align:center}
.ressourcen-inner-container{max-width:900px;margin:0 auto}
.ressourcen-inner-container h2{font-size:2.4rem;color:#212529;margin-bottom:25px;font-weight:700}
.ressourcen-inner-container p{font-size:1.1rem;color:#343a40;line-height:1.7;margin-bottom:35px}
.cta-button-primär{display:inline-block;padding:16px 45px;background:#B06F7C;color:#fff;text-decoration:none;border-radius:50px;font-size:1.05rem;font-weight:600;transition:all .3s ease;box-shadow:0 5px 15px #b06f7c4d}
.cta-button-primär:hover{background:#9a5d68;transform:translateY(-2px);box-shadow:0 8px 20px #b06f7c66}
@media (max-width: 768px) {
.fernlern-hero-inhalt h1{font-size:2rem}
.spalten-layout-container{grid-template-columns:1fr;padding:40px 20px}
.chronologie-schritte-wrapper{padding-left:0;gap:60px}
.chronologie-schritte-wrapper::before{display:none}
.schritt-nummer-marker{position:relative;left:0;top:0;transform:none;margin:0 auto 20px}
.vergleich-tabelle-modern{font-size:.9rem}
.vergleich-tabelle-modern thead th,.vergleich-tabelle-modern tbody td{padding:12px 10px}
.ressourcen-inner-container h2{font-size:1.9rem}
}
.events-page-2025{background:linear-gradient(135deg,#fafbfc 0%,#fff 50%,#f8f9fa 100%);min-height:100vh}
.events-hero-intro{padding:4rem 2rem 3rem;max-width:1100px;margin:0 auto;position:relative}
.events-hero-intro::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:3px;background:linear-gradient(90deg,#B06F7C 0%,#CDADAA 100%);border-radius:10px}
.events-hero-intro .intro-badge{display:inline-block;background:#EFE4E5;color:#B06F7C;padding:.5rem 1.2rem;border-radius:25px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:.5px}
.events-hero-intro h1{font-size:2.8rem;color:#212529;margin-bottom:1.2rem;font-weight:700;line-height:1.2}
.events-hero-intro .intro-description{font-size:1.15rem;color:#495057;line-height:1.7;max-width:800px;margin:0 auto 2rem}
.events-featured-section{padding:3rem 2rem;background:#fff;position:relative}
.events-featured-section::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#CDADAA 50%,transparent 100%)}
.featured-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:3rem;align-items:start}
.featured-image-wrap{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #b06f7c26}
.featured-image-wrap img{width:100%;height:450px;object-fit:cover;display:block}
.featured-content-area{padding:2rem 0}
.featured-content-area .section-label{color:#B06F7C;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:1rem}
.featured-content-area h2{font-size:2.2rem;color:#212529;margin-bottom:1.5rem;line-height:1.3;font-weight:700}
.featured-content-area .event-meta-info{display:flex;gap:2rem;margin-bottom:1.8rem;flex-wrap:wrap}
.event-meta-info .meta-item{display:flex;align-items:center;gap:.6rem;color:#495057;font-size:.95rem}
.event-meta-info .meta-item .meta-icon{width:20px;height:20px;background:#EFE4E5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#B06F7C;font-weight:700}
.featured-content-area .event-description{color:#343a40;font-size:1.05rem;line-height:1.8;margin-bottom:1.8rem}
.featured-content-area .feature-highlights{background:#f8f9fa;border-left:4px solid #B06F7C;padding:1.5rem 1.8rem;border-radius:0 8px 8px 0;margin-bottom:2rem}
.feature-highlights ul{list-style:none;padding:0;margin:0}
.feature-highlights ul li{color:#343a40;font-size:1rem;line-height:1.9;padding-left:1.8rem;position:relative}
.feature-highlights ul li::before{content:'';position:absolute;left:0;color:#B06F7C;font-weight:700;font-size:1.1rem}
.featured-content-area .cta-primary-btn{display:inline-block;background:linear-gradient(135deg,#B06F7C 0%,#9d5f6b 100%);color:#fff;padding:1rem 2.5rem;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.05rem;box-shadow:0 6px 20px #b06f7c4d;transition:all .3s ease}
.featured-content-area .cta-primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #b06f7c66}
.upcoming-timeline-section{padding:4rem 2rem;background:linear-gradient(to bottom,#fff 0%,#fafbfc 100%)}
.timeline-header-area{max-width:900px;margin:0 auto 3.5rem;text-align:center}
.timeline-header-area h2{font-size:2.4rem;color:#212529;margin-bottom:1rem;font-weight:700}
.timeline-header-area .subtitle-text{font-size:1.1rem;color:#495057;line-height:1.6}
.timeline-wrapper{max-width:1000px;margin:0 auto;position:relative;padding-left:80px}
.timeline-item{position:relative;padding-bottom:3rem;padding-left:40px}
.timeline-item:last-child{padding-bottom:0}
.timeline-item::before{content:'';position:absolute;left:-31px;top:8px;width:2px;height:calc(100% + 10px);background:#CDADAA}
.timeline-item:last-child::before{display:none}
.timeline-marker{position:absolute;left:-45px;top:0;width:30px;height:30px;background:#B06F7C;border-radius:50%;border:4px solid #fff;box-shadow:0 3px 12px #b06f7c4d;z-index:2}
.timeline-content-box{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 16px #00000014;transition:all .3s ease}
.timeline-content-box:hover{transform:translateX(5px);box-shadow:0 6px 20px #b06f7c26}
.timeline-content-box .event-date-badge{display:inline-block;background:#EFE4E5;color:#B06F7C;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1rem}
.timeline-content-box h3{font-size:1.6rem;color:#212529;margin-bottom:.8rem;font-weight:700}
.timeline-content-box .event-short-desc{color:#495057;font-size:1rem;line-height:1.7;margin-bottom:1.2rem}
.timeline-content-box .event-details-list{display:flex;gap:1.5rem;flex-wrap:wrap;padding-top:.8rem;border-top:1px solid #EFE4E5}
.event-details-list .detail-point{color:#343a40;font-size:.9rem;display:flex;align-items:center;gap:.5rem}
.detail-point .detail-icon{color:#CDADAA;font-weight:700}
.workshop-grid-section{padding:4rem 2rem;background:#fff}
.workshop-grid-container{max-width:1200px;margin:0 auto}
.workshop-section-header{text-align:center;margin-bottom:3rem}
.workshop-section-header h2{font-size:2.3rem;color:#212529;margin-bottom:1rem;font-weight:700}
.workshop-section-header .header-desc{font-size:1.05rem;color:#495057;max-width:700px;margin:0 auto;line-height:1.7}
.workshop-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}
.workshop-card{background:linear-gradient(135deg,#fafbfc 0%,#fff 100%);border-radius:12px;padding:2rem;border:2px solid #EFE4E5;transition:all .3s ease;position:relative;overflow:hidden}
.workshop-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#B06F7C 0%,#CDADAA 100%);transform:scaleX(0);transition:transform .3s ease}
.workshop-card:hover::before{transform:scaleX(1)}
.workshop-card:hover{border-color:#CDADAA;transform:translateY(-5px);box-shadow:0 8px 24px #b06f7c26}
.workshop-card .card-icon-area{width:60px;height:60px;background:linear-gradient(135deg,#B06F7C 0%,#CDADAA 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 4px 12px #b06f7c40}
.workshop-card .card-icon-area svg{width:32px;height:32px;fill:#fff}
.workshop-card h3{font-size:1.5rem;color:#212529;margin-bottom:1rem;font-weight:700}
.workshop-card .card-description{color:#495057;font-size:.98rem;line-height:1.7;margin-bottom:1.5rem}
.workshop-card .card-topics-list{list-style:none;padding:0;margin:0 0 1.5rem}
.card-topics-list li{color:#343a40;font-size:.92rem;padding:.5rem 0;padding-left:1.5rem;position:relative;border-bottom:1px solid #f8f9fa}
.card-topics-list li:last-child{border-bottom:none}
.card-topics-list li::before{content:'→';position:absolute;left:0;color:#B06F7C;font-weight:700}
.workshop-card .card-footer-info{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:2px solid #EFE4E5}
.card-footer-info .duration-info{color:#495057;font-size:.88rem;font-weight:600}
.card-footer-info .price-info{color:#B06F7C;font-size:1.1rem;font-weight:700}
.community-visual-section{padding:4rem 2rem;background:linear-gradient(135deg,#EFE4E5 0%,#fafbfc 100%);position:relative;overflow:hidden}
.community-visual-section::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#b06f7c1a 0%,transparent 70%);border-radius:50%}
.community-content-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:3.5rem;align-items:center}
.community-text-area{padding-right:2rem}
.community-text-area .section-tag{color:#B06F7C;font-size:.88rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem}
.community-text-area h2{font-size:2.4rem;color:#212529;margin-bottom:1.5rem;font-weight:700;line-height:1.2}
.community-text-area .main-text-content{color:#343a40;font-size:1.05rem;line-height:1.8;margin-bottom:2rem}
.community-benefits-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-bottom:2rem}
.benefit-item{display:flex;align-items:start;gap:.8rem}
.benefit-item .benefit-checkmark{width:24px;height:24px;background:#B06F7C;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:2px}
.benefit-item .benefit-text{color:#343a40;font-size:.98rem;line-height:1.6}
.community-text-area .action-button-wrap{margin-top:2.5rem}
.action-button-wrap .secondary-cta-btn{display:inline-block;background:#fff;color:#B06F7C;padding:1rem 2.2rem;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.05rem;border:2px solid #B06F7C;transition:all .3s ease}
.action-button-wrap .secondary-cta-btn:hover{background:#B06F7C;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #b06f7c40}
.community-image-area{position:relative}
.community-image-area .image-frame{border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #0000001f;position:relative}
.community-image-area .image-frame img{width:100%;height:480px;object-fit:cover;display:block}
.community-image-area .floating-stat-card{position:absolute;bottom:-20px;right:-20px;background:#fff;padding:1.5rem 2rem;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:3}
.floating-stat-card .stat-number{font-size:2.5rem;color:#B06F7C;font-weight:700;line-height:1;margin-bottom:.5rem}
.floating-stat-card .stat-label{color:#495057;font-size:.9rem;font-weight:600}
@media (max-width: 992px) {
.events-hero-intro h1{font-size:2.2rem}
.featured-container{grid-template-columns:1fr;gap:2rem}
.featured-image-wrap img{height:350px}
.timeline-wrapper{padding-left:40px}
.workshop-cards-grid{grid-template-columns:1fr}
.community-content-layout{grid-template-columns:1fr;gap:2.5rem}
.community-text-area{padding-right:0}
.community-benefits-list{grid-template-columns:1fr}
.community-image-area .floating-stat-card{right:10px;bottom:10px}
}
@media (max-width: 768px) {
.events-hero-intro{padding:3rem 1.5rem 2rem}
.events-hero-intro h1{font-size:1.9rem}
.events-hero-intro .intro-description{font-size:1.05rem}
.featured-content-area h2{font-size:1.8rem}
.timeline-header-area h2{font-size:2rem}
.workshop-section-header h2{font-size:1.9rem}
.community-text-area h2{font-size:2rem}
.community-image-area .image-frame img{height:320px}
}
.cookie-policy-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh;padding:0}
.cookie-hero-section{background:linear-gradient(165deg,#EFE4E5 0%,#CDADAA 100%);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden}
.cookie-hero-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#ffffff1a;border-radius:50%;z-index:1}
.cookie-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:2}
.cookie-hero-content h1{font-size:2.8rem;color:#212529;margin-bottom:20px;font-weight:700;line-height:1.2}
.cookie-hero-subtitle{font-size:1.15rem;color:#495057;margin-bottom:15px;line-height:1.6}
.cookie-last-updated{display:inline-block;background:#fff;padding:10px 24px;border-radius:25px;font-size:.9rem;color:#B06F7C;font-weight:600;margin-top:20px;box-shadow:0 2px 8px #00000014}
.cookie-main-content{max-width:1100px;margin:0 auto;padding:60px 20px}
.cookie-intro-block{background:#fff;padding:45px;border-radius:12px;margin-bottom:40px;box-shadow:0 3px 15px #0000000f;border-left:5px solid #B06F7C}
.cookie-intro-block p{font-size:1.05rem;color:#343a40;line-height:1.8;margin-bottom:18px}
.cookie-intro-block p:last-child{margin-bottom:0}
.cookie-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:50px}
.cookie-type-card{background:#fff;padding:35px;border-radius:10px;box-shadow:0 2px 12px #0000000d;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid #CDADAA}
.cookie-type-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #b06f7c26}
.cookie-type-card h3{font-size:1.5rem;color:#B06F7C;margin-bottom:18px;font-weight:700}
.cookie-type-card p{font-size:.98rem;color:#495057;line-height:1.7;margin-bottom:15px}
.cookie-type-card ul{list-style:none;padding:0;margin:20px 0 0}
.cookie-type-card ul li{font-size:.95rem;color:#343a40;padding:10px 0 10px 30px;position:relative;line-height:1.6}
.cookie-type-card ul li::before{content:'○';position:absolute;left:8px;color:#B06F7C;font-size:1.2rem;font-weight:700}
.cookie-detailed-section{background:linear-gradient(to right,#fff 0%,#fafbfc 100%);padding:50px 45px;border-radius:12px;margin-bottom:40px;border:1px solid #EFE4E5}
.cookie-detailed-section h2{font-size:2rem;color:#212529;margin-bottom:25px;font-weight:700;border-bottom:3px solid #B06F7C;padding-bottom:15px;display:inline-block}
.cookie-detailed-section h3{font-size:1.4rem;color:#B06F7C;margin:35px 0 20px;font-weight:600}
.cookie-detailed-section p{font-size:1.02rem;color:#343a40;line-height:1.8;margin-bottom:20px}
.cookie-usage-examples{background:#f8f9fa;padding:30px;border-radius:8px;margin:25px 0;border-left:4px solid #CDADAA}
.cookie-usage-examples h4{font-size:1.15rem;color:#212529;margin-bottom:15px;font-weight:600}
.cookie-usage-examples ul{list-style:none;padding:0;margin:0}
.cookie-usage-examples ul li{font-size:.97rem;color:#495057;padding:8px 0 8px 25px;position:relative;line-height:1.6}
.cookie-usage-examples ul li::before{content:'';position:absolute;left:0;color:#B06F7C;font-weight:700}
.cookie-control-panel{background:#fff;padding:40px;border-radius:12px;margin-bottom:40px;box-shadow:0 4px 18px #00000014}
.cookie-control-panel h2{font-size:1.85rem;color:#212529;margin-bottom:30px;font-weight:700}
.cookie-browser-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px}
.cookie-browser-item{background:linear-gradient(135deg,#EFE4E5 0%,#f8f9fa 100%);padding:25px;border-radius:10px;border:2px solid #CDADAA;transition:border-color .3s ease}
.cookie-browser-item:hover{border-color:#B06F7C}
.cookie-browser-item h4{font-size:1.2rem;color:#B06F7C;margin-bottom:15px;font-weight:600}
.cookie-browser-item p{font-size:.95rem;color:#343a40;line-height:1.7;margin-bottom:12px}
.cookie-browser-item ol{padding-left:20px;margin:15px 0 0}
.cookie-browser-item ol li{font-size:.92rem;color:#495057;line-height:1.6;margin-bottom:8px}
.cookie-retention-info{background:linear-gradient(to bottom,#fafbfc 0%,#fff 100%);padding:40px;border-radius:10px;margin-bottom:40px;border:2px solid #EFE4E5}
.cookie-retention-info h2{font-size:1.85rem;color:#212529;margin-bottom:25px;font-weight:700}
.cookie-retention-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:25px;overflow:hidden;border-radius:8px;box-shadow:0 2px 10px #0000000d}
.cookie-retention-table thead{background:#B06F7C}
.cookie-retention-table thead th{color:#fff;font-size:1rem;font-weight:600;padding:18px 15px;text-align:left;border-bottom:3px solid #fff}
.cookie-retention-table tbody tr{background:#fff;transition:background-color .2s ease}
.cookie-retention-table tbody tr:nth-child(even){background:#f8f9fa}
.cookie-retention-table tbody tr:hover{background:#EFE4E5}
.cookie-retention-table tbody td{padding:15px;font-size:.95rem;color:#343a40;border-bottom:1px solid #EFE4E5;line-height:1.6}
.cookie-rights-section{background:#fff;padding:45px;border-radius:12px;margin-bottom:40px;box-shadow:0 3px 15px #0000000f}
.cookie-rights-section h2{font-size:2rem;color:#212529;margin-bottom:30px;font-weight:700}
.cookie-rights-list{display:flex;flex-direction:column;gap:20px;margin-top:25px}
.cookie-right-item{display:flex;align-items:flex-start;padding:20px;background:#f8f9fa;border-radius:8px;border-left:5px solid #CDADAA;transition:border-color .3s ease}
.cookie-right-item:hover{border-left-color:#B06F7C}
.cookie-right-icon{flex-shrink:0;width:40px;height:40px;background:#B06F7C;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:20px;font-size:1.2rem}
.cookie-right-content h4{font-size:1.15rem;color:#212529;margin-bottom:10px;font-weight:600}
.cookie-right-content p{font-size:.96rem;color:#495057;line-height:1.7;margin:0}
.cookie-contact-block{background:linear-gradient(135deg,#B06F7C 0%,#CDADAA 100%);padding:50px 40px;border-radius:12px;text-align:center;margin-bottom:40px;color:#fff}
.cookie-contact-block h2{font-size:1.9rem;color:#fff;margin-bottom:20px;font-weight:700}
.cookie-contact-block p{font-size:1.05rem;color:#fff;line-height:1.7;margin-bottom:25px;opacity:.95}
.cookie-contact-details{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin-top:25px}
.cookie-contact-item{display:flex;align-items:center;gap:12px;background:#ffffff26;padding:15px 25px;border-radius:30px;font-size:.95rem;font-weight:500;transition:background .3s ease}
.cookie-contact-item:hover{background:#ffffff40}
.cookie-contact-item svg{width:20px;height:20px;fill:#fff}
.cookie-footer-note{background:#fff;padding:35px;border-radius:10px;text-align:center;border-top:4px solid #B06F7C}
.cookie-footer-note p{font-size:.96rem;color:#495057;line-height:1.7;margin:0}
@media (max-width: 768px) {
.cookie-hero-content h1{font-size:2rem}
.cookie-hero-subtitle{font-size:1rem}
.cookie-section-grid{grid-template-columns:1fr}
.cookie-intro-block,.cookie-detailed-section,.cookie-control-panel,.cookie-rights-section,.cookie-contact-block{padding:30px 25px}
.cookie-type-card{padding:25px}
.cookie-browser-steps{grid-template-columns:1fr}
.cookie-retention-table{font-size:.85rem}
.cookie-retention-table thead th,.cookie-retention-table tbody td{padding:12px 10px}
.cookie-contact-details{flex-direction:column;align-items:center}
.cookie-right-item{flex-direction:column;text-align:center}
.cookie-right-icon{margin-right:0;margin-bottom:15px}
}
@media (max-width: 480px) {
.cookie-hero-section{padding:60px 15px 40px}
.cookie-hero-content h1{font-size:1.7rem}
.cookie-main-content{padding:40px 15px}
.cookie-detailed-section h2{font-size:1.6rem}
.cookie-retention-table{display:block;overflow-x:auto}
}
.datenschutz-hauptbereich{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh;padding:0}
.datenschutz-container{max-width:920px;margin:0 auto;padding:85px 30px 90px}
.datenschutz-kopfzeile{text-align:center;margin-bottom:70px;padding-bottom:45px;border-bottom:3px solid #EFE4E5;position:relative}
.datenschutz-kopfzeile::after{content:'';position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:120px;height:3px;background:linear-gradient(90deg,#B06F7C 0%,#CDADAA 100%)}
.datenschutz-titel{font-size:2.8rem;font-weight:700;color:#212529;margin-bottom:20px;letter-spacing:-.5px;line-height:1.2}
.datenschutz-aktualisiert{font-size:1rem;color:#6c757d;margin-top:15px;font-weight:500}
.datenschutz-einleitung{background:#fff;padding:40px;border-radius:12px;margin-bottom:50px;box-shadow:0 2px 8px #b06f7c14;border-left:4px solid #B06F7C}
.datenschutz-einleitung p{font-size:1.1rem;line-height:1.8;color:#343a40;margin-bottom:18px}
.datenschutz-einleitung p:last-child{margin-bottom:0}
.datenschutz-abschnitt{background:#fff;padding:45px 40px;margin-bottom:35px;border-radius:10px;box-shadow:0 1px 6px #0000000a;transition:box-shadow .3s ease}
.datenschutz-abschnitt:hover{box-shadow:0 4px 12px #b06f7c1f}
.datenschutz-abschnitt h2{font-size:1.9rem;color:#212529;margin-bottom:25px;font-weight:700;padding-bottom:15px;border-bottom:2px solid #EFE4E5}
.datenschutz-abschnitt h3{font-size:1.4rem;color:#495057;margin-top:30px;margin-bottom:18px;font-weight:600}
.datenschutz-abschnitt p{font-size:1.05rem;line-height:1.75;color:#495057;margin-bottom:20px}
.datenschutz-abschnitt ul{margin:25px 0;padding-left:0;list-style:none}
.datenschutz-abschnitt ul li{padding-left:35px;margin-bottom:15px;position:relative;font-size:1.05rem;line-height:1.7;color:#495057}
.datenschutz-abschnitt ul li::before{content:'●';position:absolute;left:12px;color:#B06F7C;font-size:1.2rem;line-height:1.7}
.datenschutz-tabelle-wrapper{overflow-x:auto;margin:30px 0;border-radius:8px;box-shadow:0 2px 6px #0000000d}
.datenschutz-tabelle{width:100%;border-collapse:collapse;background:#fff}
.datenschutz-tabelle th{background:linear-gradient(135deg,#B06F7C 0%,#CDADAA 100%);color:#fff;padding:18px 20px;text-align:left;font-weight:600;font-size:1.05rem;border:none}
.datenschutz-tabelle td{padding:18px 20px;border-bottom:1px solid #EFE4E5;color:#495057;font-size:1rem;line-height:1.6}
.datenschutz-tabelle tr:last-child td{border-bottom:none}
.datenschutz-tabelle tr:nth-child(even){background:#fafbfc}
.datenschutz-wichtig{background:linear-gradient(135deg,#EFE4E5 0%,#f8f9fa 100%);padding:30px;border-radius:8px;margin:30px 0;border-left:5px solid #B06F7C}
.datenschutz-wichtig p{color:#343a40;font-weight:500;margin-bottom:0;font-size:1.05rem;line-height:1.7}
.datenschutz-kontakt-box{background:linear-gradient(135deg,#B06F7C 0%,#CDADAA 100%);color:#fff;padding:45px;border-radius:12px;margin-top:60px;text-align:center}
.datenschutz-kontakt-box h2{color:#fff;font-size:2rem;margin-bottom:25px;font-weight:700}
.datenschutz-kontakt-box p{color:#fff;font-size:1.1rem;line-height:1.8;margin-bottom:15px}
.datenschutz-kontakt-box a{color:#fff;text-decoration:underline;font-weight:600;transition:opacity .3s ease}
.datenschutz-kontakt-box a:hover{opacity:.85}
.datenschutz-liste-nummeriert{counter-reset:datenschutz-zaehler;margin:25px 0;padding-left:0;list-style:none}
.datenschutz-liste-nummeriert li{counter-increment:datenschutz-zaehler;padding-left:50px;margin-bottom:20px;position:relative;font-size:1.05rem;line-height:1.7;color:#495057}
.datenschutz-liste-nummeriert li::before{content:counter(datenschutz-zaehler);position:absolute;left:0;top:0;background:linear-gradient(135deg,#B06F7C 0%,#CDADAA 100%);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}
@media (max-width: 768px) {
.datenschutz-container{padding:50px 20px 60px}
.datenschutz-titel{font-size:2rem}
.datenschutz-einleitung{padding:30px 25px}
.datenschutz-abschnitt{padding:35px 25px}
.datenschutz-abschnitt h2{font-size:1.5rem}
.datenschutz-abschnitt h3{font-size:1.2rem}
.datenschutz-kontakt-box{padding:35px 25px}
.datenschutz-kontakt-box h2{font-size:1.6rem}
.datenschutz-tabelle th,.datenschutz-tabelle td{padding:12px 15px;font-size:.95rem}
}
.erfolg-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#EFE4E5 100%);min-height:100vh;padding:0;margin:0}
.erfolg-hauptbereich{max-width:780px;margin:0 auto;padding:80px 20px 60px}
.erfolg-icon-container{width:110px;height:110px;margin:0 auto 35px;background:linear-gradient(145deg,#B06F7C,#CDADAA);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 20px #b06f7c40;animation:erfolg-puls 2s ease-in-out infinite}
.erfolg-icon-container::after{content:'';font-size:58px;color:#fff;font-weight:700;line-height:1}
@keyframes erfolg-puls {
0%,100%{transform:scale(1);box-shadow:0 8px 20px #b06f7c40}
50%{transform:scale(1.05);box-shadow:0 12px 28px #b06f7c59}
}
.erfolg-haupttitel{font-size:42px;font-weight:700;color:#212529;text-align:center;margin:0 0 18px;line-height:1.2}
.erfolg-untertitel{font-size:20px;color:#495057;text-align:center;margin:0 0 45px;line-height:1.5}
.erfolg-infobox{background:#fff;border-radius:12px;padding:40px 35px;margin-bottom:35px;box-shadow:0 3px 15px #00000014;border-left:5px solid #B06F7C}
.erfolg-infobox h2{font-size:24px;color:#212529;margin:0 0 20px;font-weight:600}
.erfolg-infobox p{font-size:17px;color:#495057;line-height:1.7;margin:0 0 16px}
.erfolg-infobox p:last-child{margin-bottom:0}
.erfolg-zeitangabe{background:#f8f9fa;border-radius:8px;padding:25px;margin-bottom:35px;border:2px solid #EFE4E5}
.erfolg-zeitangabe strong{color:#B06F7C;font-size:18px;display:block;margin-bottom:10px}
.erfolg-zeitangabe p{font-size:16px;color:#495057;line-height:1.6;margin:0}
.erfolg-schritte-liste{list-style:none;padding:0;margin:0 0 40px}
.erfolg-schritte-liste li{background:#fff;padding:22px 22px 22px 65px;margin-bottom:15px;border-radius:8px;position:relative;box-shadow:0 2px 8px #0000000f;font-size:16px;color:#343a40;line-height:1.6;transition:all .3s ease}
.erfolg-schritte-liste li:hover{transform:translateX(5px);box-shadow:0 4px 12px #b06f7c26}
.erfolg-schritte-liste li::before{content:'';position:absolute;left:22px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:linear-gradient(135deg,#B06F7C,#CDADAA);border-radius:50%;display:flex;align-items:center;justify-content:center}
.erfolg-schritte-liste li:nth-child(1)::before{content:'1';color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;line-height:30px}
.erfolg-schritte-liste li:nth-child(2)::before{content:'2';color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;line-height:30px}
.erfolg-schritte-liste li:nth-child(3)::before{content:'3';color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;line-height:30px}
.erfolg-schritte-liste li:nth-child(4)::before{content:'4';color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;line-height:30px}
.erfolg-button-bereich{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:50px 0 40px}
.erfolg-btn-primaer{background:linear-gradient(135deg,#B06F7C,#CDADAA);color:#fff;padding:16px 38px;border-radius:8px;text-decoration:none;font-size:17px;font-weight:600;display:inline-block;transition:all .3s ease;border:none;box-shadow:0 4px 12px #b06f7c4d;position:relative;z-index:10}
.erfolg-btn-primaer:hover{transform:translateY(-2px);box-shadow:0 6px 18px #b06f7c66}
.erfolg-btn-sekundaer{background:#fff;color:#B06F7C;padding:16px 38px;border-radius:8px;text-decoration:none;font-size:17px;font-weight:600;display:inline-block;transition:all .3s ease;border:2px solid #B06F7C;position:relative;z-index:10}
.erfolg-btn-sekundaer:hover{background:#B06F7C;color:#fff;transform:translateY(-2px)}
.erfolg-kontakt-karte{background:linear-gradient(135deg,#EFE4E5,#CDADAA);border-radius:12px;padding:35px;text-align:center;margin-top:45px}
.erfolg-kontakt-karte h3{font-size:22px;color:#212529;margin:0 0 20px;font-weight:600}
.erfolg-kontakt-karte p{font-size:16px;color:#343a40;line-height:1.7;margin:0 0 12px}
.erfolg-kontakt-karte a{color:#B06F7C;text-decoration:none;font-weight:600;transition:color .3s ease}
.erfolg-kontakt-karte a:hover{color:#8d5461;text-decoration:underline}
.erfolg-zusatzinfo{background:#fff;border-radius:10px;padding:30px;margin-top:35px;border:1px solid #EFE4E5}
.erfolg-zusatzinfo h3{font-size:20px;color:#212529;margin:0 0 18px;font-weight:600}
.erfolg-zusatzinfo ul{list-style:none;padding:0;margin:0}
.erfolg-zusatzinfo li{font-size:16px;color:#495057;line-height:1.7;margin-bottom:12px;padding-left:28px;position:relative}
.erfolg-zusatzinfo li::before{content:'→';position:absolute;left:0;color:#B06F7C;font-weight:700}
@media (max-width: 768px) {
.erfolg-hauptbereich{padding:60px 18px 40px}
.erfolg-haupttitel{font-size:32px;margin-bottom:15px}
.erfolg-untertitel{font-size:18px;margin-bottom:35px}
.erfolg-icon-container{width:90px;height:90px;margin-bottom:28px}
.erfolg-icon-container::after{font-size:46px}
.erfolg-infobox{padding:28px 22px;margin-bottom:28px}
.erfolg-infobox h2{font-size:21px;margin-bottom:16px}
.erfolg-infobox p{font-size:16px}
.erfolg-schritte-liste li{padding:18px 18px 18px 58px;font-size:15px}
.erfolg-schritte-liste li::before{left:18px;width:26px;height:26px;line-height:26px;font-size:14px}
.erfolg-button-bereich{flex-direction:column;gap:15px;margin:40px 0 30px}
.erfolg-btn-primaer,.erfolg-btn-sekundaer{width:100%;text-align:center;padding:15px 30px}
.erfolg-kontakt-karte{padding:28px 22px;margin-top:35px}
.erfolg-kontakt-karte h3{font-size:20px}
.erfolg-zusatzinfo{padding:25px 20px}
}
@media (max-width: 480px) {
.erfolg-haupttitel{font-size:28px}
.erfolg-untertitel{font-size:17px}
.erfolg-icon-container{width:80px;height:80px}
.erfolg-icon-container::after{font-size:40px}
.erfolg-schritte-liste li{padding-left:52px}
}