/* featuresboxs quick fix */
.basic_features .featureBoxsWrapper {display: flex;align-items: center;flex-flow: row wrap;}
.basic_features .featureBoxs div {pointer-events: none;}
.basic_features .featureBoxs {cursor: pointer;}
.basic_features .featureBoxs:first-chiltarifSd {margin-right:4px;}
.basic_features .featureBoxs {height:134px;width:618px;background: rgb(247, 247, 247);flex:1;padding-top:32px;margin-bottom:4px;}
.basic_features .featureBoxs.active .show-more-active,
.basic_features .featureBoxs .show-more-inactive {display: block;}
.basic_features .featureBoxs .show-more-active,
.basic_features .featureBoxs.active .show-more-inactive {display: none;}
#loginBox,.loginButtonContainer {display:none}
.domain-head-box input  {
color:  #21314d;
}
.domain-head-box input:focus {
outline:none!important;
}
.domain-head-box .buttonText {
pointer-events:none;
}
.domain-head-box .linkButton {
cursor:pointer;
}
.box-text {
font-size: 18px;
line-height: 24px;
width: 350px;
}
.contentWrapper { padding: 0 15px; }
.domain-head-box .headerContentWrapper {
height:280px;
width:345px;
margin: 0 auto;
padding-top: 21px;
position:relative;
}
.backgroundWhite {
float: left;
height: 300px;
width: 568px;
font-size: 22px;
background: rgba(255,255,255,.85);
padding: 0px 40px 0 40px;
}
/* .headline { font-weight: 600; } */
.domain_features .headline {
text-align: center;
padding-top: 80px;
font-size: 39px;
margin-bottom: 16px;
}
.domain_features .productbody {
background-color: #f2f2f2;
}
.domain_features .productsub {
text-align: center;
border-top: 4px solid #21314d;
padding: 1em 0;
height: 6.0em;
border-bottom: 2px solid #21314d;
}
.linkButton {
margin:0;
height: auto;
padding: 0.86em;
font-size: 1.111em;
text-transform: uppercase;
}
.button-double-arrow {
content: "\e986";
font-size: 0.85em;
}
.button-double-arrow::before {
font-weight: normal;
/*margin-left: 0.3em;*/
font-size: 0.92em;
}
.buttonContent {width:100%; margin-bottom: 20px;}
.buttonText, .button-double-arrow {float:initial;margin: 0;}
.product {font-size: 1.125rem; position:relative; margin-top: 90px; padding-bottom: 50px;}
.domain-lowerbox.mobile {
position: relative;
padding-top:21px;
height:132px;
background: #21314d;
}
#btn-domain-login-mobile {
width:344px;
margin:0 auto;
text-align: center;
padding:19px 0px;
}
#btn-domain-login-mobile .buttonText {
margin:0;
width:100%;
float: none;
Font-Size: 20px;
Font-Weight: 700
}
#btn-check .centerFixs {
margin-left: 22px !important;
}

