/*
#######################################
##    CUSTOM HOSTEN CSS | V.1.1     ###
##    -------------------------     ###
#######################################

*/ :root {
--light: #EFEFEF;
--gray: #D8D8D8;
--gray-lighter: #F2F2F2;
--gray-darker: #B2B2B2;
--gray-dark-100: #69737d;
--gray-50: #f6f6f8;
--gray-100: #eeeef1;
--gray-200: #e3e4e8;
--gray-300: #bbbdc9;
--gray-400: #9499ad;
--gray-500: #727892;
--gray-600: #515870;
--gray-700: #383d51;
--gray-800: #252837;
--gray-900: #1b1d27;
--gray-950: #13141b;
    
--gray-dark: #626A7F;
--dark: #404040;
--dark-lighter: #606060;
--dark-darker: #303030;
--black: #0d0e12;
--white: #ffffff;
--red: #ff3300;
--redline: #CB2434;
--redline-lighter: #EA2737;
--redline-darker: #AA202C;
--orange: #c6510b;
--success: #12DA9C; 
--success-lighter: #19fea0; 
--success-darker: #0CB692; 
/*GEN2*/
--swiper-theme-dark: color-mix(in srgb, var(--secondary) 95%, black);
/*GEN3*/
--black-lighter: color-mix(in srgb, var(--black) 92%, white);
--black-darker: color-mix(in srgb, var(--black) 80%, black);
--dark-lighter: color-mix(in srgb, var(--dark) 92%, white);
--dark-darker: color-mix(in srgb, var(--dark) 80%, black);    
--white-lighter: color-mix(in srgb, var(--white) 80%, white);
--white-darker: color-mix(in srgb, var(--white) 80%, black);
--primary-light: color-mix(in srgb, var(--primary) 80%, white);
--primary-lighter: color-mix(in srgb, var(--primary) 60%, white);
--primary-dark: color-mix(in srgb, var(--primary) 80%, black);    
--primary-darker: color-mix(in srgb, var(--primary) 60%, black);    
--secondary-light: color-mix(in srgb, var(--secondary) 90%, white);
--secondary-lighter: color-mix(in srgb, var(--secondary) 80%, white);
--secondary-dark: color-mix(in srgb, var(--secondary) 80%, black);
--secondary-darker: color-mix(in srgb, var(--secondary) 60%, black);
--blue-lighter: color-mix(in srgb, var(--blue) 80%, white);
--blue-darker: color-mix(in srgb, var(--blue) 80%, black);
--orange-lighter: color-mix(in srgb, var(--orange) 70%, white);
--orange-darker: color-mix(in srgb, var(--orange) 70%, black); 
/**/
--darkshadow-big: rgba(100, 100,100, 0.05) 0px 0.706592px 0.706592px -0.291667px, rgba(100, 100, 100, 0.06) 0px 1.80656px 1.80656px -0.583333px, rgba(100, 100, 100, 0.06) 0px 3.62176px 3.62176px -0.875px, rgba(0, 0, 0, 0.06) 0px 6.8656px 6.8656px -1.16667px, rgba(20, 20, 20, 0.09) 0px 13.6468px 13.6468px -1.45833px, rgba(120, 120, 120, 0.1) 0px 30px 30px -1.75px !important;
--lightshadow-big: rgba(16, 49, 77, 0.05) 0px 0.706592px 0.706592px -0.291667px, rgba(16, 49, 77, 0.06) 0px 1.80656px 1.80656px -0.583333px, rgba(16, 49, 77, 0.06) 0px 3.62176px 3.62176px -0.875px, rgba(16, 49, 77, 0.06) 0px 6.8656px 6.8656px -1.16667px, rgba(16, 49, 77, 0.07) 0px 13.6468px 13.6468px -1.45833px, rgba(16, 49, 77, 0.1) 0px 30px 30px -1.75px !important;
--primaryshadow-big: rgba(16, 49, 77, 0.05) 0px 0.706592px 0.706592px -0.291667px, rgba(16, 49, 77, 0.06) 0px 1.80656px 1.80656px -0.583333px, rgba(16, 49, 77, 0.06) 0px 3.62176px 3.62176px -0.875px, rgba(16, 49, 77, 0.06) 0px 6.8656px 6.8656px -1.16667px, rgba(16, 49, 77, 0.07) 0px 13.6468px 13.6468px -1.45833px, var(--primary-lighter) 0px 20px 50px -1.75px;

}
/*FONTS */
/* cyrillic-ext */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v15/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.manrope {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}
body {
    font-family: "Manrope", sans-serif;
}
/*END FONTS*/
.btn-link {
    font-weight: 400;
    /*color: var(--secondary-500);*/
    text-decoration: none;
}
b, strong {
  font-weight: bold;
}
.h4{color:var(--black)}
body.dark.mode .h4{color:var(--white)}

/*CART*/
.border-3 {
  border: 3px solid var(--primary) !important;
  border-radius: 1rem;
  /*color: var(--white);*/
}
#order-standard_cart .fixbox {
    padding: 25px 10px 10px 10px !important;
    margin-top: -35px;
    border-radius: 1rem !important;
    z-index: -1
}
#order-standard_cart .summary-container {
  font-size: 1em;
}
#order-standard_cart .order-summary h2 {
    /*color: var(--white);*/
    font-size: 1.5rem;
    font-weight: 600 !important;
    /*text-shadow: 0 2px 2px rgba(0,0,0,.5)*/
}
#order-standard_cart .cart-summry-list .list-item .item-value {
  text-align: right;
  font-weight: bold;
  padding-left: .25rem;
}
#order-standard_cart .order-summary .summary-totals {
  padding: 15px 0;
  border-color:var(--gray-300);
}
body.dark-mode #order-standard_cart .order-summary .summary-totals {
  border-color:var(--gray-700);
}
#order-standard_cart .order-summary .recurring-charges{
    /*color: var(--white);*/
    font-style:normal;
}
#order-standard_cart .order-summary .total-due-today{
    display:flex;
    justify-content: space-between; 
}
#order-standard_cart .text-black{
    color: var(--black) !important;
    font-weight: 500 !important;
    background: rgba(255,255,255,.2);
    padding: 10px;
    border-radius: 5px;
}
#order-standard_cart .order-summary .total-due-today .amt, #order-standard_cart .order-summary .total-due-today-padded .amt {
    font-size: 1.3em;
    font-weight: bolder;
    margin-left: 20px;
    align-content: center;
}
body.dark-mode #order-standard_cart .order-summary .summary-container-outer, body.dark-mode #order-standard_cart .summary-container{
    background: var(--gray-950);
}
#order-standard_cart .btn-lg{
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
}
/*#order-standard_cart .order-summary .loader {
  position: absolute;
  width: 100%;
  text-align: center;
  background: var(--white);
  margin: 3px;
  min-height: 340px;
  height: 100%;
  border-radius: 1rem;
  left: -3px;
  top: -3px;
  justify-content: center;
  align-items: center;
  font-size: 2.5rem;
  border:3px solid var(--primary)
}*/
#order-standard_cart .sub-heading span {
    background-color: var(--gray-100);
    border-color: var(--primary);
    color: var(--primary-light) !important;
    border-radius: 25px;
    padding: 5px 50px;
}
#order-standard_cart .sub-heading::before {
  background: linear-gradient(to right,rgba(255,255,255,.25),var(--primary),rgba(255,255,255,.25));
}
#order-standard_cart .order-summary .loader {
    position: absolute;
    width: auto;
    right: 28px;
    top: 10px;
    font-size: 1.2rem;
}
#order-standard_cart .order-summary .loader i {
    margin-top:34%;
    color:var(--primary)
}
#order-standard_cart .card {
  border: none;
  border-radius: .45rem;
}

