@media screen and (min-width: 320px) {
.backgroundWhite {
float: left;
height: 300px;
width: 550px;
font-size: 16px;
background: rgba(255,255,255,.85);
/* background: transparent; */
padding: 0px 40px 0 15px;
}}
@media screen and (min-width: 360px) {
    .basic_features .text-wrapper { width: 210px; }
.domain-head-box .headerContentWrapper {
height: 280px;
width: 477px;
margin: 0 auto;
padding-top: 21px;
padding-bottom: 10px;
position: relative;
/* background: white; */
background: rgba(255,255,255,.85);
}
}
@media screen and (min-width: 430px) {
.basic_features .featureBoxs:first-child { margin-right: 4px; }
.basic_features .text-wrapper { width: 365px; }
.outer-div {min-height: 1887px;}
    .tariffContent li:before {top: 0px;}
.tarifW {width: 49%; margin-top: 20px; margin-right: 4px; display: block;
}
.tarifS {width: 49%; margin-top: 20px; margin-right: 4px; display: block;
}
.tarifM { width: 49%; margin-top: 20px; margin-right: 4px; display: block;
}
.tarifL { width: 49%; margin-top: 70px; font-size: 16px; margin-right: 4px; display: block;
}
.tarifXL { width: 49%; margin-top: 70px; font-size: 16px; margin-right: 4px; display: block;
}
}
@media screen and (min-width: 460px) {
    #footerContentWrapper { height: 86px; }
.producthead {padding-left:50px; padding-right: 50px;}
.productbody {padding-left:50px; padding-right: 50px;}
.outer-div
{
min-height: 1770px;
}
.backgroundWhite {
float: left;
height: 300px;
width: 550px;
font-size: 22px;
/* background: rgba(255,255,255,.85); */
background: transparent;
padding: 0px 40px 0 15px;
}
}
@media screen and (min-width: 680px) {
    .basic_features .text-wrapper { width: 202px; }
    .panel {
padding: 0 18px;
font-size: 1rem;
-ms-word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.panelData td {
padding: 8px;
}
.tariffInformationen {
display: block;
}
.tariff_features {
display: block;
}
}
@media screen and (min-width: 768px) {
    /******DOMAIN*******/
/***********DOMAIN****************/
.frn_login_status {top:auto;bottom:110px;left:18px;width: 480px;}
.frn_login_status:after { top: auto;bottom: -16px;left: 60px;}
.loginStatusInner:before {left: 29px;top: 37px;}
    .basic_features .text-wrapper { width: 220px; }
.basic_features .featureBoxs { height: 220px; }
.basic_features .box-icon { display: block; }
    .domain-head-box .headerContentWrapper {
height: 280px;
width: initial;
margin: initial;
padding-top: initial;
}
.domain-head-box .headerContentWrapper {
        background: transparent;
}
.backgroundWhite {
float: left;
height: 500px;
/* width: 568px; */
width: 359px;
font-size: 22px;
background: rgba(255,255,255,.85);
padding: 0px 40px 0 0px;
}
.domain-header-pic {
background-position-x: -665px;
}
    .domain-lowerbox {
height: 168px;
width: 100%;
bottom: 0;
position: absolute;
z-index: 2;
}
    .domain-box-headline {
color: #FFFFFF;
font-size: 24px;
height: 33px;
width: 360px;
margin-bottom: 15px;
}
    .domain-box-headline a {
color: #84BC34;
font-size: 16px;
height: 22px;
line-height: 22px;
width: 143px;
margin-left: 20px;
}
    .domain-head-box .box-text {
color: #21314d;
font-size: 18px;
line-height: 24px;
width: 350px;
margin-left: 40px;
}
    .domain-head-box .headline {
color: #21314d;
font-size: 32px;
line-height: 38px;
height: 38px;
margin-left: 40px;
padding-top: 40px;
}



.domain-head-box .domain-head-content-wrapper {
position: relative;
width: 768px;
margin: 0 auto;
}
    .domain-head-box .bluebg {
width: 100%;
height: 168px;
position: absolute;
bottom: 0;
background: rgba(33, 49, 77, 0.9);
z-index: 1;
}
    .domain-head-box .frn_contInlett {
position: relative;
}
    #wish-domain-box-tablet {
float: left;
padding-top: 30px;
margin-left: 20px;
}
    #login-domain-box-tablet {
float: right;
padding-top: 30px;
margin-right: 20px;
}
    .domain-head-box .linkButton {
margin: 0;
}
    .domain-head-box .headerContentWrapper {
height: 468px;
}
    .introductionLinkContainer {
margin-left: 40px;
}
    .checkmarkList li {
margin-bottom: 14px;
font-size: 18px;
}
.checkmarkList li::before {top:0;}
    #btn-domain-login {
