*{margin:0;padding:0;box-sizing:border-box;font-family:montserrat;scroll-behavior:smooth}:root{--primary-blue: #21354b;--secondary-green: #36bd7c }::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:#aaa;width:3px}::-webkit-scrollbar-thumb{background-color:#333;border-radius:3px;width:3px}::-webkit-scrollbar-track-piece{width:3px}body{overflow-x:hidden;background-color:#ddd;width:100vw}#landing{height:100vh;position:relative;background-color:#d9dde0}#landing div:has(canvas){border:none;position:absolute;top:0;left:0;z-index:1}#logoCon{height:600px;width:600px;z-index:2;position:relative;background:#ddd8;box-shadow:3px 3px 10px #c5cbce,-3px -3px 10px #e6ebee;border-radius:10px;top:150px;left:100px;text-align:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#logoCon img{position:relative;height:150px;margin-top:50px;margin-right:20px}#logoCon ul{text-align:left;margin-left:120px;margin-top:20px;font-size:22px}#logoCon ul li{margin-bottom:15px;list-style:"✅";list-style-position:outside;padding-left:20px}.scrollCon{bottom:50px;left:50%;translate:-50%;z-index:3;position:absolute}.scroll{width:60px;height:60px;border:2px solid #333;border-radius:50%;position:relative;animation:down 1.5s infinite;-webkit-animation:down 1.5s infinite}.scroll:before{content:"";position:absolute;top:15px;left:18px;width:18px;height:18px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(-45deg)}@keyframes down{0%{transform:translate(0)}20%{transform:translateY(15px)}40%{transform:translate(0)}}@-webkit-keyframes down{0%{transform:translate(0)}20%{transform:translateY(15px)}40%{transform:translate(0)}}.homeSection{min-height:100vh;padding:40px 80px}.homeSection h1{margin-bottom:20px;margin-top:30px;font-size:42px}#services{background-color:var(--primary-blue);isolation:isolate;position:relative;z-index:1;padding:40px 0 0}.homeSection h1{font-size:46px;margin:0 60px 20px;text-align:center;color:#fff;letter-spacing:.5px}#servicesCon{position:relative;display:flex;justify-content:center;flex-wrap:wrap;width:100%;min-height:80%;background-color:transparent;z-index:2;border-radius:10px;margin:10px 0}.service-item{width:500px;max-height:333px;margin:15px;position:relative;display:flex;overflow:hidden;transition:.3s;border-radius:10px}.service-item img{width:100%;object-fit:cover;object-position:50% 50%;transition:.3s}.service-item p{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;text-align:center;line-height:335px;background-color:#000a;color:#fff;font-size:32px;transition:.3s;cursor:pointer}.service-item:hover{box-shadow:0 0 80px 10px #0008}.service-item:hover img{width:110%;object-position:0% 50%}.service-item p:hover{background-color:transparent;text-shadow:1px 1px 15px #000,0px 0px 10px #000}#bewertung{padding-inline:0;height:70vh;background:linear-gradient(64deg,#2b4663,#08121b 76%);margin-bottom:0;padding-bottom:0!important;padding-top:100px}#bewertung h1{color:#ddd;font-size:56px;transition:.3s;position:relative;display:table;margin:0 auto;cursor:pointer;z-index:2}#bewertung h1:after{content:"";height:5px;width:110%;display:table;position:absolute;bottom:-5px;left:-5%;background:#ddd;transition:.3s;z-index:-1;border-radius:10px}#bewertung h1:hover{color:#2d5177}#bewertung h1:hover:after{height:115%}#ratingsCon{white-space:nowrap;width:100vw;overflow-x:hidden;overflow-y:visible;height:500px;margin:50px auto 0;padding-left:90px;padding-top:50px;scroll-behavior:smooth;align-items:center}#ratingsCon .pair{display:inline;margin-right:200px;margin-left:50px;align-items:center}.rating{white-space:wrap;display:inline-block;height:400px;width:800px;background-color:#133c7511;-webkit-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px);border-radius:20px;position:relative;margin:0 auto;padding:30px 60px;box-shadow:0 0 80px -10px #000a;scale:.9}.rating .ratingImg{width:170px;margin:10px -10px;pointer-events:none;filter:hue-rotate(-10deg)}.rating .date{position:absolute;top:50px;right:80px;font-size:18px;color:#ccc}.rating .description{font-size:20px;letter-spacing:1px;margin-top:5px;color:#eee;line-height:28px;text-align:justify;height:150px;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:normal;white-space:initial}.rating div{display:flex;justify-content:start;align-items:center;flex-wrap:nowrap;margin-top:30px}.rating .clientLogo{width:80px;height:80px;padding:5px;object-fit:contain;border-radius:80px;border:1px solid #999;background-color:#fff}.rating .clientName{font-size:20px;margin-left:15px;font-weight:600;color:#fff}#ratingController{text-align:center}#ratingController button{font-size:32px;background-color:#305eb316;border:none;margin-inline:20px;width:80px;height:80px;border-radius:40px;box-shadow:0 0 20px -4px #0003;cursor:pointer;color:#ddd}#plans{margin-top:0;background-color:#ddd}#header{width:100vw;height:100px;background-color:#21354b;display:flex;justify-content:center;flex-wrap:nowrap;align-items:center}#header img{height:80px;margin:10px 80px}#header div{flex-grow:.1;display:inline-flex;margin-left:auto}#header div a{color:#fff;text-decoration:none;font-size:20px;margin-inline:15px;transition:.3s;position:relative;height:70px;line-height:70px;padding-inline:30px;border-radius:5px}#header div a:after{position:absolute;content:"";height:3px;border-radius:2px;width:50%;bottom:18px;left:50%;transform:translate(-50%) scaleX(0);background-color:#fff;display:block;transition:.3s;transform-origin:center;background-color:#36bd7c}#header div a:hover{background-color:#0e2a43}#header div a:hover:after{transform:translate(-50%) scaleX(1)}#footer{background:linear-gradient(134deg,#2b4663,#08121b 75%);height:500px;width:100vw;display:flex;justify-content:left;align-items:center;flex-wrap:wrap;position:relative}#footer #socials{width:10%;margin-left:80px}#socials a{display:flex;margin-block:50px;height:100px;width:100px;background-color:transparent;border:2px solid #6ec1b1;border-radius:20px;transition:.3s;text-decoration:none;color:#000;position:relative;align-items:center;text-align:center;justify-content:center;box-shadow:0 0 15px -5px #0009;overflow:hidden}#socials a:after{content:"";position:absolute;top:0;left:-1px;height:101%;width:110%;border-radius:10px;z-index:1;transform:translate(-100%);transition:.3s;background:var(--social-bg)}#socials a:has(.fa-instagram):after{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7)}#socials a:has(.fa-telegram-plane):after{background:#24a1de}#socials a:has(.fa-envelope):after{background:#2b4464}#socials a:hover:after{transform:translate(0)}#socials a span{position:relative;font-size:64px;font-weight:100;transition:.3s;z-index:2}.fa-instagram{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);color:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#socials a:hover .fa-instagram{background:#fff;background-clip:text;-webkit-background-clip:text}#socials a:hover .fa-telegram-plane,#socials a:hover .fa-envelope{color:#fff}.fa-telegram-plane{color:#24a1de}.fa-envelope{color:#479097;font-size:56px!important}#copyright{position:absolute;bottom:20px;right:50px;color:#aaa;font-size:20px}#askCon{overflow:hidden;position:relative;margin-top:0;height:300px;text-align:center;margin-inline:130px}#askCon img{width:600px;margin-bottom:-40px}#askCon p{color:#bbb;font-size:22px}#askCon a{color:#aaa;text-decoration:none;font-size:22px;margin-inline:20px;transition:.3s}#askCon input{padding:12px;font-size:22px;background-color:#ddd;border:none;text-align:center;width:700px;border-radius:8px}#ask{position:relative;margin-top:20px;margin-bottom:10px}#askCon #ask button{position:absolute;z-index:2;top:50%;right:10px;translate:0 -50%;background-color:#eee;color:#444;border:none;height:37px;width:42px;box-shadow:0 0 12px -1px #0008;font-size:18px;border-radius:5px;cursor:pointer;line-height:39px}#footer hr{width:1px;height:60%;border:none;background-color:#eee;margin-right:70px;margin-left:50px}#footer #nav a{display:block;color:#bbb;font-size:24px;text-decoration:none;margin-block:21px;transition:.3s}#footer #nav a:hover{color:#fff;text-shadow:1px 0 12px #000;font-size:30px}#askCon a:hover{color:#fff;text-shadow:1px 0 12px #000;font-size:24px}