.panel-heading {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.panel-footer {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
/*GENERAL--------------- */
.icheckbox_square-blue{
    margin: 0 5px !important;
}
.text-black, .text-black .cost {color: var(--black) !important}

section.products h1.sec-title, .sec.products h1.sec-title, section.about h1.sec-title, .sec.about h1.sec-title, section.social h1.sec-title, .sec.social h1.sec-title, section.testimonials h1.sec-title, .sec.testimonials h1.sec-title, section.features h1.sec-title, .sec.features h1.sec-title, section.faqs h1.sec-title, .sec.faqs h1.sec-title, section.editor h1.sec-title, .sec.editor h1.sec-title, section.feature-list h1.sec-title, .sec.feature-list h1.sec-title, section.teamlist h1.sec-title, .sec.teamlist h1.sec-title, section.gallery h1.sec-title, .sec.gallery h1.sec-title, section.domains h1.sec-title, .sec.domains h1.sec-title, section.site-banner h1.sec-title, .sec.site-banner h1.sec-title, section.site-banner-domain h1.sec-title, .sec.site-banner-domain h1.sec-title, section.products .h1.sec-title, .sec.products .h1.sec-title, section.about .h1.sec-title, .sec.about .h1.sec-title, section.social .h1.sec-title, .sec.social .h1.sec-title, section.testimonials .h1.sec-title, .sec.testimonials .h1.sec-title, section.features .h1.sec-title, .sec.features .h1.sec-title, section.faqs .h1.sec-title, .sec.faqs .h1.sec-title, section.editor .h1.sec-title, .sec.editor .h1.sec-title, section.feature-list .h1.sec-title, .sec.feature-list .h1.sec-title, section.teamlist .h1.sec-title, .sec.teamlist .h1.sec-title, section.gallery .h1.sec-title, .sec.gallery .h1.sec-title, section.domains .h1.sec-title, .sec.domains .h1.sec-title, section.site-banner .h1.sec-title, .sec.site-banner .h1.sec-title, section.site-banner-domain .h1.sec-title, .sec.site-banner-domain .h1.sec-title {
  font-size: 2.6rem !important;
  font-weight: 900;
  margin-bottom: 1.5rem;
}
section.products .sec-caption span, .sec.products .sec-caption span, section.about .sec-caption span, .sec.about .sec-caption span, section.social .sec-caption span, .sec.social .sec-caption span, section.testimonials .sec-caption span, .sec.testimonials .sec-caption span, section.features .sec-caption span, .sec.features .sec-caption span, section.faqs .sec-caption span, .sec.faqs .sec-caption span, section.editor .sec-caption span, .sec.editor .sec-caption span, section.feature-list .sec-caption span, .sec.feature-list .sec-caption span, section.teamlist .sec-caption span, .sec.teamlist .sec-caption span, section.gallery .sec-caption span, .sec.gallery .sec-caption span, section.domains .sec-caption span, .sec.domains .sec-caption span, section.site-banner .sec-caption span, .sec.site-banner .sec-caption span, section.site-banner-domain .sec-caption span, .sec.site-banner-domain .sec-caption span {
  display: inline-block;
  border:0;
  border-bottom: 1px solid var(--primary) !important;
  padding: 0.5em .5em;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  font-size: 0.8rem;
  font-weight: bolder;
  text-shadow: 2px 2px 2px rgba(50,50,50,.3);
}

.sec.site-banner h1.sec-title{
    font-size: 2.25rem;
}
.feature-item.box-shadow {box-shadow: var(--lightshadow-big);}
body.dark-mode .feature-item.box-shadow{box-shadow:  var(--darkshadow-big)}
/*RADIUS*/
.rounded-0 {
    border-radius: 0 !important;
}
.radius-sm{
    border-radius: 0.5rem;
}
.radius-md{
    border-radius: 2rem;
}
.radius-lg{
    border-radius: 3rem;
}
.radius-xl{
    border-radius: 4rem;
}
/*LOGO*/
.cros-navbar .navbar-header .logo-section .logo img {
    min-width: 200px;
}
/*PREHEAD*/
.pre-header ul li {
    border-right: 1px solid var(--gray-700);
    color: var(--gray-400)
}
.pre-header ul li a {
    color: var(--gray-300)
}
.pre-header ul li a:hover {
    color: var(--gray-100)
}
body.dark-mode .pre-header {
    background-color: var(--gray-980);
    padding: 7.5px 0;
    color: var(--gray-500) !important;
    border-bottom: 1px solid var(--gray-800);
    width: 100%;
}
body.dark-mode .pre-header.primary{
    background-color: var(--primary) !important
}
body.dark-mode .pre-header.primary ul li a {
    color: var(--gray-300);
}
body.dark-mode .pre-header ul li {
    padding-right: 15px;
    border-right: 1px solid var(--gray-700);
}
body.dark-mode .cros-navbar .lang-btn .btn:hover, body.dark-mode .cros-navbar .lang-btn .btn:focus {
    color: var(--gray-200);
}
body.dark-mode .pre-header ul li a {
    color: var(--gray-500);
}
body.dark-mode .pre-header ul li a:hover {
    color: var(--gray-200);
}
/*HEAD /NAV*/
body.top-nav-collapse .navbar-side {
    top: 80px;
}
/*.navbar-side {
    height: 100%;
    width: 100%;
    transform: translateX(-380px);
}*/
.user-avatar img, .user-avatar [class*="fa-"] {
    border: none;
}
.cros-navbar .navbar-nav li a {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
}
body.dark-mode .cros-navbar .navbar-nav li .nav-link:hover{
    color: #FFFFFFF !important
}
.cros-navbar .navbar-nav li ul.dropdown-menu {
    margin-top: 10px;
}
body.dark-mode .cros-navbar .navbar-nav li ul.dropdown-menu{
  background: var(--black);
}
body.dark-mode .cros-navbar .navbar-nav li ul.dropdown-menu {
  background-color: var(--black);
  border: 1px solid var(--gray-900) !important;
}
.cros-navbar .navbar-nav li ul.dropdown-menu li a:not(.item-heading) {
    font-size: 14px;
    font-weight: 600;
}
.cros-navbar .navbar-nav li ul.dropdown-menu li a i {
    font-size: 1.2rem;
    font-weight: 300;
    margin-right: 5px;
}
.dropdown-toggle::after {
    margin: 0 0 6px 4px;
    font-size: 1.3rem;
    font-weight: 300;
}
.dropdown-menu li a span.item span {
    margin-left: 25px;
}
.dropdown-menu.dropdown-mega .mega-menu ul li {
    border-radius: 5px;
    padding: 10px;
}
.dropdown-menu.dropdown-mega .mega-menu ul li:hover {
    background: var(--gray-100);
    box-shadow: 2px 2px 0 var(--gray-200);
}
body.dark-mode .dropdown-menu.dropdown-mega .mega-menu ul li:hover {
    background: var(--gray-900);
    box-shadow: 2px 2px 0 var(--gray-800);
}
body.dark-mode .mega-menu .item-with-icons, body.dark-mode .dropdown-divider {
   border-color:var(--gray-700);
}
.dropdown-menu.dropdown-mega .mega-menu ul li .item span{
    text-transform:none;
}
.dropdown-menu.dropdown-mega .mega-menu .item-with-icons .menu-name {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--primary)
}
.cros-navbar {
    background-color: #ffffff90;
    backdrop-filter: blur(15px);
    z-index: 10 !important;
}
.cros-navbar .container {
    min-height: 80px;
}
#primary-nav .cros-navbar .navbar-nav li a span {
    font-size: .975rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 1;
}
/*MEGAMENU I*/
.dropdown-megamenu .dropdown-menu {
    width: 1300px !important;
    margin-top: 20px;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    border-color: var(--gray-200);
    box-shadow: 0 10px 25px -10px rgba(0, 0, 0, .3);
    padding: 25px !important;
}
.mega-menu ul li:hover a, .mega-menu ul li:focus a {
    margin-left: 3px !important;
    margin-right: -3px !important;
}
body.dark-mode .mega-menu ul li:hover a, .mega-menu ul li:focus a {
    color: var(--white) !important;
}

body.dark-mode .cros-navbar .navbar-nav li ul.dropdown-menu li a, body.dark-mode span:not(.counter span) {
    color: var(--gray);
}

/*MEGAMENU II*/
.dropdown-megamenu2 .dropdown-menu {
    width: 800px !important;
    margin-top: 20px;
    left: 20% !important;
    right: auto !important;
    transform: translateX(-20%) !important;
    border: none !important;
    box-shadow: 0 10px 25px -10px rgba(0, 0, 0, .3);
    padding: 25px !important;
}
.dropdown-menu.dropdown-mega .html-item a {
    padding: 10px 15px !important;
    color: var(--white) !important;
}
/*BANNERS*/
.site-banner .starting {
    line-height: 22px;
    font-size: 0.8rem;
}
.site-banner .price .cycle{
    position: relative;
    top: -17px;
    right: 30px;
    font-size: 0.8rem;
}
/*POSITIONS*/
.trans90deg{
    transform: rotate(-90deg);
    position: absolute;
    top: 130px;
    left: -150px;
}
.trans90deg span{
    border-radius: 0 !important;
    margin: 0 !important;
}

