/*@media (min-width: 1200px) {*/
    /* Main Container */
    .mainContainer {
        width: 950px;
        margin: 0 auto;

    }

    /* ----- Header area START ----- */

.detailButton{
         text-align:center;
         font-size:16px;
         text-decoration:underline;
         font-weight:normal;
}

.themes{
         padding-top:5px;
         }
#themeSpan{
         padding-top:25px;
         }
#orderSpan{
         font-weight:bold;
}
#buttonSpan{
        text-align:center;
        width:100%;
        position:relative;
}
#buttonSpanSmall{
        text-align:right;
        width:53%;
        margin-left:48%;
        position:absolute;
        bottom:40px;
}

.orderButton{
         position:absolute;top:20px;
         width:195px;height:40px;
         background-color:gray;
         border-radius:12px;
         cursor:pointer;
         font-weight:bold;
             border: 2px solid #999;
    background: #f1f3ef; /* Old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #E3E4E3 60%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),  color-stop(60%, #E3E4E3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #E3E4E3 60%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%,  #E3E4E3 60%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #E3E4E3 60%); /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #E3E4E3 60%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#E3E4E3', GradientType=0); /* IE6-9 */
}
.orderButton:hover{
    background: #f1f3ef; /* Old browsers */
    background: -moz-linear-gradient(top, #E3E4E3 0%, #fff 60%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E3E4E3),  color-stop(60%, #fff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E3E4E3 0%, #fff 60%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E3E4E3 0%,  #fff 60%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #E3E4E3 0%, #fff 60%); /* IE10+ */
    background: linear-gradient(to bottom, #E3E4E3 0%, #fff 60%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3E4E3', endColorstr='#fff', GradientType=0); /* IE6-9 */
}
.orderButtonSmall{
     width:150px;
     height:30px;
     top:5px;
}
.weitere_a_button{
    position:relative;
    top: 10px !important;
    left: 20px !important;
    margin-bottom:10px;
}
.korb,.doppelpfeil_rechts, .eyes {   margin:5px 0 5px 5px;
         width:30px;height:30px;
         background-color:transparent;
         background-image: url(../images/ui-elements/warenkorb.png);
         background-position:center center;
         background-repeat: no-repeat;
         background-size:30px auto;
}
.korbSmall{   margin:3px 0 3px 3px;
         width:25px;height:25px;
         background-size:25px auto;
}

.doppelpfeil_rechts{
    background-image: url(../images/ui-elements/doppelpfeil_rechts.png);
}
.eyes{
    background-image: url(../images/ui-elements/eyes.png);
}

.deleteKorb{   margin:0px 0 0px 0px;
         width:20px;height:20px;
         background-color:transparent;
         background-image: url(../images/ui-elements/but_delete3.png);
         background-position:center center;
         background-repeat: no-repeat;
         background-size:20px auto;
}
.checkout{
         background-image: url(../images/ui-elements/plus.png);
}
.buttonLeft{
         left:40px;

}
.buttonRight{
         right:30px;
         line-height:40px;vertical-align:middle;width:205px;
}
.buttonLeftSmall{
         left:60px;
}
.buttonRightSmall{
         right:5px;
         line-height:30px;vertical-align:middle;
}

#orderCurrent1, #orderAbo1{
         margin-left:10px;
         font-size:15px;
         
 }
#orderCurrent1Small, #orderAbo1Small{
         margin-left:7px;
         font-size:12px;
}
#orderCurrent1Small{

