﻿*{margin:0;padding:0;font-family:sans-serif;box-sizing:border-box}@font-face{font-family:"Audiowide";src:url("../fonts/Audiowide-Regular.ttf")}h1,h2,h3,h4{font-family:"Audiowide",sans-serif}body{position:relative;min-height:100vh;height:100%;background-color:#89806d}main{padding:50px 0}h1{color:#fff;font-size:60px;padding:30px;text-align:center;letter-spacing:4px}@media(max-width: 720px){h1{font-size:50px;padding:15px}}@media(max-width: 460px){h1{font-size:30px}}header{position:relative;width:100%;height:80vh;display:flex;flex-direction:column}@media(max-width: 820px){header{background-position:30% 50%}}@media(max-width: 730px){header{height:50vh}}@media(max-width: 480px){header{height:30vh;background-position:30% 0}}@media(max-width: 430px){header{height:40vh}}@media(max-width: 300px){header{background-position:center 0}}header nav{position:relative;width:100%;background-color:#016028;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px 20px;z-index:5}header nav .social-icons{display:grid;place-items:center}header nav ul{display:flex;list-style:none;gap:18px;justify-content:center;align-items:center}header nav ul li a{color:#fff;text-decoration:none;display:block;font-size:22px;transition:.2s ease-out}header nav ul li a:hover{transform:scale(1.1)}header nav .logo{font-size:35px;font-weight:bold;letter-spacing:5px;color:#fff;text-decoration:none}@media(max-width: 500px){header nav .logo{font-size:25px}}header nav .logo img{width:75px}header .background-holder{flex-grow:1;background-image:url("../pix/ver1.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center}header .header-call-button{position:absolute;top:20%;right:3%;transform:translate(0%, 10%);opacity:0;z-index:1;animation:sludeUp .75s ease-out forwards}header .header-call-button a{color:#fff;display:flex;padding:20px;border:2px solid #fff;backdrop-filter:blur(5px);text-decoration:none;font-size:20px;gap:15px;border-radius:5px}@keyframes sludeUp{100%{transform:translate(0%, -50%);opacity:1}}.sh header{height:40vh;background-position:50% 30%}.info-section{padding:50px 100px;display:grid;margin:auto;gap:20px;color:#fff;grid-template-columns:50% 50%}.info-section.no-video{display:block}@media(max-width: 1100px){.info-section{display:flex;flex-direction:column;padding:20px}}.info-section .video-wrapper{position:relative;aspect-ratio:16/9;border-radius:5px;overflow:hidden}@media(max-width: 1100px){.info-section .video-wrapper{width:500px}}@media(max-width: 690px){.info-section .video-wrapper{width:300px}}.info-section .video-wrapper .cookie-overlay{position:absolute;height:100%;width:100%;backdrop-filter:blur(15px);display:grid;place-items:center;cursor:pointer}.info-section .video-wrapper img,.info-section .video-wrapper iframe{width:100%;height:100%;object-fit:cover}.info-section h2{margin-bottom:20px}.info-section p{font-size:18px;line-height:25px}@media(max-width: 1320px){.info-section p{font-size:16px;line-height:20px}}@media(max-width: 690px){.info-section p{font-size:14px;line-height:18px}.info-section p.donly{display:none}}.contact-form{color:#fff;padding:50px 100px;margin:auto}@media(max-width: 600px){.contact-form{padding:50px 50px}}.contact-form h2{margin:10px 0 40px 0;font-size:50px}.contact-form .success{background-color:green;padding:10px;border-radius:5px;margin:20px 0;font-size:18px}.contact-form .error{background-color:tomato;padding:10px;border-radius:5px;margin:20px 0;font-size:18px}.contact-form .error ul{margin-left:15px;margin-top:10px}.contact-form .error ul li{margin:5px 0}.contact-form form{display:flex;flex-direction:column;gap:10px}.contact-form form label{display:flex;justify-content:flex-start;align-items:center;gap:20px;flex-wrap:wrap}.contact-form form label span,.contact-form form label input,.contact-form form label textarea,.contact-form form label select{color:#fff;font-size:18px;line-height:25px}.contact-form form label span{flex:0 0 30%}@media(max-width: 600px){.contact-form form label span{flex-basis:100%}}.contact-form form label span.mandatory{position:relative}.contact-form form label span.mandatory::after{content:"*";color:red}.contact-form form label input,.contact-form form label textarea,.contact-form form label select{padding:10px;flex-grow:1;color:#016028;background-color:#f0ebce;border:none;outline:none;-webkit-box-shadow:inset 0px 0px 33px -12px #000;box-shadow:inset 0px 0px 33px -12px #000;border-radius:5px;max-width:100%}@media(max-width: 600px){.contact-form form label input,.contact-form form label textarea,.contact-form form label select{flex-basis:100%}}.contact-form form label textarea{flex:0 0 100%;resize:none}.contact-form form .captcha_label{flex-direction:column;align-items:flex-end;align-self:flex-end;width:50%;padding:10px;border:1px solid #f0ebce;border-radius:5px;gap:10px;margin:20px 0}.contact-form form .captcha_label img{width:100%;border-radius:5px}.contact-form form .captcha_label input{width:100%}.contact-form form .captcha_label .label-header{display:block;text-align:left;width:100%;font-size:18px;font-weight:bold}@media(max-width: 770px){.contact-form form .captcha_label{width:100%}}.contact-form form input[type=submit]{width:50%;align-self:flex-end;padding:10px;font-weight:bold;color:#016028;border:none;outline:none;background-color:#f0ebce;font-size:20px;cursor:pointer;-webkit-box-shadow:inset 0px 0px 33px -12px #000;box-shadow:inset 0px 0px 33px -12px #000;border-radius:5px}footer .primary-footer{background-color:#016028;padding:20px}footer .primary-footer .logo-wrapper{display:flex;gap:10px}footer .primary-footer .logo-wrapper img{width:75px}footer .primary-footer .logo-wrapper h2{margin:20px 0;font-size:30px;color:#fff}@media(max-width: 600px){footer .primary-footer .logo-wrapper img{width:60px}footer .primary-footer .logo-wrapper h2{font-size:25px}}@media(max-width: 400px){footer .primary-footer .logo-wrapper img{width:50px}footer .primary-footer .logo-wrapper h2{font-size:20px}}footer .primary-footer ul{list-style:none;margin:20px 0}footer .primary-footer ul li{margin:15px 0}footer .primary-footer ul li a{color:#fff;text-decoration:none;display:flex;gap:15px;font-size:18px}footer .secondary-footer{background-color:#000;display:grid;place-items:center;padding:10px}footer .secondary-footer ul{list-style:none;display:flex;gap:20px}footer .secondary-footer ul a{color:#fff;text-decoration:none}.contact-section{padding:50px 100px;background:url("../pix/contact.jpg") fixed;background-size:cover;position:relative;background-position:50% 10%}@media(max-width: 895px){.contact-section{padding:50px 50px}}.contact-section .contact-wrapper{width:80%;margin:auto}.contact-section h2{color:#fff;font-size:40px;text-align:center;position:relative;z-index:3}.contact-section .ansprechpartner{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:50px}@media(max-width: 1100px){.contact-section .ansprechpartner{flex-direction:column;align-items:center;gap:0}}.contact-section .ansprechpartner .image-wrapper{aspect-ratio:1/1;position:relative;width:250px;overflow:hidden;border-radius:50%;max-width:100%}@media(max-width: 1100px){.contact-section .ansprechpartner .image-wrapper{width:200px}}.contact-section .ansprechpartner .image-wrapper img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.contact-section .ansprechpartner .infos{position:relative;margin-top:15px}.contact-section .ansprechpartner .infos h2{line-height:70px}.contact-section .ansprechpartner .infos span{color:#fff;font-weight:bold;font-size:30px;font-family:"Audiowide",sans-serif}@media(max-width: 1100px){.contact-section .ansprechpartner .infos span{display:block;text-align:center}}.contact-section .ansprechpartner .infos p{color:#fff;font-size:20px;margin:10px 0;display:flex;align-items:center;gap:10px}.contact-section .ansprechpartner .infos p .bubble{height:10px;width:10px;background-color:#fff;display:block;border-radius:50%}@media(max-width: 1100px){.contact-section .ansprechpartner .infos p{justify-content:center}}@media(max-width: 470px){.contact-section .ansprechpartner .infos p{display:none}}@media(max-width: 900px){.contact-section .ansprechpartner .infos h2{font-size:30px;line-height:40px}.contact-section .ansprechpartner .infos span{font-size:20px}.contact-section .ansprechpartner .infos p{font-size:18px}}@media(max-width: 500px){.contact-section .ansprechpartner .infos h2{font-size:20px;line-height:30px}}@media(max-width: 375px){.contact-section .ansprechpartner .infos h2{display:none}}.contact-section .contact-list{display:flex;width:100%;justify-content:space-between;align-items:center;gap:50px;margin:50px 0;position:relative;z-index:3}.contact-section .contact-list a{display:block;text-decoration:none;color:#fff;padding:15px;border:2px solid #fff;width:40%;text-align:center;font-size:40px;border-radius:5px}.contact-section .contact-list a[active]{border-color:#0ada0a}@media(max-width: 1820px){.contact-section .contact-list a{font-size:30px}}@media(max-width: 1195px){.contact-section .contact-list a{font-size:20px}}@media(max-width: 895px){.contact-section .contact-list{gap:10px;justify-content:space-between}.contact-section .contact-list a{font-size:20px;width:50%}}@media(max-width: 660px){.contact-section .contact-list{justify-content:center}.contact-section .contact-list a{width:fit-content}.contact-section .contact-list .mail-link{display:none}}.who-section{position:relative;width:100%}.who-section h2{color:#fff;font-size:50px;position:relative;z-index:3;padding:50px 100px}.who-section img{width:100%}.who-section .who-image:hover .human-info{transform:scale(1)}.who-section .human-info{position:absolute;background-color:#89806d;color:#fff;padding:10px 20px;z-index:2;font-size:20px;border-radius:5px;-webkit-box-shadow:0px 0px 18px 0px #000;box-shadow:0px 0px 18px 0px #000;transform:scale(0);transform-origin:center center;transition:transform .2s ease-out;display:flex;flex-direction:column;gap:10px}.who-section .human-info span{display:block;text-align:center;cursor:pointer}.who-section .human-info span.member-name{font-weight:bold;font-family:"Audiowide",sans-serif}.who-section .human-info span.instrument{font-size:18px}.who-section .human-info span.spacer{background-color:#fff;height:5px;aspect-ratio:1/1;border-radius:50%;margin:auto;position:relative}.who-section .human-info span.spacer::after,.who-section .human-info span.spacer::before{content:"";position:absolute;top:0;left:0;height:100%;aspect-ratio:1/1;background-color:#fff;border-radius:50%;transition:.2s ease-out}.who-section .human-info:hover .spacer::after,.who-section .human-info:hover .spacer::before{background-color:hotpink}.who-section .human-info:hover .spacer::after{transform:translateX(105%)}.who-section .human-info:hover .spacer::before{transform:translateX(-105%)}.who-section .human-info::after{content:"";position:absolute;height:50%;aspect-ratio:1/1;background-color:inherit;z-index:-1;transform-origin:center}.who-section .human-info.left-arrow::after{top:50%;right:0;transform:translatey(-50%) translateX(25%) rotate(45deg)}.who-section .human-info.right-arrow::after{top:50%;left:0;transform:translatey(-50%) translateX(-25%) rotate(45deg)}.who-section .human-info.top-arrow::after{top:0;left:50%;transform:translatey(-25%) translateX(-50%) rotate(45deg)}.who-section .human-info.bottom-arrow::after{bottom:0;left:50%;transform:translatey(25%) translateX(-50%) rotate(45deg)}.termin-section h2{color:#fff;font-size:50px;text-align:center}.termin-section .termin-list{width:80%;list-style:none;margin:50px auto;display:flex;flex-wrap:wrap;justify-content:center;gap:40px}@media(max-width: 1462px){.termin-section .termin-list{width:100%}}@media(max-width: 800px){.termin-section .termin-list{width:95%}}.termin-section .termin-list li{flex:0 0 30%;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:20px;border:2px solid #016028;padding:15px;border-radius:5px;opacity:.7;transition:.3s ease-out}@media(max-width: 1220px){.termin-section .termin-list li{flex:0 0 45%}}@media(max-width: 800px){.termin-section .termin-list li{flex:0 0 100%}}.termin-section .termin-list li:hover{opacity:1;transform:scale(1.04);box-shadow:10px 10px 74px -42px rgba(0,0,0,.75);-webkit-box-shadow:10px 10px 74px -42px rgba(0,0,0,.75);-moz-box-shadow:10px 10px 74px -42px rgba(0,0,0,.75)}.termin-section .termin-list li a{all:unset;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:20px;position:relative;cursor:pointer}.termin-section .termin-list li a::after{content:"";font-family:"Font Awesome 6 Free",sans-serif;font-weight:600;position:absolute;color:#fff;border:1px solid #fff;border-radius:50%;height:30px;width:30px;display:grid;place-content:center;top:0;right:0}.termin-section .termin-list li .date-info{display:flex;flex-direction:column;justify-content:center;color:#fff;gap:15px}.termin-section .termin-list li .date-info i{font-size:40px}.termin-section .termin-list li .date-info span{font-size:30px}.termin-section .termin-list li .description span{font-size:20px;color:#fff}.referenz-section h2{color:#fff;font-size:50px;text-align:center}.referenz-section ul{margin:50px auto;position:relative;width:80%;list-style:none;display:flex;justify-content:center;align-items:center;gap:50px;flex-wrap:wrap}.referenz-section ul li img{width:250px}/*# sourceMappingURL=style.css.map */