@charset "UTF-8";
    html {
        font-size: 100%;
    }
    /* Background pattern from Toptal Subtle Patterns https://www.toptal.com/designers/subtlepatterns/ */
    body {
        font-family: "Signika Negative", Arial, sans-serif;
        font-weight: 300;
        color: #161616;
        text-align: center;
/*        background-color: #FFF;*/
        background-image: url('/images/shattered_@2X');
        background-repeat: repeat;
    }
    /* FONTS
-------------------------------------------------------------- */
    
    h1,
    h2,
    h3 {
        font-family: "Signika Negative", Arial, sans-serif;
        font-weight: 300;
        letter-spacing: 0.1em;
        line-height: 1.8;
        text-transform: uppercase;
    }
    
    h1,
    h2,
    h3 {
        font-size: 1.5em;
    }
    
    h3 {
        font-size: 1.25em;
    }
    
    p {
        font-size: 1em;
        font-weight: 300;
        letter-spacing: 0.02em;
        line-height: 1.8;
    }
    
    li {
        font-size: 1em;
        font-weight: 300;
        letter-spacing: 0.02em;
        line-height: 2;
    }
    
    a {
        outline: none;
        color: #161616;
    }
    
    a:hover {
        color: #000;
        border-bottom: 1px solid #000;
    }
    
    a:before {
        content: "> ";
        color: #161616;
    }
    
    h1 a:before {
        content: normal !important;
    }
    
    p,
    ul {
        margin-bottom: 24px;
    }
    
    ::-moz-selection {
        background: #1C2D38;
        color: #fff;
        text-shadow: none;
    }
    
    ::-webkit-selection {
        background: #1C2D38;
        color: #fff;
        text-shadow: none;
    }
    
    ::selection {
        background: #1C2D38;
        color: #fff;
        text-shadow: none;
    }
    /* Mobile
-------------------------------------------------------------- */
    
    .row,
    footer {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    
    .site-title {
        padding-top: 24px;
    }
    
    #partyservice {
        /*
    background: #e6ddb3;
    background: -webkit-linear-gradient(to right, #e6ddb3, #eef2f3, #e6ddb3);
    background: linear-gradient(to right, #e6ddb3, #eef2f3, #e6ddb3);
*/
    }
    
    #ziege h2 {
        color: #d7b159;
    }
    
    #fuchs h2 {
        color: #c13a28;
    }
    
    #cookies {
        text-align: right;
        border-top: 0px solid #fff;
        background: transparent;
        position: fixed;
        transform: rotate(270deg);
        transform-origin: right bottom;
        z-index: 10000;
        width: 100%;
        font-size: 0.875em;
        color: #000;
        font-weight: 300;
    }
    
    #cookies a {
        color: #000;
    }
    
    #cookies a:hover {}
    
    #cookies div {
        padding: 15px 0;
    }
    
    #cookiesCloser {
        color: #000;
        cursor: pointer;
    }
    
    #cookiesCloser:hover {
        cursor: pointer;
        text-decoration: underline;
    }
    
    @media (max-width: 991px) {}
    /* Minimum width of 992 pixels BOOTSTRAP md */
    
    @media screen and (min-width: 992px) {
        h1,
        h2 {
            font-size: 1.5em;
        }
        .row,
        footer {
            padding-top: 48px;
            padding-bottom: 48px;
        }
        .site-title {
            padding-top: 48px;
        }
        #header-img {
            max-height: 600px;
            width: auto;
            display: block;
            margin: 0 auto;
        }