#quiz *{box-sizing:border-box}#quiz .container{display:flex;flex-direction:column;flex:1;margin:0 auto}#quiz .content{text-align:center;padding:24px}#quiz .mt-70{margin-top:70px!important}#quiz img{display:initial}#quiz .box .boxcontent a{display:block;color:#fff}#quiz .box .boxcontent a strong{color:#fff}#quiz p{max-width:none;line-height:1.5}#quiz .icons{height:70px;margin-bottom:5px}@media (max-width:768px){#quiz .icons{height:40px;margin-bottom:0}#quiz #content ul{font-size:1rem}}#quiz .quiz-index .quiz-stage{justify-content:center;align-items:center;display:flex;flex-direction:column}#quiz .quiz-index #content1{background-color:#f2f3f4;margin-top:3%}#quiz .quiz-index #mainbild{max-height:400px;max-width:100%;aspect-ratio:16/9;object-fit:cover}#quiz .quiz-index #entdecketext{font-size:48px}#quiz .quiz-index .motivationstext{font-size:24px;padding-left:15%;padding-right:15%;max-width:70%;text-align:center}#quiz .quiz-index #startquiz{margin-top:30px;margin-bottom:30px;width:100%;transition:transform .1s ease-in-out;cursor:pointer}#quiz .quiz-index #startquiz:hover #myButton{background-color:#b80022}#quiz .quiz-index #startquiz2{height:187.5px}#quiz .quiz-index #myButton{cursor:pointer;background-color:#c50023;color:#fff;border:none;padding:20px 30px;text-align:center;width:300px;margin-top:2%;font-size:18px;font-weight:700;display:inline-block}#quiz .quiz-index .slider-gallery{position:relative;margin:0 auto 48px;max-width:50%;margin-left:25%;margin-right:25%}#quiz .quiz-index .gallery{margin-top:70px;overflow:hidden;aspect-ratio:16/9}#quiz .quiz-index .gallery-track{display:flex;transition:transform .5s ease-in-out}#quiz .quiz-index .gallery img{width:100%;height:100%;flex:1 0 100%;object-fit:cover}#quiz .quiz-index .gallery-nav{display:flex;column-gap:1rem;position:absolute;bottom:.75rem;left:50%;transform:translateX(-50%);z-index:1;width:100%;justify-content:center}#quiz .quiz-index .gallery-nav a{width:13rem;height:.5rem;border-radius:25px;background-color:rgba(255,255,255,.3333333333);opacity:.75;transition:opacity ease 250ms}#quiz .quiz-index .gallery-nav a:hover{opacity:1}#quiz .quiz-index .gallery-nav a.active{opacity:1;background-color:#fff}#quiz .quiz-index .buttons{position:absolute;top:45%;left:5%;width:90%;display:flex;justify-content:space-between}#quiz .quiz-index .buttons button{width:50px;height:50px;border-radius:50%;background-color:rgba(255,255,255,.3333333333);color:#fff;border:none;opacity:.75;transition:opacity ease 250ms}#quiz .quiz-index .buttons button:hover{opacity:1;cursor:pointer}#quiz .quiz-index .whatsapp{background-color:#c50023;color:#fff;width:50%;margin-left:25%;margin-right:25%;justify-content:center;margin-top:100px;margin-bottom:50px}#quiz .quiz-index .whatsappcontent{padding:60px}#quiz .quiz-index .whatsapp img{width:130px;height:130px;padding-bottom:10px}#quiz .quiz-index .whatsapp p{padding-bottom:10px}#quiz .quiz-index .whatsapp a{display:inline-block}#quiz .quiz-index .whatsapp h2,#quiz .quiz-index .whatsapp p{color:#fff}#quiz .quiz-index .whatsapp button{background-color:#fff;color:#000;border:none;font-size:16px;padding-top:18px;padding-bottom:18px;padding-left:25px;padding-right:25px;cursor:pointer}#quiz .quiz-index .whatsapp button strong{color:inherit}#quiz .quiz-index .whatsapp button:hover{background-color:#eee}#quiz .quiz-index #whatsapptext{font-size:40px;margin-bottom:1rem}@media (max-width:768px){#quiz .quiz-index body{line-height:1.5rem}#quiz .quiz-index .logo img{width:86px;height:29.8px;margin-bottom:0;margin-top:5px;margin-right:15px}#quiz .quiz-index .content{padding:12px}#quiz .quiz-index #content1{margin-top:5%}#quiz .quiz-index #mainbild{max-width:94%;margin-left:3%;margin-right:3%;aspect-ratio:16/9;height:auto;object-fit:cover}#quiz .quiz-index #entdecketext{font-size:35px}#quiz .quiz-index .motivationstext{font-size:18px;padding-left:3%;padding-right:3%;max-width:94%;margin-top:4%}#quiz .quiz-index .slider-gallery{max-width:94%;margin-left:3%;margin-right:3%}#quiz .quiz-index .gallery-nav a{width:5rem;height:.4rem;border-radius:10px}#quiz .quiz-index .buttons button{width:30px;height:30px}#quiz .quiz-index .whatsapp{margin-left:3%;margin-right:3%;width:94%}#quiz .quiz-index .whatsappcontent{padding:20px}#quiz .quiz-index .whatsapp img{width:100px;height:100px;padding-bottom:10px}#quiz .quiz-index .whatsapp p{padding-bottom:5px}#quiz .quiz-index #whatsapptext{font-size:30px}#quiz .quiz-index #startquiz2{height:150px}#quiz .quiz-index #myButton{width:200px;height:auto;padding:10px 20px;font-size:16px}}@media (min-width:769px) and (max-width:1024px){#quiz .quiz-index body{line-height:1.5rem}#quiz .quiz-index .logo img{width:114px;height:39.5px;margin-bottom:10px;margin-top:15px;margin-right:40px}#quiz .quiz-index .content{padding:12px}#quiz .quiz-index #mainbild{max-width:80%;margin-left:10%;margin-right:10%;aspect-ratio:16/9;height:auto;object-fit:cover}#quiz .quiz-index #entdecketext{font-size:35px}#quiz .quiz-index .motivationstext{font-size:18px;padding-left:10%;padding-right:10%;max-width:80%}#quiz .quiz-index .slider-gallery{max-width:80%;margin-left:10%;margin-right:10%}#quiz .quiz-index .gallery-nav a{width:5rem;height:.4rem;border-radius:10px}#quiz .quiz-index .buttons button{width:30px;height:30px}#quiz .quiz-index .whatsapp{margin-left:10%;margin-right:10%;width:80%}#quiz .quiz-index .whatsappcontent{padding:20px}#quiz .quiz-index .whatsapp img{width:100px;height:100px;padding-bottom:5px}#quiz .quiz-index .whatsapp p{padding-bottom:5px}#quiz .quiz-index #whatsapptext{font-size:30px}}#quiz .antworten-container{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:5%;width:60%;margin-bottom:80px}#quiz .quiz-1 #content1{width:920px;max-width:100%;margin-left:auto;margin-right:auto}#quiz .quiz-1 #frage{font-size:2.25rem}#quiz .quiz-1 .box{background-color:#c50023;color:#fff;padding:10px;margin:1%;margin-top:1.5rem;flex:1;width:23%;text-align:center;position:relative;cursor:pointer;transition:transform .1s ease-in-out}#quiz .quiz-1 .box:hover{transform:scale(1.05);background-color:#b80022}#quiz .quiz-1 .box .boxcontent{padding:10px 8px}#quiz .quiz-1 #mainbild{width:99%}#quiz .quiz-1 #fragenummer{color:#1b1b1b}@media (max-width:768px){#quiz .quiz-1 #frage{font-size:1.5rem}#quiz .quiz-1 .box{width:100%;height:100px;margin-top:0}#quiz .quiz-1 .box .boxcontent{padding-top:5px;padding-bottom:10px}#quiz .quiz-1 .box b{font-size:12px}}@media (min-width:769px) and (max-width:1024px){#quiz .quiz-1 .logo img{width:114px;height:39.5px;margin-bottom:10px;margin-top:15px;margin-right:40px}#quiz .quiz-1 #frage{font-size:1.5rem}#quiz .quiz-1 .box button{width:100%;padding:5%;margin:0;font-size:1rem;line-height:1.5}#quiz .quiz-1 .box b{font-size:14px}}#quiz .quiz-2 #frage{font-size:2.25rem}#quiz .quiz-2 .box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:146px;background-color:#c50023;color:#fff;width:30.5%;cursor:pointer;transition:transform .1s ease-in-out}#quiz .quiz-2 .box:hover{transform:scale(1.05);background-color:#b80022}#quiz .quiz-2 .box .boxcontent{padding:10px 8px;display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column}#quiz .quiz-2 #mainbild{width:99%}#quiz .quiz-2 #fragenummer{color:#1b1b1b}@media (max-width:768px){#quiz .quiz-2 .logo img{width:86px;height:29.8px;margin-bottom:0;margin-top:5px;margin-right:15px}#quiz .quiz-2 #frage{font-size:1.5rem}#quiz .quiz-2 .box{width:40%;margin-top:0;height:100px}#quiz .quiz-2 .box b{font-size:12px}}@media (min-width:769px) and (max-width:1024px){#quiz .quiz-2 .logo img{width:114px;height:39.5px;margin-bottom:10px;margin-top:15px;margin-right:40px}#quiz .quiz-2 #frage{font-size:1.5rem}#quiz .quiz-2 .box{width:31%}#quiz .quiz-2 .box button{width:100%;padding:5%;margin:0;font-size:1rem;line-height:1.5}#quiz .quiz-2 .box b{font-size:14px}}#quiz .recommendation .berufe{background-color:#f5f5f5;padding-left:20%;padding-right:20%;text-align:left;padding-bottom:40px;margin:50px;margin-bottom:80px;scroll-margin-top:100px}#quiz .recommendation .berufe h2,#quiz .recommendation .berufe img{margin-bottom:2rem}#quiz .recommendation .berufe h4{font-weight:400;margin:0;margin-bottom:10px}#quiz .recommendation .button{border:none;padding-right:20px;padding-left:20px;padding-top:10px;padding-bottom:10px;margin:0 auto;margin-top:50px;font-size:1rem;line-height:1.5;display:block;text-align:center;font-size:1.25rem;font-weight:600;width:auto;display:inline-block}#quiz .recommendation .berufe button:hover{transition:transform .1s ease-in-out;transform:scale(1.04)}#quiz .recommendation .button{background-color:#c50023;color:#fff}#quiz .recommendation .berufe button:hover{background-color:#b80022}#quiz .recommendation .bild_beruf{width:100%;margin-top:40px;margin-bottom:10px}#quiz .recommendation .grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;width:100%;height:auto;line-height:1.5}#quiz .recommendation .grid+p{text-align:center}#quiz .recommendation .flex{display:flex;width:100%;align-items:center}#quiz .recommendation .left{width:20%;text-align:center;padding-right:5px}#quiz .recommendation .right{width:80%}#quiz .recommendation .navbar ul{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;justify-content:center;align-items:center;width:fit-content;margin:auto;width:fit-content;list-style:none}#quiz .recommendation .navbar .button{border:none;background-color:#c50023;cursor:pointer;color:#fff;padding:10px 20px;justify-content:center;align-items:center;margin:auto;font-size:15px;width:100%;white-space:nowrap;display:inline-block}#quiz .recommendation .navbar .button:after{display:none}#quiz .recommendation .navbar button:hover{background-color:#b80022}@media (max-width:768px){#quiz .recommendation .content h1{font-size:1.5rem}#quiz .recommendation .grid{grid-template-columns:1fr;grid-template-rows:auto;gap:0}#quiz .recommendation .berufe{margin:10px;margin-bottom:30px;padding-left:5%;padding-right:5%}#quiz .recommendation .navbar{display:none}}@media (min-width:769px) and (max-width:1024px){#quiz .recommendation .grid{grid-template-columns:1fr;grid-template-rows:auto;gap:0}#quiz .recommendation .berufe{margin:10px;margin-bottom:50px}#quiz .recommendation .navbar{margin-bottom:40px;max-width:none}#quiz .recommendation .navbar button{width:100%}#quiz .recommendation .navbar button{font-size:15px}}#quiz .recommendation .content:last-child a{margin-top:0}.antworten{list-style-type:none;width:100%;display:flex;justify-content:center;gap:1.5rem;padding:0;margin-top:0;margin-bottom:10%;flex-wrap:wrap}@media (min-width:769px) and (max-width:1024px){.antworten{flex-direction:row;flex-wrap:nowrap;justify-content:center;width:100%;margin-bottom:80px}}@media (max-width:768px){.antworten{list-style-type:none;gap:10px;display:flex;grid-template-columns:repeat(2,1fr)}.antworten .boxcontent strong{hyphens:auto;font-weight:400!important;line-height:1.1em;display:inline-block}}@media (max-width:768px){.quiz-1 .antworten .boxcontent strong{hyphens:none}}