#header {
    overflow: hidden;
    position: relative;
    padding-bottom: 30px;}

.header-section {
    display: grid;
    height: 70vh;}

.header-section > div {
    display: flex;
    flex-direction: column;
    justify-content: center;}

.header-section > div:first-child{
    --contentWidth: 1410px;
    padding: 10px max(85px, 50vw - var(--contentWidth) / 2) 85px;
    position: relative;
    min-width: max-content;
    box-sizing: border-box;
    text-shadow: 0 0 30px #f6efe3;}

.header-text * {
    z-index: 1;
    position: relative;}

.kurve {
    transform: translateY(-25px);}

[data-sqranchor="header-kurve"] {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;}

.header-section > div:first-child > img:first-child{
    width: clamp(150px, 18vw, 250px);
    max-width: 90%;
    display: block;
    margin-bottom: 30px;}

.header-text p {
    font-size: clamp(20px, 2.1vw, 26px);
    color: var(--sabia-dunkelbraun);
    margin-bottom: 0px;}

.header-text h1 {
    margin-bottom: 10px;
    font-size: clamp(28px, 3.5vw, 50px) !important;}

.header-text .sqwpluginbuttons.sqwpluginbuttonsleft {
    margin: 0;}

.header-text .sqwpluginbuttons.sqwpluginbuttonsleft a{
    min-width: 200px;
    text-align: center;}

img.produktbeispiel {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto 85px;
    width: clamp(250px, 18vw, 320px);}

@media (min-width: 1024px){
.header-section {
    grid-template-columns: repeat(2, 50vw);
    overflow: hidden;
    max-height: 600px !important;}
    
.header-section > div:first-child{
    background: url(/images/pictures/onlineshop/paper-texture-header.jpg);
    background-size: cover;}

.header-section > div:nth-child(2){
    background-size: cover !important;
    background-blend-mode: multiply;
    background-position: 50% 80% !important;
    z-index: 0;
    background: url(/images/pictures/onlineshop/rezeptbuch-headerbild.jpg);}

.header-section > div:first-child *{z-index: 1;}

.header-section > div:first-child:before {
    content: '';
    background: url(/images/pictures/onlineshop/backen-skizze.jpg);
    background-size: contain !important;
    height: 100%;
    width: 118%;
    position: absolute;
    z-index: 0;
    mix-blend-mode: multiply;
    opacity: 0.15;
    left: -24%;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;}
    
.kurve {
    transform: translateY(10px);}
}

@media (max-width: 1023px){
.header-section{
    background-size: cover !important;
    background-blend-mode: multiply;
    background-position: center !important;
    background: linear-gradient(to right, rgb(100 80 50 / 90%), rgb(100 80 50 / 0%)), url(/images/pictures/onlineshop/rezeptbuch-headerbild.jpg);}

.header-section *{color: white !important;}

img.produktbeispiel {
     left: unset !important;
     right: 100px !important;
     z-index: 1;}

.header-section > div:nth-child(2){
     position: absolute;
     width: 100%;
     height: 100%;
     pointer-events: none;}
}

@media (min-width: 1024px) and (max-width: 1100px){
img.produktbeispiel {transform: translateX(50px);}
}

@media (orientation: portrait) and (max-width: 1920px) {
.header-section, .swiper {
    max-height: 700px !important;}
}

@media (max-width: 767px) {
.header-section, .swiper {
    max-height: 60vh !important;}

img.produktbeispiel {
    bottom: -30px;
    right: 20px !important;
    filter: drop-shadow(0 0 10px rgb(35 30 20 / 15%));
    width: clamp(140px, 18vw, 320px) !important;}

.header-section > div:first-child {
    height: max-content;
    justify-content: unset;
    padding: 20px;}
}