* {
  margin:0;
  padding:0;
}
h1, h2, h3, h4, h5, h6 { font-weight:normal !important; }
html { height:100%; }
body {
  display:table;
  border-collapse:collapse;
  height:100%;
  width:100%;
  font-size:12px;
  font-family:'HelveticaNeueW01-55Roma';
}
.box-s {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}
.inner {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  margin:0 auto;
  width:320px;
}
.clear {
  width:100%;
  height:1px;
  display:block;
  float:none;
  clear:both;
}
.invisible { display:none; }
.cta-box {
  font-family:'HelveticaNeueW01-55Roma';
  text-transform:uppercase;
  color:white;
  font-size:12px;
  text-decoration:none;
}
.cta-box strong { font-family:'HelveticaNeueW01-65Medi'; }
header#header {
  display:table-row;
  height:148px;
}
header#header #header-menu {
  height:10px;
  background-color:black;
}
header#header #header-menu .inner { height:10px; }
header#header #header-menu a {
  text-indent:-999em;
  display:inline-block;
}
header#header #header-menu a.logo {
  position:absolute;
  left:50%;
  top:3px;
  margin-left:-59px;
  width:119px;
  height:86px;
  background-image:url('../images/mobile/general/logo.png');
  background-size:119px 86px;
}
header#header #header-menu a.homelink, header#header #header-menu a.facebook, header#header #header-menu a.googleplus, header#header #header-menu a.youtube {
  position:absolute;
  left:50%;
  top:4px;
  width:28px;
  height:28px;
  background-size:28px 28px;
}
header#header #header-menu a.homelink {
  margin-left:-148px;
  background-image:url('../images/mobile/icons/menu-home.png');
}
header#header #header-menu a.facebook {
  margin-left:64px;
  background-image:url('../images/mobile/icons/menu-facebook.png');
}
header#header #header-menu a.googleplus {
  margin-left:94px;
  background-image:url('../images/mobile/icons/menu-googleplus.png');
}
header#header #header-menu a.youtube {
  margin-left:124px;
  background-image:url('../images/mobile/icons/menu-youtube.png');
}
header#header #header-gradient {
  display:block;
  width:100%;
  height:45px;
  background-size:1px 45px;
  background-image:url('../images/mobile/gradient-header.png');
}
header#header #header-graphic-wrapper {
  background-color:black;
  width:100%;
}
header#header #header-graphic {
  display:block;
  height:92px;
  background-size:320px 92px;
}
#content {
  display:table-row;
  height:100%;
  background-size:1px 109px;
  background-image:url('../images/mobile/gradient-content.png');
  background-repeat:repeat-x;
}
#content .inner { padding:5px 10px; }
#content #main-menu ul { list-style:none; }
#content #main-menu ul li {
  display:block;
  background-repeat:none;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  background-position:center center;
}
#content #main-menu ul li:nth-child(1) {
  height:39px;
  width:190px;
  background-size:190px 39px;
  margin-left:66px;
  padding:5px 14px;
  background-image:url('../images/mobile/menu/das-sind-wir.png');
}
#content #main-menu ul li:nth-child(1) {
  width:190px;
  height:39px;
  background-size:190px 39px;
  margin-left:66px;
  padding-left:14px;
  padding-top:5px;
  background-image:url('../images/mobile/menu/das-sind-wir.png');
}
#content #main-menu ul li:nth-child(2) {
  width:257px;
  height:42px;
  background-size:257px 42px;
  margin-left:30px;
  padding-left:18px;
  padding-top:7px;
  background-image:url('../images/mobile/menu/so-findest-du-uns.png');
}
#content #main-menu ul li:nth-child(3) {
  width:99px;
  height:39px;
  background-size:99px 39px;
  margin-left:70px;
  padding-left:15px;
  padding-top:7px;
  background-image:url('../images/mobile/menu/news.png');
}
#content #main-menu ul li:nth-child(4) {
  width:210px;
  height:38px;
  background-size:210px 38px;
  margin-left:16px;
  padding-left:15px;
  padding-top:7px;
  background-image:url('../images/mobile/menu/der-ojs-club.png');
}
#content #main-menu ul li:nth-child(5) {
  width:160px;
  height:38px;
  background-size:160px 38px;
  margin-left:100px;
  padding-left:11px;
  padding-top:7px;
  background-image:url('../images/mobile/menu/dein-style.png');
}
#content #main-menu ul li a {
  color:#444444;
  text-decoration:none;
  font-family:'Novecento Sans W01 Bd';
  font-size:22px;
}
#content .headline {
  width:100%;
  padding-bottom:10px;
}
#content .headline h2 {
  text-transform:uppercase;
  font-family:'Novecento Sans W01 Bd';
  margin:0;
  padding:0;
}
#content .headline h2.small-headline {
  padding-top:10px;
  font-size:20px;
  line-height:14px;
  color:#4b4b4d;
}
#content .headline h2.big-headline {
  font-size:36px;
  line-height:28px;
  letter-spacing:-3px;
  color:#321a58;
  float:left;
}
#content .headline h2.huge {
  font-size:180px;
  color:#4b4b4d;
}
#content .headline img {
  position:relative;
  float:left;
  margin-top:-30px;
  margin-bottom:-28px;
}
#content .headline a {
  text-decoration:none;
  color:white;
  font-size:12px;
  font-family:'Tahoma';
  padding:6px 15px;
  display:inline-block;
  background-size:cover;
  background-image:url('../images/mobile/general/grunge-link.png');
  margin-top:30px;
  float:right;
}
#content p.more, #content p.back { padding-top:10px; }
#content p.more a, #content p.back a {
  text-decoration:none;
  color:white;
  font-size:12px;
  font-family:'Tahoma';
  padding:6px 15px;
  width:100px;
  display:block;
  background-size:contain;
  background-repeat:no-repeat;
  text-align:center;
  background-position:center center;
  background-image:url('../images/mobile/general/grunge-link.png');
}
#content .grunge-link {
  text-decoration:none;
  color:white;
  font-size:12px;
  font-family:'Tahoma';
  padding:6px 15px;
  display:inline-block;
  background-size:cover;
  background-image:url('../images/mobile/general/grunge-link.png');
}
#content .brand-link {
  margin:0 auto;
  margin-bottom:10px;
  display:block;
  width:280px;
  height:125px;
}
#content .content-box {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  padding:10px;
  background:linear-gradient(top,#c8482c,#ffffff);
  background-image:linear-gradient(top,#cacaca 9%,#ffffff 78%);
  background-image:-o-linear-gradient(top,#cacaca 9%,#ffffff 78%);
  background-image:-moz-linear-gradient(top,#cacaca 9%,#ffffff 78%);
  background-image:-webkit-linear-gradient(top,#cacaca 9%,#ffffff 78%);
  background-image:-ms-linear-gradient(top,#cacaca 9%,#ffffff 78%);
  font-family:'HelveticaNeueW01-55Roma';
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0.09,#cacaca),color-stop(0.78,#ffffff));
}
#content .content-box .grunge-link {
  float:right;
  margin-bottom:-10px;
}
#content .content-box .highlight { font-family:'HelveticaNeueW01-65Medi'; }
#content .content-box h1, #content .content-box h2, #content .content-box h3 {
  font-family:'Novecento Sans W01 Bd';
  margin-bottom:10px;
  letter-spacing:-1px;
  color:#321a58;
}
#content .content-box h1 a, #content .content-box h2 a, #content .content-box h3 a { color:#321a58; }
#content .content-box h1 { font-size:14px; }
#content .content-box h2 { font-size:13px; }
#content .content-box h3 { font-size:12px; }
#content .content-box p {
  letter-spacing:0px;
  line-height:14px;
}
#content .content-box img { margin-bottom:10px; }
#content .content-box img.floating {
  float:left;
  margin-right:10px;
}
#content .content-box img.floating-right {
  float:right;
  margin-left:5px;
  margin-top:10px;
}
#content .content-box ul {
  margin:0;
  padding:0;
  display:block;
  margin-bottom:10px;
  list-style-type:disc;
  list-style-position:inside;
}
#content .content-box li {
  float:left;
  width:50%;
}
#content .content-box strong { font-family:'HelveticaNeueW01-65Medi'; }
#content .store-history {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  font-family:'HelveticaNeueW01-55Roma';
  text-transform:uppercase;
  color:white;
  font-size:12px;
  text-decoration:none;
  display:block;
  width:304px;
  height:376px;
  background-size:304px 376px;
  background-image:url('../images/mobile/cta/store-history.png');
  margin-left:-2px;
  padding-top:104px;
  padding-left:70px;
  padding-right:15px;
}
#content .store-history strong { font-family:'HelveticaNeueW01-65Medi'; }
#content .cta-opening-hours {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  font-family:'HelveticaNeueW01-55Roma';
  text-transform:uppercase;
  color:white;
  font-size:12px;
  text-decoration:none;
  display:block;
  width:299px;
  height:132px;
  background-size:299px 132px;
  background-image:url('../images/mobile/cta/opening-hours.png');
  padding-left:40px;
  padding-top:73px;
}
#content .cta-opening-hours strong { font-family:'HelveticaNeueW01-65Medi'; }
#content .cta-gift-fashion {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  font-family:'HelveticaNeueW01-55Roma';
  text-transform:uppercase;
  color:white;
  font-size:12px;
  text-decoration:none;
  display:block;
  width:297px;
  height:141px;
  background-size:297px 141px;
  background-image:url('../images/mobile/cta/gift-fashion.png');
  padding-top:80px;
  padding-left:35px;
  margin-bottom:20px;
}
#content .cta-gift-fashion strong { font-family:'HelveticaNeueW01-65Medi'; }
#content #route-container { margin-top:20px; }
#content .form-route {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  color:white;
  display:block;
  width:294px;
  height:119px;
  background-size:294px 119px;
  background-image:url('../images/mobile/forms/route.png');
  padding-top:40px;
  padding-left:20px;
}
#content .form-route input[type="submit"] {
  display:block;
  margin-left:85px;
  margin-top:0;
  width:115px;
  height:32px;
  background:transparent;
  border:0;
  cursor:pointer;
  text-indent:-999em;
}
#content .form-ojs-club {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  font-family:'HelveticaNeueW01-55Roma';
  text-transform:uppercase;
  color:white;
  font-size:12px;
  text-decoration:none;
  display:block;
  width:299px;
  height:398px;
  background-size:299px 398px;
  padding-top:82px;
  padding-left:20px;
  padding-right:10px;
  background-image:url('../images/mobile/forms/ojs-club.png');
}
#content .form-ojs-club strong { font-family:'HelveticaNeueW01-65Medi'; }
#content .form-ojs-club input.name, #content .form-ojs-club .anrede-select-wrap {
  width:75px;
  overflow:hidden;
  margin-right:10px;
  display:inline-block;
}
#content .form-ojs-club input.name {
  width:172px;
  margin-right:2px;
}
#content .form-ojs-club select.anrede {
  width:100px;
  -webkit-appearance:none;
  background:url('../images/forms/select-box.png') no-repeat scroll 0 -2px transparent;
}
#content .form-ojs-club input[type="submit"] {
  display:block;
  width:114px;
  height:32px;
  margin-top:12px;
  margin-left:70px;
  background:url('../images/mobile/forms/button-send.png') no-repeat scroll 0 0 transparent;
  background-size:114px 32px;
  border:0;
  cursor:pointer;
  text-indent:-999em;
}
#content .form-ojs-club label {
  display:inline-block;
  padding-right:10px;
}
#content .mystyle-entry {
  width:300px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  margin-bottom:20px;
  cursor:pointer;
}
#content .mystyle-entry .date { font-size:11px; }
#content .mystyle-entry-image-only > h3 {
  color:white;
  font-size:11px;
  padding:10px 25px;
  background-color:#321a58;
  font-family:;
  font-weight:normal;
}
#content .mystyle-entry-box {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  padding:10px;
  background:linear-gradient(top,#c8482c,#ffffff);
  background-image:linear-gradient(top,#cacaca 9%,#ffffff 78%);
  background-image:-o-linear-gradient(top,#cacaca 9%,#ffffff 78%);
  background-image:-moz-linear-gradient(top,#cacaca 9%,#ffffff 78%);
  background-image:-webkit-linear-gradient(top,#cacaca 9%,#ffffff 78%);
  background-image:-ms-linear-gradient(top,#cacaca 9%,#ffffff 78%);
  font-family:'HelveticaNeueW01-55Roma';
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0.09,#cacaca),color-stop(0.78,#ffffff));
  background:none;
  background-color:white;
  width:320px;
  padding:10px;
  position:absolute;
  left:50%;
  margin-left:-160px;
  z-index:999;
}
#content .mystyle-entry-box .grunge-link {
  float:right;
  margin-bottom:-10px;
}
#content .mystyle-entry-box .highlight { font-family:'HelveticaNeueW01-65Medi'; }
#content .mystyle-entry-box h1, #content .mystyle-entry-box h2, #content .mystyle-entry-box h3 {
  font-family:'Novecento Sans W01 Bd';
  margin-bottom:10px;
  letter-spacing:-1px;
  color:#321a58;
}
#content .mystyle-entry-box h1 a, #content .mystyle-entry-box h2 a, #content .mystyle-entry-box h3 a { color:#321a58; }
#content .mystyle-entry-box h1 { font-size:14px; }
#content .mystyle-entry-box h2 { font-size:13px; }
#content .mystyle-entry-box h3 { font-size:12px; }
#content .mystyle-entry-box p {
  letter-spacing:0px;
  line-height:14px;
}
#content .mystyle-entry-box img { margin-bottom:10px; }
#content .mystyle-entry-box img.floating {
  float:left;
  margin-right:10px;
}
#content .mystyle-entry-box img.floating-right {
  float:right;
  margin-left:5px;
  margin-top:10px;
}
#content .mystyle-entry-box ul {
  margin:0;
  padding:0;
  display:block;
  margin-bottom:10px;
  list-style-type:disc;
  list-style-position:inside;
}
#content .mystyle-entry-box li {
  float:left;
  width:50%;
}
#content .mystyle-entry-box strong { font-family:'HelveticaNeueW01-65Medi'; }
#bg-fade {
  background-color:black;
  opacity:0.8;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  position:fixed;
  display:none;
  z-index:333;
}
.photo {
  display:block;
  text-align:center;
}
.mandatory { color:#d00812; }
h2.huge {
  text-transform:uppercase;
  font-family:'Novecento Sans W01 Bd';
  margin:0;
  padding:0;
  font-size:50px;
  color:#444444;
  line-height:50px;
  margin-bottom:5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}
h3.form-headline {
  font-family:'Novecento Sans W01 Bd';
  color:white;
}
input {
  background-color:white;
  border:0;
  font-family:Tahoma, sans-serif;
  color:black;
  box-sizing:border-box;
  margin-bottom:5px;
  margin-top:5px;
}
select { border:none; }
select:focus, input:focus { outline:none; }
input[type="text"] {
  width:260px;
  padding:2px;
  -moz-box-shadow:inset 0 0 5px #888888;
  -webkit-box-shadow:inset 0 0 5px #888888;
  box-shadow:inner 0 0 5px #888888;
}
a img {
  border:0;
  outline:0;
}
hr {
  height:1px;
  margin:0 10px;
  margin-bottom:15px;
  margin-top:15px;
  border:0;
  background:none;
  border-top:1px dotted #cfcfcf;
  clear:both;
  float:none;
}
p { font-family:'HelveticaNeueW01-55Roma'; }
p strong { font-family:'HelveticaNeueW01-65Medi'; }
#social {
  display:table-row;
  height:68px;
}
.social-bar {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  list-style:none;
  margin:0 auto;
  width:250px;
  height:68px;
  padding-top:13px;
  border-top:1px dotted #cfcfcf;
}
.social-bar li {
  float:left;
  display:inline-block;
  width:35px;
  height:35px;
  margin-right:18px;
}
.social-bar li:last-child { margin-right:0; }
.social-bar li a {
  display:block;
  width:35px;
  height:35px;
  background-size:35px 35px;
  text-indent:-999em;
}
.social-bar li a.facebook { background-image:url('../images/mobile/icons/footer-facebook.png'); }
.social-bar li a.youtube { background-image:url('../images/mobile/icons/footer-youtube.png'); }
.social-bar li a.twitter { background-image:url('../images/mobile/icons/footer-twitter.png'); }
.social-bar li a.googleplus { background-image:url('../images/mobile/icons/footer-googleplus.png'); }
.social-bar li a.flickr { background-image:url('../images/mobile/icons/footer-flickr.png'); }
#footer {
  height:30px;
  display:table-row;
  background-color:#cfcfcf;
  font-family:'HelveticaNeueW01-65Medi';
  text-transform:uppercase;
  font-size:11px;
  color:#321a58;
}
#footer .inner {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  height:30px;
  padding:10px 10px 0px 10px;
}
#footer .inner p { float:left; }
#footer .inner a {
  font-family:'HelveticaNeueW01-55Roma';
  float:right;
  color:black;
  text-decoration:none;
}
@media (min--moz-device-pixel-ratio: 1.5),
       (-o-min-device-pixel-ratio: 1.5),
       (-webkit-min-device-pixel-ratio: 1.5),
       (min-device-pixel-ratio: 1.5),
       (min-resolution: 144 dpi),
       (min-resolution: 1.5 dppx) {
  header#header #header-menu a.logo { background-image:url('../images/mobile/general/logo@2x.png'); }
  header#header #header-menu a.homelink { background-image:url('../images/mobile/icons/menu-home@2x.png'); }
  header#header #header-menu a.facebook { background-image:url('../images/mobile/icons/menu-facebook@2x.png'); }
  header#header #header-menu a.googleplus { background-image:url('../images/mobile/icons/menu-googleplus@2x.png'); }
  header#header #header-menu a.youtube { background-image:url('../images/mobile/icons/menu-youtube@2x.png'); }
  header#header #header-gradient { background-image:url('../images/mobile/gradient-header@2x.png'); }
  #content { background-image:url('../images/mobile/gradient-content.png@2x'); }
  #content #main-menu ul li:nth-child(1) { background-image:url('../images/mobile/menu/das-sind-wir@2x.png'); }
  #content #main-menu ul li:nth-child(2) { background-image:url('../images/mobile/menu/so-findest-du-uns@2x.png'); }
  #content #main-menu ul li:nth-child(3) { background-image:url('../images/mobile/menu/news@2x.png'); }
  #content #main-menu ul li:nth-child(4) { background-image:url('../images/mobile/menu/der-ojs-club@2x.png'); }
  #content #main-menu ul li:nth-child(5) { background-image:url('../images/mobile/menu/dein-style@2x.png'); }
  #content p.more a, #content p.back a { background-image:url('../images/mobile/general/grunge-link@2x.png'); }
  #content .grunge-link { background-image:url('../images/mobile/general/grunge-link@2x.png'); }
  #content .store-history { background-image:url('../images/mobile/cta/store-history@2x.png'); }
  #content .cta-opening-hours { background-image:url('../images/mobile/cta/opening-hours@2x.png'); }
  #content .cta-gift-fashion { background-image:url('../images/mobile/cta/gift-fashion@2x.png'); }
  #content .form-route { background-image:url('../images/mobile/forms/route@2x.png'); }
  #content .form-ojs-club { background-image:url('../images/mobile/forms/ojs-club@2x.png'); }
  #content .form-ojs-club input[type="submit"] { background-image:url('../images/mobile/forms/button-send@2x.png'); }
  .social-bar li a.facebook { background-image:url('../images/mobile/icons/footer-facebook@2x.png'); }
  .social-bar li a.youtube { background-image:url('../images/mobile/icons/footer-youtube@2x.png'); }
  .social-bar li a.twitter { background-image:url('../images/mobile/icons/footer-twitter@2x.png'); }
  .social-bar li a.googleplus { background-image:url('../images/mobile/icons/footer-googleplus@2x.png'); }
  .social-bar li a.flickr { background-image:url('../images/mobile/icons/footer-flickr@2x.png'); }
}