@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/Content/fonts/Inter-Regular.ttf);font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(/Content/fonts/Inter-Bold.ttf);font-display:swap}:root{--primary:#654321;--text:#000000;--accent-1:#666666;--accent-2:#999999;--toggler:#1e1e1e;--background:#ffffff;--max-width-body:1000px}.darkmode{--primary:#a08467;--text:#ffffff;--accent-1:#999999;--accent-2:#666666;--toggler:#f1f1f1;--background:#1e1e1e}::-webkit-scrollbar{width:0}html{scrollbar-width:none}::marker{color:var(--primary)}::selection{color:var(--background);background-color:var(--text)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-weight:400;font-size:14px;background:var(--background);color:var(--text)}.wrapper{display:grid;grid-template-rows:auto 1fr 100px;grid-template-columns:100%;grid-template-areas:"header" "content" "footer";justify-items:center;max-width:var(--max-width-body);margin:0 auto;overflow:hidden}main{grid-area:content;flex-direction:column;align-items:center;min-height:calc(100vh - 100px);padding:20px}a{color:var(--primary)}a:hover{opacity:.9}a:active{opacity:.8}h1{font-size:40px;font-weight:400;margin-bottom:30px;line-height:.9}h2{font-size:30px;font-weight:400;margin-bottom:30px}hr{width:100%;margin:40px 0}img,svg{user-select:none}.dark-text{color:var(--text)}.light-text{color:var(--accent-1);font-weight:400}#darkmode-label{position:fixed;bottom:-50px;left:-50px;height:100px;width:100px;background-color:var(--toggler);box-shadow:0 0 5px #000 inset;transform:rotate(45deg);user-select:none;cursor:pointer;z-index:9999;transition:bottom .3s,left .3s,height .3s,width .3s}header{grid-area:header;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:20px}header>div{width:100%;display:flex;justify-content:space-between;align-items:flex-start}header #nav-icon{font-size:30px;cursor:pointer;user-select:none;color:var(--text)}#logo{transition:scale .3s;height:50px;width:52px}#logo:hover{scale:1.1;transition:all .3s}#logo path{fill:var(--text)}nav{height:0;width:100%;font-size:20px;overflow:hidden;transition:height .3s}nav ul{display:flex;flex-direction:column;justify-content:space-between;align-items:center}nav li{list-style:none;padding:10px 0}nav li:last-child{border:none}nav a{text-decoration:none;position:relative;color:var(--text)}nav a::before{content:"";position:absolute;top:-4px;left:0;height:2px;width:0%;background-color:var(--primary);transition:width .3s}nav a::after{content:"";position:absolute;bottom:-4px;left:0;height:2px;width:0%;background-color:var(--primary);transition:width .3s}nav a.active-site::before{content:"";position:absolute;top:-4px;left:0;height:2px;width:100%;background-color:var(--primary)}nav a.active-site::after{content:"";position:absolute;bottom:-4px;left:0;height:2px;width:100%;background-color:var(--primary)}nav a:active{color:var(--accent-1)}.active{border-bottom:1px solid var(--text);height:178px;transition:height .3s}#home{display:flex;width:100%}#home-text{text-align:center;max-width:400px}#home-text h1{font-weight:700;margin-bottom:30px}#home-text p{color:var(--accent-1);margin-bottom:40px}#ecken{font-weight:700;background:url(/Content/images/holz.webp) 0 0/cover no-repeat;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.case-container{height:100%;display:flex;align-items:center;padding-left:60px;margin-bottom:20px}.case{position:relative}#case{width:385px;height:auto;margin-left:30px;animation:case-hover 2s infinite ease-in-out alternate-reverse}#bg-shadow{position:absolute;top:50px;left:100px;height:250px;width:250px;border-radius:50%;background:var(--accent-1);filter:blur(50px);z-index:-99}#case-shadow{position:absolute;left:90px;top:300px;height:100px;width:270px;border-radius:50%;background:#000;filter:blur(30px);z-index:-98;animation:shadow-hover 2s infinite ease-in-out alternate-reverse}#produkt{max-width:1000px}#produkt p{width:100%}#produkt hr{display:none;width:150%;margin:20px 0 50px 0;z-index:-1}section{display:flex;flex-direction:column-reverse;margin-top:50px}section:nth-child(2n){flex-direction:column}section>*{margin-bottom:50px}.text{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.text h1{max-width:500px;font-weight:700;margin-bottom:20px}.text p{color:var(--text);max-width:400px}.bild{display:flex;justify-content:center;align-items:center}.bild img{max-width:60%;border-radius:50%}.darkmode .bild img{box-shadow:0 0 40px #000}#uebermich{max-width:900px;align-items:flex-start;color:var(--text)}#uebermich p:first-of-type{width:100%;text-align:center;margin-bottom:50px;font-size:20px}#uebermich li,#uebermich p{margin-bottom:10px}#uebermich ol,#uebermich ul{padding:20px 30px}#pb-container{margin:0 auto;margin-bottom:30px;display:flex;justify-content:center}#pb{border-radius:50%}audio{width:100%;margin-top:10px;margin-bottom:40px}iframe{width:100%;margin-top:10px}#kontakt{max-width:900px;align-items:flex-start}#form-container{width:100%}form input{height:40px}form textarea{resize:none}form input[type=email],form input[type=text],form textarea{background-color:var(--background);border:1px solid var(--accent-1);padding:20px;font-family:Inter,'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:16px}form input[type=email],form input[type=text],form label,form textarea{display:block;width:100%;margin-bottom:10px}.darkmode input,.darkmode textarea{color:var(--text);background-color:var(--background)}#form-btn{display:flex;justify-content:space-between}#form-btn input{width:100%;border:1px solid var(--accent-1);background-color:#fff;color:var(--text);margin-top:20px;font-size:16px;cursor:pointer}.darkmode #form-btn input{color:var(--text);background-color:var(--background)}input:hover,textarea:hover{opacity:.6}#form-btn input:active{opacity:.4}footer{grid-area:footer;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:20px 40px}.copyright{margin-bottom:10px}.hover-effect{animation:case-hover 2s infinite ease-in-out alternate-reverse}@keyframes case-hover{from{transform:translateY(-5px)}to{transform:translateY(5px)}}@keyframes shadow-hover{from{filter:blur(30px)}to{filter:blur(20px)}}@media only screen and (min-width:600px){h1{font-size:3.5rem}#case{width:600px;margin-left:0;animation:case-hover 2s infinite ease-in-out alternate-reverse}#bg-shadow{top:50px;left:40px;height:500px;width:500px;filter:blur(100px)}#case-shadow{left:90px;top:460px;height:150px;width:400px;filter:blur(30px);filter:blur(0)}footer{flex-direction:row;justify-content:space-between}}@media only screen and (min-width:900px){body{overflow-x:hidden}.wrapper{overflow:visible}#home-text h1{font-size:4rem;margin-bottom:100px}header{flex-direction:row}header>div{width:auto}.active{border-bottom:none;height:auto}nav{display:block;width:70%;height:auto}nav ul{flex-direction:row}#nav-icon{display:none}nav a:hover::after,nav a:hover::before{width:100%;transition:all .3s}#home{flex-direction:row}#home-text{min-width:380px;text-align:left}section{flex-direction:row!important;justify-content:space-between;height:calc(15%)}#produkt hr{display:block}.text{padding:0 50px;text-align:left}.text h1{margin-bottom:0}.bild{width:140%}.bild img{max-width:100%}.copyright{margin-bottom:0}}@media only screen and (min-width:1200px){#darkmode-label{bottom:-100px;left:-100px;height:200px;width:200px;transition:bottom .3s,left .3s,height .3s,width .3s}#darkmode-label:hover{bottom:-120px;left:-120px;height:240px;width:240px;transition:all .3s}}