
/* Mobile */

@media (max-width: 679px) {

    .headarea_desktop    {
     display: none;
    }

    .headarea_tablet    {
     display: none;
    }


.footer_area_tablet { display: none; }

.footer_area_desktop { display: none; }


    h1.headline    {
    margin-top:50px; margin-left:20px; margin-right:20px; text-align:left;
    }

    h2.subheadline    {
    margin-top:14px; margin-left:20px; margin-right:20px; text-align:left; color:#CB2F1D;
    }

    h2    {
    margin-top:14px; margin-left:20px; margin-right:20px; text-align:left; color:#CB2F1D; width:280px;
    }

    h2.subheadline_up    {
    margin-top:23px; margin-left:20px; margin-right:20px; margin-bottom:10px; text-align:left; color:#b4bbbb; font-size:28px; line-height:32px;
    }

    h2.subheadline_onwhite    {
    margin-top:20px; margin-left:20px; margin-right:20px; margin-bottom:10px; text-align:left; color:#b4bbbb; font-size:28px; line-height:32px;
    }

    h2.subheadline_ongrey    {
    margin-top:20px; margin-left:20px; margin-right:20px; margin-bottom:10px; text-align:left; color:#a8afaf; font-size:28px; line-height:32px;
    }

    h2.subheadline_ongrey_up    {
    margin-top:30px; margin-left:20px; margin-right:20px; margin-bottom:10px; text-align:left; color:#a8afaf; font-size:28px; line-height:32px;
    }

    h2.subheadline_white    {
    margin-top:20px; margin-left:20px; margin-right:20px; margin-bottom:10px; text-align:left; color:#ffffff; font-size:28px; line-height:32px;
    }

    h2.subheadline_white_up    {
    margin-top:25px; margin-left:20px; margin-right:20px; margin-bottom:10px; text-align:left; color:#ffffff; font-size:28px; line-height:32px;
    }

    p.content_para    {
    margin-top:20px; margin-left:20px; margin-right:20px; margin-bottom:0px; text-align:left;
    }

    p.content_para_up    {
    margin-top:30px; margin-left:20px; margin-right:20px; margin-bottom:0px; text-align:left;
    }

    p.content_para_up_01    {
    margin-top:42px; margin-left:20px; margin-right:20px; margin-bottom:0px; text-align:left;
    }

    p.content_para_01    {
    margin-top:12px; margin-left:20px; margin-right:20px; margin-bottom:0px; font-size:16px; line-height:24px; text-align:left;
    }

    p.content_para_down_01    {
    margin-top:25px; margin-left:20px; margin-right:20px; margin-bottom:45px; font-size:16px; line-height:24px; text-align:left;
    }

    p.footer    {
    margin-top:55px; margin-left:20px; margin-right:20px; margin-bottom:0px; text-align:left; color:#000000; font-size:18px; line-height:40px; font-family: 'roboto-regular';
    }

    p.footer_01    {
    margin-top:20px; margin-left:20px; margin-right:20px; margin-bottom:25px; text-align:left; color:#000000; font-size:18px; line-height:40px; font-family: 'roboto-regular';
    }

    p.footer_02    {
    margin-top:0px; margin-left:20px; margin-right:20px; margin-bottom:40px; text-align:left; color:#000000; font-size:18px; line-height:40px; font-family: 'roboto-regular';
    }

    p.footer_socialmedia    {
    margin-top:0px; margin-left:20px; margin-right:20px; margin-bottom:40px; text-align:left;;
    }

    ul.liste    {
    margin-top:0px; margin-left:20px; margin-right:20px; margin-bottom:0px; padding-left: 1em; text-align:left;
    }

    li.liste    {
    margin-top:0px; color:#000000;
    }


    .button_to_top    {
     display: none;
    }

    .gallery-content    {
     display: none;
    }

   .picture_only_medium    {
     display: none;
    }

    .picture_only_large    {
     display: none;
    }
}




/* Tablet */

