@import url('/static/css/bereich/fernsehen/das-erste/responsive/base/header.css?version="1');
@import url('/static/css/bereich/fernsehen/das-erste/responsive/base/footer.css');
@import url('/static/css/bereich/fernsehen/das-erste/responsive/base/reset.css');
@import url('/static/css/bereich/fernsehen/das-erste/responsive/base/fonts.css');
@import url('/static/css/bereich/fernsehen/das-erste/responsive/base/feature.css');
@import url('/static/css/bereich/fernsehen/das-erste/responsive/base/skin.css');
@import url('/static/css/bereich/fernsehen/das-erste/responsive/xs.css') screen and (min-width: 0px) and (max-width: 481px);
@import url('/static/css/bereich/fernsehen/das-erste/responsive/s.css') screen and (min-width: 480px) and (max-width: 641px);
@import url('/static/css/bereich/fernsehen/das-erste/responsive/m.css') screen and (min-width: 640px) and (max-width: 951px);
@import url('/static/css/bereich/fernsehen/das-erste/responsive/l.css') screen and (min-width: 950px);

footer { background-color: inherit; }
footer section { border: 0; margin-top: 0; margin-bottom: 20px; }
footer section .container { background-color: #fff; }

#load
{
    background-color: #054887;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 200000;
}

#load img
{
    left: 50%;
    margin-left: -45px;
    margin-top: -45px;
    max-width: 99px;
    min-width: 40px;
    position: fixed;
    top: 50%;
    width: 99px;
   }

.hidden{
    position:absolute;
    left:-10000px;
    top:auto;
    width: 0 !important;
    height: 0 !important;
    overflow:hidden;
}

.zoomBox{
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}

.zoomContent
{
    width: 50%;
    margin: 20% auto 0 auto;
}

.zoomContent img
{
    width: 100%;
    float: none;
}

@import url('/static/css/bereich/fernsehen/das-erste/responsive/s.css');

div.wrapper { background: #dbd9d3 !important; }
div.header_branding { background-position: top; }
div.breadcrumb { margin: 0; }
#header .section { margin: 0; padding: 0; }


body.responsive #header { height: auto; }
body.responsive #header div.section { float:none; max-width: inherit; }
body.responsive #footer .ard-wrapper { max-width: 1200px; min-width: 320px; width: auto; margin: 0 auto; float: none; }
body.responsive #footer div.section { max-width: inherit; width: auto; }

body.responsive div.wrapper div.section { max-width: inherit; padding: 0; float: none; }

/* #################### breakpoint 950px [M] #################### */
@media only screen and (max-width: 950px) {
    body.responsive div.wrapper div.section { padding: 1px 1.42857143%; max-width: 770px; margin: 0 auto; }
}

/* #################### breakpoint 640px [S] #################### */
@media only screen and (max-width: 640px) {
    body.responsive div.wrapper div.section { float: none; width: 100%; padding: 15px 0; }
}