@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
body {background:url("bodybg.jpg") repeat-x top left #FFF; font-size:99.7%; margin:0; font-family:'Open Sans Condensed',Arial,sans-serif;}
clr {clear:both;}
.page {width:1200px; margin:0 auto; min-height:1000px; background:url("pagebg.png") no-repeat top left transparent;}
.header {clear:both; overflow:hidden; padding-top:20px;}
.headerleft {box-sizing:border-box; float:left; padding-left:45px; width:30%; padding-top:20px;}
.headerleft a {padding:0 20px 0 0; color:#FFF; font-size:1em; text-decoration:none; text-transform:uppercase;}
.headerleft a:hover {}
.headerright {box-sizing:border-box; padding:5px 6px 0 0; float:right; width:60%; text-align:right; color:#FFF; text-transform:uppercase; font-size:1.2em;}
.headerright img {float:right; margin-left:20px;}
.dmright1 {line-height:1.17em; display:block; padding-top:20px; padding-right:13px; float:right; width:128px; box-sizing:border-box;}
.dmright1 img {display: block !important; margin-left:100px;}
.dmright1 a {color:#FFF; text-decoration:none;}
.dmright1 a:hover {color:#FFF; text-decoration:none; cursor:pointer;}
.dmright2 {display:block; float:right; width:138px;}
.dist {height:463px; clear:both; overflow:hidden;}
main {display:block; overflow:hidden; clear:both;}
.dist2 {height:100px; clear:both; overflow:hidden;}

.box {text-align:left; box-sizing:border-box;}

.box a {text-decoration:none; color:#000;}
.box a:hover {text-decoration:none; color:#000;}


.fb {float:left; height:70px; padding-top:140px; width:300px;}
.fb a {display:block; height:100%; width:100%;}
.diemucha {float:left; width:152px;}
.babyexpress {float:left; width:152px;}
.abw {float:left; width:152px;}
.schoenheit {float:left; width:152px;}
.signora {float:left; width:152px;}
.agecare {float:left; width:152px;}
.empty {float:left; width:10px;}
.empty2 {float:left; width:22px;}


.line1, .line2, .line3 {display:block; text-align:center;}
.line1 {padding-top:10px; font-size:1.2em; font-weight:bold; line-height:1.05em; padding-bottom:7px;}
.line2 {font-weight:bold; padding-bottom:5px; padding-top:10px; line-height:0.9em;}
.signora .line2 {letter-spacing: -0.05em;}
.line3 {font-style:oblique; font-family:"Times New Roman", Times, Baskerville, serif;}
.abw .line3 {letter-spacing: -0.07em;}
.line3:hover  {text-decoration:underline;}



@media screen and (min-width: 240px) and (max-width: 480px) {
    body {background:url("bodybg.jpg") repeat-x top left #FFF;}
    main {width:auto; padding:0 20px 0 20px;}
    .page {width:100%; margin:0 auto; height:auto; min-height:1px; background:url("pagebg-mob.png") no-repeat transparent top left / contain;}
    .dist {display:none;}
    .main {clear:both; display:block; overflow:hidden;}
    .headerleft {padding:0 0 0 20px; width:50%; font-size:0.9em;}
    .headerright {padding:0 20px 0 0; width:50%; font-size:0.9em;}
    .headerright .dmright1 img {display:none !important;}
    .dmright1 {float:none; padding:0; line-height:normal; width:auto;}
    .dmright1 br {display:none;}
    .dmright1 br.notmobile {display:none;}
    .dmright2 {display:none;}    
    
    .fb {background:url("fb.png") no-repeat transparent center center / contain; float:none; padding:0; height:81px; margin:200px 0 20px 0; width:100%;}
    .box {float:left; height:300px; overflow:hidden; width:50%; text-align:center;}
    .empty {clear:both; float:none; height:auto;}
    .empty2 {display:none;}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    body {background:url("bodybg.jpg") repeat-x top left #FFF;}
    main {width:auto; padding:0 20px 0 20px;}
    .page {width:100%; margin:0 auto; height:auto; min-height:1px; background:url("pagebg-mob.png") no-repeat transparent top left / contain;}
    .dist {display:none;}
    .main {clear:both; display:block; overflow:hidden;}
    .headerleft {padding:0 0 0 20px; width:50%; font-size:0.9em;}
    .headerright {padding:0 20px 0 0; width:50%; font-size:0.9em;}
    .headerright .dmright1 img {display:none !important;}
    .dmright1 {float:none; padding:0; line-height:normal; width:auto;}
    .dmright1 br {display:none;}
    .dmright1 br.notmobile {display:none;}
    .dmright2 {display:none;}    
    
    .fb {background:url("fb.png") no-repeat transparent center center / contain; float:none; padding:0; height:81px; margin:350px 0 20px 0; width:100%;}
    .box {float:left; height:300px; overflow:hidden; width:33%; text-align:center;}
    .empty {clear:both; float:none; height:auto;}
    .empty2 {display:none;}
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
    body {background:url("bodybg.jpg") repeat-x top left #FFF;}
    main {width:auto; padding:0 20px 0 20px;}
    .page {width:100%; margin:0 auto; height:auto; min-height:1px; background:url("pagebg-mob.png") no-repeat transparent top left / contain;}
    .fb {background:url("fb.png") no-repeat transparent center center / contain; float:none; padding:0; height:81px; margin:20px 0 20px 0; width:100%;}
    .dist {height:440px;}
    .diemucha, .babyexpress, .abw, .schoenheit, .signora {float:left;}
    .empty, .empty2 {float:left;}