html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--color-text: 0 0% 20%;--color-primary: 7 68% 62%;--color-contrast: 180 50% 30%;--color-secondary: 37 56% 92%}html{font-family:"Open Sans",sans-serif;font-size:62.5%;scroll-behavior:smooth}body{font-size:1.6rem;line-height:1.4;font-weight:400;color:hsl(var(--color-text))}.row{width:86%;max-width:1300px;margin:0 auto}@media(min-width: 768px){.mobile{display:none}}@media(max-width: 1199px){.desktop{display:none}}a{color:inherit;text-decoration:underline;text-underline-offset:.35em}section{scroll-margin-top:150px;margin:0;padding:clamp(8rem,10vw,15rem) 0}section h2{font-size:clamp(2.2rem,4vw,3rem);font-weight:300;text-transform:uppercase;letter-spacing:.15em;margin-bottom:clamp(5rem,5vw,10rem)}img{display:block;max-width:100%}strong{font-weight:700}em{font-style:italic}p{margin-bottom:3rem;line-height:1.65}sup{font-size:.75em;vertical-align:super}.red{color:hsl(var(--color-primary))}.grid{margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));align-items:stretch;gap:4rem}@media(max-width: 767px){.grid{grid-template-columns:1fr}}.pill{display:block;width:max-content;font-size:2rem;letter-spacing:.025em;text-decoration:none;padding:.45em 1.2em .6em 1.2em;margin:2rem auto;border:1px solid #fff;border-radius:9999px;transition:all .3s ease-in-out}.pill:hover{background-color:hsl(var(--color-primary)) !important;color:hsl(var(--color-secondary));border-color:hsl(var(--color-primary))}header{position:relative;z-index:2;padding:2rem 0}header .row{display:flex;align-items:center;justify-content:center;gap:3rem}@media(max-width: 767px){header .row{justify-content:space-between}}header .row svg{width:20rem}header .row nav{margin-bottom:3rem}header .row nav ul{display:flex}header .row nav ul li a{margin:0 1rem;font-weight:500;text-transform:uppercase;font-size:1.4rem;letter-spacing:.15em;text-underline-offset:.5em;transition:all .3s ease-out}header .row nav ul li a:hover{opacity:1;text-underline-offset:.75em}@media(max-width: 767px){header .row nav{position:fixed;transform:translateX(100%);transition:transform .3s ease-out;inset:0 0 0 40%;height:100vh;background-color:hsl(var(--color-primary));padding:8rem 2rem}header .row nav ul{flex-direction:column;gap:4rem}header .row nav ul li a{opacity:1;text-decoration:none}header .row nav.open{transform:translateX(0);box-shadow:0 0 50px rgba(0,0,0,.5);color:#fff}}header #navTrigger{background:none;border:none;z-index:999;margin-bottom:4rem;pointer-events:all;height:45px;width:45px;padding:5px}header #navTrigger span{display:block;width:30px;height:2px;background-color:hsl(var(--color-text));position:relative}header #navTrigger span::before,header #navTrigger span::after{content:"";position:absolute;width:100%;height:100%;background-color:inherit;left:0;transition:all .3s ease-out}header #navTrigger span::before{top:-10px}header #navTrigger span::after{top:10px}header #navTrigger.open span{background-color:rgba(0,0,0,0) !important}header #navTrigger.open span::before{transform:rotate(45deg) translate(5px, 5px);background-color:#fff}header #navTrigger.open span::after{transform:rotate(-45deg) translate(5px, -5px);background-color:#fff;top:5px}.home header .row svg,.artikel header .row svg,.gruppenangebote header .row svg{filter:drop-shadow(0 0 15px rgba(0, 0, 0, 0.25))}.home header .row svg path,.artikel header .row svg path,.gruppenangebote header .row svg path{fill:#fff}.home header .row nav,.artikel header .row nav,.gruppenangebote header .row nav{color:#fff}@media(min-width: 767px){.home header .row nav a,.artikel header .row nav a,.gruppenangebote header .row nav a{text-shadow:0 0 10px rgba(0,0,0,.5)}}.home header #navTrigger span,.artikel header #navTrigger span,.gruppenangebote header #navTrigger span{background-color:#fff}.hugTop{margin-top:-140px}main{background-color:#fff;text-align:center}main #hero{position:relative;z-index:1;height:100vh;overflow:hidden;padding:0}main #hero .container{height:100%}main #hero img{width:100%;height:100%;object-fit:cover;transform:translateY(0) scale(1.05);transition:transform .5s ease-out;will-change:transform}main #hero .center{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff}main #hero .center h1{max-width:75%;margin:0 auto;font-size:6rem;font-weight:700;text-shadow:0 0 30px rgba(0,0,0,.5);margin-bottom:5rem}main #hero .center h1 span{font-size:2.6rem;font-weight:600;display:block;margin:0 auto;max-width:max-content;background-color:rgba(0,0,0,.5);padding:.5rem 1rem}main #hero .center a{background-color:rgba(0,0,0,.25)}@media(max-width: 767px){main #hero .center h1{text-align:left;margin:3rem;font-size:4rem;line-height:1.2;text-shadow:0 0 20px rgba(0,0,0,.75)}main #hero .center h1 span{font-size:2rem;margin:1rem 0 0 0}main #hero .center a{margin:0 3rem}}main #intro{background:hsl(var(--color-secondary))}main #intro .content{width:100%;max-width:650px;margin:0 auto}main #intro .content h2{margin-bottom:6rem}main #methoden{background:hsl(var(--color-primary));color:hsl(var(--color-secondary))}main #methoden .content.flex{display:flex;gap:clamp(4rem,8vw,12rem);justify-content:center}@media(max-width: 1199px){main #methoden .content.flex{flex-wrap:wrap}}main #methoden .content.flex div{width:50%;max-width:500px}@media(max-width: 1199px){main #methoden .content.flex div{width:100%}}main #methoden .content.flex div svg{width:clamp(4rem,10vw,6rem);height:auto;margin-bottom:2rem;opacity:.6}main #methoden .content.flex div h3{font-size:3rem;font-weight:800;letter-spacing:.025em;margin-bottom:1rem}main #methoden .content.flex div>em{font-size:2rem;font-weight:200;letter-spacing:.025em}main #methoden .content.flex div img{border-radius:5px;margin:4rem auto;max-width:100%}@media(max-width: 767px){main #angebot .flip .inner{border-radius:5px;overflow:hidden}}main #angebot .flip .inner .front,main #angebot .flip .inner .back{box-sizing:border-box;color:#fff}main #angebot .flip .inner .front{background-color:hsl(var(--color-secondary));background-size:cover;background-position:center}main #angebot .flip .inner .front .shade{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(50,50,50,.55);padding:0 3rem;perspective:200px}@media(max-width: 767px){main #angebot .flip .inner .front .shade{padding:5rem 2rem}}main #angebot .flip .inner .front svg{display:block;width:5rem;height:auto;margin:0 auto 2rem auto}main #angebot .flip .inner .front svg *{fill:#fff}main #angebot .flip .inner .front h3{font-size:3rem;font-weight:800;margin-bottom:1rem}main #angebot .flip .inner .front em{font-style:normal}main #angebot .flip .inner .back{background-color:hsl(var(--color-primary));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}main #angebot .flip .inner .back p{margin:auto}@media(min-width: 768px){main #angebot .flip{perspective:800px;height:300px}main #angebot .flip:hover .inner{transform:rotateY(-180deg)}main #angebot .flip:hover .inner .back{box-shadow:0 0 20px rgba(0,0,0,.3)}main #angebot .flip .inner{position:relative;width:100%;height:100%;transition:transform .75s cubic-bezier(0.75, 0.755, 0.5, 1.1);transform-style:preserve-3d}main #angebot .flip .inner .front,main #angebot .flip .inner .back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:5px;overflow:hidden}main #angebot .flip .inner .back{transform:rotateY(180deg)}}main #artikel{background:hsl(var(--color-secondary))}main #artikel .row .content .grid a{border-radius:5px;overflow:hidden;background-color:#fff;text-decoration:none;text-align:left;box-shadow:0 0 0px rgba(0,0,0,.1);transition:all .35s ease-in-out;border-bottom:30px solid #fff}main #artikel .row .content .grid a .image{overflow:hidden}main #artikel .row .content .grid a .image img{transition:transform .35s ease-out}main #artikel .row .content .grid a .text{padding:5rem 5rem 1rem 5rem}main #artikel .row .content .grid a .text h4{text-transform:uppercase;font-size:3rem;font-weight:300;letter-spacing:.15em;margin-bottom:2rem}main #artikel .row .content .grid a .text p span{display:inline-block;font-size:3rem;color:hsl(var(--color-primary));transition:transform .35s ease-out}main #artikel .row .content .grid a:hover{box-shadow:0 20px 50px rgba(0,0,0,.15);border-bottom-color:hsl(var(--color-secondary))}main #artikel .row .content .grid a:hover .image{overflow:hidden}main #artikel .row .content .grid a:hover .image img{transform:scale(1.075)}main #artikel .row .content .grid a:hover p span{transform:translateX(10px)}main #kontakt{background:hsl(var(--color-contrast));color:#fff;padding:12rem 0 10rem 0}main #kontakt .content h2{margin-bottom:4rem}main #kontakt .content p{color:hsl(var(--color-text))}main #kontakt .content p .pill{color:#fff;margin:1rem auto 3rem auto}main #kontakt .content p .pill:hover{background-color:hsl(var(--color-text)/0.25);border-color:#fff;letter-spacing:.035em}main.artikel #hero{height:60vh;background-color:hsl(var(--color-text))}@media(max-width: 767px){main.artikel #hero{height:35vh}}main.artikel #hero img{opacity:.5}main.artikel #hero .center{top:70%}main.artikel #hero .center h1{font-weight:300;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 50px rgba(0,0,0,.75)}@media(max-width: 767px){main.artikel #hero .center h1{text-align:center;font-size:3.2rem;margin:1rem auto;text-shadow:0 0 10px #000}}main.artikel .text{padding-top:clamp(2rem,5vw,7rem);text-align:left}main.artikel .text .row{max-width:800px}main.artikel .text .row h2{margin:7rem 0 3rem 0}main.artikel .text .row p{line-height:30px}main.artikel .text .row.center{text-align:center}main.artikel .text.shaded{background-color:hsl(var(--color-secondary))}.ueber-mich main #about{padding-top:clamp(3rem,6vw,8rem)}.ueber-mich main #about .row .content.flex{display:flex;align-items:center;margin:0 auto;gap:8rem}@media(max-width: 1199px){.ueber-mich main #about .row .content.flex{flex-direction:column;gap:4rem}.ueber-mich main #about .row .content.flex picture,.ueber-mich main #about .row .content.flex div{width:100%;max-width:650px}}@media(min-width: 1199px){.ueber-mich main #about .row .content.flex{text-align:left}.ueber-mich main #about .row .content.flex picture,.ueber-mich main #about .row .content.flex div{width:50%}.ueber-mich main #about .row .content.flex p{max-width:550px}}.ueber-mich main #about .row .content.flex picture img{border-radius:5px}.ueber-mich main #about .row .content.flex .text h1{font-size:4rem;font-weight:600;margin-bottom:2rem}.ueber-mich main #about .row .content.flex .text h2{font-size:2rem;font-weight:300;letter-spacing:.05em;margin-bottom:4rem;text-transform:none;opacity:.35}@media(min-width: 1200px){.ueber-mich main #about .row .content.flex .text h2{max-width:450px}}.ueber-mich main #about .row .content.flex .text strong{color:hsl(var(--color-primary))}.ueber-mich main #about .row .content.flex .links{margin-top:8rem}.ueber-mich main #about .row .content.flex .links svg{display:block;width:7rem;height:auto;margin-left:.25rem}@media(max-width: 1199px){.ueber-mich main #about .row .content.flex .links svg{margin:0 auto}}.ueber-mich #vita{background-color:hsl(var(--color-secondary))}.ueber-mich #vita .row .content{display:flex;gap:8rem;justify-content:center;text-align:left}@media(max-width: 1199px){.ueber-mich #vita .row .content{flex-direction:column}}.ueber-mich #vita .row .content div{width:50%}@media(max-width: 1199px){.ueber-mich #vita .row .content div{width:100%;max-width:650px;margin:0 auto}}.ueber-mich #vita .row .content div h2{margin-bottom:6rem}.ueber-mich #vita .row .content div ul{list-style:none}.ueber-mich #vita .row .content div ul li{margin-bottom:2rem;padding-left:2rem;position:relative;font-weight:600}.ueber-mich #vita .row .content div ul li span{font-weight:300}.ueber-mich #vita .row .content div ul li:before{content:"•";font-size:2rem;font-weight:800;margin-right:.5rem;color:hsl(var(--color-primary));position:absolute;left:0;top:-0.2rem}.ueber-mich #family .row picture img{border-radius:5px;box-shadow:0 0 50px rgba(0,0,0,.1)}.legal{max-width:800px;margin:0 auto}.legal h1{font-size:4rem;font-weight:300;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6rem}.legal h2{margin:7rem 0 3rem 0}.legal a{color:hsl(var(--color-primary))}footer{width:100%;background-color:hsl(var(--color-text));color:hsl(var(--color-secondary));text-align:center}footer .row .content{padding:8rem 0 5rem 0}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5rem)}100%{opacity:1;transform:none}}@keyframes fadeInZoom{0%{opacity:0;transform:scale(1.2)}100%{opacity:1}}@keyframes fadeInZoomOut{0%{opacity:0;transform:scale(0.85)}100%{opacity:1}}@media(prefers-reduced-motion: no-preference){body{opacity:0;animation:fadeIn 800ms cubic-bezier(1, -0.25, 1, 1) forwards}.home #hero .container{animation:fadeInZoom 3600ms cubic-bezier(0.215, 0.61, 0.355, 1) forwards}.home #hero h1{opacity:0;animation:fadeInUp 900ms 500ms ease-out forwards}.home #hero a{opacity:0;animation:fadeInUp 1200ms 800ms ease-out forwards}#intro .content{opacity:0}#intro .content.visible{animation:fadeInUp 1200ms 200ms ease-out forwards}#methoden{overflow:hidden}#methoden .content{opacity:0}#methoden .content.visible{animation:fadeInZoom 1200ms 200ms ease-out forwards}}@media(prefers-reduced-motion: no-preference)and (min-width: 1199px){#angebot .content{opacity:0}#angebot .content.visible{animation:fadeIn 1200ms 200ms ease-out forwards}}@media(prefers-reduced-motion: no-preference){body.artikel #hero h1{animation:fadeInUp 1200ms 200ms ease-out forwards}#family .row{opacity:0}#family .row.visible{animation:fadeInZoomOut 1200ms 200ms ease-out forwards}#kontakt .content h2,#kontakt .content p{opacity:0}#kontakt .content.visible h2{animation:fadeInUp 800ms 200ms ease-out forwards}#kontakt .content.visible p{animation:fadeInUp 1200ms 600ms ease-out forwards}}/*# sourceMappingURL=style.css.map */