/* include fonts */
@font-face {
    font-family: fontRegular;
    src: url(ptsans_regular.ttf);
}

@font-face {
    font-family: fontBold;
    src: url(ptsans_bold.ttf);
}

/* h2 headline color (primary) and settings fonts */
h2 {
    color: #005CA9;
    font-family: fontBold;
    font-size: 1.8em;
}

h3 {
    font-family: fontBold;
    font-size: 1.3em;
}

p, a {
    font-family: fontRegular;
    font-size: 1.1em;
}

/* link color */
a {
    color: #0000EE !important;
}

/* hide ui elements */
#nav > div.nav__inner,
#secondary-page-area > div,
#logo,
#mobile-nav > button,
#footer > div.footer-menu,
#header > div,
#footer > div.logolist,
#footer > div.logolist > div > div,
.top-link,
.ym-skip {
    display: none;
}

body::after,body::before {
    content: none;
}

/* hide right side area */
#secondary-page-area {
    width: 0px;
}

/* center content */
#main > div.ym-column.ym-clearfix {
    display: flex;
    justify-content: center;
}

/* use 100% width -> aligning with footer */
#main-content {
    width: 100%;
}

/* hide header to reduce space top */
#header {
    min-height: 0px;
    height: 0px;
}

/* center store images in div */
div.module-imagebox {
    text-align: center;
}

/* keep layout when resizing or mobile view */
#main-content > div > div.ym-grid.ym-clearfix.keep-mobile-layout {
    display: flex;
    justify-content: space-between;
}

/* margin for footer links */
#footer > nav > div > ul.nav-service-1 > li:nth-child(1),
#footer > nav > div > ul.nav-service-1 > li:nth-child(2) {
    margin-bottom: 10px;
}

/* mobile specific settings */
@media (max-width: 600px) {

    /* resize store badges */
    #main-content > div > div.ym-grid.ym-clearfix.keep-mobile-layout > div.ym-g50.ym-gl > div > div:nth-child(1) > div > a > img,
    #main-content > div > div.ym-grid.ym-clearfix.keep-mobile-layout > div.ym-g50.ym-gr > div > div:nth-child(1) > div > a > img {
        max-height: 40px; /* 80% von 50px -> 40px */
    }

    /* hide qr codes */
    div.ym-g50:nth-child(1) > div:nth-child(1) > div:nth-child(2),
    div.ym-g50:nth-child(2) > div:nth-child(1) > div:nth-child(2) {
        display:none;
    }
}