height: 26px;
width: 140px;
float: left;
padding: 17px 0;
margin-left: 0px;
}
    #btn-check-domain-login-popup {
float: left;
padding: 19px 29px 21px 29px;
}
    #check-domain-input-popup {
width: 560px;
margin-left: 20px;
}
    #btn-check {
height: 26px;
width: 140px;
float: left;
padding: 17px 0;
margin-left: 0px;
}
    #btn-domain-login .buttonText,
#btn-check .buttonText {
margin-left: 20px;
}
    #btn-domain-login .button-double-arrow,
#btn-check .button-double-arrow {
margin-right: 20px;
margin-top: 3px;
}
    .domain-head-box .headlineBox {
width: 500px;
}
    .domain-head-box input {
text-indent: 20px;
font-size: 18px;
        border: none;
}
    #btn-domain-login-tablet,
#btn-check-tablet {
width: 353px;
padding-top: 17px;
padding-bottom: 23px;
height: 20px;
font-size: 20px;
font-weight: 700;
text-align: center;
cursor: pointer;
}
    #btn-domain-login-tablet .buttonText,
#btn-check-tablet .buttonText {
float: none;
margin: 0;
font-weight: 700;
}
    #btn-domain-login-tablet .button-double-arrow,
#btn-check-tablet .button-double-arrow {
float: none;
}
    #check-domain-popup,
#login-domain-popup {
position: absolute;
width: 100%;
background-color: #21314d;
height: 150px;
top: 18px;
}
    #domain-input-popup {
margin-left: 20px;
margin-right: 4px;
width: 278px;
}
    #pw-input-popup {
width: 278px;
}
    #check-domain-popup .domain-box-headline {
width: 440px;
}
    #check-domain-popup .domain-box-headline,
#login-domain-popup .domain-box-headline {
padding-left: 20px;
margin-top: 21px;
}
    #check-domain-popup input,
#login-domain-popup input {
padding: 0;
height: 60px;
float: left;
}
    #btn-domain-login-popup {
float: left;
width: 167px;
padding: 18px 0px 22px 0;
text-align: center;
}
    #btn-domain-login-popup .buttonText {
float: none;
margin: 0;
}
    #btn-domain-login-popup .button-double-arrow {
float: none;
}
    #check-domain-popup .cross,
#login-domain-popup .cross {
position: absolute;
top: 22px;
right: 44px;
width: 20px;
height: 20px;
}
    #check-domain-popup .cross:before,
#check-domain-popup .cross:after,
#login-domain-popup .cross:before,
#login-domain-popup .cross:after {
background-color: #84bc34;
top: 10px;
left: 0px;
}
    #domain-layer {
display: block;
width: 500px;
position: absolute;
z-index: 100;
text-align: center;
background: #FFFFFF;
padding: 40px;
top: 50%;
margin-top: -85px;
left: 50%;
margin-left: -250px;
border: 1px solid #CCCCCC;
}
    #btn-layer-ok {
width: 90px;
margin: 0 auto;
padding: 17px 0 23px 0;
margin-top: 30px;
}
    #btn-layer-ok .buttonText {
pointer-events: none;
}
    #domain-layer {
