@media screen and (max-width: 639px) {
    /* hide full link on mobile */
    .tableCompare .itemThird .linkDetails.linkProduktinformationsblatt {
        display: none;
    }

    /* show small link on mobile */
    .tableCompare .itemThird .linkDetails.linkProduktinformations {
        display: inline;
    }

    /* fix for to large table on small mobile */
    .tableCompare td {
        padding: 5px;
    }

    /* fix for to large table on small mobile */
    .tableCompare .costsSavings {
        min-width: 95px;
    }

    /* fix for to large table on small mobile */
    .buttonDefaultSmall, .buttonAlternativeSmall {
        padding: 0.5em 2em 0.5em 1em;
    }

    /* fix for to large table on small mobile */
    .linkAvailability {
        width: 78px;
        font: bold 10px arial;
    }

    .ribbonTipp {
        left: -10px;
		top: -5px;
    }

    .wrapper,
    .brandingFooter {
        margin: 0;
    }

    .boxServiceDeal > div {
        width: 100%;
    }

    .boxBreadcrumb {
        width: 100% !important;
        margin-bottom: 1em;
    }

    /* Index */
    .flexWrap {
        display: none;
    }

    .boxCompareCriteria ul {
        width: 100%;
        float: none;
        margin-top: 1em;
    }

    .titleSubNews a {
        display: block;
    }

    .regionMap {
        text-align: center;
    }

    .imageInformation {
        display: none;
    }

    /* deal */
    .boxDealMonthPrice .tooltip {
        left: -27em;
        top: 30px;
        width: 32em;
    }

    .boxSelectedTariff .tooltip {
        width: 260px;
    }

    .tableCosts .amount strong {
        display: block;
    }

    /* sibebar */
    .boxSidebarMenu {
        display: none;
        font-size: 14px;
        width: 100%;
    }

    /* index Teaser */
    .wrapperTeaserCompare {
        height: auto;
        overflow: hidden;
        border: 1px solid #bccee2;
        padding: 1em 0;
        background: #e6f2fe;
        background: linear-gradient(top, #fff, #e0efff);
        background: -webkit-linear-gradient(top, #fff, #e0efff);
    }

    .boxTeaserCompare {
        background: none;
        border: none;
        padding: 0;
        margin: 0 auto;
        width: 90%;
    }

    .boxTeaserCompare .tabBox {
        border: medium none;
    }

    .indexLanding2 .boxTeaserCompare .seal,
    .boxTeaserCompare .tabMenue,
    .boxTeaserCompare .listAdvantages,
    .boxTeaserCompare .badgeTeaser {
        display: none;
    }

    .boxTeaserCompare .tariffCompare {
        font-size: 1.4em;
        color: #2a4d8f;
    }

    .boxTeaserCompare .cornerTeaserCompareRight,
    .boxTeaserCompare .cornerTeaserCompareLeft {
        display: none;
    }

    .boxTeaserCompare .tabBox form > div {
        margin-bottom: 1em;
    }

    .boxTeaserCompare .tabBox hr {
        display: none;
    }

    .boxTeaserCompare .tabBox .itemSwitcher {
        float: left;
        margin-right: 0.75em;
    }

    .boxTeaserCompare input[type="text"],
    .boxTeaserCompare input[type="date"],
    .boxTeaserCompare select {
        height: 3em;
        width: 80% !important;
    }

    .boxTeaserCompare label {
        display: block;
    }

    .boxTeaserCompare .slidingButton {
        margin-left: 50%;
        margin-top: 1em;
    }

    .boxTeaserCompare .fixCB {
        margin: 1.4em 0 0;
    }

    .boxTeaserCompare .seal {
        height: 70px;
        margin: -40px 0 0 0;
        position: relative;
        width: 70px;
        z-index: 1;
    }

    .boxTeaserCompare .tabBox > div {
        padding: 0;
    }

    /* search form */
    .boxCompare .titleDefault h1 {
        display: block;
    }

    .hintZipcode {
        margin-left: 0;
    }

    .listCompareFilter,
    .listCompareFilterRight {
        width: 100%;
    }

    .mobile:not(.whitelabel) .listCompareFilter {
        min-height: auto;
    }

    .indexCompare .listCompareFilter + .seals {
        display: none;
    }

    .listCompareFilterRight .seals {
        bottom: -12px;
        display: block;
        height: 67px;
        left: 38px;
        margin-right: 10px;
        position: absolute;
        width: 114px;
    }

    .listCompareFilterRight .seals .seal-widget {
        transform: scale(.45);
    }

    .wrapperSpeedSlider .slider,
    .wrapperSpeedSlider .sliderDesc {
        display: none;
    }

    .selectSpeed {
        display: inline-block;
    }

    .wrapperSpeedSlider {
        margin-top: 2%;
        text-align: left;
    }

    .wrapperSpeedSlider > label {
        display: inline-block;
        text-align: right;
        margin-right: 4px;
        width: 30%;
    }

    .wrapperSpeedSlider > select {
        margin-left: 2%;
        width: 55%;
    }

    .wrapperSpeedSlider > select.selectSpeed {
        display: inline-block !important;
    }

    /* table compare */
    .tableCompare .disabledTariff .itemFourth,
    .tableCompare .itemFifth,
    .icoHotlineInfo,
    .tableCompare .itemThird .period {
        display: none
    }

    .tableCompare .disabledTariff .itemFifth {
        display: table-cell
    }

    .tableCompare .itemThird .linkDetails {
        display: block;
    }

    /* Contentseiten */
    .boxSmallPrint {
        color: #888;
        margin: 10px 0;
    }

    .boxSEO .alignleft {
        height: auto;
        max-width: 50%;
    }

    .boxSEO .aligncenter {
        height: auto;
        max-width: 100%;
    }

    /* form data step confirm */
    .boxMicroTeaser > .unit {
        margin: 5px 0;
        width: 100%;
    }

    .boxMicroTeaser > .unit > .boxDefault {
        margin-left: 0;
        margin-right: 0;
    }

    /* tabs */
    .tariffDetails .tabMenue li a {
        display: block;
        border-left-width: 1px
    }

    .tariffDetails .tarifInfo .line {
        text-align: center;
    }

    .tariffDetails .tarifInfo .line * {
        float: none;
    }

    .tariffDetails .tarifInfo .size1of3 {
        margin: 0 0 0.5em;
        padding: 0;
        width: 50%;
    }

    .tariffDetails .tarifInfo .size1of3:nth-child(1) {
        float: left;
    }

    .tariffDetails .tarifInfo .size1of3:nth-child(2),
    .tariffDetails .tarifInfo .size1of3:nth-child(3),
    .tariffDetails .tarifInfo .size2of3 {
        float: right;
    }

    .topOfferBox li {
        width: 50% !important
    }

    .topOfferBox li:nth-child(3),
    .topOfferBox li:nth-child(4) {
        display: none
    }

    .boxTeaserCompare .icoError,
    .boxTeaserCompare .icoWarning,
    .boxTeaserCompare .icoSuccess {
        height: 36px;
    }

    .ekomi-widget-wrapper {
        margin: 0;
    }

    .boxTeaserCompare .seals {
        bottom: -20px;
        left: calc(20% - 57px);
    }

    .boxTeaserCompare .seals .seal-widget {
        transform: scale(.45);
    }
	
    .tableCompare tr:not(.tableSpacer) td {
		border-bottom: 0;
	}
	
	.tableCompare .tableSpacer {
		display: table-row;
	}
	
	.tableCompare {
		border-collapse: collapse;
	}
	
	.tableCompare .tableCompareRow {
		border-top: 1px solid #d6d6d6;
	}
	
	.tableCompare.tableCompareLanding + .paginationDefault {
		border: 1px solid #d6d6d6;
		border-left: none;
		border-right: none;
	}
	
	.tableCompare .itemSixth {
		padding-top: 48px;
	}
}

@media screen and (max-width: 399px) {
    /* hide full link on mobile */
    .tableCompare .itemThird .linkDetails.linkProduktinformationsblatt {
        display: none;
    }

    /* show small link on mobile */
    .tableCompare .itemThird .linkDetails.linkProduktinformations {
        display: inline;
    }

    .tooltipTariffDetails {
        width: 280px;
    }
	
	.tableCompare .downloadSpeedMobile {
		display: block;
	}

    .providerName,
    .tableCompare .logoProvider {
        font-size: 0.75em;
    }

    .tableCompare .logoProvider {
        max-width: 100%;
    }

    /*** Deal ***/
    .boxDealMonth .testimonial {
        display: none;
    }

    .boxDealMonth .content {
        background: linear-gradient(top, #a9aaa9 0%, #e0e2e1 1%, #fff 2%, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: -webkit-linear-gradient(top, #a9aaa9 0%, #e0e2e1 1%, #fff 2%, #fff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        padding: 5%;
        height: auto;
    }

    .boxDealMonthPrice .tooltip {
        left: -20em;
        top: 30px;
        width: 26em;
    }

    .boxDealDetails {
        background: linear-gradient(top, #e2effe, #d6e9fe) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: -webkit-linear-gradient(top, #e2effe, #d6e9fe) repeat scroll 0 0 rgba(0, 0, 0, 0);
        bottom: 0;
        box-shadow: none;
        height: 90%;
        padding: 5%;
        position: relative;
        right: 0;
        width: 90%;
    }

    .boxDealDetails .listDealDetails {
        font-size: 1.2em;
    }

    .boxDealDetails .listDealDetails > li {
        margin-bottom: 0.4em;
    }

    .boxDealDetails .listDealDetails .ico {
        width: 5%;
    }

    .boxDealDetails .listDealDetails .listPoint {
        width: 95%;
    }

    .boxDealDetails .boxDealMonthPrice {
        margin-left: 10%;
    }

    .boxDealDetails .listDealDetails .icoInfo {
        display: none;
    }

    .boxDealDetails .listDealDetails .ico + span {
        white-space: normal;
    }

    .boxDealMonth .dealCountDown {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .boxDealMonth .bottom {
        text-align: center;
    }

    .boxDealMonth .bottom .buttonAlternative {
        float: none;
    }

    /* Contentseiten */
    .providerInfo {
        float: none;
        margin: 0 0 10px;
    }

    .providerInfo .providerLogo,
    .providerInfo .addressInfo {
        display: inline-block;
    }

    .seoNews .size1of2,
    .boxCountry,
    .boxState {
        width: 100%;
    }

    .boxMiniTeaser {
        margin: 0;
    }

    .boxMiniTeaser .titleThirdLevel {
        margin: 0;
    }

    .boxMiniTeaser .badgeMediumTeaser,
    .boxMiniTeaser .teaserProviderGirl,
    .boxMiniTeaser hr {
        display: none;
    }

    .boxMiniTeaser form > div {
        margin-bottom: 1em;
    }

    .boxMiniTeaser .itemSwitcher {
        display: inline-block;
        margin-right: 1em;
    }

    .boxMiniTeaser .formTeaserProvider {
        width: 100%
    }

    .boxMiniTeaser .buttonAlternative {
        font-size: 18px;
        margin-left: unset;
    }

    .boxAvailabilityModalSplit {
        max-width: 650px;
    }

    /* results */
    .boxAvailability .formAvailability,
    .boxAvailabilityModalSplit .size1of2,
    .boxAvailability .size1of2 {
        width: 100%;
        min-height: 0;
    }

    .boxAvailabilityModalSplit .boxInsideModalInfo .logoProvider,
    .boxAvailability .boxInsideModalInfo .logoProvider {
        max-width: 95%;
        max-height: 6em;
    }

    .boxAvailabilityModalSplit .boxInsideModalInfo,
    .boxAvailability .boxInsideModalInfo {
        text-align: center;
    }

    .boxAvailabilityModalSplit .formHint,
    .boxAvailability .formHint {
        padding: 15px 10px 10px 20px;
    }

    .formCompare .icoInfo {
        display: none;
    }

    .landing4 .wrapperSpeedSlider > label {
        margin-right: 0;
    }

    .placeHolderCompareBox,
    .tableCompare .itemFirst {
        display: none !important;
    }

    .boxHintSsl {
        display: none
    }

    .topOfferBox li {
        display: none
    }

    .tariffDetails .tarifInfo .size1of3,
    .tariffDetails .tarifInfo .size2of3 {
        box-sizing: border-box;
        padding-right: 1em;
        width: 100%;
    }

    .tariffDetails .tooltipTariffDetails {
        width: 240px;
    }
	
	.tableCompare .itemFourth {
        display: none;
    }
}

@media screen and (max-width: 959px) {
    .wrapper {
        overflow-x: hidden;
    }

    .boxContent {
        width: 100%;
    }

    .boxNewsItem,
    .boxInformationItem,
    .regionalProviderList .boxCompareCriteria {
        padding: 1em;
    }

    /* forms */
    .listFormDefault .label {
        text-align: left;
        display: block;
    }

    .listFormDefault input[type="text"],
    .listFormDefault input[type="date"],
    .listFormDefault select {
        width: 90%;
        margin-bottom: 5px;
        margin-top: 5px;
        height: 30px;
        -webkit-appearance: none;
    }

    .icoError, .icoWarning, .icoSuccess {
        width: 25px;
        height: 30px;
    }

    .boxFormTeaser .formAvailability input[type="text"],
    .boxFormTeaser .formAvailability .formDefault select {
        height: 30px;
    }

    .icoError {
        background-position: center -60px;
    }

    .boxTeaserCompare .icoError,
    .boxMiniTeaser .icoError {
        background-position: center -62px;
        height: 24px;
    }

    .icoWarning {
        background-position: center -31px;
    }

    .dataStep1 input[name="houseNumber"],
    .dataStep1 input[name="deliveryHouseNumber"],
    .dataStep1 input[name="ibanHouseNumber"],
    .dataStep1 input[name="callPrimary"],
    .dataStep1 select[name="birthDateMonth"],
    .dataStep1 select[name="birthDateDay"],
    .dataStep1 select[name="birthDateYear"] {
        width: 30%;
    }

    .dataStep1 input[type="text"] + input[type="text"],
    .dataStep1 input[type="text"] + select,
    .dataStep1 select + select {
        margin-left: 0;
    }

    .fieldNotIdentical {
        margin-left: 0;
    }

    .buttonBack {
        margin-left: 20px;
        margin-top: 5px;
    }

    .setDataStepEnd > .lineSpace {
        padding: 10px;
    }

    .setDataStepEnd .unitSpace {
        width: 30%
    }

    .buttonForward {
        margin-right: 15px;
    }

    /* deal */
    .listDealDetails .tooltip {
        left: auto;
        right: 0;
        top: 2em;
    }

    /* sidebar */
    .boxSidebarRight {
        display: none;
    }

    .wrapperFeature {
        width: auto
    }

    /* wrapper compare */
    .boxCompare,
    .boxDataStep {
        width: 100%;
    }

    .compareDetailsBar,
    .compareBox {
        display: none;
    }

    /* Results */
    .tableCompare .itemSecond .tooltip {
        left: 0;
        top: 40px;
		width: fit-content;
    }

    /* list of steps */
    .stepBoxAlternative {
        display: none
    }

    .tabMenueAlternate li, .tabMenueAlternate li label a {
        display: block
    }

    .listFormDefault .label {
        width: 100%;
    }

    .listFormDefault .label ~ label + label,
    .listFormDefault .label ~ span label + label {
        display: block;
    }

    .listFormDefault .label ~ label + label > input[type="radio"],
    .listFormDefault .label ~ span label + label > input[type="radio"],
    .listFormDefault .label ~ label + label > input[type="checkbox"],
    .listFormDefault .label ~ span label + label > input[type="checkbox"] {
        margin-left: 0;
    }

    /* accordion step1 */
    .descriptionProduct {
        margin-left: 22px;
    }

    .accordionContent .hasRowLight .unitSpace {
        float: none;
        width: 90%;
    }

    .accordionStep2 .optionTitle {
        font-weight: bold;
    }

    .specialOptionBox .tabBox .unitSpace {
        width: 100%
    }

    /* contract step2 */
    .listFormDefault > li {
        background: #fff;
    }

    .listFormDefault .accountNumber input {
        width: 75%
    }

    /* contract step 3 */
    .icoCalendar {
        display: none
    }

    /* contract final */
    .dataStep5 .boxSelectedTariff .unit {
        width: 100%
    }

    .setDataStepEnd .boxAGB .unitSpace {
        width: 100%;
    }

    .dataStep5 .tableCosts {
        background: #f5f5f5;
    }

    /* contract confirm */
    .boxReminderInfoForm .unit {
        width: 100%
    }

    .dataStep .loader {
        left: 0;
        right: 0;
        margin: auto
    }

    .landing4Testimonial {
        display: none
    }

    .stickit {
        width: 100%;
        left: 0;
    }

    .boxTeaserCompare .seals {
        right: 0;
        width: calc(35% - 34px);
    }

    .listCompareFilter + .seals {
        bottom: 0;
        display: block;
        height: 67px;
        right: auto;
        top: auto;
        width: 33.33%;
    }

    .listCompareFilter + .seals .seal-widget {
        left: calc(89% - 124px);
        position: absolute;
    }

    .formTeaser.formTeaserProvider li {
        display: block;
    }

    .boxCompareFilter {
        min-height: 160px;
        position: relative;
    }
}

@media screen and (max-width: 800px) {
    .boxTeaserCompare .seals .seal {
        display: none;
    }

    .boxCompareFilter {
        min-height: auto;
    }
}

@media screen and (min-width: 640px) {
    .titleSubNews .date {
        float: right;
    }

    .linkReadMore {
        display: block;
    }

    .regionMap {
        float: right;
        max-width: 200px;
        padding: 20px 20px 0 0
    }

    .regionalProviderList {
        float: left;
        width: 59%;
    }

    /* @section 2.2.1 Box Teaser */
    .boxTeaser {
        border: 1px solid #bccee2;
        padding: 15px;
        position: relative;
        background: #e6f2fe;
        background: linear-gradient(bottom, #D6E9FE, #E6F2FE 61px, #fff 61px, #D8EAFE 60px);
        background: -moz-linear-gradient(bottom, #D6E9FE, #E6F2FE 61px, #fff 61px, #D8EAFE 60px);
        background: -ms-linear-gradient(bottom, #D6E9FE, #E6F2FE 61px, #fff 61px, #D8EAFE 60px);
        background: -o-linear-gradient(bottom, #D6E9FE, #E6F2FE 61px, #fff 61px, #D8EAFE 60px);
        background: -webkit-linear-gradient(bottom, #D6E9FE, #E6F2FE 6px, #fff 61px, #D8EAFE 60px);
        min-height: 300px
    }

    /*** Teaser Start ***/
    .boxTeaserCompare .seal {
        position: absolute;
        right: 10%;
        bottom: 10px
    }

    .indexLanding2 .boxTeaserCompare .seal {
        bottom: 40px;
        right: 15%;
    }

    /* Vorteilsliste */
    .boxTeaserCompare .listAdvantages {
        position: absolute;
        right: 0;
        top: 100px;
        width: 42%
    }

    .boxTeaserCompare .typo {
        color: #2a4d8f;
        display: inline-block;
        font: 400 16px/1.62 'Archivo', Arial;
        margin-top: 5px;
        vertical-align: middle;
        width: 85%;
    }

    .boxTeaserCompare .typo1 {
        font: 700 18px/1.62 'Archivo', Arial
    }

    .boxTeaserCompare .hidden {
        display: none
    }

    /* @section 2.3.2 Form Teaser */
    .formTeaserCompare {
        background: url('../img/dsl_sprite.png') no-repeat;
        height: 190px;
        left: 23%;
        margin-left: 0;
        padding: 20px;
        position: absolute;
        top: 80px;
        width: 340px;
    }

    .formTeaserCompare .arrow {
        background: url('../img/dsl_sprite.png') no-repeat -293px -1px;
        width: 103px;
        height: 109px;
        position: absolute;
        top: 85px;
        left: -36px
    }

    .boxFormTeaser .arrow {
        background: url('../img/dsl_sprite.png') no-repeat -293px -1px;
        height: 109px;
        left: -36px;
        position: absolute;
        top: 95px;
        width: 103px;
    }

    .formTeaserCompare input {
        vertical-align: middle
    }

    .boxTeaserCompare .slogan {
        margin: 5px auto 0;
        text-align: center;
    }

    .boxFormTeaser {
        position: absolute;
        left: 6%;
        top: 70px;
        width: 380px;
    }

    .boxFormTeaser .tabMenue {
        padding: 0 1%;
    }

    .boxFormTeaser .tabMenue li {
        margin-left: -3.5px; /* Clean borders adjustment */
        text-align: center
    }

    .tabMenue li {
        display: inline;
        white-space: nowrap;
    }

    .boxFormTeaser .tabMenue a {
        height: 24px;
        line-height: 1.62;
        padding: 7px 11px 3px;
        width: 39%;
    }

    .boxFormTeaser .tabMenue .availability a {
        width: 50%;
    }

    .boxFormTeaser .tabMenue .active {
        position: relative;
        z-index: 1;
        padding: 7px 12px 3px
    }

    .boxFormTeaser .tabMenue .active:hover {
        background: #fff
    }

    .boxFormTeaser .tabBox {
        height: 228px;
        border: none;
        margin: 0;
        overflow: visible
    }

    .boxFormTeaser .tabBox > div {
        display: none;
        height: auto;
        padding: 0
    }

    .boxFormTeaser .tabBox .first {
        display: block
    }

    .boxFormTeaser .formAvailability {
        float: left;
        min-height: 0;
        background: none
    }

    .boxFormTeaser .formAvailability {
        padding: 20px 20px 0;
        margin-left: 0;
    }

    .boxFormTeaser .formAvailability li {
        margin: 0 2% 13px 0;
        float: left
    }

    .boxFormTeaser .formAvailability .first {
        width: 28%
    }

    .boxFormTeaser .formAvailability .second {
        width: 28%
    }

    .boxFormTeaser .formAvailability .third {
        width: 38%
    }

    .boxFormTeaser .formAvailability .fourth {
        margin-top: 5px;
        position: relative;
        width: 66%
    }

    .boxFormTeaser .formAvailability .fifth {
        margin-top: 5px;
        width: 30%;
    }

    .boxFormTeaser .formAvailability .fourth input[type="text"],
    .boxFormTeaser .formAvailability .fourth select,
    .boxFormTeaser .formAvailability .fifth input[type="text"],
    .boxFormTeaser .formAvailability .third input[type="text"],
    .boxFormTeaser .formAvailability .third select,
    .boxFormTeaser .formAvailability .first input[type="text"],
    .boxFormTeaser .formAvailability .fifth select,
    .boxFormTeaser .formAvailability .second input[type="text"],
    .boxFormTeaser .formAvailability .second select {
        width: 100%;
    }

    .boxFormTeaser .formAvailability .icoError,
    .boxFormTeaser .formAvailability .icoWarning {
        width: 20px
    }

    .boxFormTeaser .formAvailability input[type="text"],
    .boxFormTeaser .formAvailability .formDefault select {
        width: 94%
    }

    .boxFormTeaser .formAvailability .label {
        display: block;
        font-weight: bold;
    }

    .boxFormTeaser .formAvailability .slidingButton {
        margin-left: 75px;
        margin-top: 10px;
    }

    .boxFormTeaser div.icoError.hasTooltip {
        margin-left: -6px
    }

    .formTeaserCompare, .boxFormTeaser .formAvailability {
        background: #fff;
        border: 1px solid #e2e2e2;
        border-top: none;
        max-height: 195px;
        min-height: 180px;
        min-width: 340px;
    }

    .formTeaserCompare {
        height: 180px;
        left: 0;
        margin: 0;
        padding: 20px 20px 0;
        top: 30px;
    }

    .formTeaserCompare .spaceLeft {
        padding-left: 10px;
        width: calc(66.6% - 10px);
    }

    .spaceLeft,
    .spaceLeft li,
    .spaceLeft li label {
        line-height: 1.62;
    }

    /* Ecken */
    .wrapperTeaserCompare {
        position: relative;
        margin: 6px -7px 0 10px
    }

    .cornerTeaserRight, .cornerTeaserLeft,
    .cornerTeaserCompareRight, .cornerTeaserCompareLeft {
        background: url('../img/pvg_sprite_3.6.2.png');
        position: absolute;
        height: 7px;
        width: 7px
    }

    .cornerTeaserRight, .cornerTeaserLeft,
    .cornerTeaserCompareRight, .cornerTeaserCompareLeft {
        bottom: -8px;
    }

    .cornerTeaserRight, .cornerTeaserCompareRight {
        background-position: -41px 0;
        right: -1px
    }

    .cornerTeaserLeft, .cornerTeaserCompareLeft {
        background-position: -34px 0;
        left: -1px;
    }

    .formTeaserCompare hr {
        border: 1px dotted #eee
    }

    .formTeaserCompare input[type=text], .formTeaserCompare select {
        width: 110px
    }

    .formTeaserCompare li {
        line-height: 1.62;
        min-height: 24px;
    }

    .formTeaserCompare .label {
        font-weight: bold;
        line-height: 1.62;
        vertical-align: middle;
    }

    .formTeaserCompare option {
        padding-right: 0
    }

    .formTeaserCompare .slidingButton {
        bottom: 13px;
        left: 38%;
        position: absolute;
    }

    .formTeaserCompare .boxNote.tooltip {
        width: 125px
    }

    .formTeaser .itemSwitcher:first-child {
        margin-right: 5px
    }

    .formTeaser .itemSwitcher .label {
        margin-left: 2px;
        font-weight: normal
    }

    .formTeaser.formTeaserProvider .itemSwitcher .label {
        margin-right: 2px;
    }

    .formTeaser .itemSwitcher input:checked ~ .label {
        font-weight: bold
    }

    /* slider */
    .listCompareFilterRight {
        text-align: right
    }

    .indexLanding4 .topOfferBox .topOffer .priceBox .tooltip {
        left: -170px;
        top: 50px;
        width: 450px
    }

    .indexLanding4 .topOfferBox li:first-child .priceBox .tooltip {
        left: 20px;
        top: 50px
    }
}

@media screen and (max-width: 960px) {
    .boxFormTeaser {
        left: calc(30% - 160px);
    }

    .boxTeaserCompare .typo {
        line-height: 1.62;
        width: 80%;
    }

    .boxTeaserCompare .listAdvantages {
        right: -25px;
    }
}

@media screen and (max-width: 720px) {
    .topOfferBox li {
        width: 33.33%
    }

    .topOfferBox li:nth-child(4) {
        display: none
    }

    .mobilTeaser .boxTeaser {
        min-height: 230px;
    }

    .mobilTeaser .teaserTestimonial {
        display: none
    }

    .mobilTeaser .boxTeaserHeader,
    .mobilTeaser .listTeaserOffers {
        width: 90%;
        right: auto;
    }

    /* @section 4.4 Lieferadresse */
    .boxSelectedTariff .listTariffDetails,
    .boxSelectedTariff .listTariffDetails a,
    .boxSelectedTariff .listTimeTariffLarge a,
    .boxSelectedTariff .mobileVisible,
    .boxSelectedTariff .wrapperCenter span,
    .boxSelectedTariff .wrapperCenter img,
    .boxSelectedTariff .unit img {
        color: #999;
        /*font-size: 0.9em;*/
    }

    .boxSelectedTariff .listTariffDetails li:last-child {
        margin-top: 1em;
    }

    .listTimeTariffLarge li:last-child {
        margin-bottom: 1em;
    }

    .boxSelectedTariff .size1of2 {
        width: 100%;
    }

    .simplemodal-type-iframe {
        border-width: 1px;
        border-radius: 0;
        height: calc(100% - 32px) !important;
        left: 0 !important;
        top: 0 !important;
        width: calc(100% - 2px) !important;
    }

    .boxTeaserCompare .slogan {
        font-size: 1.8em;
    }

    .boxTeaserCompare .listAdvantages {
         position: absolute;
         right: -65px;
         top: 100px;
         width: 42%;
    }

    .boxTeaserCompare .typo {
        font-size: 12px;
        width: 60%;
    }

    .boxTeaserCompare .typo1 {
        font-size: 14px;
    }
}

@media screen and (min-width: 700px) {
    .HotlineBoxLeft .hotlineNumberBlock .icoHotline span {
        margin-left: 1em;
    }
}

/* max 699px - Iframe */
@media screen and (max-width: 699px) {
    .callbackIndex .boxInsideModalInfo, .formInsideModal.formCallback, .formReminder, .boxAvailability .size1of3, .boxAvailability .size2of3 {
        width: 100%
    }

    .boxCallback, .boxReminder, .boxAvailability {
        background: none
    }

    .hotlineBoxResponsive div {
        float: left;
    }

    .hotlineBoxResponsive h3 {
        margin-left: 1em;
        text-align: left;
    }

    .hotlineBoxResponsive .telReminder, .hotlineBoxResponsive .telAvailability {
        padding: 2px 0 0 25px;
        margin: 5px 0;
    }

    .hotlineTimeBlock, .hotlineEmailBlock, .hotlineNumberBlock {
        text-align: center;
        padding: 0 1em;
    }

    .contractFormdatastepfinal .bottomBar .unitSpace {
        width: 75%;
    }

    .contractFormdatastepfinal .bottomBar .unitSpace:first-child {
        width: 25%;
    }

    .contractFormdatastepfinal .bottomBar .buttonForward {
        width: 100%;
        font-size: 13px;
        margin: 0;
        margin-top: 15px;
    }

    .contractFormdatastepfinal .bottomBar .buttonBack {
        margin-left: 0;
    }
}

@media screen and (max-width: 639px) {
    .brandingNavigation {
        margin: 0;
    }

    .teaserProviderGirl {
        display: none;
    }

    .formTeaserProvider {
        width: 75%;
    }

    .boxTeaserCompare .icoError,
    .boxTeaserCompare .icoWarning,
    .boxTeaserCompare .icoSuccess {
        height: 42px;
    }

    .boxTeaserCompare .icoError {
        background-position: center -54px;
    }

    .mobileSize1of2 {
        width: 50%;
    }
}

@media screen and (min-width: 580px) and (max-width: 699px) {
    /* @section HotlineDefault */
    .hotlineBoxResponsive .hotlineNumberBlock {
        text-align: left;
        width: 35%;
    }

    .hotlineBoxResponsive .hotlineTimeBlock {
        width: 24%;
    }

    .hotlineBoxResponsive .hotlineEmailBlock {
        text-align: right;
        width: 26%;
    }

    .hotlineNumberBlock .icoHotline span {
        margin-left: 1.0em;
    }
}

@media screen and (max-width: 550px) {
    .showCriteria {
        float: left;
        margin-left: 27px;
    }

    .cornerCompareCriteria {
        left: 80px;
        right: auto;
    }

    .listCompareFilterRight .seals {
        left: auto;
        right: 0;
    }
}

@media screen and (min-width: 410px) and (max-width: 579px) {
    .listCompareFilterRight .seals {
        right: calc(9% - 10px);
    }

    /* hide full link on mobile */
    .tableCompare .itemThird .linkDetails.linkProduktinformationsblatt {
        display: none;
    }

    /* show small link on mobile */
    .tableCompare .itemThird .linkDetails.linkProduktinformations {
        display: inline;
    }

    /* @section HotlineDefault */
    .hotlineBoxResponsive .hotlineNumberBlock, .hotlineBoxResponsive .hotlineEmailBlock {
        text-align: left;
    }

    .hotlineBoxResponsive .hotlineNumberBlock {
        width: 50%;
    }

    .hotlineBoxResponsive .hotlineTimeBlock {
        text-align: right;
        width: 35%;
    }

    .hotlineBoxResponsive .hotlineEmailBlock {
        width: 90%;
    }

    .hotlineNumberBlock .icoHotline span {
        margin-left: 1.0em;
    }
}

@media screen and (max-width: 409px) {

    /* hide full link on mobile */
    .tableCompare .itemThird .linkDetails.linkProduktinformationsblatt {
        display: none;
    }

    /* show small link on mobile */
    .tableCompare .itemThird .linkDetails.linkProduktinformations {
        display: inline;
    }

    .hotlineBoxResponsive .hotlineNumberBlock {
        width: 90%;
    }

    .hotlineBoxResponsive .hotlineTimeBlock {
        width: 90%;
    }

    .hotlineBoxResponsive .hotlineEmailBlock {
        width: 90%;
    }

    .hotlineBoxResponsive h3 {

        text-align: center;
    }
}

@media screen and (min-width: 960px) {
    .wrapper{
        margin: 0 auto 1em;
    }

    .dataStep1 .accountNumber .textSmallPrint,
    .dataStep1 .accountHolderLastName .textSmallPrint {
        margin-left: 52.5%
    }

    .linkMoreNews {
        margin: 0 5px 10px;
    }

    .listFormDefault .labelOnly {
        width: 45%;
        margin-left: 53%;
    }

    .listFormDefault input[type="text"]::-webkit-input-placeholder {
        color: transparent;
    }

    .listFormDefault input[type="text"]:-moz-placeholder {
        /* Firefox 18- */
        color: transparent;
    }

    .listFormDefault input[type="text"]::-moz-placeholder {
        /* Firefox 19+ */
        color: transparent;
    }

    .listFormDefault input[type="text"]:-ms-input-placeholder {
        color: transparent;
    }

    .listFormDefault input[type="text"].visiblePlaceholder::-webkit-input-placeholder {
        color: #999;
    }

    .listFormDefault input[type="text"].visiblePlaceholder:-moz-placeholder {
        /* Firefox 18- */
        color: #999;
    }

    .listFormDefault input[type="text"].visiblePlaceholder::-moz-placeholder {
        /* Firefox 19+ */
        color: #999;
    }

    .listFormDefault input[type="text"].visiblePlaceholder:-ms-input-placeholder {
        color: #999;
    }

    .tableCompare .itemSecond,
    .tableCompare .itemThird,
    .tableCompare .itemFourth,
    .tableCompare .itemFifth,
    .tableCompare .itemSixth {
        font-size: 14px;
        line-height: 1.62;
    }

    .tableCompare .costsAverage {
        font: bold 28px arial;
    }
}

@media screen and (min-width: 1456px) {
    .indexLanding3 {
        margin-left: 16em;
    }
}

@media screen and (max-width: 350px) {
    .seals + .showCriteria {
        margin-left: 10px;
        margin-right: 0;
    }
}