*{margin:0;padding:0;box-sizing:border-box}
:root{--clr-primary:#8396B9;--clr-secondary:#A8CCD2;--clr-tertiary:#E4EAF4;--clr-dark:#2a2f3a;--clr-text:#343a40;--clr-white:#fff;--clr-light-bg:#fafbfc;--spacing-unit:1.25rem}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7;color:var(--clr-text);background:linear-gradient(135deg,#fafbfc 0%,var(--clr-tertiary) 100%);min-height:100vh;overflow-x:hidden;overscroll-behavior:contain}
.brand_core_wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:100}
.logo_container_mk4{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--clr-white);border-radius:16px;box-shadow:0 8px 24px #8396b926;margin-bottom:.75rem}
.logo_container_mk4 img{width:58px;height:58px;object-fit:contain}
.company_label_tx9{font-size:1.1rem;font-weight:600;color:var(--clr-primary);letter-spacing:.5px}
header{background:linear-gradient(135deg,var(--clr-white) 0%,var(--clr-tertiary) 100%);padding:2rem 0;position:relative}
.header_inner_grid{max-width:1320px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-rows:auto auto;gap:2rem}
.row_alpha_contact{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.25rem;border-bottom:1px solid #8396b933}
.contact_hotline_zx{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--clr-text);font-weight:500}
.contact_hotline_zx::before{content:"";font-size:1.2rem;color:var(--clr-primary)}
.row_beta_nav_main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:3rem}
.nav_orbit_items{display:flex;gap:2.5rem;list-style:none}
.nav_orbit_items a{text-decoration:none;color:var(--clr-text);font-weight:500;font-size:1rem;transition:color .25s ease;position:relative}
.nav_orbit_items a:hover{color:var(--clr-primary)}
.nav_orbit_items a:focus{outline:2px solid var(--clr-primary);outline-offset:4px;border-radius:3px}
.cta_cluster_right{display:flex;gap:1rem;justify-content:flex-end}
.btn_outline_v2{padding:.65rem 1.5rem;border:2px solid var(--clr-primary);background:none;color:var(--clr-primary);font-weight:600;border-radius:8px;text-decoration:none;font-size:.95rem;transition:background .3s ease,color .3s ease;display:inline-block}
.btn_outline_v2:hover{background:var(--clr-primary);color:var(--clr-white)}
.btn_outline_v2:focus{outline:2px solid var(--clr-dark);outline-offset:3px}
.btn_solid_v2{padding:.65rem 1.5rem;border:none;background:linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));color:var(--clr-white);font-weight:600;border-radius:8px;text-decoration:none;font-size:.95rem;transition:opacity .3s ease;display:inline-block}
.btn_solid_v2:hover{opacity:.88}
.btn_solid_v2:focus{outline:2px solid var(--clr-dark);outline-offset:3px}
main{min-height:60vh}
footer{background:var(--clr-dark);color:#e4e8ed;padding:3.5rem 0 1.5rem;margin-top:4rem;position:relative}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--clr-primary),var(--clr-secondary),var(--clr-tertiary))}
.footer_grid_structure{max-width:1320px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;margin-bottom:2.5rem}
.footer_brand_section{display:flex;flex-direction:column;gap:1.25rem}
.footer_logo_wrap{width:64px;height:64px;background:var(--clr-white);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0003}
.footer_logo_wrap img{width:50px;height:50px;object-fit:contain}
.footer_brand_section p{font-size:.95rem;line-height:1.7;color:#b8c1d0;max-width:380px}
.footer_column_hd{font-size:1.1rem;font-weight:700;color:var(--clr-white);margin-bottom:1rem;letter-spacing:.3px}
.footer_links_list{list-style:none;display:flex;flex-direction:column;gap:.75rem}
.footer_links_list a{color:#b8c1d0;text-decoration:none;font-size:.95rem;transition:color .25s ease}
.footer_links_list a:hover{color:var(--clr-secondary)}
.footer_links_list a:focus{outline:2px solid var(--clr-secondary);outline-offset:3px;border-radius:2px}
.contact_info_block p{margin-bottom:.65rem;font-size:.92rem;color:#b8c1d0}
.contact_info_block a{color:var(--clr-secondary);text-decoration:none;transition:opacity .25s ease}
.contact_info_block a:hover{opacity:.8}
.footer_bottom_bar{max-width:1320px;margin:0 auto;padding:1.5rem 1.5rem 0;border-top:1px solid #a8ccd233;text-align:center}
.copyright_text_ft{font-size:.9rem;color:#8a94a6}
.consent_modal_jk8{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:var(--clr-white);max-width:520px;width:calc(100% - 2rem);padding:1.75rem;border-radius:16px;box-shadow:0 12px 48px #00000038;z-index:9999;display:none;border:2px solid var(--clr-tertiary)}
.consent_modal_jk8.active_display{display:block;animation:slideUpFade .4s ease-out}
@keyframes slideUpFade {
from{opacity:0;transform:translate(-50%,20px)}
to{opacity:1;transform:translate(-50%,0)}
}
.consent_title_hx{font-size:1.2rem;font-weight:700;color:var(--clr-dark);margin-bottom:.75rem}
.consent_description_px{font-size:.95rem;color:var(--clr-text);line-height:1.6;margin-bottom:1.5rem}
.consent_actions_row{display:flex;gap:.85rem;flex-wrap:wrap}
.consent_btn_accept{flex:1;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));color:var(--clr-white);border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:opacity .25s ease;min-width:140px}
.consent_btn_accept:hover{opacity:.88}
.consent_btn_reject{flex:1;padding:.75rem 1.25rem;background:none;color:var(--clr-text);border:2px solid #dde2e9;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:border-color .25s ease;min-width:140px}
.consent_btn_reject:hover{border-color:var(--clr-primary)}
.consent_link_policy{color:var(--clr-primary);text-decoration:underline;font-size:.9rem;transition:opacity .25s ease}
.consent_link_policy:hover{opacity:.75}
@media (max-width: 992px) {
.row_beta_nav_main{grid-template-columns:1fr;gap:2rem;text-align:center}
.nav_orbit_items{justify-content:center;flex-wrap:wrap;gap:1.5rem}
.cta_cluster_right{justify-content:center}
.footer_grid_structure{grid-template-columns:1fr;gap:2.5rem}
}
@media (max-width: 768px) {
.row_alpha_contact{flex-direction:column;gap:.75rem;text-align:center}
.nav_orbit_items{flex-direction:column;gap:1rem}
.cta_cluster_right{flex-direction:column}
.consent_actions_row{flex-direction:column}
.consent_btn_accept,.consent_btn_reject{width:100%}
}
@media (max-width: 480px) {
.logo_container_mk4{width:62px;height:62px}
.logo_container_mk4 img{width:48px;height:48px}
.company_label_tx9{font-size:1rem}
}
.ueber-uns-hero{background:linear-gradient(135deg,#E4EAF4 0%,#A8CCD2 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.ueber-uns-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#8396b91a;border-radius:50%;z-index:1}
.ueber-uns-hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.ueber-uns-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ueber-uns-hero-text h1{font-size:2.8rem;color:#212529;margin-bottom:24px;line-height:1.2;font-weight:700}
.ueber-uns-hero-text p{font-size:1.15rem;color:#495057;line-height:1.7;margin-bottom:32px}
.ueber-uns-hero-image{position:relative}
.ueber-uns-hero-image img{width:100%;height:450px;object-fit:cover;border-radius:12px;box-shadow:0 12px 40px #00000026}
.ueber-uns-cta-primary{display:inline-block;background:#8396B9;color:#fff;padding:14px 36px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 4px 12px #8396b94d}
.ueber-uns-cta-primary:hover{background:#6d7fa3;transform:translateY(-2px);box-shadow:0 6px 20px #8396b966}
.ueber-uns-mission-section{background:#fff;padding:90px 20px;position:relative}
.ueber-uns-mission-wrapper{max-width:1400px;margin:0 auto}
.ueber-uns-mission-layout{display:grid;grid-template-columns:380px 1fr;gap:80px;align-items:start}
.ueber-uns-mission-sidebar{position:sticky;top:40px}
.ueber-uns-mission-sidebar img{width:100%;height:480px;object-fit:cover;border-radius:16px;box-shadow:0 8px 30px #0000001f;margin-bottom:28px}
.ueber-uns-mission-meta{background:#f8f9fa;padding:24px;border-radius:12px;border-left:4px solid #8396B9}
.ueber-uns-mission-meta h3{font-size:1.25rem;color:#212529;margin-bottom:16px;font-weight:600}
.ueber-uns-mission-meta p{font-size:.95rem;color:#495057;line-height:1.6;margin-bottom:8px}
.ueber-uns-mission-content h2{font-size:2.4rem;color:#212529;margin-bottom:32px;font-weight:700}
.ueber-uns-mission-content p{font-size:1.08rem;color:#495057;line-height:1.8;margin-bottom:24px}
.ueber-uns-mission-content p:first-of-type{font-size:1.2rem;color:#343a40;font-weight:500}
.ueber-uns-values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:48px}
.ueber-uns-value-card{background:#fafbfc;padding:32px;border-radius:12px;border:2px solid #E4EAF4;transition:all .3s ease}
.ueber-uns-value-card:hover{border-color:#A8CCD2;transform:translateY(-4px);box-shadow:0 8px 24px #8396b926}
.ueber-uns-value-card h4{font-size:1.3rem;color:#8396B9;margin-bottom:14px;font-weight:600}
.ueber-uns-value-card p{font-size:1rem;color:#495057;line-height:1.7;margin-bottom:0}
.ueber-uns-approach-section{background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%);padding:80px 20px 100px}
.ueber-uns-approach-container{max-width:1300px;margin:0 auto}
.ueber-uns-approach-header{text-align:center;margin-bottom:70px}
.ueber-uns-approach-header h2{font-size:2.5rem;color:#212529;margin-bottom:20px;font-weight:700}
.ueber-uns-approach-header p{font-size:1.15rem;color:#495057;max-width:720px;margin:0 auto;line-height:1.7}
.ueber-uns-approach-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px}
.ueber-uns-approach-item{position:relative;text-align:center}
.ueber-uns-approach-number{width:80px;height:80px;background:#8396B9;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 24px;box-shadow:0 6px 20px #8396b940}
.ueber-uns-approach-item h3{font-size:1.4rem;color:#212529;margin-bottom:16px;font-weight:600}
.ueber-uns-approach-item p{font-size:1.05rem;color:#495057;line-height:1.7}
.ueber-uns-approach-images{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:50px}
.ueber-uns-approach-img-wrapper{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 8px 28px #0000001a}
.ueber-uns-approach-img-wrapper img{width:100%;height:340px;object-fit:cover;transition:transform .4s ease}
.ueber-uns-approach-img-wrapper:hover img{transform:scale(1.05)}
.ueber-uns-cta-section{background:#8396B9;padding:60px 20px;text-align:center}
.ueber-uns-cta-wrapper{max-width:800px;margin:0 auto}
.ueber-uns-cta-wrapper h2{font-size:2.2rem;color:#fff;margin-bottom:20px;font-weight:700}
.ueber-uns-cta-wrapper p{font-size:1.15rem;color:#E4EAF4;margin-bottom:32px;line-height:1.7}
.ueber-uns-cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ueber-uns-cta-button{display:inline-block;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease}
.ueber-uns-cta-button-primary{background:#fff;color:#8396B9;box-shadow:0 4px 12px #00000026}
.ueber-uns-cta-button-primary:hover{background:#E4EAF4;transform:translateY(-2px);box-shadow:0 6px 18px #0003}
.ueber-uns-cta-button-secondary{background:none;color:#fff;border:2px solid #fff}
.ueber-uns-cta-button-secondary:hover{background:#ffffff26;transform:translateY(-2px)}
@media (max-width: 968px) {
.ueber-uns-hero-grid{grid-template-columns:1fr;gap:40px}
.ueber-uns-hero-text h1{font-size:2.2rem}
.ueber-uns-hero-image img{height:350px}
.ueber-uns-mission-layout{grid-template-columns:1fr;gap:50px}
.ueber-uns-mission-sidebar{position:static}
.ueber-uns-mission-sidebar img{height:400px}
.ueber-uns-values-grid{grid-template-columns:1fr}
.ueber-uns-approach-visual{grid-template-columns:1fr;gap:50px}
.ueber-uns-approach-images{grid-template-columns:1fr}
.ueber-uns-cta-buttons{flex-direction:column;align-items:center}
.ueber-uns-cta-button{width:100%;max-width:320px}
}
@media (max-width: 640px) {
.ueber-uns-hero{padding:50px 16px 40px}
.ueber-uns-hero-text h1{font-size:1.8rem}
.ueber-uns-hero-text p{font-size:1.05rem}
.ueber-uns-mission-section{padding:60px 16px}
.ueber-uns-mission-content h2{font-size:1.9rem}
.ueber-uns-approach-section{padding:60px 16px}
.ueber-uns-approach-header h2{font-size:2rem}
.ueber-uns-cta-section{padding:50px 16px}
.ueber-uns-cta-wrapper h2{font-size:1.8rem}
}
.team-page-wrapper{background:#fff;min-height:100vh}
.team-hero-section{background:linear-gradient(135deg,#E4EAF4 0%,#A8CCD2 100%);padding:5rem 2rem 4rem;position:relative;overflow:hidden}
.team-hero-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#8396b926;border-radius:50%;z-index:1}
.team-hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.team-hero-content h1{font-size:2.8rem;color:#212529;margin-bottom:1.5rem;font-weight:700;line-height:1.2}
.team-hero-content .hero-subtitle{font-size:1.25rem;color:#495057;max-width:700px;line-height:1.6;margin-bottom:2rem}
.team-intro-block{padding:5rem 2rem;background:#fafbfc}
.team-intro-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.team-intro-text h2{font-size:2.2rem;color:#212529;margin-bottom:1.5rem;font-weight:600}
.team-intro-text p{font-size:1.1rem;color:#495057;line-height:1.8;margin-bottom:1.5rem}
.team-intro-image{position:relative}
.team-intro-image img{width:100%;height:450px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #8396b933}
.team-philosophy-section{padding:5rem 2rem;background:#fff;position:relative}
.team-philosophy-container{max-width:1200px;margin:0 auto}
.philosophy-header{text-align:center;margin-bottom:4rem}
.philosophy-header h2{font-size:2.5rem;color:#212529;margin-bottom:1rem;font-weight:700}
.philosophy-header .subheading{font-size:1.2rem;color:#495057;max-width:750px;margin:0 auto;line-height:1.7}
.philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-bottom:4rem}
.philosophy-card{background:#f8f9fa;padding:2.5rem;border-radius:10px;border-left:4px solid #8396B9;transition:transform .3s ease,box-shadow .3s ease}
.philosophy-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #8396b926}
.philosophy-card h3{font-size:1.5rem;color:#212529;margin-bottom:1rem;font-weight:600}
.philosophy-card p{font-size:1.05rem;color:#495057;line-height:1.7}
.philosophy-visual-row{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.philosophy-image-left img{width:100%;height:400px;object-fit:cover;border-radius:10px;box-shadow:0 6px 20px #8396b92e}
.philosophy-text-right{padding-left:2rem}
.philosophy-text-right h3{font-size:1.9rem;color:#212529;margin-bottom:1.5rem;font-weight:600}
.philosophy-text-right p{font-size:1.08rem;color:#495057;line-height:1.8;margin-bottom:1.5rem}
.team-members-section{padding:5rem 2rem;background:linear-gradient(180deg,#E4EAF4 0%,#fff 100%)}
.team-members-container{max-width:1200px;margin:0 auto}
.members-section-header{text-align:center;margin-bottom:4rem}
.members-section-header h2{font-size:2.6rem;color:#212529;margin-bottom:1rem;font-weight:700}
.members-section-header p{font-size:1.15rem;color:#495057;max-width:650px;margin:0 auto;line-height:1.7}
.members-layout{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:4rem}
.member-profile-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 6px 20px #8396b91f;text-align:center}
.member-profile-card img{width:180px;height:180px;object-fit:cover;border-radius:50%;margin-bottom:1.5rem;border:4px solid #A8CCD2}
.member-profile-card h3{font-size:1.6rem;color:#212529;margin-bottom:.5rem;font-weight:600}
.member-profile-card .role{font-size:1.1rem;color:#8396B9;margin-bottom:1rem;font-weight:500}
.member-profile-card .bio{font-size:1rem;color:#495057;line-height:1.6;text-align:left}
.member-expertise-content{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 6px 20px #8396b91f}
.member-expertise-content h4{font-size:1.8rem;color:#212529;margin-bottom:1.5rem;font-weight:600}
.expertise-list{list-style:none;padding:0;margin-bottom:2rem}
.expertise-list li{font-size:1.08rem;color:#495057;line-height:1.8;margin-bottom:1rem;padding-left:2rem;position:relative}
.expertise-list li::before{content:'→';position:absolute;left:0;color:#8396B9;font-weight:700}
.experience-section{margin-top:2rem;padding-top:2rem;border-top:2px solid #E4EAF4}
.experience-section h5{font-size:1.4rem;color:#212529;margin-bottom:1rem;font-weight:600}
.experience-section p{font-size:1.05rem;color:#495057;line-height:1.7}
.team-values-visual{display:flex;gap:2rem;margin-top:3rem}
.value-image-wrapper{flex:1}
.value-image-wrapper img{width:100%;height:350px;object-fit:cover;border-radius:10px;box-shadow:0 6px 18px #8396b926}
.team-cta-block{background:#8396B9;padding:4rem 2rem;text-align:center;margin-top:3rem;border-radius:12px}
.team-cta-block h3{font-size:2rem;color:#fff;margin-bottom:1rem;font-weight:600}
.team-cta-block p{font-size:1.15rem;color:#fff;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}
.cta-button-team{display:inline-block;background:#fff;color:#8396B9;padding:1rem 2.5rem;border-radius:8px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #00000026}
.cta-button-team:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003}
@media (max-width: 968px) {
.team-hero-content h1{font-size:2.2rem}
.team-intro-container{grid-template-columns:1fr;gap:3rem}
.philosophy-grid{grid-template-columns:1fr;gap:2rem}
.philosophy-visual-row{grid-template-columns:1fr;gap:2rem}
.philosophy-text-right{padding-left:0}
.members-layout{grid-template-columns:1fr;gap:3rem}
.team-values-visual{flex-direction:column}
}
@media (max-width: 640px) {
.team-hero-section{padding:3rem 1.5rem 2.5rem}
.team-hero-content h1{font-size:1.8rem}
.team-intro-block,.team-philosophy-section,.team-members-section{padding:3rem 1.5rem}
.philosophy-header h2,.members-section-header h2{font-size:2rem}
.team-intro-image img{height:300px}
.member-profile-card img{width:150px;height:150px}
.member-expertise-content{padding:2rem}
.team-cta-block{padding:3rem 1.5rem}
.team-cta-block h3{font-size:1.6rem}
}
.index-hero-wrapper{background:linear-gradient(135deg,#E4EAF4 0%,#fff 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.index-hero-wrapper::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#A8CCD2 0%,transparent 70%);opacity:.3;border-radius:50%}
.index-hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.index-hero-text h1{font-size:2.8rem;color:#212529;line-height:1.2;margin-bottom:24px;font-weight:700}
.index-hero-text p{font-size:1.15rem;color:#495057;line-height:1.7;margin-bottom:32px}
.index-hero-cta{display:inline-block;padding:16px 36px;background:#8396B9;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #8396b94d}
.index-hero-cta:hover{background:#6d7fa0;transform:translateY(-2px);box-shadow:0 6px 20px #8396b966}
.index-hero-image-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001a}
.index-hero-image-container img{width:100%;height:auto;display:block;object-fit:cover}
.index-instructor-section{padding:90px 20px;background:#fff}
.index-instructor-container{max-width:1100px;margin:0 auto}
.index-instructor-header{text-align:center;margin-bottom:60px}
.index-instructor-header h2{font-size:2.4rem;color:#212529;margin-bottom:16px;font-weight:700}
.index-instructor-header p{font-size:1.1rem;color:#495057;max-width:700px;margin:0 auto;line-height:1.6}
.index-instructor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:50px}
.index-instructor-card{background:#f8f9fa;border-radius:16px;padding:32px;display:flex;gap:24px;align-items:flex-start;transition:all .3s ease;border:2px solid transparent}
.index-instructor-card:hover{border-color:#A8CCD2;transform:translateY(-4px);box-shadow:0 8px 24px #a8ccd233}
.index-instructor-photo{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0;border:4px solid #E4EAF4}
.index-instructor-photo img{width:100%;height:100%;object-fit:cover}
.index-instructor-info h3{font-size:1.4rem;color:#212529;margin-bottom:8px;font-weight:600}
.index-instructor-role{color:#8396B9;font-size:1rem;font-weight:600;margin-bottom:12px}
.index-instructor-info p{font-size:.95rem;color:#495057;line-height:1.6}
.index-methodology-section{padding:0 20px 80px;background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%)}
.index-methodology-wrapper{max-width:1000px;margin:0 auto;background:#fff;border-radius:20px;padding:50px;box-shadow:0 12px 40px #00000014}
.index-methodology-intro{text-align:center;margin-bottom:50px}
.index-methodology-intro h2{font-size:2.2rem;color:#212529;margin-bottom:16px;font-weight:700}
.index-methodology-intro p{font-size:1.05rem;color:#495057;line-height:1.6}
.index-methodology-steps{display:flex;flex-direction:column;gap:32px}
.index-method-step{display:grid;grid-template-columns:80px 1fr;gap:24px;align-items:start}
.index-method-number{width:80px;height:80px;background:linear-gradient(135deg,#8396B9 0%,#A8CCD2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;font-weight:700;flex-shrink:0}
.index-method-content h3{font-size:1.5rem;color:#212529;margin-bottom:12px;font-weight:600}
.index-method-content p{font-size:1rem;color:#495057;line-height:1.7}
.index-transformation-section{padding:80px 20px;background:#E4EAF4;position:relative;overflow:hidden}
.index-transformation-section::after{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#A8CCD2 0%,transparent 70%);opacity:.2}
.index-transformation-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.index-transformation-header{text-align:center;margin-bottom:60px}
.index-transformation-header h2{font-size:2.4rem;color:#212529;margin-bottom:16px;font-weight:700}
.index-transformation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.index-transformation-card{background:#fff;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 6px 24px #00000014;transition:all .3s ease}
.index-transformation-card:hover{transform:translateY(-6px);box-shadow:0 12px 36px #0000001f}
.index-transformation-img{width:100%;height:200px;overflow:hidden}
.index-transformation-img img{width:100%;height:100%;object-fit:cover}
.index-transformation-text{padding:28px}
.index-transformation-text h3{font-size:1.3rem;color:#212529;margin-bottom:12px;font-weight:600}
.index-transformation-text p{font-size:.95rem;color:#495057;line-height:1.6}
.index-cta-section{padding:100px 20px;background:linear-gradient(135deg,#8396B9 0%,#A8CCD2 100%);text-align:center;position:relative}
.index-cta-content{max-width:800px;margin:0 auto;position:relative;z-index:2}
.index-cta-content h2{font-size:2.6rem;color:#fff;margin-bottom:24px;font-weight:700;line-height:1.3}
.index-cta-content p{font-size:1.2rem;color:#fff;margin-bottom:40px;line-height:1.6;opacity:.95}
.index-cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.index-cta-primary{display:inline-block;padding:18px 42px;background:#fff;color:#8396B9;text-decoration:none;border-radius:8px;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 16px #00000026}
.index-cta-primary:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 6px 24px #0003}
.index-cta-secondary{display:inline-block;padding:18px 42px;background:none;color:#fff;text-decoration:none;border-radius:8px;font-weight:700;font-size:1.1rem;border:3px solid #fff;transition:all .3s ease}
.index-cta-secondary:hover{background:#ffffff26;transform:translateY(-2px)}
@media (max-width: 968px) {
.index-hero-content{grid-template-columns:1fr;gap:40px}
.index-hero-text h1{font-size:2.2rem}
.index-instructor-grid{grid-template-columns:1fr}
.index-transformation-grid{grid-template-columns:1fr}
.index-methodology-wrapper{padding:35px 25px}
.index-method-step{grid-template-columns:60px 1fr;gap:20px}
.index-method-number{width:60px;height:60px;font-size:1.5rem}
}
@media (max-width: 640px) {
.index-hero-wrapper{padding:50px 15px 40px}
.index-hero-text h1{font-size:1.8rem}
.index-hero-text p{font-size:1rem}
.index-instructor-card{flex-direction:column;text-align:center;align-items:center}
.index-cta-content h2{font-size:2rem}
.index-cta-buttons{flex-direction:column;align-items:center}
.index-cta-primary,.index-cta-secondary{width:100%;max-width:300px}
}
.kontakt-seite-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#fff 50%,#f8f9fa 100%);min-height:100vh;padding:0;margin:0}
.kontakt-hero-bereich{background:linear-gradient(165deg,#E4EAF4 0%,#A8CCD2 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:#8396b926;border-radius:50%;z-index:1}
.kontakt-hero-bereich::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#a8ccd233;border-radius:50%;z-index:1}
.kontakt-hero-inhalt{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}
.kontakt-hero-titel{font-size:2.8rem;font-weight:700;color:#212529;margin:0 0 20px;line-height:1.2}
.kontakt-hero-beschreibung{font-size:1.15rem;color:#343a40;line-height:1.7;margin:0}
.kontakt-hauptbereich{max-width:1200px;margin:-40px auto 0;padding:0 20px 80px;position:relative;z-index:3}
.kontakt-grid-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;margin-top:0}
.kontakt-info-karte{background:#fff;border-radius:12px;padding:40px 35px;box-shadow:0 8px 24px #8396b91f;border:1px solid #E4EAF4}
.kontakt-info-titel{font-size:1.6rem;font-weight:600;color:#212529;margin:0 0 30px;padding-bottom:15px;border-bottom:2px solid #A8CCD2}
.kontakt-detail-element{margin-bottom:28px;padding-left:0}
.kontakt-detail-element:last-child{margin-bottom:0}
.kontakt-detail-label{display:block;font-size:.85rem;font-weight:600;color:#8396B9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.kontakt-detail-wert{font-size:1.05rem;color:#343a40;line-height:1.6;font-weight:400}
.kontakt-detail-wert a{color:#8396B9;text-decoration:none;transition:color .3s ease}
.kontakt-detail-wert a:hover{color:#A8CCD2;text-decoration:underline}
.kontakt-formular-karte{background:#fff;border-radius:12px;padding:45px 40px;box-shadow:0 8px 24px #8396b91f;border:1px solid #E4EAF4}
.kontakt-formular-titel{font-size:1.6rem;font-weight:600;color:#212529;margin:0 0 25px}
.kontakt-formular{display:flex;flex-direction:column;gap:22px}
.kontakt-feld-gruppe{display:flex;flex-direction:column}
.kontakt-feld-label{font-size:.95rem;font-weight:500;color:#495057;margin-bottom:8px}
.kontakt-feld-label .erforderlich-markierung{color:#8396B9;margin-left:3px}
.kontakt-eingabe,.kontakt-textarea{padding:12px 16px;font-size:1rem;color:#343a40;border:2px solid #E4EAF4;border-radius:8px;background:#fafbfc;transition:all .3s ease;font-family:inherit}
.kontakt-eingabe:focus,.kontakt-textarea:focus{outline:none;border-color:#8396B9;background:#fff;box-shadow:0 0 0 3px #8396b91a}
.kontakt-textarea{min-height:140px;resize:vertical;line-height:1.6}
.kontakt-datenschutz-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #E4EAF4}
.kontakt-checkbox{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#8396B9;flex-shrink:0}
.kontakt-datenschutz-text{font-size:.9rem;color:#495057;line-height:1.5;margin:0}
.kontakt-datenschutz-text a{color:#8396B9;text-decoration:underline;transition:color .3s ease}
.kontakt-datenschutz-text a:hover{color:#A8CCD2}
.kontakt-submit-button{background:linear-gradient(135deg,#8396B9 0%,#A8CCD2 100%);color:#fff;font-size:1.05rem;font-weight:600;padding:15px 35px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8396b940;align-self:flex-start}
.kontakt-submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8396b959}
.kontakt-submit-button:active{transform:translateY(0)}
.kernwerte-sektion{max-width:1200px;margin:60px auto 0;padding:0 20px 40px}
.kernwerte-titel{font-size:2rem;font-weight:600;color:#212529;text-align:center;margin:0 0 50px}
.kernwerte-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.kernwert-karte{background:#fff;padding:35px 28px;border-radius:10px;border:2px solid #E4EAF4;transition:all .3s ease}
.kernwert-karte:hover{border-color:#A8CCD2;transform:translateY(-4px);box-shadow:0 8px 20px #8396b926}
.kernwert-icon{width:50px;height:50px;background:linear-gradient(135deg,#E4EAF4 0%,#A8CCD2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.5rem;color:#8396B9}
.kernwert-name{font-size:1.2rem;font-weight:600;color:#212529;margin:0 0 12px}
.kernwert-beschreibung{font-size:.95rem;color:#495057;line-height:1.6;margin:0}
.warum-domain-sektion{background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%);padding:70px 20px;margin-top:60px}
.warum-domain-container{max-width:900px;margin:0 auto}
.warum-domain-titel{font-size:2rem;font-weight:600;color:#212529;text-align:center;margin:0 0 40px}
.warum-domain-inhalt{display:flex;flex-direction:column;gap:25px}
.warum-domain-absatz{font-size:1.05rem;color:#343a40;line-height:1.8;margin:0;padding:0}
.warum-domain-liste{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:15px}
.warum-domain-punkt{background:#fff;padding:20px;border-radius:8px;border-left:4px solid #8396B9;box-shadow:0 2px 8px #8396b914}
.warum-domain-punkt-titel{font-size:1.1rem;font-weight:600;color:#212529;margin:0 0 8px}
.warum-domain-punkt-text{font-size:.95rem;color:#495057;line-height:1.6;margin:0}
.vergleichstabelle-sektion{max-width:1100px;margin:70px auto;padding:0 20px}
.vergleichstabelle-titel{font-size:2rem;font-weight:600;color:#212529;text-align:center;margin:0 0 40px}
.vergleichstabelle-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #8396b91f;border:1px solid #E4EAF4}
.vergleichstabelle{width:100%;border-collapse:collapse}
.vergleichstabelle thead{background:linear-gradient(135deg,#8396B9 0%,#A8CCD2 100%)}
.vergleichstabelle th{padding:18px 20px;text-align:left;font-size:1rem;font-weight:600;color:#fff;border-bottom:2px solid #E4EAF4}
.vergleichstabelle tbody tr{border-bottom:1px solid #E4EAF4;transition:background .2s ease}
.vergleichstabelle tbody tr:hover{background:#fafbfc}
.vergleichstabelle td{padding:16px 20px;font-size:.95rem;color:#343a40;vertical-align:top}
.vergleichstabelle td:first-child{font-weight:600;color:#495057}
.merkmal-check{color:#8396B9;font-weight:600}
@media (max-width: 992px) {
.kontakt-grid-layout{grid-template-columns:1fr;gap:30px}
.kernwerte-grid{grid-template-columns:repeat(2,1fr)}
.warum-domain-liste{grid-template-columns:1fr}
.vergleichstabelle-wrapper{overflow-x:auto}
}
@media (max-width: 768px) {
.kontakt-hero-titel{font-size:2rem}
.kontakt-hero-beschreibung{font-size:1rem}
.kontakt-info-karte,.kontakt-formular-karte{padding:30px 25px}
.kernwerte-grid{grid-template-columns:1fr}
.kernwerte-titel,.warum-domain-titel,.vergleichstabelle-titel{font-size:1.6rem}
.warum-domain-sektion{padding:50px 20px}
.vergleichstabelle th,.vergleichstabelle td{padding:12px 15px;font-size:.9rem}
}
@media (max-width: 576px) {
.kontakt-hero-bereich{padding:60px 20px 40px}
.kontakt-hero-titel{font-size:1.7rem}
.kontakt-formular-karte{padding:25px 20px}
.kontakt-submit-button{width:100%;align-self:stretch}
.vergleichstabelle th,.vergleichstabelle td{padding:10px 12px;font-size:.85rem}
}
.lernprogramm-wrapper{background:#fff;min-height:100vh}
.lernprogramm-hero-block{background:linear-gradient(135deg,#E4EAF4 0%,#A8CCD2 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.lernprogramm-hero-block::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#8396b926;border-radius:50%;z-index:1}
.lernprogramm-hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.lernprogramm-hero-title{font-size:3.2rem;color:#212529;font-weight:700;margin-bottom:24px;line-height:1.2}
.lernprogramm-hero-subtitle{font-size:1.3rem;color:#495057;max-width:680px;line-height:1.6;margin-bottom:40px}
.lernprogramm-hero-meta{display:inline-block;background:#ffffffe6;padding:12px 28px;border-radius:50px;font-size:.95rem;color:#343a40;font-weight:500}
.lernprogramm-mentoren-sektion{padding:100px 20px;background:#fafbfc;position:relative}
.lernprogramm-mentoren-container{max-width:1200px;margin:0 auto}
.lernprogramm-mentoren-intro{text-align:center;margin-bottom:70px}
.lernprogramm-mentoren-heading{font-size:2.6rem;color:#212529;font-weight:700;margin-bottom:20px}
.lernprogramm-mentoren-beschreibung{font-size:1.15rem;color:#495057;max-width:740px;margin:0 auto;line-height:1.7}
.lernprogramm-mentoren-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-bottom:50px}
.lernprogramm-mentor-karte{background:#fff;border-radius:16px;padding:35px;box-shadow:0 4px 20px #8396b91f;transition:transform .3s ease,box-shadow .3s ease}
.lernprogramm-mentor-karte:hover{transform:translateY(-8px);box-shadow:0 8px 30px #8396b933}
.lernprogramm-mentor-bild{width:110px;height:110px;border-radius:50%;object-fit:cover;margin-bottom:24px;border:4px solid #E4EAF4}
.lernprogramm-mentor-name{font-size:1.4rem;color:#212529;font-weight:600;margin-bottom:8px}
.lernprogramm-mentor-rolle{font-size:.95rem;color:#8396B9;font-weight:500;margin-bottom:18px}
.lernprogramm-mentor-text{font-size:1rem;color:#495057;line-height:1.6;margin-bottom:0}
.lernprogramm-ansatz-block{background:#fff;padding:90px 20px;border-top:3px solid #E4EAF4}
.lernprogramm-ansatz-wrap{max-width:950px;margin:0 auto;text-align:center}
.lernprogramm-ansatz-titel{font-size:2.4rem;color:#212529;font-weight:700;margin-bottom:30px}
.lernprogramm-ansatz-info{font-size:1.1rem;color:#495057;line-height:1.7;margin-bottom:25px}
.lernprogramm-schwerpunkte-sektion{padding:90px 20px;background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%)}
.lernprogramm-schwerpunkte-container{max-width:1300px;margin:0 auto}
.lernprogramm-schwerpunkte-header{margin-bottom:60px}
.lernprogramm-schwerpunkte-title{font-size:2.5rem;color:#212529;font-weight:700;margin-bottom:16px}
.lernprogramm-schwerpunkte-layout{display:flex;gap:50px;align-items:flex-start}
.lernprogramm-schwerpunkte-bild-wrap{flex:0 0 480px}
.lernprogramm-schwerpunkte-foto{width:100%;height:auto;border-radius:20px;box-shadow:0 10px 40px #8396b92e}
.lernprogramm-schwerpunkte-liste-wrap{flex:1}
.lernprogramm-schwerpunkt-item{background:#fff;padding:28px 32px;border-radius:12px;margin-bottom:20px;border-left:5px solid #8396B9;box-shadow:0 2px 12px #0000000f;transition:all .3s ease}
.lernprogramm-schwerpunkt-item:hover{border-left-color:#A8CCD2;box-shadow:0 4px 20px #8396b926}
.lernprogramm-schwerpunkt-name{font-size:1.3rem;color:#212529;font-weight:600;margin-bottom:10px}
.lernprogramm-schwerpunkt-detail{font-size:1rem;color:#495057;line-height:1.6;margin-bottom:0}
.lernprogramm-praxis-sektion{padding:100px 20px;background:#fff;position:relative}
.lernprogramm-praxis-container{max-width:1250px;margin:0 auto}
.lernprogramm-praxis-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.lernprogramm-praxis-content-bereich{padding-right:30px}
.lernprogramm-praxis-haupttitel{font-size:2.6rem;color:#212529;font-weight:700;margin-bottom:26px;line-height:1.2}
.lernprogramm-praxis-haupttext{font-size:1.1rem;color:#495057;line-height:1.7;margin-bottom:35px}
.lernprogramm-praxis-beispiele{display:flex;flex-direction:column;gap:22px}
.lernprogramm-praxis-beispiel-card{background:#f8f9fa;padding:24px 28px;border-radius:10px;border:2px solid #E4EAF4;transition:border-color .3s ease}
.lernprogramm-praxis-beispiel-card:hover{border-color:#A8CCD2}
.lernprogramm-praxis-beispiel-titel{font-size:1.15rem;color:#343a40;font-weight:600;margin-bottom:8px}
.lernprogramm-praxis-beispiel-text{font-size:.98rem;color:#495057;line-height:1.6;margin-bottom:0}
.lernprogramm-praxis-bild-wrap{position:relative}
.lernprogramm-praxis-bild-wrap::before{content:'';position:absolute;top:-20px;right:-20px;width:100%;height:100%;background:linear-gradient(135deg,#A8CCD2 0%,#E4EAF4 100%);border-radius:20px;z-index:1}
.lernprogramm-praxis-foto{width:100%;height:auto;border-radius:20px;position:relative;z-index:2;box-shadow:0 12px 45px #8396b938}
.lernprogramm-kontakt-block{background:linear-gradient(135deg,#8396B9 0%,#A8CCD2 100%);padding:80px 20px;text-align:center}
.lernprogramm-kontakt-wrapper{max-width:800px;margin:0 auto}
.lernprogramm-kontakt-heading{font-size:2.4rem;color:#fff;font-weight:700;margin-bottom:20px}
.lernprogramm-kontakt-beschreibung{font-size:1.15rem;color:#fff;line-height:1.6;margin-bottom:35px;opacity:.95}
.lernprogramm-kontakt-button{display:inline-block;background:#fff;color:#8396B9;padding:16px 44px;border-radius:50px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 20px #00000026}
.lernprogramm-kontakt-button:hover{background:#f8f9fa;transform:translateY(-3px);box-shadow:0 6px 25px #0003;color:#8396B9}
@media (max-width: 768px) {
.lernprogramm-hero-title{font-size:2.2rem}
.lernprogramm-hero-subtitle{font-size:1.1rem}
.lernprogramm-mentoren-grid{grid-template-columns:1fr;gap:30px}
.lernprogramm-schwerpunkte-layout{flex-direction:column;gap:40px}
.lernprogramm-schwerpunkte-bild-wrap{flex:1;width:100%}
.lernprogramm-praxis-layout{grid-template-columns:1fr;gap:40px}
.lernprogramm-praxis-content-bereich{padding-right:0}
.lernprogramm-praxis-bild-wrap::before{display:none}
.lernprogramm-kontakt-heading{font-size:1.9rem}
.lernprogramm-mentoren-heading,.lernprogramm-schwerpunkte-title,.lernprogramm-praxis-haupttitel{font-size:2rem}
}
.cookie-policy-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#fff 50%,#f8f9fa 100%);min-height:100vh;padding:0}
.cookie-policy-header-section{background:linear-gradient(165deg,#E4EAF4 0%,#A8CCD2 100%);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden}
.cookie-policy-header-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#8396b926 0%,transparent 70%);border-radius:50%}
.cookie-policy-header-section::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#a8ccd233 0%,transparent 70%);border-radius:50%}
.cookie-policy-title-main{font-size:2.8rem;color:#212529;font-weight:700;margin:0 0 20px;position:relative;z-index:2;line-height:1.2}
.cookie-policy-intro-text{font-size:1.15rem;color:#495057;max-width:720px;margin:0 auto;line-height:1.7;position:relative;z-index:2}
.cookie-policy-content-container{max-width:920px;margin:0 auto;padding:60px 30px 80px}
.cookie-policy-last-updated{background:#fff;border-left:4px solid #8396B9;padding:20px 25px;margin:0 0 50px;border-radius:0 8px 8px 0;box-shadow:0 2px 8px #0000000f}
.cookie-policy-last-updated p{margin:0;color:#495057;font-size:.95rem;line-height:1.6}
.cookie-policy-last-updated strong{color:#212529;font-weight:600}
.cookie-policy-section-block{background:#fff;padding:45px 40px;margin:0 0 35px;border-radius:12px;box-shadow:0 3px 15px #00000014;border-top:3px solid #A8CCD2}
.cookie-policy-section-block:nth-child(even){border-top-color:#8396B9}
.cookie-policy-section-heading{font-size:1.85rem;color:#212529;font-weight:700;margin:0 0 25px;line-height:1.3;position:relative;padding-bottom:15px}
.cookie-policy-section-heading::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#8396B9 0%,#A8CCD2 100%);border-radius:2px}
.cookie-policy-text-paragraph{font-size:1.05rem;color:#495057;line-height:1.8;margin:0 0 20px}
.cookie-policy-text-paragraph:last-child{margin-bottom:0}
.cookie-policy-subheading{font-size:1.4rem;color:#343a40;font-weight:600;margin:35px 0 18px;line-height:1.4}
.cookie-policy-subheading:first-child{margin-top:0}
.cookie-policy-list-styled{list-style:none;padding:0;margin:25px 0}
.cookie-policy-list-styled li{position:relative;padding-left:35px;margin-bottom:18px;font-size:1.05rem;color:#495057;line-height:1.7}
.cookie-policy-list-styled li::before{content:'●';position:absolute;left:10px;color:#8396B9;font-size:1.2rem;line-height:1.7}
.cookie-policy-emphasis-box{background:linear-gradient(135deg,#E4EAF4 0%,#f8f9fa 100%);padding:28px 32px;border-radius:10px;margin:30px 0;border-left:5px solid #8396B9}
.cookie-policy-emphasis-box p{margin:0;color:#343a40;font-size:1.05rem;line-height:1.7}
.cookie-policy-types-grid{display:grid;grid-template-columns:1fr;gap:25px;margin:30px 0}
.cookie-policy-type-card{background:#fafbfc;padding:30px;border-radius:10px;border:2px solid #E4EAF4;transition:all .3s ease}
.cookie-policy-type-card:hover{border-color:#A8CCD2;transform:translateY(-3px);box-shadow:0 8px 20px #8396b926}
.cookie-policy-type-title{font-size:1.3rem;color:#212529;font-weight:600;margin:0 0 15px;display:flex;align-items:center;gap:12px}
.cookie-policy-type-icon{display:inline-block;width:32px;height:32px;background:linear-gradient(135deg,#8396B9 0%,#A8CCD2 100%);border-radius:50%;position:relative}
.cookie-policy-type-icon::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#fff;border-radius:50%}
.cookie-policy-type-description{font-size:1rem;color:#495057;line-height:1.7;margin:0}
.cookie-policy-browser-instructions{background:#fff;padding:35px;border-radius:10px;border:2px solid #E4EAF4;margin:30px 0}
.cookie-policy-browser-list{list-style:none;padding:0;margin:20px 0 0}
.cookie-policy-browser-list li{padding:15px 20px;margin-bottom:12px;background:#f8f9fa;border-radius:8px;color:#495057;font-size:1.02rem;line-height:1.6;transition:background .2s ease}
.cookie-policy-browser-list li:hover{background:#E4EAF4}
.cookie-policy-browser-list li strong{color:#212529;font-weight:600}
.cookie-policy-contact-section{background:linear-gradient(135deg,#8396B9 0%,#A8CCD2 100%);padding:50px 40px;border-radius:12px;text-align:center;margin-top:50px;box-shadow:0 5px 20px #8396b940}
.cookie-policy-contact-heading{font-size:1.75rem;color:#fff;font-weight:700;margin:0 0 20px;line-height:1.3}
.cookie-policy-contact-text{font-size:1.1rem;color:#fff;line-height:1.7;margin:0 0 25px;opacity:.95}
.cookie-policy-contact-details{display:flex;flex-direction:column;gap:12px;align-items:center}
.cookie-policy-contact-link{color:#fff;text-decoration:none;font-size:1.05rem;font-weight:500;padding:12px 30px;background:#fff3;border-radius:8px;transition:all .3s ease;display:inline-block}
.cookie-policy-contact-link:hover{background:#ffffff4d;transform:translateY(-2px)}
@media (min-width: 768px) {
.cookie-policy-types-grid{grid-template-columns:repeat(2,1fr)}
.cookie-policy-contact-details{flex-direction:row;justify-content:center;gap:20px}
}
@media (max-width: 767px) {
.cookie-policy-title-main{font-size:2rem}
.cookie-policy-intro-text{font-size:1.05rem}
.cookie-policy-header-section{padding:60px 20px 40px}
.cookie-policy-content-container{padding:40px 20px 60px}
.cookie-policy-section-block{padding:30px 25px}
.cookie-policy-section-heading{font-size:1.5rem}
.cookie-policy-subheading{font-size:1.2rem}
.cookie-policy-contact-section{padding:35px 25px}
}
.datenschutz-hauptbereich{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);min-height:100vh;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.datenschutz-container-wrapper{max-width:920px;margin:0 auto;padding:60px 24px 80px}
.datenschutz-header-bereich{text-align:center;margin-bottom:56px;padding-bottom:32px;border-bottom:2px solid #E4EAF4}
.datenschutz-haupttitel{font-size:2.8rem;font-weight:700;color:#212529;margin:0 0 16px;letter-spacing:-.5px;line-height:1.2}
.datenschutz-aktualisierung{font-size:.95rem;color:#8396B9;font-weight:500;margin:0}
.datenschutz-intro-text{background:#fff;border-left:4px solid #A8CCD2;padding:28px 32px;margin-bottom:48px;border-radius:6px;box-shadow:0 2px 8px #8396b914}
.datenschutz-intro-text p{font-size:1.05rem;line-height:1.75;color:#343a40;margin:0 0 16px}
.datenschutz-intro-text p:last-child{margin-bottom:0}
.datenschutz-abschnitt{background:#fff;padding:36px 40px;margin-bottom:28px;border-radius:8px;box-shadow:0 1px 4px #0000000d;transition:box-shadow .3s ease}
.datenschutz-abschnitt:hover{box-shadow:0 4px 12px #8396b91f}
.datenschutz-abschnitt h2{font-size:1.75rem;font-weight:700;color:#8396B9;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #E4EAF4;line-height:1.3}
.datenschutz-abschnitt h3{font-size:1.35rem;font-weight:600;color:#495057;margin:28px 0 16px;line-height:1.4}
.datenschutz-abschnitt p{font-size:1rem;line-height:1.8;color:#343a40;margin:0 0 16px}
.datenschutz-abschnitt ul{margin:16px 0;padding-left:24px}
.datenschutz-abschnitt li{font-size:1rem;line-height:1.8;color:#343a40;margin-bottom:12px;padding-left:8px}
.datenschutz-abschnitt li::marker{color:#A8CCD2}
.datenschutz-kontakt-box{background:linear-gradient(135deg,#E4EAF4 0%,#fff 100%);border:2px solid #A8CCD2;padding:32px;margin-top:48px;border-radius:8px}
.datenschutz-kontakt-box h2{font-size:1.6rem;font-weight:700;color:#8396B9;margin:0 0 20px;border-bottom:none;padding-bottom:0}
.datenschutz-kontakt-details{font-size:1rem;line-height:1.9;color:#343a40}
.datenschutz-kontakt-details strong{color:#495057;font-weight:600}
.datenschutz-kontakt-details a{color:#8396B9;text-decoration:none;font-weight:500;transition:color .2s ease}
.datenschutz-kontakt-details a:hover{color:#A8CCD2;text-decoration:underline}
.datenschutz-highlight-box{background:#f8f9fa;border-left:4px solid #8396B9;padding:20px 24px;margin:24px 0;border-radius:4px}
.datenschutz-highlight-box p{margin-bottom:8px;font-size:.98rem}
.datenschutz-tabelle-wrapper{overflow-x:auto;margin:24px 0}
.datenschutz-tabelle{width:100%;border-collapse:collapse;background:#fff}
.datenschutz-tabelle th{background:#E4EAF4;color:#495057;font-weight:600;padding:14px 16px;text-align:left;border-bottom:2px solid #A8CCD2;font-size:.95rem}
.datenschutz-tabelle td{padding:12px 16px;border-bottom:1px solid #E4EAF4;color:#343a40;font-size:.95rem;line-height:1.6}
.datenschutz-tabelle tr:last-child td{border-bottom:none}
.datenschutz-tabelle tr:hover{background:#fafbfc}
.datenschutz-rechte-liste{background:#fafbfc;padding:24px 28px;border-radius:6px;margin:20px 0}
.datenschutz-rechte-liste li{padding-left:12px;position:relative}
.datenschutz-rechte-liste li:before{content:"→";position:absolute;left:-12px;color:#8396B9;font-weight:700}
@media (max-width: 768px) {
.datenschutz-container-wrapper{padding:40px 20px 60px}
.datenschutz-haupttitel{font-size:2rem}
.datenschutz-abschnitt{padding:24px 20px}
.datenschutz-abschnitt h2{font-size:1.5rem}
.datenschutz-abschnitt h3{font-size:1.2rem}
.datenschutz-intro-text{padding:20px 24px}
.datenschutz-kontakt-box{padding:24px 20px}
.datenschutz-tabelle th,.datenschutz-tabelle td{padding:10px 12px;font-size:.9rem}
}
@media (max-width: 480px) {
.datenschutz-haupttitel{font-size:1.75rem}
.datenschutz-abschnitt h2{font-size:1.35rem}
.datenschutz-tabelle{font-size:.85rem}
}
.erfolg-haupt-bereich{background:linear-gradient(135deg,#fafbfc 0%,#E4EAF4 100%);min-height:85vh;display:flex;align-items:center;padding:60px 20px;position:relative;overflow:hidden}
.erfolg-haupt-bereich::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#a3ccd226 0%,transparent 70%);border-radius:50%;z-index:1}
.erfolg-haupt-bereich::after{content:'';position:absolute;bottom:-30%;left:-10%;width:450px;height:450px;background:radial-gradient(circle,#8396b91a 0%,transparent 70%);border-radius:50%;z-index:1}
.erfolg-inhalt-wrapper{max-width:720px;margin:0 auto;position:relative;z-index:2;text-align:center}
.erfolg-symbol-container{width:120px;height:120px;margin:0 auto 35px;background:linear-gradient(135deg,#8396B9 0%,#A8CCD2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #8396b94d;animation:erfolg-puls 2s ease-in-out infinite;position:relative}
.erfolg-symbol-container::before{content:'';position:absolute;width:140px;height:140px;border:2px solid #A8CCD2;border-radius:50%;opacity:.4;animation:erfolg-ring 2.5s ease-out infinite}
@keyframes erfolg-puls {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
@keyframes erfolg-ring {
0%{transform:scale(1);opacity:.4}
100%{transform:scale(1.3);opacity:0}
}
.erfolg-haken-symbol{width:60px;height:60px;position:relative}
.erfolg-haken-symbol::before{content:'';position:absolute;width:12px;height:28px;border:solid #fff;border-width:0 5px 5px 0;transform:rotate(45deg);left:22px;top:10px;animation:erfolg-haken-erscheinen .6s ease-out .3s both}
@keyframes erfolg-haken-erscheinen {
0%{opacity:0;transform:rotate(45deg) scale(0)}
50%{transform:rotate(45deg) scale(1.1)}
100%{opacity:1;transform:rotate(45deg) scale(1)}
}
.erfolg-haupttitel{font-size:2.8rem;font-weight:700;color:#212529;margin:0 0 20px;line-height:1.2;animation:erfolg-text-einblenden .8s ease-out .5s both}
.erfolg-untertitel{font-size:1.35rem;color:#495057;margin:0 0 40px;line-height:1.6;animation:erfolg-text-einblenden .8s ease-out .7s both}
@keyframes erfolg-text-einblenden {
0%{opacity:0;transform:translateY(15px)}
100%{opacity:1;transform:translateY(0)}
}
.erfolg-info-kasten{background:#fff;border-radius:16px;padding:35px 40px;margin:45px 0;box-shadow:0 4px 20px #8396b91f;border-left:5px solid #8396B9;text-align:left;animation:erfolg-text-einblenden .8s ease-out .9s both}
.erfolg-info-kasten h2{font-size:1.5rem;color:#212529;margin:0 0 20px;font-weight:600}
.erfolg-info-kasten p{font-size:1.05rem;color:#495057;line-height:1.7;margin:0 0 16px}
.erfolg-info-kasten p:last-child{margin-bottom:0}
.erfolg-zeitangabe{display:inline-block;background:linear-gradient(135deg,#E4EAF4 0%,#fff 100%);padding:12px 24px;border-radius:25px;font-size:.95rem;color:#343a40;font-weight:500;margin-top:8px;border:1px solid #A8CCD2}
.erfolg-button-bereich{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:45px;animation:erfolg-text-einblenden .8s ease-out 1.1s both}
.erfolg-haupt-button{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#8396B9 0%,#A8CCD2 100%);color:#fff;text-decoration:none;border-radius:30px;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #8396b94d;position:relative;z-index:10}
.erfolg-haupt-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8396b966;color:#fff;text-decoration:none}
.erfolg-sekundaer-button{display:inline-block;padding:16px 40px;background:#fff;color:#8396B9;text-decoration:none;border-radius:30px;font-size:1.1rem;font-weight:600;transition:all .3s ease;border:2px solid #8396B9;position:relative;z-index:10}
.erfolg-sekundaer-button:hover{background:#8396B9;color:#fff;transform:translateY(-2px);text-decoration:none}
.erfolg-zusatz-info{margin-top:55px;padding-top:45px;border-top:2px solid #8396b926;animation:erfolg-text-einblenden .8s ease-out 1.3s both}
.erfolg-zusatz-info h3{font-size:1.3rem;color:#212529;margin:0 0 22px;font-weight:600}
.erfolg-kontakt-liste{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
.erfolg-kontakt-liste li{font-size:1.05rem;color:#495057;display:flex;align-items:center;justify-content:center;gap:10px}
.erfolg-kontakt-liste li::before{content:'→';color:#8396B9;font-weight:700;font-size:1.3rem}
.erfolg-kontakt-liste a{color:#8396B9;text-decoration:none;font-weight:500;transition:color .3s ease}
.erfolg-kontakt-liste a:hover{color:#A8CCD2;text-decoration:underline}
@media (max-width: 768px) {
.erfolg-haupt-bereich{padding:40px 16px;min-height:auto}
.erfolg-symbol-container{width:100px;height:100px;margin-bottom:28px}
.erfolg-symbol-container::before{width:120px;height:120px}
.erfolg-haken-symbol{width:50px;height:50px}
.erfolg-haken-symbol::before{width:10px;height:24px;border-width:0 4px 4px 0;left:18px;top:8px}
.erfolg-haupttitel{font-size:2rem;margin-bottom:16px}
.erfolg-untertitel{font-size:1.15rem;margin-bottom:32px}
.erfolg-info-kasten{padding:28px 24px;margin:35px 0;border-radius:12px}
.erfolg-info-kasten h2{font-size:1.3rem;margin-bottom:16px}
.erfolg-info-kasten p{font-size:1rem;margin-bottom:14px}
.erfolg-button-bereich{flex-direction:column;gap:14px;margin-top:35px}
.erfolg-haupt-button,.erfolg-sekundaer-button{width:100%;padding:14px 32px;font-size:1.05rem}
.erfolg-zusatz-info{margin-top:45px;padding-top:35px}
.erfolg-zusatz-info h3{font-size:1.2rem;margin-bottom:18px}
.erfolg-kontakt-liste li{font-size:1rem}
}
@media (max-width: 480px) {
.erfolg-haupttitel{font-size:1.75rem}
.erfolg-untertitel{font-size:1.05rem}
.erfolg-info-kasten{padding:24px 20px}
.erfolg-info-kasten h2{font-size:1.2rem}
.erfolg-zeitangabe{font-size:.9rem;padding:10px 20px}
}
.error-page-404{background:linear-gradient(135deg,#fafbfc 0%,#E4EAF4 100%);min-height:100vh;padding:40px 20px;position:relative;overflow:hidden}
.error-page-404::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#a3ccd226 0%,transparent 70%);border-radius:50%;z-index:1}
.error-page-404::after{content:'';position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,#8396b91a 0%,transparent 70%);border-radius:50%;z-index:1}
.error-wrapper-main{max-width:900px;margin:0 auto;position:relative;z-index:2}
.error-visual-block{text-align:center;margin-bottom:50px;padding-top:30px}
.error-number-display{font-size:180px;font-weight:800;line-height:1;color:#8396B9;margin:0;letter-spacing:-5px;position:relative;display:inline-block;text-shadow:3px 3px 0 #a8ccd24d}
.error-number-display::before{content:'404';position:absolute;top:5px;left:5px;color:#A8CCD2;z-index:-1;opacity:.5}
.error-subtext-visual{font-size:28px;color:#495057;margin:20px 0 0;font-weight:600}
.error-content-section{background:#fff;border-radius:16px;padding:50px 40px;box-shadow:0 4px 20px #8396b91f;margin-bottom:40px}
.error-main-heading{font-size:32px;color:#212529;margin:0 0 20px;font-weight:700;line-height:1.3}
.error-description-text{font-size:18px;color:#495057;line-height:1.7;margin:0 0 35px}
.error-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:45px}
.error-action-card{background:linear-gradient(135deg,#E4EAF4 0%,#fff 100%);border:2px solid #A8CCD2;border-radius:12px;padding:28px 24px;transition:all .3s ease;text-decoration:none;display:block}
.error-action-card:hover{transform:translateY(-4px);box-shadow:0 6px 25px #8396b933;border-color:#8396B9}
.error-card-icon{width:48px;height:48px;background:#8396B9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:24px;color:#fff}
.error-card-title{font-size:20px;color:#212529;font-weight:600;margin:0 0 10px}
.error-card-description{font-size:15px;color:#495057;line-height:1.5;margin:0}
.error-primary-cta{text-align:center;margin:40px 0 30px}
.error-home-button{display:inline-block;background:linear-gradient(135deg,#8396B9 0%,#A8CCD2 100%);color:#fff;padding:18px 55px;border-radius:50px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #8396b94d;position:relative;z-index:10}
.error-home-button:hover{transform:scale(1.05);box-shadow:0 6px 25px #8396b966;color:#fff}
.error-suggestions-section{background:#f8f9fa;border-left:4px solid #8396B9;border-radius:8px;padding:30px 35px;margin-top:35px}
.error-suggestions-heading{font-size:22px;color:#212529;margin:0 0 20px;font-weight:600}
.error-links-list{list-style:none;padding:0;margin:0}
.error-links-list li{margin-bottom:12px;padding-left:28px;position:relative}
.error-links-list li::before{content:'→';position:absolute;left:0;color:#8396B9;font-weight:700;font-size:18px}
.error-links-list a{color:#495057;text-decoration:none;font-size:16px;transition:color .2s ease}
.error-links-list a:hover{color:#8396B9;text-decoration:underline}
.error-help-footer{text-align:center;padding:35px 20px;color:#495057;font-size:16px}
.error-contact-link{color:#8396B9;text-decoration:none;font-weight:600;transition:color .2s ease}
.error-contact-link:hover{color:#A8CCD2;text-decoration:underline}
@media (max-width: 768px) {
.error-number-display{font-size:120px;letter-spacing:-3px}
.error-subtext-visual{font-size:22px}
.error-content-section{padding:35px 25px}
.error-main-heading{font-size:26px}
.error-description-text{font-size:16px}
.error-actions-grid{grid-template-columns:1fr}
.error-home-button{padding:16px 40px;font-size:16px}
.error-page-404::before,.error-page-404::after{display:none}
}
@media (max-width: 480px) {
.error-number-display{font-size:90px}
.error-subtext-visual{font-size:18px}
.error-content-section{padding:25px 20px}
.error-card-icon{width:40px;height:40px;font-size:20px}
}