*{box-sizing:border-box}@font-face{font-family:"Brockmann";src:url(fonts/brockmann-regular-webfont.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"Brockmann";src:url(fonts/brockmann-medium-webfont.woff2)format("woff2");font-weight:600;font-style:normal}@font-face{font-family:"Brockmann";src:url(fonts/brockmann-regularitalic-webfont.woff2)format("woff2");font-weight:400;font-style:italic}body{font-family:"Brockmann",sans-serif;line-height:1.8;margin:0;padding:0;background-color:#fff;font-size:clamp(18px,1.2vw + 12px,22px)}body.page,header{background-color:#3d71b5}.container{max-width:1200px;margin:0 auto}a,body,nav a{font-weight:400}.tagline,a,body{color:#f8f8f8}a{text-decoration:underline;font-family:"Brockmann",sans-serif}a:hover,nav a:hover{color:gold}header{text-align:left;padding:40px 0;width:100%}header .container,nav .container,section .container{padding:0 20px;text-align:left}.tagline{font-size:clamp(1rem,1.8vw,1.5rem);margin:.3em 0 0;font-style:italic;font-weight:400}.hamburger-menu,nav{text-align:left;background-color:#222;width:100%}.hamburger-menu{display:none;cursor:pointer;padding:10px 20px;color:#f8f8f8;font-size:1.5rem;box-sizing:border-box}#menu-toggle,.hamburger-menu-label{display:none}nav{padding:0}nav a{margin:0 15px 0 0;text-decoration:none;font-size:clamp(1rem,2vw,1.2rem);display:inline-block}h1,nav a,section{color:#f8f8f8}section{width:100%;padding:40px 0}section .content-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px}section .content-wrapper>p{flex:1 1 calc(100% - 420px);min-width:300px;text-align:left}section .content-wrapper>img{max-width:400px;height:auto;margin-left:auto;display:block}#unterstuetzung{background-color:#3d71b5}#beratung{background-color:#9b5b99}#vor-ort{background-color:#cf2e54}#vortraege{background-color:#bf432a}#ueber-mich{background-color:#b65635}#kontakt{background-color:#207080}h1{line-height:1.2;font-size:clamp(2rem,4.8vw,3.2rem);margin:0}em,h1,h2,h3,strong{font-family:"Brockmann",sans-serif;font-weight:600}h1,h2,h3,p{text-align:left}h2,h3{color:#f8f8f8;line-height:1.2;margin-top:1.4em;margin-bottom:.4em}h2{font-size:clamp(1.4rem,3.6vw,2.4rem)}h3{font-size:clamp(1.2rem,2.9vw,2rem)}p{font-size:clamp(1rem,1.8vw,1.6rem);line-height:1.6;margin-top:0;margin-bottom:1em}em,strong{font-style:normal}em,p{font-weight:400}em{font-style:italic}img{max-width:100%;height:auto;display:block;border-radius:8px}.phone-display::after{content:"+"attr(data-country)" "attr(data-area)" "attr(data-part1)" "attr(data-part2)}.email-display::after{content:attr(data-user)"@"attr(data-domain)"."attr(data-tld)}#social-media{background-color:#3d71b5;padding:20px 0;width:100%}#social-media .container,footer .container{padding:0 20px;text-align:center}.social-icons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:0 auto;max-width:800px}.social-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid #e0e0e0;background-color:transparent;transition:all .3s ease;text-decoration:none}.social-btn img{width:24px;height:24px;filter:invert(1)}.social-btn:hover{border-color:#f0f0f0;background-color:rgba(255,255,255,.1);transform:scale(1.1)}#back-to-top{width:100%;padding:15px 0;background-color:#222;text-align:left}#back-to-top .container{padding:0 20px}.back-to-top-link{text-decoration:none;font-weight:400}.back-to-top-link:hover,footer a:hover{color:gold}.back-to-top-link,footer,footer a{color:#f8f8f8;font-size:1rem}footer,footer p{text-align:center}footer{padding:20px 0;margin-top:0;background-color:#3d71b5;width:100%}footer p{margin:0;line-height:2;padding:8px 0;word-break:break-all;font-size:1rem}footer a{text-decoration:underline;font-weight:400;margin:0 6px;display:inline-block}@media (max-width:768px){.hamburger-menu{display:block;font-size:1rem}nav a{display:none;margin:10px 0;padding:5px 20px;width:100%;box-sizing:border-box;text-align:left}#menu-toggle:checked~nav a{display:block}nav{display:block}nav .container{padding:0}section .content-wrapper{flex-direction:column}section .content-wrapper>img{margin:0 auto 20px;max-width:300px;order:-1}section .content-wrapper>p{flex:1 1 auto;text-align:left}footer p{font-size:.9rem;line-height:2.2;padding:10px 0}footer a{margin:0 4px;font-size:.9rem}.social-btn{width:36px;height:36px}.social-btn img{width:20px;height:20px}}