/**

 * @author ( Marcel Schmidt )

 */

* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: "Neue Helvetica W01";
    font-style: normal;
    font-weight: 100;
    src: url("fonts/cc0b18f1-39d1-4580-b602-5a15f141c052.eot?#iefix");
    src: url("fonts/cc0b18f1-39d1-4580-b602-5a15f141c052.eot?#iefix") format("eot"), url("fonts/685c012e-b603-41bb-9f76-d7e1cab76f53.woff2") format("woff2"), url("fonts/0248a27d-0abf-4b74-a3c5-47a73e09098d.woff") format("woff"), url("fonts/47657cdc-7580-4429-a42b-88917e1ee633.ttf") format("truetype"), url("fonts/0cb85325-f0de-4961-88cd-36759752dddc.svg#0cb85325-f0de-4961-88cd-36759752dddc") format("svg");
    font-display: swap
}

@font-face {
    font-family: "Neue Helvetica W01";
    font-style: italic;
    font-weight: 100;
    src: url("fonts/b74c519b-e2f4-426d-983e-73e6179fb1c3.eot?#iefix");
    src: url("fonts/b74c519b-e2f4-426d-983e-73e6179fb1c3.eot?#iefix") format("eot"), url("fonts/176a80d2-cdc4-4f80-a617-24026f69062c.woff2") format("woff2"), url("fonts/8591aeba-737a-4116-9397-585c23ebe051.woff") format("woff"), url("fonts/e2fecb5c-a4e8-4326-99d3-04ccc5a2fe7b.ttf") format("truetype"), url("fonts/04afbdb8-b0c5-4f69-ad0a-d225e45f8882.svg#04afbdb8-b0c5-4f69-ad0a-d225e45f8882") format("svg");
    font-display: swap
}

@font-face {
    font-family: "Neue Helvetica W01";
    font-style: normal;
    font-weight: 300;
    src: url("fonts/8827e223-8d96-4750-8b0c-8ef828fb1f0f.eot?#iefix");
    src: url("fonts/8827e223-8d96-4750-8b0c-8ef828fb1f0f.eot?#iefix") format("eot"), url("fonts/0128d8b7-d00b-4315-8daa-970f97ecac64.woff2") format("woff2"), url("fonts/803af1a9-a09b-4de5-ba36-e3d228fb5bc4.woff") format("woff"), url("fonts/831880ae-4958-487d-bc2f-aa2c1a0636e7.ttf") format("truetype"), url("fonts/3513edb4-f4ad-4340-85e6-0cea8ca12237.svg#3513edb4-f4ad-4340-85e6-0cea8ca12237") format("svg");
    font-display: swap
}

@font-face {
    font-family: "Neue Helvetica W01";
    font-style: italic;
    font-weight: 300;
    src: url("fonts/f58764aa-e314-4f4f-bcd5-2feb02b22e08.eot?#iefix");
    src: url("fonts/f58764aa-e314-4f4f-bcd5-2feb02b22e08.eot?#iefix") format("eot"), url("fonts/6c334865-778f-4cb5-9b2e-cfdfb2d2c205.woff2") format("woff2"), url("fonts/ca10c83d-ebd5-4705-8f95-673919515083.woff") format("woff"), url("fonts/ab661d69-d776-4fbf-94fe-f7d2950ddc70.ttf") format("truetype"), url("fonts/72289c2d-620c-4c18-93d5-5938530db5e3.svg#72289c2d-620c-4c18-93d5-5938530db5e3") format("svg");
    font-display: swap
}

@font-face {
    font-family: "Neue Helvetica W01";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/285b0922-a3d2-4550-b29d-b4f74a9611e4.eot?#iefix");
    src: url("fonts/285b0922-a3d2-4550-b29d-b4f74a9611e4.eot?#iefix") format("eot"), url("fonts/823e6839-53d8-41b9-a5a1-5f05833acd12.woff2") format("woff2"), url("fonts/92679273-9798-4d27-893b-d53dfd2bb4c7.woff") format("woff"), url("fonts/e4fb2994-44c3-40fe-bec7-9c4fa593b799.ttf") format("truetype"), url("fonts/ea22c7fc-8a36-484f-85e6-d014662a2273.svg#ea22c7fc-8a36-484f-85e6-d014662a2273") format("svg");
    font-display: swap
}

@font-face {
    font-family: "Neue Helvetica W01";
    font-style: italic;
    font-weight: 400;
    src: url("fonts/cd36001a-de1e-4773-adcf-a6e589f0705a.eot?#iefix");
    src: url("fonts/cd36001a-de1e-4773-adcf-a6e589f0705a.eot?#iefix") format("eot"), url("fonts/bcfc49d1-ee2f-4fcc-8322-99607f4a7007.woff2") format("woff2"), url("fonts/fd783951-0929-49f5-9cdd-5b34008bb362.woff") format("woff"), url("fonts/035a7d84-08c6-4e91-9dbc-a881c1d76333.ttf") format("truetype"), url("fonts/553e1a25-3907-46e7-9bec-d7b74e7e05eb.svg#553e1a25-3907-46e7-9bec-d7b74e7e05eb") format("svg");
    font-display: swap
}