line-height:15px;
text-align:center;}
.fatPrice{
         height:40px;
         line-height:40px;vertical-align:middle;
         margin-right:10px;
         font-size:25px;
}
.fatPriceSmall{
         height:30px;
         line-height:30px;vertical-align:middle;
         margin-right:7px;
         font-size:16px;
}
    header {
        margin: 0 0px;
        height: 120px;
    }

    /* Website logo */

    /* TODO: Paste Image here */

    .websiteLogo {
        display: inline-block;
        background-size: auto 100%;
        margin: 0px;margin-top:3px;
    }

    /* START ---------- Header Menu ---------- */

    .headerMenuContainer {
        position:relative;
        display:inline-block;
        float:right;
        margin:65px 25px 0 0;
        vertical-align: bottom;
        font-size: 20px;
    }

    .headerMenu a:link, .headerMenu a:visited {
        color:#fff;
        margin-right:10px;
    }

    /* END ---------- Header Menu ---------- */

    /* START ---------- Login Mask ----------- */

    .loginMask {
        color: #000;
        font-size: 14px;
        font-family: robotoBold, sans-serif;
        width: 172px;
        height: 125px;
        border-radius: 6px;

    }

    .loginMask fieldset {
        margin: 2px 2px 0 4px;
        padding: 1px 1px 1px 2px;
        border: 0;
    }

    .loginMask span {
        vertical-align: center;
        line-height: 12px;
        font-size:13px;

    }

    .loginMask input[type=text], .loginMask input[type=password] {
        margin: 2px 0 ;
        width: 150px;
        height:12px;
        font-family: robotoItalic, Arial, sans-serif;
    }

    .loginMask input[type=button] {
        padding: 2px 6px;
        /*-webkit-appearance: inherit;*/
        float: right;
        cursor: pointer;
    }

    .loggedInMask {
        position: relative;
        float: right;
    }

    /* this container displays the name of the logged user */
    .loggedinAsContainer {
        float: right;
        margin: 20px 25px 0 0;
        font-family: robotoRegular, sans-serif;
        font-size: 16px;
    }

    a.logout {
        display: inline-block;
        float: right;
        margin: 5px 10px;
        text-decoration: none;
    }

    /* END ---------- Login Mask ----------- */

    /* END ---------- Header area ---------- */



    /* ----- Content area START ----- */

    .myFlatrateSection {
        margin-top: 25px;
    }

    .myMagazineSection, .orderAddressSection, .actualMagazinesSection, .paymentSection, .chooseMagazineHeaderSection, .confirmation1Section, .confirmation2Section {
        padding: 0 35px;
    }

    .myMagazineSection {
        margin-top: 20px;
    }

    .guidelinesSection {
        width: 680px;
    }

    .dataPrivacySection {
        width:900px;
        display:table;
        margin:auto;
        text-align:justify;
    }

    .magazineArchiveSection {
        margin: 20px 35px 0;
    }

    /* START ----------------- Overlay --------------------- */

    .overlayBox {
        position: absolute;
        left: 0;
        top: 25px;
        right: 0;
        margin: 0 auto;
        width: 80%;
        max-width: 1000px;
        z-index: 99999;
    }

    /* Pop-Up cover image */

    .popUpCover {
        background-size:530px auto;
        background-position: center;
        background-repeat: no-repeat;
        width: 530px;
        min-height:700px;

    }

    /* Confirmation-Popup */

    .confirmationPopup {
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 25px;
        margin: auto auto;
        width: 600px;
        height: 300px;
    }

    /* Popup Button */

    .confirmationPopupButton {
        line-height: 30px;
        position: absolute;
        right: 35px;
        bottom: 35px;
    }

    .confirmationPopupFieldContainer {
        display: table;
        margin: 30px auto;
    }

    .confirmationPopupLabel {
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        padding-right: 20px;
    }

    .closeButton {
        position:absolute !important;
        z-index:10400 !important;
        right:25px;
        top:25px;
        margin:0;
    }

    /* END ----------------- Overlay --------------------- */

    /* -- UI Controls START -- */

    .contactTextarea {
        width: 616px;
        height: 180px;
        vertical-align: bottom;
    }

    .contactButton {
        margin:25px 0 0;
        float:right;
        line-height: 30px;
    }

    .myFlatrateText {
        width:250px;
        margin-right:25px;
        display:block;
          }

    .myFlatrateButton {
        float:right;
        line-height: 30px;
        margin-top:72px;
    }

    .myAccountTable {
        width:470px;
        display:table;
        margin:15px auto;
    }

    input[type=text], input[type=email], select {
        width: 250px;
    }

    .contactEmailDiv {
        float: right;
    }

    .contactNameDiv {
        float: left;
    }

    .reviewBox {
        width: 350px;
    }

    .guidelinesBox {
        width: 630px;
        padding:5px;
    }

    .guidelinesListItem {
/*        margin-right:25px;*/
    }

    /* ///// Grey button top left in starting page START */

    .greyInfoButton {
        background: url(../images/ui-elements/mf_button_info212x33.png) no-repeat center;
        width: 212px;
        height: 33px;
        cursor: pointer;
    }

    /* Grey button top left in starting page END ///// */



    /* Headline in starting page */

    .indexHeadline {
        margin: 25px 0 0 354px;
    }

    /* START ----- Top Carousel in starting page ----- */

    .firstIndexCarousel {
        height: 366px;
    }

    .firstMagazineCarousel {
        margin-bottom: -70px;
        padding: 0 35px 0 35px;
        position: relative;
        z-index: 0;
    }

    .caroufredsel_wrapper {
        width:1130px!important;
    }

    .carouselBox {
        width: 370px;
        height: 450px;
        position: relative;
        display: inline-block;
        margin:0 2px;
        border: 4px solid transparent;
        border-radius: 14px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

    }

    .carouselBox:hover {
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e5 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e4e4e5)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%, #e4e4e5 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #e4e4e5 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #e4e4e5 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #e4e4e5 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e5', GradientType=0); /* IE6-9 */
        border: 4px solid #090 !important;
        border-radius: 14px;
    }

    .selectedCarouselBox {
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e5 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e4e4e5)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%, #e4e4e5 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #e4e4e5 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #e4e4e5 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #e4e4e5 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e5', GradientType=0); /* IE6-9 */
        border: 4px solid #090 !important;
        border-radius: 14px;
    }

    .carouselBoxHeadline {
        position: absolute;
        top: 25px;
        right: 25px;
        width: 280px;
    }

    .carouselBoxCoverBox {
        position: absolute;
        bottom: 100px;
        left: 25px;
    }

    .carouselBoxInfoBox {
        position: absolute;
        bottom: 100px;
        right: 25px;
    }

    .carouselMagazineCover {
        background-size:auto 210px;
        background-position: center;
        background-repeat: no-repeat;
        width: 150px;
        height: 210px;
    }

    a.prev, a.next {
        width: 75px;
        height: 75px;
        display: block;
        position: absolute;
        z-index: 1000 !important;
    }

    a.next {
        right: 5px;
        background: url(../images/ui-elements/mf-button-forward-right75x75.png) no-repeat transparent;
    }

    a.prev {
        left: 5px;
        background: url(../images/ui-elements/mf-button-forward-left75x75.png) no-repeat transparent;
    }

    a.firstCarouselPrev, a.firstCarouselNext {
        top: 100px;
    }

    a.secondCarouselPrev, a.secondCarouselNext {
        top: 170px;
    }

    /* END ----- Top Carousel in starting page ----- */

    /* Second carousel in starting page */

    div.secondCarousel div.caroufredsel_wrapper {
        width:auto!important;
    }

    .greenBackground {
        height: 350px;
        width: 1200px;
        background: #fff;
        background: url(../images/background/mf_balk_green797x169@2x_2.png) bottom center no-repeat;
        background-size: 1200px 350px;
    }

    /* Text area at bottom of starting page */

    .twoContainer {
        display: table;
        width: 1130px;
    }

    .column {
        width: 540px;
        display: table-cell;
        text-align: justify;
        vertical-align: top;
    }

    .column p {
        margin: 0;
    }

    /* Orange Headline */

    .orangeHeadline {
        font-size: 24px;
        line-height: 27px;
    }

    /* ///// "Choose Magazine" properties START */

    .chooseMagazineSection {
        padding:0 35px;
        height: 600px;
        background: url(../images/background/mf_balk_green1196x254.png) bottom center no-repeat;
        background-size: 1200px 254px;
    }

    .chooseMagazineBox {
        height: 520px;
    }

    .chooseMagazineBoxScrollable {
        overflow: scroll;
        height: 480px;
    }

    .chooseMagazineGrid {
        margin-left: 30px;
        margin-right: 10px;
    }

    .chooseMagazineButton {
        position: absolute;
        bottom: 0;
        right: 35px;
        line-height: 15px;
    }

    /* "Choose Magazine" properties END ///// */

    /* List of Magazines */

    .magazineListContainer {
        margin: 5px 3px;
    }

    .magazineListCover {
        margin: 5px 6px;
    }

    .chooseMagazineSubline {
        font-size: 20px;
        margin-top: 14px;
        line-height: 16px;
    }

    /* END --------------- "Choose Magazine" properties --------------- */

    /* START -------------- "My Magazines" properties --------------- */

    .myMagazineHeadline {
        margin-bottom: 15px;
        margin-left:35px;
    }

    .myMagazineText {
        width: 800px;
        font-family: robotoCondensedRegular, Arial, sans-serif;
        font-size: 20px;
        margin-left:35px;
        line-height: 24px;
    }

    .actualMagazinesHeadline {
        margin-left:10px;
    }

    .myMagazineCategoryHeadline {
        margin-left: 15px;
        display: inline-block;
    }

    .myMagazineBox {
        padding: 25px;
        display: table;
        margin: 25px auto 0;
    }

    .archiveButton {
        width: 120px;
    }

    .myMagazineCoverContainer li {
        margin: 10px;
        display: inline-block;
    }

    .myMagazineCovers {
        margin:10px 10px;
        background-size:auto 234px;
        background-position: center;
        background-repeat: no-repeat;
        width: 168px;
        height: 234px;
    }

    /* END -------------- "My Magazines" properties --------------- */

    /* Size of magazine covers in the flatrate selection */

    .flatrateBox {
        padding:25px;
    }

    .magazineCover {
        background-size:auto 318px;
        background-position: center;
        background-repeat: no-repeat;
        width: 230px;
        height: 318px;
    }

    .flatrateRightContainer {
        vertical-align: bottom;
        display:inline-block;
        margin:0 50px 50px 0;
    }

    /* Size of the left Container in the flatrate selection */

    .magazineCoverContainer {
        width: 240px;
        margin-right: 35px;
    }

    .magazineDescriptionContainer {
        width: 390px;
        margin: 50px 35px;
    }

    .magazineDescriptionSubline {
        margin-left: 205px;
    }

    .magazinePrice {
        font-size: 100px;
        line-height: 86px;
        font-family: robotoBoldCondensed, sans-serif;
        letter-spacing: -10px;
    }

    .uppercase {
        font-family: robotoBoldCondensed, sans-serif;
        font-size: 70px;
        line-height: 66px;
        vertical-align: top;
    }

    .continueOrderButton {
        float: left;
        line-height: 15px;
        margin-top: 25px;
    }

    .flatrateSmallPrinted {
        margin-top: 72px;
    }

    /* ///// Confirmation Page START */

    .confirmationHeadline {
        width: 400px;
    }

    .confirmationLeftCell {
        padding-right: 150px;
    }

    .confirmationText {
        width: 450px;
    }

    .accountConfirmationCheckbox {
        margin-bottom: 75px;
    }

    .agbCheckbox {
        margin-bottom: 90px;
    }

    .disclaimerCheckbox {
        margin-bottom: 225px;
    }

    /* Confirmation Page END ///// */

    /* ///// Confirmation2 Page START */

    .confirmation2Button {
        float: right;
    }

    .confirmation2Text {
        display: table;
        margin: 0 auto;
        font-size: 20px;
        line-height: 22px;

    }

    /* Confirmation2 Page END ///// */

    /* Order Process Bar */

    .orderProcessBar {
        float: right;
    }

    .orderProcessItem {
        color: #7f7f7f;
        font-family: robotoBold, Arial, sans-serif;
        font-size: 18px;
        background: #b2b2b2;
        border-top: 4px solid #4c4c4c;
        width: 134px;
        height: 17px;
        padding: 6px 25px 14px 18px;
        line-height: 22px;
    }

    .orderProcessItemActive {
        color: #7f7f7f;
        font-family: robotoBold, Arial, sans-serif;
        font-size: 18px;
        background: #b5e9be;
        border-top: 4px solid #008d0a;
        width: 134px;
        height: 17px;
        padding: 6px 25px 14px 18px;
        line-height: 22px;
    }

    .orderProcessItemReady {
        background: #fff;
        color: #7f7f7f;
        font-family: robotoBold, sans-serif;
        font-size: 18px;
        border-top: 4px solid #008d0a;
        width: 134px;
        height: 17px;
        padding: 6px 25px 14px 18px;
        line-height: 22px;
    }

    .numberActive {
        display: inline-block;
        text-align: center;
        color: #fff;
        background: #008d0a;
        border-radius: 20px;
        width: 23px;
        height: 23px;
    }

    /* -- Order adress -- */

    .orderHeadline {
        display: table;
        margin-left: auto;
        margin-right: auto;
        padding-right: 210px;
    }

    /* Order button */

    .orderSubmitButton {
        position: absolute;
        right: 35px;
        bottom: 35px;
        line-height: 16px;
    }

    .orderBackButton {
        position: absolute;
        left: 35px;
        bottom: 35px;
        line-height: 30px;
    }

    .submitAdress {
        position: relative;
    }

    /* START ----- Payment Site ----- */

    .paymentFieldNotice {
        float:right;
        line-height: 12px;
    }

    .mandatoryFieldNotice {
        float:right;
        line-height: 12px;
    }

    .paymentHeadline {
        text-align: center;
        padding-bottom:20px;
    }

    .accordion {
        display: table;
        margin: 25px auto 0;
        width: 452px;
    }

    .accordionContent {
        width:450px;
    }

    .paymentContent {
        display:table;
        margin:25px auto 0;
    }

    /* END ----- Payment Site ----- */

    /* Footer area */

    footer {
        position: relative;
        border-top: 2px solid #999;
        margin-top: 25px;
        height: 64px;
        padding: 10px 0;
    }

    .footerRightPart {
        display: inline-block;
        position: absolute;
        right: 25px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 60px;
        text-align:right;
    }

    .readOnDevice {
        width: 126px;
        display: inline-block;
        text-align: center;
        margin: 0 0 0 305px;
    }

    footer.chooseMagazineFooter {
        margin:0;
    }

    /* ----- Layout Properties ----- */

    .width100 {
        width: 100px;
    }

    .width150 {
        width: 150px;
    }

    .width200 {
        width: 200px;
    }

    .width250 {
        width: 250px;
    }

    .width300 {
        width: 300px;
    }

    .width350 {
        width: 350px;
    }

    .width450 {
        width: 450px;
    }

    .width600 {
        width: 600px;
    }

    .width650 {
        width: 650px;
    }

    .width700 {
        width: 700px;
    }

    .width800 {
        width: 800px;
    }

    .width900 {
        width: 900px;
    }

    .width1000 {
        width: 1000px;
    }

    .width100percent {
        width: 100%;
    }

    .height40 {
        height: 40px;
    }

    .height300 {
        height: 300px;
    }

    .height350 {
        height: 350px;
    }

    .height900 {
        height: 900px;
    }

    .height100percent {
        height: 100%;
    }

    /* Media Query visibility START */

    .ipad {
        display: none!important;
    }

    .iphone {
        display: none!important;
    }

    .iphoneLandscape {
        display: none!important;
    }

    .mobile {
        display: none!important;
    }

    /* Media Query visibility END */