/*PLANS*/
.cros-pricing-container .swiper {
    padding: 25px 0 0 0 !important; /*FIX TABLETT für .feature-sticker.top-box*/
}
.cros-pricing-container .pricing_style_2 {
  position: relative;
  margin: 10px 0; /*FIX MARGINS*/
}
.cros-pricing-container .pricing-slider.row-eq-height{
    margin: -25px 0 0 0;
}
.cros-pricing-container .cros-pricing-table .plan-features.check-list li::before {
    color: #6dd500;
    font-weight: 500;
}
.cros-pricing-container .cros-pricing-table .plan-features li{
    font-size: 0.85rem;
    margin-left: 25px;
    line-height: 1.8;
}
.cros-pricing-container .cros-pricing-table .plan-features i.fa-check{
    color: var(--teal);
    margin-left: -25px;
    font-weight: 400;
}
.cros-pricing-container .cros-pricing-table .table tbody td small {
    color: var(--gray-500);
}
.cros-pricing-container .cros-pricing-table .table tbody td .server-info h3{
    font-size: 1.5rem;
}
.cros-pricing-container .cros-pricing-table.pt_st_5 [class*="col-"] .content .graphics.fix-width {
    min-width: 120px;
    max-width: 120px;
    width: 120px;
}
.cros-pricing-container .cros-pricing-table.pt_st_5 [class*="col-"] .content .graphics.fix-width img {
    border-radius: 8px;
}
.cros-pricing-container .cros-pricing-table.pt_st_5.active {
    border: 3px solid var(--primary-lighter); /*FEATURED*/
}
.primaryshadow {
     box-shadow: var(--primaryshadow-big) !important;
}
.cros-pricing-container .cros-pricing-table .sticker-wrapper .sticker {
    color: var(--white);
    background-color: var(--primary-lighter);
    right: -5px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.5);
}
.pricing_style_2 .graphics .h4 {
    background: var(--white);
    position: absolute;
    margin-top: -40px !important;
    width: 100%;
    left: 0;
    padding: 5px 15px;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 -10px 9px -7px rgba(0,0,0,.8);
}
body.dark-mode .pricing_style_2 .graphics .h4 {
    background: var(--black) !important;
}
.cros-pricing-container .cros-pricing-table .plan-features i.fa-minus{
    color: var(--gray-darker);
    margin-left: -25px;
}
body.dark-mode .cros-pricing-container .cros-pricing-table .plan-features i.fa-minus{
    color: var(--gray-dark-100);
    margin-left: -25px;
}
.plan__cell[data-tooltip] {
    position: relative;
    cursor: help;
}
.plan__cell[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    background: var(--gray-100);
    color: var(--black);
    padding: 5px 10px;
    border-radius: 4px;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 100;
}
.plan__cell i {
    margin-right: 10px;
}
.plan__cell i.fa-check {
    color: var(--green);
}
.plan__cell i.fa-minus {
    color: var(--gray-dark-100);
}
.plan__cell i.fa-times {
    color: var(--redline);
    font-size: 1.4rem;
}
li:has(i.fa-minus) {
    color: var(--gray-dark-100);
}
body.dark-mode li:has(i.fa-minus) {
    color: var(--gray-dark-100);
}
/*DEDICATED TABLE*/
.sticky-th {
    backdrop-filter: blur(10px);
    position: sticky;
    top: 80px;
    z-index: 2;
}
.sticky-th.scrolled {
    box-shadow: 0 2px 0 var(--primary-darker);
    background-color: color-mix(in srgb, #FEFEFEbd 80%, var(--primary-dark));
    color:var(--primary-dark);
}
body.dark-mode .sticky-th {
    box-shadow: 0 15px 15px -10px rgba(255,255,255,.2) ;
}
body.dark-mode .sticky-th.scrolled {
    box-shadow: 0 2px 0 var(--primary-dark);
    background-color: color-mix(in srgb, #000000bd 70%, var(--primary-light));
    color:var(--primary-light);
}
.cros-pricing-container .cros-pricing-table .table tbody {
    border: 1px solid var(--gray-100);
}
.cros-pricing-container .cros-pricing-table .table thead{
    color: var(--gray-dark-100);
    font-size: 0.9rem;
}
.cros-pricing-container .cros-pricing-table .table tbody tr {
    vertical-align: baseline;
    background-color: var(--white);
    border:none;
}
.cros-pricing-container .cros-pricing-table .table th {
    text-align: start;
}
.cros-pricing-container .cros-pricing-table .table tbody td {
    vertical-align: middle;
    text-align: start;
    border-bottom: 1px solid var(--gray-200);
    border-top: 0 none;
    border-right: 0 none;
    font-size: 1.1rem;
    font-weight: 600;    
}
.cros-pricing-container .cros-pricing-table .table tbody tr.highlighted{
    background: var(--gray-100);
    border: 2px solid var(--primary-lighter) !important;
}
.cros-pricing-container .cros-pricing-table .table tbody td.server-price .price span.cost {
    font-size: 35px;
}
.cros-pricing-container .cros-pricing-table .product_pricing_single, .cros-pricing-container .cros-pricing-table .billing-cycle-pricing {
    margin: 0;
    height: auto !important
}
.cros-pricing-container .cros-pricing-table .table tbody td.server-price .price .cycle{
    font-size: 0.75rem;
    position: relative;
    top: -16px;
    left: -33px;    
}
.cros-pricing-container .cros-pricing-table .btn {
    text-transform: uppercase;
    font-weight: 700;
}
.cros-pricing-container .cros-pricing-table .btn:hover i {
    animation: btnArrowEffect1 ease-out 0.5s;
}
.cros-pricing-container .cros-pricing-table .table tbody td .server-info {
    margin-left: -8px;
    background: var(--gray-100);
    color: var(--black);
    box-shadow: 0 9px 7px -9px var(--gray-800);
    min-width: 230px !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.server-info h3 {
	order: -1;
	width: 100%;
	margin: 0px !important;
}
.server-info .left {
    font-size: 0.8rem !important;
	display: flex;
	flex-direction: column;
	text-align: left;
}
.server-info .right {
	text-align: right;
    margin-top: -30px;
    flex: auto;
}
.cros-pricing-container .cros-pricing-table .table tbody td .server-info::before {
    border-top: 8px solid transparent;
    border-right: 8px solid var(--gray-300);
    left: 0;
    top: -8px;
    width: 0;
}
.cros-pricing-container .cros-pricing-table .table tbody td .server-info::after {
    content: "";
    position: absolute;
    border-bottom: 8px solid transparent;
    border-right: 8px solid var(--gray-800);
    left: 0;
    bottom: -8px;
    width: 0;
}
.cros-pricing-container .cros-pricing-table .table tbody td .server-info.highlight {
    border: none;
    background: var(--gray-200);
    margin-right: 10px;
    border-left: 2px solid var(--success-lighter) inset;
}
.cros-pricing-container .cros-pricing-table .table tbody tr.footable-row-detail{
    background: var(--gray-200)
}
.cros-pricing-container .cros-pricing-table .table tbody td .server-info h4, .cros-pricing-container .cros-pricing-table .table tbody td .server-info .h4 {
    color: var(--black);
}
.cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-name, .cros-pricing-container .cros-pricing-table .table tbody td .footable-row-detail-value {
    display: block;
    min-width: 110px;
    font-size: 0.9rem;
    line-height: 1.2;
}
@media (max-width: 633px) {
    .cros-pricing-container .cros-pricing-table.no-animation {
      padding: 5px 20px 20px !important;
    }
}
@media max-width(860px) {
    .footable-row-detail-inner {
      display: flex;
    }
}
.footable-row-detail-row {
  display: inline-block;
  line-height: 1.2em;
  margin-right: 17px;
  vertical-align: top;
  min-width: 30%;
}

.footable-row-detail-row:last-of-type {
   margin-right:0px;
}
body.dark-mode .cros-pricing-container .cros-pricing-table .table tbody tr.footable-row-detail{
    background: var(--gray-800)
}
body.dark-mode .cros-pricing-container .cros-pricing-table .table tbody{
   border: 1px solid var(--gray-800);
}
body.dark-mode .cros-pricing-container .cros-pricing-table .table tbody tr {
    background-color: var(--black);
}
body.dark-mode .cros-pricing-container .cros-pricing-table .table tbody td .server-info {
    background-color: var(--gray-900);
}
body.dark-mode .cros-pricing-container .cros-pricing-table .table tbody tr.highlighted{
    background: var(--gray-900);
}
body.dark-mode .cros-pricing-container .cros-pricing-table .table tbody td .server-info.highlight {
    background: var(--gray-800);

}
body.dark-mode .cros-pricing-container .cros-pricing-table .table tbody td .server-info h4, body.dark-mode .cros-pricing-container .cros-pricing-table .table tbody td .server-info .h4 {
    color: var(--white);
}
/*BACKGROUNDS*/
.border-dark{border-color: var(--black) !important}
.border-white{border-color: var(--white) !important}
.black{ background: var(--black); color: var(--gray) !important; border-color: rgba(250,250,250,.2) !important}
.black .btn .btn-text {color:var(--white)}
/*--Primary*/
/*--Primary & Secondary Gradient Styles mit Einzel-Zuweisung */
/* Für alle bg-primary-Varianten */
[class*="bg-primary-"] .sec-title,
[class*="bg-primary-"] .sec-subtitle,
[class*="bg-primary-"] .feature-title,
[class*="bg-primary-"] .feature-desc,
[class*="bg-primary-"] .starting,
[class*="bg-primary-"] .guarantee,
[class*="bg-primary-"] h2,
[class*="bg-primary-"] span {
    color: var(--white);
}

/* Für alle bg-secondary-Varianten */
[class*="bg-secondary-"] .sec-title,
[class*="bg-secondary-"] .sec-subtitle,
[class*="bg-secondary-"] .feature-title,
[class*="bg-secondary-"] .feature-desc,
[class*="bg-secondary-"] .starting,
[class*="bg-secondary-"] .guarantee,
[class*="bg-secondary-"] h2,
[class*="bg-secondary-"] span {
    color: var(--white);
}
.bg-primary-gradient-horizontal .white .feature-desc, .bg-primary-gradient-horizontal .white .feature-title, .bg-primary-gradient-vertical .white .feature-title, .bg-primary-gradient-vertical .white .feature-desc, .bg-secondary-gradient-horizontal .white .feature-desc, .bg-secondary-gradient-horizontal .white .feature-title, .bg-secondary-gradient-vertical .white .feature-title, .bg-secondary-gradient-vertical .white .feature-desc {
    color: var(--primary) !important;
}
.bg-primary-gradient-vertical .btn-primary, .bg-primary-gradient-horizontal .btn-primary {
    background: var(--secondary);
    border-color: var(--secondary);
}
.bg-primary-gradient-vertical .btn-primary:hover, .bg-primary-gradient-horizontal .btn-primary:hover {
    background: var(--white);
    border-color: var(--secondary);
    color: var(--secondary);
}
.bg-primary-gradient-vertical .btn-primary i, .bg-primary-gradient-horizontal .btn-primary i {
    font-size: 1.2rem;
}
.bg-primary-gradient-horizontal .border, .bg-primary-gradient-vertical .border {
    border: 3px solid var(--primary);
}
.bg-primary-gradient-horizontal {
    background: linear-gradient(0deg, var(--swiper-theme-color) 0%, var(--swiper-theme-dark) 100%);
}
.bg-primary-gradient-vertical {
    background: linear-gradient(90deg, var(--swiper-theme-color) 0%, var(--swiper-theme-dark) 100%);
}
.bg_primary{ background: var(--primary); color: var(--black) !important}
.bg-primary .white, .primary .white.sticky-th {
  background-color: var(--primary);
  color:  var(--white) !important;
}
.bg-primary-light{ background: var(--primary-light)}
.bg-primary-lighter{ background: var(--primary-lighter)}
.bg-primary-dark{ background: var(--primary-dark)}
.bg-primary-darker{ background: var(--primary-darker)}
/*--Secondary*/
.bg-secondary-light{ background: var(--secondary-light)}
.bg-secondary-lighter{ background: var(--secondary-lighter)}
.bg-secondary-dark{ background: var(--secondary-dark)}
.bg-secondary-darker{ background: var(--secondary-darker)}
.bg-secondary-gradient-horizontal {
    background: linear-gradient(0deg, var(--secondary) 0%, var(--swiper-theme-dark) 100%);
}
.bg-secondary-gradient-vertical {
    background: linear-gradient(90deg, var(--secondary) 0%, var(--swiper-theme-dark) 100%);
}
.bg_secondary{ background: var(--secondary); color: var(--white) !important}
/*MARKER*/
.sec-subtitle li::marker {
  content: "\f00c \00a0\00a0";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: var(--success);
  margin-right: 0.5em;
  font-size: 1.2em;
}
/*BUTTONS*/
.btn{ border-radius: .45rem;}
.btn.btn-xlg {
    padding: 20px 32px;
    font-family: Manrope, sans-serif;
    font-size: 0.9rem;
    font-weight: bold;
    gap: 12px;
    letter-spacing: 1.6px;
    line-height: 1;
    text-transform: uppercase;    
}
.btn-primary.disabled, .btn-primary:disabled, .btn-secondary.disabled, .btn-secondary:disabled  {
    color: #fff;
    background-color: #bca8f7;
    cursor: not-allowed;
}
.btn-secondary, .btn-primary{
    box-shadow: 0 5px 0px -2px rgba(0, 0, 0, .2) !important;
}
/*BTN GEN3*/

.btn-primary {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition-duration: .22s;
    transition-duration: .22s;
    -webkit-transition-property: opacity, visibility, background, border, color;
    transition-property: opacity, visibility, background, border, color;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    /*padding: 15px 20px;*/
}

.btn-primary-outline{
    border:2px solid var(--primary);
    color: var(--primary)
}
.btn-primary-outline:hover{
    border:2px solid var(--primary-darker);
    color: var(--primary-darker)
}
.btn-secondary-outline{
    border:2px solid var(--secondary-lighter);
    color: var(--secondary-lighter)
}
.btn-secondary-outline:hover{
    border:2px solid var(--secondary-darker);
    color: var(--secondary-darker)
}
.btn-success{
    border:none;
    background: var(--success);
    color: var(--black);
}
.btn-success:hover{
    background: var(--success-lighter);
    color: var(--black);
}
.btn-success-outline{
    border:2px solid var(--success);
    color: var(--success)
}
.btn-success-outline:hover{
    border:2px solid var(--success-darker);
    color: var(--success-darker)
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    background-color: var(--success-lighter);
    border-color: var(--success-lighter);
    color: var(--success-darker);
}
.btn-redline{
    border:none;
    background: var(--redline);
    color: var(--white);
}
.btn-redline:hover{
    background: var(--redline-darker);
    color: var(--white);
}
.btn-redline-outline{
    border:2px solid var(--redline-lighter);
    color: var(--redline-lighter)
}
.btn-redline-outline:hover{
    border:2px solid var(--redline-darker);
    color: var(--redline-darker)
}
.btn-black{
    border: none;
    background: var(--black-darker);
    color: var(--white);
}
.btn-black:hover{
    background: var(--black-lighter);
    color: var(--white);
}
.btn-black-outline{
    border:2px solid var(--black-darker);
    color: var(--black-darker)
}
.btn-black-outline:hover{
    border:2px solid var(--black-lighter);
    color: var(--black-lighter)
}
body.dark-mode .btn-black-outline{
    border-color: var(--white);
    color:var(--white);
}
body.dark-mode .btn-black-outline:hover{
    border-color: var(--white-darker);
    color:var(--white-darker);
}
.btn-white{
    border:none;
    background: var(--white) !important;
    color: var(--black) !important;
}
.btn-white:hover{
    background: var(--white-lighter) !important;
    color: var(--black);
}
.btn-white-outline{
    border:2px solid var(--white-lighter);
    color: var(--white-lighter)
}
.btn-white-outline:hover{
    border:2px solid var(--white-darker);
    color: var(--white-darker)
}
.btn-info-outline{
    border:2px solid var(--blue);
    color: var(--blue)
}
.btn-info-outline:hover{
    border:2px solid var(--blue-lighter);
    color: var(--blue-lighter)
}
.btn-warning-outline{
    border:2px solid var(--orange);
    color: var(--orange)
}
.btn-warning-outline:hover{
    border:2px solid var(--orange-lighter);
    color: var(--orange-lighter)
}
.shape{
    text-shadow: 1px 2px 3px rgba(0,0,0,.3);
    padding: 5px 15px !important;
    margin-left: -15px;
}
/*---SLIDER */
.swiper-pagination {
    padding: 10px;
    margin-bottom: 10px;
}
.site-banner .swiper-pagination, .cros-Slider .swiper-pagination {
    bottom: 100px;
    top: auto;
    left: 46%;
    right: auto;
    width: auto;
}
.sec.features .swiper-pagination-fraction, .sec.features .swiper-pagination-custom, .sec.features .swiper-horizontal > .swiper-pagination-bullets, .sec.features .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -45px;
}
.banner__shape-background {
position: absolute;
  top: -97px;
  bottom: -97px;
  left: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
}
.banner__shape--bottom {
  bottom: 0;
  transform: rotate(-3.0deg);
}
.banner__shape {
  position: absolute;
  left: -100%;
  right: -100%;
  height: 220px;
  background: #fff;
}
.section-overlap.site-banner-domain, .section-overlap.mass-head .hero-bg-wrap, .section-overlap.cros-Slider .slides .hero-outer, .section-overlap.site-banner .banner_body {
  padding-bottom: 250px !important;
}
section.products.margin-up .cros-pricing-container, .sec.products.margin-up .cros-pricing-container {
  margin-top: -200px;
}
section .swiper-pagination-bullet, .sec .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    border: 1px solid var(--swiper-theme-color);
    border-radius: 50% !important;
    background-color: var(--swiper-theme-dark);
}
.owl-carousel .owl-dots .owl-dot span, .owl-carousel .owl-dots .owl-dot:hover span {
    border-radius: 24px;
    transition: all 0.2s;
    margin: 0 5px;
}
.owl-carousel .owl-dots .owl-dot.active span {
    background: var(--primary);
}
/*RADIUS GLOBAL*/
.cros-pricing-container .cros-pricing-table {
    border-radius: 1rem;
    box-shadow: var(--lightshadow-big);
}
body.dark-mode .cros-pricing-container .cros-pricing-table {
    border-radius: 1rem;
    box-shadow: var(--darkshadow-big);
}

.rounded {
  border-radius: 1rem !important;
}
.rounded-01{
    border-radius: 0.1rem !important;
}
.rounded-02{
    border-radius: 0.2rem; !important
}
.rounded-03{
    border-radius: 0.3rem !important;
}
.rounded-04{
    border-radius: 0.4rem !important;
}
.rounded-05{
    border-radius: 0.5rem !important;
}
.rounded-2{
   border-radius:.3rem; 
}
.rounded-3{
   border-radius:.5rem;
}
.rounded-4{
   border-radius:.7rem;
}
.rounded-5{
   border-radius:.9rem;
}
.pricing_main .cycle {
    border-radius: 3px;
    padding: 3px 8px
}
.pricing_main .cycle-style2 {
  border-radius: 3px;
  padding: 3px 8px;
  position: relative;
  top: -18px;
  margin-left: -40px;
}
/*.cros-pricing-container .cros-pricing-table {
    border-radius: 1.45rem;
}*/
/*CUSTOM STYLES*/
/*-- SWTICH SHOW TABS*/
[class*="product-billing-switcher-"] .tabs .btn {
    font-size: 1.2rem !important;
    padding: 5px 0;
    margin: 0 10px;
    color: var(--gray-dark-100);
    border-bottom: 2px solid transparent;
    transition: all ease-in 0.2s;
    border-radius: 0 !important;

}
[class*="product-billing-switcher-"] .tabs .btn.active {
    font-weight: 600;
    background-color: transparent !important;
    color: var(--primary) !important;
    border-bottom: 2px solid var(--primary);
}
/*\--END*/
body.no-radius .feature-sticker.top-box, body.no-radius .rounded,  body.no-radius [class*="product-billing-switcher-"] .btn-group, body.no-radius [class*="product-billing-switcher-"] .btn-group .btn,  body.no-radius .timer-box, body.no-radius .tld-container,  body.no-radius .input-group, body.no-radius .testimonial-item{
    border-radius: 0 !important;
}
body.c-depth .cros-pricing-table, body.c-depth .input-group, body.c-depth .cros-box.s4, body.c-depth .site-banner-domain .banner-content-container .domain-hero .tab-content .tab-pane .form-search .input-group,  body.c-depth .card, body.c-depth .block-footer .payment-icons ul,  body.c-depth .block-footer .cros-partners{
    box-shadow: none;    
}
body.dark-mode .TM-card, body.dark-mode .card {
  background-color: transparent;
}
.gradient-v {
    background: linear-gradient(90deg, var(--swiper-theme-color) 0%, var(--swiper-theme-dark) 100%);
}
.gradient-h {
    background: linear-gradient(0deg, var(--swiper-theme-color) 0%, var(--swiper-theme-dark) 100%);
}

/*TABLES*/
.cros-pricing-container .cros-pricing-table .price span.cost, .cros-pricing-container .cros-pricing-table .price span.dollar {
    font-size: 40px;
}
.section__plan_comparison .plan .plan__column .plan__header, .section__plan_comparison .plan .plan__column.plan__column--empty .plan__header {
    height: 260px;
}
.section__plan_comparison .plan .plan__column .plan__header .h4 {
    
}
.section__plan_comparison .plan .plan__column .plan__header {
    padding: 5px 20px;
    margin: 0;
    border:none;
    border-bottom: 2px solid var(--primary);
    /* Flexbox verwenden, um den Inhalt vertikal zu zentrieren */
    display: grid;
    align-items: center; /* Zentriert den Inhalt vertikal */
    /*justify-content: center;  Zentriert den Inhalt horizontal (optional) */
    /* height: 100%; Stelle sicher, dass das Element eine Höhe hat */
}
.section__plan_comparison .plan .plan__column .plan__body .plan__cell {
    border-right: none;
    border-bottom: 1px solid var(--gray-200);
}
.swiper-slide.featured {
    /*background: linear-gradient(180deg, var(--swiper-theme-color) 0%, var(--swiper-theme-dark) 100%);*/
    background: var(--swiper-theme-color);
    backdrop-filter: blur(10px);
    color: #FFFFFF;
}
.swiper-slide.featured .h4 {
    color: #FFFFFF;
    font-weight: 700;
}
.swiper-slide.featured .cycle {
    background: linear-gradient(-90deg, var(--swiper-theme-color) 0%, var(--swiper-theme-dark) 100%);
    border-radius: 3px;
    padding: 3px 8px;
    color: #FFFFFF !important;
}
.swiper-slide.featured .cost {
    color: #FFFFFF !important;
}
.swiper-slide.featured .price {
    text-shadow: 0 2px 3px rgba(0, 0, 0, .5)
}
.swiper-slide.featured .btn-primary {
    background: #FFFFFF;
    color: #000000;
}
.swiper-slide.featured .btn-primary:hover {
    background: var(--swiper-theme-color);
    color: #FFFFFF;
}
.swiper-slide.featured .plan__cell {
    border-right: 1px solid var(--gray-700) !important;
    border-bottom: 1px solid var(--gray-700) !important;
}
.swiper-slide.featured .plan__header{
    border-bottom: 2px solid var(--secondary) !important;
    padding-right: 1px;
}
.swiper-slide.featured.text-muted{
    color: white !important;
}
/*TOOLTIP*/
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    -ms-word-break: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0;
}
.tooltip.show {
    opacity: 1;
}
.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem;
}
.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.tooltip-inner {
    max-width: 260px;
    padding: .5rem .8rem;
    color: #fff;
    text-align: left;
    background-color: var(--primary);
    border:1px solid rgba(0,0,0,.3);
    border-radius: .35rem;
}
[data-toggle="tooltip"] {
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-color: rgba(50,50,50,.3);
    text-decoration-style: dashed;
    text-underline-position: under;
}
body.dark-mode [data-toggle="tooltip"] {
     text-decoration-color: var(--gray-600);
}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: .4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color:  var(--primary);
}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 .4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: .4rem;
    height: .8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color:  var(--primary);
}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: .4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color:  var(--primary);
}
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 .4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: .4rem;
    height: .8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: var(--primary);
}

