*{padding:0;margin:0}body{font-family:Montserrat,sans-serif;background-color:#ffeef8}.navbar{display:grid;grid-template-columns:1fr 2fr 1fr;justify-content:center;align-items:center;background-color:#ffeef8;padding-right:2vw}.navbar img{width:auto;height:7vh;margin:2vh}.navlist{display:flex;flex-direction:row;list-style:none;gap:2vw;width:100%;justify-content:center;font-size:1.2rem}.navlist a{position:relative;text-decoration:none;color:#9c5351;display:inline-block}.navlist a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:#9c5351;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.navlist a:hover:after{transform:scaleX(1)}.navlist a.active:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:#9c5351;transform:scaleX(1);transform-origin:left}.navlist a.active:hover:after{transform:scaleX(1)}.searchbar{display:flex;width:100%;justify-content:end}.search{border-radius:100px;height:3vh;width:20vw;padding-left:2vw;padding-right:3%;font-size:1rem;border:1px solid grey;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADqElEQVR4AdXBT4hUdQAA4G/em2oOc1hikoE8CHkYaKENPexhQTfCFnmpyIJSCwmVWXjpJtjBS2QeLA+RHqKkJC0fGRYoVP49rCKyQukGBWtITjDSIA9ZY5WCX7Bt6vpm3XXG7yu4N2XUUEUV8wWXMIYzaJpDBa2bjwGsQR9KpvcLvsE+DJtlBfktxGYMoSiYwDnUUcclwQLU8CTKJg3jXRwwSwrurox3sAFFjOMw9uMQGqbXh0GsQVVwCK9jzD0qmN5ifIkFGMcubEVd60rYgM2oIMOr2OsexO5sAN9iHs7heXyCzMxMYBgf4wn0YBA3cNwMxW5vAAdRwh4sx+9mxzV8gStYhmdRwFEzELtVNw6jhB1Yj5tm32lcwGo8gz9wRotiU5VxAvOwB+vNrfO4jBUYwEHUtSA21XYswzksx01z7yweQy968RFuyikyqQevYQLrMOH+2YQx9GBICyKT3kIRH2DE/ZXhTcFmFOUUCRZgJcaxVXscwDksxKCcIsEQikhR1z47BUNyigSrBPu1135M4Dl0ySFCCYswgUPaq4FTKGKxHCJ0C37CuPY7I+iVQ4RuwajO8KNgoRwilAUNnaEh6JJDhIqgoTM0BV1yiDAuKOkMZUEmhwh1QVVnqAgacojQECzUGWqCMTlEOCl4SmfoFozIIUITv6KMPu1VwhLBsBwiwQHBoPYaQBmnUJdDJPhM8CJK2med4ICcIsEIjqGCDdqjByvRxE45RSZtEWxGxf33nmA3mnKKTDqK71HBh+6vjViKS9iiBbGpjuMV9OAKTpt7ffgURbyMs1oQm6qJy1iFZbiA8+bOYnyFLuzCNi2K3WoE17EMq3EZZ82+XnyNKq5jEFe1KHZ7J/EQlmIFKjiBv8yOjdiNR3Edj2A5UmRaELuzH3ARCXrxAi5i1Mz14HO8gYexC4NYjhoSpMjkFJveCA7iaXRjLVbhBn7DNXfXhUG8je1YgAZewjZcRYoENSRIkcmhIJ8iNmATHhdMYBhn8DPGMI4K5qOKRViKoqCJHXgfTVNVcQQ1jKIfdXdR0Joi1mIIS1BydxM4hv3Yi6Y7q+IIahhFP+qmUTBzZfShG92YjyIaqKOOUXyHpvyqOIIaRtGPujso6ExVHEENo+hH3W3EOlOGFAlqSJAi8z+xzpUhRYIaEqTI/Eess2VIkaCGBCky/4p1vgwpEtSQIEXmH7EHQ4YUCWpIkCKLPTgypEhQQ4J9sQdLhhQJavjTA6qCTej6G4Ym50FXU0PxAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:1rem 1rem;background-position:1.5% center;height:2rem;margin-right:.5vw}input:focus{outline:none}.footer{background-color:#ffeef8;color:#9c5351;display:flex;flex-direction:column}.impressum a{text-decoration:none;color:#9c5351;font-size:120%}.impressum p{font-size:90%}.impressum{display:flex;flex-direction:column;gap:.2vh;justify-content:center;align-items:center;padding:1vh 0}.impressum a:hover{text-decoration:underline}.productvideo{display:flex;align-items:center;justify-content:center;border:2px solid black;border-radius:10px}.einleitungstext{display:flex;flex-direction:column;justify-content:center}.einleitungstext h1{font-size:5rem;font-family:Licorice,cursive;text-align:center;margin:2vh auto}.einleitungstext p{font-size:1.5rem;margin:2vh auto;text-align:center;width:40vw}.einleitungstext h2{font-family:Licorice,cursive;font-size:3rem;margin:2vh auto}.einleitungstext img{display:block;margin:0 auto;width:20vw}.scrollhinweis{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;position:relative;justify-items:center}.scrollhinweis p{grid-column:1 / -1;justify-self:center;font-size:1.5rem;margin:2vh auto}.rightendtext{display:flex;gap:10px;grid-column:2;justify-self:end;gap:1vw;align-items:center;font-family:Licorice,cursive;font-size:1.5rem;margin:0 auto 2vh}.scrollhinweis img{height:5vh;width:auto}.indexbottom h4{font-size:1.5rem;margin-top:15vh}.productvideo{width:40vw;aspect-ratio:16/9}.stepbystep{list-style:none}.listelements{display:grid;grid-template-columns:1fr 5fr 1fr;align-items:center;width:40vw;margin:0 auto}.stepbystep a{text-decoration:none;background-color:#eb9b98;border-radius:100px;color:#7c4847}.stepbystep a:focus{background-color:#c07c7a}.stepbystep a:hover{box-shadow:4px 4px 6px #00000080}.stepbystep h5{font-size:1.3rem;display:flex;align-items:center}.stepbystep a:visited{color:#7c4847;text-decoration:none}.stepbystep img{transform:rotate(-90deg);width:1vw;height:auto;max-width:100%;display:block}.imagebackground{background-color:#fff;border-radius:100px;height:4rem;aspect-ratio:50/50;display:flex;justify-content:center;align-items:center;justify-self:end}.stepbystep p{background-color:#fff;aspect-ratio:50/50;height:3.5rem;font-family:Licorice,cursive;font-size:2.5rem;text-align:center;border-radius:100px;padding:5.5%}.threebuttons{display:flex;flex-direction:column;gap:5vh;margin:5vh auto}.indexbottom{display:flex;flex-direction:column;align-items:center;gap:7vh;margin-bottom:7vh}.maincontent{margin:2,5% 5%;padding:2%}.box{background:#eb9b98;border-radius:32px;margin:32px auto;max-width:1500px;min-height:540px;box-shadow:0 4px 24px #0001;padding:0;display:flex;flex-direction:column;align-items:stretch;width:70vw}.mainrow{display:flex;flex-direction:row;align-items:flex-start;gap:40px}.leftcol{flex:1;display:flex;flex-direction:column;align-items:flex-start;min-width:320px}.headline{font-size:1.5rem;font-weight:700;margin-bottom:16px;margin-left:255px;margin-top:5vh}.poster{background:#c7c7c7;border-radius:24px;width:35rem;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.13rem;padding:38px 10px 24px;margin-bottom:12px;box-sizing:border-box}.poster-desc{font-size:1.12rem;color:#222;text-align:center;margin-top:8px}.form-container{flex:1;min-width:240px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:36px}.form{width:100%;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.form label{margin-bottom:4px}.form input[type=text]{width:30rem;max-width:340px;padding:7px 8px;border-radius:6px;border:1px solid #aaa;font-size:1rem;background:#fff;margin-bottom:8px}.radio{display:flex;align-items:center;gap:6px}.form a{background:#7c4847;color:#fff;border:none;border-radius:8px;padding:10px 30px;font-size:1.1rem;font-weight:500;cursor:pointer;margin-top:10px;box-shadow:0 2px 8px #6273a528;text-decoration:none}.form a:hover{background:#5a3433}.details{margin-top:28px;background:none;padding:12px 0 0 20px;font-size:1.13rem;color:#222;display:flex;flex-direction:column;gap:10px;text-align:left;margin-left:6px}@media (max-width: 900px){.mainrow{flex-direction:column;gap:20px}.poster,.form-container{width:100%;min-width:0;border-radius:24px}.form-container{padding-top:16px}}@media (max-width: 600px){.box{padding:8vw 2vw}.form input[type=text]{width:96vw;max-width:260px}}.threevideos-container{display:flex;align-items:center;justify-content:space-between;position:relative;width:100%}.arrow-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem}.arrow-button img{width:100%;height:auto}.left-arrow{position:absolute;left:1rem}.right-arrow{position:absolute;right:1rem}.threevideos{display:flex;justify-content:space-around;align-items:center;width:100%;padding:2% 0;margin:5vh 0;background:linear-gradient(to right,#ffeef8,#ffba97)}.threevideos li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;border-radius:20px;padding:2%}.Videobeispiele{background-color:#fff;padding:1rem;border-radius:1rem;width:180px;height:100px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.Videobeispiele:hover{transform:scale(1.05);box-shadow:0 6px 10px #00000026}.Videobeispiele .title{font-size:1.1rem;margin:0;padding-left:1rem}.Videobeispiele .date{font-size:.9rem;color:#333;margin:0}.forum-layout{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin:2rem}.recording{background-color:#ffeef8;border-radius:.5rem;padding:2rem;text-align:center;font-size:1.2rem;border:1px solid #999;aspect-ratio:16 / 9;height:auto;margin-top:2rem}.like-dislike-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.like-button,.dislike-button{background-color:#d87370;color:#fff;border:1px solid #ccc;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000001a}.like-button img,.dislike-button img{width:1.5rem;height:auto}.like-button:hover,.dislike-button:hover{background-color:#bb6360}.forumkommentare{flex:2;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.forumkommentare ul{list-style:none;padding:0}.forumkommentare li{background-color:#ffba97;padding:1rem;margin:2rem;border-radius:2rem;display:flex;align-items:center;position:relative}.forumkommentare .comment-author{font-weight:700;margin:0 1rem 0 0}.comment-row{display:flex;align-items:center;gap:1rem;position:relative}.profile-circle{width:3rem;height:3rem;border-radius:50%;background-color:#ff915b;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.comment-section{width:100%;margin:0;padding:1rem;box-sizing:border-box;position:relative}.comment-input{width:100%;padding:1rem;font-size:1rem;border-radius:1rem;border:1px solid #ccc;resize:none;box-sizing:border-box}.send-button{position:absolute;right:2rem;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.send-button img{width:2.5rem;height:auto}.forumkommentare .heart-button{position:absolute;right:-4rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer}.forumkommentare .heart-circle{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid black;background-color:transparent;display:flex;align-items:center;justify-content:center}.forumkommentare .heart-icon{width:1.5rem;height:1.5rem;fill:#ffeef8;stroke:#000;transition:transform .2s ease,stroke .2s ease,fill .3s ease}.forumkommentare .heart-icon.unliked{stroke:#000;fill:#ffeef8}.forumkommentare .heart-button:hover .heart-icon.unliked{stroke:#999}.forumkommentare .heart-icon.liked{fill:#e11d48;stroke:#e11d48}.forumkommentare .heart-button:hover .heart-icon.liked{fill:#be123c;stroke:#be123c}.forumkommentare .heart-button:active .heart-icon{transform:scale(.9)}.forumkommentare .heart-icon.animate-pop{animation:pop .2s ease-out}.abstimmentext h2{text-align:center;width:50vw;margin:8vh auto;font-size:1.3rem;font-weight:lighter}.abstimmentext img{height:auto;width:2vw;aspect-ratio:1;vertical-align:bottom}.cardimage img{aspect-ratio:50/50;width:100%;box-shadow:4px 4px 12px #00000040;border-radius:20px}.cardimage{position:absolute;width:100%}.cardstack{position:relative;aspect-ratio:50/50;height:40vh;margin:20vh auto 10vh}.cardstack .cardimage:nth-child(1){z-index:5;margin-left:0;margin-top:0}.cardstack .cardimage:nth-child(2){z-index:4;margin-left:20px;margin-top:-20px}.cardstack .cardimage:nth-child(3){z-index:3;margin-left:40px;margin-top:-40px}.cardstack .cardimage:nth-child(4){z-index:2;margin-left:60px;margin-top:-60px}.cardstack .cardimage:nth-child(5){z-index:1;margin-left:80px;margin-top:-80px}.heartandcross{display:flex;flex-direction:row;gap:8vw;justify-content:center;align-items:center;margin-bottom:15vh}.heart-button{background:none;border:none;padding:0;cursor:pointer;justify-self:center}.heart-circle{width:6vw;aspect-ratio:1/1;border-radius:50%;border:2px solid black;background-color:transparent;display:flex;align-items:center;justify-content:center}.heart-icon{width:5vw;aspect-ratio:50/50;stroke-width:2;transition:transform .2s ease,stroke .2s ease,fill .3s ease}.heart-icon.unliked{stroke:#000;fill:#ffeef8}.heart-button:hover .heart-icon.unliked{stroke:#999}.heart-icon.liked{fill:#e11d48;stroke:#e11d48}.heart-button:hover .heart-icon.liked{fill:#be123c;stroke:#be123c}.heart-button:active .heart-icon{transform:scale(.9)}.heart-icon.animate-pop{animation:pop .2s ease-out}.cross-button{background:none;border:none;padding:0;cursor:pointer;justify-self:center}.cross-circle{width:6vw;aspect-ratio:1/1;border-radius:50%;border:2px solid black;background-color:transparent;display:flex;align-items:center;justify-content:center}.cross-icon{width:5vw;aspect-ratio:1 / 1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease,stroke .2s ease,fill .3s ease}.cross-icon.unclicked{stroke:#454545}.cross-button:hover .cross-icon.unclicked{stroke:#000}.cross-icon.clicked{stroke:#000;fill:#000}.cross-button:hover .cross-icon.clicked{fill:#222;stroke:#222}.cross-button:active .cross-icon{transform:scale(.9)}.cross-icon.animate-pop{animation:pop .2s ease-out}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.heartandcross{display:flex;flex-direction:row;gap:8vw;justify-content:center;align-items:center}.cardimage{position:absolute;width:100%;transition:margin .6s ease,transform .6s ease,opacity .6s ease}@keyframes slideLeft{to{transform:translate(-120%) rotate(-8deg);opacity:0}}@keyframes slideRight{to{transform:translate(120%) rotate(8deg);opacity:0}}@keyframes shift0{to{margin:-0px 0 0}}@keyframes shift1{to{margin:-20px 0 0 20px}}@keyframes shift2{to{margin:-40px 0 0 40px}}@keyframes shift3{to{margin:-60px 0 0 60px}}.cardstack.slide-left .cardimage:nth-child(1){animation:slideLeft .6s forwards;z-index:10}.cardstack.slide-right .cardimage:nth-child(1){animation:slideRight .6s forwards;z-index:10}.cardstack.slide-left .cardimage:nth-child(2),.cardstack.slide-right .cardimage:nth-child(2){animation:shift0 .6s forwards;z-index:5}.cardstack.slide-left .cardimage:nth-child(3),.cardstack.slide-right .cardimage:nth-child(3){animation:shift1 .6s forwards;z-index:4}.cardstack.slide-left .cardimage:nth-child(4),.cardstack.slide-right .cardimage:nth-child(4){animation:shift2 .6s forwards;z-index:3}.cardstack.slide-left .cardimage:nth-child(5),.cardstack.slide-right .cardimage:nth-child(5){animation:shift3 .6s forwards;z-index:2}.nexteventtext{display:flex;flex-direction:column;gap:1vh;align-items:center;justify-content:center;margin:5vh 0 0}.nexteventtext h2{font-weight:lighter}.pictureandsidebar p{background-color:#e6918e;width:30vw;text-align:center;padding:15rem 5rem;font-size:2rem;border-radius:30px}.personicon{border:1px solid black;border-radius:100px;padding:1rem;height:100%}.smallheart{width:1.5vw}.sidebar{background-color:#fff;display:flex;flex-direction:column;gap:1vh;width:2vw;padding:1.5rem;border-radius:30px;align-items:center;height:100%}.cornertext p{background-color:#fff;width:7vw;border-radius:100px;aspect-ratio:1/1;display:flex;align-items:center;justify-items:center;text-align:center;justify-content:center;padding:1rem;flex-direction:column;gap:1vh;font-size:70%;justify-self:end;margin-right:26vw}.pictureandsidebar{display:flex;flex-direction:row;margin-left:29vw;margin-right:auto;width:60vw;margin-bottom:5vh}.teilnehmenbutton{background-color:#9c5351;color:#fff;text-decoration:none;padding:2rem;font-size:1.5rem;border-radius:30px}.teilnehmenbutton:active,.teilnehmenbutton:hover{background-color:#683937}.buttondiv{display:flex;justify-content:center;margin-bottom:10vh}.feedback-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:90vh;margin-top:30px}.feedback-headline{text-align:center;font-size:2rem;margin-bottom:12px;font-weight:500}.feedback-sub{text-align:center;font-size:1.3rem;margin-bottom:30px}.feedback-box{background:#eb9b98;border-radius:20px;padding:32px 36px 30px;max-width:560px;width:100%;box-sizing:border-box;margin-bottom:20px;font-size:1.14rem;box-shadow:0 4px 18px #0001;display:flex;flex-direction:column;gap:14px}.feedback-box b{font-weight:700}.print-btn{display:flex;align-items:center;background:#ffb9b7;color:#222;border:none;border-radius:18px;padding:10px 30px;font-size:1.18rem;font-weight:500;margin-top:16px;cursor:pointer;transition:background .18s;gap:12px}.print-icon{font-size:1.35em;margin-right:8px;line-height:1}.back-home-btn{background:#9c5351;color:#fff;border:none;border-radius:15px;padding:13px 36px;font-size:1.13rem;font-weight:500;margin-top:18px;cursor:pointer;box-shadow:0 2px 8px #6273a528;transition:background .18s;text-decoration:none}.back-home-btn:hover{background:#753f3d}@media (max-width: 700px){.feedback-box{padding:16px 4vw 18px;font-size:1rem}.feedback-headline,.feedback-sub{font-size:1.1rem}}@media (min-width: 1440px){.container,.main-content{max-width:1200px;margin:0 auto}.card{width:60%;font-size:1.1rem}.heart-circle,.cross-circle{width:5vw}.heart-icon,.cross-icon{width:4vw}.teilnehmenbutton{font-size:1.6rem;padding:2.5rem}.feedback-box{max-width:600px;font-size:1.2rem}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.container,.main-content{padding:2rem}.card{width:80%;font-size:1rem}.heart-circle,.cross-circle{width:8vw}.heart-icon,.cross-icon{width:6vw}.sidebar{flex-direction:row;width:100%;padding:1.2rem;gap:1.5rem}.pictureandsidebar{flex-direction:column;width:30%}.personicon{width:1.5vw;height:auto;padding:1rem}.teilnehmenbutton{font-size:1.2rem;padding:1.8rem}.feedback-box{max-width:85%;font-size:1rem}}