@CHARSET "UTF-8";





/**
 * In "alten" Seiten genutzt
 *
 */

hr.separator {
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #143b97;
}

.panel-overview ul {
	text-align: center;
}

#webhosting-overview-tabs > ul {
	margin: 0 auto;
}










/**
 * Page header section
 *
 */

.parallax-title-textbg {
	margin-left: 15px;
	background: rgba(0, 0, 0, 0.7);
}










.section-title h3,
.section-header h3 {
	display: inline-block;
	position: relative;
	margin: 0;
	color: #333333;
	font-size: 35px;
	padding-bottom: 15px;
	font-weight: bold;
}

.section-title h3 span,
.section-header h3 span {
	display: block;
	margin-bottom: 5px;
	color: #143b97;
	font-size: 21px;
	line-height: 22px;
	font-weight: normal;
}

.section-title h3:before,
.section-header h3:before {
	content: " ";
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100px;
	height: 3px;
	background-color: #143b97;
}

.section-title h3:before {
	margin: 0 auto;
}

.section-title.section-desc h3 {
	text-transform: uppercase;
}

.section-title.section-desc h3 span {
	font-weight: bold;
}

div.container .section-title {					/* required for content/_include/unternehmen_warum-hostarea.inc.php: lines 7 + 13 */
	text-align: left;
}

div.container .section-title h3:before {		/* required for content/_include/unternehmen_warum-hostarea.inc.php: lines 7 + 13 */
	margin: 0;
}










/**
 * Tabs
 *
 */

.shared-features h5 {
	font-size: 18px;
}

.shared-features p {
	font-size: 14px;
}










.feature-title {
	font-size: 18px;
}

.feature p {
	font-size: 14px;
	margin: 0;
}










.boxes .cat,
.boxes .title {
	color: #143b97;
	text-align: center;
	line-height: normal;
	padding-bottom: 10px;
}

.boxes .title {
	font-size: 25px;
	font-weight: bold;
}

.boxes .price {
	text-align: center;
}

.boxes .price .promo {
	margin-top: 10px;
}

.boxes .price .promo-top {
	color: #fe1a67;
	font-weight: bold;
	padding-top: 10px;
}

.boxes .price .setup {
	margin-bottom: 15px;
}

.boxes .footer {
	margin-top: 20px;
	border-top: 1px solid #143b97;
}

.boxes .footer .price {
	color: #143b97;
	padding-top: 20px;
}

.boxes .footer .plans {
	padding-top: 27px;
}

.boxes-borderless {
	padding: 10px 0px;
	text-align: left;
}

.boxes-borderless h2 {
	color: #143b97;
	font-size: 18px;
}

.boxes-borderless p {
	text-align: justify;
}










/**
 * Combo offers
 *
 */

.combo-offers {
	background: #fff;
	border: 1px solid #e8e8e8;
	position: relative;
}

.combo-offers.second-line {
	border-top: 0;
}

.combo-offers:after{}

.combo-offers .combo-header {
	border-bottom: 1px solid #e8e8e8;
	padding: 15px 20px;
}

.combo-offers .combo-header h3 {
	font-weight: 600;
	text-align: center;
}

.combo-offers .combo-footer {
	margin: 15px;
}

.combo-offers .combo-footer .countdown {
	font-weight: bold;
	padding-left: 0;
}

.combo-offers .combo-footer .countdown span {
	color: #fe1a67;
}

.combo-offers .combo-footer .countdown small {
	font-weight: normal;
}

.combo-offers .combo-footer .detailbtn a {
	float: right;
	margin: 3px 20px 0px 0px;
}

.combo-offers .combo-title {
	margin-top: 15px;
}

.combo-offers .combo-title {
	background: #143b97;
	display: inline-block;
	padding: 10px 10px;
	margin: 0;
	position: relative;
}

.combo-offers .combo-title h3,
.combo-offers .combo-title h4 {
	color: #fff;
	position: relative;
	margin-left: 50px !important;
}

.combo-offers .combo-title:before {
	content: '';
	position: absolute;
	left: 0%;
	width: 0;
	height: 0;
	border-top: 31px solid transparent;
	border-bottom: 31px solid transparent;
	top: 0;
	border-left: 31px solid #fff;
	clear: both;
}

