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

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


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

}
.page {
    padding: 0px 5px;
    box-shadow: 0px 0px 11px 0px rgba(34, 60, 80, 0.2);
    display: flex;
flex-direction: column;
align-items: center;

}

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

gap: 0px;

width: 800px;
height: 254px;

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

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

}
.menuButton {
    display: flex;
    align-items: flex-end;
    justify-content: end;
    text-align: right;
    position: relative;
    width: 100%;
}
.hamburger {
    display: block;
}
.close {
    display: none;
}
.menuButton img {
    width: 37px;
}

header div.header {
    /* Content */
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0px;
gap: 0px;

width: 752px;
height: 202px;


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

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

width: 200px;
height: 186px;

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

width: 500px;
height: 148px;


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

}

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

width: 509px;
height: 90px;

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

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


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
  
}
div.text .sehen {
    /* SEHEN, WAS ANDERE ÜBERSEHEN. */

width: 509px;
height: 34px;

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

/* 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: flex-end;
justify-content: start;
padding: 0px;
gap: 0px;

width: 800px;
height: 306.81px;
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-around;
align-items: flex-end;
padding: 0px;
gap: 0px;

width: 752px;
height: 50px;


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

}
nav ul li {

/* ANALYSEN */
list-style-type: none;

width: 301px;
height: 50px;

font-family: 'alegreya';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 170%;
/* or 50px */
text-align: center;
letter-spacing: -0.07em;

/* Text/Paragraph */
color: #000000;
border: solid #000 1px;


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


}
.menu li:hover, .menu li a:hover, .menu li:hover > a {
    color:#f1e5cb;
    background: #813928; 
    border: solid 0px #813928; 
    border-radius: 25px;
    padding:0px; 
    }
main {
    /* MAIN */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: center;
/*padding: 26px 24px;*/
padding: 0px;
gap: 10px;

width: 800px;

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

box-sizing: border-box;

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

width: 800px;
height: 425px;

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

}
div.haupt {
width: 752px;
height: 345px;
/* Card */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
/*padding: 64px 50px;*/
gap: 60px;

border: none;


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

}
div.haupt div.textblock {

/* Content */

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

width: 305px;
height: 217px;

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: 22px;
line-height: 105%;
/* or 34px */

/* 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: 16px;
line-height: 110%;
/* or 26px */

/* 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: 800px;
height: 60px;


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

}
span.aktuell {
    /* AKTUELL */


font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 105%;
/* or 50px */
text-align: center;
margin: 0px;
/* 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: 720px;
height: 533px;


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

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

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

width: 720px;
height: 163px;

border-left: none;
border-top: solid #000 2px;


/* 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: 22px;
line-height: 105%;
/* or 34px */
margin-left: 5px;

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


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

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


/* Paragraph */
font-family: 'Times';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 110%;
/* or 26px */
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: 32px;
line-height: 105%;
/* identical to box height, or 34px */

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


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

}
.first3 {
    border-top: none;
}

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: 800px;
height: 60px;


/* 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;
justify-content: space-around;
padding: 0px;
gap: 10px;

width: 720px;
height: 533px;


/* 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: flex-start;
/*padding: 20px 160px 20px 0px;*/
padding: 0px;
gap: 15px;
isolation: isolate;

width: 720px;
height: 250px;


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

}
.dot {
    /* Ellipse 1 */


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

background: #813928;

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

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

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

/* 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: 20px;
line-height: 110%;
/* or 26px */

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


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


}
.first2 {
    
    border-right: none;
    border-bottom: solid #000 2px;
}
footer {
    /* Footer */

/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
/*padding: 67px 32px 32px;*/
padding: 0px;
gap: 20px;

width: 800px;
height: 292px;

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

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

}

footer div.left {
    /* Left column */

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

width: 328px;
height: 290px;


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

}
footer div.right {
    /* Right column */

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

width: 328px;
height: 290px;


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

}
footer div.left p {
    font-size: 25px;
}
footer div.right div.img {

/* Beo 1 */

position: relative;
top: 40px;
left: -30px;
width: 133px;
height: 136px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
align-self: center;
z-index: 3;
}
footer div.right div.beobachter {
    /* beobachter 1 */

position: relative;
top: 30px;
left: 30px;
width: 450px;
height: 114px;
padding: 0px;


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

}

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

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

width: 720px;
height: 134px;

/* Background/Background 2 */
background: #E2D2B1;


/* 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: 70px;
line-height: 100%;
/* identical to box height, or 90px */
text-align: center;
letter-spacing: -0.03em;

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


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


}
div.other {
    /* Step 1 */

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

width: 799px;
height: 188px;


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

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

width: 150px;
height: 150px;

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;
justify-content: center;
padding: 0px;
gap: 15px;

width: 480px;
height: 178px;


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

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

/* Heading 3 */

font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 105%;
/* or 36px */
letter-spacing: -0.045em;

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


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

}
div.other div.text p {
    /* Accurately prepare and file personal and business tax returns to maximize deductions and ensure compliance. */

/* Paragraph */
font-family: 'Times';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 110%;
/* or 26px */

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


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

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


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

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


/* Inside auto layout */
flex: none;
order: 0;
align-self: center;
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: 22px;
line-height: 105%;
/* or 27px */
letter-spacing: -0.045em;

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


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

}
div.articletitle, div.articletext {
    width: 720px;
}

}