/*PRICE*/
.cros-pricing-container .pricing-slider.row-eq-height [class*=" col-"], .cros-pricing-container .pricing-box.row-eq-height [class*=" col-"], .cros-pricing-container .home-products.row-eq-height [class*=" col-"] {
    margin: 30px 0 0 0;
}
.cros-pricing-container .swiper-pagination-fraction, .cros-pricing-container .swiper-pagination-custom, .cros-pricing-container .swiper-horizontal > .swiper-pagination-bullets, .cros-pricing-container .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -35px;
}
.cost::first-letter {
    font-size: 1.2rem;
    vertical-align: super; /* optional */
}
[class*="product-billing-switcher-"] {
    z-index: 2;
    position: inherit;
}

.plan__cell.dashed > i {
    margin-left: auto;
}
.plan__cell.dashed {  
    text-decoration:underline;
    text-decoration-color: currentcolor;
    text-decoration-style: solid;
    text-decoration-color: var(--neutral--300);
    text-decoration-style: dashed;
    text-underline-position: under;
}
.feature-sticker.top-box{
    background: var(--primary);
    text-align: center;
    position: absolute;
    width: 100%;
    top: -31px;
    color: var(--white);
    border-radius: 16px 16px 0 0;
    left: 0px;
    padding: 5px;
    z-index: -1;
    min-height: 50px;
}
.border-show{
    /*box-shadow: 0px 0px 0px 4px var(--primary) inset!important ;*/
    border-bottom: 4px solid var(--primary) !important ;
}
.product-actions .btn-primary, .product-actions .btn-primary:hover{
    color: var(--white);
}
/*EFFECTS*/
.mask-content {
    -webkit-mask-composite: xor;
    -webkit-mask-source-type: auto,auto;
    -webkit-mask-image: linear-gradient(#000 0 0),linear-gradient(#000 0 0);
    mask-image: linear-gradient(#000 0 0),linear-gradient(#000 0 0);
    -webkit-mask-position: 0 0,0 0;
    mask-position: 0 0,0 0;
    -webkit-mask-size: auto,auto;
    mask-size: auto,auto;
    -webkit-mask-repeat: repeat,repeat;
    mask-repeat: repeat,repeat;
    -webkit-mask-clip: content-box,border-box;
    mask-clip: content-box,border-box;
    -webkit-mask-origin: content-box,border-box;
    mask-origin: content-box,border-box;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-source-type: auto,auto;
    mask-mode: match-source,match-source;
 }

 .mask-radial {
     /*add class to SVG HERO LINE*/
    --tw-mask-radial-x-size: 40%;
    --tw-mask-radial-y-size: 50%;
    --tw-mask-radial-size: ;
    --tw-mask-radial-shape: ellipse;
    -webkit-mask-image: radial-gradient(var(--tw-mask-radial-shape)var(--tw-mask-radial-size)var(--tw-mask-radial-x-size)var(--tw-mask-radial-y-size),var(--white),rgb(0 0 0/var(--tw-mask-to-opacity,0))var(--tw-mask-to-position));
    -webkit-mask-image: radial-gradient(var(--tw-mask-radial-shape)var(--tw-mask-radial-size)var(--tw-mask-radial-x-size)var(--tw-mask-radial-y-size),var(--white),rgb(0 0 0/var(--tw-mask-to-opacity,0))var(--tw-mask-to-position));
    mask-image: radial-gradient(var(--tw-mask-radial-shape)var(--tw-mask-radial-size)var(--tw-mask-radial-x-size)var(--tw-mask-radial-y-size),var(--white),rgb(0 0 0/var(--tw-mask-to-opacity,0))var(--tw-mask-to-position));
}
.text-eff-v{
  background-clip: text;
  background-image: linear-gradient(90deg, var(--primary),var(--secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.text-eff-h{
  background-clip: text;
  background-image: linear-gradient(140deg, var(--primary),var(--secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.btn-xlg i {
  display: inline-block;
  animation: none;
  will-change: transform, opacity;
}
.bg_primary_30{
    border-radius: 1rem;
    padding: 30px;
    background: color-mix(in srgb, var(--primary) 30%, transparent) !important;
    backdrop-filter: blur(10px);
}
.bg_secondary_30{
    border-radius: 10px;
    padding: 30px;
    margin: 20px;
    background: color-mix(in srgb, var(--secondary-darker) 30%, transparent) !important;
    backdrop-filter: blur(8px);
}
.btn-xlg:hover i {
  animation: btnArrowEffect1 ease-out 0.5s;
}
.shadowxl{
    box-shadow: var(--primary) 0px 60px 123px -25px, rgba(19, 26, 32, 0.08) 0px 35px 75px -35px;
}
.glow {
    box-shadow:0 0 48px -24px var(--white),-8px 0 80px -24px var(--primary),8px 0 80px -24px var(--teal);
    padding: 10px;
    border-radius: 10px;
    backdrop-filter: blur(5px);
}
.animate-pulse-slow {
    animation:pulse-slow 4s cubic-bezier(.4,0,.6,1) infinite
}
.liniar-primary{
    font-weight: 700;
    background: linear-gradient(120deg,var(--primary-lighter),var(--primary-light) 20%,var(--primary),var(--primary-light)80%,var(--primary-lighter));
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: shine 4s linear infinite;
    text-shadow: 2px 3px 3px rgba(0,0,0,.1)
}
.liniar-secondary{
    font-weight: 700;
    background: linear-gradient(120deg,var(--secondary-lighter),var(--secondary-light) 20%,var(--secondary),var(--secondary-light)80%,var(--secondary-lighter));
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: shine 4s linear infinite;
    text-shadow: 2px 3px 3px rgba(0,0,0,.1)
}
.gradient-text, .gradient-border > h4 {
    font-weight: 700;
    /*background: linear-gradient(120deg,var(--primary-lighter),var(--primary-light) 20%,var(--primary),var(--primary-light)80%,var(--primary-lighter));*/
    background:
        linear-gradient(45deg,
        hsl(224, 85%, 66%),
        hsl(269, 85%, 66%),
        hsl(314, 85%, 66%),
        hsl(359, 85%, 66%),
        hsl(44, 85%, 66%),
        hsl(89, 85%, 66%),
        hsl(134, 85%, 66%),
        hsl(179, 85%, 66%),
        hsl(134, 85%, 66%),            
        hsl(89, 85%, 66%),
        hsl(44, 85%, 66%),    
        hsl(359, 85%, 66%),    
        hsl(314, 85%, 66%),    
        hsl(269, 85%, 66%),
        hsl(224, 85%, 66%)
    );
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: shine 5s linear infinite;
    text-shadow: 2px 3px 3px rgba(0,0,0,.1)
}
@keyframes shine {
    0% {
        background-position:200% 0%
    }
    to {
        background-position:-200% 0%;
        background-position:200% center        
    }
}
@keyframes shine {
    to {
        background-position:200% center        
    }
}
.gradient-border {
  /*SCSS*/ 
  /* 
  justify-content: center;
  align-items: center;
  */
  --border-width: 4px;
  position: relative;
  display: flex;
  background: var(--white);
  border-radius: 1rem !important;
  padding:0;
      &::after {
        position: absolute;
        content: "";
        top: calc(-1 * var(--border-width));
        left: calc(-1 * var(--border-width));
        z-index: -1;
        width: calc(100% + var(--border-width) * 2);
        height: calc(100% + var(--border-width) * 2);
        background: linear-gradient(
          45deg,
          hsl(224, 85%, 66%),
          hsl(269, 85%, 66%),
          hsl(314, 85%, 66%),
          hsl(359, 85%, 66%),
          hsl(44, 85%, 66%),
          hsl(89, 85%, 66%),
          hsl(134, 85%, 66%),
          hsl(179, 85%, 66%)
        );
        background-size: 300% 300%;
        background-position: 0 50%;
        border-radius: 1rem;
        animation: moveGradient 4s alternate infinite;
      }
}


@keyframes moveGradient {
  50% {
    background-position: 100% 50%;
  }
}

@keyframes pulse-slow {
  0%,to {opacity:1}
  50%   {opacity:.5}
}
@keyframes btnArrowEffect1 {
  0%   {transform: translateX(0);}
  51%  {transform: translateX(20px);opacity: 1;}
  52%  {opacity: 0;transform: translateX(-20px);}
  53%  { opacity: 0;}
  54%  {opacity: 1;}
  100% {transform: translateX(0);}
}
.floatprimary {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(100px);
    background: radial-gradient(circle, var(--primary), transparent 80%);
    background: radial-gradient(circle, color-mix(in srgb, var(--primary) 70%, white 30%), transparent 80%);
    z-index: -1;
    animation: floatPrimary 12s infinite alternate;
    top: 0;
    left: 0;
    transform: translate(40vw, -100px);
}


@keyframes floatPrimary {
  0%   { transform: translate(40vw, -100px); }
  50%  { transform: translate(20vw, 100px); }
  100% { transform: translate(60vw, -150px); }
}
.site-banner .banner_body.bg-opacity-black::before {
    content: "";
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(0deg, var(--dark) 0%, #000000 100%);
    opacity: 90%;

}
.site-banner .banner_body.bg-opacity-white::before {
    content: "";
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(0deg, var(--light) 0%, #FFFFFF 100%);
    opacity: 90%;

}
.site-banner .banner_body.bg-opacity-primary::before {
    content: "";
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(0deg, var(--black) 0%, var(--primary-dark) 100%);
    opacity: 90%;

}
.site-banner .banner_body.bg-opacity-secondary::before {
    content: "";
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(0deg, var(--black) 0%, var(--secondary-dark)100%);
    opacity: 90%;
  
}
/**/
.panel-sidebar .list-group .list-group-item {
    padding: 5px 0px;
}
.panel-sidebar .panel-heading .panel-title {
    position: relative;
}
.panel, .list-group, .home-kb-search .form-control, .tiles .tile .stats, .tiles .tile .no-link {
    border-radius: 0.5rem;
}
.block-footer .footer-widgets h4 {
    width: 100%;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--gray);
}
.block-footer .footer-widgets h4::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: linear-gradient(95.45deg, var(--primary) 0.64%, var(--primary)98.23%);
    left: 0;
    bottom: -2px;
}
/*FEATURES*/
.centerwidth {overflow: hidden !important; border-radius: 15px !important}
/*-- PRO*/
.lineleft{
    border-left:1px solid color-mix(in srgb, var(--secondary-darker) 80%, white);
    padding-left: 35px !important;
}
.lineleft::before{
    content: "";
    width: 1px;
    background-color: var(--primary-lighter);
    height: 50px;
    position: absolute;
    left: 15px;
    top:30%;
}
.lineright{
    border-right:1px solid color-mix(in srgb, var(--secondary-darker) 80%, white);
    padding-right: 35px !important;
}
.lineright::before{
    content: "";
    width: 2px;
    background-color: var(--primary-lighter);
    height: 50px;
    position: absolute;
    right: 15px;
    top:30%;
}
.linemiddle::after {
    content: "";
    height: 67%;
    border-right: 1px solid color-mix(in srgb, var(--secondary-darker) 80%, white);
    position: absolute;
    right: 15px;
    top: 25px;
    z-index: 1;
}
.linemiddle::before{
    content: "";
    width: 1px;
    background-color: color-mix(in srgb, var(--primary-lighter) 90%, white);
    height: 50px;
    position: absolute;
    right: 15px;
    top:33%;
    z-index: 2;
}
.sec:not([class*="bg-secondary"]):not([class*="bg-primary"]) .linemiddle::after {
    border-right: 1px solid color-mix(in srgb, var(--gray-200) 80%, white);
}
body.dark-mode .sec:not([class*="bg-secondary"]):not([class*="bg-primary"]) .linemiddle::after {
    border-right: 1px solid color-mix(in srgb, var(--gray-900) 80%, white);
}
.sec:not([class*="bg-secondary"]):not([class*="bg-primary"]) .linemiddle::before {
    background-color: var(--primary-lighter);
}
.sec.dark .linemiddle::after, .sec.inverse .linemiddle::after{
    border-right: 1px solid var(--gray-800) !important;
}

.sec.features .feature-item .feature-action .btn-link:hover::after{
    animation: btnArrowEffect1 ease-out 0.5s;
}
.sec.features .feature-item .feature-action .btn-link::after{
    content: "\f30b";
    font-family: "Font Awesome 5 Pro";
    font-size: 1.1rem;
    font-weight: 400;
    padding: 0 1rem;
    animation: none;
}
.sec.features .feature-item .feature-content .feature-title {
    margin-bottom: 15px;
}
.sec.features .feature-item.box-shadow {
    box-shadow: var(--lightshadow-big);
}
.sec.features.bg-secondary .feature-item {
    color: var(--white);
}
.sec.features .feature-item.auto .feature-icon, .sec.features .feature-item.auto .feature-graphic {
    /*min-height: 220px;
    background: rgba(0,0,0,.1);
    backdrop-filter: blur(5px);*/
    border-radius: 0.25rem;
    padding: 10px;
}

/* Wrapper anpassen für zentrierte Ausrichtung */
.sec.features .feature-item.auto .feature-graphic {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--equal-feature-height); /* Diese Variable setzen wir mit JS */
  overflow: hidden;
}

/* Bild selbst zentrieren */
.sec.features .feature-item.auto .feature-graphic img {
  max-height: 100%;
  object-fit: contain;
}

/*FAQ -Style3*/
.style3 {
    display: block;
    border:1px solid color-mix(in srgb, var(--gray) 50%, white);
    border-radius: 1rem!important;
    padding: 15px;
    transition: all ease-in 0.2s;
}
.style3:hover {
    background: color-mix(in srgb, var(--gray) 20%, white);
}
.style3 .card-header, body.dark-mode .card .card-header{
    background-color: transparent !important; 
}
.style3.accordion-active{
    background: var(--white);
    box-shadow: rgba(16, 49, 77, 0.05) 0px 0.706592px 0.706592px -0.291667px, rgba(16, 49, 77, 0.06) 0px 1.80656px 1.80656px -0.583333px, rgba(16, 49, 77, 0.06) 0px 3.62176px 3.62176px -0.875px, rgba(16, 49, 77, 0.06) 0px 6.8656px 6.8656px -1.16667px, rgba(16, 49, 77, 0.07) 0px 13.6468px 13.6468px -1.45833px, rgba(16, 49, 77, 0.1) 0px 20px 30px -1.75px;
}
body.dark-mode .card-faqs-group .card:hover{
    border-color: var(--gray-700) !important;
    transition: all ease-out 0.2s;
}
body.dark-mode .style3.accordion-active{
    background: var(--gray-950);
    border-color: var(--gray-700);
}
body.dark-mode .TM-card, body.dark-mode .panel, body.dark-mode .panel.panel-default, body.dark-mode .invoice-summary, body.dark-mode .card {
    border-color: var(--gray-800);
}
body.dark-mode #order-standard_cart .panel-addon {
    border: 1px solid var(--gray-800);
}
body.dark-mode #order-standard_cart .panel-addon.panel-addon-selected {
    background-color: var(--gray-800);
    border-color: var(--primary-light);
}
body.dark-mode .card .card-header, body.dark-mode .card .card-footer {
    border-color: var(--gray-700);
}
body.dark-mode #order-standard_cart .sub-heading span {
    background-color: var(--gray-900);
    border-color: var(--primary);
    color: var(--primary-light) !important;
    border-radius: 25px;
    padding: 5px 50px;
}
body.dark-mode #order-standard_cart .sub-heading::before {
  background: linear-gradient(to right,rgba(0,0,0,.25),var(--primary),rgba(0,0,0,.25));
}
body.dark-mode .style3.accordion-active{box-shadow:  var(--darkshadow-big)}

/*DOMAINS*/
.site-banner-domain .banner-content-container .domain-hero .nav .nav-item .nav-link{
    padding: 8px 0 !important;
    margin-right: 20px !important;
}
.site-banner-domain .banner-content-container .domain-hero .domain-tlds {
    margin-top: 1.3rem;
    overflow: hidden;
}
.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container:not(:last-child) {
    padding-right: 0.5rem;
}
.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container:not(:first-child) {
    padding-left: 0.5rem;
}
.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container + .tld-container::before {
    display:none
}
.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container {
    display: block;
    align-items: center;
    width: auto;
    border: 1px solid var(--gray);
    margin: 0 10px 0 0;
    border-radius: 5px;
    padding: 0 5px;
}
.domain-tlds .swiper{
    display: flex;
    border-radius: 4px;
    min-height: 57px;
}

.domain-tlds .swiper-horizontal::before{
    content: "";
    width: 30px;
    height: 57px;
    background: linear-gradient(to left,  rgba(30,87,153,0) 0%,rgba(255,255,255,1) 100%); 
    display: block;
    position: absolute;
    left: 0;
    z-index: 10;
}
.domain-tlds .swiper-horizontal::after{
    content: "";
    width: 30px;
    height: 57px;
    background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(255,255,255,1) 100%); 
    display: block;
    position: absolute;
    right: 0;
    z-index: 10;
}
.inverse .domain-tlds .swiper-horizontal::before{
    background: linear-gradient(to left,  rgba(30,87,153,0) 0%,rgba(0,0,0,1) 100%) !important; 
}
.inverse .domain-tlds .swiper-horizontal::after{
    background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(0,0,0,1) 100%) !important; 
}
.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item .dots {
    color: var(--primary);
    font-size: 2rem;
    line-height: 22px;
}
.sec.features .feature-item .feature-content .feature-tlds .tld-item .dots {
    color: var(--primary-light);
    font-size: 4rem;
    padding: 0;
    margin: -15px 0 0 0;
    line-height: 0;
}
.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container .tld-price {
    font-size: 0.8rem;
    font-weight: 500;
}
.site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container .tld-item {
    display: block;
    align-items: center;
    padding: 0;
    margin-right: 0.5rem;
    border: none;
    border-radius: 0;
    height: auto;
    cursor: pointer;
}
.sec.features .feature-item .feature-content .feature-tlds .tld-item {
    cursor: pointer;
}
.sec.features .feature-item .feature-content .feature-tlds .tld-item:hover {
    color: var(--primary)
}
.swiper-wrapper{
    margin: 0 auto
}
.swiper-wrapper::before {
    background: #f80;
    width: 50px;
    height: auto;
    z-index: 100;
}
.swiper-wrapper::after {
    background: #673DE6;
    width: 50px;
    height: auto;
    z-index: 100;
}
.tld-name span{
    font-size: 3rem;
    line-height: 0;
}
.tld-sale-group-new {
    background-color: #2ad588;
    border-radius: 25px;
    font-size: 0.6rem;
    color: var(--black) !important;
    display: inherit
}
body.dark-mode .site-banner-domain .banner-content-container .domain-hero .tab-content .tab-pane .form-search .input-group {
    border: 1px solid var(--gray-700) !important;
}
/*GALLERY Graphics*/
.sec.gallery .gallery-items:hover .item-graphics img{
    transform: scale(1.05);
    transition: all 0.2s;
}
.products-slide:hover .graphics img{
    transform: scale(1.05);
    transition: all 0.2s;
}
/*TABS
.nav-link {
    display: block;
    padding: .5rem 0;
    margin-right: .5rem;
}*/
/*SWITCH*/
.tswicther[type="checkbox"] + span {
    border: 1px solid var(--gray);
    width: 40px;
    border-radius: 50px;
    padding: 2px;
    text-align: left;
    justify-content: left;
}
.tswicther[type="checkbox"]:checked + span {
    transform: none !important;
}
.tswicther[type="checkbox"] + span {
    transition: all .2s ease .2s;
}
.tswicther[type="checkbox"]:checked + span .fad::after {
    content: "\10f186";
    left: 14px;
    position: relative; 
}
/*FILER1/2*/
/* Filter 1 Klassen */
.filter-grayscale {
  filter: grayscale(100%);
}
.filter-blur {
  filter: blur(20px);
}
.filter-brightness {
  filter: brightness(150%);
}
.filter-contrast {
  filter: contrast(200%);
}
/* Filter 2 Klassen */
.filter-sepia {
  filter: sepia(100%);
}
.filter-invert {
  filter: invert(100%);
}
.filter-hue-rotate {
  filter: hue-rotate(90deg);
}
.filter-saturate {
  filter: saturate(300%);
}
.filter-opacity {
  filter: opacity(70%);
}
/* Kombinierte Filter (wenn beide Filter aktiv sind) */
.filter-combo-grayscale-sepia {
  filter: grayscale(100%) sepia(100%);
}
.filter-combo-blur-invert {
  filter: blur(2px) invert(100%);
}
.banner-bg-video-container.filter-grayscale video { filter: grayscale(100%); }
/* Allgemeine Filter-Transition für sanfte Übergänge */
.banner-image {
  transition: filter 0.3s ease-in-out;
}
/*MODAL*/
section.products.margin-up, .sec.products.margin-up {
  z-index:inherit !important; /*FIX OVERLAY [CASE1548776]*/
}
.modal-content {
    border:5px solid rgba(60,60,60,.3);
    border-radius: .80rem;
    z-index: 2000 !important;
}
.modal-backdrop {
    background-color: rgba(150,150,150,.8);
    backdrop-filter: blur(3px)
}
body.dark-mode .modal-backdrop {
    background-color: rgba(0,0,0,.8);
    backdrop-filter: blur(3px)
}
/* Responsive Anpassungen */
@media (max-width: 768px) {
    .filter-blur {
        filter: blur(3px); /* Weniger starkes Blur auf Mobilgeräten */
    }
    .site-banner-domain .banner-content-container .domain-hero .tab-content .tab-pane .form-search .input-group {
        background: transparent !important;
    }
}
/*DARKMODE*/
.dark, .inverse {
  background-color: var(--gray-900) !important;
  border-color: var(--gray-800) !important;
}
body.dark-mode{
    color: var(--gray-100);
    background: var(--gray-950) !important;
}
body.dark-mode .table {
    color: var(--gray-200);
}
body.dark-mode .text-muted {
    color: var(--gray-dark-100) !important;
}
body.dark-mode .table-container .listtable .table thead th[class*="sorting_"] {
    background: var(--gray-900);
}
body.dark-mode .table-container .listtable .table tbody tr:hover, body.dark-mode .table-container .listtable .table tbody tr:focus {
    background: var(--gray-800) !important;
    transition: all ease-out 0.2s;
}
body.dark-mode .panel-sidebar .panel-title, body.dark-mode p, body.dark-mode span:not(.counter span) {
  color: var(--gray-400);
}
body.dark-mode .light, body.dark-mode .well, body.dark-mode .light-grey-bg {
  background: var(--black);
  border-color: var(--gray-800);
  color: var(--gray-100);
}
body.dark-mode #order-standard_cart .order-summary {
  background-color: transparent;
}
body.dark-mode #order-standard_cart .order-summary .subtotal,  body.dark-mode .border-top, body.dark-mode #order-standard_cart .order-summary .bordered-totals {
  border-color: var(--white);
}
body.dark-mode .border, body.dark-mode .border-top, body.dark-mode .border-right, body.dark-mode .border-left, body.dark-mode .border-bottom, body.dark-mode .border-top-bottom, body.dark-mode .border-bottom {
  border-color: var(--gray-700) !important;
}
body.dark-mode .cros-navbar {
    background-color: color-mix(in srgb, #0d0e12bd 90%, #000);
    border-color: var(--gray-900);
    backdrop-filter: blur(10px);
}
body.dark-mode .white, body.dark-mode .bg-white {
    background: var(--black) !important;
    color: var(--gray-400);
    border-color: var(--gray-700);
}
body.dark-mode .cros-pricing-container .cros-pricing-table .plan-features li b{
    color: var(--gray-300)
}
body.dark-mode .dropdown-menu {
    background-color: var(--gray-900);
    border: 1px solid var(--gray-700);
}
body.dark-mode .dropdown-item:hover, body.dark-mode .dropdown-item:focus {
    background-color: var(--gray-600);
}
body.dark-mode .gradient-border {
    background: var(--black);
}
body.dark-mode .sec.features .feature-item.box-shadow {
    box-shadow: 0px 20px 15px -10px rgba(60, 70, 80, .5);
}
body.dark-mode .pagination .page-item .page-link {
    background-color: var(--gray-900);
    border-color: var(--gray-800);
}
body.dark-mode .form-control, body.dark-mode #registration .field, body.dark-mode #registration .form-control, body.dark-mode .form-control, body.dark-mode #order-standard_cart .field, body.dark-mode #order-standard_cart .form-control {
  color: var(--gray-200);
  background-color: var(--gray-900);
  border-color: var(--gray-800);
}
body.dark-mode .site-banner-domain .banner-content-container .domain-hero .domain-tlds .featured-tlds .tld-container {
    border-color: var(--gray-700);
}
body.dark-mode .domain-tlds .swiper-horizontal::before{
    background: linear-gradient(to left,  rgba(30,87,153,0) 0%,var(--gray-800) 100%); 
}
body.dark-mode .domain-tlds .swiper-horizontal::after{
    background: linear-gradient(to right,  rgba(30,87,153,0) 0%,var(--gray-800) 100%); 
}
body.dark-mode .form-control, body.dark-mode #registration .field, body.dark-mode #registration .form-control, body.dark-mode .form-control, body.dark-mode #order-standard_cart .field, body.dark-mode #order-standard_cart .form-control {
    background-color: var(--black);
}
body.dark-mode .domains-section .domain-hero .serach-form, body.dark-mode .site-banner-domain .domain-hero .input-group {
  background-color: var(--black) !important;
  border-color: var(--gray-800) !important;
}
body.dark-mode .btn.btn-default, body.dark-mode .btn.btn-dark, body.dark-mode .btn.btn-add-to-cart:not(.btn-primary), body.dark-mode .btn.btn-add {
  background-color: var(--gray-800) !important;
  border-color: var(--gray-800) !important;
  color: var(--gray-100) !important;
}
.dark-mode .cros-pricing-container .cros-pricing-table .price span.prefix, .dark-mode .cros-pricing-container .cros-pricing-table .price span.cost, .dark-mode .cros-pricing-container .cros-pricing-table .price span.dollar, .dark-mode .cros-pricing-container .cros-pricing-table .price span.cents {
    color: var(--primary);
}
body.dark-mode .tiles .tile .stats, body.dark-mode .tiles .tile .no-link, body.dark-mode .promo-banner, body.dark-mode .home-kb-search .form-control, body.dark-mode .table-container {
  background-color: var(--black);
  border-color: var(--gray-800);
}
body.dark-mode .table > thead > tr > th, body.dark-mode .table > tbody > tr > th, body.dark-mode .table > tfoot > tr > th, body.dark-mode .table > thead > tr > td, body.dark-mode .table > tbody > tr > td, body.dark-mode .table > tfoot > tr > td, body.dark-mode .table-container .table-header, body.dark-mode .table-container .dataTables_length, body.dark-mode .table-container .dataTables_paginate {
    border-color: var(--gray-800);
}
body.dark-mode .block-footer .footer-widgets, body.dark-mode .block-footer .sfooter, body.dark-mode .block-footer .footer-widgets h4, body.dark-mode .block-footer .footer-widgets .h4, body.dark-mode .domains-section .domain-hero.in-inner-block .domain-pricing .featured-tlds div {
  border-color: var(--gray-800);
}
/* CURSOR */
.cursor {
    position: fixed;
    background-color: var(--primary);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    z-index: 1;
    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    transform: scale(1);
}