.combo-offers .combo-title:after {
	content: '';
	position: absolute;
	left: 100%;
	width: 0;
	height: 0;
	border-top: 31px solid transparent;
	border-bottom: 31px solid transparent;
	top: 0;
	border-left: 31px solid #143b97;
	clear: both;
}

.combo-offers .combo-title h3,
.combo-offers .combo-title h4 {
	padding: 0px 20px 0 20px;
	margin: 0;
}

.combo-offers .combo-header h4 {
	margin: 0px;
}

.combo-offers .combo-offer {
	padding: 30px 15px;
	position: relative;
	border-right: 1px solid #ccc;
	min-height: 225px;
	height: 225px;
}

.combo-offers .combo-offer:after {
	content: '\f067';
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 10px;
	text-decoration: none;
	right: -15px;
	z-index: 10000;
	font-size: 35px;
	top: 40%;
	position: absolute;
	background: #fff;
}

.combo-offers .combo-offer:last-child:after {
	display: none;
}

.combo-offers .combo-offer:last-child {
	border-right: 0px;
}

.combo-offers.first-line .combo-offer:after {
	display: none;
}

.combo-offers.second-line .combo-offer {
	min-height: 175px;
	height: 175px;
}

.combo-offers.second-line .combo-offer:after {
	top: -34px;
	right: -25px;
	color: #fe1a67;
	padding: 10px 10px 10px 10px;
	/*content: '\f074';*/
}

.combo-offers .combo-offer h3 {
	font-weight: 600;
	margin: 0;
	font-size: 1.5em;
}

.combo-offers .combo-offer h5 {
	font-weight: 500;
	margin: 0;
}

.combo-offers .combo-offer .bundles-product {
	font-weight: 300;
	color: #777;
	line-height: 25px;
}

.combo-offers .somains-sub {
	margin-top: 10px;
}

.combo-offers .somains-sub p {
	font-size: 14px;
}

.combo-offers .combo-pricing {
	text-align: center;
	float: right;
}

.combo-offers .combo-buy {
	margin: 10px 0 0 20px;
	float: right;
}

.combo-offers a.details {
	float: left;
	margin-top: 10px;
}

.combo-offers .combo-price {
	display: block;
	font-size: 2.2em;
	font-weight: 900;
	position: relative;
	top: 5px;
	height: 56px;
	padding-right: 15px;
	border-right: 1px solid #ccc;
}

.combo-offers .combo-note {
	font-size: 11px;
	display: block;
}

.combo-offers .combo-month {
	font-size: 14px;
	position: relative;
	/*left: -8px;*/
	top: -8px;
}

.combo-icon i {
	font-size: 5em;
	color: #143b97;
}

.combo-offers ul {
	margin-bottom: 0px;
	margin: 0;
	padding: 0;
}

.combo-offers ul li {
	font-size: 14px;
	font-weight: 100;
	line-height: 21px;
	color: #9bcb44;
	list-style: disc;
	padding: 0 0 6px 0;
	text-align: left;
	list-style-type: circle;
	margin-left: 20px;
	line-height: 15px;
}

.combo-offers ul li span {
	color: #1b1b1b;
}










.domain-prices .prices h4 {
	text-transform: none;
}




















/******************************************
 *
 * NEW AREA
 * HERE ALL NEW CSS SINCE 2019-11-25
 *
 *****************************************/

/**
 * General text format
 *
 */

/** prices **/

div.price-month {
	font: 700 50px/50px "Play", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	display: block;
	margin: 10px 0 5px;
	position: relative;
}
div.price-month span.cent {
	font-size: 30px;
	line-height: 30px;
	vertical-align: top;
	position: relative;
	top: 5px;
	left: -10px;
}
div.price-month span.text {
	font-size: 12px;
	position: relative;
	margin-left: -33px;	
	top: 3px;
}



/* Highlighting */

.highlight {
	color: #fe1a67 !important;
	font-weight: bold;
}
.highlight i.fa {
	cursor: help;
}
.highlight.small {
	font-size: var(--ha-fontsize-small);
}
.highlight.large {
	font-size: var(--ha-fontsize-h3);
}
.no-feature .highlight {
	color: #bdbdbd !important;
}