border: 1px solid #CCCCCC;
}
.outer-div
{
min-height: 1561px;
}
}
@media screen and (min-width: 1024px) {
    .contentWrapper { padding: 0 30px; }
    .basic_features .text-wrapper { width: 350px; }
    .basic_features .featureBoxs {
height: 134px; width: 618px;
}


}
@media screen and (min-width: 1280px) {
    /***********DOMAIN****************/
.frn_login_status {top:400px;bottom:auto;left:94px;}
.frn_login_status:after { top: 82px;bottom:auto;left: auto;right: -15px;}
.domain-lowerbox {
height:168px;
width:100%;
bottom: 0;
position: absolute;
z-index: 2;
}
.backgroundWhite {
float: left;
height: 557px;
width: 524px;
font-size: 22px;
background: rgba(255,255,255,.85);
padding: 0px 40px 0 0px;
}
.domain-box-headline {
color: #FFFFFF;
font-size: 24px;
height:33px;
width:360px;
margin-bottom:15px;
}
.domain-box-headline a {
color: #84BC34;
font-size: 16px;
height: 22px;
line-height: 22px;
width: 143px;
margin-left:20px;
}
.domain-head-box .box-text {
color: #21314d;
font-size: 22px;
line-height: 29px;
width:480px;
margin-left:43px;
}
.introductionLinkContainer {
width:480px; margin-left: 43px;
}
    .domain-head-box .headline {
color: #21314d;
font-size:48px;
line-height: 54px;
height:54px;
margin-left:43px;
padding-top:80px;
width: 100%;
}
    #domain-input {
background: #FFFFFF;
height:58px;
width:247px;
float: left;
margin-right: 4px;
}
#wish-domain-input {
background: #FFFFFF;
height:58px;
width:336px;
float: left;
}
#pw-input {
background: #FFFFFF;
height:58px;
width:247px;
float: left;
}
.domain-head-box .domain-head-content-wrapper {
position: relative;
width:1240px;
margin:0 auto;
}
.domain-head-box .bluebg {
width:100%;
height:168px;
position: absolute;
bottom:0;
background: rgba(33, 49, 77, 0.9);
z-index: 1;
}
.domain-head-box .frn_contInlett {
position: relative;
}
#wish-domain-box {
float: left;
padding-top:30px;
margin-left:43px;
}
#login-domain-box {
float: right;
padding-top:30px;
}
    .domain-head-box .headerContentWrapper {
height:557px;
}
    .checkmarkList li::before {fonte-size:0.9em; top:0}
    #btn-domain-login {
height:26px;
width:140px;
float: left;
padding:17px 0;
margin-left:0px;
}
#btn-check {
height:26px;
width:140px;
float: left;
padding:17px 0;
margin-left:0px;
}
#btn-domain-login .buttonText,
#btn-check .buttonText {
margin-left:30px;
font-weight: 700;
float: left;
}
#btn-domain-login .button-double-arrow,
#btn-check .button-double-arrow {
margin-right:auto;
margin-top:3px;
/* float: right; */
}
.domain-head-box .headlineBox {
width:500px;
}
.domain-head-box input {
text-indent: 20px;
font-size: 18px;
        border:none;
}
.domain-header-pic { background-position-x: 0px; }
.basic_features .box-icon {
width: 112px;
height: 112px;
margin-left: 32px;
margin-right: 38px;
}
.basic_features .text-wrapper { width: 362px; }
.tarifW {
width: 24.5%;
margin-top: 0px;
display: block;

}
.tarifS {
width: 24.5%;
margin-top: 0px;
display: block;
}
.tarifM {
width: 24.5%;
margin-top: 0px;
display: block;
}
.tarifL {
width: 24.5%;
margin-top: 0px;
display: block;
}
.tarifXL {
width: 24.5%;
margin-top: 0px;
        display: block;
}
.outer-div
{
min-height: 975px;
}
}


@media screen and (min-width: 1920px) {
.domain-header-pic {
background-size: cover;
    }
}