@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: none;

/* Inside auto layout */
flex: none;
order: 0;
align-self: center;
flex-grow: 0;
}
.menuButton {
  display: flex;
  align-items: flex-end;
  justify-content: end;
  position: relative;
  width: 100%;
}
.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;


/* 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;

}
div.nav {
    display: none;
}
nav {
/* Intro section */

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


width: 375px;
height: 280px;
background: #E2D2B1;

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

}
nav ul {
    /* Content */

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

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: 40px;

font-family: 'alegreya';
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 140%;
/* 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: 388px;
    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;
border-top: none;
border-bottom: solid #000 2px;

/* 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;

}
.dot {
    /* Ellipse 1 */


width: 15px;
height: 15px;
border-radius: 50%;
margin-right: 10px;

background: #813928;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
z-index: 0;
float: left;

}
section#lupe {
order: 3;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
div.lupe {
    /* Intro section */

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

width: 390px;

height: 60px;
border-top: solid #000 2px; 

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

}
div.art2 {
   /* Content */

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

width: 343px;
height: 376px;


/* Inside auto layout */
flex: none;
order: 2;
align-self: center;
justify-self: center;
flex-grow: 0;
}
div.art2cell {

/* Call-out 1 */

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

width: 341px;
height: 180px;


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

}
div.art2cell span.title {
    /* PERSONALAFFÄRE IM MINISTERIUM */

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

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


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

}
div.art2cell span.text {
    /* Auswirkungen auf die Verwalfüngsstrukturen */

/* 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;

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


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

}
footer {
    /* Footer */

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

width: 390px;
height: 350px;

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

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

}

footer div.left {
    display: none;
}
footer div.right {
    /* Footer */

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

width: 390px;
height: 350px;

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

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

}
footer div.right p.beo {
    /* Financial Clarity You Can Trust Trusted financial guidance for every stage of life and business since 1987 */

display: block;

/* Heading 2 */
font-family: 'alegreya';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 105%;
margin: 0px 30px;
/* or 21px */

/* Text/on accent 1 */
color: #000000;


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

}
footer div.right p.copy {
order: 3;
}
footer div.right div.img {
    /* Beo 1 */
position: static;
width: 120px;
height: 120px;
margin: 0px;

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

}
footer div.right div.beobachter {
    /* beobachter 1 */

position: relative;
top: 30px;
left: 0px;
width: 375px;
height: 94px;


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

}
/*//////////////////RUBRIK/////////////////*/
main div.rubriktitle {

/* Hero */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 25px;

width: 375px;
height: 65px;

/* Background/Background 2 */
background: #E2D2B1;
border-top: solid #000 2px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: center;
flex-grow: 0;
}
main div.rubriktitle span.rubriktitle {


/* wirtschaft */

/* 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: center;
flex-grow: 0;

}
section#other {
    border-top: solid #000 2px;
    border-bottom: solid #000 2px;
    display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
padding: 0px;
width: 389px;

}
div.other {
    /* Step 1 */

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

width: 160px;
height: 206px;
border: none;

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

}
div.other div.img {
/* Image */

width: 140px;
height: 140px;

border-radius: 20px;

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

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

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

width: 140px;
height: 44px;


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

}
div.other div.text h3 {
    /* Our tax advisors write you a plan */

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

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


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

}
div.other div.text p {
    display: none;
}

/*////////////////////INNER///////////////////*/
div.articletitle h1 {
/* Deutsche Konzerne investieren Milliarden in China */

font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 111%;
/* or 40px */

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


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

}
div.articletitle p {

/* Deutsche Investitionen in China sind von 2023 bis 2024 auf 5,7 Milliarden Euro gestiegen.  */

/* Heading 4 */
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 105%;
/* or 23px */
letter-spacing: -0.045em;

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


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

}
div.articletext {
    width: 375px;
   border-bottom: solid #000 2px;
}
div.articletitle {
    width: 375px;
    margin-top: 25px;
    border-top: solid #000 2px;
}
div.articletext p {
    clear: both;
}
}