/**
 * Page Banner
 *
 */

.pagebanner {
	color: #fff;
}
.pagebanner h1 {
	font-weight: 600;
	text-transform: uppercase;
}
.pagebanner img {
	width: 100%;
	margin-top: 40px;		/* TODO: horizontal middle alignment */
}
.pagebanner ul {
	font-size: var(--ha-fontsize-h5);
}
.pagebanner ul li i.fa {
	color: inherit;
}










/**
 * Sections
 *
 */

/** spacing **/

.section_space-x {
	padding: 100px 0;
}
.section_space-y {
	padding: 50px 0 100px;
}
.section_space {
	padding: 50px 0;
}
.section_space2 {
	padding: 40px 0;
}
.section_space3 {
	padding: 30px 0;
}
.section_space4 {
	padding: 15px 0;
}



/** headlines **/

.section-headline,
.section-headline2 {
	text-align: center;
	margin: -2px 0 50px 0;
}
.section-headline h2,
.section-headline h4 {
	font-weight: bold;
	text-transform: uppercase;
}
.section-headline h2,
.section-headline2 h2 {
	display: inline-block;
	position: relative;
	margin: 0;
	color: #333;
	font-size: var(--ha-fontsize-h2);
	padding-bottom: 15px;
}
.section-headline2 h2 {
	font-weight: bold;
}
.section-headline h2:before,
.section-headline2 h2:before {
	content: " ";
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100px;
	height: 3px;
	margin: 0 auto;
	background-color: #143b97;
}
.section-headline h4,
.section-headline2 h4 {
	margin-bottom: 5px;
	color: #143b97;
	font-size: var(--ha-fontsize-h4);
}



/** section spacer image **/

.section-spacer-image {
	color: #fff;
	text-align: center;
}
.section-spacer-image h2 {
	font-weight: bold;
}
.section-spacer-image h2,
.section-spacer-image h3 {
	margin-bottom: 50px;
}



/** subpage special **/

div.container .section-headline2 {							/* required for content/_include/unternehmen_warum-hostarea.inc.php: lines 7 + 13 */
	text-align: left;
	margin: 0;
}
div.container .section-headline2 h2:before {				/* required for content/_include/unternehmen_warum-hostarea.inc.php: lines 7 + 13 */
	margin: 0;
}










/**
 * Breadcrumbs
 *
 */

ol.breadcrumb {
	font-size: var(--ha-fontsize-small);
	float: left;
}
ol.breadcrumb li {
	font-size: inherit;
}
ol.breadcrumb li:first-child {
	font-size: inherit;
	padding-right: 5px;
}
ol.breadcrumb li.active {
	font-size: inherit;
}
ol.breadcrumb li a {
	font-size: inherit;
}
ol.breadcrumb > li + li::before {
	padding-right: 5px;
}










/**
 * Contract duration slider
 *
 */

.slider-container {
	color: #fff;
	font-size: var(--ha-fontsize-h5);
	background: #143b97;
	border-radius: 15px;
	padding: 10px 0 30px;
}
.slider-container #duration-slider {
	height: 35px;
	padding: 8px 0 0;
	cursor: pointer;
	border-radius: 25px;
	background: rgba(0, 0, 0, .15);
}



/** buttons **/

.slider-container .button {
	color: #143b97;
	font-family: FontAwesome;
	background: #eee;
	width: 30px;
	height: 25px;
	top: -4px;
	position: relative;
	border-radius: 20px;
}
.slider-container .button.button-left {
	left: 5px;
	float: left;
}
.slider-container .button.button-right {
	left: -5px;
	float: right;
	display: none;
}
.slider-container .button.button-left:before {
	left: 8px;
	content: "\f053";
}
.slider-container .button.button-right:before {
	left: 11px;
	content: "\f054";
}
.slider-container .button.button-left:before,
.slider-container .button.button-right:before {
	top: 4px;
	position: relative;
}



/** texts **/