@font-face {
    font-family: "Neue Helvetica W01";
    font-style: normal;
    font-weight: 500;
    src: url("fonts/5abe98e8-3e80-4fd6-b27b-6ec4c6385461.eot?#iefix");
    src: url("fonts/5abe98e8-3e80-4fd6-b27b-6ec4c6385461.eot?#iefix") format("eot"), url("fonts/c86f4d57-4caf-4c6f-9554-7926dd67e3f1.woff2") format("woff2"), url("fonts/92c69f6c-0185-4eb2-800e-1ee3947ca4dd.woff") format("woff"), url("fonts/e11c48d3-bed3-4b35-9d1e-1a5c7afe80e3.ttf") format("truetype"), url("fonts/394a4a67-cf1b-44ee-a02e-68dc9752d99e.svg#394a4a67-cf1b-44ee-a02e-68dc9752d99e") format("svg");
    font-display: swap
}

@font-face {
    font-family: "Neue Helvetica W01";
    font-style: normal;
    font-weight: 700;
    src: url("fonts/e276fe3d-01c5-4575-99f1-3fc0780d5417.eot?#iefix");
    src: url("fonts/e276fe3d-01c5-4575-99f1-3fc0780d5417.eot?#iefix") format("eot"), url("fonts/a61c00c6-86e7-4fa9-ac6b-476548df9cb8.woff2") format("woff2"), url("fonts/7fd00069-f615-471e-8089-b0bab013cfd9.woff") format("woff"), url("fonts/7c110d92-b5c8-416b-b5c6-5f1d6c3a720a.ttf") format("truetype"), url("fonts/ee27a720-58cd-465f-b85c-1a5b5bdee597.svg#ee27a720-58cd-465f-b85c-1a5b5bdee597") format("svg");
    font-display: swap
}

@font-face {
    font-family: "Neue Helvetica W01";
    font-style: italic;
    font-weight: 700;
    src: url("fonts/21a97ece-dadb-4f5e-98d9-51ebcbd7ac41.eot?#iefix");
    src: url("fonts/21a97ece-dadb-4f5e-98d9-51ebcbd7ac41.eot?#iefix") format("eot"), url("fonts/6a88d203-cbbc-42e9-b4b7-195631718870.woff2") format("woff2"), url("fonts/502de8c5-bac6-4ef6-9a65-4893fe147d51.woff") format("woff"), url("fonts/05b43b63-059e-407d-96d0-fa69d2eb6ec2.ttf") format("truetype"), url("fonts/440b047b-d7cc-44db-b119-817f01483587.svg#440b047b-d7cc-44db-b119-817f01483587") format("svg");
    font-display: swap
}

body {
    background: #E6E6E6;
    width: 100%;
    margin: 0 auto;
    font-family: "Neue Helvetica W01", Arial, Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.625;
    letter-spacing: .5px;
    color: #4D4D4D;
    min-width: 350px;
    text-align: center;
}

body.home {
    height: 100% !important;
}

object, embed {
    vertical-align: top;
    outline: none;
    margin: 0;
    padding: 0;
}

img {
    border: 0px
}

a {
    color: #545454;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #9999B3;
}

a.pdf {
    display: block;
    background: url(../images/pdf.png) 0 0 no-repeat !important;
    padding-left: 25px;
    margin-left: 10px;
}

a.extlink {
    display: block;
    background: url(../images/link.png) 0 0 no-repeat;
    padding-left: 25px;
    margin-left: 10px;
}

h1 {
    margin: 0 0 25px 0;
    padding: 0;
    font-size: 26px;
    font-weight: normal;
    line-height: 35px;
    color: #9999B3;
}

p {
    margin-bottom: 10px
}

.mtop10 {
    margin-top: 10px;
}

.clear {
    clear: both;
}

.clearer {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

.fullsizeimage {
    width: 100%;
}


/* ###################### Text ###################### */
.ptop20 {
    padding-top: 20px;
}

.ptop10 {
    padding-top: 10px;
}

/* ###################### Global ###################### */

#mainpage {
    min-height: 850px;
    margin-top: 0;
}

@media (min-width: 1024px) {
    #mainpage {
        margin-top: 84px;
    }
}

#mainpage.page_index {
    background: url(../images/page_bg_1.jpg) center bottom no-repeat;
}

#mainpage.page_behandlung {
    background: url(../images/page_bg_2.jpg) center bottom no-repeat;
}

#mainpage.page_kontakt {
    background: url(../images/page_bg_5.jpg) center bottom no-repeat;
}

#mainpage.page_profil {
    background: url(../images/page_bg_3.jpg) center bottom no-repeat;
}

#mainpage.page_produkte {
    background: url(../images/page_bg_4.jpg) center bottom no-repeat;
}

