/* 
	padding: 0;
	margin: 0;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
*/
:root {
	--color-primary: #214fe0;
	--color-dark: #1d1f20;
	--color-light: #fff;
	--color-shade: #bbb;
	--badge-size: 180px;
	--lock-color: #fff;
	--lock-width: 20px;
	--lock-stroke: 2.5px;
}

.transition-fade {
  transition: opacity 0.4s ease-in-out;
}

html.is-animating .transition-fade {
  opacity: 0;
}

html,
body {
	backgound: #222 !important;
	backgound-color: #222 !important;
}
.hidden {
	display:none !important;
}
body {
	overflow: auto;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;

}
html {
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;

}

html {
	/* scrollbar-width: none; */
	/* For Firefox */
	/* ms-overflow-style: none; */
	/* For Internet Explorer and Edge */
}
html::-webkit-scrollbar {
    width: 10px;
    z-index:999 !important;
	/* For Chrome, Safari, and Opera */
}
body::-webkit-scrollbar  { 
    width: 10px;
    z-index:999 !important;
}
body::-webkit-scrollbar-track {
  background:rgb(0,0,0,0.5);
}
body::-webkit-scrollbar-thumb { 
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;cursor: pointer;
}
::-webkit-scrollbar-thumb{
    background-color: transparent;
    border-top: 92px solid rgb(0,0,0,0.5);
}
.danone {
	visibility: hidden;
}

.overlay::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	background: linear-gradient(240deg, #000000 50%, #384859 100%);
	z-index: -1;

}

.bg-primary-gradient h1,
.bg-primary-gradient h2,
.bg-primary-gradient h3,
.bg-primary-gradient h4,
.bg-primary-gradient p,
.bg-primary-gradient button {
	color: #111;
}

h2 {
	font-size: 2rem !important;
}

.display-font {
	font-size: 4.25rem;
}

.mt-4 {
	margin-top: 1.5rem !important;
}

div.header-gradient {
	background-color: #000f57 !important;
	box-shadow: 0 2px 8px 0 rgb(0 0 0 / 30%);
}

.topbar {
	background: linear-gradient(240deg, #0B173B 10.47%, #0B2161 69.97%);
}

.header-gradient {
	background: linear-gradient(240deg, #0B173B 10.47%, #0B2161 99.97%);
}

.nav-wrapper ul li a {
	display: block;
	padding: 25px 15px;
	color: #001042;
	font-family: "Urbanist", sans-serif;
	font-weight: 500;
	font-size: 16px;
        font-display: swap;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}
/* ON HOVER OFFEN
.nav-wrapper ul li.has-submenu .submenu-wrapper.theme-megamenu {
	position: absolute !important;
	width: 1296px;
	left: -485px;
	padding: 15px;
	margin-top: 0px;
	border-top: 1px solid #ffa500;
	padding: 30px;
	margin-bottom: 4px;
	display: none;
}
*/
.nav-wrapper ul li.has-submenu .submenu-wrapper.theme-megamenu {
    position:absolute !important;
    width: 1296px;
    left: -485px;
    padding: 15px;
    margin-top: 0px;
    border-top:1px solid #ffa500;
    padding: 30px;
    margin-bottom: 4px;display: none;
}

div.submenu-wrapper.theme-megamenu {
	display: block;
	animation: fade_in_show 0.4s;

}

@keyframes fade_in_show {
	from {
		opacity: 0;
		transform: translateY(15%);
	}

	to {
		opacity: 1
	}
}

.canvus-menu {
	width: 140%;
}

.canvus-menu>.mg-item {
	padding: 15px 10px;
	display: block;
	border-radius: 6px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	border: 1px dotted transparent !important;
	width: 68%;
	margin-bottom: 1px;
	margin-left: 1px;
}

.canvus-menu .icon-wrapper {
	margin-top: -4px;
	font-size: 22px;
	width: 50px;
	height: 40px;
	border: 1px solid #ddd;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 6px;
	color: #364767;
}

.canvus-menu .mg-item .mg-item-wrapper .mg-item-content-right {
	width: 60%;
}

.menutop {
	font-size: 16px;
	font-weight: normal;
	color: #000 !important;
	margin-left: 5px;
}

span.menusub {
	color: #777 !important;
	margin-left: 5px;
	font-size: 14px;
}

div.canvus-menu .mg-item:hover {
	position: relative;
	z-index: 9999 !important;
	margin-bottom: 1px;
	margin-left: 1px;
	-webkit-box-shadow: 0px 0px 0px rgba(120, 120, 120, 0.3);
	box-shadow: 0px 0px 0px rgba(120, 120, 120, 0.3);
	border: 1px dotted #ffa500 !important;
	background: #fff;
}

div.canvus-menu .mg-item:hover .icon-wrapper {
	background: #f5f5f5;
	color: #ffa500 !important;

}

.text-w {
	color: #fff !important;
}

.pricing-column .popular-badge {
	background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 98.32%);
	width: 280px;
	font-size: 15px;
	color: #222;
	padding: 8px 0;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	right: -85px;
	top: 30px;
	z-index: 999999;
}

img {
	width: auto;
	height: auto;
}

.dots {
	right: 48px;
	bottom: 60px;
	width: 15% !important;
	height: auto;
}

div.text-w-small {
	position: relative;
	color: #fff !important;
	font-size: 14px !important;
	margin-top: 20px;
}

.no-50 {
	padding: 14px 24px !important;
}

.monthly-price-smally {
	font-size: 32px !important;
}

span.badge.bg-danger.karte {
	position: relative;
	margin-top: -18px;
	padding: 5px 10px 5px 10px !important;
	background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
	color: #fff;
	margin-left: 35px;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	top: 5px;
	cursor: pointer !important;
	z-index: 999 !important;
}

span.badge.bg-danger.karte:hover {
	background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 98.32%);
	color: #fff;
	animation: einblenden 1.0s !important;
	transition-delay: 2s;
}

.text-g {
	color: #FFa500;
}

h5.footer-widget.position-relative.mb-5.widget-title.fw-semibold.mymenu {
	position: relative !important;
	margin-bottom: -30px !important;
}

div.ptb-8 {
	height: 18px;
}

h5.footer-widget.position-relative.mb-5.widget-title.fw-semibold.mymenu::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 70px;
	height: 3px;
	background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
}

.nt-downcount li {
	margin-top: 5px;
	margin-bottom: 10px;
	width: 64px;
	height: 40px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #f1f1f1;
	border-radius: 4px;
	text-align: center;
}

div.text-w.pricing-label.d-block.mt-4.timers {
	position: relative !important;
	margin-top: 0px !important;
}

.swiper-wrapper.home {
	width: 100%;
	height: 100%;
	max-height: 680px;
	background: #000;
	background-image: url("../images/slider/background.webp");
	background-sdize: contain;
	background-position: -400px -540px;
}

.bg-karte {
	width: 100%;
	height: 100%;
	max-height: 680px;
	background: #000;
	background-image: url("../images/slider/background.webp");
	background-sdize: contain;
	background-position: 0px -700px;

}

.slider-hero-single::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgb(11, 33, 97, 0.95) 30.47%, rgb(11, 23, 59, 0.3) 59.97%);
	z-index: -1;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.hm2-server-tab-control li button {
	width: 100%;
	padding: 4px 24px 4px 4px !important;
	background: transparent !important;
	border-radius: 5px;
	-webkit-box-shadow: 0px !important;
	box-shadow: 0px !important;
	text-align: left;
	border: 0;
	font-size: 14px !important;
	font-weight: 500;
	font-family: "Urbanist", sans-serif;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
        font-display: swap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.mt-50 {
	margin-top: 20px;
}

.hm2-server-tab-control li button>i {
	color: #444;
	background: rgba(255, 255, 255, .15);
	font-size: 20px !important;
}

.hm2-server-tab-control li>button {
	background-color: transparent !important;
}

.hm2-server-tab-control li button i {
	width: 40px;
	height: 40px;
	background: linear-gradient(95.45deg, rgba(0, 130, 248, 0.1) 0.64%, rgba(28, 64, 242, 0.1) 98.23%);
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	font-size: 29px;
	color: #1c40f2;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

div.header-nav {
	background-color: transparent !important;
	background: transparent !important;
	height: 40px !important;
}

header.sticky-header div.header-nav {
	background-color: #fff !important;
	background: #fff !important;
	height: auto !important;
}

.slider-hero-single.swiper-slide-active h4 {
	color: #ffa500 !important;
	-webkit-animation: .7s fade !important;
	animation: .7s fade !important;
}

h2.ms-2 {
	color: #666 !important;
	margin-left: 0.5rem !important;
        font-size: 2.1rem !important;
}

.swiper {
	background-color: transparent !important;
	background: transparent !important;
}

.ofcanvus-menu.active {
	z-index: 99999 !important;
}

.slider-hero-single {
	background-position: 0px 0px;
	height: 100%;
	max-height: 680px !important;
}

.text-warning {
	color: #fff !important;
}

top-mark {
	background: rgba(0, 0, 0, 0);
	color: #ffa500 !important;
	padding: 0;
}

mark {
	background: rgba(0, 0, 0, 0);
	color: #ffa500 !important;
	padding: 0;
}

mark::after {
	top: 36px !important;
}

.deutschland {
	background: url("../images/icons/deutschland.png") !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: 0px 0px !important;
	height: 64px;
}
.europa {
	background: url("../images/icons/europa.png") !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: 0px 0px !important;
	height: 64px;
}

.hbund { 
 margin-top:-90px;
 margin-left:245px;
}


body.theme-dark .topbar {
	background: linear-gradient(95.45deg, #33313d 0.64%, #1e1e2c 98.23%);
}

body.theme-dark header.sticky-header>div.header-nav {
	background: #33313d !important;
}

.hpb {
	width: 600px;
}

.h5-domain-info .info-box span {
	font-size: 12px;
	font-weight: 500;
	color: #fff !important;

}

.info-box>span {
	width: 280px !important;
}

.h5-domain-search-form input {
	width: 100%;
	padding: 16px 24px;
	border: 0;
	background: #fff;
	border-radius: 6px;
	color: #111;
}

.h5-domain-search-form input::placeholder {
	color: #111 !important;
}

#overlayer {
	position: fixed;
	/* Sit on top of the page content */
	display: none;
	/* Hidden by default */
	width: 100%;
	/* Full width (cover the whole page) */
	height: 100%;
	/* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	/* Black background with opacity */
	z-index: 999;
	/* Specify a stack order in case you're using a different order for other elements */
	cursor: pointer;
	/* Add a pointer on hover */
	animation: einblenden 0.5s;
	-moz-animation: einblenden 0.5s;
	/* Für Firefox */
	-webkit-animation: einblenden 0.5s;
	/* Für Safari und Chrome */
	-o-animation: einblenden 0.5s;
	/* Für Opera */
}

.overlayer {
	position: fixed;
	/* Sit on top of the page content */
	display: none;
	/* Hidden by default */
	width: 100%;
	/* Full width (cover the whole page) */
	height: 100%;
	/* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	/* Black background with opacity */
	z-index: 999;
	/* Specify a stack order in case you're using a different order for other elements */
	cursor: pointer;
	/* Add a pointer on hover */
	animation: einblenden 1.8s;
	-moz-animation: einblenden 1.8s;
	/* Für Firefox */
	-webkit-animation: einblenden 1.8s;
	/* Für Safari und Chrome */
	-o-animation: einblenden 1.8s;
	/* Für Opera */
}

.light-bg {
	background-color: transparent !important;
	margin-bottom: 0px;
}

.bg-white .dimmer {
	background-color: #f6f6f6 !important;
}

.builderstart {
	height: 64px !important;
}

div.hosting-info-column {
	position: relative;
	z-index: 9999999 !important;
}

.sticky-header.header-two {
	background-color: #18029d;
}

.strich {
	border-bottom: 1px solid #333 !important;
	border-radius: 0px !important;
}

.grau {
	background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
	color: #fff !important;
	border: 0px !important;
	overflow: hidden;
}

.grau:hover {
	background: #0a58ca !important;
	color: #fff !important;
	border: 0px !important;
	-webkit-transition: all 0s ease-in !important;
	transition: all 0s ease-in !important;
}

.hm2-blog-card .hm2-blog-card-content .date {
	font-weight: 800;
	font-size: 16px;
	line-height: 18px;
}

.ptb-20 {
	padding-top: 0px;
	padding-bottom: 50px;
}

.sh-feedback-rating>img {
	max-width: 96px !important;
	height: 18px !important;
}

.nur-fluid {
	max-width: 100% !important;
	height: 100px !important;
}

.star-fluid {
	width: 100% !important;
	height: auto !important;
}

.fred-fluid {
	margin-left: -30px;
	width: auto !important;
	height: 120% !important;
}

.hpb-fluid {
	margin-top: 60px;
	margin-left: 20px;
	width: 100% !important;
	height: 100% !important;
}

.card-fluid {
	max-width: 100% !important;
	height: auto !important;
}

.fonty {
	font-size: 16px !important;
}

.home4-about-accordion .accordion-item .accordion-header a::before {
	content: "+";
	font-family: "FontAwesome";
	width: 20px !important;
	height: 20px !important;
	background: #fff;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	margin-right: 15px;
	color: #1c40f2;
	font-weight: 700;
	font-size: 15px;
}

.h4-feature-wrapper {
	padding: 50px 40px 50px 40px;
	-webkit-box-shadow: 4px 10px 50px rgba(90, 108, 234, 0.1);
	box-shadow: 4px 10px 50px rgba(90, 108, 234, 0.1);
	border-radius: 6px;
}
.fa-inverse {
	font-family: arial;
	font-weight: 700;
	background: #ffa500;
	border-radius: 20%;
}
.faq-fluid {
	position: absolute !important;
	max-width: 100%;
	height: 400px !important;
	top: 220px;
	right: 140px;
}
.img-fluid {
	max-width: 100%;
	height: 60px !important;
}
.img-menufile {
	width:  180px !important;
	height: 100px !important;
}
div.featured-tld.menutld.promo.img{
	padding:0px !important;
 
}
.img-website {
	max-width: 100%;
	height: 100% !important;
}
.img3-fluid {
	max-width: 100%;
	height: 60px !important;
}
.text-grau {
	color: #444 !important;
}
.dm-pp-domain-item::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 74.2% 50.9%, rgb(14, 72, 222) 5.2%, rgb(3, 22, 65) 75.3%);
	z-index: -1;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	opacity: 0;
}

div.hm2-blog-card.bg-white.deep-shadow div.hosting-signle-product.text-center.bg-white.rounded.strich {
	min-height: 250px !important;

}

div.hm2-blog-card.bg-white.deep-shadow:hover>div.hosting-signle-product.text-center.bg-white.rounded.strich {
	background: radial-gradient(circle at 74.2% 50.9%, rgb(14, 72, 222) 5.2%, rgb(3, 22, 65) 75.3%);
	animation: einblenden 0.8s;
	-moz-animation: einblenden 0.8s;
	/* Für Firefox */
	-webkit-animation: einblenden 0.8s;
	/* Für Safari und Chrome */
	-o-animation: einblenden 0.8s;
	/* Für Opera */
	max-height: 250px !important;
}

div.hm2-blog-card.bg-white.deep-shadow:hover>div.hosting-signle-product.text-center.bg-white.rounded.strich>h5.mt-4.mb-3 {
	color: #fff !important;
	font-size: 26px;
}

div.hm2-blog-card.bg-white.deep-shadow:hover>.dm-pp-domain-item .circle-shape {
	background: #fff;
	opacity: 0.2;
}

div.hm2-blog-card.bg-white.deep-shadow:hover>.dm-pp-domain-item .circle-small {
	width: 24px;
	height: 24px;
	background: #2b65f5;
	border-radius: 50%;
	right: 60px;
	bottom: 60px;
	-webkit-transform: none !important;
	transform: none !important;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	z-index: 99999 !important;
	opacity: 0.2 !important;
}

.hoch {
	position: relative !important;
	top: -14px !important;
	font-size: 22px !important;
}

mark::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 20px;
	background: url(../images/svg/curve-line.svg);
	background-repeat: no-repeat;
}

.line-height {
	line-height: 54px !important;
}

.hosting-info-title mark:after {
	content: "";
	background: none !important;
}