.cursor.active {
    opacity: 1;
    transform: scale(0);
}

.cursor.menu-active {
    opacity: 1;
    transform: scale(0);
}

.cursor.hovered {
    opacity: 1;
}

.cursor-follower {
    position: fixed;
    border: 1px solid var(--primary-lighter);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    z-index: 1;
    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    transform: translate(2px, 2px);
}

.cursor-follower.active {
    opacity: 0.5;
    transform: scale(1.8);
}

.cursor-follower.menu-active {
    opacity: 0.3;
    transform: scale(1.8);
}

.cursor-follower.hovered {
    opacity: 0.5;
}

/*Responsive Design - --> +*/
@media (max-width: 633px) {
    /*SIDENAV*/
    .navbar-side .side-nav li > a {
        font-weight: bold;
    }    
    .navbar-side .side-nav li .menu-name span {
        font-weight: 300;
    }
    /*DEFAULT*/
    .cros-navbar .navbar-header .logo-section .logo img {
        min-width: 180px;
    }
    .cros-pricing-container .cros-pricing-table .price span.cost, .cros-pricing-container .cros-pricing-table .price span.dollar {
        font-size: 30px;
    }
    .btn-primary {
        font-size: .8rem;
        padding: 10px 24px;
    }

    .sec.site-banner h1.sec-title {
        font-size: 1.5rem !important;
    }
    .sec.products h2.sec-title {
        font-size: 1.2rem;
    }
    .sec.products .sec-description {
        margin: 0 auto;
    }
    .section__plan_comparison .plan .plan__column .plan__body .plan__cell.plan__cell-last.sb {
        height: 80px;
    }
    section.products h1.sec-title, .sec.products h1.sec-title, section.about h1.sec-title, .sec.about h1.sec-title, section.social h1.sec-title, .sec.social h1.sec-title, section.testimonials h1.sec-title, .sec.testimonials h1.sec-title, section.features h1.sec-title, .sec.features h1.sec-title, section.faqs h1.sec-title, .sec.faqs h1.sec-title, section.editor h1.sec-title, .sec.editor h1.sec-title, section.feature-list h1.sec-title, .sec.feature-list h1.sec-title, section.teamlist h1.sec-title, .sec.teamlist h1.sec-title, section.gallery h1.sec-title, .sec.gallery h1.sec-title, section.domains h1.sec-title, .sec.domains h1.sec-title, section.site-banner h1.sec-title, section.site-banner-domain h1.sec-title, .sec.site-banner-domain h1.sec-title, section.products .h1.sec-title, .sec.products .h1.sec-title, section.about .h1.sec-title, .sec.about .h1.sec-title, section.social .h1.sec-title, .sec.social .h1.sec-title, section.testimonials .h1.sec-title, .sec.testimonials .h1.sec-title, section.features .h1.sec-title, .sec.features .h1.sec-title, section.faqs .h1.sec-title, .sec.faqs .h1.sec-title, section.editor .h1.sec-title, .sec.editor .h1.sec-title, section.feature-list .h1.sec-title, .sec.feature-list .h1.sec-title, section.teamlist .h1.sec-title, .sec.teamlist .h1.sec-title, section.gallery .h1.sec-title, .sec.gallery .h1.sec-title, section.domains .h1.sec-title, .sec.domains .h1.sec-title, section.site-banner .h1.sec-title, .sec.site-banner .h1.sec-title, section.site-banner-domain .h1.sec-title, .sec.site-banner-domain .h1.sec-title {
        font-size: 2.0rem !important;
        font-weight: 900;
        margin-bottom: 1.5rem;
    }

    section.features h2.sec-title, .sec.features h2.sec-title{
        font-size: 1.5rem !important;  
    }
    .btn, div[menuitemname="Active Products/Services"] .card-footer .btn-view-more, div[menuitemname="Active Products/Services"] .panel-footer .btn-view-more {
        text-align: left;
    }
    /*TABLES*/
    .cros-pricing-container .cros-pricing-table.pt_st_5 [class*="col-"] .content .plan-features li, .cros-pricing-container .cros-pricing-table.pt_st_5 [class*="col-"] .content .custom-features li {
        width: calc(100% - 30px);
        white-space:nowrap;
    }
    .cros-pricing-container .pricing-slider.row-eq-height [class*=" col-"], .cros-pricing-container .pricing-box.row-eq-height [class*=" col-"], .cros-pricing-container .home-products.row-eq-height [class*=" col-"] {
        margin: 30px 0px 15px 0;
    }
    .cros-pricing-container .pricing_style_2 {
        margin: 0 0 35px 0;
    }
    .swiper-horizontal {
        padding-top: 25px; /*FIX Price tabs Style3 > Most Popular*/
        border-radius: 15px;
    }
}
@media only screen and (max-width: 992px) {
    body {
        margin-top: 80px;
    }
}