/* ###################### Navigation ###################### */
#nav {

    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 96%;
    background: #fff;
    box-shadow: 5px 2px 5px grey;
    padding: 30px 2%;
}

@media (min-width: 1024px) {
    #nav {
        position: fixed;
    }
}

#nav-wrapper {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    display: none;
    text-align: center;
}

#nav-wrapper ul {
    width: 100%;
    text-align: center;
}

@media (min-width: 1024px) {
    #nav-wrapper ul {
        text-align: left;
    }
}


#nav-wrapper li {
    list-style: none;
    display: inline-block;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
}

#nav-wrapper li a.active {
    color: #9999B3;
}

#nav-info {
    float: none;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    color: #9999B3;
    margin-bottom: 10px;
}

@media (min-width: 1024px) {
    #nav-info {
        float: right;
        width: 253px;
        margin-bottom: 0px;
    }
}

/* ###################### Content ###################### */
#content-wrapper {
    width: 96%;
    max-width: 1440px;
    padding: 0 2% 2% 2%;
    margin: 0 auto;
    position: relative;
}

#logo {
    float: left;
    width: 253px;
    margin-bottom: 20px;
    height: 192px;
    background: url(../images/logo.png) 0 0 no-repeat;
    display: none;
}

@media (min-width: 768px) {
    #logo {
        float: right;
        margin-bottom: 0px;
    }
}

#content {
    background-color: rgb(230, 230, 230, 0.8);
    color: #545454;
    width: 96%;
    padding: 2%;
    float: left;
    display: none;
    text-align: left;
    margin-top: 2%;
}

@media (min-width: 1024px) {
    #content {
        background: none;
        width: 50%;
        padding: 0;
    }
}

#content li {
    margin-left: 15px;
}

.button1 {
    font-size: 14px;
    line-height: 22px;
    background: url(../images/buttons.png) 0 0 no-repeat;
    width: 140px;
    height: 169px;
    padding: 23px 40px 20px 24px;
    text-align: center;
    position: relative;
    float: left;
    z-index: 10;
    color: #fff;
    display: none;
}

@media (min-width: 1024px) {
    .button1 {
        position: absolute;
        float: none;
        top: 0;
        right: 0;
    }
}

@media (max-width: 1024px) {
    .button1 {
        top: 0 !important;
        right: 0 !important;
        margin-top: 10px;
        margin-left: 10px;
    }
}

@media (max-width: 500px) {
    .button1 {
        display: none !important;
    }
}

.button2 {
    background: url(../images/buttons.png) -266px 0 no-repeat;
    width: 155px;
    height: 182px;
    padding: 15px 30px 15px 15px;
    text-align: center;
    position: relative;
    float: left;
    z-index: 10;
    color: #fff;
    display: none;
}

@media (min-width: 1024px) {
    .button2 {
        position: absolute;
        float: none;
        top: 0;
        right: 0;
    }
}

@media (max-width: 1024px) {
    .button2 {
        top: 0 !important;
        right: 0 !important;
        margin-top: 10px;
        margin-left: 10px;
    }
}

@media (max-width: 500px) {
    .button2 {
        display: none !important;
    }
}


.button3 {
    background: url(../images/buttons.png) -548px 0 no-repeat;
    width: 125px;
    height: 167px;
    padding: 25px 60px 20px 15px;
    text-align: center;
    position: relative;
    float: left;
    z-index: 10;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #fff;
    display: none;
}

@media (min-width: 1024px) {
    .button3 {
        position: absolute;
        float: none;
        top: 0;
        right: 0;
    }
}

@media (max-width: 1024px) {
    .button3 {
        top: 0 !important;
        right: 0 !important;
        margin-top: 10px;
        margin-left: 10px;
    }
}

@media (max-width: 950px) {
    .button3 {
        display: none !important;
    }
}

.button3 a {
    color: #fff;
}

.button3 .sale {
    color: #e7246f;
    font-weight: bold;
}

#bild-article {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 100000;
    background: url(../images/Bild_Artikel.jpg) 0 0 no-repeat;
    width: 470px;
    height: 509px;
    border: 5px dotted #333;
    display: none;
}

#show-bild-article {
    cursor: pointer;
}

/* ###################### Footer ###################### */
#footer {
    min-height: 250px;
    width: 100%;
    position: relative;
    background: url(../images/skyline.png) right bottom no-repeat #242321;
}

#footer-inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    display: none;
}

#footer-inner .col {
    width: calc(100% - 20px);
    float: left;
    padding: 15px 10px 10px 10px;
    color: #999;
}

@media (min-width: 768px) {
    #footer-inner .col {
        width: calc(33% - 20px);
    }
}

#footer-inner .col a {
    color: #999;
}

#footer-inner .col a:hover {
    color: #9F49B7;
}

#footer-inner strong {
    color: #eae8e0;
}

#afooter-box {
    padding: 2px 0 5px 0;
    width: 100%;
    margin: 0 auto;
}

#afooter-box a {
    color: #999;
}

#afooter-box a:hover {
    color: #9F49B7;
}