.redButton {
background-color: #df002e;
color: #ffffff;
}
#btn-check-mobile {
width:344px;
margin:0 auto;
text-align: center;
margin-top:12px;
}
#btn-check-mobile .buttonText {
margin:0;
width:100%;
float: none;
font-size: 22px;
color: #828a9a;
}
#btn-check-mobile .button-double-arrow,
#btn-domain-login-mobile .button-double-arrow {
float: none;
bottom:1px;
}
#check-domain-popup-mobile,
#login-domain-popup-mobile {
position: absolute;
height:338px;
background-color:#21314d;
width:100%;
top:-185px;
}
#check-domain-popup-mobile {
height:274px;
top:-121px;
}
#login-domain-popup-mobile .domain-box-headline,
#check-domain-popup-mobile .domain-box-headline,
#login-domain-box-mobile .domain-box-headline {
margin-top: 21px;
margin-left: 15px;
margin-bottom:15px;
font-size: 24px;
color: #FFFFFF;
}
#check-domain-input-popup-mobile,
#domain-input-popup-mobile,
#pw-input-popup-mobile {
text-indent: 20px;
/*color: #828a9a; */
font-size: 18px;
border:none;
}
#domain-input-popup-mobile {
height:60px;
width:100%;
padding:0px;
display: block;
}
#check-domain-input-popup-mobile,
#pw-input-popup-mobile {
height:60px;
width:100%;
padding:0px;
display: block;
margin-top: 4px;
margin-bottom:21px;
}
.domain-pop-container {
position: relative;
display: block;
margin:0px 15px;
}
.domain-head-box .cross:after,
.domain-head-box .cross:before {
background-color: #84bc34;
}
#check-domain-popup-mobile .cross,
#login-domain-popup-mobile .cross {
position: absolute;
right:35px;
top:10px;
color: #84bc34;
}
#check-domain-popup-mobile .linkButton,
#login-domain-popup-mobile .linkButton {
margin-left:0;
margin-right:0;
margin-top:21px;
}
.domain-pop-container a {
color: #84bc34;
font-size: 16px;
}
.domain-head-box .buttonText {
font-weight: 400;
float: none;
margin:0;
}
.domain-head-box .button-double-arrow {
font-weight: 400;
float: none;
}
.domain-head-box .button-double-arrow:before {
bottom:1px;
}
#domain-layer {
display:none;
}
.checkmarkList {margin: 28px 20px 32px;}
/* bo Login Status */
.frn_login_status {z-index:50;display:none;margin:0 5px 0 1px;height:auto;font-family: "Roboto", Arial,Helvetica,sans-serif;position:absolute;left:2%;width:95%;background-color:#fff;top:388px;}
.loginStatusInner {padding:6%;position:relative;z-index:2;background:#fff;}
.loginStatusInner:before {content: "";left: 22px;top: 29px;position: absolute;font-size: 8.5em;font-family: fn-icons;color: #f8cd43;width:28px;height: 28px;overflow: hidden;}
.frn_login_status:after {content: " ";
height: 31px; width: 31px;
position: absolute; z-index: 1; right: auto;left:30px;top: -15px;transform: rotate(45deg);
-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -ms-transform: rotate(45deg); -sand-transform: rotate(45deg);
background:#fff;}
.frn_login_status a {text-decoration:underline;color:#333 !important;}
.frn_login_status h3 {margin:0px 0px 10px;padding-left:38px;padding-top:5px;font-size:1.5rem;font-weight:bold;}
.frn_login_status_text {font-size:11px;line-height:1.3;font-size:1.17rem;}
/* eo Login Status */
.price {font-weight: 700; position: relative; display: inline-block; top: -1.6em; left: -2em; font-size: 20px; width: 0px;}
.note {
font-size: 10px;
position: absolute; top: -8px; left: 139px;
}
.sign {
font-size: 1.5em;
position: absolute; top: 1.135em; left: 1.838em;
}
.cent {
font-size: 1.5em;
position: absolute; top: 0.3333em; left: 1.4em;
}
.euro {
font-size: 3.2em;
position: absolute;
}
.productbody {
background-color: rgba(255, 255, 255, 0.5);
color: #333333;
padding: 13px 10px 20px;
position: relative;
max-width: 550px;
margin: 0 auto;
}
.producthead {max-width: 550px;
margin: 0 auto;
background-color: #f2f2f2;
padding: 95px 10px 0;
text-align: center;
font-size: 1.333em;
font-weight: 600;
text-transform: uppercase;
}
.hosting-icon {width:140px; height:140px; margin: 0 auto;
position: absolute;
left: calc(50% - 70px); top: -70px;
}
.product .checkmarkList li {
margin-bottom: 9px; 
}
.basic_features {border-top: solid 1px #ccc}
.basic_features .featureBoxs:first-child { margin-right: 0; }
.basic_features .featureBoxs { height: 245px; }
.basic_features .box-icon {
width: 75px;
height: 75px;
float: left;
margin-left: 20px;
margin-right: 25px;
}
.basic_features .text-wrapper { width: 240px; }
.basic_features .featureBoxs { cursor: auto; }
/* tariff details information */
.tariffInformationen {
display: none;
}
.tariff_features {
display: none;
​ }
.tariff_features {
border-top: solid 1px #ccc;
background-color: #f7f7f7;
background-image: url("");
}
.tariff_features .headline {
padding-top: 80px;
font-size: 39px;
width: 100%;
text-align: center;
}
.tariff_features .contentWrapper {
max-width: 1240px;
padding-bottom: 46px;
}
.accordion {
background-color: #fff;
color: #21314d;
cursor: pointer;
padding: 18px;
width: 100%;
height: auto;
border: none;
text-align: left;
outline: none;
font-size: 18px;
transition: 0.4s;
margin-bottom: 4px;
font-weight: bold;
}
.accordion {
background-color: #fff;
color: #21314d;
cursor: pointer;
padding: 18px;
width: 100%;
height: auto;
border: none;
text-align: left;
outline: none;
font-size: 18px;
transition: 0.4s;
margin-bottom: 4px;
font-weight: bold;
}

 .unfolded {
background-color: rgb(33, 49, 77);
color: white;

} 

.unfolded::before {
content: "";

transform: rotate(90deg);
}
.active {
background-color: #21314d;
color: white;

overflow: visible;
}
.accordion::before {
content: '';
color: #777;
font-weight: bold;
float: left;
margin-right: 8px;

margin-top: 3px;
background-size: 100%;

 background-image: url("//blob.freent.de/contentblob/7412074/1/data/open.svg");

width: 8px;

    height: 14px;

   background-repeat: no-repeat;
}
.active::before {
content: "";

transform: rotate(90deg);
}
.panel {
padding: 0 18px;
background-color: #f7f7f7;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.panelData {
border-collapse: collapse;
width: 100%;
float: right;
height: auto;
}
.tariffTitel {
width: 100%;
}
.panelData td {
border-bottom: 1px solid #dddddd;
padding: 12px;
}
.column0 {
width: 24%;
border-right: 1px solid #ddd;
}
.column1 {
width: 18%;
text-align: center;
position: relative;
}
.column2 {
width: 18%;
text-align: center;
position: relative;
}
.column3 {
width: 18%;
text-align: center;
position: relative;
}
.column4 {
width: 18%;
text-align: center;
position: relative;
}
.tariffTitel .noborder {
border: none;
background-color: #f7f7f7;
width: 25%;
}
.tariffPackage {
background-color: white;
height: 87px;
}

.tariffPackageBest {
background-color: #21314d;
color: #ffffff;
height: 87px;
}
.alignFix {
transform: translateX(+6px);
}
.infoHeading {
text-align: center;
margin: 50px 0 30px 0px;
}

.backWhite {
background-color: white;
height: 210px;
vertical-align: top;
}
.backBlue {
background-color: #21314d;
color: #ffffff;
height: 210px;
vertical-align: top;
}
.tarifPrice {
font-weight:600;
font-size:16px;
}
.tarifPrice .centerFix {

left: -3.9em !important;


}
.tariff {
width: 82%;

margin: 0 auto;
border-bottom: 3px solid #21314d;
padding: 1.33rem 0px 1.33rem 0px;
margin-bottom: 1.33rem;
}

.tariffBlue {
width: 82%;

margin: 0 auto;
border-bottom: 3px solid #ffffff;
padding: 1.33rem 0px 1.33rem 0px;
margin-bottom: 1.33rem;
}
.tarifPrice .prices {
font-weight: 800;
position: relative;
display: inline-block;
top: -2em;
 left: -2.6em; 
}
.tarifPrice .euros {
font-size: 4em;
position: absolute;
}
.tarifPrice .cents {
font-size: 2.0em;
position: absolute;
top: 0.3333em;
left: 1.4em;
}
.tarifPrice .signs {
font-size: 2.056em;
position: absolute;
top: 1.135em;
left: 1.838em;
}
.tarifPrice .centsFix {
font-size: 2em;
position: absolute;
left: 2.7em;
}
.tarifPrice .signsFix {
font-size: 2.056em;
position: absolute;
top: 1.135em;
left: 3.138em;
}
.tarifBottom {
margin-top: -0.2rem;
width: 101%;
padding: 0 1px;
margin-left: -2px;
}
.tarifGreen {
display: inline-block;
padding: 0.86em;
box-sizing: border-box;
width: 100%;

text-decoration:none;
font-size: 1 rem;
font-weight: 700;
color: #FFFFFF;
background-color: #84bc34;
text-transform: uppercase;

    text-align: center;
position: relative;
}
 .tarifGreen:hover {
    background-color: #76aa2c;
} 
.tarifRed {
display: inline-block;
padding: 0.86em;
box-sizing: border-box;
width: 100%;

text-decoration:none;
font-size: 1 rem;
font-weight: 700;
color: #FFFFFF;
background-color: #df002e;
text-transform: uppercase;

    text-align: center;
position: relative;
}
 .tarifRed:hover {
    background-color: #cf001c;
} 
.jaCheckGreen:before {
content: "\e98a";
font-family: "mail-icons";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 50%;
height: 50%;
color: #85BB32;
font-size: 1.111em;
}
.prod1 {margin-top: 40px;}
/* new added */
 .tooltip {
position: relative;
display: inline-block;
float: right;
width: 18px;
height: 18px;
margin-top: 2px;
 background-image: url("//blob.freent.de/contentblob/7460470/1/data/iconhelp.svg"); 
background-repeat: no-repeat;
display: flex;
align-items: center;

}
.tooltip .tooltiptext {
visibility: hidden;
height: auto;
width: 295px;
border-radius: 0px;
padding: 12px 20px;
margin-left: 35px;
color: rgb(255, 255, 255);

font-size: 14px;
font-weight: 600;
background: rgb(33, 49, 77);
position: absolute;
z-index: 1;
text-align: left;
}

/* mozilla firefox browser fix */
@-moz-document url-prefix() {
.accordion::before { margin-top: 6px; }
}

.tooltip .tooltiptext::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
margin-left: -24px;
border-width: 12px;
border-style: solid;
border-color: rgb(33, 49, 77) transparent transparent transparent;
transform: rotate(90deg);
height: 0px;
}

    .tooltip:hover .tooltiptext {
visibility: visible;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
        @keyframes fadeIn {
from {opacity: 0;}
to {opacity:1 ;}
}
/* tarif */
.outer-div
{
max-width: 120rem;
background: rgb(255, 255, 255);
border-radius: 0px;
min-height: 3374px;
margin-top: 80px;
}
.inner-div
{
margin: 0 auto;
max-width: 77.5rem;
height: 100%;

}
.ihrenTariff {
color: rgb(33, 49, 77);
font-size: 39px;
height: 53px;
line-height: 53px;
text-align: center;
width: 100%;
margin-bottom: 6.625rem;
box-sizing: border-box;
}
.tarifContentSection {
max-width: 100%;
height: auto;
box-sizing: border-box;
}
.tarifW {
width: 99%;
float: left;
background: rgb(235, 235, 235);
box-sizing: border-box;
margin-right: 4px;
height: auto;
margin-top: 70px;
display: block;
}
.tarifS {
width: 99%;
float: left;
background: #21314d;
color: #ffffff;
box-sizing: border-box;
margin-right: 4px;
height: auto;
margin-top: 70px;
display: block;
}
.tarifM {
width: 99%;
float: left;
background: rgb(235, 235, 235);
box-sizing: border-box;
margin-right: 4px;
height: auto;
margin-top: 70px;
display: block;
}
.tarifL {
width: 99%;
float: left;
background: rgb(235, 235, 235);
box-sizing: border-box;
margin-right: 4px;
height: auto;
margin-top: 70px;
display: block;
}
.tarifXL {
width: 99%;
float: left;
background: rgb(235, 235, 235);
box-sizing: border-box;
height: auto;
margin-top: 70px;
display: block;
}
.iconTariff {
height: 133px;
max-width: 133px;
margin: 20px auto 0;
}
.hosting-icons {
width: 100%;
height: 100%;
}
.topspace{
background-color:#ffffff;
color:#ffffff;
font-size:20px;
font-weight:700;
height:20px;
text-align: center;
padding-top: 20px;
}

.tarifS .topspace{
background-color:#21314d;
}
.iconname {
color: rgb(33, 49, 77);

font-size: 48px;
font-weight: bold;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.web {
color: rgb(33, 49, 77);
font-size: 20px;
font-weight: bold;
height: 45px;
text-align: center;
text-transform: uppercase;
margin: 15px auto 0;
}
.tarifS .web {
color:#ffffff;
}


.web .w {
max-width: 61px;
}
.web .s {
max-width: 61px;
}
.web .m {
max-width: 69px;
}
.web .l {
max-width: 61px;
}
.web .xl {
max-width: 74px;
}
.priceTarif {
height: 116px;
max-width: 267px;
margin: 0 auto;
position: relative;
margin-top: 20px;
margin-bottom: 28px;
border-top: 2px solid rgb(33, 49, 77);
border-bottom: 1px solid rgb(33, 49, 77);
}
.tarifS .priceTarif {
border-top: 2px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
.tarifPrice .pricess {
font-weight: 700;
position: relative;
display: inline-block;
top: -2.3em;
 left: -3.9em; 
}
.priceTag {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tariffContent {
max-width: 267px;
height: auto;
background: rgb(235, 235, 235);
margin: 0 auto;
}
.tarifS .tariffContent {
background: #21314d;
}
.checkd {
height: auto;
}
.productsubs {
text-align: center;
    padding: 1em 0;
height: 5.5em;
font-size:16px;
font-weight:600;

}
/* just for smooth scrolling of anchor tag */
 html {scroll-behavior:smooth}