@charset "UTF-8";
body,html{font-size:16px;background-color:#050507;color:#dfdfdf;scroll-behavior:smooth;font-family:Inter}
body p,html p{color:#dfdfdf;line-height:1.4;font-weight:200}
section{padding:70px 5vw;position:relative}
@media (max-width:767.98px){section{padding:60px 4vw}}
@media (max-width:575.98px){section{padding:50px 3vw}}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{line-height:1.4;font-weight:700;color:#dfdfdf}
h1,.h1{font-size:clamp(2.8rem,calc(1.8rem + ((1vw - 0.32rem) * 3)),4.2rem) !important;text-shadow:0px 4px 8px rgba(255,255,255,0.05),0px 8px 30px rgba(255,255,255,0.2);line-height:1 !important}
h2,.h2{font-size:clamp(1.9rem,calc(1.4rem + ((1vw - 0.32rem) * 2)),3rem) !important;text-shadow:0px 4px 8px rgba(255,255,255,0.05),0px 8px 30px rgba(255,255,255,0.2)}
h3,.h3{font-size:clamp(1.6rem,calc(1.3rem + ((1vw - 0.32rem) * 1.5)),2.5rem) !important;text-shadow:0px 4px 8px rgba(255,255,255,0.05),0px 8px 30px rgba(255,255,255,0.2)}
h4,.h4{font-size:clamp(1.3rem,calc(1.1rem + ((1vw - 0.32rem) * 1.2)),2rem) !important}
h5,.h5{font-size:clamp(1.1rem,calc(1.0rem + ((1vw - 0.32rem) * 1)),1.6rem) !important}
.headline-text-div{display:flex;flex-direction:column;gap:1rem;justify-content:center;width:80%}
.headline-text-div .heading-span-small{color:var(--bs-primary);font-size:1rem;text-transform:uppercase}
@media (max-width:991.98px){.headline-text-div{width:100%}}
.bg-glow-gold{background-color:#000;background-image:radial-gradient(ellipse at top left,rgba(213,187,120,0.5) 0%,transparent 70%),radial-gradient(ellipse at top right,rgba(213,186,120,0.5) 0%,transparent 70%),radial-gradient(ellipse at bottom left,rgba(213,186,120,0.5) 0%,transparent 70%),radial-gradient(ellipse at bottom right,rgba(213,186,120,0.5) 0%,transparent 70%);background-repeat:no-repeat;background-size:60% 60%;background-position:top left,top right,bottom left,bottom right}
.hero-section{min-height:100vh;padding:100px 0;display:flex;align-items:stretch;justify-content:center}
.hero-section .hero-seo-audit{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}
.hero-section .hero-seo-audit .choices{margin-bottom:0;width:100%;box-shadow:none}
.hero-section .hero-seo-audit .choices .choices__inner:has(.choices__item){display:flex;flex-direction:column-reverse;align-items:flex-start;gap:10px;border:none;border-bottom:2px solid #DEC282;background:transparent;color:white;text-align:start;border-radius:0}
.hero-section .hero-seo-audit .choices .choices__input{display:flex}
.hero-section .hero-seo-audit .choices .choices__item{text-align:start}
.hero-section .hero-seo-audit .choices .choices__list{z-index:1030 !important}
.hero-section .hero-seo-audit .choices .choices__button{filter:brightness(0) invert(1);opacity:0.75}
.hero-section .hero-seo-audit .hero-select-wrapper{width:100%}
.hero-section .hero-seo-audit .hero-select-wrapper .btn{width:fit-content}
.hero-section .hero-seo-audit .hero-select-wrapper.shake{animation:shake 0.5s ease}
@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
textarea{resize:none}
.btn-primary{position:relative;display:inline-block;padding:12px 26px;border-radius:80px;font-weight:600;font-size:1rem;color:#2b1f0f;text-decoration:none;background:linear-gradient(225deg,#e7c986 0%,#f4e1a2 30%,#d6b870 60%,#e4d19d 85%,#c8a457 100%);box-shadow:0 4px 12px rgba(200,164,87,0.15);border:none;transition:all 0.25s ease-in-out;overflow:hidden;transition:--grad-angle 0.3s ease-in-out;isolation:isolate}
.btn-primary::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);transform:translateX(-100%) skewX(-20deg);transition:all 0.6s ease-in-out;pointer-events:none;z-index:1}
.btn-primary:hover::before{transform:translateX(100%) skew(-20deg)}
.btn-primary:hover{box-shadow:0 6px 20px rgba(200,164,87,0.35);transform:translateY(-2px);color:#2b1f0f;text-decoration:none}
.btn-secondary{position:relative;display:inline-block;padding:12px 26px;border-radius:80px;font-weight:600;font-size:1rem;color:#2b1f0f;text-decoration:none;background:white;box-shadow:0 4px 12px rgba(200,164,87,0.15);border:none;transition:all 0.25s ease-in-out;overflow:hidden;transition:--grad-angle 0.3s ease-in-out;isolation:isolate}
.btn-secondary::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:translateX(-100%) skewX(-20deg);transition:all 0.6s ease-in-out;pointer-events:none;z-index:1}
.btn-secondary:hover::before{transform:translateX(100%) skew(-20deg)}
.btn-secondary:hover{box-shadow:0 6px 20px rgba(200,164,87,0.35);transform:translateY(-2px);color:#2b1f0f;text-decoration:none}
.card{background-color:#171717;background-size:cover;background-position:center;border-radius:12px;color:white;padding:24px;width:100%;border:1px solid #333;box-shadow:5px 5px 15px 15px rgba(255,255,255,0.02);position:relative;display:flex;flex-direction:column;gap:10px;z-index:2}
.card .card-text{position:relative;z-index:5}
.card .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0a0a0acc;z-index:0;border-radius:10px;border:1px solid white}
.card-tab{background:linear-gradient(145deg,#1b1e25,#111319);border:1px solid rgba(255,255,255,0.1);border-radius:1.2rem;padding:2.5rem;margin-top:1rem;position:relative;z-index:1;box-shadow:0 12px 30px rgba(0,0,0,0.55),inset 0 0 20px rgba(255,255,255,0.03)}
.card-tab h2,.card-tab h3,.card-tab h5{color:#fff}
.card-tab .text-muted{color:#9fa4ad !important}
.card-tab .text-gold{color:#d4af37}
.card-switch-wrapper{margin-top:2rem}
.card-switch-wrapper .content-view-port{height:350px;overflow:hidden;position:relative;border-radius:20px}
.card-switch-wrapper .content-slider{display:flex;flex-direction:column;transition:transform 0.6s ease-in-out}
.card-switch-wrapper .content-card{height:350px;flex-shrink:0;border-radius:20px;overflow:hidden}
.card-switch-wrapper .tab-btn{background-color:#1e1e1e;color:white;border:none;border-radius:12px;padding:12px;text-align:center;font-weight:500;transition:all 0.3s ease;display:flex;flex-direction:column;gap:0.5rem;align-items:center;width:100%}
.card-switch-wrapper .tab-btn i{font-size:1.2rem}
.card-switch-wrapper .tab-btn:hover:not(.active){background-color:#333}
.card-switch-wrapper .tab-btn.active{background:linear-gradient(45deg,#fceabb,#f8b500);color:black;box-shadow:0 0 15px rgba(222,196,137,0.4)}
.card-switch-wrapper .tab-btn.active i{color:black}
@media (max-width:991.98px){.card-switch-wrapper .row{flex-direction:column}.card-switch-wrapper .col-md-3,.card-switch-wrapper .col-md-9{max-width:100%;flex:0 0 100%}.card-switch-wrapper .col-md-3{order:1;margin-bottom:1rem}.card-switch-wrapper .tab-btn{flex-direction:row;justify-content:flex-start;padding:10px 14px;font-size:0.95rem;gap:0.75rem}.card-switch-wrapper .tab-btn i{font-size:1rem}.card-switch-wrapper .tab-btn + .tab-btn{margin-top:0.5rem}.card-switch-wrapper .content-card{height:auto}.card-switch-wrapper .content-view-port{height:auto}.card-switch-wrapper .content-slider{transform:none !important}}
.slider,.slider-reverse{padding:15px 0;position:relative;overflow:hidden;width:100%}
.slider .card,.slider-reverse .card{width:225px}
.slider::before,.slider::after,.slider-reverse::before,.slider-reverse::after{content:"";position:absolute;width:150px;height:100%;z-index:2}
.slider::before,.slider-reverse::before{left:0;top:0}
.slider::after,.slider-reverse::after{right:0;top:0}
.slider .slide-track,.slider-reverse .slide-track{display:flex;gap:20px;align-items:center;width:max-content}
.slider.slider .slide-track,.slider-reverse.slider .slide-track{animation:scroll 50s linear infinite}
.slider.slider-reverse .slide-track,.slider-reverse.slider-reverse .slide-track{animation:scroll-reverse 50s linear infinite}
.slide{display:flex;align-items:center;justify-content:center;min-width:180px;padding:0 10px}
.logo-slider{padding:1rem 3.5rem;display:flex;align-items:center;justify-content:center;width:200px;transition:transform 0.3s ease,box-shadow 0.3s ease}
.logo-slider img{object-fit:contain;height:60px;width:100%;filter:brightness(0) invert(1);transition:filter 0.3s ease}
.logo-slider:hover{box-shadow:0 12px 28px rgba(0,0,0,0.1);transform:translateY(-4px)}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-60%)}}
@keyframes scroll-reverse{0%{transform:translateX(-40%)}100%{transform:translateX(0)}}
@media screen and (max-width:768px){.slider .slide-track,.slider-reverse .slide-track{gap:20px}.logo-slider img{height:50px;width:100%}}
@keyframes slideText{0%,10%{transform:translateY(0)}20%,30%{transform:translateY(-52px)}40%,50%{transform:translateY(-104px)}60%,70%{transform:translateY(-156px)}80%,90%{transform:translateY(-208px)}100%{transform:translateY(0)}}
.text-slider-wrapper{display:flex;flex-direction:column}
.text-slider-wrapper .text-slider{height:52px;overflow:hidden;position:relative}
.text-slider-wrapper .text-slider .slider-list{list-style:none;padding:0;margin:0;animation:slideText 10s infinite;display:flex;flex-direction:column}
.text-slider-wrapper .text-slider .slider-list li{height:52px;line-height:52px;font-weight:600;color:#bf9a53}
.timeline-section{position:relative}
.timeline-section .timeline-card{background:#0A0A0A;border-radius:12px;padding:24px;width:500px;border:1px solid #333;box-shadow:5px 5px 15px 15px rgba(255,255,255,0.02);position:relative;z-index:2}
.timeline-section .timeline-wrapper{position:relative}
.timeline-section .timeline-line{width:6px;background-color:transparent;position:absolute;border:solid 1px #050507;border-radius:999px;left:50%;top:0;bottom:0;transition:height 0.3s,background-color 0.3s}
.timeline-section .timeline-line.active{background-image:linear-gradient(225deg,#e7c986 0%,#f4e1a2 30%,#d6b870 60%,#e4d19d 85%,#c8a457 100%)}
.timeline-section .timeline-item{position:relative;width:100%;margin-bottom:100px;display:flex}
.timeline-section .timeline-item::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-36%,-50%);width:20px;height:20px;border-radius:50%;background:#1a1a1a;border:2px solid #333;outline:#050507 solid 20px;box-shadow:0 0 0 6px rgba(231,201,134,0.08);transition:background 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;z-index:3}
.timeline-section .timeline-item.left{justify-content:flex-start}
.timeline-section .timeline-item.right{justify-content:flex-end}
.timeline-section .timeline-item.is-active::after{background-image:linear-gradient(225deg,#e7c986 0%,#f4e1a2 30%,#d6b870 60%,#e4d19d 85%,#c8a457 100%);box-shadow:0 0 16px 2px rgba(244,225,162,0.45)}
.timeline-section .timeline-item.is-past::after{background-image:linear-gradient(225deg,#e7c986 0%,#f4e1a2 30%,#d6b870 60%,#e4d19d 85%,#c8a457 100%);box-shadow:0 0 10px 1px rgba(231,201,134,0.35)}
.timeline-section .timeline-card{background:#0b0c11;border:1px solid #222;border-radius:16px;padding:24px;position:relative;z-index:1}
.timeline-section .timeline-button-wrapper{text-align:center;margin-top:2rem}
@media (max-width:1199px){.timeline-section .timeline-line{left:20px}.timeline-section .timeline-item{flex-direction:column;align-items:flex-start;margin-bottom:60px}.timeline-section .timeline-item.left::before,.timeline-section .timeline-item.right::before{display:none}.timeline-section .timeline-item::after{left:13px;transform:translate(0%,-50%);outline:#000 solid 8px}.timeline-section .timeline-item .timeline-card{margin-left:42px;width:calc(100% - 42px)}.timeline-section .timeline-button-wrapper{margin-top:3rem}}
.main-header{position:fixed;top:0;left:0;right:0;z-index:1030;background:transparent;padding-top:1.5rem;padding-bottom:0;border:none;box-shadow:none}
.header-pill{background:rgba(10,10,10,0.3);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:5px 5px 15px 15px rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;gap:1.5rem;border-radius:100px;padding:0.5rem 1.75rem}.main-header .navbar-brand{color:#f5d36b;margin-right:1.5rem;font-size:1.1rem}
.main-header .navbar-brand:hover{color:#ffe28f}
.navbar-toggler:focus{box-shadow:none}.main-header .nav-link{color:#f5f5f5;font-weight:400;padding:0.25rem 0.75rem}
.main-header .nav-link:hover,.main-header .nav-link:focus,.main-header .nav-link.active{color:#f5d36b}.main-header .dropdown-menu{border-radius:0.75rem;margin-top:0.6rem}
.main-header .dropdown-item{padding:0.4rem 1rem}
.main-header .btn-primary:hover{filter:brightness(1.05)}@media (max-width:991.98px){.header-pill{padding:0.5rem 1rem}.main-header .navbar-brand{font-size:1rem}}
.image-text-section .image-wrapper-right{position:absolute;transform:skew(-20deg);transform-origin:bottom right;overflow:hidden;width:100%;height:100%;top:0}
@media (max-width:991.98px){.image-text-section .image-wrapper-right{position:relative;transform:none;transform-origin:initial;height:300px}}
.image-text-section .image-wrapper-right .image-right{position:absolute;inset:0;height:100%;transform:skew(20deg);object-fit:cover;transform-origin:bottom left}
@media (max-width:991.98px){.image-text-section .image-wrapper-right .image-right{position:absolute;transform:none;transform-origin:initial}}
.image-text-section .image-wrapper-left{position:absolute;transform:skew(20deg);transform-origin:bottom left;overflow:hidden;width:48%;height:100%;top:0;left:0}
@media (max-width:991.98px){.image-text-section .image-wrapper-left{position:relative;transform:none;transform-origin:initial;height:300px}}
.image-text-section .image-wrapper-left .image-left{position:absolute;inset:0;height:100%;object-fit:cover;transform:skew(-20deg);transform-origin:bottom right}
@media (max-width:991.98px){.image-text-section .image-wrapper-left .image-left{position:absolute;transform:none;transform-origin:initial}}
body{overflow-x:hidden}
.bg-dark{background-color:#050507 !important}
.btn-phone{width:fit-content;height:fit-content;padding:12px 16px;background-color:#171717;border:1px solid #333;border-radius:50px;display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center;text-decoration:none;color:white;font-weight:bold;transition:all 0.3s ease-in-out}
.btn-phone:hover{background-color:#272727;color:white}
.section-text-sticky .text-left-sticky{position:sticky;top:120px}
.offcanvas{width:50% !important}
@media (max-width:767px){.offcanvas{width:80% !important}}
@media (max-width:575px){.offcanvas{width:100% !important}}
.offcanvas .offcanvas-contact p{color:black}
.offcanvas .offcanvas-contact i{color:black;font-size:20px}
.offcanvas-backdrop{z-index:1030}
.grid{display:grid;align-items:stretch;grid-template-columns:repeat(2,minmax(200px,1fr));gap:1.5rem;width:100%}
@media (max-width:768px){.grid{grid-template-columns:1fr}}
.grid-4{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.grid-3{display:grid;align-items:stretch;grid-template-columns:repeat(3,minmax(200px,1fr));gap:1.5rem;width:100%}
@media (max-width:768px){.grid-3{grid-template-columns:1fr}}
.icon{height:50px;width:50px;object-fit:cover}
.split-tabs .split-tabs__layout{display:grid;grid-template-columns:1.25fr 0.75fr;gap:2rem;align-items:start}
@media (max-width:992px){.split-tabs .split-tabs__layout{grid-template-columns:1fr;gap:1.5rem}}
.split-tabs .split-tabs__card{position:relative;border-radius:14px;overflow:hidden;background-size:cover;background-position:center;border:1px solid #333;box-shadow:0 30px 70px rgba(0,0,0,0.5);height:450px;display:flex;flex-direction:column;justify-content:flex-end}
@media (max-width:767px){.split-tabs .split-tabs__card{height:500px}}
@media (max-width:576px){.split-tabs .split-tabs__card{height:auto}}
.split-tabs .split-tabs__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.8) 40%,rgba(0,0,0,0.4) 70%,rgba(0,0,0,0.2) 100%);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.split-tabs .split-tabs__body{position:relative;z-index:2;padding:25px}
.split-tabs .split-tabs__body h3{font-weight:700;margin-bottom:0.75rem;color:#fff}
.split-tabs .split-tabs__body p{color:rgba(255,255,255,0.8);line-height:1.7;margin-bottom:1.25rem}
.split-tabs .split-tabs__body .btn{border-radius:50px;padding:0.65rem 1.25rem;border-color:rgba(255,255,255,0.3);transition:all 0.25s ease}
.split-tabs .split-tabs__body .btn:hover{background:rgba(222,194,130,0.15);border-color:rgba(222,194,130,0.5);color:#fff;transform:translateY(-2px)}
.split-tabs .split-tabs__nav-wrapper{background:rgba(23,23,23,0.95);border:1px solid #333;border-radius:14px;padding:1.5rem;box-shadow:0 30px 70px rgba(0,0,0,0.5)}
@media (max-width:992px){.split-tabs .split-tabs__nav-wrapper{order:-1}}
.split-tabs .split-tabs__nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.5rem}
@media (max-width:992px){.split-tabs .split-tabs__nav{flex-direction:row;flex-wrap:wrap}}
.split-tabs .split-tabs__nav .nav-link{width:100%;text-align:left;background:transparent;border:none;border-radius:10px;padding:0.6rem 0.85rem 0.6rem 2rem;font-size:1rem;font-weight:500;color:rgba(255,255,255,0.55);transition:all 0.2s ease;cursor:pointer;position:relative}
@media (max-width:992px){.split-tabs .split-tabs__nav .nav-link{width:auto;padding:0.5rem 1rem;font-size:0.9rem}}
.split-tabs .split-tabs__nav .nav-link:hover{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04)}
.split-tabs .split-tabs__nav .nav-link::before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:transparent;transition:all 0.2s ease}
@media (max-width:992px){.split-tabs .split-tabs__nav .nav-link::before{display:none}}
.split-tabs .split-tabs__nav .nav-link.active{color:#fff;font-weight:600;background:rgba(222,194,130,0.15);outline:1px solid rgba(222,194,130,0.3)}
.split-tabs .split-tabs__nav .nav-link.active::before{background:#DEC282;box-shadow:0 0 8px rgba(222,194,130,0.5)}
.split-tabs .tab-pane.fade{transition:opacity 0.2s ease}
.split-tabs .tab-pane.show{animation:fadeUp 0.3s ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.choices__list-dropdown,.choices__list[aria-expanded]{box-sizing:border-box}
.is-open .choices__list-dropdown,.is-open .choices__list[aria-expanded]{position:absolute !important;left:-1px;z-index:9999999999 !important;background:white;border:1px solid #DEC282;box-shadow:5px 5px 5px rgba(51,51,51,0.15);width:calc(100% + 2px)}
.choices{border:1px solid var(--primary) !important;font-weight:300;font-size:1.6rem;color:#333;border-radius:0;box-shadow:5px 5px 5px rgba(51,51,51,0.15);position:relative;overflow:visible;width:100%}
.choices.has-selection::after{display:none !important}
.choices .choices__inner{padding:10px 12px;width:100%;background-color:transparent;border:none;color:white;border-radius:0;border-bottom:2px solid #DEC282;display:flex;flex-direction:row-reverse;justify-content:flex-end}
.choices .choices__list{border:none;border-radius:0;z-index:1051 !important}
.choices .choices__list--multiple .choices__item{background-color:#DEC282;border:1px solid #DEC282}
.choices .choices__input{font-size:14px;color:#333;margin:0;font-weight:300;background-color:transparent}
.kostenlose-seo-analyse{overflow-x:hidden}
.kostenlose-seo-analyse .container .row{position:relative}
@media (max-width:660px){.kostenlose-seo-analyse .container .row .heading{margin-left:30px}}
.kostenlose-seo-analyse .container .row .icon:after{content:">>";font-weight:900;font-size:35px;position:absolute;left:30%;top:32%;color:var(--bs-primary)}
@media (max-width:1125px){.kostenlose-seo-analyse .container .row .icon:after{display:none}}
.kostenlose-seo-analyse .container .row .box-overflow{display:flex;justify-content:center;align-items:center;padding:20px 50px;position:relative;z-index:0}
.kostenlose-seo-analyse .container .row .box-overflow:before{content:"";padding:20px 0;display:inline-block;height:10em;width:180%;background:linear-gradient(225deg,#e7c986 0%,#f4e1a2 30%,#d6b870 60%,#e4d19d 85%,#c8a457 100%) no-repeat padding-box;position:absolute;z-index:-1;left:0px;box-shadow:-28px 0rem 0rem #e7c98670;border-radius:15px}
@media (max-width:600px){.kostenlose-seo-analyse .container .row .box-overflow{margin-left:39px}}
.kostenlose-seo-analyse .container .row .box-overflow hr{border:0;border-top:2px solid #fff;max-width:94px;width:94px;margin:0 31px}
@media (max-width:990px){.kostenlose-seo-analyse .container .row .box-overflow img,.kostenlose-seo-analyse .container .row .box-overflow hr{display:none}}
.kostenlose-seo-analyse form{display:contents}
.kostenlose-seo-analyse form ::placeholder{color:white;opacity:1}
.kostenlose-seo-analyse form :-ms-input-placeholder{color:white}
.kostenlose-seo-analyse form ::-ms-input-placeholder{color:white}
.kostenlose-seo-analyse form input{border:1px solid white;background:var(--primary);color:white;border-radius:50px 0 0 50px;width:100%;text-align:center}
.kostenlose-seo-analyse form input:focus-visible{background:#fff66}
@media (max-width:767px){.kostenlose-seo-analyse form input{border-radius:50px}}
.fixed-contact{position:fixed;bottom:35px;right:15px;width:70px;height:70px;background:white;display:flex;justify-content:center;border-radius:50%;border:2px solid var(--primary);z-index:11}
.img-element-modal{background-image:url("/storage/app/media/icons/line-curved-block.svg");background-size:cover;bottom:20px;right:20%;position:absolute;z-index:1;width:500px;height:400px;background-repeat:no-repeat;background-position:0 50%;transition:0.1s;animation:animate 10s infinite}
.form-control{padding:10px 12px;font-size:14px;color:#333;font-weight:300}
.form-group{background-color:white;z-index:2}
.form-check-input{width:15px;height:15px;border-color:#DEC282}
.form-check{display:flex;gap:5px}
input[type="checkbox"]:checked{background-color:#DEC282}
.select-form{z-index:1051 !important}
.sticky-section{position:sticky;top:80px}
.sticky-section .img-full-width{position:absolute;width:50%;left:0;top:0;height:-webkit-fill-available;object-fit:cover}
@media (max-width:767px){.sticky-section .img-full-width{position:relative;width:100%;margin-top:30px}}
.sticky-section .r-0{right:0 !important;left:auto}
.sticky-block{position:sticky;top:80px}
.sticky-block .img-full-width{position:absolute;width:50%;left:0;top:0;height:-webkit-fill-available;object-fit:cover}
@media (max-width:767px){.sticky-block .img-full-width{position:relative;width:100%;margin-top:30px}}
.sticky-block .r-0{right:0 !important;left:auto}
.z-1{z-index:1}
.z-2{z-index:2}
.z-3{z-index:3}
.z-4{z-index:4}
.z-5{z-index:5}
.z-6{z-index:6}
.z-7{z-index:7}
.z-8{z-index:8}
.side-button-wrapper{position:fixed;top:50%;right:0;display:flex;flex-direction:column;z-index:1000}
.side-button-wrapper .side-btn{border:1px solid #333;background-color:#171717;width:50px;height:50px;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease-in-out}
.side-button-wrapper .side-btn:hover{background-color:#272727}
.side-button-wrapper .side-btn i{color:#a3a3a3;font-size:20px}
.side-button-wrapper .side-btn.btn-phone{border-top-left-radius:10px}
.side-button-wrapper .side-btn.btn-mail{border-bottom-left-radius:10px}
.avg-traffic-wrapper{position:absolute;bottom:-30px;right:-30px;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;border:1px solid #333;border-radius:10px;padding:20px 25px;width:fit-content;height:fit-content;background:rgba(10,10,10,0.3);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
@media (max-width:768px){.avg-traffic-wrapper{position:initial;width:100%}}
.avg-traffic-wrapper p{color:white;font-size:22px;font-weight:bold;margin:0}
.avg-traffic-wrapper .avg-traffic-header{display:flex;flex-direction:row;gap:5px;align-items:center}
.avg-traffic-wrapper .avg-traffic-header i{font-size:30px;color:#DEC282}
.avg-traffic-wrapper .avg-traffic-body p{color:#a3a3a3;font-size:14px;font-weight:normal}
.fade-top{position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,#050507 0%,transparent 100%);pointer-events:none;z-index:10}
.fade-bottom{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#050507 0%,transparent 100%);pointer-events:none;z-index:10}
#partners{position:relative;padding:50px 0}
#partners img{object-fit:contain;height:100%;width:120px;filter:brightness(0) invert(1);transition:filter 0.3s ease}
.partners .partners-wrapper .partners-track{display:contents}
.partners .partners-wrapper img{object-fit:contain;height:100%;width:100px;filter:brightness(0) invert(1);transition:filter 0.3s ease}
.partners .partners-wrapper .partners-track:nth-child(2){display:none}
@media (max-width:767px){.partners .partners-wrapper{flex-wrap:nowrap !important;gap:0 !important;justify-content:flex-start !important;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.partners .partners-wrapper .partners-track{display:flex !important;flex-shrink:0;gap:2.5rem;padding-right:2.5rem;animation:partners-scroll 30s linear infinite}.partners .partners-wrapper img{flex-shrink:0;height:30px;width:auto}}
@keyframes partners-scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.strong-points-wrapper .strong-points-card{display:flex;justify-content:center;align-items:center;background-color:#171717;border:1px solid #333;border-radius:50px;padding:20px 25px;width:100%}
.strong-points-wrapper .strong-points-card p{font-size:14px;font-weight:bold;color:white;margin:0}
#seo-agency-emirates .emirates-wrapper{width:100%;height:100%;display:flex;flex-direction:column;border:1px solid #333;border-radius:10px}
#seo-agency-emirates .emirates-wrapper .emirates-card{display:flex;flex-direction:row;gap:20px;align-items:stretch}
#seo-agency-emirates .emirates-wrapper .emirates-card .emirates-body{padding:25px 30px}
#seo-agency-emirates .emirates-wrapper .emirates-card .emirates-body .link-wrapper a{color:white;text-underline-offset:7px;transition:all 0.3s ease-in-out;display:flex;flex-direction:row;align-items:center}
#seo-agency-emirates .emirates-wrapper .emirates-card .emirates-body .link-wrapper a:hover{color:rgba(255,255,255,0.7)}
#seo-agency-emirates .emirates-wrapper .emirates-card .emirates-body .link-wrapper i{cursor:pointer;font-size:30px;color:white}
#seo-agency-emirates .emirates-wrapper .emirates-card:first-child .emirates-image-wrapper img{border-top-right-radius:10px}
#seo-agency-emirates .emirates-wrapper .emirates-card:last-child .emirates-image-wrapper img{border-bottom-right-radius:10px}
@media (max-width:992px){#seo-agency-emirates .emirates-wrapper .emirates-card{flex-direction:column}#seo-agency-emirates .emirates-wrapper .emirates-card .emirates-image-wrapper img{width:100% !important}#seo-agency-emirates .emirates-wrapper .emirates-card:first-child .emirates-image-wrapper img{border-top-right-radius:0 !important}}
#seo-agency-emirates .emirates-wrapper .emirates-card .emirates-image-wrapper{position:relative}
#seo-agency-emirates .emirates-wrapper .emirates-card .emirates-image-wrapper img{width:600px;height:100%;object-fit:cover}
#seo-agency-emirates .emirates-wrapper .emirates-card .emirates-image-wrapper::before{content:"";position:absolute;right:0;top:0;background:linear-gradient(270deg,rgba(0,0,0,0) 0%,#050507 100%);width:100%;height:100%}
#seo-agency-emirates .emirates-wrapper .emirates-card:not(:last-child){border-bottom:1px solid #333}
#cta .cta-wrapper{position:relative;background-color:#333;border:1px solid black;border-radius:10px;padding:25px 30px;display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center;width:70%;text-align:center;overflow:visible}
@media (max-width:576px){#cta .cta-wrapper{width:100%}}
#cta .cta-wrapper::before{content:"";position:absolute;top:-1px;right:-1px;width:150px;height:150px;border:1px solid #DEC282;border-radius:0 10px 0 0;border-left:none;border-bottom:none;-webkit-mask-image:linear-gradient(to left,black 0%,transparent 100%),linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-size:100% 50%,50% 100%;-webkit-mask-position:top,right;-webkit-mask-repeat:no-repeat;mask-image:linear-gradient(to left,black 0%,transparent 100%),linear-gradient(to bottom,black 0%,transparent 100%);mask-size:100% 50%,50% 100%;mask-position:top,right;mask-repeat:no-repeat;pointer-events:none}
#cta .cta-wrapper::after{content:"";position:absolute;bottom:-1px;left:-1px;width:150px;height:150px;border:1px solid #DEC282;border-radius:0 0 0 10px;border-right:none;border-top:none;-webkit-mask-image:linear-gradient(to right,black 0%,transparent 100%),linear-gradient(to top,black 0%,transparent 100%);-webkit-mask-size:100% 50%,50% 100%;-webkit-mask-position:bottom,left;-webkit-mask-repeat:no-repeat;mask-image:linear-gradient(to right,black 0%,transparent 100%),linear-gradient(to top,black 0%,transparent 100%);mask-size:100% 50%,50% 100%;mask-position:bottom,left;mask-repeat:no-repeat;pointer-events:none}
#cta .cta-wrapper .cta-body{display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%;padding-top:30px;border-style:solid;border-width:1px 0 0 0;border-image:linear-gradient(270deg,#333 0%,#dec282 50%,#333 100%) 1}
@media (max-width:576px){#cta .cta-wrapper .cta-body{flex-direction:column}}
#cta .cta-wrapper .cta-body .cta-badges{display:flex;flex-direction:row;gap:5px;align-items:center}
#cta .cta-wrapper .cta-body .cta-badges p{margin:0}
#cta .cta-wrapper .cta-body .cta-badges i{color:#DEC282;font-size:20px}
#case-studies{overflow-x:hidden}
#case-studies .swiper-button-prev-cases,#case-studies .swiper-button-next-cases{background-color:#171717;padding:10px;border-radius:50px;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:30px;border:1px solid #333;transition:all 0.3s ease-in-out}
#case-studies .swiper-button-prev-cases:hover,#case-studies .swiper-button-next-cases:hover{background-color:#272727}
#case-studies .col-xl-6:last-child{clip-path:inset(-100px -100vw 0 0)}
#case-studies .case-slider-wrapper{overflow:visible}
#case-studies .swiper{overflow:visible}
#case-studies .swiper .swiper-wrapper{align-items:stretch}
#case-studies .swiper .swiper-wrapper .swiper-slide{height:auto}
#case-studies .swiper .swiper-wrapper .swiper-slide .case-card{width:100%;height:100%;padding:15px 20px;background-color:#171717;border:1px solid #333;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}
#case-studies .swiper .swiper-wrapper .swiper-slide .case-card p{margin:0}
#case-studies .swiper .swiper-wrapper .swiper-slide .case-card .case-body p:nth-child(3){margin-top:20px}
#case-studies .swiper .swiper-wrapper .swiper-slide .case-card .case-tag{padding:10px 15px;width:fit-content;height:fit-content;border-radius:50px;border:none;background-color:rgba(222,194,130,0.2);color:#DEC282}
#case-studies .swiper .swiper-wrapper .swiper-slide .case-card .case-stats{border-top:1px solid rgba(163,163,163,0.5);padding-top:25px;margin-top:20px;display:flex;flex-direction:row;justify-content:space-between}
#case-studies .swiper .swiper-wrapper .swiper-slide .case-card .case-stats .stat{display:flex;flex-direction:column;gap:5px;align-items:center}
#case-studies .swiper .swiper-wrapper .swiper-slide .case-card .case-stats .stat .stat-value{color:#DEC282;font-size:30px;font-weight:bold}
#case-studies .swiper .swiper-wrapper .swiper-slide .case-card .case-stats .stat .stat-label{text-align:center}
#free-audit h3{margin:0}
#free-audit p{margin:0}
#free-audit .seo-audit-body .seo-audit-badges{display:flex;flex-direction:row;align-items:center;gap:5px}
#free-audit .seo-audit-body .seo-audit-badges p{margin:0}
#free-audit .seo-audit-body .seo-audit-badges i{color:#DEC282;font-size:20px}
#free-audit .free-seo-wrapper{display:flex;flex-direction:column;justify-content:center;padding:30px 35px;background-color:#171717;border:1px solid #333;border-radius:10px}
#free-audit .stats-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 15px;width:100%;height:100%;background-color:#171717;border:1px solid #333;border-radius:10px}
#free-audit .stats-bar .stat-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}
#free-audit .stats-bar .stat-item .stat-value{color:#DEC282;font-weight:bold;margin-bottom:0 !important}
@media (max-width:576px){#free-audit .stats-bar .stat-item{align-items:start}}
@media (max-width:576px){#free-audit .stats-bar{flex-direction:column;gap:40px;align-items:start}}
#servicesModal{padding:0 !important}
#servicesModal .modal-dialog{max-width:inherit}
#servicesModal .modal-dialog .modal-content{border:none}
#servicesModal .modal-dialog .modal-content .seoanalyse-modal{max-width:815px;position:relative}
#servicesModal .modal-dialog .modal-content .seoanalyse-modal .close-modal-x{margin-left:auto;position:relative;display:inline-block;font-size:24px;border-radius:100px;color:#2b1f0f;width:45px;height:45px;background:linear-gradient(225deg,#e7c986 0%,#f4e1a2 30%,#d6b870 60%,#e4d19d 85%,#c8a457 100%);box-shadow:0 4px 12px rgba(200,164,87,0.15);border:none;transition:all 0.25s ease-in-out;overflow:hidden;transition:--grad-angle 0.3s ease-in-out;isolation:isolate}
#servicesModal .modal-dialog .modal-content .seoanalyse-modal .close-modal-x::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);transform:translateX(-100%) skewX(-20deg);transition:all 0.6s ease-in-out;pointer-events:none;z-index:1}
#servicesModal .modal-dialog .modal-content .seoanalyse-modal .close-modal-x:hover::before{transform:translateX(100%) skew(-20deg)}
#servicesModal .modal-dialog .modal-content .seoanalyse-modal .close-modal-x:hover{box-shadow:0 6px 20px rgba(200,164,87,0.35);transform:translateY(-2px);color:#2b1f0f;text-decoration:none}
#servicesModal .modal-dialog .modal-content .seoanalyse-modal .form-group{background-color:unset;margin-bottom:20px}
#servicesModal .modal-dialog .modal-content .seoanalyse-modal .form-group .form-control{border:none;border-bottom:2px solid #DEC282;background:transparent;color:white;text-align:start;border-radius:0}
#servicesModal .modal-dialog .modal-content .seoanalyse-modal .form-group .choices{box-shadow:none}
#servicesModal .modal-dialog .modal-content .seoanalyse-modal .form-group .choices .choices__inner{border:none;border-bottom:2px solid #DEC282;background:transparent;color:white;text-align:start;border-radius:0}
#servicesModal .modal-dialog .modal-content .seoanalyse-modal .datenschutz-kontakt .form-check-input{background-color:transparent}
#servicesModal .modal-dialog .modal-content .seoanalyse-modal .datenschutz-kontakt .form-check-input:checked{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"),linear-gradient(225deg,#e7c986 0%,#f4e1a2 30%,#d6b870 60%,#e4d19d 85%,#c8a457 100%)}
#servicesModal .modal-dialog .modal-content .seoanalyse-modal .datenschutz-kontakt .form-check-label{color:white}
#servicesModal .modal-dialog .modal-content .modal-header{display:block;padding:1rem 0;border-bottom:1px solid var(--primary)}
#servicesModal .modal-dialog .modal-content .modal-header .close{position:absolute;right:23px;bottom:23px}
#servicesModal .modal-dialog .modal-content .modal-body{padding:0}
#servicesModal .modal-dialog .modal-content .modal-footer{border-top:inherit}
.contact-section{padding-top:100px}
.contact-section form .form-control{background-color:unset;margin-bottom:20px;border:none;border-bottom:2px solid #DEC282;background:transparent;color:white;text-align:start;border-radius:0}
.emirates-tabs{position:relative}
.emirates-tabs .emirates-layout{display:grid;grid-template-columns:240px 1fr;gap:3rem;align-items:start}
.emirates-tabs .emirates-city-tabs{position:sticky;top:120px;display:flex;flex-direction:column;gap:0.9rem;list-style:none;padding:0;margin:0}
.emirates-tabs .emirates-city-tabs .nav-link{background:transparent;border:none;padding:0.6rem 0;font-weight:600;color:rgba(255,255,255,0.55);text-align:left;letter-spacing:0.2px;transition:all 0.25s ease;position:relative}
.emirates-tabs .emirates-city-tabs .nav-link::before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:transparent;transition:all 0.25s ease}
.emirates-tabs .emirates-city-tabs .nav-link:hover{color:#fff}
.emirates-tabs .emirates-city-tabs .nav-link.active{color:#DEC282;padding-left:10px}
.emirates-tabs .emirates-city-tabs .nav-link.active::before{background:#DEC282;box-shadow:0 0 8px rgba(222,194,130,0.6)}
.emirates-tabs .emirate-bg{position:relative;min-height:365px;padding:3rem;border-radius:14px;background-size:cover;background-position:right center;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,0.45),inset 0 0 0 1px rgba(255,255,255,0.04)}
.emirates-tabs .emirates-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0.92) 0%,rgba(0,0,0,0.65) 55%,rgba(0,0,0,0.25) 100%);z-index:1;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.emirates-tabs .emirates-inner{position:relative;z-index:2}
.emirates-tabs .emirates-link{display:inline-flex;align-items:center;gap:0.25rem;color:#DEC282;font-weight:700;text-decoration:none}
.emirates-tabs .emirates-link:hover{text-decoration:underline}
.emirates-tabs .emirate-dubai{background-image:url("/storage/app/media/dubai.webp")}
.emirates-tabs .emirate-abudhabi{background-image:url("/storage/app/media/abu-dhabi.webp")}
.emirates-tabs .emirate-sharjah{background-image:url("/storage/app/media/sharjah.webp")}
.emirates-tabs .emirate-ajman{background-image:url("/storage/app/media/ajman.webp")}
.emirates-tabs .emirate-rak{background-image:url("/storage/app/media/ras-al-khaimah.webp")}
.emirates-tabs .emirate-fujairah{background-image:url("/storage/app/media/fujairah.webp")}
.emirates-tabs .emirate-uaq{background-image:url("/storage/app/media/umm-al-quwain.webp")}
.emirates-tabs .tab-pane{animation:emiratesFade 0.35s ease}
@keyframes emiratesFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.emirates-tabs .emirates-accordion{}
.emirates-tabs .emirates-accordion .accordion-item{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,0.08)}
.emirates-tabs .emirates-accordion .accordion-header{margin:0}
.emirates-tabs .emirates-accordion .accordion-button{background:transparent;color:rgba(255,255,255,0.9);font-weight:600;padding:1rem 0;box-shadow:none}
.emirates-tabs .emirates-accordion .accordion-button:focus{box-shadow:none}
.emirates-tabs .emirates-accordion .accordion-button::after{filter:brightness(2);opacity:0.7}
.emirates-tabs .emirates-accordion .accordion-button:not(.collapsed){color:#DEC282;background:transparent}
.emirates-tabs .emirates-accordion .accordion-body{padding:0 0 1.75rem 0}
.emirates-tabs .emirates-accordion .emirate-bg{min-height:320px;padding:1.5rem;border-radius:14px}
.faq-section{position:relative}
.faq-section h2{font-weight:800;margin-bottom:1.25rem}
.faq-section .accordion{display:flex;flex-direction:column;gap:12px}
.faq-section .accordion-item{background:#171717;border:1px solid #333;border-radius:14px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,0.35)}
.faq-section .accordion-header{margin:0}
.faq-section .accordion-button{background:transparent;color:#fff;font-weight:700;padding:18px 18px;box-shadow:none;border:0;border-radius:0;display:flex;align-items:center;gap:12px}
.faq-section .accordion-button::before{content:"";width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.15);box-shadow:none;flex:0 0 8px}
.faq-section .accordion-button:not(.collapsed){background:transparent;color:#DEC282}
.faq-section .accordion-button:not(.collapsed)::before{background:#DEC282;box-shadow:0 0 10px rgba(222,194,130,0.55)}
.faq-section .accordion-button:focus{box-shadow:none;outline:none}
.faq-section .accordion-button:hover{color:#DEC282}
.faq-section .accordion-button::after{filter:brightness(2);opacity:0.85;transform:rotate(0deg);transition:transform 0.25s ease,opacity 0.2s ease}
.faq-section .accordion-button:not(.collapsed)::after{transform:rotate(-180deg);opacity:1;filter:none}
.faq-section .accordion-body{position:relative;padding:0 18px 18px 18px;color:rgba(255,255,255,0.75);line-height:1.75}
.faq-section .accordion-body::before{content:"";display:block;height:1px;width:100%;margin:0 0 14px 0;background:linear-gradient(90deg,rgba(222,194,130,0.65),rgba(255,255,255,0));opacity:0.65}
@media (max-width:576px){.faq-section .accordion-button{padding:16px 14px;font-size:1rem}.faq-section .accordion-body{padding:0 14px 16px 14px}}