/* HEADLINE EFFECT */

.hero-content { position: relative;}

.shadow-text,
.main-text {
	font-weight: bold;
	font-family: sans-serif;
	margin: 0;
}

.shadow-text {
	color: transparent !important;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3) ,
	0px 8px 12px rgba(0, 0, 0, 0.15) !important;
	z-index: 0 !important;
}

.main-text {
	color: #ffffff !important;
	mix-blend-mode: overlay !important;
	z-index: 1 !important;
	position: absolute !important;
    top: 0 !important;
}

.spacing {
    margin: 7rem 0;
}
.landingpage_herotext { padding-top: 10em;}
.landingpage_content p {
    color: #4A4A49;
}
.frame-type-header h2 {
    width: initial;
}

.image-embed-item {
    width: 100%;
    height: auto;
}
.icon-gallery {
    display: flex;
    column-gap: 1%;
}

.icon-gallery .image { display: block; width: 100%;}
.icon-gallery .image > img { width: 100%;}

.landingpage_gallery h2, .landingpage_sponsors .textelement__headline h2 {
    color: #202022;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.48px;
}

.landingpage_banner { margin-top: 3em;}

.badge-text {
    background: linear-gradient(180deg, #FF8D27 20%, #A65E1D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 3px;
}
.badges.badge-text-colored { 
    background: transparent !important; 
    padding: 0;
}
.badges.badge-text-colored .badge-text {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 3px;
    background: linear-gradient(180deg, #FF8D27 0%, #A65E1D 99.99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
    display: block;
}

#landingpage.orange-gradient {
    background: radial-gradient(circle closest-corner at 50% -10%, #ff8d27 31%, #512601 113%);
    border-radius: 0 0 10px 10px;
    margin-bottom: 3rem;
}

/* HERO TEXT */

#landingpage .hero-badge { display: none;}

.hero-content {
    width: 70%;
    margin: 2rem auto;
}

.hero-content h1 {
    color: #FFF;
    text-align: center;
    /* text-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.30); */
    font-family: Outfit;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 85px */
    letter-spacing: -0.85px;
    /* mix-blend-mode: soft-light; */
}
.hero-content p {
    background: linear-gradient(180deg, #FFD4AD -1.56%, #FFA657 98.44%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.frame-type-textmedia.frame-layout-0 .ce-bodytext {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.frame-type-textmedia.frame-layout-0 .ce-bodytext .btn.btn-primary {
    border-radius: 15px;
    border: 2px solid #EE7203;
    background-color: transparent;
    display: flex;
    height: 44px;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #EE7203;
    font-weight: 400;
}

.frame-type-textmedia.frame-layout-0 .ce-bodytext p:last-child .btn.btn-primary {
    background-color: #EE7203;
    color: white;
    box-shadow: 0 6px 10px 4px rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.30);
}

.frame-type-textmedia.frame-layout-0 .ce-bodytext p:last-child .btn.btn-primary::after {
    content: " ";
    background-image: url("/fileadmin/user_upload/Assets/arrow.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

.landingpage_herotext .textelement__headline {
    background: linear-gradient(180deg, #FFD4AD -1.56%, #FFA657 98.44%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    margin-top: 2em;
}

.landingpage_herotext .textelement__body p {
    background: linear-gradient(180deg, #FFBA7C -1.56%, #C98242 98.44%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.landingpage_buttons .simplebox-figure {
    border: none;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    box-shadow: none;
}
.landingpage_buttons .simplebox-figure h3 {
    background: linear-gradient(180deg, #FF8D27 0%, #A65E1D 99.99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.landingpage_buttons .simplebox-figure p { display: none;}
.landingpage_buttons .simplebox-figure .figure-img { width: 60px;}

.landingpage_sponsors .badges.badge-text-colored .badge-text { 
    margin: 0 auto;
    display: block;
    text-align: center;
}
.landingpage_sponsors .icon-gallery .image > img {
    width: 50%;
}
.landingpage_sponsors .icon-gallery .image {
    display: flex;
    width: 100%;
    justify-content: center;
}

.landingpage_gallery .frame-type-header h2::after { content: none;}
.landingpage_gallery h2 {
    margin-bottom: 1.2em;
    text-align: left;
}

.landingpage_gallery .icon-gallery .image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

@media(max-width: 591px) {
    .landingpage_gallery h2, .landingpage_sponsors .textelement__headline h2 {
        font-size: 35px;
    }
    #landingpage.orange-gradient {
        background: radial-gradient(circle closest-corner at 50% 0%, #ff8d27 0%, #512601 200%);
    }
    .landingpage_gallery .icon-gallery {
        flex-direction: column;
    }
    .landingpage_sponsors .icon-gallery .image > img {
        width: 80%;
    }
}


@media (min-width: 592px) and (max-width: 768px) {
    .landingpage_buttons .simplebox-figure {
        min-height: 196px;
    }
    .banner-content {
        top: 70%;
        left: 6%;
        right: initial;
    }
}

@media(max-width: 1024px) {
    .landingpage_buttons .simplebox-figure h3 {
        font-size: 1.4em;
    }
}

@media (min-width: 2200px) {
    .simplebox-figure {
        min-height: 176px;
    }
   #landingpage.orange-gradient {
        background: radial-gradient(circle closest-corner at 50% -10%, #ff8d27 -10%, #512601 113%);
   }
   .btn.btn-primary {
        font-size: 0.9em;
   }
}