/* BriefAkademie Dortmund — ui/neat-hand-883.css */
*{box-sizing:border-box}
*:focus{outline:0 !important}
html{font-size:17px;scroll-behavior:smooth}
body{font-family:"athelas",Georgia,serif;font-size:17px;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}
a,input,button{color:#714d47;text-decoration:none;cursor:pointer;transition:all 0.3s ease-in-out}
a:hover,a:focus{text-decoration:none;opacity:0.8}
img{vertical-align:top;max-width:100%}
ul,ol{padding:0;margin:0;list-style:none}
p,li{line-height:1.7}
h1,h2,h3,h4,h5{font-family:"athelas",Georgia,serif;margin:0 0 20px}
p{margin:0 0 15px}

/* HIDDEN */
.hidden{position:absolute;display:block;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}
.ada-noshow{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}

/* LAYOUT */
.wrapper{margin:0 auto;max-width:1500px;width:100%}
.container{width:100%;max-width:1170px;margin:0 auto;padding:0 20px}
.flex-box{display:-ms-flexbox;display:flex}
.flex-box.justify-center{-ms-flex-pack:center;justify-content:center}
.flex-box.justify-between{-ms-flex-pack:justify;justify-content:space-between}
.flex-box.justify-around{-ms-flex-pack:distribute;justify-content:space-around}
.flex-box.align-center{-ms-flex-align:center;align-items:center}
.flex-box.align-start{-ms-flex-align:start;align-items:flex-start}
.flex-box.flex-wrap{flex-wrap:wrap}
.only-mobile{display:none}

/* BUTTON */
.btn{min-width:170px;padding:12px 20px;display:inline-block;zoom:1;letter-spacing:1px;text-align:center;text-transform:uppercase;outline:none;border:1px solid #714d47;border-radius:0;cursor:pointer;line-height:1;color:white;background:#714d47;font-size:15px;font-weight:600;transition:all .3s ease-in-out;text-decoration:none !important}
.btn:hover{background:transparent;color:#714d47;opacity:1;transition:all .3s ease-in-out}
.btn-outline{min-width:170px;padding:12px 20px;display:inline-block;letter-spacing:1px;text-align:center;text-transform:uppercase;border:1px solid #fff;border-radius:0;color:#fff;font-size:15px;font-weight:600;transition:all .3s ease-in-out;text-decoration:none !important}
.btn-outline:hover{background:#714d47;border-color:#714d47;opacity:1}

/* HEADER */
.header{display:block;position:fixed;top:0;z-index:99;width:100%;padding:0 0 10px 0;transition:.5s}
.header .container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin:auto;padding:20px 30px 0}
.header__logo{display:inline-block}
.header__logo:hover{opacity:0.5;transition:all .3s ease-in-out}
.header__logo img{height:54px;width:auto}
.header__logo span{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}
.header.up{background:white;box-shadow:0 10px 8px rgba(0,0,0,0.1);top:0;padding:0 0 10px 0}
.header.up .privary-navigation__item a{color:#714d47}
.header.up .header-cta{background:#714d47;border-color:#714d47}
.header-cta{display:block;transition:all .3s ease-in-out;padding:12px 25px;line-height:1;font-size:15px;text-transform:uppercase;letter-spacing:1px;font-weight:600;border:1px solid white;color:white;text-align:center;white-space:nowrap}
.header-cta:hover{background:#714d47;border-color:#714d47;opacity:1}

/* NAV */
#primary-nav{display:flex;gap:0}
.privary-navigation__list{display:-ms-flexbox;display:flex;gap:0;-ms-flex-align:center;align-items:center;list-style:none;margin:0;padding:0}
.privary-navigation__item a{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:white;padding:8px 15px;position:relative;display:block}
.privary-navigation__item a::after{content:'';display:block;position:absolute;bottom:0;left:15px;right:15px;height:1px;background:#fff;transform:scaleX(0);transition:transform .3s ease-in-out}
.privary-navigation__item a:hover::after{transform:scaleX(1)}
.header.up .privary-navigation__item a::after{background:#714d47}

/* HERO */
.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#301617}
.hero-section .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.55}
.hero-section .hero-inner{position:relative;z-index:2;text-align:center;color:#fff;padding:80px 20px 60px}
.hero-section h1{font-size:clamp(2rem,5vw,3.8rem);color:#fff;margin-bottom:20px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,0.4)}
.hero-section .hero-sub{font-size:clamp(1rem,2.5vw,1.3rem);color:rgba(255,255,255,0.9);max-width:680px;margin:0 auto 35px;line-height:1.7}

/* SECTION SHARED */
section{padding:80px 0}
.section-title{text-align:center;margin-bottom:50px}
.section-title h2{font-size:clamp(1.6rem,3.5vw,2.6rem);color:#301617;margin-bottom:12px}
.section-title p{color:#5c4947;font-size:1rem;max-width:600px;margin:0 auto}
.section-dark{background:#301617;color:#fff}
.section-dark h2,.section-dark h3,.section-dark h4{color:#fff}
.section-dark p{color:rgba(255,255,255,0.85)}
.section-light{background:#f9f5f4}

/* INTRO */
.intro-section{padding:80px 0;background:#fff}
.intro-section .intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.intro-section img{width:100%;height:420px;object-fit:cover}
.intro-section h2{font-size:clamp(1.5rem,3vw,2.4rem);color:#301617;margin-bottom:20px}

/* COURSES */
.courses-section{background:#f9f5f4;padding:80px 0}
.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}
.course-card{background:#fff;padding:35px 30px;border-bottom:3px solid #714d47;transition:all .3s ease-in-out}
.course-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(113,77,71,0.12)}
.course-card .icon{font-size:2rem;color:#714d47;margin-bottom:15px}
.course-card h3{font-size:1.2rem;color:#301617;margin-bottom:12px}
.course-card p{color:#5c4947;font-size:0.95rem;margin-bottom:20px}
.course-card .price{font-weight:600;color:#714d47;font-size:1.1rem}

/* WHY US - SPLIT */
.split-section{display:grid;grid-template-columns:1fr 1fr;min-height:500px}
.split-section .split-img{overflow:hidden}
.split-section .split-img img{width:100%;height:100%;object-fit:cover}
.split-section .split-content{background:#714d47;color:#fff;display:flex;align-items:center;padding:60px 50px}
.split-section .split-content h2{color:#fff;font-size:clamp(1.4rem,2.5vw,2rem);margin-bottom:20px}
.split-section .split-content p{color:rgba(255,255,255,0.9);margin-bottom:15px}
.split-section .split-content ul{list-style:none;padding:0;margin:0 0 30px}
.split-section .split-content ul li{padding:8px 0;color:rgba(255,255,255,0.9);font-size:0.95rem;border-bottom:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;gap:10px}
.split-section .split-content ul li i{color:rgba(255,255,255,0.7);width:16px}

/* STEPS */
.steps-section{padding:80px 0;background:#fff}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}
.step-item{text-align:center;padding:30px 20px}
.step-item .step-num{width:60px;height:60px;border-radius:50%;background:#714d47;color:#fff;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.step-item h4{font-size:1.1rem;color:#301617;margin-bottom:10px}
.step-item p{color:#5c4947;font-size:0.9rem}

/* TESTIMONIALS */
.testimonials-section{padding:80px 0;background:#f9f5f4}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}
.testimonial-card{background:#fff;padding:35px 30px;position:relative}
.testimonial-card::before{content:'\201C';font-size:4rem;color:#714d47;line-height:1;font-family:Georgia,serif;position:absolute;top:10px;left:20px;opacity:0.3}
.testimonial-card p{color:#5c4947;font-style:italic;margin-bottom:20px;padding-top:20px}
.testimonial-card .author{font-weight:600;color:#301617;font-size:0.9rem}
.testimonial-card .role{color:#714d47;font-size:0.85rem}

/* CTA BAND */
.cta-band{background:#714d47;padding:70px 0;text-align:center;color:#fff}
.cta-band h2{color:#fff;font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:15px}
.cta-band p{color:rgba(255,255,255,0.9);margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}

/* CONTACT FORM on INDEX */
.contact-section{padding:80px 0;background:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.contact-info h3{font-size:1.3rem;color:#301617;margin-bottom:20px}
.contact-info p{color:#5c4947;margin-bottom:10px;display:flex;align-items:flex-start;gap:10px}
.contact-info p i{color:#714d47;margin-top:4px;width:18px}

/* FORM */
form{width:100%}
form label{display:block;margin:0 0 8px;font-size:15px;color:#333}
form label span{font-size:0.8em}
form input[type=text],form input[type=email],form input[type=tel],form select,form textarea{width:100%;font-family:"athelas",Georgia,serif;font-size:15px;color:#333;text-align:left;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:0;border-bottom:1px solid #714d47;padding:8px 5px;margin-bottom:5px}
form textarea{min-height:120px;resize:vertical}
form input::placeholder,form textarea::placeholder{color:#999;opacity:1}
.form-group{margin-bottom:25px;position:relative}
label.error{position:absolute;bottom:100%;left:0;font-size:12px;color:#fff;background:#e74c3c;padding:7px 12px;border-radius:3px;margin-bottom:2px;z-index:3}
label.error::before{content:"";display:block;position:absolute;top:100%;left:20px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #e74c3c}
input[type=text].error,input[type=tel].error,input[type=email].error,select.error,textarea.error{border-color:#e74c3c}
.field.gdpr{position:relative;text-align:left;margin-bottom:20px}
.field.gdpr input[type=checkbox]{display:inline-block;vertical-align:top;-webkit-appearance:none;appearance:none;border-radius:0;border:1px solid #333;width:14px;height:14px;margin:3px 10px 0 0;cursor:pointer}
.field.gdpr input[type=checkbox]+label{display:inline-block;vertical-align:top;width:calc(100% - 30px);font-size:14px;line-height:1.4;color:#555}
.field.gdpr input[type=checkbox]:checked{background:#714d47;border-color:#714d47}
.thankyouMsg{display:none;color:#714d47;font-weight:600;margin-top:15px;font-size:1.1rem}

/* FOOTER */
.footer{background:#301617;color:#fff;padding:60px 0 0}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:50px}
.footer-col h4{color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.15)}
.footer-col p{color:rgba(255,255,255,0.7);font-size:0.9rem;line-height:1.8;margin-bottom:8px}
.footer-col a{color:rgba(255,255,255,0.7);font-size:0.9rem;display:block;margin-bottom:8px;transition:color .3s}
.footer-col a:hover{color:#fff;opacity:1}
.footer-logo{margin-bottom:20px}
.footer-logo img{height:50px;width:auto;filter:brightness(0) invert(1);opacity:0.8}
.footer-social{display:flex;gap:15px;margin-top:15px}
.footer-social a{width:36px;height:36px;border:1px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.7);font-size:0.85rem;transition:all .3s}
.footer-social a:hover{background:#714d47;border-color:#714d47;color:#fff;opacity:1}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding:20px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.footer-bottom p{color:rgba(255,255,255,0.5);font-size:0.85rem;margin:0}
.footer-bottom nav a{color:rgba(255,255,255,0.5);font-size:0.85rem;margin-left:20px;display:inline-block}
.footer-bottom nav a:hover{color:#fff;opacity:1}

/* COOKIES BANNER */
#cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#1e1e1e;color:#ddd;padding:18px 30px;z-index:9999;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;line-height:1.5;transform:translateY(100%);transition:transform .4s ease}
#cookie-banner.visible{transform:translateY(0)}
#cookie-banner a{color:#c9a89a;text-decoration:underline}
#cookie-banner .cookie-actions{display:flex;gap:10px;flex-shrink:0}
#cookie-banner button{padding:9px 22px;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border:1px solid #714d47;cursor:pointer;transition:all .3s}
#cookie-accept{background:#714d47;color:#fff}
#cookie-accept:hover{background:transparent;color:#714d47}
#cookie-decline{background:transparent;color:#aaa;border-color:#555}
#cookie-decline:hover{border-color:#aaa;color:#fff}

/* INNER PAGE HERO */
.page-hero{background:#301617;padding:140px 0 70px;text-align:center;color:#fff}
.page-hero h1{font-size:clamp(1.8rem,4vw,3rem);color:#fff;margin-bottom:12px}
.page-hero p{color:rgba(255,255,255,0.8);max-width:600px;margin:0 auto;font-size:1rem}

/* TEXT CONTENT (legal pages) */
.text-content{padding:70px 0;max-width:860px;margin:0 auto}
.text-content h2{color:#301617;font-size:1.4rem;margin:35px 0 12px}
.text-content h3{color:#714d47;font-size:1.1rem;margin:25px 0 10px}
.text-content p{color:#444;margin-bottom:15px}
.text-content ul{list-style:disc;padding-left:25px;margin-bottom:15px}
.text-content ul li{color:#444;margin-bottom:6px;line-height:1.7}

/* ABOUT PAGE */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px 0}
.about-grid img{width:100%;height:460px;object-fit:cover}
.about-values{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}
.value-item{padding:25px;background:#f9f5f4;border-left:3px solid #714d47}
.value-item h4{color:#301617;margin-bottom:8px;font-size:1rem}
.value-item p{color:#5c4947;font-size:0.9rem;margin:0}

/* CONTACT FULL PAGE */
.contact-full{padding:70px 0}
.contact-full-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}

/* MOBILE MENU */
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}
.burger span{display:block;width:24px;height:2px;background:#fff;transition:all .3s}
.header.up .burger span{background:#714d47}
.mobile-nav{display:none;position:fixed;inset:0;background:#301617;z-index:98;flex-direction:column;align-items:center;justify-content:center;gap:30px}
.mobile-nav.open{display:flex}
.mobile-nav a{color:#fff;font-size:1.3rem;text-transform:uppercase;letter-spacing:2px}

/* RESPONSIVE */
@media only screen and (max-width:1005px){
  main{margin-top:80px}
  #home main{margin-top:0}
}
@media only screen and (max-width:900px){
  .intro-section .intro-grid{grid-template-columns:1fr}
  .courses-grid{grid-template-columns:repeat(2,1fr)}
  .split-section{grid-template-columns:1fr}
  .split-section .split-img{min-height:300px}
  .steps-grid{grid-template-columns:repeat(2,1fr)}
  .testimonials-grid{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .about-grid{grid-template-columns:1fr}
  .contact-full-grid{grid-template-columns:1fr}
  #primary-nav{display:none}
  .header-cta{display:none}
  .burger{display:flex}
}
@media only screen and (max-width:600px){
  .only-desktop{display:none !important}
  .only-mobile{display:inline-block}
  body{font-size:4.5vw}
  .courses-grid{grid-template-columns:1fr}
  .testimonials-grid{grid-template-columns:1fr}
  .steps-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr}
  .about-values{grid-template-columns:1fr}
  #cookie-banner{flex-direction:column;align-items:flex-start}
  .footer-bottom{flex-direction:column;text-align:center}
  .footer-bottom nav a{margin:0 8px}
}