/*}*/

.text_smaller {
	font-size: 12px !important;
}

.navEntry {
	font-size: 15px !important;
}
.subEntry{
    	font-size: 13px !important;
}
.subSubEntry{
    	font-size: 12px !important;
        
}.subSubEntry2{
    	font-size: 11px !important;
}

@media
(min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 1200px) and (   min--moz-device-pixel-ratio: 2),
(min-width: 1200px) and (     -o-min-device-pixel-ratio: 2/1),
(min-width: 1200px) and (        min-device-pixel-ratio: 2),
(min-width: 1200px) and (                min-resolution: 192dpi),
(min-width: 1200px) and (                min-resolution: 2dppx) {

    .headerButton {
        background: url(../images/ui-elements/mf_button_info212x33@2x.png) center no-repeat!important;
        background-size: 212px 33px!important;
    }

    .chooseMagazineSection {
        background: url(../images/background/mf_balk_green1196x254@2x.png) bottom center no-repeat!important;
        background-size: 1200px 254px!important;
    }

    .greenBackground {
        background: url(../images/background/mf_balk_green_white1196x324@2x.png) bottom center no-repeat!important;
        background-size: 1200px 324px!important;

    }

    a.next {
        background-image: url(../images/ui-elements/mf-button-forward-right75x75@2x.png)!important;
        background-size:50px 50px!important;

    }

    a.prev {
        background-image: url(../images/ui-elements/mf-button-forward-left75x75@2x.png)!important;
        background-size:50px 50px!important;
    }


}