/*
######################################
        Media-Queries
###################################### */
@media (max-width: 1800px) {
         /*
         #header { height: auto; }*/
         #splash { height: 350px; }
         #splash .text { width: 400px; vertical-align: top; padding-top: 30px; font-size: 1.3em; }
         .infotext .w66 { padding-top: 10px !important; }
}

@media (max-width: 1200px) {
         .clipped {
                 padding-bottom: 50px !important;
                 -webkit-mask:radial-gradient(100% 100% at top, #fff calc(100% - 100px), #0000 calc(100% - 50px + 3px));
                 mask:radial-gradient(100% 100% at top, #fff calc(100% - 50px), #0000 calc(100% - 50px + 3px));
         }

         .clipped_top {
                 padding-top: 80px !important;
                 -webkit-mask:radial-gradient(100% 100% at bottom, #fff calc(100% - 50px), #0000 calc(100% - 50px + 3px));
                 mask:radial-gradient(100% 100% at bottom, #fff calc(100% - 50px), #0000 calc(100% - 50px + 3px));
         }

         #startseite .korn { display: inline-block; background-position: left bottom; }
         #kampagnen .icon.star, #kampagnen .icon.star_hover { width: 16px; height: 16px; background-size: 16px 16px; }

         #splash { height: 300px; }
         #splash .text { width: 400px; font-size: 1.2em; padding-top: 0px; }
         #splash .image { width: calc(100% - 400px); height: 320px; background-position: top left; background-size: 96%; }


         #footer { padding-top: 0px !important; }
         #footer .item { margin: 0px 10px 20px 10px; }
         #footer .item:nth-child(1) img { width: 300px; height: auto;}
         #footer .item:nth-child(1) { width: 100%; text-align: center; margin: 0px 0px 20px 0px; }
         #footer .item:nth-child(2),
         #footer .item:nth-child(3),
         #footer .item:nth-child(4),
         #footer .item:nth-child(5) { float: right; width: calc(100% / 4 - 20px); }
         #footer .logo { background-position: center bottom !important; background-size: 200px auto; margin: 10px 0px; }
}

@media (max-width: 980px) {
         #menu a { margin: 3px 5px 3px 5px; padding: 6px 8px; }

         /*#header { height: 320px; } */
         #splash { height: 300px; }
         #splash .text { width: 300px; font-size: 1.0em; padding-top: 30px; }
         #splash .image { width: calc(100% - 300px); height: 320px; background-position: top left; background-size: 96%; }

         #startseite .korn { min-width: 200px; min-height: 200px; width: 200px; background-size: 200px; background-position: top center; }
         #startseite .infotext .w33, #startseite .infotext .w66 {  width: 100%; }
         #startseite .infotext .w33 { padding: 10px 20px; width: calc(100% - 40px); }
         #startseite .infotext .w50 { padding: 10px 20px; width: calc(50% - 40px); }
         #startseite .infotext span.bigger { display: block; width: 100%; }
         #startseite .infotext .bigger { text-align: center; }

         #kampagnen .w25, #kampagnen .w75 { width: 100%; }
         #kampagnen .w25, #kampagnen .w75, #kampagnen h2 { text-align: center; }

         fieldset { margin: 0px auto !important; }
}


@media (max-width: 880px) {
         #menu a { margin: 3px 4px; padding: 6px 4px; }

         #splash { height: 250px; }
         #splash .image { height: 280px; }

         #sidebar, #content { float: none; width: 100%; }
         #sidebar .mobile { display: block; }
         #sidebar .normal { display: none; }

         .kampagnen-kategorien-box {float:left; width:calc(100% / 2 - 22px) !important; min-height:80px; }

}

@media (max-width: 800px) {

}


/* ///////////////////////////////////////////////
HIER WIRD DIE SITEBAR / MENÜ AUSGEBLEDNDET
einfach ein oder ausblenden
/////////////////////////////////////////////// */
#wrapper.member #sidebar, #wrapper.member #content { float: none; width: 100%; }
#wrapper.member #sidebar .mobile { display: none; }
#wrapper.member #sidebar .normal { display: none; }

#wrapper.sponsor #sidebar, #wrapper.sponsor #content { float: none; width: 100%; }
#wrapper.sponsor #sidebar .mobile { display: none; }
#wrapper.sponsor #sidebar .normal { display: none; }

#wrapper.admin #sidebar, #wrapper.admin #content { float: none; width: 100%; }
#wrapper.admin #sidebar .mobile { display: none; }
#wrapper.admin #sidebar .normal { display: none; }

#wrapper.out #sidebar, #wrapper.out #content { float: none; width: 100%; }
#wrapper.out #sidebar .mobile { display: none; }
#wrapper.out #sidebar .normal { display: none; }