@media screen and (max-width: 800px) {
 body {
     /* Main */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: center;
flex-grow: 0;
z-index: 1;

 }
    header {
    /* HEADER */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 0px 0px;
padding-top: 15px;
gap: 0px;

width: 390px;
height: 250px;

/* Background/Background 1 */
background: #E2D2B1;
border-bottom: solid #000 3px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: center;
flex-grow: 0;
}
.menuButton {
  text-align: right;
    display: block;
    position: relative;
    width: 100%;
    background-color: yellow;
}
.menuButton img {
    width: 32px;
}
header div.header {
    /* Content */
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px;
gap: 10px;

width: 343px;
height: 240px;

background-color: orange;
border: solid #000 3px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: center;
flex-grow: 0;

}
div.header div.logo {
    /* Image */

width: 131px;
height: 126px;

border-radius: 0px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
div.header div.text {
    /* Text */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 0px;
gap: 16px;

width: 343px;
height: 85px;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;

}
div.text .beo {
    /* DER BEOBACHTER */

width: 343px;
height: 48px;

/* Heading 1 */
font-family: 'radgivare';
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 100%;
/* identical to box height, or 48px */
text-align: center;
letter-spacing: -0.02em;

/* Text/Paragraph */
color: #000000;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;

}
div.text .sehen {

/* SEHEN, WAS ANDERE ÜBERSEHEN. */

width: 343px;
height: 21px;

/* Heading 2 */
font-family: 'alegreya';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 105%;
/* identical to box height, or 21px */
text-align: center;

/* Text/Paragraph */
color: #000000;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;

}
nav {
/* Intro section */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 16px 100px;
gap: 20px;

display: none;
width: 375px;
max-width: 1500px;
height: 308.03px;
background: #E2D2B1;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;

}
nav ul {
    /* Content */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px;
gap: 28.04px;

width: 343px;
height: 38px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;

}

nav ul li {

/* ANALYSEN */
list-style-type: none;
width: 300px;
height: 34px;

font-family: 'alegreya';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 105%;
/* identical to box height, or 34px */
text-align: center;
letter-spacing: -0.07em;

/* Text/Paragraph */
color: #000000;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

}
main {
    /* MAIN */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;
padding-top: 10px;
gap: 10px;

width: 390px;

/* Background/Background 1 */
background: #E2D2B1;
border-top: none;

/* Inside auto layout */
flex: none;
order: 0;
align-self: center;
flex-grow: 0;

}
section#haupt {
    /* Section 1 */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;
gap: 192px;

width: 390px;
height: 211px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;

}
div.haupt {
    width: 390px;
    height: 211px;
    padding: 0px;
}
div.haupt div.textblock {
    /* Content */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
padding: 10px 15px;
margin-right: 30px;
gap: 10px;

width: 155px;
height: 172px;

background: rgba(226, 210, 177, 0.71);

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
div.textblock .title {
    /* Finanzkrise: Ursachen und Folgen */

/* Heading 2 */
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 105%;
/* or 21px */

/* Text/Paragraph */
color: #000000;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;

}
div.textblock .teaser {
        /* Ein umfassender Überbiick über die aktuellen Turbulenzen */


/* Paragraph */
font-family: 'Times';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 110%;
/* or 18px */
letter-spacing: -0.045em;

/* Text/Paragraph */
color: #000000;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;

}
div.aktuell {
    /* Intro section */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;
gap: 20px;

width: 390px;

height: 60px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;

}
span.aktuell {
    /* AKTUELL */

width: 343px;
height: 21px;

/* Heading 2 */

font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 105%;
/* identical to box height, or 21px */
text-align: center;

/* Text/Paragraph */
color: #000000;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
div.art3 {
    /* Content */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;
gap: 10px;

width: 343px;
height: 376px;


/* Inside auto layout */
flex: none;
order: 2;
align-self: center;
justify-self: center;
flex-grow: 0;

}
div.art3cell {
    /* Call-out 1 */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px 0px;
gap: 7px;

width: 343px;
height: 112px;

/* Divider/Divider 1 */
border-top: 1px solid #2E4F21;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;

}
div.art3cell span.title {
    /* Die Zukunet des Gesundheitswesens */

/* Heading 2 */
font-family: 'alegreya';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 105%;
/* identical to box height, or 21px */
margin-left: 5px;
/* Text/Paragraph */
color: #000000;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;

}
div.art3cell span.text {
    /* Auswirkungen aut die Gesundht swesens */

/* Paragraph */
font-family: 'Times';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 110%;
/* identical to box height, or 18px */
letter-spacing: -0.045em;
margin-left: 5px;

/* Text/Paragraph */
color: #000000;


/* Inside auto layout */
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;

}
div.art3cell span.cat {

/* GESUNDHEIT */

/* Heading 5 */
font-family: 'radgivare';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 105%;
/* identical to box height, or 19px */
letter-spacing: -0.02em;

/* Text/Paragraph */
color: #000000;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;

}
footer {
    /* Footer */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
/*padding: 32px 24px;*/
padding: 0px;
gap: 80px;

width: 390px;
height: 179px;

/* Background/Background 3 */
background: #E2D2B1;
border-radius: 0px;

/* Inside auto layout */
flex: none;
order: 4;
align-self: center;
flex-grow: 0;
z-index: 4;

}
}