@media only screen and (min-width: 993px) {
    .swiper-slide:last-child .linemiddle::before, .swiper-slide:last-child .linemiddle::after {
        display: none;
    }
    .modal-lg, .modal-xl {
        max-width: 900px;
    }
    .sticky {
        height: 260px;
        position: sticky;
        top: 60px;
    }
    .section__plan_comparison .plan .plan__column .plan__header, .section__plan_comparison .plan .plan__column.plan__column--empty .plan__header {
        background: var(--white);
    }
    body.dark-mode .section__plan_comparison .plan .plan__column .plan__header, body.dark-mode .section__plan_comparison .plan .plan__column.plan__column--empty .plan__header {
        background: var(--gray-900);
        border-bottom: 5px solid var(--primary) !important;
    }
    body.dark-mode .section__plan_comparison .plan .plan__column .plan__body .plan__cell, body.dark-mode .section__plan_comparison .plan .plan__column .plan__header {
        border-color: var(--gray-900);
    }
    .swiper-slide.featured .plan__header {
        background: var(--swiper-theme-color) !important;
    }
    .section__plan_comparison .plan, .swiper-container {
        overflow:hidden; /*FIX damit der inhalt der zeile nicht drüber sichbar ist!*/
    }
    .section__plan_comparison .plan .plan__column {
        /*DONT WORK 3 or 2 COLUMNS
        max-width: 260px !important;*/ 
    }
    .swiper, .swiper-slide{
        overflow:inherit !important;
    }
    #product_body .swiper{
        overflow: hidden !important;
    }
    .domain-hero {
        overflow: hidden;
    }

}