:root{--primary-clr:#5E7E87;--secondary-clr:#768BB5;--tertiary-clr:#A9CEDE;--text-dark:#1a2428;--text-medium:#495057;--text-light:#6c757d;--bg-light:#fafbfc;--bg-white:#fff;--bg-cream:#f8f9fa;--border-subtle:#e9ecef;--shadow-sm:0 2px 8px #5e7e8714;--shadow-md:0 4px 16px #5e7e871f;--shadow-lg:0 8px 24px #5e7e8726}
*{margin:0;padding:0;box-sizing:border-box}
body{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);color:var(--text-dark);min-height:100vh;display:flex;flex-direction:column;font:16px/1.7 'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.visuallyhidden_4k8p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header{background:var(--bg-white);box-shadow:var(--shadow-sm);position:relative;z-index:100}
.header_grid_9xm2{max-width:1400px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start;min-height:140px}
.brand_stack_7qw{display:flex;flex-direction:column;gap:12px;padding:28px 0;position:relative;z-index:110}
.logo_container_3rt8{display:flex;align-items:center;gap:14px}
.logo_img_5bn{height:62px;width:62px;object-fit:contain;display:block}
.company_name_2vx{color:var(--primary-clr);letter-spacing:-.02em;font:600 26px/1.2 'Space Grotesk',sans-serif}
.nav_contact_column_8hn{display:flex;flex-direction:column;gap:24px;padding:28px 0}
.main_nav_6kp{position:relative;z-index:105}
.nav_list_4mx{display:flex;gap:32px;list-style:none;flex-wrap:wrap}
.nav_item_7bg a{font-size:15px;font-weight:500;color:var(--text-medium);text-decoration:none;padding:10px 4px;display:inline-block;position:relative;transition:color .25s ease}
.nav_item_7bg a::after{content:'';position:absolute;bottom:6px;left:4px;right:4px;height:2px;background:linear-gradient(90deg,var(--primary-clr),var(--secondary-clr));transform:scaleX(0);transition:transform .3s ease;transform-origin:left}
.nav_item_7bg a:hover{color:var(--primary-clr)}
.nav_item_7bg a:hover::after{transform:scaleX(1)}
.nav_item_7bg a:focus{outline:2px solid var(--secondary-clr);outline-offset:4px;border-radius:4px}
.contact_info_9wq{display:flex;gap:40px;align-items:center;padding-top:8px;border-top:1px solid var(--border-subtle)}
.phone_wrapper_3zl{display:flex;align-items:center;gap:10px}
.phone_icon_8rm{width:20px;height:20px;color:var(--secondary-clr)}
.phone_link_5jv{font-size:15px;font-weight:600;color:var(--text-dark);text-decoration:none;transition:color .25s ease}
.phone_link_5jv:hover{color:var(--primary-clr)}
.email_wrapper_2bk{display:flex;align-items:center;gap:10px}
.email_icon_4pt{width:20px;height:20px;color:var(--secondary-clr)}
.email_link_9fx{font-size:15px;font-weight:500;color:var(--text-medium);text-decoration:none;transition:color .25s ease}
.email_link_9fx:hover{color:var(--primary-clr)}
main{flex:1}
footer{background:linear-gradient(165deg,var(--primary-clr) 0%,#4a656d 100%);color:#f8f9fa;margin-top:80px;position:relative}
.footer_container_6yz{max-width:1400px;margin:0 auto;padding:60px 24px 32px}
.footer_grid_8pk{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:60px;margin-bottom:48px}
.footer_brand_3wr{display:flex;flex-direction:column;gap:24px}
.footer_logo_box_5nm{display:flex;align-items:center;gap:14px}
.footer_logo_img_7hq{height:58px;width:58px;object-fit:contain}
.footer_company_name_2vb{color:#fff;font:600 24px 'Space Grotesk',sans-serif}
.footer_desc_4kx{font-size:15px;line-height:1.65;color:#ffffffd9;max-width:340px}
.footer_section_9mp h3{color:#fff;margin-bottom:20px;letter-spacing:.02em;font:600 17px 'Space Grotesk',sans-serif}
.footer_links_5wn{list-style:none;display:flex;flex-direction:column;gap:12px}
.footer_links_5wn a{color:#fffc;text-decoration:none;font-size:15px;transition:color .25s ease,padding-left .25s ease;display:inline-block}
.footer_links_5wn a:hover{color:#fff;padding-left:6px}
.footer_links_5wn a:focus{outline:2px solid #fff9;outline-offset:4px;border-radius:3px}
.contact_list_8xr{list-style:none;display:flex;flex-direction:column;gap:14px}
.contact_item_4zm{color:#ffffffd9;font-size:14px;line-height:1.6}
.contact_item_4zm a{color:#ffffffe6;text-decoration:none;transition:color .25s ease}
.contact_item_4zm a:hover{color:#fff}
.footer_bottom_7wk{padding-top:32px;border-top:1px solid #ffffff26;text-align:center}
.copyright_text_3hn{font-size:14px;color:#ffffffbf}
@media (max-width: 1024px) {
.header_grid_9xm2{grid-template-columns:1fr;gap:28px;min-height:auto}
.brand_stack_7qw{padding:24px 0 0}
.nav_contact_column_8hn{padding:0 0 24px}
.nav_list_4mx{gap:24px}
.contact_info_9wq{flex-direction:column;align-items:flex-start;gap:16px}
.footer_grid_8pk{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 640px) {
.header_grid_9xm2{padding:0 18px}
.company_name_2vx{font-size:22px}
.logo_img_5bn{height:54px;width:54px}
.nav_list_4mx{flex-direction:column;gap:16px}
.nav_item_7bg a{padding:8px 0}
.footer_container_6yz{padding:48px 18px 28px}
.footer_desc_4kx{max-width:100%}
}
.consent_overlay_8xq3{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a242899;backdrop-filter:blur(3px);z-index:9998;opacity:0;animation:fadeInOverlay_2k9 .3s ease forwards}
@keyframes fadeInOverlay_2k9 {
to{opacity:1}
}
.consent_card_7mx5{position:fixed;bottom:32px;right:32px;background:var(--bg-white);border-radius:12px;box-shadow:0 12px 40px #5e7e8740;max-width:480px;width:calc(100% - 64px);z-index:9999;transform:translateY(100px);opacity:0;animation:slideUpCard_5p7 .4s ease .1s forwards}
@keyframes slideUpCard_5p7 {
to{transform:translateY(0);opacity:1}
}
.consent_content_4bn2{padding:32px}
.consent_header_9kw{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}
.consent_icon_3vt{width:28px;height:28px;min-width:28px;background:linear-gradient(135deg,var(--secondary-clr),var(--tertiary-clr));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}
.consent_title_2hr{color:var(--text-dark);font:600 21px/1.3 'Space Grotesk',sans-serif}
.consent_text_6pq{font-size:15px;line-height:1.65;color:var(--text-medium);margin-bottom:24px}
.consent_policy_link_8vx{color:var(--secondary-clr);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .25s ease}
.consent_policy_link_8vx:hover{border-bottom-color:var(--secondary-clr)}
.consent_actions_5kn{display:flex;gap:12px;flex-wrap:wrap}
.consent_btn_primary_7wm{flex:1;min-width:140px;padding:14px 24px;background:linear-gradient(135deg,var(--primary-clr),var(--secondary-clr));color:#fff;border:none;border-radius:8px;cursor:pointer;transition:opacity .25s ease,transform .2s ease;min-height:48px;font:600 15px 'Manrope',sans-serif}
.consent_btn_primary_7wm:hover{opacity:.9}
.consent_btn_primary_7wm:active{transform:scale(0.98)}
.consent_btn_primary_7wm:focus{outline:3px solid #768bb566;outline-offset:2px}
.consent_btn_secondary_3nx{flex:1;min-width:140px;padding:14px 24px;background:var(--bg-cream);color:var(--text-dark);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:background .25s ease,border-color .25s ease;min-height:48px;font:500 15px 'Manrope',sans-serif}
.consent_btn_secondary_3nx:hover{background:#e9ecef;border-color:#dee2e6}
.consent_btn_secondary_3nx:focus{outline:3px solid #768bb566;outline-offset:2px}
@media (max-width: 640px) {
.consent_card_7mx5{bottom:16px;right:16px;width:calc(100% - 32px);max-width:none}
.consent_content_4bn2{padding:24px}
.consent_title_2hr{font-size:19px}
.consent_text_6pq{font-size:14px}
.consent_actions_5kn{flex-direction:column}
.consent_btn_primary_7wm,.consent_btn_secondary_3nx{width:100%;min-width:auto}
}
.lernprogramm-intro-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);padding:80px 20px;position:relative;overflow:hidden}
.lernprogramm-intro-wrapper::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#a9cede26 0%,transparent 70%);border-radius:50%;z-index:1}
.lernprogramm-intro-content{max-width:1200px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.lernprogramm-intro-text h1{font-size:2.8rem;color:#212529;margin-bottom:24px;font-weight:700;line-height:1.2}
.lernprogramm-intro-text p{font-size:1.1rem;color:#495057;line-height:1.7;margin-bottom:18px}
.lernprogramm-intro-img{width:100%;height:420px;border-radius:12px;object-fit:cover;box-shadow:0 15px 40px #5e7e8733}
.lernprogramm-ansatz-section{padding:90px 20px;background:#fff}
.lernprogramm-ansatz-container{max-width:1100px;margin:0 auto;display:flex;gap:50px;align-items:flex-start}
.lernprogramm-ansatz-visual{flex:0 0 320px;position:relative}
.lernprogramm-ansatz-visual img{width:100%;height:380px;object-fit:cover;border-radius:8px;box-shadow:0 8px 25px #00000014}
.lernprogramm-ansatz-content{flex:1}
.lernprogramm-ansatz-content h2{font-size:2.2rem;color:#212529;margin-bottom:28px;font-weight:600}
.lernprogramm-ansatz-content p{font-size:1.05rem;color:#495057;line-height:1.75;margin-bottom:20px}
.lernprogramm-ansatz-highlights{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}
.lernprogramm-highlight-item{background:#f8f9fa;padding:22px;border-radius:8px;border-left:4px solid #5E7E87}
.lernprogramm-highlight-item h3{font-size:1.15rem;color:#212529;margin-bottom:10px;font-weight:600}
.lernprogramm-highlight-item p{font-size:.95rem;color:#495057;line-height:1.6;margin:0}
.lernprogramm-themenbereiche-wrapper{background:linear-gradient(180deg,#f5f6fa 0%,#fff 100%);padding:85px 20px}
.lernprogramm-themenbereiche-inner{max-width:1150px;margin:0 auto}
.lernprogramm-themenbereiche-inner h2{font-size:2.3rem;color:#212529;text-align:center;margin-bottom:55px;font-weight:600}
.lernprogramm-themen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.lernprogramm-themen-card{background:#fff;padding:32px 28px;border-radius:10px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;border-top:3px solid #A9CEDE}
.lernprogramm-themen-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #5e7e8726}
.lernprogramm-themen-card h3{font-size:1.3rem;color:#5E7E87;margin-bottom:16px;font-weight:600}
.lernprogramm-themen-card p{font-size:1rem;color:#495057;line-height:1.65;margin:0}
.lernprogramm-themen-card ul{list-style:none;padding:0;margin:18px 0 0}
.lernprogramm-themen-card ul li{font-size:.95rem;color:#495057;padding:8px 0;padding-left:24px;position:relative}
.lernprogramm-themen-card ul li::before{content:'→';position:absolute;left:0;color:#768BB5;font-weight:600}
.lernprogramm-experten-section{padding:80px 20px;background:#fff}
.lernprogramm-experten-container{max-width:1100px;margin:0 auto}
.lernprogramm-experten-container h2{font-size:2.2rem;color:#212529;margin-bottom:50px;text-align:center;font-weight:600}
.lernprogramm-experten-liste{display:grid;grid-template-columns:repeat(2,1fr);gap:45px}
.lernprogramm-experte-card{display:flex;gap:28px;background:#fafbfc;padding:30px;border-radius:10px;align-items:flex-start}
.lernprogramm-experte-bild{flex:0 0 120px}
.lernprogramm-experte-bild img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #A9CEDE}
.lernprogramm-experte-info h3{font-size:1.35rem;color:#212529;margin-bottom:8px;font-weight:600}
.lernprogramm-experte-rolle{font-size:.95rem;color:#768BB5;margin-bottom:16px;font-weight:500}
.lernprogramm-experte-info p{font-size:.98rem;color:#495057;line-height:1.7;margin:0}
.lernprogramm-praxis-wrapper{background:linear-gradient(135deg,#5E7E87 0%,#768BB5 100%);padding:90px 20px;position:relative;overflow:hidden}
.lernprogramm-praxis-wrapper::after{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:#a9cede33;border-radius:50%}
.lernprogramm-praxis-content{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.lernprogramm-praxis-content h2{font-size:2.4rem;color:#fff;margin-bottom:35px;text-align:center;font-weight:600}
.lernprogramm-praxis-beschreibung{font-size:1.15rem;color:#f8f9fa;line-height:1.8;text-align:center;margin-bottom:50px;max-width:800px;margin-left:auto;margin-right:auto}
.lernprogramm-praxis-features{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.lernprogramm-praxis-feature{background:#ffffff1f;padding:30px;border-radius:10px;backdrop-filter:blur(10px);border:1px solid #fff3}
.lernprogramm-praxis-feature h3{font-size:1.25rem;color:#fff;margin-bottom:14px;font-weight:600}
.lernprogramm-praxis-feature p{font-size:1rem;color:#f8f9fa;line-height:1.7;margin:0}
.lernprogramm-praxis-cta{text-align:center;margin-top:50px}
.lernprogramm-praxis-btn{display:inline-block;background:#fff;color:#5E7E87;padding:16px 45px;border-radius:8px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 5px 20px #0003}
.lernprogramm-praxis-btn:hover{background:#A9CEDE;color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #00000040}
@media (max-width: 992px) {
.lernprogramm-intro-content{grid-template-columns:1fr;gap:40px}
.lernprogramm-intro-text h1{font-size:2.2rem}
.lernprogramm-ansatz-container{flex-direction:column}
.lernprogramm-ansatz-visual{flex:0 0 auto;width:100%}
.lernprogramm-ansatz-highlights{grid-template-columns:1fr}
.lernprogramm-themen-grid{grid-template-columns:1fr}
.lernprogramm-experten-liste{grid-template-columns:1fr}
.lernprogramm-praxis-features{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.lernprogramm-intro-wrapper{padding:50px 15px}
.lernprogramm-intro-text h1{font-size:1.85rem}
.lernprogramm-intro-img{height:300px}
.lernprogramm-ansatz-section{padding:60px 15px}
.lernprogramm-ansatz-content h2{font-size:1.8rem}
.lernprogramm-themenbereiche-wrapper{padding:60px 15px}
.lernprogramm-themenbereiche-inner h2{font-size:1.9rem}
.lernprogramm-experten-section{padding:60px 15px}
.lernprogramm-experte-card{flex-direction:column;align-items:center;text-align:center}
.lernprogramm-praxis-wrapper{padding:60px 15px}
.lernprogramm-praxis-content h2{font-size:1.9rem}
}
.budget-index-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh}
.hero-budget-section{background:linear-gradient(165deg,#A9CEDE 0%,#768BB5 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.hero-budget-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#ffffff14;border-radius:50%;z-index:1}
.hero-budget-content{max-width:1200px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero-budget-text h1{font-size:3.2rem;color:#fff;margin-bottom:24px;line-height:1.2;font-weight:700}
.hero-budget-text p{font-size:1.25rem;color:#fff;margin-bottom:32px;line-height:1.7;opacity:.95}
.hero-budget-buttons{display:flex;gap:16px;flex-wrap:wrap}
.btn-budget-primary{background:#fff;color:#5E7E87;padding:16px 36px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease;display:inline-block;box-shadow:0 4px 12px #00000026}
.btn-budget-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003;background:#f8f9fa}
.btn-budget-secondary{background:#ffffff26;color:#fff;padding:16px 36px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease;display:inline-block;border:2px solid #ffffff4d}
.btn-budget-secondary:hover{background:#ffffff40;border-color:#ffffff80}
.hero-budget-image{position:relative}
.hero-budget-image img{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 20px 40px #0003}
.metrics-strip-section{background:#fff;padding:60px 20px;box-shadow:0 4px 20px #0000000d}
.metrics-strip-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.metric-item-box{text-align:center;padding:24px;border-radius:12px;background:#f8f9fa;transition:all .3s ease}
.metric-item-box:hover{transform:translateY(-4px);background:#A9CEDE}
.metric-number-display{font-size:3rem;font-weight:800;color:#5E7E87;margin-bottom:8px;line-height:1;transition:color .3s ease}
.metric-item-box:hover .metric-number-display{color:#fff}
.metric-label-text{font-size:1rem;color:#495057;font-weight:500;transition:color .3s ease}
.metric-item-box:hover .metric-label-text{color:#fff}
.learning-approach-section{padding:90px 20px;background:linear-gradient(180deg,#fff 0%,#f5f6fa 100%)}
.learning-approach-container{max-width:1300px;margin:0 auto}
.learning-approach-header{text-align:center;margin-bottom:60px}
.learning-approach-header h2{font-size:2.6rem;color:#212529;margin-bottom:20px;font-weight:700}
.learning-approach-header p{font-size:1.2rem;color:#495057;max-width:700px;margin:0 auto;line-height:1.7}
.learning-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.learning-card-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:all .3s ease}
.learning-card-item:hover{transform:translateY(-6px);box-shadow:0 8px 24px #5e7e8726}
.learning-card-image{width:100%;height:220px;object-fit:cover}
.learning-card-content{padding:28px}
.learning-card-content h3{font-size:1.5rem;color:#212529;margin-bottom:14px;font-weight:700}
.learning-card-content p{font-size:1.05rem;color:#495057;line-height:1.7;margin-bottom:20px}
.learning-card-link{color:#5E7E87;text-decoration:none;font-weight:600;font-size:1.05rem;transition:color .3s ease}
.learning-card-link:hover{color:#768BB5}
.results-timeline-section{padding:90px 20px;background:#fff;position:relative}
.results-timeline-container{max-width:1100px;margin:0 auto}
.results-timeline-title{text-align:center;margin-bottom:70px}
.results-timeline-title h2{font-size:2.6rem;color:#212529;margin-bottom:16px;font-weight:700}
.results-timeline-title p{font-size:1.15rem;color:#495057;line-height:1.7}
.timeline-steps-wrapper{display:flex;flex-direction:column;gap:50px}
.timeline-step-block{display:grid;grid-template-columns:120px 1fr;gap:30px;align-items:start;padding:30px;background:#f8f9fa;border-radius:12px;border-left:5px solid #A9CEDE;transition:all .3s ease}
.timeline-step-block:hover{border-left-color:#5E7E87;background:#fff;box-shadow:0 4px 16px #00000014}
.timeline-marker-box{display:flex;flex-direction:column;align-items:center;gap:12px}
.timeline-number-circle{width:70px;height:70px;background:linear-gradient(135deg,#768BB5 0%,#5E7E87 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #5e7e8740}
.timeline-duration-label{font-size:.9rem;color:#5E7E87;font-weight:600;text-align:center}
.timeline-step-content h3{font-size:1.7rem;color:#212529;margin-bottom:14px;font-weight:700}
.timeline-step-content p{font-size:1.05rem;color:#495057;line-height:1.7}
.testimonials-dual-section{padding:90px 20px;background:linear-gradient(135deg,#5E7E87 0%,#768BB5 100%);position:relative}
.testimonials-dual-container{max-width:1200px;margin:0 auto}
.testimonials-dual-heading{text-align:center;margin-bottom:60px}
.testimonials-dual-heading h2{font-size:2.6rem;color:#fff;margin-bottom:16px;font-weight:700}
.testimonials-dual-heading p{font-size:1.15rem;color:#ffffffe6;line-height:1.7}
.testimonials-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.testimonial-card-box{background:#fff;padding:40px;border-radius:16px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;gap:24px;transition:transform .3s ease}
.testimonial-card-box:hover{transform:scale(1.02)}
.testimonial-profile-section{display:flex;align-items:center;gap:20px}
.testimonial-avatar-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid #A9CEDE}
.testimonial-profile-info h4{font-size:1.3rem;color:#212529;margin-bottom:6px;font-weight:700}
.testimonial-profile-info p{font-size:1rem;color:#5E7E87;font-weight:500}
.testimonial-quote-text{font-size:1.1rem;color:#495057;line-height:1.8;font-style:italic;position:relative;padding-left:24px;border-left:3px solid #A9CEDE}
@media (max-width: 992px) {
.hero-budget-content{grid-template-columns:1fr;gap:40px}
.hero-budget-text h1{font-size:2.4rem}
.hero-budget-image img{height:340px}
.metrics-strip-container{grid-template-columns:repeat(2,1fr);gap:30px}
.learning-cards-grid{grid-template-columns:1fr}
.timeline-step-block{grid-template-columns:1fr;gap:20px}
.timeline-marker-box{flex-direction:row;justify-content:flex-start}
.testimonials-grid-layout{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.hero-budget-section{padding:60px 20px 70px}
.hero-budget-text h1{font-size:2rem}
.hero-budget-text p{font-size:1.1rem}
.hero-budget-buttons{flex-direction:column}
.btn-budget-primary,.btn-budget-secondary{width:100%;text-align:center}
.metrics-strip-container{grid-template-columns:1fr;gap:20px}
.learning-approach-header h2{font-size:2rem}
.results-timeline-title h2{font-size:2rem}
.testimonials-dual-heading h2{font-size:2rem}
.testimonial-card-box{padding:30px}
}
.kontakt-hauptbereich{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh;padding:0;margin:0}
.kontakt-hero-abschnitt{background:linear-gradient(145deg,#5E7E87 0%,#768BB5 100%);padding:4.5rem 1.5rem 3.5rem;position:relative;overflow:hidden}
.kontakt-hero-abschnitt::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#a9cede26 0%,transparent 70%);border-radius:50%}
.kontakt-hero-inhalt{max-width:780px;margin:0 auto;position:relative;z-index:2}
.kontakt-hero-inhalt h1{color:#fff;font-size:2.8rem;font-weight:700;margin:0 0 1.2rem;line-height:1.2;letter-spacing:-.02em}
.kontakt-hero-beschreibung{color:#ffffffeb;font-size:1.15rem;line-height:1.7;margin:0;max-width:620px}
.kontakt-layout-wrapper{max-width:1200px;margin:0 auto;padding:3rem 1.5rem}
.kontakt-grid-container{display:grid;grid-template-columns:1fr 1.4fr;gap:3.5rem;align-items:start}
.kontakt-info-spalte{background:#fff;border-radius:12px;padding:2.5rem 2rem;box-shadow:0 2px 8px #5e7e8714;position:sticky;top:2rem}
.kontakt-info-titel{color:#212529;font-size:1.5rem;font-weight:600;margin:0 0 1.8rem;line-height:1.3}
.kontakt-detail-block{margin-bottom:2rem}
.kontakt-detail-block:last-child{margin-bottom:0}
.kontakt-detail-label{color:#5E7E87;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .6rem;display:block}
.kontakt-detail-wert{color:#212529;font-size:1.05rem;line-height:1.6;margin:0}
.kontakt-detail-wert a{color:#768BB5;text-decoration:none;transition:color .2s ease}
.kontakt-detail-wert a:hover{color:#5E7E87;text-decoration:underline}
.kontakt-adresse-text{color:#495057;line-height:1.7;margin:0}
.kontakt-form-spalte{background:#fff;border-radius:12px;padding:2.8rem 2.5rem;box-shadow:0 3px 12px #5e7e8717}
.kontakt-form-titel{color:#212529;font-size:1.75rem;font-weight:600;margin:0 0 .7rem;line-height:1.3}
.kontakt-form-untertitel{color:#6c757d;font-size:1.02rem;line-height:1.6;margin:0 0 2.2rem}
.kontakt-formular{display:flex;flex-direction:column;gap:1.5rem}
.kontakt-form-gruppe{display:flex;flex-direction:column;gap:.5rem}
.kontakt-form-label{color:#343a40;font-size:.95rem;font-weight:500;margin:0}
.kontakt-form-label .erforderlich{color:#5E7E87;margin-left:.2rem}
.kontakt-eingabefeld{padding:.85rem 1rem;border:1.5px solid #dee2e6;border-radius:8px;font-size:1rem;color:#212529;background:#fff;transition:all .25s ease;font-family:inherit}
.kontakt-eingabefeld:focus{outline:none;border-color:#768BB5;box-shadow:0 0 0 3px #768bb51f}
.kontakt-eingabefeld::placeholder{color:#adb5bd}
.kontakt-textbereich{min-height:140px;resize:vertical;padding:.85rem 1rem;border:1.5px solid #dee2e6;border-radius:8px;font-size:1rem;color:#212529;background:#fff;transition:all .25s ease;font-family:inherit;line-height:1.6}
.kontakt-textbereich:focus{outline:none;border-color:#768BB5;box-shadow:0 0 0 3px #768bb51f}
.kontakt-textbereich::placeholder{color:#adb5bd}
.kontakt-checkbox-gruppe{display:flex;align-items:start;gap:.7rem;margin-top:.5rem}
.kontakt-checkbox-eingabe{width:18px;height:18px;margin-top:.15rem;cursor:pointer;accent-color:#768BB5;flex-shrink:0}
.kontakt-checkbox-text{color:#495057;font-size:.92rem;line-height:1.5;margin:0}
.kontakt-checkbox-text a{color:#768BB5;text-decoration:none;font-weight:500}
.kontakt-checkbox-text a:hover{text-decoration:underline}
.kontakt-submit-btn{padding:1rem 2.5rem;background:linear-gradient(135deg,#768BB5 0%,#5E7E87 100%);color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start;box-shadow:0 4px 10px #5e7e8740;margin-top:.5rem;position:relative;z-index:10}
.kontakt-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5e7e8759;background:linear-gradient(135deg,#5E7E87 0%,#768BB5 100%)}
.kontakt-submit-btn:active{transform:translateY(0)}
.kontakt-zusatz-info{background:linear-gradient(135deg,#a9cede26 0%,#768bb514 100%);border-radius:12px;padding:2.5rem 2rem;margin-top:3.5rem;border-left:4px solid #A9CEDE}
.kontakt-zusatz-titel{color:#212529;font-size:1.4rem;font-weight:600;margin:0 0 1rem;line-height:1.3}
.kontakt-zusatz-text{color:#495057;font-size:1rem;line-height:1.7;margin:0 0 .8rem}
.kontakt-zusatz-text:last-child{margin-bottom:0}
.kontakt-oeffnungszeiten-liste{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.6rem}
.kontakt-oeffnungszeit-item{display:flex;justify-content:space-between;color:#495057;font-size:.98rem;padding:.5rem 0;border-bottom:1px solid #5e7e8726}
.kontakt-oeffnungszeit-item:last-child{border-bottom:none}
.kontakt-tag{font-weight:500;color:#343a40}
@media (max-width: 968px) {
.kontakt-grid-container{grid-template-columns:1fr;gap:2.5rem}
.kontakt-info-spalte{position:static}
.kontakt-hero-inhalt h1{font-size:2.2rem}
.kontakt-form-spalte{padding:2.2rem 1.8rem}
}
@media (max-width: 640px) {
.kontakt-hero-abschnitt{padding:3rem 1.2rem 2.5rem}
.kontakt-hero-inhalt h1{font-size:1.85rem}
.kontakt-hero-beschreibung{font-size:1.05rem}
.kontakt-layout-wrapper{padding:2rem 1.2rem}
.kontakt-info-spalte,.kontakt-form-spalte{padding:1.8rem 1.5rem}
.kontakt-form-titel{font-size:1.5rem}
.kontakt-submit-btn{width:100%;text-align:center}
.kontakt-zusatz-info{padding:2rem 1.5rem}
.kontakt-oeffnungszeit-item{flex-direction:column;gap:.3rem}
}
.about-journey-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);padding:0;margin:0}
.about-hero-section{background:linear-gradient(to bottom right,#768BB5,#5E7E87);padding:120px 20px 80px;position:relative;overflow:hidden}
.about-hero-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#a9cede26;border-radius:50%;z-index:1}
.about-hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.about-hero-title{font-size:3.2rem;color:#fff;margin-bottom:25px;font-weight:700;line-height:1.2}
.about-hero-subtitle{font-size:1.3rem;color:#f8f9fa;max-width:700px;line-height:1.6;margin-bottom:0}
.about-story-block{max-width:1200px;margin:0 auto;padding:90px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.story-text-area{padding-right:30px}
.story-label{font-size:.95rem;color:#768BB5;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:15px;display:block}
.story-heading{font-size:2.4rem;color:#212529;margin-bottom:30px;font-weight:700;line-height:1.3}
.story-paragraph{font-size:1.05rem;color:#495057;line-height:1.8;margin-bottom:20px}
.story-paragraph:last-child{margin-bottom:0}
.story-image-container{position:relative;height:480px;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #5e7e8733}
.story-image-container img{width:100%;height:100%;object-fit:cover}
.about-principles-section{background:#fff;padding:90px 20px;position:relative}
.principles-container{max-width:1200px;margin:0 auto}
.principles-header{text-align:center;margin-bottom:70px}
.principles-title{font-size:2.6rem;color:#212529;margin-bottom:20px;font-weight:700}
.principles-intro{font-size:1.1rem;color:#495057;max-width:750px;margin:0 auto;line-height:1.7}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.principle-card{background:linear-gradient(145deg,#f8f9fa 0%,#fff 100%);padding:45px 35px;border-radius:10px;border:2px solid #A9CEDE;transition:all .3s ease;position:relative}
.principle-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #5e7e8726;border-color:#768BB5}
.principle-number{font-size:3rem;color:#A9CEDE;font-weight:700;margin-bottom:20px;line-height:1}
.principle-card-title{font-size:1.5rem;color:#212529;margin-bottom:18px;font-weight:600}
.principle-description{font-size:1rem;color:#495057;line-height:1.7;margin:0}
.about-team-showcase{background:linear-gradient(to right,#fafbfc 0%,#f8f9fa 100%);padding:90px 20px}
.team-showcase-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:70px;align-items:start}
.team-profile-box{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #5e7e871f;position:sticky;top:30px}
.team-member-photo{width:100%;height:400px;object-fit:cover}
.team-member-info{padding:30px;text-align:center}
.team-member-name{font-size:1.6rem;color:#212529;margin-bottom:8px;font-weight:600}
.team-member-role{font-size:1rem;color:#768BB5;font-weight:500;margin-bottom:0}
.team-content-area{padding-top:20px}
.team-section-label{font-size:.95rem;color:#5E7E87;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:15px;display:block}
.team-main-heading{font-size:2.5rem;color:#212529;margin-bottom:35px;font-weight:700;line-height:1.3}
.team-story-text{font-size:1.05rem;color:#495057;line-height:1.8;margin-bottom:25px}
.team-expertise-list{background:#fff;border-left:4px solid #768BB5;padding:25px 30px;border-radius:6px;margin-top:35px}
.expertise-list-title{font-size:1.2rem;color:#212529;margin-bottom:18px;font-weight:600}
.expertise-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.expertise-item{font-size:.98rem;color:#495057;display:flex;align-items:center;gap:10px}
.expertise-item::before{content:'';color:#768BB5;font-weight:700;font-size:1.1rem}
.about-approach-timeline{background:#fff;padding:90px 20px;position:relative}
.approach-timeline-container{max-width:1100px;margin:0 auto}
.approach-timeline-header{text-align:center;margin-bottom:80px}
.approach-timeline-title{font-size:2.6rem;color:#212529;margin-bottom:20px;font-weight:700}
.approach-timeline-description{font-size:1.1rem;color:#495057;max-width:700px;margin:0 auto;line-height:1.7}
.timeline-stages{position:relative;padding-left:80px}
.timeline-connector{position:absolute;left:28px;top:50px;bottom:50px;width:3px;background:linear-gradient(to bottom,#768BB5,#A9CEDE)}
.timeline-stage{position:relative;margin-bottom:65px;padding-left:40px}
.timeline-stage:last-child{margin-bottom:0}
.stage-marker{position:absolute;left:-65px;top:5px;width:50px;height:50px;background:linear-gradient(135deg,#768BB5,#5E7E87);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;font-weight:700;box-shadow:0 4px 15px #5e7e874d;z-index:2}
.stage-content-box{background:#f8f9fa;padding:35px;border-radius:10px;border-left:4px solid #768BB5}
.stage-title{font-size:1.6rem;color:#212529;margin-bottom:15px;font-weight:600}
.stage-text{font-size:1.02rem;color:#495057;line-height:1.8;margin:0}
.about-visual-section{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:90px 20px}
.visual-section-wrapper{max-width:1200px;margin:0 auto}
.visual-images-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:60px}
.visual-image-frame{height:320px;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #5e7e8726;transition:transform .3s ease}
.visual-image-frame:hover{transform:scale(1.03)}
.visual-image-frame img{width:100%;height:100%;object-fit:cover}
.visual-bottom-content{text-align:center;max-width:800px;margin:0 auto}
.visual-section-heading{font-size:2.3rem;color:#212529;margin-bottom:25px;font-weight:700}
.visual-section-text{font-size:1.08rem;color:#495057;line-height:1.8;margin-bottom:40px}
.visual-cta-button{display:inline-block;background:linear-gradient(135deg,#768BB5,#5E7E87);color:#fff;padding:16px 45px;border-radius:8px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px #5e7e8740}
.visual-cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #5e7e8759;color:#fff}
@media (max-width: 968px) {
.about-hero-title{font-size:2.4rem}
.about-hero-subtitle{font-size:1.1rem}
.about-story-block{grid-template-columns:1fr;gap:50px;padding:70px 20px}
.story-text-area{padding-right:0}
.story-heading{font-size:2rem}
.story-image-container{height:380px}
.principles-grid{grid-template-columns:1fr;gap:30px}
.principles-title{font-size:2.1rem}
.team-showcase-wrapper{grid-template-columns:1fr;gap:50px}
.team-profile-box{position:static;max-width:400px;margin:0 auto}
.team-main-heading{font-size:2rem}
.expertise-items{grid-template-columns:1fr}
.approach-timeline-title{font-size:2.1rem}
.timeline-stages{padding-left:60px}
.stage-marker{left:-55px;width:45px;height:45px;font-size:1.1rem}
.timeline-connector{left:23px}
.visual-images-grid{grid-template-columns:1fr;gap:25px}
.visual-section-heading{font-size:1.9rem}
}
@media (max-width: 640px) {
.about-hero-section{padding:80px 20px 60px}
.about-hero-title{font-size:2rem}
.about-hero-subtitle{font-size:1rem}
.about-story-block{padding:60px 20px}
.story-heading{font-size:1.7rem}
.story-image-container{height:280px}
.principle-card{padding:35px 25px}
.principle-number{font-size:2.5rem}
.team-main-heading{font-size:1.7rem}
.team-member-photo{height:350px}
.timeline-stages{padding-left:0;padding-top:20px}
.timeline-connector{display:none}
.timeline-stage{padding-left:0;margin-bottom:50px}
.stage-marker{position:static;margin-bottom:20px}
.stage-content-box{padding:25px}
.visual-image-frame{height:250px}
.visual-section-heading{font-size:1.6rem}
.visual-cta-button{padding:14px 35px;font-size:1rem}
}
.cookie-policy-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh;padding:0}
.cookie-hero-section{background:linear-gradient(165deg,#5E7E87 0%,#768BB5 100%);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden}
.cookie-hero-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#a9cede26;border-radius:50%;z-index:0}
.cookie-hero-section::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#ffffff14;border-radius:50%;z-index:0}
.cookie-hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}
.cookie-hero-content h1{font-size:2.8rem;color:#fff;margin:0 0 20px;font-weight:700;letter-spacing:-.5px;line-height:1.2}
.cookie-hero-content .subtitle-text{font-size:1.15rem;color:#f8f9fa;margin:0;line-height:1.6;opacity:.95}
.cookie-main-content{max-width:900px;margin:0 auto;padding:60px 20px 80px}
.cookie-intro-block{background:#fff;padding:40px;border-radius:12px;margin-bottom:50px;box-shadow:0 2px 12px #5e7e8714;border-left:4px solid #768BB5}
.cookie-intro-block p{font-size:1.05rem;color:#343a40;line-height:1.8;margin:0 0 18px}
.cookie-intro-block p:last-child{margin-bottom:0}
.cookie-section-divider{background:#fff;padding:50px 40px;border-radius:12px;margin-bottom:35px;box-shadow:0 2px 12px #5e7e8714;position:relative}
.cookie-section-divider::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#5E7E87 0%,#A9CEDE 100%);border-radius:12px 12px 0 0}
.section-heading-primary{font-size:2rem;color:#5E7E87;margin:0 0 25px;font-weight:700;line-height:1.3}
.section-heading-secondary{font-size:1.5rem;color:#768BB5;margin:35px 0 20px;font-weight:600;line-height:1.4}
.cookie-section-divider p{font-size:1.05rem;color:#495057;line-height:1.8;margin:0 0 18px}
.cookie-section-divider p:last-child{margin-bottom:0}
.cookie-types-grid{display:grid;grid-template-columns:1fr;gap:25px;margin-top:30px}
.cookie-type-card{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:30px;border-radius:10px;border:2px solid #A9CEDE;transition:all .3s ease;position:relative}
.cookie-type-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #5e7e8726;border-color:#768BB5}
.cookie-type-card h3{font-size:1.3rem;color:#5E7E87;margin:0 0 15px;font-weight:600;display:flex;align-items:center;gap:10px}
.cookie-type-card h3::before{content:'';width:8px;height:8px;background:#768BB5;border-radius:50%;display:inline-block}
.cookie-type-card p{font-size:1.02rem;color:#495057;line-height:1.7;margin:0}
.cookie-list-container{background:#f8f9fa;padding:25px 30px;border-radius:8px;margin:25px 0;border-left:3px solid #5E7E87}
.cookie-list-container ul{list-style:none;padding:0;margin:0}
.cookie-list-container li{font-size:1.02rem;color:#495057;line-height:1.7;padding:12px 0 12px 30px;position:relative;border-bottom:1px solid #a9cede4d}
.cookie-list-container li:last-child{border-bottom:none}
.cookie-list-container li::before{content:'→';position:absolute;left:0;color:#768BB5;font-weight:700;font-size:1.2rem}
.cookie-control-section{background:linear-gradient(135deg,#A9CEDE 0%,#768BB5 100%);padding:45px 40px;border-radius:12px;margin:40px 0;color:#fff}
.cookie-control-section h2{font-size:1.8rem;color:#fff;margin:0 0 20px;font-weight:700}
.cookie-control-section p{font-size:1.05rem;color:#fff;line-height:1.8;margin:0 0 18px;opacity:.95}
.browser-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}
.browser-card{background:#ffffff26;padding:25px;border-radius:8px;backdrop-filter:blur(10px);border:1px solid #fff3;transition:all .3s ease}
.browser-card:hover{background:#ffffff40;transform:translateY(-2px)}
.browser-card h4{font-size:1.2rem;color:#fff;margin:0 0 12px;font-weight:600}
.browser-card p{font-size:.98rem;margin:0;opacity:.9}
.data-retention-block{background:#fff;padding:40px;border-radius:12px;margin:35px 0;box-shadow:0 2px 12px #5e7e8714;border:2px solid #A9CEDE}
.data-retention-block h2{font-size:1.8rem;color:#5E7E87;margin:0 0 25px;font-weight:700}
.data-retention-block p{font-size:1.05rem;color:#495057;line-height:1.8;margin:0 0 18px}
.retention-table{width:100%;margin:25px 0;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #5e7e871a}
.retention-table thead{background:linear-gradient(135deg,#5E7E87 0%,#768BB5 100%)}
.retention-table th{padding:18px 20px;text-align:left;font-size:1.05rem;color:#fff;font-weight:600}
.retention-table td{padding:16px 20px;font-size:1rem;color:#495057;border-bottom:1px solid #e9ecef;background:#fff}
.retention-table tbody tr:hover td{background:#f8f9fa}
.retention-table tbody tr:last-child td{border-bottom:none}
.contact-info-box{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:35px;border-radius:12px;margin:40px 0;border:2px solid #5E7E87;text-align:center}
.contact-info-box h3{font-size:1.5rem;color:#5E7E87;margin:0 0 20px;font-weight:700}
.contact-info-box p{font-size:1.05rem;color:#495057;line-height:1.8;margin:0 0 15px}
.contact-details{margin-top:25px;padding-top:25px;border-top:2px solid #A9CEDE}
.contact-details p{font-size:1.02rem;color:#343a40;margin:8px 0;font-weight:500}
.contact-details a{color:#768BB5;text-decoration:none;transition:color .3s ease}
.contact-details a:hover{color:#5E7E87;text-decoration:underline}
.last-updated-notice{text-align:center;padding:30px 20px;margin-top:40px;border-top:2px solid #e9ecef}
.last-updated-notice p{font-size:.95rem;color:#6c757d;margin:0;font-style:italic}
@media (max-width: 768px) {
.cookie-hero-section{padding:60px 20px 50px}
.cookie-hero-content h1{font-size:2rem}
.cookie-hero-content .subtitle-text{font-size:1.05rem}
.cookie-main-content{padding:40px 15px 60px}
.cookie-intro-block,.cookie-section-divider,.data-retention-block{padding:30px 25px}
.section-heading-primary{font-size:1.6rem}
.section-heading-secondary{font-size:1.3rem}
.cookie-control-section{padding:35px 25px}
.browser-guide-grid{grid-template-columns:1fr}
.retention-table{font-size:.9rem}
.retention-table th,.retention-table td{padding:12px 15px}
.contact-info-box{padding:25px 20px}
}
@media (max-width: 480px) {
.cookie-hero-content h1{font-size:1.7rem}
.cookie-intro-block,.cookie-section-divider,.data-retention-block{padding:25px 20px}
.cookie-type-card{padding:25px 20px}
.section-heading-primary{font-size:1.4rem}
.retention-table{display:block;overflow-x:auto}
}
.datenschutz-seite-wrap{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh;padding:0;margin:0}
.datenschutz-inhalt-container{max-width:920px;margin:0 auto;padding:85px 28px 95px}
.datenschutz-kopfbereich{text-align:center;margin-bottom:68px;padding-bottom:42px;border-bottom:3px solid #A9CEDE;position:relative}
.datenschutz-kopfbereich::after{content:'';position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:140px;height:3px;background:#5E7E87}
.datenschutz-titel-haupt{font-size:2.8rem;color:#212529;font-weight:700;margin:0 0 18px;letter-spacing:-.5px;line-height:1.2}
.datenschutz-aktualisiert{font-size:.95rem;color:#495057;font-weight:400;margin:12px 0 0}
.datenschutz-einleitung-block{background:#fff;padding:38px 35px;border-radius:8px;margin-bottom:48px;box-shadow:0 2px 12px #5e7e8714;border-left:4px solid #768BB5}
.datenschutz-einleitung-text{font-size:1.05rem;line-height:1.75;color:#343a40;margin:0}
.datenschutz-abschnitt-block{background:#fff;padding:42px 38px;margin-bottom:35px;border-radius:8px;box-shadow:0 1px 8px #5e7e870f;transition:box-shadow .3s ease}
.datenschutz-abschnitt-block:hover{box-shadow:0 4px 16px #5e7e871f}
.datenschutz-abschnitt-titel{font-size:1.75rem;color:#5E7E87;font-weight:600;margin:0 0 24px;padding-bottom:14px;border-bottom:2px solid #f5f6fa;line-height:1.3}
.datenschutz-abschnitt-untertitel{font-size:1.3rem;color:#768BB5;font-weight:600;margin:32px 0 16px;line-height:1.4}
.datenschutz-absatz{font-size:1rem;line-height:1.8;color:#495057;margin:0 0 20px}
.datenschutz-liste-standard{margin:18px 0 28px 22px;padding:0}
.datenschutz-liste-standard li{font-size:1rem;line-height:1.75;color:#495057;margin-bottom:14px;padding-left:8px}
.datenschutz-liste-standard li::marker{color:#768BB5;font-weight:600}
.datenschutz-wichtig-hinweis{background:linear-gradient(to right,#f8f9fa 0%,#fafbfc 100%);padding:26px 32px;border-left:5px solid #A9CEDE;margin:28px 0;border-radius:4px}
.datenschutz-wichtig-hinweis .datenschutz-absatz{margin-bottom:0;font-weight:500;color:#343a40}
.datenschutz-kontakt-box{background:linear-gradient(135deg,#5E7E87 0%,#768BB5 100%);padding:45px 40px;border-radius:10px;margin-top:58px;color:#fff;box-shadow:0 6px 20px #5e7e8733}
.datenschutz-kontakt-titel{font-size:1.65rem;font-weight:600;margin:0 0 22px;color:#fff}
.datenschutz-kontakt-info{font-size:1.05rem;line-height:1.8;margin:0 0 12px;color:#fff}
.datenschutz-kontakt-info strong{font-weight:600;display:inline-block;min-width:90px}
.datenschutz-tabelle-wrapper{overflow-x:auto;margin:28px 0;border-radius:6px;box-shadow:0 2px 8px #5e7e8714}
.datenschutz-tabelle{width:100%;border-collapse:collapse;background:#fff}
.datenschutz-tabelle thead{background:linear-gradient(to right,#5E7E87 0%,#768BB5 100%)}
.datenschutz-tabelle th{padding:18px 20px;text-align:left;font-weight:600;font-size:1.05rem;color:#fff;border:none}
.datenschutz-tabelle td{padding:16px 20px;font-size:.98rem;color:#495057;border-bottom:1px solid #f5f6fa;line-height:1.6}
.datenschutz-tabelle tbody tr:last-child td{border-bottom:none}
.datenschutz-tabelle tbody tr:hover{background:#fafbfc}
.datenschutz-rechte-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:32px 0}
.datenschutz-recht-karte{background:#f8f9fa;padding:28px 26px;border-radius:6px;border-top:4px solid #A9CEDE;transition:transform .2s ease}
.datenschutz-recht-karte:hover{transform:translateY(-3px);box-shadow:0 4px 12px #5e7e871f}
.datenschutz-recht-karte h4{font-size:1.15rem;color:#5E7E87;font-weight:600;margin:0 0 14px}
.datenschutz-recht-karte p{font-size:.95rem;line-height:1.65;color:#495057;margin:0}
@media (max-width: 768px) {
.datenschutz-inhalt-container{padding:55px 20px 65px}
.datenschutz-titel-haupt{font-size:2.1rem}
.datenschutz-kopfbereich{margin-bottom:48px;padding-bottom:32px}
.datenschutz-abschnitt-block{padding:32px 24px;margin-bottom:28px}
.datenschutz-abschnitt-titel{font-size:1.5rem}
.datenschutz-kontakt-box{padding:35px 28px}
.datenschutz-rechte-grid{grid-template-columns:1fr;gap:18px}
.datenschutz-tabelle th,.datenschutz-tabelle td{padding:12px 14px;font-size:.92rem}
}
@media (max-width: 480px) {
.datenschutz-titel-haupt{font-size:1.8rem}
.datenschutz-abschnitt-titel{font-size:1.35rem}
.datenschutz-einleitung-block{padding:28px 22px}
.datenschutz-kontakt-box{padding:28px 22px}
}
.nutzungsbedingungen-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:100vh;padding:60px 20px}
.nutzungsbedingungen-container{max-width:920px;margin:0 auto;background:#fff;padding:70px 80px;border-radius:8px;box-shadow:0 2px 12px #5e7e8714}
.nutzungsbedingungen-header{text-align:center;margin-bottom:50px;padding-bottom:35px;border-bottom:2px solid #A9CEDE}
.nutzungsbedingungen-header h1{font-size:38px;color:#212529;margin-bottom:18px;font-weight:700;letter-spacing:-.5px}
.nutzungsbedingungen-datum{color:#5E7E87;font-size:15px;font-weight:500}
.nutzungsbedingungen-intro{background:linear-gradient(to right,#f8f9fa,#fff);padding:35px 40px;border-left:4px solid #768BB5;margin-bottom:50px;border-radius:4px}
.nutzungsbedingungen-intro p{color:#343a40;line-height:1.8;font-size:16px;margin:0}
.bedingungen-abschnitt{margin-bottom:45px}
.bedingungen-abschnitt h2{color:#212529;font-size:26px;margin-bottom:20px;font-weight:600;padding-bottom:12px;border-bottom:1px solid #A9CEDE}
.bedingungen-abschnitt h3{color:#343a40;font-size:20px;margin-top:30px;margin-bottom:16px;font-weight:600}
.bedingungen-abschnitt p{color:#495057;line-height:1.9;font-size:15px;margin-bottom:18px}
.bedingungen-liste{margin:25px 0;padding-left:0;list-style:none}
.bedingungen-liste li{color:#495057;line-height:1.8;font-size:15px;margin-bottom:14px;padding-left:35px;position:relative}
.bedingungen-liste li::before{content:"•";color:#5E7E87;font-weight:700;font-size:20px;position:absolute;left:12px}
.bedingungen-unternummer{margin:20px 0 20px 25px;padding-left:0;list-style:none}
.bedingungen-unternummer li{color:#495057;line-height:1.8;font-size:15px;margin-bottom:12px;padding-left:30px;position:relative}
.bedingungen-unternummer li::before{content:"○";color:#768BB5;font-weight:600;font-size:16px;position:absolute;left:8px}
.wichtiger-hinweis{background:linear-gradient(135deg,#f5f6fa 0%,#fafbfc 100%);padding:30px 35px;border-radius:6px;margin:35px 0;border:1px solid #A9CEDE}
.wichtiger-hinweis p{color:#343a40;font-size:15px;line-height:1.8;margin-bottom:0;font-weight:500}
.kontakt-box{background:#fff;padding:40px;border-radius:6px;margin-top:50px;border:2px solid #A9CEDE;text-align:center}
.kontakt-box h3{color:#212529;font-size:22px;margin-bottom:25px;font-weight:600}
.kontakt-details{color:#495057;line-height:2;font-size:15px}
.kontakt-details strong{color:#5E7E87;font-weight:600}
.kontakt-details a{color:#768BB5;text-decoration:none;transition:color .3s ease}
.kontakt-details a:hover{color:#5E7E87}
@media (max-width: 768px) {
.nutzungsbedingungen-container{padding:40px 30px}
.nutzungsbedingungen-header h1{font-size:30px}
.nutzungsbedingungen-intro{padding:25px 20px}
.bedingungen-abschnitt h2{font-size:22px}
.bedingungen-abschnitt h3{font-size:18px}
.kontakt-box{padding:30px 20px}
}
@media (max-width: 480px) {
.nutzungsbedingungen-wrapper{padding:30px 15px}
.nutzungsbedingungen-container{padding:30px 20px}
.nutzungsbedingungen-header h1{font-size:26px}
.bedingungen-liste li,.bedingungen-unternummer li{padding-left:25px}
}
.erfolg-hauptbereich{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.erfolg-hauptbereich::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#a9cede26 0%,transparent 70%);border-radius:50%;pointer-events:none}
.erfolg-hauptbereich::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#768bb51f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.erfolg-container{max-width:720px;margin:0 auto;position:relative;z-index:2}
.erfolg-checkmark-wrapper{width:110px;height:110px;margin:0 auto 35px;position:relative;animation:erscheinen .6s ease-out}
@keyframes erscheinen {
0%{opacity:0;transform:scale(0.3) rotate(-45deg)}
50%{transform:scale(1.1) rotate(10deg)}
100%{opacity:1;transform:scale(1) rotate(0deg)}
}
.erfolg-checkmark-kreis{width:100%;height:100%;background:linear-gradient(135deg,#5E7E87 0%,#768BB5 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #5e7e8740;position:relative}
.erfolg-checkmark-kreis::before{content:'';position:absolute;width:120%;height:120%;border:3px solid #768bb533;border-radius:50%;animation:puls 2s ease-in-out infinite}
@keyframes puls {
0%,100%{transform:scale(1);opacity:.5}
50%{transform:scale(1.15);opacity:0}
}
.erfolg-checkmark-icon{width:48px;height:48px;border-left:5px solid #fff;border-bottom:5px solid #fff;transform:rotate(-45deg) translateY(-6px);animation:haken-zeichnen .5s .3s ease-out forwards;opacity:0}
@keyframes haken-zeichnen {
0%{width:0;height:0;opacity:1}
50%{width:20px;height:0;opacity:1}
100%{width:48px;height:48px;opacity:1}
}
.erfolg-titel{font-size:2.8rem;font-weight:700;color:#212529;text-align:center;margin:0 0 18px;line-height:1.2;animation:text-einblenden .8s .4s ease-out both}
@keyframes text-einblenden {
0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}
.erfolg-untertitel{font-size:1.25rem;color:#5E7E87;text-align:center;margin:0 0 40px;line-height:1.5;animation:text-einblenden .8s .6s ease-out both}
.erfolg-infobox{background:#fff;border-radius:16px;padding:45px 40px;margin:0 0 35px;box-shadow:0 4px 20px #5e7e8714;border:1px solid #a9cede4d;animation:text-einblenden .8s .8s ease-out both}
.erfolg-nachricht{font-size:1.05rem;color:#343a40;line-height:1.7;margin:0 0 28px}
.erfolg-nachricht:last-child{margin-bottom:0}
.erfolg-nachricht strong{color:#5E7E87;font-weight:600}
.erfolg-hinweis-block{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-left:4px solid #768BB5;padding:22px 28px;border-radius:8px;margin:28px 0 0}
.erfolg-hinweis-titel{font-size:1.1rem;font-weight:600;color:#212529;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.erfolg-hinweis-titel::before{content:'';width:24px;height:24px;background:linear-gradient(135deg,#5E7E87 0%,#768BB5 100%);border-radius:50%;flex-shrink:0}
.erfolg-hinweis-text{font-size:.98rem;color:#495057;line-height:1.6;margin:0}
.erfolg-button-gruppe{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;animation:text-einblenden .8s 1s ease-out both}
.erfolg-btn-primaer{background:linear-gradient(135deg,#5E7E87 0%,#768BB5 100%);color:#fff;padding:16px 42px;border-radius:10px;font-size:1.08rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;box-shadow:0 4px 15px #5e7e874d;transition:all .3s ease;z-index:10;position:relative}
.erfolg-btn-primaer:hover{transform:translateY(-2px);box-shadow:0 6px 22px #5e7e8766;color:#fff}
.erfolg-btn-primaer:active{transform:translateY(0)}
.erfolg-btn-sekundaer{background:#fff;color:#5E7E87;padding:16px 42px;border-radius:10px;font-size:1.08rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:2px solid #5E7E87;cursor:pointer;transition:all .3s ease;z-index:10;position:relative}
.erfolg-btn-sekundaer:hover{background:#5E7E87;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #5e7e8740}
.erfolg-btn-sekundaer:active{transform:translateY(0)}
.erfolg-kontakt-info{text-align:center;margin:45px 0 0;padding:35px 30px;background:#fff;border-radius:12px;border:1px solid #a9cede40;animation:text-einblenden .8s 1.2s ease-out both}
.erfolg-kontakt-titel{font-size:1.15rem;font-weight:600;color:#212529;margin:0 0 20px}
.erfolg-kontakt-details{display:flex;flex-direction:column;gap:12px;align-items:center}
.erfolg-kontakt-item{font-size:.98rem;color:#495057;display:flex;align-items:center;gap:10px}
.erfolg-kontakt-item a{color:#5E7E87;text-decoration:none;font-weight:500;transition:color .3s ease}
.erfolg-kontakt-item a:hover{color:#768BB5}
@media (max-width: 768px) {
.erfolg-hauptbereich{padding:40px 15px;min-height:auto}
.erfolg-checkmark-wrapper{width:90px;height:90px;margin-bottom:28px}
.erfolg-checkmark-icon{width:38px;height:38px;border-left-width:4px;border-bottom-width:4px}
.erfolg-titel{font-size:2rem;margin-bottom:15px}
.erfolg-untertitel{font-size:1.1rem;margin-bottom:30px}
.erfolg-infobox{padding:30px 25px;margin-bottom:25px}
.erfolg-nachricht{font-size:1rem;margin-bottom:22px}
.erfolg-button-gruppe{flex-direction:column;gap:12px}
.erfolg-btn-primaer,.erfolg-btn-sekundaer{width:100%;justify-content:center;padding:14px 30px;font-size:1rem}
.erfolg-kontakt-info{margin-top:30px;padding:25px 20px}
.erfolg-hinweis-block{padding:18px 22px;margin-top:22px}
}
@media (max-width: 480px) {
.erfolg-titel{font-size:1.75rem}
.erfolg-untertitel{font-size:1.05rem}
.erfolg-infobox{padding:25px 20px}
.erfolg-hinweis-titel{font-size:1.05rem}
}