@media (max-width: 979px) and (min-width: 680px) {

    .headarea_desktop    {
     display: none;
    }

    .headarea_mobile    {
     display: none;
    }

    .mobile_headline    {
     display: none;
    }


.footer_area_mobile { display: none; }

.footer_area_desktop { display: none; }


    h1.headline    {
    margin-top:38px; margin-left:83px; margin-right:20px; text-align:left;
    }

    h2.subheadline    {
    margin-top:20px; margin-left:83px; margin-right:20px; width:577px; text-align:left; color:#CB2F1D;
    }

    h2.subheadline_up    {
    margin-top:35px; margin-left:26px; margin-right:26px; margin-bottom:20px; text-align:left; color:#b4bbbb;
    }

    h2.subheadline_onwhite    {
    margin-top:30px; margin-left:26px; margin-right:26px; margin-bottom:20px; text-align:left; color:#b4bbbb;
    }

    h2.subheadline_ongrey    {
    margin-top:30px; margin-left:26px; margin-right:26px; margin-bottom:20px; text-align:left; color:#a8afaf;
    }

    h2.subheadline_ongrey_up    {
    margin-top:30px; margin-left:26px; margin-right:26px; margin-bottom:20px; text-align:left; color:#a8afaf;
    }

    h2.subheadline_white    {
    margin-top:30px; margin-left:26px; margin-right:26px; margin-bottom:20px; text-align:left; color:#ffffff;
    }

    h2.subheadline_white_up    {
    margin-top:40px; margin-left:26px; margin-right:26px; margin-bottom:20px; text-align:left; color:#ffffff;
    }

    p.content    {
    margin-top:0px; margin-left:20px; margin-right:20px; margin-bottom:0px;
    }

    p.content_para    {
    margin-top:20px; margin-left:20px; margin-right:20px; margin-bottom:0px;
    }

    p.content_para_up    {
    margin-top:35px; margin-left:20px; margin-right:20px; margin-bottom:0px;
    }

    p.content_para_up_01    {
    margin-top:42px; margin-left:20px; margin-right:20px; margin-bottom:0px;
    }

    p.content_para_01    {
    margin-top:12px; margin-left:26px; margin-right:26px; margin-bottom:0px;
    }

    p.content_para_down_01    {
    margin-top:25px; margin-left:26px; margin-right:26px; margin-bottom:45px;
    }

    p.content_up    {
    margin-top:40px; margin-left:26px; margin-right:26px; margin-bottom:0px;
    }

    p.content_up_01    {
    margin-top:35px; margin-left:26px; margin-right:26px; margin-bottom:0px;
    }

    p.content_down    {
    margin-top:0px; margin-left:26px; margin-right:26px; margin-bottom:40px;
    }

    p.content_down_01    {
    margin-top:0px; margin-left:26px; margin-right:26px; margin-bottom:50px;
    }

    p.footer    {
    margin-top:95px; margin-left:20px; margin-right:20px; margin-bottom:0px; text-align:left; color:#000000; font-size:18px; line-height:40px; font-family: 'roboto-medium';
    }

    p.footer_01    {
    margin-top:95px; margin-left:20px; margin-right:20px; margin-bottom:30px; text-align:left; color:#000000; font-size:18px; line-height:40px; font-family: 'roboto-regular';
    }

    p.footer_01a    {
    margin-top:0px; margin-left:20px; margin-right:20px; margin-bottom:40px; text-align:left; color:#000000; font-size:18px; line-height:40px; font-family: 'roboto-regular';
    }

    p.footer_02    {
    margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; text-align:left; color:#000000; font-size:18px; line-height:40px; font-family: 'roboto-medium';
    }

    p.footer_socialmedia    {
    margin-top:0px; margin-left:20px; margin-right:20px; margin-bottom:50px; text-align:left;
    }

    ul.liste    {
    margin-top:0px; margin-left:20px; margin-right:20px; margin-bottom:0px; padding-left: 1em;
    }

    li.liste    {
    margin-top:0px; color:#000000;
    }

    .button_to_top    {
     display: none;
    }

    .gallery-content    {
     display: none;
    }
    .picture_only_small    {
     display: none;
    }

    .picture_only_large    {
     display: none;
    }
}



/* Desktop */

@media (min-width: 980px) {

    .headarea_tablet    {
     display: none;
    }

    .headarea_mobile    {
     display: none;
    }

    .mobile_headline    {
     display: none;
    }


.footer_area_mobile { display: none; }

.footer_area_tablet { display: none; }


    h1.headline    {
    margin-top:0px; margin-left:83px; margin-right:20px; text-align:left;
    }

    h2.subheadline    {
    margin-top:20px; margin-left:83px; margin-right:20px; text-align:left; color:#CB2F1D;
    }

    h2.subheadline_up    {
    margin-top:35px; margin-left:160px; margin-right:30px; margin-bottom:20px; text-align:left; color:#b4bbbb;
    }

    h2.subheadline_onwhite    {
    margin-top:30px; margin-left:160px; margin-right:30px; margin-bottom:20px; text-align:left; color:#b4bbbb;
    }

    h2.subheadline_ongrey    {
    margin-top:30px; margin-left:160px; margin-right:30px; margin-bottom:20px; text-align:left; color:#a8afaf;
    }

    h2.subheadline_ongrey_up    {
    margin-top:30px; margin-left:160px; margin-right:30px; margin-bottom:20px; text-align:left; color:#a8afaf;
    }

    h2.subheadline_white    {
    margin-top:30px; margin-left:160px; margin-right:30px; margin-bottom:20px; text-align:left; color:#ffffff;
    }

    h2.subheadline_white_up    {
    margin-top:40px; margin-left:160px; margin-right:30px; margin-bottom:20px; text-align:left; color:#ffffff;
    }

    p.content    {
    margin-top:0px; margin-left:20px; margin-right:20px; margin-bottom:0px;
    }

    p.content_para    {
    margin-top:20px; margin-left:20px; margin-right:20px; margin-bottom:0px;
    }

    p.content_para_up    {
    margin-top:35px; margin-left:20px; margin-right:20px; margin-bottom:0px;
    }

    p.content_para_up_01    {
    margin-top:42px; margin-left:20px; margin-right:20px; margin-bottom:0px;
    }

    p.content_para_01    {
    margin-top:12px; margin-left:20px; margin-right:20px; margin-bottom:0px;
    }

    p.content_para_down_01    {
    margin-top:25px; margin-left:20px; margin-right:20px; margin-bottom:45px;
    }

    p.footer    {
    margin-top:95px; margin-left:20px; margin-right:20px; margin-bottom:0px; text-align:left; color:#000000; font-size:18px; line-height:40px; font-family: 'roboto-medium';
    }

    p.footer_01    {
    margin-top:95px; margin-left:20px; margin-right:20px; margin-bottom:0px; text-align:left; color:#000000; font-size:18px; line-height:40px; font-family: 'roboto-medium';
    }

    p.footer_socialmedia    {
    margin-top:40px; margin-left:20px; margin-right:20px; margin-bottom:45px; text-align:left;
    }

    ul.liste    {
    margin-top:0px; margin-left:20px; margin-right:20px; margin-bottom:0px; padding-left: 1em;
    }

    li.liste    {
    margin-top:0px; color:#000000;
    }

    .button_to_top    {
     display: block;
    }

    .picture_only_small    {
     display: none;
    }

   .picture_only_medium    {
     display: none;
    }

}