.slider-container h1 {
	text-align: center;
	margin-bottom: 15px;
}
.slider-container div.text1 {
	text-align: right;
}
.slider-container div[class*="text"] {
	top: 6px;
	padding-left: 0;
	padding-right: 0;
}
.slider-container div[class*="text"] span {
	cursor: pointer;
}
.slider-container .contract-text {
	width: 100%;
	position: absolute;
	text-align: center;
}










/**
 * Boxes
 *
 */

.boxes {
	text-align: center;
	padding: 20px 15px;
}
.boxes .header {
	color: #143b97;
	padding-bottom: 15px;
	border-bottom: 1px solid #143b97;
}
.boxes .header .type,
.boxes .header .name {
	padding-bottom: 10px;
}
.boxes .header .name {
	font-size: var(--ha-fontsize-product-title);
	font-weight: bold;
}
.boxes .cost .promo {
	margin-top: 10px;
}
.boxes .cost .promo-top {
	font-weight: bold;
	padding-top: 10px;
}
.boxes .cost .promo .promo-top,
.boxes .cost .promo .price-month {
	color: #fe1a67;
}
.boxes .cost .setup {
	margin-bottom: 15px;
}
.boxes .cost .saving {
	color: #fe1a67;
	font-weight: bold;
	margin-bottom: 15px;
}
.boxes .featurelist {
	text-align: left;
	border-top: 1px solid #143b97;
}
.boxes .featurelist ul {
	border: 0;
}
.boxes .featurelist ul li {
	border: 0;
	margin: 0;
	padding: 10px 0 0 0;
}
.boxes .featurelist ul li i.fa {
	color: #143b97;
}
.boxes .featurelist ul li span i.fa {
	color: #fe1a67;
	font-weight: bold;
	margin-right: 0;
}
.boxes .featurelist ul li.no-feature,
.boxes .featurelist ul li.no-feature i.fa {
	color: #bdbdbd;
}
.boxes .footer {
	background: #fff;
	text-align: center;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #143b97;
}
.boxes .footer .fr a.btn {
	margin-top: 3px;
}










/**
 * Tabs
 *
 */

.r-tabs .r-tabs-nav .r-tabs-anchor {
	padding: 16px 30px;
}
.r-tabs .r-tabs-nav .r-tabs-tab {
	font-size: var(--ha-fontsize-h5);
}
#section-features-tabs p {
	font-size: var(--ha-fontsize-default);
}










.offerdescription h2 {
	font-size: var(--ha-fontsize-h2);
}
.offerdescription h3 {
	color: #fff;
}










.faq-questions .panel-title a,
.faq-questions .panel-title a:hover,
.faq-questions .panel-title a:active,
.faq-questions .panel-title a:focus {
	color: #143b97;
	font-size: var(--ha-fontsize-h5);
	padding: 15px;
}
.faq-questions .panel-title a:active,
.faq-questions .panel-title a:focus {
	background: #fff;
}
.faq-questions .in .panel-body {
	padding: 0px 15px 15px;
	border-top: none !important;
}










.more span {
	cursor: pointer;
}
.more span.highlight {
	cursor: auto;
}
.more.content {
	display: none;
}
.more span[id$="hide"] {
	display: none;
}
.more div[class$="item"] {
	text-align: justify;
	margin-top: 15px;
}










/**
 * Footer
 *
 */

/* payment icons */

ul.payment-icons li {
	padding: 0 !important;
	margin: 0 !important;
}
ul.payment-icons img {
	filter: grayscale(100%);
	transition: filter .3s ease;
}
ul.payment-icons img:hover {
	filter: none;
}



/* copyright */

.copyright {
	background: #fff;
	text-align: center;
}

.copyright div {
	color: #93999e;
	font-size: 14px;
	margin-bottom: 15px;
}
.copyright ul.footerlinks {
	padding: 0;
	margin: 0;
}
.copyright ul.footerlinks li {
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	border-right: 1px solid #93999e;
}
.copyright ul.footerlinks li:last-child {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}
.copyright ul.footerlinks li a, 
.copyright ul.footerlinks li a:hover {
	color: #93999e;
	font-size: 14px;
}
.copyright .follow-us a {
	color: #93999e;
	font-size: 30px;
	margin-left: 10px;
}










/** EOF **/