div.hosting-info-title.mb-5 {
	position: relative;
	z-index: 999 !important;
}

div.feagure-img>img {
	width: 70px !important;
	height: 70px !important;
}

.header-search-form {
	margin-top: 30px;
	background: rgba(246, 249, 255, .15);
	padding: 10px;
	border-radius: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

div.hm7-hero-content>.text-white {
	display: inline-block !important;
	text-shadow: 2px 2px 2px #333 !important;
}

.light-color-shaper {
	position: absolute;
	left: 0px !important;
	top: 25px !important;
	width: 100% !important;
	height: 100% !important;
	border-radius: 8px;
	background-color: rgba(246, 249, 255, 0.15);
}

div.promo-item.bg-white.rounded.primary-shadow.startabfrage {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

div.hm7-feature-box.nopadding {
	padding: 40px 0px 0px 0px !important;
	width: 100% !important;
}
.left-align {
	text-align: left;
}

.opacity-wenig {
	opacity: 0.5 !important;
}
.vps-scripts-wrapper.pad {
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;

}
.h5-domain-info .info-box {
	font-size: 14px;
	text-indent: 0px;
}
.hm2-dm-search-form input {
	padding: 6px 10px 16px 20px;
	border: 1px solid #E6E6E6;
	width: 100%;
	border-radius: 6px 0 0 6px !important;
}
.hm2-dm-search-form .form-select {
	width: 70px;
	border: 1px solid #E6E6E6;
	background-size: 12px 15px;
	padding-right: 0;
	color: #111 !important;
	font-weight: 500;
	border-radius: 0;
	padding: 16px 0;
	padding-left: 6px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	line-height: 13px;
}
.hm2-primary-btn.such {
	line-height: 13px;
}
::placeholder {
	position: relative; 
	color: #111 !important;
}

.primary-btn.te {
	border-radius: 0 6px 6px 0;
	line-height: 10px;
	opacity: 0.84 !important;
}

.primary-btn.te:hover {
	border-radius: 0 6px 6px 0;
	line-height: 13px;
	opacity: 0.9 !important;
}

div.nixzusehen {
	display: none !important;
}

h3.line-height.text-left {
	position: relative !important;
	text-align: left !important;
}

.card-shadow {
	-webkit-box-shadow: 0px 10px 10px rgb(151 151 151 / 15%);
	box-shadow: 0px 10px 10px rgb(151 151 151 / 15%);
	border-radius: 5px;
}

.dm-pp-domain-item .dm-offer-badge {
	background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
	padding: 4px 10px;
	font-size: 12px;
	left: 0px;
	top: 0px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	width: 110px;
}

.produkte-service {
	font-size: 20px;
}

span.subtitle.drei {
	font-size: 16px !important;
}

.dark-light-switcher {
	position: absolute;
	right: 0 !important;
	top: 0 !important;
	z-index: 1000;
	border: 0;
	background: transparent !important;
	color: #fff;
	width: 16px;
	height: 16px;
	word-wrap: nowrap;
	border-radius: 0 !important;
	color: #000 !important;
	cursor: pointer;
}

i.fa-solid.fa-moon {
	position: absolute;
	margin-top: -1px !important;
	cursor: pointer;
}



.position-absolute.ft-triangle.pfeil {
	top: 50px !important;
	left: 582px !important;
}

.wp-signup-left {
	top: 0px !important;
	left: 100px !important;
	opacity: 0.1;
}

.opacity-50a {
	opacity: 0.3;
}

.opacity-50b {
	opacity: 0.2;
	height: 100%;
	width: 50% !important;
}

.hm2-pricing-tab>ul li button {
	background: rgba(0, 0, 0, 0);
	border: 0;
	color: #001042;
	font-weight: 600;
	padding: 10px 25px;
	border-radius: 8px;
	margin-bottom: 12px;
	font-size: 14px;
	margin-left: - 5px !important;
}

.hm2-pricing-tab>ul {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border-bottom: 0;
	padding: 12px;
	padding-bottom: 0;
	border-radius: 12px;
}

.clearfix {
	clear: both !important;
	padding: 0 !important;
	margin: 0 !important;
	height: 0 !important;
}

.question-box {
	padding: 30px 30px 30px 30px;
}

.tab-pane {
	height: auto !important;
}

.tab-oben {
	float: left;
	clear: both !important;
	padding: 0 !important;
	margin: 0 !important;
	height: auto !important;
}

.ptb-5 {
	height: 7px;
}

.dm-accordion .accordion-item .accordion-header a {
	padding: 18px 35px 18px 25px;
	display: block;
	color: #001042;
	font-family: "Urbanist", sans-serif;
	font-weight: 400;
	position: relative;
	background: radial-gradient(circle at 74.2% 50.9%, #f1f1f1 5.2%, #f5f5f5 75.3%);
}

div.search-tld {
	margin-top: 6px;
}

/*  ###################### Slider ################################### */
.slider-hero-single {
	padding: 148px 0 260px 0;
	background-repeat: no-repeat;
	background-position: center right;
}

.hm7-hero-content .hm7-hero-subtitle {
	margin-top: -40px;
}

div.mb-5.text-white.hometext {
	float: left;
	position: relative !important;
	margin-top: -10px !important;
	color: #fff !important;
}

.dm-pp-domain-item:hover span.tlds {
	color: #fff;
}

div.dot {
	background-color: #ffa500;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	margin-top: 7.2px;
}

span.tlds.black {
	position: absolute;
	top: 10px;
	left: 29px;
	font-size: 25px;
	font-weight: 900;
	color: #333;
}

.dm-pp-domain-item:hover span.tlds.black {
	color: #fff !important;
}

.dm-pp-domain-item:focus {
	color: #fff !important;
}

.dm-pp-domain-item:active {
	color: #fff !important;
}

span.tlds.blue {
	position: absolute;
	top: 10px;
	left: 29px;
	font-size: 25px;
	font-weight: 900;
	color: #0431B4;
}

span.tlds.dark-blue {
	position: absolute;
	top: 10px;
	left: 29px;
	font-size: 25px;
	font-weight: 900;
	color: #0B0B61;
}

#spinner-area {
	background-color: #000;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	opacity: .9;
}

.spinner {
	position: fixed;
	height: 3em;
	width: 3em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fdd700;
	opacity: .8;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2s infinite ease-in-out;
	animation: sk-bounce 3s infinite ease-in-out;
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {

	0%,
	100% {
		-webkit-transform: scale(0.0)
	}

	50% {
		-webkit-transform: scale(1.0)
	}
}

@keyframes sk-bounce {

	0%,
	100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0)
	}

	50% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0)
	}
}

/* ######################################################################################## */
.item-nvme-webhosting {
	background: url(../images/slider/background.webp);
	background-repeat: no-repeat;
	background-position: 0px -65px;
	background-size: cover;
	height: 480px;
}

.item-nvme-webhosting::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgb(11, 33, 97, 0.95) 30.47%, rgb(11, 23, 59, 0.2) 69.97%);
	z-index: -1;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.item-wordpress-hosting {
	background: url(../images/slider/background.webp);
	background-repeat: no-repeat;
	background-position: 0px -380px;
	background-size: cover;
	height: 480px;
}

.item-wordpress-hosting::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgb(11, 33, 97, 0.95) 30.47%, rgb(11, 23, 59, 0.3) 59.97%);
	z-index: -1;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.item-email {
	background: url(../images/slider/background.webp);
	background-repeat: no-repeat;
	background-position: 0px -65px;
	background-size: cover;
	height: 670px;
}

.item-email:after {
	background: linear-gradient(279.3deg, #001dac 2.98%, #000f57 98.6%);
	height: 670px;
}


.item-root-server {
	background: url(../images/slider/background.webp);
	background-repeat: no-repeat;
	background-position: 0px -65px;
	background-size: cover;
	height: 480px;
}

.item-root-server::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgb(11, 33, 97, 0.95) 30.47%, rgb(11, 23, 59, 0.2) 69.97%);
	z-index: -1;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}


/* ######################################################################################## */

div.col-6.all-whois {
	position: relative;
	float: left;
	margin-left: 0;
	margin-top: 45px;
	z-index: 99999 !important;
}

div.col-6.all-whois {
	padding: 10px;
	background: rgb(255, 255, 255, 0.15);
	border-radius: 10px;
}

.money-back-area {
	padding: 25px 25px 15px 25px;
	border-bottom: 1px solid #ddd !important;


}

.pricing-tab-section {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

.pricing-column .pricing-badge {
	background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
	right: 30px;
	top: 30px;
	padding: 6px 18px;
	font-weight: 500;
	font-size: 15px;

}

.pricing-column .pricing-badge .gradient-txt {
	color: #fff !important;
	font-size: 14px;
}

span.euro {
	position: relative;
	font-family: sans-serif !important;
	font-size: 28px !important;
	top: -8px !important;
	font-weight: 400 !important;
}

.tab-switch-btn .toggle-switch-btn {
	width: 58px;
	height: 32px;
	border: 1px solid #ccc;
	margin: 0 15px;
	cursor: pointer;
}

.tab-switch-btn span {
	color: #001042;
}

.pricing-column .feature-list li i {
	color: #ffa500 !important;
	font-size: 18px !important;
	padding: 5px;
	border: 0px solid #ccc;
	width: 32px;
        opacity:0.9
}

.pricing-column .feature-list li {
	color: #000 !important;
	font-size: 16px !important;

}

.pricing-column .expand-btn {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	font-family: sans-serif !important;
	font-size: 15px !important;
	color: #001042;
	font-weight: 600;
	margin-top: 15px !important;
}

.rounded-20 {
	border-radius: 10px;
}

.lets-encrypt {
	height: 24px;
	width: auto;
}

img.av-fluid {
	position: absolute;
	height: 32px;
	width: auto;
	margin-top: 8px;
	margin-left: -9px;

}

.secondary-btn {
	padding: 10px 18px 10px 18px !important;
	vertical-align: middle;
	text-align: center;
}

.pricing-column .pricing-label {
	color: #1c40f2;
	font-size: 14px;
	font-weight: 600;
}

.pricing-column .expand-btn i {
	margin-left: 2px;
	margin-right: 15px;
	width: 24px;
	height: 24px;
	background: rgba(0, 16, 66, 0.1);
	border-radius: 50%;
	font-size: 12px;
	line-height: 25px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.pricing-column .expand-btn {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	font-family: sans-serif !important;
	font-size: 15px !important;
	color: #001042;
	font-weight: 400;
	margin-top: 15px !important;
}

.strong {
	position: relative;
	font-family: "Urbanist", sans-serif;
	color: #555;
	font-weight: 600;
	top: -4px !important;
}

.pricing-column .feature-list.expand-list {
	height: 520px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

div.heading {
	position: relative;
	margin-top: 40px;
	margin-bottom: 20px;

}

span.pricing-label.d-block::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 3px;
	top: 0px;
	width: 50%;
	height: 5px;
	background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
}

span.pricing-label.d-block::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 50%;
	height: 5px;
	background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
}

.pricing-column .expand-btn i {
	margin-left: 2px;
	margin-right: 15px;
	width: 24px;
	height: 24px;
	background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
	line-height: 25px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.expand-btn.btn-right {}

#nvme-webhosting {
	float: right;
	margin-top: 12px;
}

.expand-btn.btn-right i {
	background: #f1f1f1;
	color: #000;
}

.expand-btn.btn-right:hover i {
	background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
	color: #fff;

}

.btn-wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pricing-column .expand-btn-new>i {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 15px;
	width: 24px;
	height: 24px;
	background: #ededed;
	border-radius: 50%;
	font-size: 12px;
	color: #333;
	line-height: 25px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.expand-btn-new {
	background: #fff;
	border: 1px solid #ccc !important;
	border-radius: 30px;
	padding: 0px 20px 0px 0px !important;
	font-family: sans-serif !important;
	font-size: 15px !important;

	color: #001042;
	font-weight: 400;
	font-size: 16px;
}

.expand-btn-new:hover i {
	background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
	color: #fff;
}

.pricing-column .expand-btn>i {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 15px;
	width: 24px;
	height: 24px;
	background: #ededed;
	border-radius: 50%;
	font-size: 12px;
	color: #333;
	line-height: 25px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.expand-btn {
	background: #fff !important;
	border: 1px solid #ccc !important;
	border-radius: 30px !important;
	padding: 0px 20px 0px 0px !important;
	font-family: "Urbanist", sans-serif !important;
	color: #001042 !important;
	font-weight: 400 !important;
	font-size: 16px !important;

}


div.shapen {
	position: absolute;
	bottom: 0px;
	left: 150px;
	background: url("../images/shapes/sh-hero-bg.png");
	background-repeat: none;
	z-index: -2 !important;
	width: 200%;
	height: 487px;
	transform: rotate(0deg);
}

span#produktdetails {
	position: absolute;
	margin-top: -90px;
}

.crm-pricing-switch button {
	border: 0;
	background-color: rgba(0, 0, 0, 0);
	font-size: 16px !important;
	font-weight: 600;
}

div.tables-heading.no-fett {
	font-weight: 100 !important;
}

.pc-weg {
	display: none;
}

div.tables-features-list-item>i.fa-solid.fa-check {
	color: #1c40f2 !important;
}

div.star-1 {
	position: relative;
	margin-top: 15px;
	background-image: url("../images/svg/two-star.svg");
	width: 100% !important;
	max-width: 96px !important;
	height: 18px !important;
}

div.star-2 {
	position: relative;
	margin-top: 15px;
	background-image: url("../images/svg/three-star.svg");
	width: 100% !important;
	max-width: 96px !important;
	height: 18px !important;
}

div.star-3 {
	position: relative;
	margin-top: 15px;
	background-image: url("../images/svg/five-star.svg");
	width: 100% !important;
	max-width: 96px !important;
	height: 18px !important;
}

img.lets-fluid {
	position: relative;
	margin-top: -6px;
	max-width: 100% !important;
	height: 28px !important;
}

div.tables-box {
	border-bottom: 0px !important;
	background: #fff !important;
	width: 25% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
}

div.tables-box>.tables-head.fixed {
	position: fixed;
	top: 74px;
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 auto !important;
	flex: 0 0 auto !important;
	/* width: 33.33333333%  !important; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);   */
	width: 16.9% !important;
	border: 1px solid #f5f5f5;
	border-top: 2px solid #ffa500;
	z-index: 20 !important;
	max-height: 131.08px !important;
	background: #fff !important;
}

.tables .tables-box .tables-features-list .tables-features-list-item {
	text-align: left !important;
	height: 47px;
	line-height: 47px;

}

.tables .tables-box>.tables-features-list {
	z-index: -100 !important;
}

.no-border::after {
	content: " ";
	border: 0px !important;
	background: transparent !important;
}

.no-listing {
	display: none;
}

.tables {
	height: auto !important;
	padding: 0px !important;
	border: 0px !important;
	background: #fff !important;
}

.tables-head {
	height: auto !important;
	padding: 0px !important;
	cursor: pointer;
	background: #fff !important;
}

.tables-heading {
	font-family: "Urbanist", sans-serif !important;
	color: #001042 !important;
	font-size: 1.2rem !important;
	font-weight: 700 !important;
	text-align: left !important;
	background: #fff !important;
	z-index: 9999 !important;
}

.tables-text {
	position: relative;
	top: 0 display: block !important;
	justify-content: left !important;
	align-items: left !important;
	height: auto !important;
	overflow: hidden;
	margin: 0 !important;
	padding: 0px 0px 20px 30px !important;
	line-height: 24px !important;
	background: #fff !important;
}

.mbp {
	margin-top: 4px;
	font-size: 2.4em;

	font-family: "Urbanist", sans-serif !important;
	color: #ffa500 !important;
	font-weight: 700 !important;

}

.tables .tables-icon-feature {
	color: #FFA500 !important;
	margin: 0 10px 0 0;
	font-size: 1.1em !important;
}

.tables .tables-icon-feature:hover {
	color: #86b7fe !important;

}

a:focus {
	outline: none !important;
}

.accordion {
	--bs-accordion-btn-focus-border-color: #86b7fe;
	--bs-accordion-btn-focus-box-shadow: 0rem !important;
	padding: 0px !important;
	margin: 0px !important;
	border: 0px !important;
	background: transparent !important;
}

.accordion-button:focus {
	z-index: 3;
	border-color: transparent !important;
	outline: 0 !important;
	-webkit-box-shadow: 0px !important;
	box-shadow: 0px !important;
}

.accordion-body {
	padding: 0px !important;
	margin: 0px !important;
	border: 0px !important;
}

.accordion-item {
	border: 0px;
	background: transparent !important;
}

.accordion-item:last-of-type .accordion-collapse {
	background: transparent !important;
}

.accordion-collapse {
	transition-property: height, visibility;
	transition-duration: 0.50s;
	padding: 0 !important;

}

.tables {
	margin: 0px 0px 10px 0px !important;
}

.tables .tables-box {
	background: #fff !important;
	border: 1px solid !important;
	border-right-width: 0 !important;
	border-bottom-width: 0.1px !important;
	border-color: #ddd !important;
	margin-left: -2px !important;
}

span.ssd-badge {
	position: relative;
	margin-left: 0px;
	padding: 2px 6px 2px 6px;
	border-radius: 3px;
	font-size: 14px;
	color: #fff;
	height: 30px;
	width: 70px;
	background: #86b7fe;
	font-weight: 700;
}


.accordion-button.offen:not(.collapse) {
	color: var(--bs-accordion-active-color);
	background-color: var(--bs-accordion-active-bg);
	-webkit-box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
	box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
	color: #000 !important;
	border: 0.1px solid !important;
	border-bottom-width: 0.1px !important;
	border-color: #E6E6E6 !important;


}

.accordion-button {
	font-size: 18px !important;
	border: 0.1px solid !important;
	border-bottom-width: 0.1px !important;
	border-color: #E6E6E6 !important;
}


.normal-font {
	font-weight: normal !important;
}

.crm-pricing-switch .crm-switch {
	width: 33px;
	height: 16px;
	display: inline-block;
	border: 1px solid #777 !important;
	border-radius: 30px;
	position: relative;
	cursor: pointer;
	margin: 0 4px;
}

span.preis-green {
	margin-left: 50px;
	color: #088A08;
	font-weight: bold
}

span.preis-grau {
	margin-left: 50px;
	color: #86b7fe;
	font-weight: bold
}

span.preis-blau {
	margin-left: 50px;
	color: #86b7fe;
	font-weight: bold
}

.accordion-button:not(.collapsed) {
	color: #000 !important;
}

.fa-xmark {
	color: #DF0101 !important;
}

.smaler {
	height: 34px !important;
	line-height: 10px !important;
}

p.mb-0,
p.mb-10,
ul.mb-10 {
	padding-left: 12px !important;
	padding-right: 12px !important;

}

/* TOOLTIP START ************************************************************************* */


.jq-tip-dialog::before {
	content: " ";
	opacity: 0;
}

.jq-tip-dialog {
	position: absolute;
	background-color: rgb(0, 0, 0, 0.2);
	display: none;
	border-radius: 6px;
	margin-top: -140px;
	margin-left: 10px;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	-webkit-animation: einblenden 4s linear forwards;
	animation: einblenden 0.3s linear forwards;
	z-index: 99999;
}

.jq-tip-dialog h1 {
	margin: 0;
	padding: 5px;
	font-weight: normal !important;
	font-size: 20px;
	text-indent: 5px;
	color: #fff;
	padding: 10px 10px 10px 10px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
}

.jq-tip-dialog .wrapper {
	padding: 0px 10px 10px 10px;
}

.jq-tip-dialog .wrapper>div {
	background-color: #fff;
}

.jq-tip-dialog .wrapper>div .jq-tip-content {
	padding: 30px 15px 30px 20px;
	margin: 0;
	font-size: 15px;
	overflow-y: auto;
	word-wrap: break-word;
}

.fa-info-circle {
	cursor: pointer;
}

/* TOOLTIP ENDE************************************************************************* */

.bg-domixo-round {
	background: url("../images/icons/bg-domixo-curve.png");
	width: 100%;
	height: 100%;
	background-size: 100% 85%;
	background-repeat: no-repeat;
}

.wieder-umdrehen {
	transform: rotate(180deg);
}

div.sh-section-title.text-w h3 {
	color: #fff !important;
}

.shap-apps {
	width: 484px;
	margin-top: -110px;
	transform: rotate(90deg);
}

.shap-apps-sball {
	margin-top: 330px !important;
	margin-left: 120px !important;
}

.shap-apps-xball {
	right: 20px !important;
}

.shap-apps-fball {
	margin-top: 50px;
	right: 320px !important;
}

.shap-apps-lines {
	margin-top: 400px;
	right: 90px !important;
}

.shap-apps-lines2 {
	margin-top: 30px;
	right: 270px !important;
	opacity: 0.5;
}

.vps-script-item {
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.site_builder {
	padding: 28px 24px 0 !important;
	border: 1px solid #eaeaea;
	border-radius: 10px;
	min-height: 184.8px;
}
.fa-circle.gelb {
	position: relative;
	top: -3px !important;
	font-size: 10px !important;
	color: #ffa500 !important;
}

.fa-circle.gelbe {
	position: relative;
	top: 4px !important;
	font-size: 14px !important;
	color: #ffa500 !important;
}

.fa-circle.gelber {
	position: relative;
	top: -4px !important;
	font-size: 7px !important;
	color: #ffa500 !important;
	margin-right: 3px;
}

.aktive {
	color: #1c40f2 !important;
}

.tab-switch-btn .switch-input {
	width: 68px !important;
	height: 32px !important;
	left: 176px !important;
}

div.crm_monthly_price>h3 {
	display: inline-block !important;
	margin-top: -50px
}

div.crm_yearly_price>h3 {
	display: inline-block !important;
	margin-top: -50px;
}

.einpx {
	padding-top: 0px;
	padding-bottom: 12px;
}

.fa-php {
	font-size: 30px !important;
}

.wp-feature-item .icon-wrapper {
	width: 60px;
	height: 60px;
	background: #f5f5f5 !important;
}

.hm2-accordion .accordion-item .accordion-header a {
	font-family: "Urbanist", sans-serif;
	font-weight: 300 !important;
	color: #333 !important;
}

.hm2-accordion .accordion-item .accordion-header a::after {
	border: 1px solid #ffa500 !important;
}

.hm2-feature-card.pfeil {
	position: relative;
	top: 8px;
	left: -10px;
}

.hm2-feature-card.pfeil:hover {
	border-color: #fff !important;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 148, 255, 0.1);
	box-shadow: 0px 0px 0px rgba(0, 148, 255, 0.1);
}

.rounded-circle {
	border-color: #ffa500 !important;
}

.hm2-feature-card.pfeil:hover>.rounded-circle {
	border-color: #fff !important;
}

.hm2-accordion .accordion-item .accordion-header a.open.collapsed {
	font-family: "Urbanist", sans-serif !important;
	font-weight: 100 !important;
	color: #333 !important;
}

.hm2-accordion .accordion-item .accordion-header a.open {
	font-family: "Urbanist", sans-serif !important;
	font-weight: 100 !important;
	color: #1c40f2 !important;
	font-size: 16px !important;
}

.fw-semibold.faqs {
	font-weight: 100 !important;
	font-size: 18px !important;
	color: #444 !important;
}

.bf-pricing-column.popular .popular-badge {
	background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
	padding: 4px 35px;
	color: #fff;
	font-family: "Urbanist", sans-serif;
	font-weight: 700;
	font-size: 14px;
	position: absolute;
	top: -30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.bf-pricing-column.popular .popular-badge::before {
	content: "";
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -12px;
	width: 30px;
	height: 15px;
	background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
	-webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
	clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.bf-pricing-column.popular {
	border: 0px solid #ffa500 !important;
	z-index: -2 !important;
}

.bg-whiter {
	background: rgb(255, 255, 255, 0.9);
}

.bg-whiter:hover {
	background: rgb(255, 255, 255);
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.wp-logo {
	position: absolute;
	font-size: 70px;
	top: 30px;
	right: 40px;
	color: #0B173B;
	opacity: 0.8;
}

.wp-button {
	position: relative;
	background: #fff;
	padding: 5px 15px 5px 15px;
	color: #000;
	font-weight: 500;
	border: 1px solid #ccc;
	border-radius: 6px;
}

.bg-whiter:hover .wp-button {
	background: #f5f5f5;
	border: 1px solid #ffa500;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.bg-whiter:hover i.fa-brands {
	color: #000f57;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.dm-hero-section h1 {
	text-shadow: 2px 2px 2px #333 !important;
}

div.row.g-4.justify-content-center.wp-drei-hoch {
	position: relative !important;
	top: -48px !important;
}

.promo-item.bg-whiter {
	color: #000 !important;
	background: rgb(255, 255, 255, 0.8) !important;
	z-index: 1 !important;
}

.h4-app-section {
	margin-top: 100px !important;
}

.text-left {
	text-align: left;
}

.text-klein {
	font-size: 18px;
	font-weight: normal;
}

.euro2 {
	position: relative;
	font-family: sans-serif !important;
	font-size: 20px !important;
	top: -10px !important;
	font-weight: 500 !important;
}
img.wp-preis { 
        width:80px;
        height:80px;
        opacity:0.9
}
div.wp-margin {
 	position: absolute; 
        margin-top:20px;
        margin-left:284px; 
}


img.wp-girl {
	position: absolute;
	right: 20%;
	top: 50px;
	min-height: 100%;
	height: 100%;
	z-index: 99999;
}

img.nvme-mann {
	position: absolute;
	right: 23%;
	top: 50px;
	min-height: 100%;
	height: 104%;
	z-index: 99999;
}

img.home-girl {
	position: absolute;
	right: 16%;
	top: 70px;
	min-height: 90%;
	height: 90%;
	z-index: 99999;
}

img.shopping-girl {
	position: absolute;
	right: 24%;
	top: 58px;
	height: 90%;
	z-index: 99999;
}

img.umzug-men {
	position: absolute;
	right: 24%;
	top: 48px;
	height: 90%;
	z-index: 99999;
}

img.treuhand-men {
	position: absolute;
	right: 28%;
	top: 50px;
	height: 94%;
	z-index: 99999;
}

img.domain-men {
	position: absolute;
	right: 24%;
	top: 100px;
	height: 70%;
	z-index: 99999;
}

img.transfer-man {
	position: absolute;
	right: 20%;
	top: 76px;
	height: 77%;
	z-index: 99999;
}

img.funktionen-men {
	position: absolute;
	right: 20%;
	top: 66px;
	height: 90%;
	z-index: 99999;
}

img.fred-email {
	position: absolute;
	right: 17%;
	top: 67px;
	height: 86%;
	z-index: 99999;
}

img.root-people {
	position: absolute;
	right: 14%;
	top: 10px;
	height: 90%;
	width: auto;
	z-index: 999999 !important;
}

img.frau-baukasten {
	position: absolute;
	right: 22%;
	top: 50px;
	height: 90%;
	width: auto;
	z-index: 999999 !important;
}

img.fredline-mitte {
	position: absolute;
	right: 25%;
	top: -23px;
	height: 105%;
	width: auto;
	z-index: 999999 !important;
}

img.nextcloud-team {
	position: absolute;
	right: 21%;
	top: 60px;
	height: 105%;
	width: auto;
	z-index: 999999 !important;
}
img.windows-frau {
	position: absolute;
	right: 21%;
	top: 60px;
	height: 90%;
	width: auto;
	z-index: 999999 !important;
}
img.email-icon {
	position: absolute;
	right: 38%;
	top: 98px;
	height: 50%;
	z-index: 99999;
	opacity: 0.6
}
img.email-icon-preis {
	width: 84px !important;
	height: 84px !important;
	margin-top: 20px;
	z-index: 99999;
}
.outline-btn.mail {
	border: 1px solid #999;
	padding: 10px 22px;
	color: #333
}
.outline-btn.mail:hover {
	color: #fff
}
.outline-btn.mail {
  white-space: nowrap;
  max-width: 100%;
  display: block; 
}
.wp-feature-item {
	padding: 10px;
}
.wp-feature-item .icon-wrapper {
	width: 50px;
	height: 50px;
	font-size: 18px;
	color: #666;
}

h4.h5.mb-0.ms-3 {
	font-weight: normal;
	color: #333;
}
.promo-item {
	z-index: 1 !important;
}
.logo-prestashop {
	position: absolute;
	top: 40px;
	right: 40px;
	max-width: 90px !important;
	height: 90px !important;
}
.logo-baukasten {
	position: absolute;
	top: 40px;
	right: 40px;
	max-width: 100%;
	height: 120px !important;
}
.nextcloud-hosting {
	position: absolute;
	top: 30px;
	right: 30px;
	max-width: 100%;
	height: 130px !important;
}

span.pricing-label.d-block.presta::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 3px;
	top: 0px;
	width: 50%;
	height: 5px;
	background: linear-gradient(287.85deg, #ee5586 0%, #ee5586 95.32%);
}
span.pricing-label.d-block.presta:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 50%;
	height: 5px;
	background: linear-gradient(287.85deg, #fff 0%, #fff 95.32%);
}
span.pricing-label.d-block.baukasten::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 3px;
	top: 0px;
	width: 50%;
	height: 5px;
	background: linear-gradient(287.85deg, #fff 0%, #fff 95.32%);
}
span.pricing-label.d-block.baukasten:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 50%;
	height: 5px;
	background: linear-gradient(287.85deg, #fff 0%, #fff 95.32%);
}
.prestas {
	background: linear-gradient(287.85deg, #ee5586 0%, #ee5586 95.32%);
	color: #fff !important;
	border: 0px !important;
	overflow: hidden;
}
.logo-magento {
	height: 90px;
	width: 90px;
	position: absolute;
	top: 40px;
	right: 40px;
}
.tab-pane.active {
	animation: einblenden 1s;
}
span.pricing-label.d-block.shopware::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 3px;
	top: 0px;
	width: 50%;
	height: 5px;
	background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
}
span.pricing-label.d-block.shopware:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 50%;
	height: 5px;
	background: linear-gradient(95.45deg, #fff 0.64%, #fff 98.23%);
}
span.pricing-label.d-block.magento:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 50%;
	height: 5px;
	background: linear-gradient(95.45deg, #fff 0.64%, #fff 98.23%);
}
span.pricing-label.d-block.wooc::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 3px;
	top: 0px;
	width: 50%;
	height: 5px;
	background: linear-gradient(95.45deg, #7a378b 0.64%, #cc66cc 98.23%);
}
span.pricing-label.d-block.wooc:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 50%;
	height: 5px;
	background: linear-gradient(95.45deg, #fff 0.64%, #fff 98.23%);
}

a.template-btn.primary-btn.btn-small.w-60.text-center.prestsh {
	background: linear-gradient(287.85deg, #ee5586 0%, #a5215e 95.32%);
}

a.template-btn.primary-btn.btn-small.w-60.text-center.prestsh:hover {
	background: linear-gradient(287.85deg, #a5215e 0%, #ee5586 95.32%);
}

a.template-btn.primary-btn.btn-small.w-60.text-center.prestsh::before {
	background: linear-gradient(287.85deg, #a5215e 0%, #ee5586 95.32%);
}

a.template-btn.primary-btn.btn-small.w-60.text-center.woobtn {
	background: linear-gradient(95.45deg, #7a378b 0.64%, #cc66cc 98.23%);
}

a.template-btn.primary-btn.btn-small.w-60.text-center.woobtn:hover {
	background: linear-gradient(95.45deg, #cc66cc 0.64%, #7a378b 98.23%) !important;
}

a.template-btn.primary-btn.btn-small.w-60.text-center.woobtn::before {
	background: linear-gradient(95.45deg, #cc66cc 0.64%, #7a378b 98.23%) !important;
}

a.template-btn.hm2-primary-btn.btn-small.w-60.text-center.magent:hover {
	background: linear-gradient(287.85deg, #ffa500 0%, #ffa500 95.32%);
}

a.template-btn.hm2-primary-btn.btn-small.w-60.text-center.magent::before {
	background: linear-gradient(287.85deg, #ffa500 0%, #ffa500 95.32%);
}

.pulsating-circle {
	position: absolute;
	margin-left: 14px;
	margin-top: 12px;
	transform: translateX(-50%) translateY(-50%);
	width: 40px;
	height: 40px;
	z-index: 0;
}

.pulsating-circle:before {
	content: "";
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	margin-left: -0%;
	margin-top: -0%;
	border-radius: 45px;
	background-color: #01a4e9;
	-webkit-animation: pulse-ring 2.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
	animation: pulse-ring 2.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.pulsating-circle:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border-radius: 15px;
	-webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
	animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@-webkit-keyframes pulse-ring {
	0% {
		transform: scale(0.33);
	}

	80%,
	100% {
		opacity: 0;
	}
}

@keyframes pulse-ring {
	0% {
		transform: scale(0.33);
	}

	80%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes pulse-dot {
	0% {
		transform: scale(0.8);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.8);
	}
}

@keyframes pulse-dot {
	0% {
		transform: scale(0.8);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.8);
	}
}

i.fa-solid.fa-arrow-right.prestpfeil {
	color: #0082f8 !important;
}

.image-fluid {
	max-width: 100%;
	height: auto;
}

.hm7-counter-circle .counter-circle-wrapper {
	background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
}

.shopline {
	margin-top:
}

mark.position-relative.shopline::after {
	content: "";
	position: absolute;
	left: 0;
	top: 40px !important;
	width: 100%;
	height: 20px;
	background: url(../images/svg/curve-line.svg);
	background-repeat: no-repeat;
}

img.shop-fluid {
	max-width: 70px !important;
	height: 70px !important;
	margin-right: 80px;
	opacity: 0.9
} 

.presta-margin {
	margin-left: -5px;
}

.magento-margin {
	margin-left: -20px;
}

.woo-margin {
	margin-left: -20px;
}

div.wpoben {
	position: relative;
	left: -16px !important;
	top: -30px !important;
	width: 108% !important;
	height: 2px;
	border-radius: 6px;
	background: linear-gradient(287.85deg, #104e8b 0%, #104e8b 95.32%);
}


/*  DSGVO ##############################  

.badge-icon, 
.badge-text{ 
  float:left;
  -webkit-box-flex:1;
  flex:1
}
.badge{
  display:flex;
  margin-bottom: 1.5rem;
  margin-right: 1.5rem;
  color: var(--color-light);
  min-width: var(--badge-size);
  background:#fff;
  border-radius: 5px;
  box-shadow: 0px 0px 0px var(--color-shade);  
  overflow: hidden;
}
div.bnormal {
margin-top:5px;
font-style:normal !important;
font-weight:100 !important;
}
.badge-icon{
  background: url("../images/svg/eu_stars.svg") var(--color-primary) no-repeat center center;
  background-size: contain;
  max-width: calc( var(--badge-size) / 2);
}
.badge-text{
  font-size:16px;
  text-transform: none;
  line-height: 1;
  text-align: left;
  margin-left:40px
}
.badge[data-color=""] .badge-text,
.badge[data-color="default"] .badge-text{
    color: var(--color-light);
    background-color: var(--color-primary);
}
.badge[data-color="light"] .badge-text{
    color: var(--color-dark);
    background-color: var(--color-light);
}
.badge[data-color="dark"] .badge-text{
    color: var(--color-light);
    background-color: var(--color-dark);
}


/*The body of the lock*/
.lock {
	display: block;
	width: var(--lock-width);
	height: calc(var(--lock-width) * 0.75);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: var(--lock-stroke) solid var(--lock-color);
	border-radius: 5px;
	position: relative;
	transition: all 0.1s ease-in-out;
}

/*The keyhole*/
.lock:after {
	content: "";
	display: block;
	background: var(--lock-color);
	width: var(--lock-stroke);
	height: calc(var(--lock-stroke) * 2);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.1s ease-in-out;
}

/*The arm of the lock*/
.lock:before {
	content: "";
	display: block;
	width: calc(var(--lock-width) / 2);
	height: calc(var(--lock-width) / 3);
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: var(--lock-stroke) solid var(--lock-color);
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom: 0;
}

############################## */ .triangle-hoch {
	position: absolute !important;
	right: 160px !important;
	margin-top 0px;

}

.triangle-rechts {
	position: absolute !important;
	right: 160px !important;
	margin-top 0px;

}


.mail-fluid {
	margin-left: 10px;
	width: 18% !important;
	height: auto !important;
}

img.fred-email-mitte {
	margin-left: 20px;
	width: auto !important;
	height: 760px !important;
}

.ptb-15 {
	margin-top: 10px !important;
	margin-bottom: 15px !important;
}

.waveleft {
	margin-left: 340px;
	margin-top: 100px;
	opacity: 0.5;
	transform: rotate(124deg);
}

.myright {
	position: absolute;
	right: 100px;
}

.plesk-wrench {
	position: absolute;
	right: 80px;
	top: 60px;
}

.points {
	margin-left: 40px;
	margin-top: 0px;
	opacity: 0.8;
	transform: rotate(136.8deg);
}

.mitte-hoch {
	margin-top: -60px;
}

ul.feature-list.mt-4.bluemail li span.me-2 i.fa-solid {
	color: #0d6efd !important;
	opacity: 0.5;
}

.hm2-pricing-bottom ul li i {
	width: 20px;
	height: 20px;
	background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
	border-radius: 50%;
	color: #fff;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	margin-right: 5px;
	opacity: 0.5;
}


.glas-rahmen {
	padding: 15px;
	background: rgb(255, 255, 255, 0.15);
	border-radius: 10px;
}

.price-slider-wrapper {
	padding: 30px 60px 30px 60px;
}

span.vps_label {
	font-size: 16px !important;
}

.price-slider-wrapper .vps_labels span {
	left: -10px !important;
}

.stronger {
	font-size: 17px;
}

div.stronger.plizenz {
	margin-top: -8px
}

.slider.slider-horizontal .slider-track {
	height: 10px;
	width: 100%;
	top: 0;
	left: 0;
}

.ifarbe {
	font-size: 24px;
	color: #000f57
}

/*  SUBTITLE ??? #################### 
.subtitle {
margin-top:5px;
font-size:18px !important;
color:#000 !important;
}
 SUBTITLE ENDE #################### */

.range-slider-wrapper .slider-selection {
	background: #000f57;
	border-radius: 30px;
}

.range-slider-wrapper .slider-handle {
	width: 40px;
	height: 40px;
	background: #000f57;
	margin-top: -14px;
}

.dm-pp-domain-item.subtitle {
	font-size: 14px;
	color: #fff !important;
}

.dm-pp-domain-item:hover>span.subtitle.drei {
	color: #fff !important;
}


.hm2-server-tab-control.nav.nav-tabs.border-0 li>button.tab-button {
	position: relative !important;
	border: 1px solid transparent !important;
	padding: 20px !important;
	background: transparent !important;
	border-radius: 8px !important;
	font-size: 18px !important;
	font-family: "Urbanist", sans-serif !important;
	color: #001042 !important;
	font-weight: 700 !important;
}

.hm2-server-tab-control.nav.nav-tabs.border-0 li>button.tab-button.active:before {
	background: #fafafa !important;
	border: 1px solid #ffa500 !important;
	border-radius: 8px !important;
}

.hm2-server-tab-control.nav.nav-tabs.border-0 li>button.tab-button:before {
	background: #fff !important;
	border: 1px solid #ffa500 !important;
	border-radius: 8px !important;
}


.hm2-server-content .server-info .explore-btn {
	width: 40px;
	height: 40px;
	background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
	line-height: 40px;
	font-size: 24px;
	right: 30px;
	bottom: -25px;
}

.circle-gradient {
	width: 180px;
	height: 180px;
	background-image: linear-gradient(44.58deg, #eaf8ff 37.42%, #6de5ff 133.66%);
	right: 40px;
	top: 0px;
	opacity: 0.5
}

.hm2-server-content .server-info {
	max-width: 600px;
	padding: 40px 30px;
	margin-top: -110px;
}

.tab-button,
.schattig {
	-webkit-box-shadow: 0px 12px 10px rgba(125, 125, 125, 0.05) !important;
	box-shadow: 0px 12px 10px rgba(125, 125, 125, 0.05) !important;
}

.hm2-accordion .accordion-item .accordion-header a.open {
	font-size: 18px !important;
}

.glas-rahmen-cloud {
	position: relative;
	top: 30px;
	padding: 10px;
	background: rgb(255, 255, 255, 0.15);
	border-radius: 10px;
	width: 100%;
	max-width: 480px;
}

.hm2-service-section {
	background-color: #f2f5ff;
}

.hm2-service-tab ul {
	border-bottom: 2px solid #cfcfcf;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.hm2-service-tab ul li {
	width: 50%;
}

.hm2-service-tab ul li+li {
	margin-left: 0px;
}

.hm2-service-tab ul li button {
	width: 100%;
	text-align: left;
	background: rgba(0, 0, 0, 0);
	border: 0;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: 600;
	font-family: "Urbanist", sans-serif;
	position: relative;
}

.hm2-service-tab ul li button i {
	margin-right: 6px;
	color: #fff;
	width: 36px;
	height: 36px;
	background-color: rgba(255, 255, 255, 0.12);
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.hm2-service-tab ul li button::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 0;
	height: 2px;
	bottom: -2px;
	background: #ffa500;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.hm2-service-tab ul li button.active::after {
	width: 100%;
}

.hm2-service-tab ul li button.active i {
	background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
}

img.logo-cloud {
	margin-top: -10px;
	width: 45%;
}

.ohne-line {
	border-color: #0066cc !important;
}

.ohne-line-w {
	border-color: #ccc !important;
}

a.template-btn.cd-secondary-btn.cloudbtn {
	background: linear-gradient(95.45deg, #1874cd 0.64%, #104e8b 98.23%);
	color: #fff;
	font-weight: 700;
}

a.template-btn.cd-secondary-btn.cloudbtn:hover {
	background: linear-gradient(95.45deg, #104e8b 0.64%, #1874cd 98.23%);
	color: #fff;
	font-weight: 700;
}

.hm2-award-title h2::before {
	content: url(../images/shapes/title-shape-left.png);
	position: absolute;
	left: -256px;
	bottom: 0;
}

.hm2-award-title h2::after {
	content: url(../images/shapes/title-shape-right.png);
	position: absolute;
	right: -265px;
	bottom: 0;
}

img.logo-cloud.cloud-logo-server {
	position: absolute !important;
	margin-left: 480px;
	margin-top: -20px;
	width: 5%;
	height: auto !important;

}

.text-bcloud {
	color: #104e8b !important;
	font-family: "Urbanist", sans-serif;
}

div.drive-switch {
	position: relative;
	margin-top: 20px;
	padding: 0px;
	background: #fff;
	border-radius: 8px;

	border: 0px solid #ffa500
}

div.drive-switch.drive-switch>div.d-inline-flex.align-items-leftr {
	color: #104e8b !important;
	font-family: "Urbanist", sans-serif;
	font-weight: 700;
}

ul.feature-list>li i.fa-solid.fa-circle.gelb.g {
	color: #00CD00 !important;
}

div.position-relative.cloud {

	left: -7px !important;
}

div.back-left {
	position: relative;
	left: -4px !important;
}

ul.h5-feature-list.mb-5.gelb-bg>li span {
	width: 15px;
	height: 15px;
	background: #ffa500 !important;
	color: #fff !important;
}

p.mb-0,
p.mb-10,
ul.mb-10 {
	padding-left: 4px !important;
	padding-right: 4px !important;
}

.mn-feature-and-data-center .cloud-shape {
	top: -370px;
}

span.nextci {
	border-radius: 8px !important;
	background: transparent !important;
	width: 40px !important;
	height: 40px !important;
}


span.nextci>i {
	font-size: 30px !important;
	margin-top: 5px !important;
	margin-left: 11px !important;
	color: #ffa500 !important;
	opacity: 0.7
}

img.cloud-shape {
	position: absolute;
	z-index: -9999 !important;
}

.h5-feature-tab {
	position: relative !important;
	z-index: 5 !important;
}

.text-grey {
	color: #666
}

.cd-circle-shaper {
	width: 310px;
	height: 310px;
	background: -webkit-gradient(linear, left top, left bottom, from(#D7E5FF), to(#F6F9FF));
	background: linear-gradient(180deg, #D7E5FF 0%, #F6F9FF 100%);
	right: 0px;
	top 0px;
}

.circle-small {
	width: 14px;
	height: 14px;
	background: #2b65f5;
	border-radius: 50%;
	right: 60px;
	bottom: 60px;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	z-index: -1;
}

.dm-pp-domain-item .circle-shape.shape-2 {
	right: 20px;
	bottom: -100px;
}

.wpc-cloud-range .noUi-horizontal .noUi-handle {
	background-color: #ffa500;
}

#priceon-val {
	display: none;
}

#price-val {
	font-family: "Urbanist", sans-serif;
	margin-top: 4px;
	font-size: 24px;
	color: #ffa500;
	font-weight: 900;
}
#priceon-val {
	font-family: "Urbanist", sans-serif;
	margin-top: 4px;
	font-size: 24px;
	color: #ffa500;
	font-weight: 900;
}

.wpc-cloud-range .noUi-tooltip {
	position: absolute;
	width: 70px;
	margin-bottom: 12px;
	padding: 8px 0;
	color: #fff;
	font-style: normal;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	border-radius: 6px;
	border: none;
	line-height: 16px;
}

.wpc-cloud-range .noUi-tooltip {
	background-color: #000f57;
}


.wpc-cloud-range .noUi-tooltip:before {
	margin-left: 10px;
	border-color: #000f57 transparent transparent transparent;
}

h6.mytitles {
	font-family: arial;
	font-size: 16px !important;
	color: #444 !important;
	margin-top: 1px;
	margin-bottom: 4px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #333 !important;
}

.mytitles {
	font-family: arial;
	font-size: 18px !important;
	color: #444 !important;
	margin-top: 20px;
	margin-bottom: 14px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #212122 !important;
}

.vps-hr {
	position: relative;
	border-top: solid 1px #ccc;
	top: -8px !important;
	padding-top: 0px;
	display: inline-block;
	width: 190px;
}

.vps_pp_feature_item {
	padding: 10px 10px 0px 10px;
}

.thoch {
	font-family: arial;
	font-size: 16px !important;
	position: relative;
	margin-top: -10px !important;
	color: #333 !important;
}

.kleiner {
	font-family: "Urbanist", sans-serif;
	font-size: 24px !important;
	font-weight: 700;
	color: #ffa500;
}

span.black {
	font-size: 24px !important;
	font-weight: 700 !important;
	color: #000000 !important;
}

.wpc-vps-info .h-plans-info .price {
	position: relative;
	font-size: 58px !important;
	display: -webkit-inline-box;
	color: #1c40f2 !important;
	line-height: 30px;
	font-weight: 500;
	top: -7px !important;
}

.hwhite {
	color: #fff !important;
}

.h-plans-info .price {
	font-size: 22px;
	margin-bottom: 2px;
}

.h-plans-info {
	color: #fff;
	padding: 0px 0;
	height: 100%;
}

span.symbol.coin {
	position: relative;
	font-family: "Verdana" !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
	top: -.2em !important;
	font-size: 14px !important;
}

.plans.feat.period {
	font-weight: 100;
	font-size: 14px;
	color: #000f57 !important;
}

.spacer {
	background: transparent !important;
}

.root-spacer {
	margin-top: 40px;
	color: #999 !important;
}

.space-oben {
	color: #999 !important;
}

div.title-area.text-left.text-lg-start.left {
	position-relative;
	margin-left: -20px
}

.root-standort {
	margin-top: -3px;
	margin-left: 10px;
	margin-right: 5px;
	height: auto;
	width: 20px;
}

.lang {
	height: 100% !important;
}

.opacity-00 {
	opacity: 0.6
}

.black {
	color: #000f57 !important;
}

.fa-servera:before {
	content: "\f233";
	opacity: 0.6
}

.hosting-info-column {
	padding: 20px 24px !important;
}

.scrolltop-btn {
	width: 35px;
	height: 35px;
	background: linear-gradient(95.45deg, #001042 0.64%, #1c40f2 98.23%);
	position: fixed;
	right: 10px;
	bottom: 10px;
}

.footer-copyright {
	background: #001042;
	border-top: 1px solid #555;
}


.sec-main {
	box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
	border-radius: 15px;
	position: relative;
	padding: 80px
}

.sec-sec {
	box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
	border-radius: 15px;
	position: relative;
	padding: 30px
}

.sec-uping {
	margin-top: -435px;
	position: relative;
	z-index: 1
}

.sec-up {
	margin: -80px 0 80px;
	position: relative;
	z-index: 1
}

.sec-up-slider {
	margin: -120px 0 80px;
	position: relative;
	z-index: 1
}

.sec-normal {
	padding: 80px 0;
	position: relative;
	z-index: 0
}

.sec-bg1 {
	background-color: #fff
}

.sec-bg2 {
	background-color: #efefef
}

.sec-bg3 {
	background-color: #15212a
}

.sec-bg4 {
	background-color: #fdd700
}

.sec-bg6 {
	background-color: #1d262f
}

.sec-bg7 {
	background-color: #f4f4f4
}

.sec-bg8 {
	background-color: #fff;
	border-top: 1px solid #a5215e;
	border-size: thin
}

.sec-grad-yellow-to-grey-left {
	background: linear-gradient(90deg, #fdd700 70%, #d9dde4 10%) !important
}

.sec-grad-yellow-to-grey-right {
	background: linear-gradient(90deg, #d9dde4 70%, #fdd700 10%) !important
}

.sec-grad-yellow-to-white-right {
	background: linear-gradient(90deg, #fff 70%, #fdd700 10%) !important
}

.sec-grad-yellow-to-black-right {
	background: linear-gradient(90deg, #15212a 70%, #fdd700 10%) !important
}

.sec-grad-black-to-yellow-left {
	background: linear-gradient(90deg, #fdd700 30%, #15212a 0%) !important
}

.sec-grad-grey-to-grey {
	background: linear-gradient(-60deg, #3a6173 0%, #16222a 100%) !important
}

.noUi-pips-horizontal {
	padding: 15px 0;
	left: 3px
}

.wpc-vps-info .price-wrap .title {
	color: #1f2532;
	text-transform: uppercase;
	font-size: 18px;
	padding: 25px;
	display: inline-block;
	position: absolute;
	top: 0;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s
}

.wpc-vps-info .price-wrap .title:hover {
	background-color: #1f2532;
	color: #f44336;
	text-decoration: none
}

.wpc-vps-info {
	padding-top: 30px
}

.wpc-vps-info .title i {
	opacity: .3;
	position: absolute;
	right: 30px;
	bottom: 20px;
	font-size: 42px
}

.wpc-vps-info .title {
	box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
	border-radius: 15px;
	margin-top: 40px;
	background-color: #fff;
	font: 18px "Open Sans Semibold", sans-serif;
	color: #212122;
	padding: 40px
}

.wpc-vps-info .title .info {
	border-top: solid 1px #efefef;
	margin-top: 15px;
	padding-top: 15px;
	display: inline-block;
	width: 100%;
	font: 22px "Open Sans Semibold", sans-serif
}

.wpc-vps-info .price-wrap .price {
	font: 30px "Open Sans ExtraBold", sans-serif;
	color: #fff;
	background-color: #1f2532;
	padding: 15px 35px;
	display: inline-block
}

.wpc-vps-info .h-plans-info .price {
	font-size: 42px !important;
	font-family: "Open Sans Bold";
	display: -webkit-inline-box;
	color: #414142
}

.wpc-vps-info .h-plans-info .infos {
	padding-bottom: 40px;
	line-height: 28px;
	font-size: 14px;
	font-family: "Open Sans";
	color: #414142
}

.wpc-vps-info .content-price {
	position: relative;
	box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
	background-color: #fff;
	border-radius: 15px;
	padding: 50px
}

.range-disabled {
	display: none
}

.wpc-cloud-range .info-range {
	font-size: 14px
}

.wpc-cloud-range .noUi-horizontal .noUi-handle {
	box-shadow: none;
	top: -11px;
	width: 25px;
	height: 25px;
	margin-left: -10px;
	border: transparent;
	border-radius: 50%;
	cursor: pointer;
	outline: 0;
}

.wpc-cloud-range .noUi-target {
	height: 7px;
	background: gray;
	border-radius: 15px;
	border: none;
	box-shadow: none
}

.wpc-cloud-range .noUi-connect {
	border-radius: 15px;
	border: none;
	box-shadow: none
}

.wpc-cloud-range .noUi-background {
	background-color: #f2efe8;
	border-left: 1px solid #b5b4b3;
	border-top-right-radius: 11px;
	border-bottom-right-radius: 11px
}

.noUi-marker-horizontal.noUi-marker {
	position: absolute;
	background: gray;
	border-radius: 50%;
	margin-left: -1px;
	width: 4px;
	height: 4px
}

.wpc-cloud-range .noUi-tooltip:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 0;
	position: absolute;
	bottom: -6px;
	left: 41px
}

.wpc-cloud-range .noUi-tooltip {
	position: absolute;
	width: 100px;
	margin-bottom: 12px;
	padding: 8px 0;
	color: #fff;
	font-style: normal;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	border-radius: 15px;
	border: none;
	line-height: 16px
}

.wpc-cloud-range .noUi-handle.noUi-handle-lower:after,
.wpc-cloud-range .noUi-handle.noUi-handle-lower:before {
	content: none
}

.wpc-cloud-range .noUi-horizontal .noUi-handle {
	box-shadow: none;
	top: -11px;
	width: 25px;
	height: 25px;
	margin-left: -10px;
	border: transparent;
	border-radius: 50%;
	cursor: pointer;
	outline: 0
}

.wpc-cloud-range .info-range {
	font-size: 16px;
	color: #414142;
	letter-spacing: .5px;
	margin-top: 30px
}

.wpc-cloud-range .info-range .number {
	font-family: "Open Sans Bold", sans-serif
}

.wpc-cloud-range .slider-ui {
	padding: 40px 0 40px
}

.noUi-pips-horizontal {
	display: none !important;
}

.noUi-connect {
	background: #000f57 !important;
}

.wpc-cloud-range .noUi-target {
	height: 7px;
	background: #f5f5f5;
	border-radius: 15px;
	border: 0px solid #ccc;
	box-shadow: none;
}

.wpc-cloud-range .noUi-tooltip {
	position: absolute;
	width: 50px;
	margin-bottom: 12px;
	padding: 8px 0;
	color: #fff;
	font-style: normal;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	border-radius: 6px;
	border: none;
	line-height: 16px
}

.wpc-cloud-range .noUi-tooltip:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 0;
	position: absolute;
	bottom: -9px;
	left: 6px
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'Cloudicon' !important;
	color: #384859 !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wpc-vps-info .title i {
	opacity: .5;
	position: absolute;
	right: 30px;
	bottom: 20px;
	font-size: 42px
}

.wpc-vps-info .h-plans-info .price {
	color: #181b22 !important;
	font-family: "Verdana" !important;
	font-size: 28px !important;
}

div.price-content {
	border-radius: 15px;
}

.wps.run-switch .switch {
	background-color: #ee5586 !important
}

.mana {
	margin-top: -30px !important
}

.title.text-white.bigger {
	font-size: 22px !important
}

.msp {
	position: relative;
	top: -10px;
	line-height: 36px;
}

#orderlink {
	margin-top: 0px;
}

.infos {
	margin-top: 14px;
}

.wpc-vps-info .content-price {
	padding: 30px !important;
}

div.barinfo {
	position: relative;
	top: 20px;
	width: 500px;
	float: right;
	right: 15px
}

div.powerinfo {
	font-size: 16px;
	color: #384859 !important;
	line-height: 40px;
	margin-top: 20px
}

.progress {
	margin-bottom: 20px;
	height: 22px;
	font-size: 0px;
}

#progress-1:after {
	content: "30 / 100 Punkte";
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	width: 100%;
	margin-left: 20px;
}

#progress-2:after {
	content: "50 / 100 Punkte";
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	width: 100%;
	margin-left: 90px;
}

#progress-3:after {
	content: "70 / 100 Punkte";
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	width: 100%;
	margin-left: 170px;
}

#progress-4:after {
	content: "80 / 100 Punkte";
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	width: 100%;
	margin-left: 210px;
}

#progress-5:after {
	content: "90 / 100 Punkte";
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	width: 100%;
	margin-left: 210px;
}

#progress-6:after {
	content: "100 / 100 Punkte";
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	width: 100%;
	margin-left: 210px;
}

#progress-1 {
	width: 25%;
	background: #7BC618;
	height: 100%;
	animation-name: progressbar-1;
	animation-iteration-count: 1;
	animation-duration: 2s;
}

#progress-2 {
	width: 50%;
	background: #7BC618;
	height: 100%;
	animation-name: progressbar-2;
	animation-iteration-count: 1;
	animation-duration: 2s;
}

#progress-3 {
	width: 65%;
	background: #7BC618;
	height: 100%;
	animation-name: progressbar-3;
	animation-iteration-count: 1;
	animation-duration: 2s;
}

#progress-4 {
	width: 80%;
	background: #7BC618;
	height: 100%;
	animation-name: progressbar-4;
	animation-iteration-count: 1;
	animation-duration: 2s;
}

#progress-5 {
	width: 90%;
	background: #7BC618;
	height: 100%;
	animation-name: progressbar-5;
	animation-iteration-count: 1;
	animation-duration: 2s;
}

#progress-6 {
	width: 100%;
	background: #7BC618;
	height: 100%;
	animation-name: progressbar-6;
	animation-iteration-count: 1;
	animation-duration: 2s;
}

@keyframes progressbar-1 {
	0% {
		width: 0%;
	}

	100% {
		width: 25%;
	}
}

@keyframes progressbar-2 {
	0% {
		width: 25%;
	}

	100% {
		width: 50%;
	}
}

@keyframes progressbar-3 {
	0% {
		width: 50%;
	}

	100% {
		width: 65%;
	}
}

@keyframes progressbar-4 {
	0% {
		width: 65%;
	}

	100% {
		width: 80%;
	}
}

@keyframes progressbar-5 {
	0% {
		width: 80%;
	}

	100% {
		width: 90%;
	}
}

@keyframes progressbar-6 {
	0% {
		width: 90%;
	}

	100% {
		width: 100%;
	}
}

.mlizenz {
	margin-top: -18px;
	font-size: 16px !important;
	color: #444 !important;
}

.lizenztyp {
	font-weight: 900 !important;
	padding-right: 10px;
}

div.padder.sec-bg1.diagonalo {
	padding: 50px 40px 0px 40px !important;
}

img.moni-klein {
	width: 65% !important;
	margin-left: 100px;
}

.pade {
	padding: 30px 40px 40px 40px !important;
}

.pad5 {
	height: 5px
}

.pad10 {
	height: 10px
}

.pad20 {
	height: 20px
}

.pad30 {
	height: 30px
}

.pad40 {
	height: 40px
}

.pad50 {
	height: 50px
}

.pad60 {
	height: 60px
}

.dev-logo1 {
	width: 50%;
	height: 35px;
}

.dev-logo2 {
	width: 50%;
	height: 35px;
}

.dev-logo3 {
	width: 50%;
	height: 35px;
}

.dev-logo4 {
	width: 40%;
	height: 35px;
}

.logo-cloud {
	margin-top: -10px;
	width: 55%
}

i.fa-white {
	color: #ccc
}

.cloudtop {
	margin-top: -30px;
}

.mod_sec {
	margin-top: -20px
}

i.fot.fa.fa-info-circle {
	margin-left: 0px !important;
}

.svg.klein {
	position: absolute;
	right: 30px;
	width: 40px !important;
	height: 40px !important;
	margin-top: -50px
}

div.service-section.paddy {
	padding: 10px 30px 20px 30px !important
}

.arrow {
	position: absolute;
	right: 40px;
	margin-top: 3px
}

.services.sec-uping.schnellauswahl {
	border: 0px !important
}

p.subtitle.dunkler {
	font-size: 18px !important;
	color: #384859 !important;
	transition: all .5s ease;
}

p.subtitle.dunkler:hover {
	color: #ee5586 !important;
	cursor: pointer;
	transition: all .5s ease;
}

.services .service-wrap {
	border-bottom: 0px solid #e0e0e0;
}

#preistabelle {
	position: relative;
	margin-top: -68px !important;
}


.pt-05 {
	margin-top: 3px
}

/* =============================  START TLD SLIDER  ================================================= */

div.tld-slide {
	height: 80px;
	position: relative;
	top: 35px;
	z-index: -1 !important;
	opacity: 0.7;
}

.bf-brand-slider-area .bf-brand-slider-wrapper {
	padding: 40px 40px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 12px 64px rgba(103, 151, 255, 0.1), 0px 4px 24px rgba(103, 151, 255, 0.1);
	box-shadow: 0px 12px 64px rgba(103, 151, 255, 0.1), 0px 4px 24px rgba(103, 151, 255, 0.1);
	position: relative;
	z-index: 10;
}

.domixo-move-left {
	position: absolute;
	z-index: 2;
	height: 80px;
	width: 150px;
	margin-left: 0px;
	margin-top: -18px;
	background: -moz-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
	border-radius: 6px;
}

.domixo-move-right {
	position: absolute;
	z-index: 2;
	height: 80px;
	width: 100px;
	right: 0px;
	top: 0;
	margin-top: -34px;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
	border-radius: 6px;
}

div.domixo-carousel {
	margin-left: 18px;
	height: 80px;
	width: 96%;
	background: rgba(255, 255, 255, 0.0);
	margin-top: -20px;
	border-radius: 6px
}

div.item {
	height: 64px;
	padding-right: 30px;
	margin-top: -15px;
}

div.item a {
	height: 68px;
}

img.club {
	height: 50%;
	margin-top: 4px;
}

img.stream {
	height: 55%;
	margin-top: -12px;
}

img.shop {
	height: 60%;
	margin-top: 0px;
}

img.store {
	height: 50%
}

img.cloud {
	height: 60%;
	margin-top: -19px;
}

img.game {
	height: 50%;
	margin-top: 6px;
}

img.bike {
	height: 50%;
	margin-top: -2px;
}

img.solar {
	height: 45%;
	margin-top: 0px;
}

img.digital {
	height: 100%;
	margin-top: 2px;
}

img.bayern {
	height: 80%;
	margin-top: 4px;
}

img.online {
	height: 60%;
	margin-top: 4px;
}

img.ruhr {
	height: 70%
}

img.rocks {
	height: 40%
}

img.pub {
	height: 35%
}

img.host {
	height: 50%
}

div.tld-margin {
	margin-top: 2px;
}

.domixo-carousel {
	border-top: 0px solid #b3b3b3;
	border-bottom: 0px solid #b3b3b3;
	padding-bottom: 0;
	overflow: hidden;
}

.domixo-carousel .item-wrap {
	transform: translateX(0px);
	width: 400%;
	position: relative;
	white-space: nowrap;
	display: flex;
}

.item {
	background: transparent;
	border-right: 0px solid #eee;
	vertical-align: center;
	display: flex;
	flex: 1;
	justify-content: top;
	align-items: top;
}

.item a {
	text-decoration: none;
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: bold;
	line-height: 60px;
	height: 60px;
	padding: 0px;
}

.item.active {
	background: transparent;
}

.item.active a {
	color: #fff;
}

@media (min-width: 768px) {
	.domixo-carousel .item-wrap {}
}

/* =============================  END TLD SLIDER  ================================================= */

.featured-tld {
	background: #fff;
	-webkit-box-shadow: 0px 12px 64px rgba(103, 151, 255, 0.1), 0px 4px 24px rgba(103, 151, 255, 0.1);
	box-shadow: 0px 12px 64px rgba(103, 151, 255, 0.1), 0px 4px 24px rgba(103, 151, 255, 0.1);
	border-radius: 6px;
	overflow: hidden;
}

.featured-tld .img-container {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	height: 120px;
	overflow: hidden;
	border-top: 1px solid #ffa500;
	border-bottom: 1px solid #ddd;
}

.featured-tld .img-container img {
	max-height: 60px;
	max-width: 80%;
}

i.fa-solid.fa-circle.gelb.pnkt {
	font-size: 6px !important;
	margin-right: 4px !important;
	margin-top: 4px !important;
	line-height: 24px;
}

.featured-tld-price.net {
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 10px;
}

span.hfilter>label {
	margin-right: 25px !important;
}

div.mytop-header {
	margin-top: 16px !important;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
	--bs-table-accent-bg: rgb(225, 225, 225, 0.3);
	color: var(--bs-table-striped-color);
}

span.tldspalte {
	float: left;
	padding-right: 50px;
	width: 126px;
	font-size: 15px !important;
}

div.featured-tld.menutld {
	width: 180px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	height: 100px;
	box-shadow: 0px !important;
	opacity: 0.9
}

div.hm2-blog-card.featured-tld.wsite {
	width: 100%x !important;
	min-width: 100% !important;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	height: 100%;
	box-shadow: 0px !important;

}

.hm2-blog-card-content.wshoch {
	position: relative;
	top: -20px;

}

div.hm2-blog-card.featured-tld.wsite {
	-webkit-box-shadow: 0px 12px 64px rgba(103, 151, 255, 0.1), 0px 4px 24px rgba(103, 151, 255, 0.1);
	box-shadow: 0px 12px 64px rgba(103, 151, 255, 0.1), 0px 4px 24px rgba(103, 151, 255, 0.1);
	border-radius: 6px;
	overflow: hidden;
}

.featured-tld .img-container.klein {
	border-top: 1px solid #f5f5f5 !important;
	box-shadow: 0px !important;
}

.featured-tld .img-container.klein img {
	max-height: 45px !important;
	margin-top: -25px !important;
	box-shadow: 0px !important;

}

i.fa-solid.fa-circle.gelb.h3-circle {
	position: relative;
	margin-right: 5px;
	top: -3px !important;
}

div.submenu-wrapper.theme-megamenu.sitmenu {
	margin-left: -207px !important;
}

div.submenu-wrapper.theme-megamenu.oshopmenu {
	margin-left: -297px !important;
}

.shop-fluid.presta {
	position: relative;
	margin-left: 80px;
	top: 10px;
	text-align: center;
}

.promo {
	padding: 15px;
}

div.menusub.top {
	position: relative;
	top: 2px;
	margin-left: 12px;
	line-height: 18px !important;
	font-size: 14px !important;
	padding: 0px !important;
}

div.fborder {
	position: relative;
	top: -8px;
	border-bottom: 1px solid #ccc;
}

i.fa-solid.fa-arrow-right-long.linker {
	position: absolute;
	z-index: 999999 !important;
	font-size: 18px;
	color: #ccc !important;
	top: 24px;
	right: 5px;
}

div.text-left.rounded>a {
	padding: 0px;
}

div.text-left.rounded>a:hover>div.featured-tld.menutld.promo {
	-webkit-box-shadow: 0px 12px 44px rgba(103, 151, 255, 0.1), 0px 4px 24px rgba(103, 151, 255, 0.6);
	box-shadow: 0px 12px 44px rgba(103, 151, 255, 0.1), 0px 4px 24px rgba(103, 151, 255, 0.6);
}

div.text-left.rounded>a:hover i.fa-solid.fa-arrow-right-long.linker {
	content: "";
	color: #ffa500 !important;
}

div.lhoch {
	margin-bottom: -45px;
}

div.featured-tld.menutld.promo.laufbreite {
	position: relative;
	padding-left: 5px;
	min-width: 70px !important;
	height: 70px !important;
	text-align: center !important;
	font-size: 16px !important;
	border: 0px dotted #ffa500 !important;
}

div.featured-tld.menutld.promo.laufbreite {
	-webkit-box-shadow: 0px 12px 64px rgba(103, 151, 255, 0.2), 0px 4px 24px rgba(103, 151, 255, 0.2);
	box-shadow: 0px 12px 64px rgba(103, 151, 255, 0.2), 0px 4px 24px rgba(103, 151, 255, 0.2);
	border-radius: 6px;
	overflow: hidden;
	background: rgb(255, 255, 255, 0.3);
}

div.date.strong>span.seconds.box.neu,
span.minutes.box.neu,
span.hours.box.neu,
span.days.box.neu {
	margin-left: 10px;
	text-align: center !important;
}

.mg-item-wrapper:hover {
	cursor: pointer;
}

div.submenu-wrapper.theme-megamenu.servermenu {
	margin-left: -411px !important;
}

.hm2-feature-card:hover .icon-wrapper {
	background-color: #ffa500 !important;
	color: #fff !important;
}

img.kvm-fluid {
	margin-left: -4px;
	margin-top: 26px;
	width: 120px !important;
	height: 50px !important;
}

img.lxc-fluid {
	margin-left: 15px;
	margin-top: 17px;
	width: 130px !important;
	height: 64px !important;
}

img.intel-fluid {
	margin-left: 14px;
	margin-top: 30px;
	width: 110px !important;
	height: 35px !important;
}

img.amd-fluid {
	margin-top: 15px;
	width: 120px !important;
	height: 70px !important;
}

img.nvme-fluid {
	margin-left: 8px;
	margin-top: 36px;
	width: 120px !important;
	height: 35px !important;
}

img.virtualizor-fluid {
	margin-left: -4px;
	margin-top: 34px;
	width: 130px !important;
	height: 37px !important;
}

div.date.strong.hpset>h6 {
	color: #444 !important;
	font-size: 16px !important;
}

.nav-wrapper ul li:hover>a {
	color: #ffa500;
}

.hm-ct-info-wrapper .icon-wrapper {
	color: #fff !important;
}

.text-block {
	text-align: justify;
}

div.treutld {
	width: 50%;
	float: left;
	text-align: left;
	font-weight: 700;
	padding: 10px;
	line-height: 26px;
}

div.treupreis {
	width: 50%;
	float: right;
	text-align: right;
	padding: 10px;
	line-height: 26px;
}

.littleflag {
	margin-right: 10px;
	width: 22px;
	height: 16px;
}

.faplugins {
	font-size: 34px;
	color: #ffa500;
	margin-right: 10px;
	vertical-align: middle;
}

div.dm-pp-domain-item:hover>h5 {
	color: #fff
}

.normalfont {
	font-weight: 100 !important;
}
.shopdemolink {

        width:440px;
}
.shopdemolink > li > a {
        position:relative;
        top:8px;
        left: 30px;
}

.expand-btn-new>i {
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 15px;
        width: 24px;
        height: 24px;
        background: #ededed;
        border-radius: 50%;
        font-size: 12px;
        color: #333;
        line-height: 25px;
        text-align: center;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
}

.expand-btn-new.checki i {
        background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
        color: #fff;
}
.data-center-hero.hbk {
        padding: 0px 0 240px 0;
} 
.bg-domixo-round-hbk {
	background: url("../images/icons/bg-domixo-curve.png");
	width: 100%;
	height: 100%;
	background-size: 100% 550px;
	background-repeat: no-repeat; 
}
img.imagetest {
height:100%;
max-width:100%;
 
}
.data-center-filter-btns button {
font-size:22px
} 
.hm2-feedback-right {
    padding: 30px 30px 0 40px;
}
.meinschatten {
background:transparent !important;
-webkit-box-shadow: 0px -12px 64px rgba(103, 151, 255, 0.2), 0px 4px 4px rgba(103, 151, 255, 0.02);
    box-shadow: 0px -12px 64px rgba(103, 151, 255, 0.2), 0px 4px  4px rgba(103, 151, 255, 0.02);
}
div.hm2-feedback-slider.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.meinschatten{
padding:0px !important;
}
.hm2-feedback-right {
    padding: 30px  0px 0 40px;
}
.sh-benefits-wrapper .icon-wrapper i {
    background: #ffa500;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size:30px;
}
.cline { 
border-top: 1px solid #f7f7f7;
}
.hm2-blog-card .feature-img img {
   padding:20px;
}
.hm2-blog-card.card-shadow.bg-white.deep-shadow { 
-webkit-box-shadow: 0px -12px 64px rgba(103, 151, 255, 0.2), 0px 4px 4px rgba(103, 151, 255, 0.02) !important;
    box-shadow: 0px -12px 64px rgba(103, 151, 255, 0.2), 0px 4px  4px rgba(103, 151, 255, 0.02) !important;
}


.hm2-blog-card .hm2-blog-card-content {
    padding: 40px 25px 40px 25px;
}
p.hpblock {
padding:10px;
text-align: justify !important;
display:block  justify !important;
}
.vps-feature-btns li a::before {
    border-radius: 6px !important;
}
.vps-feature-btns li a.active {
    border-radius: 6px !important;
    background: transparent;
}
.vps-feature-btns li a {
    border-radius: 6px !important;

}
.vps-feature-btns li a:hover {
   background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
   color:#fff  !important;
}
.vps-feature-btns li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(95.45deg, #0082f8 0.64%, #1c40f2 98.23%);
    z-index: -1;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    border-radius: 6px !important;
}
.kvmp-fluid {
    max-width: 100%;
    width: 120px !important;
    height: 50px !important;
}
.lxcp-fluid {
    max-width: 100%;
    width: 100% !important;
    height: 50px !important;
}
.lhiger {
line-height:35px !important;
}
.lhiger li {
padding:10px;
border-bottom: 1px dashed rgb(0, 0, 0, 0.2); 
font-weight:900;
}
.lhiger li i { 
width:40px; !important;
vertical-align:middle;
}
.fa-server.gelb {
color:#ffa500;
margin-right:10px;
}
.pricing-column.linuxpreislogo{
    padding: 30px 30px;
}
img.kvm-icon-preis {
    position: absolute;
    top: 40px;
    right: 40px;
    max-width: 100%;
    height: 80px !important;
}

.pricing-column.linuxpreislogo > img.kvm-icon-preis {
    transition: transform 0.7s;	transition: all .4s ease-in;
}
.pricing-column.linuxpreislogo:hover > img.kvm-icon-preis {
    transform: scale(1.4, 1.4);
    transition:0.5;
    transition: all .4s ease-in;
}
.kvmbutton { 
    border: 0; 
    font-weight: 600;
    padding: 10px 15px;
    border-radius: 8px;
    margin-bottom: 12px;
    font-size: 14px;
    margin-left: 0px !important;
    margin-right:  25px !important;

}
a.config-link  {
    position:relative !important;
    top:10px !important;
    margin-right:  25px !important;

}

ul.ds-pricing-list.nixteilen { 
    line-height:28px;
}
ul.ds-pricing-list.teilen.border-left { 
    position: relative !important;
    top: 83px !important;
    border-left:1px dotted #ffa500;
    height: 100% !important;
    background: transparent !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-indent:25px;
    line-height:29px;float:left;
}

.fa-circle.gelbt {
	position: relative;
	top: -8px !important;
	font-size: 7px !important;
	color: #ffa500 !important;
	margin-right: -5px;
}
.fa-circle.gelb-kvm {
	position: relative;
	top: -2px !important;
	font-size: 8px !important;
	color: #ffa500 !important;
	margin-right:2px;
}

button.expand-btn.klinux > i { 
    background: #ffa500; 
    color: #fff;
}

div.col-xl-6.lprice {
    width:50% !important;
}
button.expand-btn.klinux:hover > i { 
    background: #1874cd; 
    color: #fff;
}
.vps-feature-btns li a {
    color: #104e8b;
    font-size:18px
}
.vps-feature-btns li a:hover {
    background: linear-gradient(95.45deg, #1874cd 0.64%, #104e8b 98.23%);
    color: #fff;

}
.vps-feature-btns li a::before {
    background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
    color: #fff;
}
.pricing-label {
    color: #1c40f2;
    font-size: 14px;
    font-weight: 600;
}
.deutschland-vorteil {
        width:100%;
        height:85px;
        top:60px;
        left:960px;
}
.deutschland-vorteil {
    background: url(../images/icons/deutschland-blue.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: 0px 0px !important;
    height: 85px;
}
i.gelb {
color:#ffa500 !important;
}
.shape-vorteile {
 margin-bottom:30px !important;
}
img.position-relative.ds-hero-dot.bottom-right {
position:absolute !important;
left:1400px;
transform: rotate(90deg) !important;
opacity:0.8
}
i.fa-brands.fa-windows.pwin {
position:relative;
float:right;
color:#1874cd;
font-size:80px;
top:-90px;
right:10px;
}
.pricing-column.linuxpreislogo > i.fa-brands.fa-windows.pwin {
    transition: transform 0.7s;	transition: all .4s ease-in; 
}
.pricing-column.linuxpreislogo:hover > i.fa-brands.fa-windows.pwin {
    transform: scale(1.1, 1.1);
    transition:0.5; 
    transition: all .4s ease-in;
    color:#104e8b;
}

.vps-feature-btns li a  {
padding: 8px 15px 8px 15px !important;
}
.impressum {
padding: 40px 80px 40px 80px !important;
}
div.hm-contact-info.promo-area.topa.position-relative {
    z-index: 1;
    top: -40px !important;
}
.footer-widget .footer-nav li a:hover {
    padding-left: 0px !important;
    color: #ffa500;
}
.footer-widget .footer-nav li a::before {
    content: " " !important;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
span.warenbadge { 
    display: inline-block;
    min-width: 17px;
    padding: 2px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 13px;;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #ffa500;
    border-radius: 50%;
    transition: 3s;
    position:absolute;
    top:-9px;
    left:15px;
}
div.header-right.d-flex.align-items-center.justify-content-end > a i.fa-solid.fa-shopping-cart {
color:#333
}
.theme-dark div.header-right.d-flex.align-items-center.justify-content-end > a i.fa-solid.fa-shopping-cart {
color:#fff
}
ul.feature-list.shopii {
    height: 260px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    font-size: 14px;
}
ul.feature-list.shopii li span.me-2 > i.fa-solid.fa-memory {
    color:green !important; 
    font-size: 18px !important;
}
a.mg-item.deals  {
    position: relative;
    z-index: 9999 !important;
    border: 1px solid #f6f6f6 !important;
    background: rgba(103, 151, 255, 0.08);
}
.bg-warning {
    background: #ffa500 !important;
    color: #fff !important;
}
c.nav-wrapper ul li.has-submenu .submenu-wrapper.theme-megamenu {
    display: block !important;
}
.ncmargin {
position:relative;
top: 12px;
float:right;
} 
.wps.run-switch .switch {
    background-color: #ccc !important;
}
.run-switch .switch {
    position: relative;
    box-shadow: 0 1px 1px 0 rgba(62,62,79,.23);
    vertical-align: middle;
    width: 38px;
    height: 16px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 15px;
    background-color: #fdd700;
    z-index: 3;
}
.run-switch div {
    display: inline-block;
}
.m-0 {
    margin: 0!important;
}
.run-switch .switch.on:after {
    left: 5px;
}
.run-switch .switch:after {
    position: absolute;
    margin-top: -7px;
    left: 20px;
    background-color: #fff;
    border-radius: 50%;
    content: "";
    width: 14px;
    height: 14px;
    top: 50%;
    transition: all .3s ease;
}
.run-switch {
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
    z-index: 3;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
div#run-switch.wps.run-switch {
position:absolute;
margin-top:-24px;
margin-left:80px;
}
.run-switch .mo,.run-switch .an {-webkit-transition:all .3s ease;transition:all .3s ease}
.run-switch div {display:inline-block}
.run-switch .switch.on:after {left:2px}

span.switch-klein {
font-size:11px;
margin-left:4px;
margin-right:4px;
} 
 
.hblogo {
   position:absolute !important;
   margin-top:160px !important;
   margin-left:45% !important;
}
.hblogo img {
   height: 100px !important;
   width:100% !important;
}

.fclogo {
   position:absolute !important;
   margin-top:20px !important;
   margin-left:43% !important;
}
.fclogo img {
   height: 100px !important;
   width:100% !important;
}
div.cmpcookieinfo tbody, td, tfoot, th, thead, tr {
width:10% !important;
padding-right:10px !important;
font-size:14px !important;
}
.cmpvendorlistheader:hover {
    padding: 10px;
    color:#111 !important;
    background: linear-gradient(287.85deg, #f6f9ff 0%, #f6f9ff 95.32%) !important;
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-transition: .1s all ease !important;
    -o-transition: .1s all ease !important;
    transition: .1s all ease !important;

}
.cmpvendorlistheadergelb {
    padding: 10px;
    color:#000 !important;
    background: linear-gradient(287.85deg, #f6f9ff 0%, #f6f9ff 95.32%) !important;
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-transition: .1s all ease !important;
    -o-transition: .1s all ease !important;
    transition: .1s all ease !important;

}
.cmpvendorlist * {
    -webkit-transition: .1s all ease !important;
    -o-transition: .1s all ease !important;
    transition: .1s all ease !important;
}
.cmpvendordetails {
    background-color: #fefefe !important;
    position: relative;
    padding: 20px;
}
.cmpdatacategory { 
    background-color: #f6f9ff !important;
    color: #000 !important;
    padding: 2px 15px 3px 15px !important;
    border-radius: 6px !important;
    margin-right: 6px;
    line-height: 2em;border:1px solid #e5e5e5;
}
div.cmpdatacategories { 
    width:100% 
    padding: 15px  0px 10px 0px !important;

}

span.icon-wrapper.text-center {
            position: relative;
            margin-left: auto;
            margin-right: auto;
}
.suphoch  {
            position: relative;
            top:-170px;
            margin-bottom:-120px;
}
.rounded-circle.hover {
    background: #ffa500 !important;
    color: #fff !important;
}
.hm2-feature-card.dsupport a {
    margin-top:15px;
    width: 60%;
    height: 34px;
    border: 0px solid #001042;
    line-height:16px;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.roun {
border-radius:4px !important;background: #104e8b !important;color:#fff
}
.hm2-feature-card:hover > .roun {
 background: #1874cd !important;color:#fff
}

img.ft-triangle.nachmitte  {
            position: relative !important;
            margin-left: 44% !important;
            margin-right: auto !important;
}

.text-grey{
color:#F0F0F0 !important;
}
 
.statusline {
font-family: "Urbanist", sans-serif;
border-bottom: 1px solid #ffa500;
padding-bottom:5px;
font-size:18px;
font-weight:900;
}

.fa-file-pdf {
    vertical-align:middle;
    font-size:24px;
    color:#ff0000;
}
.pdf-wrapper  {
    position:relative;
    padding:10px; 
    height:80px;
    border-bottom: 1px solid #eaeaea;
    transition: all 0.4s ease-in;
}
.pdf-wrapper:hover {
    transition: all 0.4s ease-in;
    -webkit-box-shadow: 0px 15px 60px rgba(5, 137, 255, 0.2);
    box-shadow: 0px 15px 60px rgba(5, 137, 255, 0.2);
}
.outline-btn.downloads:hover {
    background-color: #104e8b;
    border-color: #104e8b;
    color: #fff;
}
.my-zindex {
    position:relative;
    left:-15px;
    z-index:-1 !important;
}
































/* COOCKIE START ##################################################### */
.ccm-modal--header, .ccm-modal--footer, .ccm-modal--body {
     background: #0b173b !important;
}
.ccm-modal.ccm--is-blocking {
    background-color: rgba(0,0,0,.3) !important;
}
.ccm--alignment--center .ccm-modal-inner {
    max-width: 755px;
    max-height: 755px !important;
    border: 1px solid #fff;
    border-radius: 6px;
    padding:  8px;
    background: rgb(255, 255, 255, 0.5);
    z-index:1 !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    z-index:1 !important;
}


.ccm--alignment--center .ccm-modal-inner::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}

.ccm-settings-summoner {
    position: fixed;
    bottom: 20px;
    left: 15px;
    width: 28px;
    height: 28px;
    pointer-events: none;
    z-index: 99999999;
    box-shadow:0px !important;
    border-radius:4px !important;
}
.ccm-settings-summoner--link {
    width: 90% !important;
    height: 90% !important; 
    box-shadow: 0 0 0px 0px rgba(0,0,0,.5) !important;
} 
.ccm-settings-summoner.ccm-show {
    box-shadow:0px !important;
    border-radius:4px !important;
}
.ccm-modal--header {
 border-bottom:1px solid #fff !important;
}
 
a.ccm-settings-summoner--link.ccm--ctrl-init {
cursor:pointer
}
div.ccm-cookie-declaration tbody tr td {
    background: #F5FAFF !important;
    border-bottom: 14px solid #fff !important;
    padding: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
div.cmpcookieinfo h3 {
    font-size: 1.5em;
    margin-top:20px;
    padding-bottom:20px;
}

h3.ccm-cookie-declaration--purpose--title {
    font-size: 1.5em;
    margin-top:20px;
    padding-bottom:20px;
}

/* COOCKIE ENDE ##################################################### */






.fab {
    font-family: 'Font Awesome 5 Brands' !important;
}
.fas, .far, .fa {
    font-family: 'Font Awesome 5 Free' !important;
}
.error-text-big {
font-size:2em;
color:#104e8b;
text-align: center;
font-weight:900;
padding-bottom:20px;
border-bottom:1px solid #ffa500;
}
.error-inner-text.notfound-content { 
padding-bottom:20px;
border-bottom:1px solid #ffa500;
}
img.error-warning {
	position: absolute;
	right: 20%;
	top:   -170px;
	height: 130%;
	width: auto;
	z-index: 99999999 !important;
}
.spiegeln {
transform: rotate(180deg);
opacity:0.5
}
.dom-bg {
background: #fafafa !important;
}
.ofcanvus-menu .mg-item {
    border: 1px dotted #fff !important;
    transition: 0.6s;
}
.ofcanvus-menu .mg-item:hover {
    border: 1px dotted #ffa500 !important; 
}
.ofcanvus-menu .mg-item:hover .icon-wrapper {
    background: #f5f5f5;
    color: #ffa500 !important;
    transition: 0.6s;
}
.ofcanvus-menu .script-icon  > .script-icon-wrapper > .fa-solid {
    transition: 0.6s;
}
.ofcanvus-menu .script-icon:hover > .script-icon-wrapper > .fa-solid {
     color: #ffa500 !important;
    transition: 0.6s;
}


 


.gb-promotion-card {
    position: relative;
    isolation: isolate;
    border-radius: 0.25rem 0 0.25rem 0.25rem;
}
.padding-5 {
    padding: 1.25rem !important;
}

.font-weight-bold {
    font-weight: 700;
}
.heading-5 {
    font-size: 1.8rem;
}

.heading-6 {
    font-size: 1.7rem;
}
.margin-bottom-1 {
    -webkit-margin-after: 0.25rem !important;
    margin-block-end: 0.25rem !important;
}
.clr-text {
    color: #001042;
}
.text-decoration-line-through {
    font-size:18px;
    text-decoration: line-through !important; 
}

.fs-14 {
    font-size: .875rem;
}
.gb-promotion-card__label {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 12px;
}
.padding-3 {
    padding: 0.75rem !important;
}
.clr-white {
    color: #fff;
}
.clr-black {
    color: #000
}
.gb-promotion-card__label::before {
    content: "";
    position: absolute;
    inset-block-end: 100%;
    inset-inline: 0;
    height: 20px;
    background-color: #ffa500;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 50%);
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 50%);
    top:-19px;
 
}
.gb-promotion-card__label::after {
    content: "";
    position: absolute;
    inset-block-end: 100%;
    inset-inline-start: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 0 12px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #ffa500;
}
.gb-promotion-card__label {
    margin-right:5px
}

.font-weight-bold {
    font-weight: 700;
} 
.mb-0 {
    margin-bottom: 0 !important;
}
h6 {
    font-size: 1.125rem;
}
.g-5, .gy-5 {
    --bs-gutter-y: 3rem;
}
.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem;
}
.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem;
}
.bgc-magenta {
    background-color: #ffa500;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    box-shadow: 0 0 4px 4px rgba(255,255,255,0.3) !important;
}
.bgc-blue {
    background: linear-gradient(240deg, #0B173B 10.47%, #0B2161 69.97%);
}
.bgc-yellow {
    background-color: #ffc02d;
}
.bgc-teal {
    background-color: #ffc02d;
}
.bgc-green {
    background-color: #ffc02d;
}
.dd-pricing-single {
    padding: 20px 20px;
}


img.dealer {
    position: absolute;
    right: 13%;
    top: 58px;
    height: 90%;
    z-index: 99999;
}
div.col-6.all-whois.dealer{
    max-width:40% !important;
    margin-top: 35px;
}
div.featured-tld.menutld.promo.laufbreite.dealers {
    margin-top:-10px !important; 
    -webkit-box-shadow: none !important;
    box-shadow: none !important; 
    background: #f5f5f5;
    border:solid #1874cd !important;
    border-width:thin !important;
 
}
.righter {
    position:relative;
    left:22px !important; 
} 

.deals-center {
    vertical-align: middle;
    text-align: center;
}
div.deal-ul .feature-list li i {
    color: #ffa500 !important;
    font-size: 18px !important;
    padding: 5px;
    border: 0px solid #ccc;
    width: 32px;
    opacity: 0.9;
}
.deal-ul .expand-btn>i {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 15px;
    width: 24px;
    height: 24px;
    background: #ededed;
    border-radius: 50%;
    font-size: 12px;
    color: #333;
    line-height: 25px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.hm2-award-title h3::before {
    content: url(../images/shapes/title-shape-left.png);
    position: absolute;
    left: -256px;
    bottom: 0;
} 
.hm2-award-title h3::after {
    content: url(../images/shapes/title-shape-right.png);
    position: absolute;
    right: -265px;
    bottom: 0;
}
.hm2-award-title h3 {
    display: inline-block;
}
#deals {
  scroll-margin-top: 20px !important; 
}
#kontaktform {
  scroll-margin-top: 80px !important; 
}
 

.topbar-left a {
color:#fff
}
.topbar .topbar-right a:hover {
    color: #ffa500;
}
.topbar .topbar-left a:hover {
    color: #0082f8;
}

a.mg-item.deals .mg-item-wrapper i {
  color:#ffa500 !important; 
  border-radius:50%;
  animation:pulse 2s ease infinite;
}
a.mg-item.deals .icon-wrapper {
 border:0px !important; 
}


@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}


 
/* .main-wrapper, .bg-light {background:#eef3ff !important } */


 

.primary-btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 102%;
  height: 100%;
  background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.wp-feature-item .icon-wrapper {
 border:0.5px solid #ffa500 !important;
}



.fa-info-circle.aus{
  color:#ffa500 !important;
}


.template-btn.disabled {
  pointer-events: none; 
  color:#777 !important;
  background: #f7f7f7 !important;
  border:0.5px dotted #ffa500;
}
.primary-btn {
line-height:18px !important;
    background: #104e8b !important;
    text-align: center !important;
    font-weight: 500 !important;
    color: #eee !important;
    height: 44px !important;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.spacer {color:#ccc}





























.dd-section-bg {
    background-color: #f3f7ff;
}

.hm2-app-item {
    padding: 10px 0px 10px 0px;
}
 



.deep-shadow {
    -webkit-box-shadow: 0px 12px 50px rgba(125,125,125,.1);
    box-shadow: 0px 12px 50px rgba(125,125,125,.1);
}
.rounded-2 {
    border-radius: var(--bs-border-radius) !important;
}

.dd-accordion .accordion-header a.collapsed::before {
    content: "+";
    background-color: #fff;
    color: #1c40f2;
}

.dd-accordion .accordion-header a::before {
    content: "";
    font-family: FontAwesome;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background-color: #ffa500;
    color: rgb(255, 255, 255);
    font-size: 14px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    left: 0px;
    top: 2px;
    border-radius: 50%;
}
*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.dd-accordion .accordion-header a {
    font-size: 18px;
    font-weight: 700;
    color: #001042;
    position: relative;
    padding-left: 30px;
}
.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius);
}
.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
}
.border-0 {
    border: 0 !important;
}
.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.dd-outline-btn {
    padding: 12px 55px;
    border: 1px solid #7e7e8f;
    color: #001042;
    font-weight: 600;
    display: inline-block;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important;
}

 
div.feagure-img>img.img-premium{
    width: 300px !important;
    height: 200px !important;padding: 0px !important;
}

.accordion-body {
    padding: 0px !important;
    margin: 10px 0px 0px 0px !important;
    border: 0px !important;
}

.logo-sitejet {
    position: absolute;
    top: 50px;
    right: 30px;
    max-width: 100%;
    height: 110px !important;
    border-radius:50%;
    z-index:-1;
}
img.sitejet-baukasten {
    position: absolute;
    right: 16%;
    top: 80px;
    height: 70%;
    width: auto;
    z-index: 0 !important; opacity:0.8
}
.dm-hero-section h1 {
    position: relative;
    z-index: 999999 !important;
}
img.sitejet-frau {
    position: absolute;
    right: 18%;
    top: 50px;
    height: 100%;
    width: auto;
    z-index: 9999 !important;
}
img.sitejet-mann {
    position: absolute;
    right: 2%;
    top: 78px;
    height: 84%;
    width: auto;
    z-index: 9999 !important;
}

img.img-sitejet-tool {
    position: relative;
    height: 70%;
    width: 100%;
    z-index: 9999 !important;
}

.fp-business-box {
    padding: 30px !important;
}

h4 mark::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 20px;
    background: none;
    background-repeat: no-repeat;
}
.pricing-column.sitejet span.pricing-label.d-block::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 3px;
    top: 0px;
    width: 100%;
    height: 2px;
    background: linear-gradient(287.85deg, #1b2d42 0%, #1b2d42 75.32%);
}
.fp-business-box i.fa-brands {
color:#1b2d42;
font-size:80px;
}
img.img-vorschau {
    position: relative;
    height: 20%;
    width: 31%;
    padding:5px;
    margin: 30px 10px 10px 10px;
    z-index: 0 !important;
    border:0px solid #1b2d42;
    background: #fff;
    -webkit-box-shadow: 0px 12px 50px rgba(125,125,125,.1);
    box-shadow: 0px 12px 50px rgba(125,125,125,.1);

}
h2.h2klein {
height:1px;
}
.outline-btn {
line-height:18px !important;
} 
.mein-btn {
height:50px !important;
} 

span.sitejetorder:hover {
    background:#f2f2f2;
    color: var(--bs-link-hover-color);
    cursor:pointer;
}
.accordion-item:first-of-type {
    border: 0px !important;}
.accordion-item {
    border: 0px !important;}

.accordion-body {
    padding: 0px !important;
    margin:  -2px 0px 0px 0px !important;
    border: 0px !important;
}
.primary-btn.te {
        height:48px !important;
}
img.sb-social {
    position: absolute;
    right: 26%;
    top: 50px;
    height: 90%;
    width: auto;
    z-index: 9999 !important;
}
img.hb-shopy {
    position: absolute;
    right: 18%;
    top: 50px;
    height: 90%;
    width: auto;
    z-index: 9999 !important;
}

img.funktionen-girl {
    position: absolute;
    right: 12%;
    top: 50px;
    height: 100%;
    width: auto;
    z-index: 9999 !important;
}
img.sitejet-funktionen {
    position: absolute;
    right: 0%;
    top: 50px;
    height: 90%;
    width: auto;
    z-index: 9999 !important;
}
 
.featured-tld.menutld {
    -webkit-box-shadow: 1px 1px 27px -16px #666666; 
    box-shadow: 1px 1px 27px -16px #666666;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;

}
.featured-tld.menutld:hover {
    -webkit-box-shadow: 0px 12px 44px rgba(103, 151, 255, 0.1), 0px 4px 24px rgba(103, 151, 255, 0.6);
    box-shadow: 0px 12px 44px rgba(103, 151, 255, 0.1), 0px 4px 24px rgba(103, 151, 255, 0.6);
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;

}
html {
  scroll-behavior: smooth;
}
.vps-video-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3) !important;
    opacity: 0.6;
}
.img-video {
    max-width: 100%;
    height: auto;

}
.vps-video-box .vps-video-popup {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    color: #fff;
    background: linear-gradient(287.85deg, #ffa500 0%, #ffa500 95.32%);
    border-radius: 50%;
    -webkit-animation: 2s btn-ripple linear infinite;
    animation: 2s btn-ripple linear infinite;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
-webkit-full-page-media {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    max-height: 120%;
    max-width: 120%;
    margin: auto;
}
#sitejet {
scroll-margin: 60px;
}
.sticky-header.header-section {
    z-index: 9888 !important;
}

section.dd-application .hm2-feature-card{
    -webkit-box-shadow: 0px 20px 80px rgba(0, 148, 255, 0.1);
    box-shadow: 0px 20px 80px rgba(0, 148, 255, 0.1);
}
img.img-sitejet-tool {
    z-index: 10 !important;
}
.ofcanvus-menu .mg-item:hover {
    -webkit-box-shadow: 0px 12px 4px rgba(103, 151, 255, 0.1), 0px 4px 24px rgba(103, 151, 255, 0.6);
    box-shadow: 0px 12px 4px rgba(103, 151, 255, 0.1), 0px 4px 24px rgba(103, 151, 255, 0.6);
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.btn-front {
padding: 12px 14px;
}
section.hosting-info div.hm2-blog-card:hover .btn-front  {
    background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%) !important;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;

}
section.hosting-info .hm2-blog-card .hm2-blog-card-content .tag-btn {
    background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%) !important;
}
.ms-2.mb-0 {
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;

}
div.hm2-blog-card .ms-2.mb-0 {
    color:#222 !important;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;

}
.dm-pp-domain-item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 74.2% 50.9%, rgb(14, 72, 222) 5.2%, rgb(3, 22, 65) 75.3%);
    z-index: -1;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    opacity: 0;
}

div.hm2-blog-card.bg-white.deep-shadow > div.hosting-signle-product.text-center.bg-white.rounded.strich {
    background: radial-gradient(circle at 74.2% 50.9%, rgb(14, 72, 222) 5.2%, rgb(3, 22, 65) 75.3%);
    animation: einblenden 0.8s;
    -moz-animation: einblenden 0.8s;
    -webkit-animation: einblenden 0.8s;
    -o-animation: einblenden 0.8s;
    max-height: 250px !important;
}
div.hm2-blog-card.bg-white.deep-shadow > div.hosting-signle-product.text-center.bg-white.rounded.strich>h5.mt-4.mb-3 {
    color: #fff !important;
    font-size: 26px;
    font-weight:500;
}
div.hm2-blog-card.bg-white.deep-shadow > .dm-pp-domain-item .circle-shape {
    background: #fff;
    opacity: 0.2;
}

.handy > p {
    color:#000 !important;
    font-size:16px !important;
}
.hm7-app-slide-prev.hm7-app-slide-control {
    box-shadow:0px 0px 0px 0px !important;
}

.hm7-app-slide-next.hm7-app-slide-control {
    box-shadow:0px 0px 0px 0px !important;
}
.no-round-t {
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}

.no-round-b {
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.handy > h2 {
margin-left:20px;
}



.dm-pp-domain-itemXXX {
pointer-events: none;
}


.hm2-primary-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 102%;
    height: 100%;
    background: #104e8b !important;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.template-btn {
    line-height:12px !important;
    max-height:42px !important;
}
.btn-small {
    max-height:38px !important;
}
.btn-serv {
     height:38px !important;
     line-height:20px !important;
}

.hm2-blog-card .hm2-blog-card-content .tag-btn {
    background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%) !important;
}

.kvmbutton {
    border-radius:6px !important;
    margin-top:2px;
    padding: 15px 15px;
}

/* LENIS START ##################################################### */

html.lenis, html.lenis body {
  height: auto !important;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}

/* LENIS ENDE ##################################################### */

h4.h2.mt-2.monthly-price, h4.h2.mt-2.yearly-price {
font-size:35px !important;
}
 
a.template-btn.primary-btn.kleiner-btn {
font-size:13px !important;
font-weight:500 !important;
line-height: 0px !important;
height:20px !important;
padding:15px 10px 15px 10px !important;
}
p.menutexter {
font-size:14px;
}
h2.ms-2.mb-0.menupreis {
font-size:28px !important;
}
span.hoch.ma  {
font-size:20px !important;
}
p.menutexter {
    padding:15px;
    border-radius:5px;
    max-width:330px !important;
    -webkit-box-shadow: 0px 12px 64px rgba(103, 151, 255, 0.2), 0px 4px 24px rgba(103, 151, 255, 0.2);
    box-shadow: 0px 12px 64px rgba(103, 151, 255, 0.2), 0px 4px 24px rgba(103, 151, 255, 0.2);}
.mietebutton {
    max-width:330px !important;
}
.slide  {
    height: 190px !important;
}
 
input.fill-input.typed {
    padding: 8px !important;
} 
input.fill-input.typedx {
    padding: 8px !important;
}

.primary-btn.te {
    padding: 0px 20px 0px 20px !important;     
    line-height: 0px !important;
}

/* WCAG Start ##################################################### */

div.asw-widget > a {
    bottom:12px !important;
    left:10px !important;
    height: 34px !important;
    width: 34px !important;
    background: #104e8b !important;
    border:none  !important;
}


.asw-menu-header {
    background-color: #104e8b !important
}

/* WCAG ENDE ##################################################### */


.nav-wrapper ul li.has-submenu .submenu-wrapper {
    background-color: #f5f5f5;
}
a.fixedButton {
    display:none !important;
}

div.accordion-body.block {
    text-align: justify !important;
}
.banktransfer {
font-size:13px;
font-weight:500;
color:#fff;
}
.footer-widget .ft-payment-method .payment-list li {
    background-color: #25326f;
    width: 110px !important;
    height: 50px;
    border-radius: 4px;
    margin-right: 8px;
}
.footer-widget .social-nav li a {
    background: #25326f !important;
}
input#captcha_val  {
    color: #000 !important;
}

i.fa.fa-sync.refv {
cursor:pointer;
}
.warenbadge {
font-weight:900 !important;
}
#gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* Abstand zwischen den Bildern */
  justify-content: flex-start; /* Bilder linksbündig */
}
#gallery > a {
  flex: 0 0 calc((100% / 3) - 10px); /* 3 Spalten, 10px Puffer für Abstand */
  box-sizing: border-box;
  max-width: calc((100% / 3) - 10px);
}
#gallery > a img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px; /* optional, schöne Ecken */
}
#loading-indicator {
  display: none;
  position: fixed;
  bottom: 150px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 20px;
  background: rgba(0,0,0,0.9);
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 8px;
  z-index: 99999;
  pointer-events: none;
  opacity: 0.85;
}
.img-vorschau {
  opacity: 0;
  transition: opacity 1.2s ease-in-out;
}
.img-vorschau.loaded {
  opacity: 1;
}
#loading-indicator {
  display:none !Important;
}
input.fill-input.typed1 {
  width:100% !Important;
  height:40px !important;
  line-height:1px 
  padding-top: 0; 
  padding-bottom: 0;
}
span.pricing-label.d-block.presta::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 3px;
    top: 0px;
    width: 50%;
    height: 5px;
    background: #a2dbeb;
}
.img1-fluid {
    max-width: 100%;
    height: 50px !important;
}
.img2-fluid {
    max-width: 100%;
    height: 50px !important;
}
.img3-fluid {
    max-width: 100%;
    height: 50px !important;
}
p#msg.text-danger, #captcha_val {
    color: #000 !important;
}
#category, #msg {
    color: #000 !important;
}
input, textarea, textarea.msg, select {
    color: #000 !important;
}
textarea:focus, input:focus {
    color: #000 !important;
}
textarea..msg {
    color: #000 !important;
}
textarea.msg:focus {
    color: #000 !important;
}
.hm-contact-form .input-field input:focus {
    color: #000 !important;
} 
.fp-body-bg {background-color: #eef3ff;}
.pt-200 {padding-top: 120px;}
.pb-120 {padding-bottom: 140px;}
.gap-lg-0 { gap: 0 !important;}
.gap-4 {gap: 1.5rem !important;}
.align-items-center { -webkit-box-align: center !important;-ms-flex-align: center !important; align-items: center !important;}
.fs-68 {font-size: clamp(1.6rem, 3.54vw + 1rem, 3rem);}
.text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;}
.img-fluida { max-width: 100%;height: auto;}
img, svg {vertical-align: middle;}
.text-primary-g { color: #ffa500;}
.position-relative { position: relative !important;}
.pl-60 { padding-left: 60px !important;}
.fp-host-bb { height: 1px;    background: -webkit-gradient(linear, right top, left top, color-stop(-0.12%, rgba(164, 164, 164, 0)), color-stop(45.45%, #155184), color-stop(95.96%, rgba(164, 164, 164, 0))); background: linear-gradient(270deg, rgba(164, 164, 164, 0) -0.12%, #155184 45.45%, rgba(164, 164, 164, 0) 95.96%);}
.fp-host-bl { height: 100%; background: linear-gradient(262deg, rgba(164, 164, 164, 0) -0.12%, #155184 45.45%, rgba(164, 164, 164, 0) 95.96%); width: 1px;}
.left-0 { left: 0 !important;}
.top-0 { top: 0 !important;}
.position-absolute { position: absolute !important;}
.pt-40 { padding-top: 40px !important;}
.ff-inter {font-family: "Inter", sans-serif;}
.fs-48 {font-size: clamp(1.5rem, 2.526vw + 1rem, 3rem);}
.fs-48 {font-size: 3rem;}
.fs-20 {font-size: 1.25rem;}
fw-400 {font-weight: 400;}
.fs-18 {font-size: 18px;}
.fs-18 {font-size: 22px;}
.text-body {--bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;}
.fp-host-domain-area {margin-top: -45px;}
.host-fs-bg {background-color: #000f57;}
.domain-info .info-box span {color: #333;}
.domain-info .info-box { margin-top:10px; background: #fff !important;color: #000 !important; padding: 3px 25px;-webkit-box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, 0.08);  box-shadow: 1px 2px 6px 1px rgba(0, 0, 0, 0.08);}
.primary-btn {color: #fff !important;}
.bg-success {background-color: #ffa500 !important;}
.csh-domain-list li span {display: -webkit-inline-box;display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center;-ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center; justify-content: center;width: 18px; height: 18px;border-radius: 50px;background: #001042; font-size: 10px;}
.hds-save-text { padding: 5px 15px 5px 15px !important;border-radius:6px;}
.rounded-16 {border-radius: 16px;}
.designbtn { display: inline-block;font-family: "Urbanist", sans-serif;font-weight: 600;border-radius: 5px;padding: 16px 32px !important; color: #fff; vertical-align: middle; overflow: hidden; -webkit-transition: all .3s ease-in; transition: all .3s ease-in;}
.secondary-btn:hover {background-color: #ffa500;color: #fff;}
.fp-sale-area { padding-bottom: 290px; background-image: url(/template/images/website/sale-bg.png); background-repeat: no-repeat;background-position: bottom center;background-size: cover;}
.logo { max-width: 260px;}
.text-gelber {color: #ffa500;}
.fsa-68 { font-size: clamp(1.6rem, 3.54vw + 1rem, 3rem) !important;}
.mt-30 { margin-top: 30px;}
.fp-card-two-wrapper { margin-top: -200px;}
.rounded-3 {border-radius: var(--bs-border-radius-lg) !important;}
.centi { margin-left:33%; margin-top:8px;}
.pba-100 { height:100px;background: #eef3ff;}
.img-fluidb { max-width: 30%;height: auto; margin-left:33%;}
@keyframes rotateSlow { from { transform: rotate(0deg);} to { transform: rotate(360deg); }}
.rotate-slow { animation: rotateSlow 30s linear infinite;}
section.hm10-features { background: #f6f6f6 !important;}
.hm10-feature-card { padding: 40px;}
.justify-content-center {-webkit-box-pack: center !important; -ms-flex-pack: center !important;justify-content: center !important;}
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}
.g-4, .gy-4 {--bs-gutter-y: 1.5rem;}
.container-1500 { max-width: 1290px;padding: 0 2px; margin: 0 auto;}
.host-fs-bg { background-image: url(/template/images/website/sale-bg.png) !important; background-repeat: no-repeat; background-position: 0px center; background-size: cover;}
.hm10-feature-card {padding: 15px 15px 35px 15px;}
.phase-number { display: inline-flex;width: 36px;height: 36px; background-color: #EDEDED; color: #000; border-radius: 50%;align-items: center;justify-content: center;font-weight: bold;font-size: 20px; margin-right: 10px;vertical-align: middle; border:1px solid #ffa500;}
.cloud-shape-10 {height:850px;}

.ds-bga {background: #eef3ff;}
.zusatztext {font-size:20px;font-weight: 900;color: #0d6efd;}
span.time-date {font-weight: 900;}
.cloud-shape-20 {margin-top:-100px;height: 850px;z-index:0;} 
.jobs-single {position:relative;z-index:1;}
.sharpright {right:0px; margin-top:-70px;} 
.dotg {color:#ffa500;margin-right:5px;}
.jobs-single .outline-btn {background: #f7f7f7; color: #000f57; border: 1px solid #fff;-webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.jobs-single .outline-btn:hover { background: linear-gradient(287.85deg, #ffb800 0%, #ff7e5d 95.32%); color: #fff; border: 1px solid #fff;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;}
.jobs-single .btn-small {color: #000 !important;}
.jobs-single .btn-small:hover {color: #fff !important;}
.img-fluide { max-width: 100%; height: auto;}
.img-fluider { max-width: 90%; height: auto;}
.host-fs-why-area {padding-bottom: 200px;background-image: url(/template/images/website/sale-bg.png);background-repeat: no-repeat;background-position: bottom center;background-size: cover;}
.dchs-reating-author span {width: 48px; height: 2px;}
.bg-warning {--bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;}
.party {color:#ffa500 !important;}
p.mb-0.mb1000{color:#333 !important;border-top:1px solid #ffa500;border-bottom:1px solid #ffa500;padding:20px;}
.h5-migrate-wrapper {padding: 30px 30px 30px 30px !important;-webkit-box-shadow: 12px 26px 50px rgba(90, 108, 234, 0.07); box-shadow: 12px 26px 50px rgba(90, 108, 234, 0.07);}
.h5-migrate-wrapper .hostim-info-list li span {width: 15px;height: 15px;background: #ffa500; color: #fff; font-size: 8px; vertical-align:middle; margin-top:-4px;}
.lc  {border-right:1px solid #ffa500;}
.rc {margin-left:20px;}
hr.meinhr {width:90%;}
.toggle-header {cursor: pointer;user-select: none; display: inline-flex;align-items: center;gap: 6px;margin-bottom: 10px;}
.toggle-header h5 {margin: 0;font-weight: 600;}
.toggle-header.active .fa-caret-down {transform: rotate(180deg);color:green}
.toggle-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; background: #f7f7f7;border-radius:6px;}
.toggle-content.open {max-height: 1000px;padding:15px;}
p.mb-10 > strong {color:#001042;}
.myg {color:#ffa500;}
ul.hostim-info-list.mb-30 >li {margin-bottom:6px;} 
.host-fs-bg {background-color: #f5f6f6 !important;}
.feat:hover { background-color: transparent !important; border-color: #999 !important;color: #000 !important; cursor: default !important;}
.pt-180 {padding-top: 60px;}
img.hemdman {position: absolute; right: 15%; top: 60px; height: 105%; width: auto; z-index: 999999 !important;}
img.website-mieten {position: absolute; right: 16%; top: 60px; height: 105%; width: auto; z-index: 999999 !important;}
img.blondie-zeigt {position: absolute; right: 18%; top: 60px; height: 105%; width: auto; z-index: 999999 !important;}
.bg-primary-gradient {background: linear-gradient(240deg, #0B173B 10.47%, #0B2161 69.97%);}
.cp-accordion .accordion-single .accordion-header {padding: 20px 25px;}
.accordion-header {margin-bottom: 0;}
.accordion-body {padding: 20px 25px;}
.accordion-body p {padding: 0px 25px;}
.cp-accordion .accordion-single .accordion-body {padding: 0 20px 16px 20px;}
.img-webuzo {max-width: 90%; height: auto;margin-left:50px;}
.dd-pricing-single { padding: 40px 25px; }
.dd-pricing-single .template-btn { border: 1px solid #7e7e8f; color: #001042; padding: 12px 56px; font-size: 14px;}
.dd-pricing-single .sale-badge {background-color: #ffa500; padding: 4px 16px; display: inline-block;color: #fff; border-radius: 50px 0 0 50px;top: 14px;}
.end-0 { right: 0 !important;}
.dd-pricing-single .template-btn { border: 1px solid #7e7e8f;color: #001042;padding: 12px 16px;font-size: 14px; width:100%;}
.btn-small {color: #fff !important;}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {color: #000 !important;}
.feat {width: 100% !important;}
input.fill-input.typedx1 {height: 40px !important;}
.fredline-sk {margin-top:80px;}
.vps-feature-btns li a { background: #104e8b;}