/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* FONTS / SCHRIFTARTEN */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Better Times Regular */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Better Times';
  font-style: normal;
  font-weight: 400;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/better_times-webfont.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Better Times Alt Regular */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Better Times Alt';
  font-style: normal;
  font-weight: 400;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/better_times_alt-webfont.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Better Times Swash Regular */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Better Times Swash';
  font-style: normal;
  font-weight: 400;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/better_times_swash-webfont.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* permanent-marker-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Permanent Marker';
  font-style: normal;
  font-weight: 400;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/permanent-marker-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 200;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 200;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 600;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 800;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/roboto-v49-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* caveat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/caveat-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* caveat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/caveat-v23-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* caveat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/caveat-v23-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* caveat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  src: url('https://biathlon-ruhpolding.innsiders.dev/wp-content/themes/biathlon-ruhpolding-child/fonts/caveat-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BASICS / TOKENS */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
:root{
	
	/* colors */
	--deep-blue: #023550;
	--ice-blue: #0698D6;
	--oc-color: #197AB7;
	--oc-color-darker: #1574B0;
	--oc-color-darker-2: #0D659C;
	--oc-color-lighter: #3FA1DF;
	--energy-green: #D3D800;
	--deep-green: #A7BD18;
	
	--gold: #C79E56;
	--gold-darker: #A28654;
	--gold-dark: #8E7241;
	--gold-lighter: #EECC90;
	
		
	--white: #FFFFFF;
	--black: #222222;
	--dark-grey: #2D3D45;
	--darker-grey: #636260;
	--medium-grey: #E1E1E2;
	--light-grey: #F0F4F7;
	--light-grey-2: #E2EAF0;
	
	--red: #AA1010;
	
	/* color tokens for switch */
	--highlight-color: var(--oc-color); /* -> world cup: var(--oc-color) | world championships: var(--gold); */
	--highlight-color-lighter: var(--oc-color-lighter); /* -> world cup: var(--oc-color-lighter) | world championships: var(--gold-lighter); */
	--highlight-color-darker: var(--oc-color-darker); /* -> world cup: var(--oc-color-darker) | world championships: var(--gold-darker); */
	--highlight-color-dark: var(--oc-color-darker); /* -> world cup: var(--oc-color-darker) | world championships: var(--gold-dark); */
	--highlight-color-antagonist: var(--white); /* -> world cup: var(--white) | world championships: var(--deep-blue); */
	
	/* gradients */
	
	/* fonts */
	--font-basic: "Roboto";
	--font-highlight: "Permanent Marker";
	
	/* font-sizes */
	--base-fontsize: 1.125rem;
	
	/*line-heights */
	--base-line-height: 1.6;
	--headline-line-height: 1.2;
		
	/* gaps */
	--gap-xxl: clamp(7rem, 9vw, 10rem);
	--gap-xl: clamp(5.625rem, 7vw, 8.125rem);
	--gap-l: clamp(3.75rem, 6vw , 5.625rem);
	--gap-m: 3.75rem;
	--gap-s: 2.813rem;
	--gap-xs: clamp(1rem, 2vw, 1.563rem);
	--gap-xxs: 1rem;
	--gap-0: 0;
	
	/* content-paddings */
	 --padding-lr-small: clamp(25px, 6vw, 130px);
	 --padding-lr-tiny: clamp(10px, 3vw, 35px);
	
	/* border-radius */
	--radius-regular: 10px;
	
	/* dividers */
	--divider-height: clamp(40px, 8vw, 93px);
	--image-divider-height: clamp(45px, 10vw, 133px);
	
	/* border radius */
	--btn-border-radius: 10px;
	
	/* header height */
	--header-height: 100px;
}

/* ROOT MEDIA QUERIES */
@media only screen and (max-width: 778px){
	/* font-sizes */
	:root{
		--header-height: 84px;
	}
}
@media only screen and (max-width: 640px){
	/* font-sizes */
	:root{
		--base-fontsize: 1rem;
	}
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SECTIONS & ROWS */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ---- SECTIONS ----*/
section.vc_section.content_rows,
.vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section.content_rows{
    padding: var(--gap-l) 0;
}
section.vc_section.section-grey{
    background-color: var(--light-grey);
}
/* SECTION  DEEP-BLUE */
section.vc_section.section-deep-blue{
    background-color: var(--deep-blue);
    padding: calc(var(--gap-xl) + var(--divider-height)) 0;
    position: relative;
}
section.vc_section.section-deep-blue::before{
    content:"";
	position: absolute;
	display: block;
	height: var(--divider-height);
	width: 100%;
	top: -1px;
	left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/divider-white.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: scalex(-1);
    z-index: 1;
}
section.vc_section.section-deep-blue::after{
    content:"";
	position: absolute;
	display: block;
	height: var(--divider-height);
	width: 100%;
	bottom: -1px;
	left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/divider-v2-light-grey.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
}
section.vc_section.section-deep-blue > .vc_row:first-child{
    position: static;
}
section.vc_section.section-deep-blue > .vc_row > * {
    z-index: 3;
}
section.vc_section.section-deep-blue > .vc_row *{
	color: var(--white);
}
section.vc_section.section-deep-blue > .vc_row:first-child::before{
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top:0;
    left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/berge_pattern_dark.svg");
    background-size: 2560px;
    background-repeat: repeat;
    opacity: 15%;
	z-index: 0;
}

/* Section PADDING LEFT RIGHT SMALL */
section.vc_section.section-padding-lr-small{
	left: calc(var(--padding-lr-small) * (-1));
	padding-left: var(--padding-lr-small)!important;
	padding-right: var(--padding-lr-small)!important;
	box-sizing: border-box!important;
}
section.vc_section.section-padding-lr-small > .vc_row{
    left: calc(var(--padding-lr-small) * (-1))!important;
    box-sizing: border-box!important;
    padding-left: var(--padding-lr-small)!important;
    padding-right: var(--padding-lr-small)!important;
}
@media only screen and (max-width: 778px){
	section.vc_section.section-padding-lr-small{
	left: -5px;
	padding-left: 5px!important;
	padding-right: 5px!important;
}
section.vc_section.section-padding-lr-small > .vc_row{
    left: -5px!important;
    padding-left: 5px!important;
    padding-right: 5px!important;
}
}

/* Section Deep Blue + Image Gallery */
section.vc_section.section-img-gallery-carousel{
    overflow: visible;
}
section.vc_section.section-deep-blue + .vc_clearfix + section.vc_section.section-img-gallery-carousel > .vc_row{
    position: relative;
    z-index: 2;
}
section.vc_section.section-deep-blue + .vc_clearfix + section.vc_section.section-img-gallery-carousel > .vc_row .vc_column-inner > .wpb_wrapper{
    margin-bottom: calc(calc(var(--gap-l) + var(--divider-height)) * (-1));
    top: calc(calc(var(--gap-l) + var(--divider-height)) * (-1));
    position: relative;
}
section.vc_section.section-deep-blue:has(+ .vc_clearfix + section.vc_section.section-img-gallery-carousel){
    padding-bottom: calc(var(--gap-xxl) + var(--divider-height) + clamp(0rem, 4vw, 3rem));
}

/* ---- ROWS ----*/
.vc_row.berge-watermark::before{
    content: "";
    position: absolute;
    display: block;
    width: clamp(260px, 35vw, 600px);
    height: auto;
    aspect-ratio: 600 / 306;
    bottom: 0;
    left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/berge_bolder-schraeg_dark-grey.svg");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 4%;
}

/* ---- ROWS | ROW LAYOUTS ----*/

/* --- GENERAL --- */
.vc_row.wpb_row.row-1-3 > .wpb_column,
.vc_row.wpb_row.row-1-2 > .wpb_column,
.vc_row.wpb_row.row-1-4 > .wpb_column,
.vc_row.wpb_row.row-3-3 > .wpb_column{
    width: 100%;
	position: relative;
}
.vc_row.wpb_row.row-1-3::before,
.vc_row.wpb_row.row-1-3::after,
.vc_row.wpb_row.row-1-2::before,
.vc_row.wpb_row.row-1-2::after,
.vc_row.wpb_row.row-1-4::before,
.vc_row.wpb_row.row-1-4::after,
.vc_row.wpb_row.row-3-3::before,
.vc_row.wpb_row.row-3-3::after{
    display: none;
}
.vc_row.wpb_row.row-1-2,
.vc_row.wpb_row.row-1-3,
.vc_row.wpb_row.row-1-4,
.vc_row.wpb_row.row-3-3{
	position: relative;
    display: grid;
    gap: 2.5rem;
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
	box-sizing: border-box!important;
}
/* --- ROW 1-2 --- */
.vc_row.wpb_row.row-1-2{
    grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 930px){
	.vc_row.wpb_row.row-1-2{
    grid-template-columns: 1fr;
}
}
/* --- ROW 3-3 --- */
.vc_row.wpb_row.row-3-3{
    grid-template-columns: repeat(7,1fr);
}
.vc_row.wpb_row.row-3-3 > .wpb_column:nth-child(1),
.vc_row.wpb_row.row-3-3 > .wpb_column:nth-child(3){
   grid-column: span 2;
}
.vc_row.wpb_row.row-3-3 > .wpb_column:nth-child(2){
   grid-column: span 3;
}
@media only screen and (max-width: 1150px) {
    .vc_row.wpb_row.row-3-3 {
        grid-template-columns: repeat(6,1fr);
    }
    .vc_row.wpb_row.row-3-3 > .wpb_column:nth-child(1) {
        grid-column: span 2;
    }
    .vc_row.wpb_row.row-3-3 > .wpb_column:nth-child(2) {
        grid-column: span 4;
    }
    .vc_row.wpb_row.row-3-3 > .wpb_column:nth-child(2)::after {
        opacity: 0;
    }
    .vc_row.wpb_row.row-3-3 > .wpb_column:nth-child(3) {
        grid-column: span 6;
    }
}
@media only screen and (max-width: 1000px) {
    .vc_row.wpb_row.row-3-3 {
        grid-template-columns: 1fr;
    }
	.vc_row.wpb_row.row-3-3 > .wpb_column:nth-child(1),
    .vc_row.wpb_row.row-3-3 > .wpb_column:nth-child(2){
        grid-column: span 6;
    }
    section .vc_row.row-3-3 .wpb_column:not(:last-child)::after,
	section .vc_row.row-1-4:not(.col-3) .wpb_column:nth-child(2)::after,
	section .vc_row.row-1-4.col-3 .wpb_column:nth-child(1)::after{
        content: "";
        position: absolute;
        height: 1px;
        width: 100%;
        min-width: 100%;
        background: #2D3D45;
        background: linear-gradient(90deg,rgba(45, 61, 69, 0) 0%, rgba(45, 61, 69, 1) 10%, rgba(45, 61, 69, 1) 50%, rgba(45, 61, 69, 1) 90%, rgba(45, 61, 69, 0) 100%);
        opacity: 0.1!important;
        right: inherit;
        left: 0;
        top: inherit;
        bottom: -1.25rem;
    }
}

/* AUSNAHME: UNTERBRINGUNG */
.vc_row.wpb_row.row-3-3.unterbringung > .wpb_column:nth-child(1){
    grid-column: span 5;
}
.vc_row.wpb_row.row-3-3.unterbringung > .wpb_column:nth-child(2){
    grid-column: span 2;
}

@media only screen and (max-width: 1150px) {
   .vc_row.wpb_row.row-3-3.unterbringung > .wpb_column:nth-child(1){
    grid-column: span 6;
}
.vc_row.wpb_row.row-3-3.unterbringung > .wpb_column:nth-child(2){
    grid-column: span 6;
} 
}


/* --- ROW 1-3 --- */
.vc_row.wpb_row.row-1-3{
    grid-template-columns: 1fr 2fr;
}
.vc_row.wpb_row.row-1-3.grid-reversed {
    grid-template-columns: 2fr 1fr;
}
@media only screen and (max-width: 940px){
    .vc_row.wpb_row.row-1-3,
	.vc_row.wpb_row.row-1-3.grid-reversed{
    grid-template-columns: 1fr;
}
}

/* --- ROW 1-4 --- */
.vc_row.wpb_row.row-1-4{
    grid-template-columns: repeat(auto-fill,minmax(min(220px,100%),1fr));
}
.vc_row.wpb_row.row-1-4.col-3 > *{
	grid-column: span 1;
}
.vc_row.row-1-4 .wpb_column:not(:last-child)::after,
.vc_row.row-3-3 .wpb_column:not(:last-child)::after{
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 1px;
    min-width: 1px;
    background: #2D3D45;
    background: linear-gradient(0deg,rgba(45, 61, 69, 0) 0%, rgba(45, 61, 69, 1) 10%, rgba(45, 61, 69, 1) 50%, rgba(45, 61, 69, 1) 90%, rgba(45, 61, 69, 0) 100%);  
    opacity: 0.1;
	right:-1.25rem;
	top: 0;
}
section.vc_section.section-deep-blue .vc_row.row-1-4 .wpb_column:not(:last-child)::after{
    background: #FFFFFF;
    background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);  
    opacity: 0.4;
}
/* --- ROW 1-4 Variante 3 Columns --- */
.vc_row.wpb_row.row-1-4.col-3 > *:first-child {
  grid-column: span 2;
}

/* MEDIA QUERIES ROW 1-4 */
@media only screen and (min-width: 1300px) {
    .vc_row.wpb_row.row-1-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media only screen and (max-width: 1069px) {
    .vc_row.wpb_row.row-1-4 {
        grid-template-columns: repeat(2,1fr);
    }
    .vc_row.row-1-4:not(.col-3) .wpb_column:nth-child(2)::after {
        opacity: 0!important;
    }
    .vc_row.row-1-4.col-3 .wpb_column:nth-child(1)::after {
        opacity: 0!important;
    }
}
@media only screen and (max-width: 400px) {
    .vc_row.wpb_row.row-1-4 {
        grid-template-columns: 1fr;
    }
    .vc_row.wpb_row.row-1-4.col-3 > *:first-child {
        grid-column: span 1;
    }
    .vc_row.row-1-4 .wpb_column:not(:last-child)::after{
        content: "";
        position: absolute;
        height: 1px;
        width: 100%;
        min-width: 100%;
        background: #2D3D45;
        background: linear-gradient(90deg,rgba(45, 61, 69, 0) 0%, rgba(45, 61, 69, 1) 10%, rgba(45, 61, 69, 1) 50%, rgba(45, 61, 69, 1) 90%, rgba(45, 61, 69, 0) 100%);
        opacity: 0.1!important;
        right: inherit;
        left: 0;
        top: inherit;
        bottom: -1.25rem;
    }
    section.vc_section.section-deep-blue .vc_row.row-1-4 .wpb_column:not(:last-child)::after {
        background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 100%);
        opacity: 0.4!important;
    }
}

/* ----- FEATURES BOX (STRECKENINFOS) ----- */
.features {
    background-color: var(--white);
    border-radius: var(--radius-regular);
}
.features .ult-content-box::before,
.features .ult-content-box::after {
    display: none;
}
.features .ult-content-box {
    display: flex;
    justify-content: space-between;
}
.features .ult-content-box > * {
    padding: 1rem;
    width: 100%;
    position: relative;
    display: flex;
}
.features .ult-content-box > * > * {
    width: auto;
    margin: 0 auto;
}
.features .ult-content-box > *:not(:last-child) {
    border-right: 1px solid var(--medium-grey);
}
.features .wpb_text_column p:first-child{
    font-size: var(--base-fontsize);
    color: var(--oc-color-darker);
    font-style: italic;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.2;
}
.features .wpb_text_column p:last-child{
    font-size: clamp(calc(var(--base-fontsize) * 1.470), 4vw, calc(var(--base-fontsize) * 1.889));
    color: var(--deep-blue);
    font-style: italic;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.2;
}
section.vc_section.content_rows .features .wpb_text_column + .wpb_text_column{
    margin-top: 0rem;
}

/* ---- ROWS | INNER LAYOUTS ----*/
section.vc_section.content_rows > .vc_row:not(.row-small-gap) + .vc_row{
    margin-top: var(--gap-l);
}
section.vc_section.content_rows .wpb_text_column + .wpb_text_column,
section.vc_section.content_rows > .vc_row.row-small-gap + .vc_row,
section.vc_section.content_rows .wpb_text_column.headline + .wpb_text_column:not(.subheading),
section.vc_section.content_rows .wpb_text_column + .ult-content-box-container,
section.vc_section.content_rows .wpb_text_column + style + .dt-btn,
section.vc_section.content_rows .wpb_text_column + .dt-btn,
section.vc_section.content_rows .ult-content-box-container + style + .dt-btn,
section.vc_section.content_rows .ult-content-box-container + .dt-btn,
section.vc_section.content_rows .ult-content-box-container + style + .btn-align-left,
section.vc_section.content_rows .ult-content-box-container + .btn-align-left,
section.vc_section.content_rows .wpb_text_column + style + .btn-align-left,
section.vc_section.content_rows .wpb_text_column + .btn-align-left,
section.vc_section.content_rows .wpb_text_column + style + .btn-align-center,
section.vc_section.content_rows .wpb_text_column + .btn-align-center,
section.vc_section.content_rows .wpb_text_column + style + .team-grid,
section.vc_section.content_rows .wpb_text_column + .team-grid,
section.vc_section.content_rows .wpb_text_column + style + .btn-align-left,
section.vc_section.content_rows .wpb_text_column + .btn-align-left,
section.vc_section.content_rows .btn-align-left + style + .btn-align-left,
section.vc_section.content_rows .btn-align-left + .btn-align-left,
section.vc_section.content_rows .dt-btn + style + .wpb_text_column,
section.vc_section.content_rows .dt-btn + .wpb_text_column,
section.vc_section.content_rows .btn-align-left + style + .wpb_text_column,
section.vc_section.content_rows .btn-align-left + .wpb_text_column,
section.vc_section.content_rows .wpb_text_column + .wpb_single_image{
    margin-top: 1.5rem;
}
section.vc_section.content_rows .wpb_text_column.toptitle + .wpb_text_column.headline{
	margin-top: 0;
}

/* ----------- DIVIDERS -----------*/

.divider {
    height: var(--divider-height);
    position: relative;
}
.divider::before {
    content:"";
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	top: -1px;
	left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/divider-white.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.divider.divider-white{
    background-color: var(--light-grey);
}
.divider.divider-light-grey::before{
   background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/divider-light-grey.svg");
}
.divider.divider-left::before{
    transform: scalex(-1);
}
.divider hr{
   border: 0px!important;
}
/* Dividers auto backgorund-colors */
.divider:has(+ .vc_clearfix + section.vc_section){
    background-color: var(--white);
}
.divider:has(+ .vc_clearfix + section.vc_section.section-grey){
    background-color: var(--light-grey);
}

/* ---- IMAGE DIVIDER ----*/
.image-divider{
    height: 100%;
    max-height: 1100px;
}
.image-divider img{
    height: 100%;
    max-height: 1100px;
    object-fit: cover;
    object-position: center center;
}
.image-divider .wpb_single_image {
    display: flex;
	margin-bottom: 0!important;
}
.image-divider .wpb_single_image *{
    width: 100%;
}
.image-divider::before,
.video-divider::before,
.image-divider::after,
.video-divider::after{
    content:"";
	position: absolute;
	display: block;
	height: var(--image-divider-height);
	width: 100%;
	top: -1px;
	left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/image-divider-white.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 2;
}
.image-divider::after,
.video-divider::after{
	top: inherit;
    bottom: -1px;
    transform: scaley(-1);
	left: 0;
}
/* Image-Dividers auto backgorund-colors */
section.vc_section.section-grey + .vc_clearfix + .image-divider::before,
section.vc_section.section-grey + .vc_clearfix + .video-divider::before{
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/image-divider-light-grey.svg");
}
.image-divider:has(+ .vc_clearfix + section.vc_section.section-grey)::after,
.video-divider:has(+ .vc_clearfix + section.vc_section.section-grey)::after{
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/image-divider-light-grey.svg");
}

/* AUTOMATISCHE DIVIDERS UND GAPS ABFOLGEN */
/* Letztes Element in Main vor Footer bekommt automatisch Footer-spezifischen ::after-Divider */
#main .wpb-content-wrapper > *:nth-last-child(2):not(section) section:not(.section-form),
#main .wpb-content-wrapper > section:nth-last-child(2):not(.section-form),
.single-post section.vc_section.section-img-gallery-carousel:has(.ad-carousel),
.page section.vc_section.section-img-gallery-carousel:has(.ad-carousel){
     padding-bottom: calc(var(--gap-l) + var(--divider-height));
}
#main .wpb-content-wrapper > *:nth-last-child(2):not(section) section:not(.section-form)::after,
#main .wpb-content-wrapper > section:nth-last-child(2):not(.section-form)::after,
.single-post section.vc_section.section-img-gallery-carousel:has(.ad-carousel)::after,
.page section.vc_section.section-img-gallery-carousel:has(.ad-carousel)::after{
    content: "";
    position: absolute;
    display: block;
    height: var(--divider-height);
    width: 100%;
    bottom:-1px;
    left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/divider-white.svg");
    background-size: cover;
    background-repeat: no-repeat;
	transform: scale(-1);
}
/* Element nach Form-Section hat kein ::before und ein reguläres Padding-top */
#main .wpb-content-wrapper > *:has(.section-form) + .vc_clearfix + * section{
    padding-top: var(--gap-l);
}
#main .wpb-content-wrapper > *:has(.section-form) + .vc_clearfix + * section::before{
    display: none;
}
/* Automatisches ::after von Form-Section in Grau, falls Graue Section folgt (Standard ist weiß) */
#main .wpb-content-wrapper > *:has(.section-form):has(+ .vc_clearfix + * section.vc_section.section-grey) section.vc_section.section-form::after,
#main .wpb-content-wrapper > section.vc_section.section-form:has(+ .vc_clearfix + * section.vc_section.section-grey)::after{
    background-image: url(https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/divider-v2-light-grey.svg)!important;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.wpb_text_column{
    margin-bottom: 0;
}
.wpb_text_column p,
.wpb_text_column li{
    font-family: var(--font-basic);
    font-weight: 400;
    font-size: var(--base-fontsize);
	color: var(--dark-grey);
}
.wpb_text_column p{
    line-height: var(--base-line-height);
}
.wpb_text_column strong{
    font-weight: 700;
}
.wpb_text_column p a,
.wpb_text_column li a{
    color: var(--deep-blue);
	font-weight: 500;
}
.wpb_text_column p a[target="_blank"]::after,
.wpb_text_column li a[target="_blank"]::after,
.sitemap li a[target="_blank"]::after{
    content: "";
    position: relative;
    display: inline-block;
    height: 13px;
    width: 13px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/2025/11/external-link.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 2px!important;
    filter: invert(13%) sepia(26%) saturate(5739%) hue-rotate(180deg) brightness(92%) contrast(98%);
}
.wpb_text_column.introduction-text *{
    font-family: var(--font-basic);
    font-weight: 500;
    line-height: var(--base-line-height);
    letter-spacing: 0.3px;
    color: var(--dark-grey);
	font-size: calc(var(--base-fontsize) * 1.05);
}
.wpb_text_column li::marker{
    color: var(--dark-grey);
}
.wpb_text_column li:not(:last-child){
    margin-bottom: 5px;
}
.wpb_text_column ul{
    list-style-type: disc;
}
.wpb_text_column blockquote{
    border-left: 3px solid var(--oc-color-darker);
    padding: 1rem;
    background-color: var(--white)!important;
    font-style: italic!important;
	border-radius: 0px 10px 10px 0px;
}

/* ----- ANMERKUNGEN ----- */
.wpb_text_column.anmerkungen *{
    font-size: 14px;
    line-height: 1.4;
}

.anmerkungen ol{
    margin-left: 7px;
}
.anmerkungen ol li{
    counter-increment: item;
    padding-left: 5px;
}
.anmerkungen ol li:not(:last-child){
    margin-bottom: 8px!important;
}
.anmerkungen ol li::marker{
    content: counter(item);
    font-size: 11px!important;
    line-height: 1.0!important;
}

/* ----- UL BERGE | LIST BERGE ----- */
.wpb_text_column.ul-berge ul{
    list-style-type: none;
    margin-left: 43px;
}
.wpb_text_column.ul-berge ul li{
    position: relative;
}
.wpb_text_column.ul-berge ul li::before{
    content:"";
    position:absolute;
    display: block;
    height: 13px;
    width: 33px;
    min-width: 33px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/berge_bolder_deep-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    left: -43px;
    top: 6px;
}
/* ---- STRECKE LISTE --- */
.strecke-liste{
    padding: clamp(1rem, 2vw, 1.5rem);
    background-color: var(--white);
    border-radius: 10px;
    color: var(--dark-grey);
}
.strecke-liste li{
    color: var(--dark-grey)!important;
}
/* ----- DEFINITION LISTS ----- */
.wpb_text_column.definition-list dl{
    display: grid;
    grid-template-columns: clamp(150px, 40vw, 350px) 1fr;
}
.wpb_text_column.definition-list dl *{
    padding: 16px 8px; 
    color: var(--dark-grey);
    font-size: var(--base-fontsize);
    line-height: 1.6;
}
.wpb_text_column.definition-list dl *:not(:nth-last-child(1)):not(:nth-last-child(2)){
    border-bottom: 1px solid var(--medium-grey);   
}
.wpb_text_column.definition-list dl dt{
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase;
}
.wpb_text_column.definition-list dl dd{
    padding-left: 16px;
}
@media only screen and (max-width: 360px) {
    .wpb_text_column.definition-list dl {
        grid-template-columns: 1fr;
    }
    .wpb_text_column.definition-list dl *:not(:nth-last-child(1)):not(:nth-last-child(2)) {
        border-bottom: inherit;
    }
    .wpb_text_column.definition-list dl *:nth-child(even):not(:last-child) {
        border-bottom: 1px solid var(--medium-grey);
    }
    .wpb_text_column.definition-list dl dd {
        padding-left: 8px;
        padding-top: 0;
    }
}

/* ----- HEADLINES ----- */
.wpb_text_column.headline *,
.ubermenu .highlight-col .headline,
#page .page-title h1.entry-title,
#page .page-title h1,
.vc_grid-item .headline *{
    font-family: var(--font-basic);
	font-style: italic;
    font-weight: 900;
    line-height: var(--headline-line-height);
	color: var(--deep-blue);
}
.wpb_text_column.headline-xl *,
#page .page-title h1.entry-title,
#page .page-title h1{
    font-size: clamp(calc(var(--base-fontsize) * 2.85), 5.5vw, calc(var(--base-fontsize) * 3.55));
	text-transform: uppercase;
}
.h1-smaller{
    position: relative;
    display: block;
	font-weight: 500!important;
	font-size: calc(var(--base-fontsize) * 1.333)!important;
}
.wpb_text_column.headline-l * {
    font-size: clamp(calc(var(--base-fontsize) * 2.5), 5.5vw, calc(var(--base-fontsize) * 3));
	text-transform: uppercase;
}
.wpb_text_column.headline-m * {
   font-size: clamp(calc(var(--base-fontsize) * 1.9), 4.5vw, calc(var(--base-fontsize) * 2.222));
}
.wpb_text_column.headline-s *,
.rechtliches h2{
   font-size: clamp(calc(var(--base-fontsize) * 1.470), 4vw, calc(var(--base-fontsize) * 1.889));
}
.wpb_text_column.headline-xs *,
.ubermenu .highlight-col .headline.headline-xs,
.vc_grid-item .headline-xs *,
.rechtliches h3{
   font-size: clamp(calc(var(--base-fontsize) * 1.3), 3.5vw, calc(var(--base-fontsize) * 1.556));
}
.wpb_text_column.headline-xxs *,
.rechtliches h4{
   font-size: calc(var(--base-fontsize) * 1.2);
}

/* ----- TOPTITLE ----- */
.wpb_text_column.toptitle *,
.ubermenu .highlight-col .toptitle{
    text-transform: uppercase;
    color: var(--black);
	font-weight: 500;
	font-family: "Roboto";
	font-style: italic;
	font-size: var(--base-fontsize);
	line-height: var(--headline-line-height);
}

/* ----- SUBHEADING ----- */
.wpb_text_column.subheading *{
    color: var(--deep-blue);
	font-weight: 500;
	font-family: "Roboto";
	font-style: italic;
	font-size: calc(var(--base-fontsize) * 1.333);
    line-height: var(--headline-line-height);
	text-transform: uppercase;
}

/* ----- HEADING COMBO | AUTOMATISCHE ABSTÄNDE ----- */
.wpb_text_column.toptitle:has( + .wpb_text_column.headline){
    margin-bottom: 0.5rem;
}
.wpb_text_column.headline:has(+ .wpb_text_column.subheading){
    margin-bottom: 1rem;
}

/* ----- HIGHLIGHT TEXT ----- */
.wpb_text_column.highlight-text *{
    font-family: "Better Times";
    font-size: clamp(calc(var(--base-fontsize) * 2.1), 4.5vw, calc(var(--base-fontsize) * 2.666));
    color: var(--black);
}
.wpb_text_column.highlight-text{
    transform: rotate(-4deg);
    position: relative;
    padding-top: var(--gap-xxs);
    padding-bottom: var(--gap-xs);
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BUTTONS */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------- Buttons general ------------------------*/
/* Button general & background */
.dt-btn,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style),
.vc_grid-container  .vc_grid-btn-load_more a.vc_btn3.vc_btn3-color-default.vc_btn3-style-flat{
    background-color: var(--white);
    background: var(--white);
    padding: 13px 20px 11px 20px;
    border-radius: var(--btn-border-radius);
    transition: ease 0.4s!important;
    border: 1px solid var(--deep-blue);
    text-transform: none;
    color: var(--deep-blue);
}
/* Button Text */
.dt-btn span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style) span,
.vc_grid-container  .vc_grid-btn-load_more a.vc_btn3.vc_btn3-color-default.vc_btn3-style-flat{
   	position: relative;
    top: 1px;
	font-size: var(--base-fontsize);
	color: var(--deep-blue);
	font-family: "Roboto";
	font-style: italic;
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0.2px;
}
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style) span *{
	color: var(--deep-blue);
}
/* Button hover background */
.dt-btn:hover,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):hover,
.dt-btn:focus-visible,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):focus-visible,
.dt-btn:focus,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):focus,
.vc_grid-container  .vc_grid-btn-load_more a.vc_btn3.vc_btn3-color-default.vc_btn3-style-flat:hover,
.vc_grid-container  .vc_grid-btn-load_more a.vc_btn3.vc_btn3-color-default.vc_btn3-style-flat:focus-visible,
.vc_grid-container  .vc_grid-btn-load_more a.vc_btn3.vc_btn3-color-default.vc_btn3-style-flat:focus{
    background-color: var(--deep-blue);
    background: var(--deep-blue);
    border-color: var(--white);
    color: var(--white);
}
/* Button hover Text */
.dt-btn:hover span,
.dt-btn:hover span *,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):hover span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):hover span *,
.dt-btn:focus-visible span,
.dt-btn:focus-visible span *,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):focus-visible span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):focus-visible span *,
.dt-btn:focus span,
.dt-btn:focus span *,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):focus span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):focus span *{
	color: var(--white);
}

/* BUTTON HOVER & FOCUS -> TRANSFORM  & SCALE (not tertiary)*/
.dt-btn:not(.btn-tertiary):hover,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):not(.btn-tertiary):hover,
.dt-btn:not(.btn-tertiary):focus-visible,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):not(.btn-tertiary):focus-visible,
.dt-btn:not(.btn-tertiary):focus,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):not(.btn-tertiary):focus,
.vc_grid-container  .vc_grid-btn-load_more a.vc_btn3.vc_btn3-color-default.vc_btn3-style-flat:hover,
.vc_grid-container  .vc_grid-btn-load_more a.vc_btn3.vc_btn3-color-default.vc_btn3-style-flat:focus-visible{
    transform: translatex(5px) scale(1.05);
}

/*----------------- Primary Button ------------------------*/
.dt-btn.btn-primary,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary{
    background-color: var(--energy-green);
    background: var(--energy-green);
    border-color: var(--deep-blue);
    color: var(--deep-blue);
}
.dt-btn.btn-primary span,
.dt-btn.btn-primary span *,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary span *{
    color:  var(--deep-blue)!important;
}
.dt-btn.btn-primary:hover,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary:hover,
.dt-btn.btn-primary:focus-visible,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary:focus-visible,
.dt-btn.btn-primary:focus,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary:focus{
    background-color: var(--highlight-color);
    background: var(--highlight-color);
    border-color: var(--highlight-color-antagonist);
    color: var(--highlight-color-antagonist);
}
.dt-btn.btn-primary:hover span,
.dt-btn.btn-primary:focus-visible span,
.dt-btn.btn-primary:hover span *,
.dt-btn.btn-primary:focus-visible span *,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary:hover span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary:focus-visible span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary:hover span *,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary:focus-visible span *{
    color:  var(--highlight-color-antagonist)!important;
}
.dt-btn.btn-primary span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary span{
    display: flex;
    align-content: center;
    align-items: center;
    gap: 8px;
}
.dt-btn.btn-primary span::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary span::before{
    content: "";
    position: relative;
    display: inline-block;
    height: 19px;
    width: 24px;
    min-width: 24px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/2025/10/ticket.svg");
    background-size: contain;
    background-repeat: no-repeat;
    top: -2px;
    filter: invert(13%) sepia(26%) saturate(5739%) hue-rotate(180deg) brightness(92%) contrast(98%);
}
.dt-btn.btn-primary:hover span::before,
.dt-btn.btn-primary:focus-visible span::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary:hover span::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary:focus-visible span::before{
    filter: invert(100%);
}
/* Invers (Filled Deep Blue)*/
.dt-btn.btn-primary.invers:hover,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary.invers:hover,
.dt-btn.btn-primary.invers:focus-visible,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary.invers:focus-visible,
.dt-btn.btn-primary.invers:focus,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary.invers:focus{
    background-color: var(--deep-blue);
    background: var(--deep-blue);
    border-color: var(--white);
    color: var(--white);
}

/* --- Button Icons --- */
/* Ticket */
.dt-btn.btn-primary.icon-ticket span::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary.icon-ticket span::before{
    height: 19px;
    width: 24px;
    min-width: 24px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/2025/10/ticket.svg");
}

/* Send / Bewerbung / Volunteers */
.dt-btn.btn-primary.icon-send span::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary.icon-send span::before{
    height: 19px;
    width: 20px;
    min-width: 20px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/2025/11/send.svg");
}

/* PDF */
.dt-btn.btn-primary.icon-pdf span::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary.icon-pdf span::before{
    height: 19px;
    width: 19px;
    min-width: 19px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/2025/11/pdf.svg");
}

/*--- Secondary Button ---*/
/* like general button */

/* Invers (Filled Blue)*/
.dt-btn.btn-secondary.btn-invers,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-secondary.btn-invers{
    background-color: var(--deep-blue);
    background: var(--deep-blue);
    border: 1px solid var(--deep-blue);
    color: var(--white);
}
.dt-btn.btn-secondary.btn-invers span,
.dt-btn.btn-secondary.btn-invers span *,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-secondary.btn-invers span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-secondary.btn-invers span *{
	color: var(--white);
}
.dt-btn.btn-secondary.btn-invers:hover,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-secondary.btn-invers:hover,
.dt-btn.btn-secondary.btn-invers:focus-visible,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-secondary.btn-invers:focus-visible,
.dt-btn.btn-secondary.btn-invers:focus,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-secondary.btn-invers:focus{
    background-color: var(--white);
    background: var(--white);
    color: var(--deep-blue);
}
.dt-btn.btn-secondary.btn-invers:hover span,
.dt-btn.btn-secondary.btn-invers:hover span *,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-secondary.btn-invers:hover span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-secondary.btn-invers:hover span *,
.dt-btn.btn-secondary.btn-invers:focus-visible span,
.dt-btn.btn-secondary.btn-invers:focus-visible span *,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-secondary.btn-invers:focus-visible span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-secondary.btn-invers:focus-visible span *,
.dt-btn.btn-secondary.btn-invers:focus span,
.dt-btn.btn-secondary.btn-invers:focus span *,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-secondary.btn-invers:focus span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).btn-secondary.btn-invers:focus span *{
	color: var(--deep-blue);
}


/*--- Tertiary Button ---*/
/* Regular */
.dt-btn.btn-tertiary,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary {
    background-color: transparent;
    padding: 12px 0px;
    box-shadow: none;
    color: var(--deep-blue);
    border: none;
}
.dt-btn.btn-tertiary span::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary span::before{
    content: "";
    position: absolute;
    display: block;
    height: 2px;
    width: 0%;
    background-color: var(--highlight-color);
    bottom: -2px;
    transition: ease 0.4s;
}
.dt-btn.btn-tertiary:hover,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:hover,
.dt-btn.btn-tertiary:focus-visible,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:focus-visible,
.dt-btn.btn-tertiary:focus,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:focus{
    background-color: transparent;
    background: transparent;
}
.dt-btn.btn-tertiary:hover span::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:hover span::before,
.dt-btn.btn-tertiary:focus-visible span::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:focus-visible span::before,
.dt-btn.btn-tertiary:focus span::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:focus span::before{
    width: 100%;
}
.dt-btn.btn-tertiary::after,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary::after{
    content: "";
    position: relative;
    display: inline-block;
    height: 16px;
    width: 16px;
    min-width: 16px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    top: 0px;
    margin-left: 8px; 
    transition: ease 0.4s;
    filter: invert(13%) sepia(26%) saturate(5739%) hue-rotate(180deg) brightness(92%) contrast(98%);
}
.dt-btn.btn-tertiary:hover::after,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:hover::after,
.dt-btn.btn-tertiary:focus-visible::after,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:focus-visible::after,
.dt-btn.btn-tertiary:focus::after,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:focus::after{
    margin-left: 14px; 
}

/* Invers (White)*/
.dt-btn.btn-tertiary.btn-invers,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-invers {
    color: var(--white);

}
.dt-btn.btn-tertiary.btn-invers span::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-invers span::before{
    background-color: var(--white);
}
.dt-btn.btn-tertiary.btn-invers:hover,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-invers:hover,
.dt-btn.btn-tertiary.btn-invers:focus-visible,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-invers:focus-visible,
.dt-btn.btn-tertiary.btn-invers:focus,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-invers:focus{
    color: var(--white);
}
.dt-btn.btn-tertiary.btn-invers:hover span,
.dt-btn.btn-tertiary.btn-invers:hover span *
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-invers:hover span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-invers:hover span *,
.dt-btn.btn-tertiary.btn-invers:focus-visible span,
.dt-btn.btn-tertiary.btn-invers:focus-visible span *,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-invers:focus-visible span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-invers:focus-visible span *,
.dt-btn.btn-tertiary.btn-invers:focus span,
.dt-btn.btn-tertiary.btn-invers:focus span *,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-invers:focus span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-invers:focus span *{
    color: var(--white);
}
.dt-btn.btn-tertiary.btn-invers::after,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-invers::after{
    filter: invert(100%);
}
.dt-btn.btn-tertiary.btn-invers:hover::after,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-invers:hover::after,
.dt-btn.btn-tertiary.btn-invers:focus-visible::after,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-invers:focus-visible::after,
.dt-btn.btn-tertiary.btn-invers:focus::after,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-invers:focus::after{
    filter: invert(100%);
}

/* Btn Back (News Sidebar) */
.dt-btn.btn-tertiary.btn-back::after,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-back::after {
    display: none;
}
.dt-btn.btn-tertiary.btn-back::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary.btn-back::before {
    content: "";
    position: relative;
    display: inline-block;
    height: 16px;
    width: 16px;
    min-width: 16px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    margin-right: 8px;
    transition: ease 0.4s;
    filter:invert(13%) sepia(26%) saturate(5739%) hue-rotate(180deg) brightness(92%) contrast(98%);
    transform: rotate(180deg);
}
.dt-btn.btn-tertiary:hover::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:hover::before,
.dt-btn.btn-tertiary:focus-visible::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:focus-visible::before,
.dt-btn.btn-tertiary:focus::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:focus::before {
    transform: rotate(180deg) translatex(6px);
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BILDER | IMG | EINZELBILD */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* VIDEOS */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wpb_raw_code{
	position: relative;
	margin-bottom: 0!important;
}
.wpb_raw_code.wpb_raw_html:has(video) > *,
.wpb_raw_code.wpb_raw_html video{
    aspect-ratio: 1920 / 1080;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.image-divider .wpb_raw_code.wpb_raw_html{
	margin-bottom: 0!important;
}
.wpb_raw_code .videoToggle {
    position: absolute;
    top: calc(var(--header-height) + 70px);
    right: 10px;
    z-index: 9;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/squircle_white_with-outline.svg");
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 0.3s ease;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
	background-color: transparent;
	border: none;
}
.wpb_raw_code .videoToggle svg {
    fill: var(--deep-blue);
    width: 30px!important;
    height: 33px!important;
}
.wpb_raw_code .videoToggle:hover,
.wpb_raw_code .videoToggle:focus-visible {
    transform: scale(1.1);
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/squircle-button-deep-blue.svg");
}
.wpb_raw_code .videoToggle:hover svg,
.wpb_raw_code .videoToggle:focus-visible svg{
   fill: #fff;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGETITLE */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
section#pagetitle{
	position: relative;
	/*height: var(--pagetitle-height);*/
	padding-bottom: 0!important;
	--pagetitle-height: calc(100vh + var(--image-divider-height) - var(--header-height));
}
section#pagetitle::after{
    content:"";
	position: absolute;
	display: block;
	height: var(--image-divider-height);
	width: 100%;
	bottom: -1px;
    transform: scaley(-1);
	left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/image-divider-white.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 2;
}

/* Pagetitle Dividers auto backgorund-colors */

section#pagetitle:has(+ .vc_clearfix + section.vc_section.section-grey)::after{
     background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/image-divider-light-grey.svg");
}
/* ----- PAGETITLE IMAGE ------ */
section#pagetitle .vc_row.pagetitle-image .wpb_single_image{
    display: flex;
}
section#pagetitle .pagetitle-image,
section#pagetitle .pagetitle-image img{
    height: var(--pagetitle-height)!important;
}
section#pagetitle .vc_row.pagetitle-image .wpb_single_image *{
    width: 100%;
}
section#pagetitle .pagetitle-image img,
section#pagetitle .pagetitle-image video{
    object-fit: cover;
}

/* ----- PAGETITLE CONTENT ------ */
section#pagetitle .pagetitle-content > *{
    z-index: 1;
}
section#pagetitle .pagetitle-content *:not(.dt-btn){
    color: var(--white);
}
section#pagetitle .pagetitle-content{
    background-color: var(--deep-blue);
    padding: var(--gap-xl) var(--gap-m) calc(var(--gap-l) + var(--image-divider-height)) var(--gap-m)!important;
    width: 100%;
    max-width: 1340px;
    clip-path: polygon(0 15%, 53% 0, 100% 100%, 0% 100%);
	position: absolute!important;
    bottom: 0!important;
    left: 0!important;
}
section#pagetitle .pagetitle-content > *{
    width: 100%;
    max-width: clamp(200px, 57vw, 800px);
}
section#pagetitle .pagetitle-content::before,
.page-title::before,
#pagetitle.pagetitle-no-img::before{
    content: "";
    position: absolute;
    display: block;
    height:100%;
    width: 100%;
    top:0;
    left: 0;background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/berge_pattern_dark.svg");
    background-size: 2560px;
    background-repeat: repeat;
    opacity: 0.15;
    z-index: 0;
}
section#pagetitle .pagetitle-content::after{
    content: "";
    position: absolute;
    display: block;
    height: 114px;
    width: 300px;
    aspect-ratio: 300 / 114;
    bottom: calc(var(--image-divider-height) - 50px);
    left: 32vw;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/berge_weiss.svg");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.2;
    z-index: 0;
}
section#pagetitle .pagetitle-content .dt-btn{
    margin-top: 1.5rem;
}

/* ---------- PAGETITLE WITH IMAGE MEDIA QUERIES ---------- */

@media only screen and (max-width: 819px) {
    section#pagetitle .pagetitle-image,
    section#pagetitle .pagetitle-image img {
        height: inherit!important;
        height: calc(clamp(300px, 45vh, 1000px) + var(--header-height))!important;
    }
    section#pagetitle .pagetitle-content {
        max-width: inherit;
        clip-path: polygon(0 12%, 100% 0, 100% 100%, 0% 100%);
        position: relative!important;
        bottom: inherit!important;
        left: inherit!important;
        margin-top: calc(var(--gap-m) * (-1)) !important;
		padding: var(--gap-xl) 1.5rem calc(var(--gap-l) + var(--image-divider-height)) 1.5rem!important;
    }
	section#pagetitle .pagetitle-content > * {
    	max-width: inherit;
	}
}

/* ------ NEWS PAGE-TITLE BREADCRUMBS | RANK MATH BREADCRUMBS ------ */
.rank-math-breadcrumb{
    margin-bottom: 2.5rem!important;
    padding: 0!important;
}
.rank-math-breadcrumb .separator{
    display: none;
}
.rank-math-breadcrumb *,
#page .page-title-breadcrumbs *{
    font-family: "Roboto";
    font-size: 14px;
    line-height: 1.2!important;
    text-decoration: none;
    font-weight: 500;
}
.rank-math-breadcrumb > * {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    grid-column-gap: 6px;
    grid-row-gap: 8px;
}
#page .page-title-breadcrumbs *{
    font-weight: 400!important;
}
.rank-math-breadcrumb *.last,
#page .page-title-breadcrumbs .current *{
    font-weight: 800!important;
}
.rank-math-breadcrumb a:hover,
.page-title-breadcrumbs a:hover{
    text-decoration: underline!important;
}
.page-title-breadcrumbs .breadcrumbs li:not(:first-child)::before,
.rank-math-breadcrumb > * > *:not(:first-child):not(.separator)::before{
    content:"";
    position: relative;
    display: inline-block;
    height: 8px;
    width: 5px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/chevron.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px;
}
.page-title-breadcrumbs .breadcrumbs li{
    padding: 0 0;
    margin: 0 0;
}
.page-title-breadcrumbs .breadcrumbs{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGETITLE HERO STARTSEITE*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
section#pagetitle.hero h1{
    text-transform: uppercase;
}
section#pagetitle.hero h1 .heading-small{
    font-size: clamp(calc(var(--base-fontsize) * 1.470), 4vw, calc(var(--base-fontsize) * 1.889))!important;
    display: block;
}
section#pagetitle.hero .pagetitle-content::after{
    display: none;
}
section#pagetitle.hero .vc_row.pagetitle-image,
section#pagetitle.hero video,
section#pagetitle.hero .wpb_raw_code{
    height: calc(100vh + var(--image-divider-height) + var(--gap-xl))!important;
}
section#pagetitle.hero video{
    object-fit: cover;
}
section#pagetitle.hero .wpb_raw_code::before {
    content: "";
    position: absolute;
    display: block;
    width: clamp(340px, 90vw, 1263px);
    height: auto;
    aspect-ratio: 1263 / 646;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/berge_bolder-schraeg_weiss.svg");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.15;
    right: -8vw;
    bottom: -10px;
}

/* ---------- PAGETITLE HERO MEDIA QUERIES ---------- */
@media only screen and (min-width: 820px){
	section#pagetitle.hero .pagetitle-content {
    padding: var(--gap-xl) var(--gap-m) calc(calc(var(--gap-xl) * 2) + var(--image-divider-height)) var(--gap-m) !important;
    max-width: 897px;
    clip-path: polygon(0 13%, 53% 0, 100% 100%, 0% 100%);
}
section#pagetitle.hero .pagetitle-content > * {
    max-width: 400px;
}
}

@media only screen and (max-width: 819px) {
    section#pagetitle.hero .vc_row.pagetitle-image,
    section#pagetitle .pagetitle-image video,
	section#pagetitle.hero .wpb_raw_code{
        height: inherit!important;
        height: calc(clamp(450px, 45vh, 1000px) + var(--header-height))!important;
    }
	.wpb_raw_code .videoToggle {
        top: inherit!important;
        bottom: 80px!important;
    }
    .wpb_raw_code .videoToggle svg {
        fill: var(--deep-blue);
        width: 25px!important;
        height: 23px!important;
    }	
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGETITLE NEWS | PAGE-TITLE */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-title,
#pagetitle.pagetitle-no-img{
    padding-top: calc(var(--header-height) + var(--gap-l));
    padding-bottom: calc(var(--image-divider-height) + var(--gap-xl))!important;
    background-color: var(--deep-blue)!important;
    position: relative!important;
    height: auto!important;
    min-height: inherit!important;
    max-height: inherit!important;
    box-sizing: border-box!important;
}
/* PADDING PAGE-TITLE REGULAR  PAGE (NOT NEWS POST) */
.wp-singular.page  .page-title{
    padding-bottom: calc(var(--image-divider-height) + var(--gap-m));
}
/* MOBILE PADDING PAGE-TITLE */
body.wp-singular:has(.page-title) .masthead-mobile-header.masthead-mobile:not(.sticky-mobile-on) ~ .page-title,
body.wp-singular .masthead-mobile-header.masthead-mobile:not(.sticky-mobile-on) ~ #pagetitle.pagetitle-no-img{
   padding-top: calc(var(--header-height) + var(--gap-s));
}
@media only screen and (max-width: 778px){
    .single-post  .page-title,
	#pagetitle.pagetitle-no-img{
    padding-bottom: calc(var(--image-divider-height) + var(--gap-l));
}
}
.page-title::after{
    content:"";
	position: absolute;
	display: block;
	height: var(--image-divider-height);
	width: 100%;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/image-divider-light-grey.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 2;
    top: inherit;
    bottom: -1px;
    transform: scaley(-1);
	left: 0;
}
.page-title *,
#pagetitle.pagetitle-no-img *:not(.dt-btn){
    color: var(--white);
    text-align: left!important;
}
.page-title > .wf-wrap{
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: flex-start!important;
    justify-items: flex-start!important;
    align-content: flex-start!important;
    align-items: flex-start!important;
    min-height: inherit;
    padding-top: 0;
    padding-bottom: 0;
    height: auto!important;
    min-height: inherit!important;
    max-height: inherit!important;
    box-sizing: border-box!important;
}
#page .page-title h1.entry-title,
#page .page-title h1{
	color: var(--white);
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* FORMULARE | FORMS | GRAVITY FORMS */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ------- FORM SECTION | SECTION FORMULAR------- */
section.vc_section.section-form{
    padding: 0 0;
    position: relative;
}
section.vc_section.section-form::before {
    content:"";
	position: absolute;
	display: block;
	height: var(--divider-height);
	width: 100%;
	top: -1px;
	left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/divider-white.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
    transform: scalex(-1);
}
section.vc_section.section-grey + .vc_clearfix + section.vc_section.section-form::before,
section.vc_section.section-form:has( + .vc_clearfix + section.vc_section.section-grey)::before{
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/divider-light-grey.svg");
}
section.vc_section.section-form::after {
    content:"";
	position: absolute;
	display: block;
	height: var(--divider-height);
	width: 100%;
	bottom: -1px;
	left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/divider-v2-white.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
}
section.vc_section.section-form,
section.vc_section.section-form > .vc_row{
    padding-right: 0px!important;
}
section.vc_section.section-form > .vc_row{
    background-color: var(--oc-color);
	display: flex;
    gap: clamp(35px, 5vw, var(--gap-l));
    grid-row-gap: var(--gap-s);
}
section.vc_section.section-form > .vc_row::after{
    display: none;
}
section.vc_section.section-form > .vc_row::before{
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top:0;
    left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/berge_pattern_dark.svg");
    background-size: 2560px;
    background-repeat: repeat;
    opacity: 15%;
	z-index: 0;
}
section.vc_section.section-form > .vc_row > .wpb_column:first-child{
    padding-top: calc(var(--divider-height) + var(--gap-xl));
    padding-bottom: calc(var(--divider-height) + var(--gap-xl));
	max-width: 565px;
    box-sizing: border-box;
}

@media only screen and (max-width: 760px){
    section.vc_section.section-form > .vc_row{
    flex-direction: column;
	padding-left: 0px!important;
}
    section.vc_section.section-form > .vc_row > .wpb_column:first-child{
    padding-bottom: var(--gap-s);
	padding-left: 20px;
	padding-right: 20px;
    max-width: inherit;
}
}

/* BILD  COLUMN */
section.vc_section.section-form > .vc_row  > .wpb_column:last-child{
    width: 100%;
    display: flex;
}
section.vc_section.section-form > .vc_row  > .wpb_column:last-child *{
    height: 100%;
    width: 100%;
}
section.vc_section.section-form > .vc_row  > .wpb_column:last-child img{
    object-fit: cover;
}


/* GRAVITY FORM | FORMULAR */
.gform-theme--foundation .gform_fields {
    row-gap: 25px;
}
.gform-theme--foundation .gform_fields select,
.gform-theme--foundation .gform_fields input{
    margin-bottom: 0!important;
    height: 45px;
}
section.section-form .vc_row .wpb_text_column *{
    color: var(--white);
}
section.section-form .vc_row .gform_wrapper .gfield .gfield_label,
section.section-form .vc_row .gform_wrapper .gfield .gfield_label *{
    color: var(--white)!important;
}
.gform-theme--foundation .gform_fields .gfield_label,
.gform-theme--foundation .gform_fields .gfield_label *{
	font-size: 15px;
    font-family: "Roboto";
    font-style: italic;
    text-transform: uppercase;
    font-weight: 800;
	color: var(--deep-blue)!important;
}
.gform-theme--foundation .gform_fields .gfield_label{
    margin-bottom: 2px;
}
section.section-form .vc_row .wpb_text_column + .gform_wrapper{
    margin-top: var(--gap-m);
}
.gform-theme--foundation .gform_fields input:focus,
.gform-theme--foundation .gform_fields input:focus-visible,
.gform-theme--foundation .gform_fields select:focus,
.gform-theme--foundation .gform_fields select:focus-visible,
.gform-theme--foundation .gform_fields textarea:focus,
.gform-theme--foundation .gform_fields textarea:focus-visible{
    border:none!important;
}
#main .gform_wrapper .gform_footer input[type="submit"]{
    background-color: var(--energy-green);
    background: var(--energy-green);
    padding: 13px 20px 11px 20px;
    border-radius: var(--btn-border-radius);
    transition: ease 0.4s!important;
    border: 1px solid var(--deep-blue);
    color: var(--deep-blue);
    font-family: "Roboto";
	font-style: italic;
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0.2px;
    position: relative;
    top: 1px;
	font-size: var(--base-fontsize);
}
#main .section-form .gform_wrapper .gform_footer input[type="submit"]{
    background-color: var(--white);
    background: var(--white);
    border: 1px solid var(--deep-blue);
    color: var(--deep-blue);
}
#main .gform_wrapper .gform_footer input[type="submit"]:hover,
#main .gform_wrapper .gform_footer input[type="submit"]:focus-visible{
    transform: translatex(5px) scale(1.05);
    background-color: var(--deep-blue);
    background: var(--deep-blue);
	 border: 1px solid var(--white);
    color: var(--white);
}
#main .gform_wrapper .form-privacy p{
    font-size: 15px;
    color: var(--dark-grey);
    line-height: 1.4;
}
#main .section-form .gform_wrapper .form-privacy p,
#main .section-form .gform_wrapper .form-privacy a{
    color: var(--white);
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ACCORDIONS | FAQ */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#rank-math-faq .rank-math-list-item:not(:last-child) {
    margin-bottom: 0.5rem;
}
#rank-math-faq .rank-math-list-item h3,
#rank-math-faq .rank-math-list-item,
#rank-math-faq .rank-math-list,
#rank-math-faq,
#rank-math-rich-snippet-wrapper {
    overflow: visible!important;
}
#rank-math-faq .rank-math-list-item {
    border: 1px solid var(--medium-grey);
    border-radius: var(--radius-regular)!important;
    background-color: white!important;
}
#rank-math- faq .rank-math-list-item,
#rank-math-faq .rank-math-list-item h3 {
    border-radius: var(--radius-regular)!important;
}
#rank-math-faq .rank-math-list-item h3 {
    padding: 20px 30px;
}
#rank-math-faq .rank-math-list-item h3 {
    font-size: 20px!important;
    font-family: "Roboto";
    font-weight: 700!important;
    font-style: italic;
    color: var(--dark-grey);
    line-height: var(--headline-line-heigt);
    position: relative;
    transition: ease 0.3s;
    display: flex;
    margin-bottom: 0;
}
#rank-math-faq .rank-math-list-item .rank-math-answer {
    padding: 0 30px;
    transition: all ease 0.3s!important;
}
#rank-math-faq .rank-math-list-item:has(h3[aria-expanded="true"]) .rank-math-answer {
    padding: 0 30px 20px;
    max-height: inherit;
}
#rank-math-faq .rank-math-list-item:has(h3[aria-expanded="true"]) {
    border: 1px solid var(--deep-blue)!important;
}
#rank-math-faq .rank-math-list-item:hover,
#rank-math-faq .rank-math-list-item:focus-wihtin,
#rank-math-faq .rank-math-list-item:has(h3[aria-expanded="true"]) {
    border: 1px solid var(--deep-blue)!important;
}
#rank-math-faq .rank-math-list-item h3:focus-visible,
#rank-math-faq .rank-math-list-item h3:hover {
    padding-left: 40px;
}
#rank-math-faq .rank-math-list-item h3:hover {
    cursor: pointer;
}
html #rank-math-faq .rank-math-list-item:focus-within {
    border: 1px solid transparent!important;
}
#rank-math-faq .rank-math-list-item h3 {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}
#rank-math-faq .rank-math-list-item h3::after {
    content: "";
    position: relative;
    display: block;
    height: 18px;
	min-height: 18px;
    width: 18px;
    min-width: 18px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/plus.svg");
    background-size: contain;
    background-repeat: no-repeat;
	background-position: center center;
    top: 7px;
}
#rank-math-faq .rank-math-list-item h3[aria-expanded="true"]::after {
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/minus.svg");
}
#rank-math-faq .rank-math-list-item h3:focus {
    outline: none!important;
    border: none!important;
    animation: none!important;
    box-shadow: none!important;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* IMAGE GALLERY CAROUSEL | BILDER-KARUSSELL */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
section.section-img-gallery-carousel .img-gallery-carousel:not(.ad-carousel) .wpb_single_image img{
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
section.section-img-gallery-carousel{
    padding-right: var(--padding-lr-tiny)!important;
    padding-left: var(--padding-lr-tiny)!important;
}
.ult-carousel-wrapper.img-gallery-carousel{
    padding-top: 40px;
    padding-bottom: calc(3rem + 50px);
}
.img-gallery-carousel .slick-track,
.img-gallery-carousel .slick-list{
    overflow: visible;
}
.img-gallery-carousel .slick-track > *{
    border-radius: var(--radius-regular);
    overflow: hidden;  
    -moz-filter: drop-shadow(-10px 10px 10px rgba(11, 11, 39, 0.25));
    -webkit-filter: drop-shadow(-10px 10px 10px rgba(11, 11, 39, 0.25));
    filter: drop-shadow(-10px 10px 10px rgba(11, 11, 39, 0.25));
    transition: ease 0.4s;
}
.img-gallery-carousel:not(.ad-carousel) .slick-track > *{
    transform: rotate(-4.5deg);
}
.img-gallery-carousel .slick-track > *:hover,
.img-gallery-carousel .slick-track > *:focus-within{
    -moz-filter: drop-shadow(-10px 20px 10px rgba(11, 11, 39, 0.35));
    -webkit-filter: drop-shadow(-10px 20px 10px rgba(11, 11, 39, 0.35));
    filter: drop-shadow(-10px 20px 10px rgba(11, 11, 39, 0.35));
    transform: rotate(-4.5deg) translatey(-10px);
}
.img-gallery-carousel.ad-carousel .slick-track > *:hover,
.img-gallery-carousel.ad-carousel .slick-track > *:focus-within{
    -moz-filter: drop-shadow(-10px 20px 10px rgba(11, 11, 39, 0.35));
    -webkit-filter: drop-shadow(-10px 20px 10px rgba(11, 11, 39, 0.35));
    filter: drop-shadow(-10px 20px 10px rgba(11, 11, 39, 0.35));
    transform: translatey(-10px);
}
.ult-carousel-wrapper button {
    top: calc(100% + 50px);
    left: 50%;
    transform: translatex(calc(-50% - 30px));
    height: 50px;
    width: 50px;
}
.ult-carousel-wrapper button i{
    display: none;
}
.ult-carousel-wrapper button.slick-disabled{
 visibility: hidden;   
}
.ult-carousel-wrapper button::before{
    content: "";
    position: absolute;
    display: block;
    height: 50px;
    width: 50px;
    top: 0;
    left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/scroll-top.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    opacity: 1!important;
}
.ult-carousel-wrapper button.slick-next::before{
    transform: rotate(90deg);
}
.ult-carousel-wrapper button:hover::before,
.ult-carousel-wrapper button:focus-visible::before{
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/scroll-top-hover.svg");
}
.ult-carousel-wrapper button.slick-next{
    transform: translatex(calc(-50% + 30px));
}

/* IMAGE GALLERY CAROUSEL DIVIDER TOP */
.section-img-gallery-carousel.gallery-divider-grey::before,
.section-img-gallery-carousel.gallery-divider-white::before {
    content: "";
    position: absolute;
    display: block;
    height: var(--divider-height);
    width: 100%;
    top: calc(calc(var(--divider-height) * 1.5) - 1px);
    left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/divider-light-grey.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: scalex(-1);
}
.section-img-gallery-carousel.gallery-divider-white::before {
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/divider-white.svg");
}
.section-img-gallery-carousel.gallery-divider-grey::after,
.section-img-gallery-carousel.gallery-divider-white::after {
    content: "";
    position: absolute;
    display: block;
    height: calc(var(--divider-height) * 1.5);
    width: 100%;
    top: -1px;
    left: 0;
    background-color: var(--light-grey);
    z-index: -1;
}
.section-img-gallery-carousel.gallery-divider-white::after {
    background-color: var(--white);
}
.section-img-gallery-carousel.gallery-divider-grey,
.section-img-gallery-carousel.gallery-divider-white {
    padding-top: calc(var(--divider-height) * 0.5);
}


/* AD CAROUSEL | ANZEIGEN-KARUSSELL */
section.section-form + .vc_clearfix + section.section-img-gallery-carousel:has(.ad-carousel),
section.vc_section.section-form + .vc_clearfix + .vc_row section.vc_section.section-img-gallery-carousel{
    padding-top: var(--gap-l);
}
section.section-form + .vc_clearfix + section.section-img-gallery-carousel:has(.ad-carousel)::before,
section.vc_section.section-form + .vc_clearfix + .vc_row section.vc_section.section-img-gallery-carousel::before{
    display: none;
}
section.section-img-gallery-carousel:has(.ad-carousel){
    background-color: var(--light-grey);
    padding-top: calc(var(--gap-l) + var(--divider-height));
}
section.section-img-gallery-carousel:has(.ad-carousel)::before{
    content:"";
	position: absolute;
	display: block;
	height: var(--divider-height);
	width: 100%;
	top: -1px;
	left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/divider-white.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: scalex(-1);
}
#main .wpb-content-wrapper > section.vc_section:last-of-type.section-img-gallery-carousel:has(.ad-carousel),
#main .wpb-content-wrapper > .vc_row:has(.templatera_shortcode) section.section-img-gallery-carousel:has(.ad-carousel){
	    padding-bottom: calc(var(--gap-s) + var(--divider-height));
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TEAM GRID | ANSPRECHPARTNER */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body .dt-team-masonry-shortcode.team-grid.dt-css-grid-wrap  .dt-css-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(min(320px,100%),1fr));
    gap: 8px;
	-moz-filter: drop-shadow(-10px 10px 30px rgba(11, 11, 39, 0.15));
	-webkit-filter: drop-shadow(-10px 10px 30px rgba(11, 11, 39, 0.15));
	filter: drop-shadow(-10px 10px 30px rgba(11, 11, 39, 0.15));
}
body .dt-team-masonry-shortcode.team-grid.dt-css-grid-wrap  .dt-css-grid > *{
    display: flex;
    height: 100%;
	position: relative;
	opacity: 1!important;
	animation: none!important;
}
.dt-team-masonry-shortcode.team-grid.dt-css-grid-wrap  .dt-css-grid .team-container::before,
.dt-team-masonry-shortcode.team-grid.dt-css-grid-wrap  .dt-css-grid .team-container::after{
    display: none;
}
.dt-team-masonry-shortcode.team-grid.dt-css-grid-wrap  .dt-css-grid .team-container::after{
    display: block;
    position: absolute;
    content:"";
    height: auto;
    width: 100%;
    bottom: 0;
    left: 0;
    aspect-ratio: 415 / 215;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/dynamic-background-white.svg");
    background-size: ;
    background-repeat: no-repeat;
    z-index: 1;
}
.dt-team-masonry-shortcode.team-grid.dt-css-grid-wrap  .dt-css-grid .team-container > *{
    z-index: 2;
}
.dt-team-masonry-shortcode.team-grid.dt-css-grid-wrap  .dt-css-grid .team-container{
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    justify-items: space-between;
    height: 100%;
    background-color: var(--white);
    border-radius: var(--radius-regular);
	overflow: hidden;
}
/* Team Desc */
body .dt-team-masonry-shortcode.team-grid .team-desc{
    padding: clamp(1rem, 3vw, 2rem);
}
.dt-team-masonry-shortcode.team-grid .team-author{
    padding-bottom: clamp(1rem, 3vw, 2rem);
}
body .dt-team-masonry-shortcode.team-grid .team-author-name{
    font-family: var(--font-basic);
	font-style: italic;
    font-weight: 900;
    color: var(--black);
    line-height: var(--headline-line-height);
	color: var(--deep-blue);
    font-size: clamp(calc(var(--base-fontsize) * 1.3), 3.5vw, calc(var(--base-fontsize) * 1.556));
    margin-bottom: 10px;
}
.dt-team-masonry-shortcode.team-grid .team-author p{
    margin-bottom: 0;
    text-transform: uppercase;
    color: var(--black);
	font-weight: 500;
	font-family: "Roboto";
	font-style: italic;
	font-size: 16px;
	line-height: var(--headline-line-height);
}
.dt-team-masonry-shortcode.team-grid .team-content p a{
    color: var(--deep-blue);
    text-decoration: none;
    font-weight: 500;
    position: relative;
    display: flex;
	font-size: 16px;
}
.dt-team-masonry-shortcode.team-grid .team-content p a::before{
    content:"";
    position: relative;
    display: block;
    height: 14px;
    width: 14px;
    min-width: 14px;
    top: 5px;
    left: 0;
    margin-right: 7px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/mail.svg");
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(13%) sepia(26%) saturate(5739%) hue-rotate(180deg) brightness(92%) contrast(98%);
}
.dt-team-masonry-shortcode.team-grid .team-content p a.tel::before{
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/phone.svg");
}
.dt-team-masonry-shortcode.team-grid .team-content p br{
    display: none!important;
}
.dt-team-masonry-shortcode.team-grid .team-content p a + br +a{
  margin-top: 10px;
}
.dt-team-masonry-shortcode.team-grid .team-content p a:hover,
.dt-team-masonry-shortcode.team-grid .team-content p a:focus-visible{
    text-decoration: underline;
}

/* Team Media */
.dt-team-masonry-shortcode.team-grid .team-media{
    max-height: clamp(220px, 20vw, 304px);
    -moz-filter: drop-shadow(0 0 30px rgba(49, 51, 53, 0.3));
    -webkit-filter: drop-shadow(0 0 30px rgba(49, 51, 53, 0.3));
    filter: drop-shadow(0 0 30px rgba(49, 51, 53, 0.3));
}
.dt-team-masonry-shortcode.team-grid .team-media img{
    max-height: clamp(220px, 20vw, 304px);
    object-fit: contain;
}
.dt-team-masonry-shortcode.team-grid .team-media > *{
    text-align: center;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* LINK CARDS (+ TEASER CARDS) | SPORT CARDS */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.link-card {
    border-radius: var(--radius-regular);
    background: var(--oc-color);
    background: linear-gradient(-30deg, var(--oc-color-darker-2) 0%, var(--oc-color-darker) 100%);
    overflow: hidden!important;
    position: relative!important;
    display: flex;
    height: 330px;
    transition: all ease 0.4s;
}
.link-card .ult-content-box *:not(.wpb_single_image),
.teaser-card .ult-content-box *:not(.wpb_single_image){
    position: static!important;
}
.link-card::before{
    display: block;
    position: absolute;
    content: "";
    height: auto;
    width: 100%;
    bottom: 0;
    left: 0;
    aspect-ratio: 415 / 215;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/dynamic-background-oc-lighter.svg");
    background-size: contain;
    background-repeat: no-repeat;
	background-position: center 2rem;
    z-index: 0;
	opacity: 0.8;
}
.link-card .ult-content-box::after,
.teaser-card .ult-content-box::after{
    display: block;
    position: absolute;
    content: "";
    height: 50px;
    width: 50px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/arrow-squircle-deep-blue.svg");
    background-size:contain background-repeat: no-repeat;
    background-repeat: no-repeat;
    z-index: 2;
    bottom: 12px;
    right: 12px;
    transition: ease 0.4s;
}
.link-card > *,
.teaser-card > *{
    position: static;
    z-index: 2;
}
.link-card .vc_row{
    box-sizing: border-box!important;
    margin: 0 0;
    position: static;
}
.link-card .vc_row .vc_column-inner{
    padding: 0 0;
}
.link-card .ult-content-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: all ease 0.4s;
	overflow: hidden!important;
	box-sizing: border-box!important;
    position: static!important;
}
.link-card .ult-content-box::before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/berge_bolder-schraeg_dark-grey.svg");
    background-size: 190%;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
    opacity: 0;
    mix-blend-mode: multiply;
    transition: all ease 0.4s;
}
.link-card .wpb_single_image {
    margin-bottom: 0;
    -moz-filter: drop-shadow(0px 0px 20px rgba(11, 11, 39, 0.4));
    -webkit-filter: drop-shadow(0px 0px 20px rgba(11, 11, 39, 0.4));
    filter:drop-shadow(0px 0px 20px rgba(11, 11, 39, 0.4));
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    max-height: 250px;
    transition: all ease 0.4s;
}
.link-card .wpb_text_column {
    padding: 0 clamp(1rem, 2vw, 1.5rem);
}
.link-card .wpb_text_column:first-child {
    padding-top: clamp(1rem, 2vw, 1.5rem);
}
.link-card .wpb_text_column * {
    color: var(--white);
}
.link-card .wpb_text_column.toptitle * {
    text-transform: none;
    font-weight: 400;
}
.link-card .wpb_text_column a {
    position: static;
}
.link-card .wpb_text_column a::before,
.teaser-card .wpb_text_column a::before{
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10!important;
}
.link-card:hover,
.link-card:focus-within {
    transform: translatey(-4px);
    background: var(--deep-blue);
    background: linear-gradient(-30deg, var(--oc-color-darker) 0%, var(--deep-blue) 100%);
}
.link-card:hover .ult-content-box::before,
.link-card:focus-within .ult-content-box::before {
    opacity: 25%;
}
.link-card:hover .wpb_single_image,
.link-card:focus-within .wpb_single_image {
    transform: scale(1.07);
    -moz-filter: drop-shadow(0px 0px 15px rgba(11, 11, 39, 0.8));
    -webkit-filter: drop-shadow(0px 0px 15px rgba(11, 11, 39, 0.8));
    filter:drop-shadow(0px 0px 15px rgba(11, 11, 39, 0.8));
}
.link-card:hover .ult-content-box::after,
.link-card:focus-within .ult-content-box::after {
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/arrow-squircle-white.svg");
}
.link-card:focus-within a,
.teaser-card:focus-within a{
    outline: none!important;
    box-shadow: none!important;
}

/* LINK CARDS WRAPPER */
section.vc_section:has(.link-cards-wrapper),
section.vc_section:has(.link-cards-wrapper) > .vc_row,
section.vc_section:has(.teaser-cards-wrapper),
section.vc_section:has(.teaser-cards-wrapper) > .vc_row{
   overflow: visible;
}
section.vc_section:has(.link-cards-wrapper) > .vc_row,
section.vc_section:has(.teaser-cards-wrapper) > .vc_row{
    position: relative;
    z-index: 2;
}
section.vc_section:has(.link-cards-wrapper),
section.vc_section:has(.teaser-cards-wrapper){
    padding-bottom: var(--gap-s)!important;
}
.link-cards-wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(min(250px,100%),1fr));
    gap: 8px;
}
.link-cards-wrapper > .wpb_column > .vc_column-inner {
   padding-top: 10px;
}
.link-cards-wrapper {
  	-moz-filter: drop-shadow(-10px 10px 15px rgba(11, 11, 39, 0.25));
    -webkit-filter: drop-shadow(-10px 10px 15px rgba(11, 11, 39, 0.25));
    filter: drop-shadow(-10px 10px 15px rgba(11, 11, 39, 0.25));
}

/* MEDIA QUERIES LINK CARDS */
@media only screen and (max-width: 640px) {
    .link-cards-wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper {
        display: grid;
        grid-template-columns: 1fr;
    }
    .link-card .ult-content-box {
        flex-direction: row;
        gap: 1rem;
        justify-content: space-between;
        align-content: center;
        align-items: center;
    }
    .link-card {
        height: auto;
		min-height: 66px;
    }
    .link-card .wpb_single_image {
        position: absolute;
        height: 100%;
        width: 100%;
        max-height: inherit;
        max-width: clamp(110px, 25vw, 250px);
        margin-right: 58px;
        display: flex;
        right: 0;
        left: inherit;
    }
    .link-card .wpb_single_image * {
        height: 100%;
    }
    .link-card .wpb_single_image img {
        object-position: center center;
        max-height: inherit;
        max-width: clamp(110px, 25vw, 250px);
        object-fit: contain;
        object-position: center bottom;
    }
    .link-card .ult-content-box::before {
        display: none!important;
    }
    .link-card::before {
        height: 100%;
        background-position: center 2rem;
    }
    .link-card .wpb_text_column:has(a) {
        margin-bottom: 10px;
    }
    .link-card .ult-content-box::after {
        bottom: inherit;
        right: 12px;
    }
    .link-card .ult-content-box > .vc_row {
        width: calc(100% - 58px - clamp(110px, 25vw, 250px));
        padding: 0;
    }
    .link-card .ult-content-box > .vc_row > .wpb_column > .vc_column-inner {
        padding-right: 0;
    }
}

@media only screen and (max-width: 449px) {
    .link-card .wpb_text_column.toptitle {
        width: 100%;
        max-width: 170px;
    }
}

/* ------ LINK CARDS SPECIALS --------- */

/* --- PROGRAMM CARDS --- */
.link-card:has(a[href*="staffel-maenner"]) .wpb_single_image,
.link-card:has(a[href*="verfolgung-frauen"]) .wpb_single_image{
    display: flex!important;
    align-content: flex-end;
    align-items: flex-end;
}
/* --- CARDS WITH ICONS--- */
.link-card:has(img[src*=".svg"]) .wpb_single_image {
    max-height: 200px;
    text-align: center;
}
.link-card .wpb_single_image img[src*=".svg"] {
    height: 150px;
    width: 200px;
	-moz-filter: brightness(0) saturate(100%) invert(100%);
	-webkit-filter: brightness(0) saturate(100%) invert(100%);
	filter: brightness(0) saturate(100%) invert(100%);
}
@media only screen and (max-width: 640px) {
    .link-card .wpb_single_image img[src*=".svg"] {
        height: 50px;
    }
    .link-card:has(img[src*=".svg"]) .wpb_single_image * {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        justify-items: center;
    }
}
@media only screen and (max-width: 347px) {
    .link-card .wpb_single_image img[src*=".svg"] {
        height: 50px;
        max-width: 50px;
        object-position: inherit;
    }
    .link-card:has(img[src*=".svg"]) .wpb_single_image {
        max-width: 60px;
    }
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TEASER CARDS */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.teaser-card {
    border-radius: var(--radius-regular);
    background-color: var(--deep-blue);
    overflow: hidden!important;
    position: relative!important;
    display: flex;
    transition: all ease 0.4s;
}
.teaser-card .vc_row * {
    color: var(--white);
}
.teaser-card .headline {
    text-transform: uppercase;
}
.teaser-card:hover,
.teaser-card:focus-within {
    transform: translatey(-4px);
    background-color: var(--highlight-color-darker);
}
.teaser-card .wpb_text_column {
    padding: 0 50px 0 0;
}
.teaser-card .wpb_text_column:not(.headline) {
    margin-top: 1.3rem;
}
.teaser-card .wpb_text_column:not(.headline) * {
    font-size: calc(var(--base-fontsize) * 1.15);
    line-height: 1.5;
}
.teaser-card .wpb_text_column.headline * {
   text-transform: uppercase;
    font-weight: 800;
}
.teaser-card .vc_column-inner {
    padding: 0;
}
.teaser-card .vc_row {
    padding: 1.5rem;
    box-sizing: border-box;
    margin: 0;
}
.teaser-card .wpb_single_image {
    margin-bottom: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 319 / 350;
	transition: ease 0.4s;
	position: relative;
    overflow: hidden;
}
.teaser-card .wpb_single_image img {
    width: 100%;
    height: auto;
    aspect-ratio: 319 / 350;
    object-fit: cover;
}
.teaser-card .ult-content-box::after {
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/arrow-squircle-oc-color.svg");
}
.teaser-card:hover .ult-content-box::after,
.teaser-card:focus-within .ult-content-box::after {
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/arrow-squircle-deep-blue.svg");
}
.teaser-card .wpb_single_image::before {
    content:"";
    position: absolute;
    display: block;
    bottom: -1px;
    left: 0;
    height: 23px;
    width: 100%;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/teaser-card-divider-deep-blue.svg");
    background-repeat: none;
    background-size: contain;
    transition: ease 0.4s;
    z-index: 10!important;
	transition: ease 0.4s;
}
.teaser-card:hover .wpb_single_image::before,
.teaser-card:focus-within .wpb_single_image::before{
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/teaser-card-divider-oc-color.svg");
	transform: scale(1.8);
}
.teaser-card:hover .wpb_single_image img,
.teaser-card:focus-within .wpb_single_image img{
    transform: scale(1.15);
	transition: ease 0.4s;
}


/* TEASER CARDS WRAPPER */
.teaser-cards-wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(min(250px,100%),1fr));
    gap: 8px;
}
.teaser-cards-wrapper > .wpb_column > .vc_column-inner {
    padding-top: 10px;
}
.teaser-cards-wrapper {
    -moz-filter: drop-shadow(-10px 10px 15px rgba(11, 11, 39, 0.25));
    -webkit-filter: drop-shadow(-10px 10px 15px rgba(11, 11, 39, 0.25));
    filter:drop-shadow(-10px 10px 15px rgba(11, 11, 39, 0.25));
}

/* MEDIA QUERIES TEASER CARDS */
@media only screen and (max-width: 640px) {
    .teaser-cards-wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper {
        display: grid;
        grid-template-columns: 1fr;
    }
    .teaser-card .ult-content-box {
        display: flex;
        flex-direction: row;
        gap: 0;
        justify-content: space-between;
        align-content: center;
        align-items: center;
    }
    .teaser-card {
        height: auto;
        min-height: 66px;
    }
    .teaser-card .wpb_single_image {
        position: relative;
        height: 100%;
        width: 100%;
        max-height: inherit;
        width: clamp(100px, 18vw, 250px);
        min-width: clamp(100px, 18vw, 250px);
        display: flex;
        left: inherit;
        aspect-ratio: inherit;
    }
    .teaser-card .wpb_single_image * {
        height: 100%;
    }
    .teaser-card .wpb_single_image img {
        object-position: center center;
        width: clamp(100px, 18vw, 250px);
        object-fit: cover;
        object-position: center center;
        height: 100%;
    }
    .teaser-card .wpb_single_image::before {
        display: none!important;
    }
    .teaser-card .ult-content-box::after {
        bottom: inherit;
        right: 12px;
    }
}

@media only screen and (max-width: 449px) {
    .teaser-card .wpb_single_image,
    .teaser-card .wpb_single_image img {
        width: clamp(65px, 18vw, 250px);
        min-width: clamp(65px, 18vw, 250px);
    }
    .teaser-card .vc_row {
        padding: 1rem;
    }
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TEASER CARDS ROW AFTER HERO */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 820px) {
    section.hero + .vc_clearfix + section .teaser-cards-wrapper {
        transform: translatey(calc(calc(var(--image-divider-height) + var(--gap-l)) * (-1)));
        margin-bottom: calc(var(--gap-s) * (-1));
    }
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* NEWS BEITAG | NEWS UNTERSEITE | BLOG POST */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* SECTION NEWS START */
body.single-post article .wpb-content-wrapper > section:first-child{
    padding-top: var(--gap-s);
    z-index: 2!important;
    overflow: visible;
}
body.single-post article .wpb-content-wrapper > section:first-child > .vc_row > .wpb_column:first-child{
    transform: translatey(calc(calc(var(--image-divider-height) + var(--gap-s) + 1.5rem) * (-1)));
    position: relative;
	margin-bottom: calc(calc(var(--image-divider-height) + var(--gap-s)) * (-1));
}

/* ROW & COLUMNS NEWS */
.news-content{
    display: grid;
    grid-template-columns: 1fr 355px;
    gap: clamp(3rem, 4vw, 4rem);
}
.news-content::before,
.news-content::after{
    display: none;
}
.news-content > .wpb_column{
    width: 100%;
}
.news-content > .wpb_column:last-child::before{
     content:"";
    position: absolute;
    display: block;
    height: 100%;
    width: 1px;
    top: 0;
    left: calc(clamp(3rem, 4vw, 4rem) / (-2));
    background: var(--dark-grey);
    background: linear-gradient(0deg,rgba(45, 61, 69, 0) 0%, rgba(45, 61, 69, 1) 10%, rgba(45, 61, 69, 1) 50%, rgba(45, 61, 69, 1) 90%, rgba(45, 61, 69, 0) 100%);
    opacity: 0.15;    
}
@media only screen and (max-width: 993px) {
    .news-content {
        grid-template-columns: 1fr;
    }
    .news-content > .wpb_column:last-child::before {
        height: 1px;
        width: 100%;
        top: calc(clamp(3rem, 4vw, 4rem) / (-2));
        left: 0;
        background: linear-gradient(90deg,rgba(45, 61, 69, 0) 0%, rgba(45, 61, 69, 1) 10%, rgba(45, 61, 69, 1) 50%, rgba(45, 61, 69, 1) 90%, rgba(45, 61, 69, 0) 100%);
    }
}


/* POST IMAGE | BEITRAGSBILD | NEWS IMAGE */
.wpb_single_image.news-image img{
    border-radius: var(--radius-regular);
    filter: drop-shadow(-10px 10px 20px rgba(11, 11, 39, 0.25));
}
.wpb_single_image.news-image{
    position: relative;
}
.wpb_single_image.news-image::before{
    position: absolute;
    display: block;
    content:"";
    width: clamp(280px, 20vw, 420px);
    height: auto;
    aspect-ratio: 307 / 156;
    bottom: -1.5vw;
    left: calc(calc(clamp(280px, 20vw, 420px) * (-1)) + 3vw);
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/berge_bolder-schraeg_dark-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    -moz-mix-blend-mode: multiply;
    -webkit-mix-blend-mode: multiply;
    mix-blend-mode: multiply;
    opacity: 0.04;
    z-index: 0;
}

/* NEWS KATEGORIEN | POST CATEGORIES */

.single-post ul.post-categories,
.vc_gitem-post-data-source-post_categories{
    list-style-type: none;
    margin: 0 0 1rem 0!important;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    gap: 10px;
}
.single-post ul.post-categories li,
.vc_gitem-post-data-source-post_categories .vc_gitem-post-category-name{
    font-style: italic;
    color: var(--highlight-color-dark)!important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    position: relative;
	margin-bottom: 0;
}
.single-post ul.post-categories li:not(:first-child)::before,
.vc_gitem-post-data-source-post_categories .vc_gitem-post-category-name:not(:first-child)::before{
    content: "";
    position: relative;
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: var(--dark-grey);
    top: 0;
    left: 0;
    margin-right: 10px;
}

/* NEWS DATUM | POST DATE */
.single-post .post-date *,
.vc_gitem-post-data-source-post_date{
    font-size: var(--base-fontsize);
    color: var(--dark-grey);
    font-style: italic;
    line-height: 1.2;
}
/* NEWS INTRO */
.single-post .wpb_text_column.introduction-text{
    margin-top: 1.5rem;
}
.single-post .news-intro{
    padding-bottom: 2.8rem;
    margin-bottom: 2.8rem;
    border-bottom: 1px solid var(--oc-color-darker);
}

/* AD CAROUSEL IN NEWS UNTERSEITE */
.single-post section.vc_section.section-img-gallery-carousel:has(.ad-carousel){
    padding-top: var(--gap-s);
}
.single-post section.vc_section.section-img-gallery-carousel:has(.ad-carousel)::before{
    display: none;
}

/* NEWS CONTENT */
.news-content-col .wpb_text_column.headline + .wpb_text_column{
    margin-top: 1.5rem;
}
.wpb_text_column + style + .dt-btn,
.wpb_text_column + style + .dt-btn{
    margin-top: 0.8rem;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* NEWS SIDEBAR */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.news-sidebar-col .dt-btn.btn-primary{
    margin-top: clamp(2rem, 4vw, 3rem);
}
section.vc_section.content_rows .news-sidebar-col .btn-align-left + style + .btn-align-left,
section.vc_section.content_rows .news-sidebar-col .btn-align-left + .btn-align-left{
    margin-top: 0;
}

/* HIGHLIGHT-BOX */
.ult-content-box-container.highlight-box{
    border-radius: var(--radius-regular);
    background-color: var(--oc-color-darker);
    overflow: hidden;
    position: relative;
    padding: clamp(1rem, 2vw, 1.5rem) 1rem;
    margin: clamp(2rem, 4vw, 3rem) 0;
}
.ult-content-box-container.highlight-box::before{
    content: "";
    position: absolute;
    display: block;
    height:100%;
    width: 100%;
    top:0;
    left: 0;background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/berge_pattern_dark.svg");
    background-size: 2560px;
    background-repeat: repeat;
    opacity: 0.15;
    z-index: 0;
}
.ult-content-box-container.highlight-box > *{
    position: relative;
    z-index: 1;
}
.ult-content-box-container.highlight-box .wpb_text_column *{
    color: var(--white);
}

/* WEITERE BEITRÄGE | NEUESTE BEITRÄGE | RELATED POSTS */
.sidebar-news-list{
    margin-top: 1rem;
}
.sidebar-news-list .vc_grid-item .headline-xxs *{
	font-size: var(--base-fontsize);
}
.sidebar-news-list .vc_grid-item .vc_gitem-post-data-source-post_date{
    font-size: 14px;
    margin-bottom: 3px;
}
.sidebar-news-list .vc_grid-item .vc_gitem-post-data-source-post_date p{
    margin-bottom: 0;
}
.sidebar-news-list .vc_grid-item .vc_gitem_row{
    display: grid;
    grid-template-columns: 60px 1fr;
    align-content: flex-start;
    align-items: flex-start;
	gap: 0.75rem;
}
.vc_grid-container-wrapper .vc_grid-container.vc_basic_grid.sidebar-news-list .vc_grid .vc_pageable-slide-wrapper{
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}
.sidebar-news-list .vc_grid.vc_row .vc_grid-item{
    padding: 0.75rem;
    border-radius: var(--radius-regular);
}
.sidebar-news-list .vc_grid.vc_row .vc_grid-item:hover,
.sidebar-news-list .vc_grid.vc_row .vc_grid-item:focus-within{
    background-color: var(--white);
    -moz-filter: drop-shadow(-10px 10px 10px rgba(11, 11, 39, 0.15));
    -webkit-filter: drop-shadow(-10px 10px 10px rgba(11, 11, 39, 0.15));
    filter: drop-shadow(-10px 10px 10px rgba(11, 11, 39, 0.15));
}
.sidebar-news-list .vc_grid.vc_row .vc_grid-item:not(:last-child)::after{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--medium-grey);
    bottom: -8px;
}
.sidebar-news-list .wpb_single_image {
    height: 60px;
    width: 60px;
    border-radius: 8px;
    overflow: hidden;
}
.sidebar-news-list .wpb_single_image img {
    height: 60px;
    width: 60px;
    object-fit: cover;
    transition: ease 0.4s;
}
.sidebar-news-list .vc_grid-item:hover .wpb_single_image img,
.sidebar-news-list .vc_grid-item:focus-within .wpb_single_image img {
    transform: scale(1.2);
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* NEWS LIST | NEWS GRID | NEWS ÜBERSICHT */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.vc_grid-container-wrapper .vc_grid-container.vc_basic_grid .vc_grid-item .vc_gitem_row{
    position: relative;
    transform: inherit;
    top: inherit;
    left: inherit;
    right: inherit;
}
.vc_grid-container-wrapper .vc_grid-container.vc_basic_grid .vc_grid .vc_pageable-slide-wrapper::before,
.vc_grid-container-wrapper .vc_grid-container.vc_basic_grid .vc_grid .vc_pageable-slide-wrapper::after{
    display: none;
}
.vc_grid-container-wrapper .vc_grid-container.vc_basic_grid.news-list .vc_grid .vc_pageable-slide-wrapper{
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}
.vc_grid-item .vc_gitem_row::before,
.vc_grid-item .vc_gitem_row::after{
    display: none;
}
.news-list .vc_grid-item .vc_gitem_row{
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-content: center;
    align-items: center;
}
.news-list .vc_grid-item .vc_gitem_row > .vc_gitem-col,
.sidebar-news-list .vc_grid-item .vc_gitem_row > .vc_gitem-col{
    width: 100%;
    padding: 0 0;
}
.news-list .vc_grid-item .vc_gitem_row > .vc_gitem-col:first-child{
    display: flex;
    height: 100%;
}
.news-list .vc_grid-item .vc_gitem_row > .vc_gitem-col:first-child *{
    height: 100%;
}
.news-list .vc_grid-item .wpb_single_image,
.sidebar-news-list .vc_grid-item .wpb_single_image{
    margin:  0!important;
	position: relative;
	overflow: hidden;
	transition: ease 0.4s;
}
.news-list .vc_grid-item .wpb_single_image::before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: radial-gradient(50% 50% at 50% 50%, rgba(2, 53, 80, 0.00) 0%, var(--deep-blue) 100%);
    mix-blend-mode: multiply;
    opacity: 0;
	transition: ease 0.4s;
	z-index: 1;
}
.news-list .vc_grid-item .wpb_single_image img{
	transition: ease 0.4s;
	object-fit: cover;
}
.news-list .vc_grid-item .vc_gitem_row > .vc_gitem-col:last-child{
    width: 100%;
    padding: clamp(0.8rem, 4vw, 1.5rem);
}
.news-list .vc_grid-item{
    border-radius: var(--radius-regular);
    overflow: hidden!important;
    background-color: var(--white);
	position: relative;
	border-top: 1px solid var(--medium-grey);
	transition: ease 0.4s;
}
.news-list .vc_gitem-post-data-source-post_categories::before,
.news-list .vc_gitem-post-data-source-post_categories::after{
	display: none;
}
.news-list .vc_gitem_row .vc_gitem-post-data-source-post_categories{
    margin-bottom: clamp(0.8rem, 3vw, 1.4rem)!important; 
}
.vc_gitem_row .vc_gitem-post-data-source-post_title,
.vc_gitem_row .vc_gitem-post-data-source-post_title *{
    margin-bottom: 0;
}
.news-list .vc_grid-item *,
.sidebar-news-list .vc_grid-item *{
    position: static;
}
.news-list .vc_gitem_row .vc_gitem-post-data-source-post_title a::before,
.sidebar-news-list .vc_gitem_row .vc_gitem-post-data-source-post_title a::before{
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
	z-index: 3;
}
.news-list .vc_gitem-post-data-source-post_date p{
	margin-bottom: 8px!important;
}
.news-list .vc_gitem-post-data-source-post_date{
    margin-bottom: 0!important;
}

/* NEWS GRID ITEM HOVER & FOCUS-VISIBLE */
.news-list .vc_grid-item:hover,
.news-list .vc_grid-item:focus-within {
    background-color: var(--deep-blue);
    border-top: 1px solid var(--deep-blue);
	-moz-filter: drop-shadow(-10px 10px 20px rgba(11, 11, 39, 0.3));
    -webkit-filter: drop-shadow(-10px 10px 20px rgba(11, 11, 39, 0.3));
    filter: drop-shadow(-10px 10px 20px rgba(11, 11, 39, 0.3));
	opacity: 1;
}
.news-list .vc_grid-item:hover .vc_gitem-post-data-source-post_categories .vc_gitem-post-category-name,
.news-list .vc_grid-item:focus-within .vc_gitem-post-data-source-post_categories .vc_gitem-post-category-name {
    color: var(--highlight-color-lighter)!important;
}
.news-list .vc_grid-item:hover .vc_gitem-post-data-source-post_title a,
.news-list .vc_grid-item:focus-within .vc_gitem-post-data-source-post_title a,
.news-list .vc_grid-item:hover .vc_gitem-post-data-source-post_title a *,
.news-list .vc_grid-item:focus-within .vc_gitem-post-data-source-post_title a *,
.news-list .vc_grid-item:hover .vc_gitem-post-data-source-post_date,
.news-list .vc_grid-item:focus-within .vc_gitem-post-data-source-post_date,
.news-list .vc_grid-item:hover .vc_gitem-post-data-source-post_date *,
.news-list .vc_grid-item:focus-within .vc_gitem-post-data-source-post_date *{
    color: var(--white)!important;
    opacity: 1!important;
}
.news-list .vc_grid-item:hover .vc_gitem-post-data-source-post_categories .vc_gitem-post-category-name::before,
.news-list .vc_grid-item:focus-within .vc_gitem-post-data-source-post_categories .vc_gitem-post-category-name::before {
    background-color: var(--white);
}
.news-list .vc_grid-item:hover .wpb_single_image img,
.news-list .vc_grid-item:focus-within .wpb_single_image img {
    transform: scale(1.07);
}
.news-list .vc_grid-item:hover .wpb_single_image::before,
.news-list .vc_grid-item:focus-within .wpb_single_image::before {
    opacity: 0.2;
}
.vc_grid-item:hover .vc_gitem-post-data-source-post_title a,
.vc_grid-item:focus-within .vc_gitem-post-data-source-post_title a{
    outline: none!important;
    box-shadow: none!important;
}

/* NEWS GRID MEDIA QUERIES */

@media only screen and (max-width: 370px){
    .news-list .vc_grid-item .vc_gitem_row,
	.news-list.news-teaser .vc_grid-item .vc_gitem_row{
    grid-template-columns: 1fr;
}
}

/* NEWS GRID FILTER */
.vc_grid-container ul.vc_grid-filter{
    margin: 0 0 1rem 0;
}
.vc_grid-container .vc_grid-filter.vc_grid-filter-default > li.vc_grid-filter-item{
   border-radius: var(--radius-regular);
    border: 1px solid var(--deep-blue);
    color: var(--deep-blue);
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
    font-size: 15px;
}
.vc_grid-container .vc_grid-filter.vc_grid-filter-default > li.vc_grid-filter-item:hover,
.vc_grid-container .vc_grid-filter.vc_grid-filter-default > li.vc_grid-filter-item:focus-visible{
    color: var(--white);
    background-color: var(--deep-blue);
}
.vc_grid-container .vc_grid-filter.vc_grid-filter-default > li.vc_grid-filter-item.vc_active{
    color: var(--white);
    background-color: var(--oc-color-darker);
    border: 1px solid var(--oc-color-darker);
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* NEWS LIST | NEWS GRID | NEWS TEASER */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.news-list.news-teaser .vc_grid-item .vc_gitem_row{
    display: grid;
    grid-template-columns: clamp(150px, 6vw, 200px) 2fr!important;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ICONS | SINGLE ICONS | DEKO-ICONS */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ult-just-icon-wrapper,
.ult-just-icon-wrapper .align-icon,
.ult-just-icon-wrapper .align-icon .aio-icon-img{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
}
.ult-just-icon-wrapper{
    width: 70px;
    height: 70px;
    margin-bottom: 1.5rem;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/squircle-oc-color.svg");
    background-size: contain;
    background-repeat: no-repeat;
}
.ult-just-icon-wrapper .align-icon,
.ult-just-icon-wrapper .align-icon .aio-icon-img,
.ult-just-icon-wrapper .aio-icon-img .img-icon{
    height:30px!important;
    width: 30px!important;
}
.ult-just-icon-wrapper .align-icon .aio-icon-img img{
    filter: brightness(0) saturate(100%) invert(100%);
	object-fit: contain;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PRESSE | PRESSEBILDER */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.vc_row.press-photos-wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
    box-sizing: border-box;
}
.vc_row.press-photo::before,
.vc_row.press-photo::after {
    display: none;
}
.vc_row.press-photo {
    padding: 1rem 0;
    border-bottom: 1px solid var(--medium-grey);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin: 0;
}
.vc_row.press-photo > .wpb_column {
    width: 100%;
}
.vc_row.press-photo .vc_column-inner {
    padding: 0;
}
.vc_row.press-photo .wpb_single_image {
    margin-bottom: 0;
}
.vc_row.press-photo .wpb_text_column:not(.dt-btn):not(.headline) * {
    font-size: 16px;
    line-height: 1.4;
}
.vc_row.press-photo .wpb_text_column:not(.headline) {
    margin-top: 10px !important;
}
.vc_row.press-photo .dt-btn {
    padding: 8px 15px !important;
}
.vc_row.press-photo .dt-btn span::before {
    position: relative;
    display: inline-block;
    content: "";
    height: 16px;
    width: 16px;
    margin-right: 8px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/download.svg");
    background-size: contain;
    background-repeat: no-repeat;
    filter:invert(13%) sepia(26%) saturate(5739%) hue-rotate(180deg) brightness(92%) contrast(98%);
}
.vc_row.press-photo .dt-btn:hover span::before,
.vc_row.press-photo .dt-btn:focus-visible span::before {
    filter:invert(100%);
}
@media only screen and (max-width: 840px) {
    .vc_row.press-photos-wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper {
        grid-template-columns: 1fr;
		grid-row-gap: 1rem;
    }
}
@media only screen and (max-width: 360px) {
    .vc_row.press-photo {
        grid-template-columns: 1fr;
    }
}

/* PRESSE 3-SPALTIG | PRESSE CONTENT */
.line-top{
    padding-top: 1.25rem;
    margin-top: 1.25rem;
    position: relative;
}
.line-top::before{
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    min-width: 1px;
    background: #2D3D45;
    background: linear-gradient(0deg,rgba(45, 61, 69, 0) 0%, rgba(45, 61, 69, 1) 10%, rgba(45, 61, 69, 1) 50%, rgba(45, 61, 69, 1) 90%, rgba(45, 61, 69, 0) 100%);  
    opacity: 0.1!important;
	left: 0;
	top:0;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TABELLEN | TABLEPRESS */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wpb_text_column .table-scroll-hint{
    color: var(--dark-grey);
    font-style: italic;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 6px;
}
.wpb_column table.tablepress.tabelle-oeffnungszeiten thead, 
.wpb_column table.tablepress.tabelle-oeffnungszeiten thead tr, 
.wpb_column table.tablepress.tabelle-oeffnungszeiten thead th {
    position: absolute;
    height: 0 !important;
    width: 0 !important;
    border: none !important;
    z-index: -5;
    color: transparent !important;
}
.wpb_column table.tablepress.tabelle-oeffnungszeiten {
    border: none;
}
.wpb_column table.tablepress{
    margin-bottom: 0;
}
.wpb_column table.tablepress * {
    color: var(--dark-grey);
    font-family: "Roboto";
    font-size: var(--base-fontsize);
    line-height: 1.4;
}
.wpb_column table.tablepress tbody tr:hover {
    outline: 2px solid var(--deep-blue);
    outline-offset: 1px;
    border-radius: 2px;
}
.wpb_column table.tablepress tbody td {
    padding: 8px;
	border: none;
}
.wpb_column table.tablepress tbody tr:not(:last-child) {
    border-bottom: 1px solid var(--medium-grey);
}
.wpb_column table.tablepress.tabelle-oeffnungszeiten tbody tr td:nth-child(2) {
    font-weight: 500;
}
.wpb_column table.tablepress.tabelle-oeffnungszeiten tbody tr td:nth-child(3) {
    text-align: right;
}
@media only screen and (max-width: 400px) {
    .wpb_column table.tablepress.tabelle-oeffnungszeiten tbody tr td:nth-child(1) {
        padding-left: 0;
    }
    .wpb_column table.tablepress.tabelle-oeffnungszeiten tbody tr td:nth-child(3) {
        padding-right: 0;
    }
}
@media only screen and (max-width: 365px) {
    .wpb_column table.tablepress.tabelle-oeffnungszeiten tbody tr td:nth-child(3) {
        max-width: 65px;
        text-align: left;
    }
}
.wpb_column table.tablepress:not(.tabelle-oeffnungszeiten) thead,
.wpb_column table.tablepress:not(.tabelle-oeffnungszeiten) thead th{
    background-color: var(--oc-color-darker);
    color: var(--white);
    border: none;
}
.wpb_column table.tablepress:not(.tabelle-oeffnungszeiten) tbody tr:nth-child(odd){
    background-color: var(--white);
}
.wpb_column table.tablepress:not(.tabelle-oeffnungszeiten) tbody tr:nth-child(even){
    background-color: var(--light-grey);
}
.wpb_column table.tablepress.tabelle-handicap thead tr th:nth-child(3),
.wpb_column table.tablepress.tabelle-handicap tbody tr td:nth-child(3),
.wpb_column table.tablepress.tabelle-handicap thead tr th:nth-child(4),
.wpb_column table.tablepress.tabelle-handicap tbody tr td:nth-child(4),
.wpb_column table.tablepress.tabelle-vip tbody tr td:nth-child(3),
.wpb_column table.tablepress.tabelle-vip thead tr th:nth-child(3),
.wpb_column table.tablepress.tabelle-vip tbody tr td:nth-child(4),
.wpb_column table.tablepress.tabelle-vip thead tr th:nth-child(4),
.wpb_column table.tablepress.tabelle-vip tbody tr td:nth-child(5),
.wpb_column table.tablepress.tabelle-vip thead tr th:nth-child(5){
    text-align: center;
}
.tablepress-table-description{
    font-size: 14px;
    line-height: 1.4;
    padding: 1rem;
     border: 1px solid var(--deep-blue);
    border-top: 0px;
    color: var(--dark-grey);
}
.wpb_column table.tablepress:not(.tabelle-oeffnungszeiten) {
    border: 1px solid var(--deep-blue);
}
.tablepress-table-description .wichtig{
    color: var(--white);
    background-color: var(--red);
    position: relative;
    padding: 2px 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 4px!important;
}
table.tablepress caption{
	display: none;
}
.tablepress th sup{
    color: var(--white)!important;
    font-size: 13px!important;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* EXPANDABLE SECTIONS | AUFKLAPPBARE SECTIONS */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ult_exp_section_layer{
    margin-top: 1.5rem!important;
}
.ult_exp_section_layer .ult_exp_section{
   background-color: var(--white)!important;
    background: var(--white);
    padding: 13px 20px 11px 20px;
    border-radius: var(--btn-border-radius);
    transition: ease 0.4s!important;
    border: 1px solid var(--deep-blue);
    text-transform: none;
    color: var(--deep-blue); 
}
.ult_exp_section_layer .ult_exp_section .ult_expheader{
    font-family: "Roboto";
    position: relative;
    top: 1px;
	font-size: var(--base-fontsize);
	color: var(--deep-blue);
	font-family: "Roboto";
	font-style: italic;
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0.2px;
}
.ult_exp_section_layer .ult_exp_content{
    background-color: transparent!important;
}
.ult_exp_section_layer .ult_exp_content .ult_ecpsub_cont{
    text-align: left;
}
.ult_exp_section_layer h3,
.ult_exp_section_layer h4{
      font-family: var(--font-basic);
	font-style: italic;
    font-weight: 900;
    line-height: var(--headline-line-height);
	color: var(--deep-blue);
}
.ult_exp_section_layer h3{
     font-size: clamp(calc(var(--base-fontsize) * 1.3), 3.5vw, calc(var(--base-fontsize) * 1.556));
    margin-top: 2rem;
}
.ult_exp_section_layer h4{
     font-size: calc(var(--base-fontsize) * 1.2);
    margin-top: 1rem;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PARTNER-LOGOS | PARTNER GRID | SPONSOREN */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.vc_row.partner-grid .vc_column-inner > .wpb_wrapper{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(min(250px,100%),1fr));
    justify-content: flex-start;
    justify-items: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    gap: 2rem;
    box-sizing: border-box;
}
.vc_row.partner-grid .wpb_single_image{
    margin-bottom: 0;
}
.vc_row.partner-grid .partner-logo{
    position: relative;
    box-sizing: border-box;
    display: flex;
    padding: 1.5rem;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    height: 100%;
    width: 100%;
    border-radius: var(--radius-regular);
	transition: transform 0.4s;
}
.vc_row.partner-grid .partner-logo *{
    height: 100%;
    width: 100%;
}
.vc_row.partner-grid .partner-logo img{
    height: 100%;
    width: 100%;
    object-fit: contain;
    max-height: 180px;
}
.vc_row.partner-grid .partner-logo:hover,
.vc_row.partner-grid .partner-logo:focus-within{
    -moz-filter: drop-shadow(-10px 10px 20px rgba(11, 11, 39, 0.25));
    -webkit-filter: drop-shadow(-10px 10px 20px rgba(11, 11, 39, 0.25));
    filter: drop-shadow(-10px 10px 20px rgba(11, 11, 39, 0.25));
    background-color: var(--white);
	transform: translatey(-8px);
}
.vc_row.partner-grid .partner-logo:focus-within a{
    outline: none!important;
}
.vc_row.partner-grid .partner-logo a::before{
    content:"";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: var(--radius-regular);
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* LANDINGPAGES FORMULARE & 404-FEHLER */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.buttons-wrapper .ult-content-box{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    gap: 10px;
}
section.vc_section.section-deep-blue.landingpage::before{
    display: none;
}
section.vc_section.section-deep-blue.landingpage{
    padding-bottom: calc(var(--gap-xl) + var(--divider-height))!important;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Slogan Section */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.vc_section.slogan-section .slogan img,
.vc_section.slogan-section .slogan{
    width: 90vw;
    max-width: 900px;
}
.vc_section.slogan-section .slogan{
    opacity: 0.8;
    mix-blend-mode: color-burn;
	/*-webkit-filter: drop-shadow(3px 3px 3px rgb(32,43,63, 0.5));
	-moz-filter: drop-shadow(3px 3px 3px rgb(32,43,63, 0.5));
	filter: drop-shadow(3px 3px 3px rgb(32,43,63, 0.5));*/
	margin: 0 auto;
}
.vc_section.content_rows.slogan-section {
    -webkit-filter: hue-rotate(-10deg) contrast(1);
    filter:hue-rotate(-10deg) contrast(1);
    position: relative;
    padding-top: calc(var(--gap-l) + var(--divider-height));
    padding-bottom: calc(var(--gap-l) + var(--divider-height));
}
.vc_section.slogan-section::before {
    content: "";
    position: absolute;
    display: block;
    height: var(--divider-height);
    width: 100%;
    top: -1px;
    left: 0;
    z-index: 3;
    background: var(--light-grey);
    background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, var(--light-grey) 100%);
}
.vc_section.slogan-section::after {
	content: "";
    position: absolute;
    display: block;
    height: var(--divider-height);
    width: 100%;
    bottom: -1px;
    left: 0;
    z-index: 3;
    background: var(--light-grey);
    background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, var(--light-grey) 100%);
	transform: rotate(180deg);
}

/* Slogan Section after Teaser Cards */
@media only screen and (min-width: 820px) {
    section.vc_section.slogan-section {
        top: calc(var(--gap-xl) * (-1));
        margin-bottom: calc(var(--gap-xl) * (-1));
    }
}

/* News Section after Slogan Section  */
@media only screen and (min-width: 820px) {
	.vc_section.slogan-section + .vc_clearfix + section.vc_section{
    	padding-top: var(--gap-xl)!important;
	}
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SUCHE | SEARCHWP | SEARCH WP*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.searchwp-form input.swp-input--search{
    border-radius: 3px;
    border: 1px solid var(--white);
    color: var(--dark-grey)!important;
    font-family: "Roboto";
    font-weight: 600;
	height: 45px;
}
form#searchwp-form-3.searchwp-form .swp-flex--row {
    flex-direction: column;
}
form#searchwp-form-3.searchwp-form input.search-submit.swp-button{
    width: 100%;
}
@media only screen and (max-width: 520px){
    form.searchwp-form .swp-flex--row{
        flex-direction: column;
    }
}
::placeholder{
    color: var(--dark-grey)!important;
    opacity: 1!important;
    font-style: italic;
    font-weight: 400;
}
::-webkit-input-placeholder{
    color: var(--dark-grey)!important;
    opacity: 1!important;
    font-style: italic;
    font-weight: 400;
}
::-moz-placeholder{
    color: var(--dark-grey)!important;
    opacity: 1!important;
    font-style: italic;
    font-weight: 400;
}
:-ms-input-placeholder{
    color: var(--dark-grey)!important;
    opacity: 1!important;
    font-style: italic;
    font-weight: 400;
}
:-moz-placeholder{
    color: var(--dark-grey)!important;
    opacity: 1!important;
    font-style: italic;
    font-weight: 400;
}
.searchwp-form input.search-submit.swp-button{
    border-radius: var(--btn-border-radius);
    border: 1px solid var(--deep-blue);
    background-color: var(--energy-green);
    background: var(--energy-green);
    color: var(--deep-blue)!important;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 900;
    letter-spacing: 0.2px;
    line-height: 1.0;
    font-size: var(--base-fontsize);
}
.searchwp-form input.search-submit.swp-button,
#pagetitle.pagetitle-no-img .searchwp-form input.search-submit.swp-button{
    text-align: center!important;
}
.searchwp-form input.search-submit.swp-button:hover,
.searchwp-form input.search-submit.swp-button:focus-visible{
    border: 1px solid var(--white);
    background-color: var(--oc-color)!important;
    background: var(--oc-color)!important;
    color: var(--white)!important;
}
.searchwp-form .searchwp-form-quick-search{
    margin-top: 1rem;
}
.searchwp-form .searchwp-form-quick-search span{
    display: block;
    position: relative;
    margin-bottom: 0.5rem;
}
.searchwp-form .searchwp-form-quick-search a{
   text-decoration: none;
    position: relative;
    box-sizing: border-box;
    padding: 5px 12px 3px;
    border: 1px solid var(--white);
    border-radius: 20px;
    display: inline-block;
    background-color: var(--deep-blue);
    font-weight: 700;
}
.searchwp-form .searchwp-form-quick-search a:not(:last-child){
    margin-right: 4px;
    margin-bottom: 8px;
}
.searchwp-form .searchwp-form-quick-search a:hover,
.searchwp-form .searchwp-form-quick-search a:focus-visible{
    background-color: var(--white);
    color: var(--deep-blue)!important;
}
.searchwp-form input[type="search"]:focus {
    outline: 2px solid white!important;
    outline-offset: 4px!important;
}
/* ------ ERGEBNISLISTE | SUCHERGEBNISSE | SEARCH RESULTS ------ */
.swp-search-results article.swp-result-item{
    border-bottom: 1px solid var(--dark-grey);
    position: relative;
    padding: clamp(1rem, 4vw, 2rem)!important;
    margin-bottom: 0;
    transition: ease 0.4s;
}
.swp-search-results article.swp-result-item:hover,
.swp-search-results article.swp-result-item:focus-within{
    background-color: var(--white);
    filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.05));

}
.swp-search-results article.swp-result-item:hover a,
.swp-search-results article.swp-result-item:focus-within a{
    padding-left: 10px;
    color: var(--deep-blue);
}
.swp-search-results article.swp-result-item::before,
.swp-search-results article.swp-result-item::after{
    display: none;
}
.swp-search-results article.swp-result-item .entry-title{
    font-size: calc(var(--base-fontsize) * 1.25);
    line-height: 1.2;
    margin-bottom: 0;
}
.swp-search-results article.swp-result-item .swp-result-item--desc{
    font-size: 16px;
}
.swp-search-results article.swp-result-item a{
    position: static;
    transition: ease 0.4s;
    opacity: 1;
    font-style: italic;
}
.swp-search-results article.swp-result-item a:focus-visible{
    outline: none!important;
}
.swp-search-results article.swp-result-item a::before{
    content:"";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.swp-search-results .swp-result-item--info-container{
    width: 100%!important;
    max-width: inherit!important;
}
.search-results-row .headline {
    display: none;
}
.search-results-row:has(article) .headline {
    display: block;
}

/* --- SEARCHWP MEHR LADEN --- */
.swp-load-more {
    text-align: center;
}
.swp-load-more button.swp-load-more-button {
    background-color: var(--white);
    background: var(--white);
    padding: 13px 20px 11px;
    border-radius: var(--btn-border-radius);
    transition: ease 0.4s!important;
    border: 1px solid var(--deep-blue);
    text-transform: none;
    color: var(--deep-blue);
    opacity: 1!important;
}
.swp-load-more button.swp-load-more-button span {
    position: relative;
    top: 1px;
    font-size: var(--base-fontsize);
    color: var(--deep-blue);
    font-family: "Roboto";
    font-style: italic;
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0.2px;
}
.swp-load-more button.swp-load-more-button:hover,
.swp-load-more button.swp-load-more-button:focus visible {
    background-color: var(--deep-blue);
    background: var(--deep-blue);
}
.swp-load-more button.swp-load-more-button:hover span,
.swp-load-more button.swp-load-more-button:focus visible span {
    color: var(--white);
}


/* ------ LIVESEARCH | LIVE SEARCH ERGEBNISSE | LIVE SEARCH RESULTS ------ */
.searchwp-live-search-results-container .searchwp-live-search-result {
    position: relative;
}
.searchwp-live-search-results{
    z-index: 99!important;
}
.searchwp-live-search-results-container .searchwp-live-search-result a {
    position: static;
    transition: ease 0.4s;
}
.searchwp-live-search-results-container .searchwp-live-search-result a:hover,
.searchwp-live-search-results-container .searchwp-live-search-result a:focus-visible {
    padding-left: 10px;
    text-decoration: underline;
}
.searchwp-live-search-results-container .searchwp-live-search-result a::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
/* ------ LIVESEARCH IN TOPBAR ------ */
/*#page:has(.mini-search .searchform.mini-widget-searchform .popup-search-wrap[style="visibility: visible; opacity: 1;"])  ~ .searchwp-live-search-results{
    position: fixed;
	top: 147px!important;
	z-index: 9999999999999!important;
	display: block;
}
#page:has(.mini-search .searchform.mini-widget-searchform .popup-search-wrap[style="visibility: hidden; opacity: 0;"])  ~ .searchwp-live-search-results{
	display: none;
}*/

/* ------ SEARCH FORM POPUP ------ */
.mini-search .popup-search-wrap {
    padding: 1rem;
    width: 80vw;
    max-width: 350px;
}
.mini-search .popup-search-wrap input.field {
    width: 100%;
}
.mini-search a.submit {
    height: 26px;
    width: 26px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/squircle-oc-color-lighter.svg");
    background-size: contain;
    background-repeat: no-repeat;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    opacity: 1!important;
}
.mini-search a.submit i,
.mini-search a.submit i::before {
    color: var(--deep-blue)!important;
    opacity: 1!important;
    transform: scalex(-1);
}
.mini-search a.submit:hover,
.mini-search a.submit:focus-visible,
.mini-search.act a.submit{
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/squircle-white.svg");
}
.mini-search .popup-search-wrap input {
    border: 1px solid var(--deep-blue);
    color: var(--deep-blue)!important;
    font-weight: 700;
    height: 45px;
}
.mini-search .popup-search-wrap .search-icon i {
    color: var(--deep-blue);
    transform: scalex(-1);
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.header-space,
.mobile-header-space{
    height: 0!important;
    min-height: 0!important;
    max-height: 0!important;
}
body .masthead {
    width: calc(100% - 48px)!important;
    box-sizing: border-box;
    margin: 0 24px !important;
	border-radius: 0 0 20px 20px!important;
	-webkit-box-shadow: -10px 10px 50px rgba(11, 11, 39, 0.08);
	-moz-box-shadow: -10px 10px 50px rgba(11, 11, 39, 0.08);
	box-shadow: -10px 10px 50px rgba(11, 11, 39, 0.08);
	background: rgba(255, 255, 255, 0.8);
    background: linear-gradient(90deg,rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.65) 100%);
    -moz-backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
}
body .masthead.masthead-mobile {
    width: calc(100% - 10px)!important;
    margin: 0 5px !important;
}
@media only screen and (max-width: 778px) {
    .masthead:not(.side-header) .mobile-header-bar, .side-header.masthead-mobile-header .mobile-header-bar {
        padding: 0 15px 0 8px;
    }
}
body .masthead .header-bar,
body .masthead .mobile-header-bar{
   	border-radius: 0 0 20px 20px!important;
	background: rgba(255, 255, 255, 0.8);
    background: linear-gradient(90deg,rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.65) 100%);
}
.masthead .mini-widgets>*, 
.masthead .mobile-mini-widgets>*{
    margin:  0 0;
}
body:not(.single-post):not(.wp-singular:has(.page-title)) .masthead-mobile-header.masthead-mobile:not(.sticky-mobile-on) ~ #main,
body.wp-singular:has(.page-title) .masthead-mobile-header.masthead-mobile:not(.sticky-mobile-on) ~ .page-title{
    margin-top: -84px!important;
}

/* HEADER LOGO | BRANDING */
.masthead .branding{
    z-index: 9999;
}
.header-bar .branding{
    top: -17px!important;
    position: relative;
    filter: drop-shadow(0px 4px 25px rgba(2,53,80,0.2));
	min-width: 270px;
}
.header-bar .branding a{
    transition: ease 0.4s;
}
.header-bar .branding a:hover,
.header-bar .branding a:focus-visible{
    transform: scale(1.03);
}
.mobile-branding{
    min-width: 135px;
}

/* MICROWIDGET BUTTONS | HEADER BUTTONS */
.dt-btn.mini-btn{
    padding: 12px 15px!important;
}
.dt-btn.mini-btn span{
    font-size: var(--base-fontsize)!important;
}
.header-bar .mini-widgets{
    gap: 8px;
}
.header-btns-wrapper{
    display: flex;
    gap: 8px;
}
.text-area:has(.header-btns-wrapper){
   margin-left: 0!important;
}
.mobile-mini-widgets-in-menu .header-btns-wrapper{
    flex-direction: column;
}
.mobile-mini-widgets-in-menu .header-btns-wrapper .dt-btn:not(:first-child){
    margin-top: 5px;
}
.mini-widgets a:hover,
.mini-widgets a:focus-visible,
.mobile-mini-widgets a:hover,
.mobile-mini-widgets a:focus-visible,
.mobile-mini-widgets-in-menu a:hover,
.mobile-mini-widgets-in-menu a:focus-visible{ 
    transform: scale(1.08)!important;
}
.mini-widgets .dt-btn.mini-btn img,
.mobile-mini-widgets .dt-btn.mini-btn img,
.mobile-mini-widgets-in-menu .dt-btn.mini-btn img{
    margin-right: 5px;
}
.mini-widgets .dt-btn.mini-btn.tickets,
.mobile-mini-widgets .dt-btn.mini-btn.tickets,
.mobile-mini-widgets-in-menu .dt-btn.mini-btn.tickets{
    background-color: var(--energy-green)!important;
    border-color: var(--deep-blue)!important;
	color: var(--deep-blue)!important;
}
.mini-widgets .dt-btn.mini-btn.tickets .mini-btn-text *,
.mobile-mini-widgets .dt-btn.mini-btn.tickets .mini-btn-text *,
.mobile-mini-widgets-in-menu .dt-btn.mini-btn.tickets .mini-btn-text *{
	color: var(--deep-blue)!important;
}
.mini-widgets .dt-btn.mini-btn.tickets img,
.mobile-mini-widgets .dt-btn.mini-btn.tickets img,
.mobile-mini-widgets-in-menu .dt-btn.mini-btn.tickets img{
    filter: brightness(0) saturate(100%) invert(13%) sepia(26%) saturate(5739%) hue-rotate(180deg) brightness(92%) contrast(98%);
}
.mini-widgets .dt-btn.mini-btn.fanshop,
.mobile-mini-widgets .dt-btn.mini-btn.fanshop,
.mobile-mini-widgets-in-menu .dt-btn.mini-btn.fanshop{
    background-color: var(--oc-color)!important;
    border-color: var(--white)!important;
    color: var(--white)!important;
}
.mini-widgets .dt-btn.mini-btn.webcam,
.mobile-mini-widgets .dt-btn.mini-btn.webcam,
.mobile-mini-widgets-in-menu .dt-btn.mini-btn.webcam{
    background-color: var(--deep-blue)!important;
    border-color: var(--oc-deep-blue)!important;
    color: var(--white)!important;
}
.mini-widgets .dt-btn.mini-btn.fanshop .mini-btn-text *,
.mobile-mini-widgets .dt-btn.mini-btn.fanshop .mini-btn-text *,
.mobile-mini-widgets-in-menu .dt-btn.mini-btn.fanshop .mini-btn-text *,
.mini-widgets .dt-btn.mini-btn.webcam .mini-btn-text *,
.mobile-mini-widgets .dt-btn.mini-btn.webcam .mini-btn-text *,
.mobile-mini-widgets-in-menu .dt-btn.mini-btn.webcam .mini-btn-text *{
	 color: var(--white)!important;
}
.mini-widgets .dt-btn.mini-btn.fanshop img,
.mobile-mini-widgets .dt-btn.mini-btn.fanshop img,
.mini-widgets .dt-btn.mini-btn.webcam img,
.mobile-mini-widgets .dt-btn.mini-btn.webcam img,
.mobile-mini-widgets-in-menu .dt-btn.mini-btn.fanshop img,
.mobile-mini-widgets-in-menu .dt-btn.mini-btn.webcam img{
    filter: brightness(0) saturate(100%) invert(100%);
}
.mobile-mini-widgets-in-menu .mini-nav{
    margin-bottom: 2rem!important;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TOPBAR | TOP-BAR */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.masthead .top-bar {
    background-color: var(--deep-blue);
}
.masthead .top-bar-bg {
    display: none;
}
.top-bar .mini-widgets .mini-nav ul{
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.top-bar .mini-widgets .mini-nav ul li{
    margin: 0;
    color: var(--white);
    opacity: 1!important;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
}
.top-bar .mini-widgets .mini-nav ul li:not(:last-child)::after{
    content: "";
    position: relative;
    display: block;
    height: 70%;
    width: 1px;
    background-color: var(--white);
    opacity: 0.75;
    top: 0;
    right: 0;
    margin-left: 8px;
}
.masthead .top-bar .mini-widgets .mini-nav ul li a{
    color: var(--white);
    opacity: 1;
    font-size: 14px;
    font-weight: 500;
	padding-top: 3px;
    padding-bottom: 3px;
}
.masthead .top-bar .mini-widgets .mini-nav ul li a:hover{
    text-decoration: underline;
}
.customSelectInner{
    display: none!important;
    visibility: hidden!important;
}

/* GTRANSLATE */

/* Z-INEX FÜR BEARBEITUNG VIA ?language_edit=1 */
html .gicons.gicons-text,
html .gicons,
html .teaser-card .gicons.gicons-text,
html .teaser-card .gicons,
html .link-card .gicons.gicons-text,
html .link-card .gicons.gicons-text{
    z-index: 99999999999999999999999!important;
}
html .teaser-card:has(.gicons) .wpb_text_column a::before,
html .link-card:has(.gicons) .wpb_text_column a::before,
html .menu-programm:has(.gicons) > .ubermenu-submenu a.ubermenu-target::before{
    display: none!important;
}
/* ---- */
.gtranslate_wrapper,
.gtranslate_wrapper select{
   margin: 0 0;
}
body .gtranslate_wrapper select {
    border: 1px solid transparent;
    border-radius: 8px;
}
body .gtranslate_wrapper select:hover {
    cursor: pointer;
    border: 1px solid var(--white);
}
.gtranslate_wrapper + p{
    visibility: hidden;
    display: none;
}
.gtranslate_wrapper{
    height: 26px;
    max-height: 26px;
    margin-left: 4rem;
    margin-right: 1rem;
}
.gtranslate_wrapper select{
    box-sizing: border-box;
    height: 26px;
    max-height: 26px;
    min-height: 26px;
    line-height: 1.2;
    padding: 2px 16px 2px 3px;
    background-color: transparent;
    color: var(--white);
    font: "Roboto";
    font-size: 14px;
    font-weight: 500;
}
.gtranslate_wrapper select option{
    color: var(--deep-blue)!important;
}
.gtranslate_wrapper::before{
    content: "";
    position: relative;
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/language.svg");
    background-repeat: no-repeat;
    background-size: contain;
    top: 3px;
    left: 0;
    margin-right: 6px;
}


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* WIDGET SOCIAL BUTTONS (HEADER UBER MENÜ + FOOTER) */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.widget-social-buttons a{
    height: 50px;
    width: 50px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;,
    justify-content: center;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/squircle-button-deep-blue.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transition: ease 0.4s;
	border-radius: 10px;
}
footer .widget-social-buttons a{
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/squircle-button-deep-blue-gradient.svg");
}
.widget-social-buttons a:hover,
.widget-social-buttons a:focus-visible{
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/squircle-button-deep-blue-hover.svg");
    transform: scale(1.1);
}
.widget-social-buttons a img{
    filter: invert(100%);
}
.widget-social-buttons a:hover img,
.widget-social-buttons a:focus-visible img{
    filter: brightness(0) saturate(100%) invert(13%) sepia(26%) saturate(5739%) hue-rotate(180deg) brightness(92%) contrast(98%);
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MENÜ | MENU */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* UBERMENU */
.main-nav .ubermenu-main{
    display: flex;
    align-content: center;
    align-items: center;
}
.main-nav .ubermenu-main ul li.ubermenu-item-level-0 > a{
    font-family: "Roboto";
    font-style: italic;
    font-weight: 900;
    font-size: var(--base-fontsize);
    text-transform: uppercase;
    color: var(--deep-blue);
    border: 1px solid transparent!important;
    padding: 12px;
    line-height: 1;
    border-radius: var(--radius-regular);
}
.main-nav .ubermenu-main > ul{
    display: flex;
    align-content: center;
    align-items: center;
    gap: 8px;
}
.main-nav .ubermenu-main ul li.ubermenu-item-level-0 > a:hover,
.main-nav .ubermenu-main ul li.ubermenu-item-level-0 > a:focus-visible{
    border-color: var(--deep-blue)!important;
    color: var(--deep-blue);
}
.main-nav .ubermenu-main ul li.ubermenu-item-level-0.ubermenu-current-menu-item > a,
.main-nav .ubermenu-main ul li.ubermenu-item-level-0.ubermenu-current_page_item > a{
    border-color: var(--deep-blue)!important;
    background-color: var(--deep-blue);
    color: var(--white);
}

/* UBERMENU SUBMENU */
.ubermenu .ubermenu-submenu-drop{
    background: rgba(255, 255, 255, 1);
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.95) 100%)!important;
    -moz-backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(50px);
    isolation: isolate;
    border-radius: 0px 0px 20px 20px;
	border: none!important;
    -webkit-box-shadow: -10px 10px 50px rgba(11, 11, 39, 0.08);
	-moz-box-shadow: -10px 10px 50px rgba(11, 11, 39, 0.08);
	box-shadow: -10px 10px 50px rgba(11, 11, 39, 0.08)!important;
    top: 100px!important;
    z-index: -1!important;
    display: flex!important;
    flex-direction: row;
    gap: 0;
}
.ubermenu .ubermenu-submenu-drop::before{
    content: "";
    position: absolute;
    display: block;
    height: 10px;
    width: 100%;
    background: #ffffff;
    background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(11, 11, 39, 0.05) 100%);
    top: 0;
    left: 0;
    z-index: 11!important;
    mix-blend-mode: multiply;
}
.ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width{
	width: calc(100% - 40px)!important;
	left: 20px!important;
}
.ubermenu-item-level-1.ubermenu-column.outer-col{
    padding: 4rem 3.5rem 3.5rem;
    width: 100%;
}
.ubermenu-item-level-1.ubermenu-column.outer-col:not(.highlight-col) > ul{
    display: flex;
    flex-direction: row;
    gap: var(--menu-gap);
    padding: 0 0;
}
.ubermenu-item-level-0.ubermenu-item-has-children > a:hover::after{
    content: "";
    position: absolute;
    display: block;
    top: 100%;
    left: -100vw;
    height: 100%;
    width: 200vw;
}
:root{
    --menu-gap: clamp(1rem, 2vw, 2rem);
}
.ubermenu-item-level-1.ubermenu-column.outer-col:not(.highlight-col) > ul > li{
    position: relative;
}
.ubermenu-item-level-1.ubermenu-column.outer-col:not(.highlight-col):not(.items-list) > ul > li:not(:last-child){
   padding-right: var(--menu-gap);
}
.ubermenu-item-level-1.ubermenu-column.outer-col:not(.highlight-col):not(.items-list) > ul > li:not(:last-child)::before{
    content:"";
    position: absolute;
    display: block;
    height: 100%;
    width: 1px;
    top: 0;
    right: 0;
    background: linear-gradient(0deg,rgba(45, 61, 69, 0) 0%, rgba(45, 61, 69, 1) 10%, rgba(45, 61, 69, 1) 50%, rgba(45, 61, 69, 1) 90%, rgba(45, 61, 69, 0) 100%);
    opacity: 0.15;
}
/* Ubermenu Outer Col Items List */
.ubermenu-item-level-1.ubermenu-column.outer-col:not(.highlight-col).items-list > ul{
    flex-direction: column;
}
.ubermenu-item-level-1.ubermenu-column.outer-col:not(.highlight-col).items-list{
    min-width: 400px;
}

/* Ubermenu Highlight Col */
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col{
    padding: 5rem 3.5rem 3.5rem;
    width: 100%;
    background-color: var(--deep-blue);
    position: relative;
    max-width: 350px;
	overflow: hidden;
	margin-left: auto;
}
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col *{
    color: #fff;
}
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col > *{
position: relative;
    z-index: 1;
}
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col::after,
.mobile-mini-widgets-in-menu::after{
    position: absolute;
    display: block;
    content:"";
    width: 140%;
    height: auto;
    aspect-ratio: 307 / 156;
    bottom: -2rem;
    left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/berge_bolder-schraeg_dark-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    -moz-mix-blend-mode: multiply;
    -webkit-mix-blend-mode: multiply;
    mix-blend-mode: multiply;
    opacity: 0.15;
    z-index: 0;
}
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col,
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col > *,
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col .ubermenu-widget-area{
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: stretch;
}
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col > *,
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col > * > *,
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col .ubermenu-widget-area{
    height: 100%;
    padding-bottom: 0;
}
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col .ubermenu-widget-area{
    gap: 3rem;
}
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col .ubermenu-widget-area li:has(.widget-social-buttons){
    margin-top: auto;
}
.ubermenu-column.outer-col.highlight-col .social-buttons{
    display: flex;
    gap: 8px;
}

/* Info-Box Ubermenu Highlight Col */
.ubermenu .highlight-col .toptitle,
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col .toptitle * {
    color: var(--energy-green)!important;
}
.ubermenu .highlight-col .info-box a{
    font-size: calc(var(--base-fontsize) * 1.112 );
    font-style: italic;
}
.ubermenu .highlight-col .info-box a:hover,
.ubermenu .highlight-col .info-box a:focus-visible{
    color: var(--energy-green);
}
.ubermenu .highlight-col .info-box p:has(a){
    margin-top: 1rem;
}

/* FAQ-Box Ubermenu Highlight Col */
.ubermenu-widget .faq-box{
    position: relative;
    border-radius: 8px;
    background-color: var(--white);
    padding: 1rem 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--white);
    box-sizing: border-box;
    transition: ease 0.4s;
}
.ubermenu-widget .faq-box a{
    font-family: "Roboto";
    font-style: italic;
    color: var(--deep-blue)!important;
    text-decoration: none;
    font-weight: 900;
    font-size: calc(var(--base-fontsize) * 0.95);
    line-height: 1.2;
    text-transform: uppercase;
}
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col .ubermenu-widget .faq-box a *{
	 color: var(--deep-blue)!important;
}
.ubermenu-widget .faq-box a::before{
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 8px;   
}
.ubermenu-widget .faq-box .wp-block-image{
    display: flex;
    height: 50px;
    width: 50px;
    justify-content: center;
    justify-items: center;
    align-items: center;
    align-content: center;
     background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/squircle-button-deep-blue.svg");
    background-size: contain;
    background-repeat: no-repeat;
}
.ubermenu-widget .faq-box .wp-block-image img{
    filter: invert(100%);
}
.ubermenu-widget .faq-box:hover,
.ubermenu-widget .faq-box:focus-within{
    background-color: var(--deep-blue);
    transform: scale(1.05);
}
.ubermenu-widget .faq-box:hover a,
.ubermenu-widget .faq-box:focus-within a,
.ubermenu-widget .faq-box:hover a *,
.ubermenu-widget .faq-box:focus-within a *,
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col .ubermenu-widget .faq-box:hover a *,
.ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col .ubermenu-widget .faq-box:focus-within a *{
    color: var(--white)!important;
}
.ubermenu-widget .faq-box:hover .wp-block-image,
.ubermenu-widget .faq-box:focus-within .wp-block-image{
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/squircle-button-deep-blue-hover.svg");
    transform: scale(1.1);
}
.ubermenu-widget .faq-box:hover img,
.ubermenu-widget .faq-box:focus-within img{
    filter: brightness(0) saturate(100%) invert(13%) sepia(26%) saturate(5739%) hue-rotate(180deg) brightness(92%) contrast(98%);
}
.ubermenu-widget .faq-box:focus-within a:focus-visible,
.ubermenu-widget .faq-box:focus-within a:focus,
.ubermenu-widget .faq-box:focus-within a{
    outline: none!important;
	box-shadow: none!important;
}

/* Ubermneu Submenu items */
.ubermenu-submenu ul::after{
    display: none!important;   
}
.ubermenu-submenu a.ubermenu-target{
    display: flex;
    align-content: center;
    align-items: center;
}
.ubermenu-submenu li.ubermenu-item-level-2{
    margin: 0 0!important;
}
.ubermenu-submenu li.ubermenu-item-level-2.ubermenu-item-has-children > a {
    margin-bottom: 1rem;
    font-family: "Roboto";
    font-style: italic;
    font-weight: 900;
    font-size: var(--base-fontsize);
    text-transform: uppercase;
    color: var(--deep-blue)!important;
    line-height: 1.2;
}
.ubermenu-submenu li.ubermenu-item-level-2.ubermenu-item-has-children > a .ubermenu-target-text::after{
    content: "";
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--highlight-color);
}
.ubermenu-submenu li.ubermenu-item-level-2 > ul{
    padding: 0 0;
}
.ubermenu-submenu li.ubermenu-item-level-2 > ul > li > a,
.ubermenu-submenu li.ubermenu-item-level-2:not(.ubermenu-item-has-children) > a{
    font-family: "Roboto";
    font-style: italic;
    font-weight: 600;
    font-size: calc(var(--base-fontsize) * 0.95);
    color: var(--dark-grey)!important;
    line-height: 1.2;
}
.ubermenu-submenu li.ubermenu-item-level-3 > a.ubermenu-target{
    padding: 5px 0px!important;
}
.ubermenu-submenu li.ubermenu-item-level-3:not(:last-child){
    margin-bottom: 0.5rem;
}
.ubermenu-submenu li > a.ubermenu-target{
    transition: ease 0.4s;
}
.ubermenu-submenu li > a.ubermenu-target::after{
    content: "";
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    min-width: 10px;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    left: 8px;
    transition: ease 0.4s;
    filter: invert(13%) sepia(26%) saturate(5739%) hue-rotate(180deg) brightness(92%) contrast(98%);
    opacity: 0;
}
.ubermenu-submenu li > a.ubermenu-target:hover,
.ubermenu-submenu li > a.ubermenu-target:focus-visible{
    padding-left: 7px!important;
}
.ubermenu-submenu li > a.ubermenu-target:hover:after,
.ubermenu-submenu li > a.ubermenu-target:focus-visible::after{
    opacity: 1;
}

/* Submenu Programm Cards */
.menu-programm > .ubermenu-submenu > li{
    padding: 8px 8px 8px 8px;
    border: 1px solid var(--medium-grey);
    border-radius: 8px;
    position: relative!important;
	transition: ease 0.4s;
}
.ubermenu-submenu li.menu-programm > ul a.ubermenu-target::after{
    display: none!important;
}
.ubermenu-submenu li.menu-programm > ul a.ubermenu-target{
    padding: 0 0!important;
}
.menu-programm > .ubermenu-submenu > li:focus-within,
.menu-programm > .ubermenu-submenu > li:hover{
    border: 1px solid var(--deep-blue);
	transform: scale(1.05);
}
.menu-programm > .ubermenu-submenu > li:focus-within a{
    outline: none!important;
	box-shadow: none!important;
}
.menu-programm > .ubermenu-submenu a.ubermenu-target{
    position: static!important;
    display: flex;
}
.menu-programm > .ubermenu-submenu a.ubermenu-target img.ubermenu-image{
    width: 16px;
    height: 17px;
    margin-bottom: 0;
    margin-right: 5px;
	top: -1px;
    position: relative;	
}
.menu-programm > .ubermenu-submenu a.ubermenu-target::before{
    content:"";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 8px;
}
.menu-programm .ubermenu-custom-content{
    font-family: "Roboto";
    font-style: italic;
    font-size: 17pX;
    line-height: 1.2;
    color: var(--dark-grey);
    padding: 5px 0 0 21px!important;
}
.ubermenu-item-level-1.ubermenu-column.outer-col:not(.highlight-col) > ul > li.menu-programm{
    min-width: calc(240px + var(--menu-gap));
}

/* Submenu Icons (Anreise) */
.menu-icons > .ubermenu-submenu a.ubermenu-target img.ubermenu-image{
    width: 22px;
    height: 21px;
    margin-bottom: 0;
    margin-right: 8px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MEDIA QUERIES UBERMENU SUBMENU*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1720px) {
    .ubermenu-item-level-1.ubermenu-column.outer-col:not(.highlight-col) > ul {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(min(calc(220px + var(--menu-gap)),100%),1fr));
    /*flex-wrap: wrap;*/
    grid-row-gap: 3rem;
    row-gap: 3rem;
}
    .ubermenu-item-level-1.ubermenu-column.outer-col:not(.highlight-col) > ul > li {
        width: auto;
    }
    .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
        /*flex-direction: column;*/
		display: block!important;
    }
    .ubermenu-submenu-drop.ubermenu-submenu-align-full_width .ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col {
        width: 100%;
        max-width: inherit;
    }
    .ubermenu-submenu-drop.ubermenu-submenu-align-full_width .ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col .ubermenu-widget-area {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2rem;
        justify-content: space-between;
        justify-items: space-between;
    }
    .ubermenu-submenu-drop.ubermenu-submenu-align-full_width .ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col .ubermenu-widget-area > * {
        width: auto;
    }
    .ubermenu-submenu-drop.ubermenu-submenu-align-full_width .ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col .widget-social-buttons {
        margin-left: auto;
    }
    .ubermenu-submenu-drop.ubermenu-submenu-align-full_width .ubermenu-item-level-1.ubermenu-column.outer-col.highlight-col::after {
        bottom: -3rem;
        width: 30%;
        left: inherit;
        right: -2rem;
    }
}
/* SUBMENU SCROLLBAR */

body {
	--sb-track-color: #7E97A6;
	--sb-thumb-color: var(--deep-blue);
	--sb-size: 10px;
	--sb-border-radius: 20px;
}

body ::-webkit-scrollbar {
  width: var(--sb-size);
}

body ::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: var(--sb-border-radius);
}

body ::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius:  var(--sb-border-radius);
}
@supports not selector(::-webkit-scrollbar) {
  body {
    scrollbar-color: var(--sb-thumb-color);
                     var(--sb-track-color);
  }
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MOBILES MENÜ | MOBILE MENU */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.dt-mobile-header {
    border-radius: 20px 0 0 20px;
    z-index: 9999999999;
}
.mobile-sticky-header-overlay {
    -moz-backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    /*background-color: rgba(2, 53, 80, 0.8);*/
	background-color: rgba(255, 255, 255, 0.5);
}
#mobile-menu .menu-item.depth-0 > a .menu-text,
#mobile-menu .menu-item.depth-1 > a .menu-text{
	font-family: "Roboto";
    font-style: italic;
    font-weight: 900;
    font-size: var(--base-fontsize);
    text-transform: uppercase;
    color: var(--deep-blue);
    line-height: 1;   
}
#mobile-menu .menu-item.depth-2 > a .menu-text{
 font-family: "Roboto";
    font-style: italic;
    font-weight: 700;
    font-size: calc(var(--base-fontsize) * 0.95);
    color: var(--dark-grey)!important;
    line-height: 1.2;
}
#mobile-menu .menu-item.depth-0 > a,
#mobile-menu .menu-item.depth-1 > a{
    padding: 15px 25px 15px 15px;
}
#mobile-menu .menu-item.depth-2 > a{
    padding: 10px 25px 10px 15px;
}
#mobile-menu .menu-item.depth-0.open-sub > a .menu-text::after,
#mobile-menu .menu-item.depth-1.open-sub > a .menu-text::after,
#mobile-menu .menu-item.current-menu-item > a .menu-text::after{
    content: "";
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    top: inherit;
    bottom: 0px;
    right: inherit;
    left: 0;
    margin-top: inherit;
    -webkit-mask: inherit;
    mask-repeat: inherit;
    mask-image: inherit;
    mask-position: inherit;
    mask-size: inherit;
    background-color: var(--highlight-color);
}
.dt-mobile-header .mobile-main-nav a{
    transition: ease 0.4s;
}
.dt-mobile-header .mobile-main-nav a:hover{
   padding-left: 25px!important; 
}
.mobile-navigation  .dt-mobile-menu-icon{
    padding: 12px 12px;
}
.dt-mobile-menu-icon .lines-button{
    width: 25px!important;
}
.mobile-navigation{
	margin-left: 0!important;
}
@media only screen and (max-width: 410px) {
    .masthead.masthead-mobile .dt-btn.mini-btn.tickets img{
        display: none;
    }
	.masthead.masthead-mobile .dt-btn.mini-btn.tickets{
        padding: 12px 12px!important;
    }
}
.dt-mobile-header .dt-close-mobile-menu-icon{
    border-radius: 10px;
    border: 1px solid var(--deep-blue);
}
.dt-mobile-header .next-level-button path{
    fill: var(--deep-blue);
}
body .mobile-header-scrollbar-wrap{
    padding-top: 5rem!important;
}
.dt-mobile-header .mini-nav {
    margin: 0;
    width: 100%;
    padding-left: 15px;
}
.dt-mobile-header .mini-nav ul {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}
.dt-mobile-header .mini-nav ul li {
    margin: 0 !important;
}
.dt-mobile-header .mini-nav ul li a {
    padding: 5px 0;
	transition: ease 0.4s;
}
.dt-mobile-header .mini-nav ul li a .menu-text {
    font-style: italic!important;
    color: var(--white)!important;
    opacity: 1!important;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 14px;
}
.dt-mobile-header .mini-nav ul li a:hover,
.dt-mobile-header .mini-nav ul li.act a{
  	opacity: 1!important;
	transform: inherit!important;
	text-decoration: underline;
}
.dt-mobile-header .mini-nav ul li a:hover{
    padding-left: 8px;
}
.dt-mobile-header .mobile-mini-widgets-in-menu {
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
	margin-top: 2rem;
}
.dt-mobile-header .mobile-mini-widgets-in-menu .text-area:has(.gtranslate_wrapper) {
    margin: 2rem 0;
}
.dt-mobile-header .mobile-mini-widgets-in-menu .text-area:has(.widget-social-buttons) {
    margin-top: 2rem;
}
.dt-mobile-header .mobile-mini-widgets-in-menu .text-area .widget-social-buttons {
    display: flex;
    gap: 10px;
}
.dt-mobile-header .mobile-mini-widgets-in-menu .gtranslate_wrapper{
    margin:  0 0;
    max-height: inherit!important;
    height: auto!important;
}
.dt-mobile-header .mobile-mini-widgets-in-menu .gtranslate_wrapper select,
.dt-mobile-header .menu-item-gtranslate select{
    color: var(--deep-blue);
    height: 40px!important;
    min-height: 40px!important;
    margin-bottom: 0;
    padding: 10px 8px;
    box-sizing: border-box!important;
	border-radius: 10px;
    border: 1px solid var(--deep-blue);
}
.dt-mobile-header .menu-item-gtranslate{
    margin-top: 2rem;
    padding-left: 15px;
}
.dt-mobile-header .menu-item-gtranslate::before{
    display: none;
}
.dt-mobile-header .mobile-mini-widgets-in-menu .gtranslate_wrapper::before{
    filter:brightness(0) saturate(100%) invert(13%) sepia(26%) saturate(5739%) hue-rotate(180deg) brightness(92%) contrast(98%);
}
.dt-mobile-header .mobile-mini-widgets-in-menu > *{
    padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box!important;
	z-index: 1;
}
.touchevents .dt-mobile-header {
    overflow-x: hidden!important;
}
.dt-mobile-header .mobile-mini-widgets-in-menu a.microwidget-btn{
    border-radius: 10px;
    margin-left: 15px;
    text-transform: uppercase;
}
.mobile-mini-widgets-in-menu{
    position: relative;
}
.mobile-mini-widgets-in-menu::before{
    content: "";
    position: absolute;
    display: block;
    background-color: var(--deep-blue);
    height: calc(100% + 35px);
    width: calc(100% + 100px);
    top: 0px;
    left: -40px;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
footer#footer > .wf-wrap{
    padding: 0 0;
	margin: 0 0;
	width: 100%;
}
#footer .footer-bg-color{
    background-color: var(--deep-blue);
    padding-top: calc(var(--gap-m) + var(--divider-height));
    position: relative;
	padding-bottom: 8.125rem;
}
#footer .footer-bg-color::before{
    content: "";
    position: absolute;
    display: block;
    height: var(--divider-height);
    width: 100%;
    top:-1px;
    left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/footer-divider.svg");
    background-size: cover;
    background-repeat: no-repeat;
	z-index: 1;
}
#footer .footer-bg-color:after{
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top:0;
    left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/berge_pattern_dark.svg");
    background-size: 2560px;
    background-repeat: repeat;
    opacity: 15%;
	z-index: 0;
}
#footer .footer-bg-color > *{
    z-index: 1;
}
footer::after{
    content: "";
    position: absolute;
    display: block;
    height: 115px;
    width: 301px;
    bottom: 0;
    right: var(--padding-lr-small);
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/berge_weiss.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
footer#footer .wf-container-footer{
    padding: 0 0;
}
.footer#footer .wf-container-footer section{
    margin-bottom: 0;
}
.footer#footer .wf-container-footer section .logos-wrapper,
.footer#footer .wf-container-footer section .row-credits,
.footer#footer .wf-container-footer section .infos-wrapper{
    padding-right: var(--padding-lr-small);
    padding-left: var(--padding-lr-small);
    width: 100%;
}
footer .infos-wrapper :where(.is-layout-flex){
    gap: 10px;
}
footer p{
    font-size: 16px;
    line-height: var(--base-line-height);
}
footer .col-slogan img {
    width: 100%;
    max-width: clamp(240px, 20vw, 319px);
    filter:invert(100%);
    opacity: 0.8;
    margin-bottom: 3rem;
}
footer .col-slogan {
    margin-left: auto;
    margin-right: clamp(3.5rem, 8vw, 6rem);
}
footer .row-credits p{
    font-size: 14px;
}
footer .footer-heading{
    font-family: var(--font-basic);
    font-weight: 900;
    text-transform: uppercase;
	font-style: italic;
}
footer .widget.widget_nav_menu{
    padding: 0 0;
}
footer .widget.widget_nav_menu .menu li{
    padding: 0 0;
    border: none;
    font-family: var(--font-basic);
    font-size: 16px;
    line-height: var(--base-line-height);
}
footer .widget.widget_nav_menu .menu li:not(:last-child){
     margin-bottom: 10px;
}
footer .widget.widget_nav_menu .menu li a:hover{
    text-decoration: underline;
}
footer .infos-wrapper{
    align-content: flex-start;
    align-items: flex-start;
    gap: clamp(2.5rem, 2vw, 3.125rem);
	grid-row-gap: clamp(3rem, 5vw, 4rem);
	flex-wrap: wrap;
}
footer .logos-wrapper img{
    width: 100%;
	height: 100%;
    max-height: 96px;
	min-height: 45px;
    max-width: 173px;
	min-width: 100px;
    object-fit: contain;
}
footer .logos-wrapper{
    justify-content: center;
    gap: clamp(2rem, 4vw, 3rem);
    padding-top: var(--gap-xs);
    grid-row-gap: clamp(2.5rem, 3vw, 3.5rem);
	padding-bottom: var(--gap-xs);
    flex-wrap: wrap;
	flex-wrap: nowrap;
}
@media only screen and (max-width: 1400px) {
    footer .logos-wrapper{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(min(120px,100%),1fr));
    align-content: center;
    align-items: center;
    justify-items: center;
}
}
footer .logos-wrapper a{
    transition: ease 0.4s;
}
footer .logos-wrapper a:hover{
    transform: translatey(-8px);
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SCROLL TOP */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.scroll-top svg{
    display: none;
    visibility: hidden;
}
.scroll-top{
    height: 50px;
    width: 50px;
    background-color: transparent!important;
    transition: ease 0.4s;
}
.scroll-top::after{
    content: "";
    position: absolute;
    display: block;
    height: 50px;
    width: 50px;
    top: 0;
    left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/scroll-top.svg");
    background-size: contain;
    background-repeat: no-repeat;
}
.scroll-top:hover::after,
.scroll-top:focus-visible::after{
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/scroll-top-hover.svg");
}
.scroll-top:hover,
.scroll-top:focus-visible{
    transform: scale(1.05);
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* RECHTLICHES / DATENSCHUTZ / IMPRESSUM */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.rechtliches{
    --base-fontsize: 16px;
}
.rechtliches h2,
.rechtliches h3,
.rechtliches h4{
    font-family: var(--font-basic);
	font-style: italic;
    font-weight: 900;
    color: var(--black);
    line-height: var(--headline-line-height);
	color: var(--deep-blue);
}
.rechtliches h2{
    margin-top: 3rem;
}
.rechtliches > .vc_row:first-child .vc_column-inner > .wpb_wrapper > .wpb_text_column:first-child h2:first-child{
    margin-top: 0;
}
.rechtliches h3{
    margin-top: 2rem;
}
.rechtliches h4{
    margin-top: 1rem;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BARRIEREFREIHEIT / ACCESSIBILITY */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --- Standard skip-link deaktivieren --- */
.skip-link{
	display: none;
	visibility: hidden;
}

/* --- FOCUS / FOCUS-VISIBLE ----*/
html :focus-visible,
html :focus,
.menu-programm > .ubermenu-submenu > li:focus-within,
.ubermenu-widget .faq-box:focus-within,
html #rank-math-faq .rank-math-list-item:focus-within,
.img-gallery-carousel .slick-track > *:focus-within,
.link-card:focus-within,
.teaser-card:focus-within,
.vc_grid-item:focus-within,
.vc_row.partner-grid .partner-logo:focus-within,
.swp-search-results article.swp-result-item:focus-within{
    outline: 2px solid var(--deep-blue)!important; 
    outline-offset: 2px!important;
    transition: ease 0.5s;
	animation: none!important;
	box-shadow: 0 0 0 2px var(--white)!important;
}
html *:focus-visible,
html *:focus-within,
html *:focus,
html :focus-visible,
html :focus-within,
html :focus,
*:focus-visible,
*:focus-within,
*:focus,
:focus,
a:focus{
	animation: none!important;
}

/* --- ASSISTIVE TEXT / HILFSTEXT / SCREEN READER TEXT ---*/
.assistive-text,
.screen-reader-text{
    font-size: 14px;
    color: #000;
    background: #fff;    
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TASTATUR NAVIGATION */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* DIGIACCESS */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* da-skip-link */
.da-skip-link{
    background-color: #121212!important;
    background: #121212!important;
    background-image: none!important;
    color: #fff!important;
    border: 2px solid #fff!important; 
   box-sizing: border-box!important;
    opacity: 1!important;
    display: block!important;
    line-height: 1.1!important;
 }
.da-skip-link img{
   display: none!important;
    visibility: hidden!important;
}

/* --- DIGIACCESS BUTTON --- */
button#dAopener{
    width: 50px!important;
    height: 50px!important;
    background-color: transparent!important;
    border: none!important;
    position: fixed!important;
    right: 10px!important;
    bottom: 70px!important;
    box-shadow: none!important;
    filter: none!important;
    transition: ease 0.4s!important;
}
button#dAopener > *{
    z-index: 1;
}
button#dAopener svg{
    width: 22px;
    overflow: visible;
    position: relative;
    left: 2px!important;
}
button#dAopener:hover,
button#dAopener:focus-visible{
 	transform: scale(1.05)!important;
}
button#dAopener:hover svg,
button#dAopener:focus-visible svg{
 	filter: brightness(0) saturate(100%) invert(13%) sepia(26%) saturate(5739%) hue-rotate(180deg) brightness(92%) contrast(98%);
}
html .da-opener-position-center,
html .da-opener-position-bottom{
    top: inherit!important;
	margin: inherit!important;
}
button#dAopener::after{
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/digiaccess.svg")!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    z-index: 0;
}
button#dAopener:hover::after,
button#dAopener:focus-visible::after{
    background-image: url("https://biathlon-ruhpolding.innsiders.dev/wp-content/uploads/svgs/digiaccess-hover.svg")!important;
}

/* --- OVERLAY --- */
html .da-switch.da-tool::before{
    border: 2px solid #fff!important;
    top: -2px!important;
    left: -2px!important;
}
html button#dAspeichern {
    color: var(--white)!important;
    border: 2px solid var(--white)!important;
    background-color: var(--oc-color-darker)!important;
}
html button#dAspeichern:hover,
html button#dAspeichern:focus,
html button#dAspeichern:focus-visible,
html button#da-tool-reset:hover,
html button#da-tool-reset:focus,
html button#da-tool-reset:focus-visible {
    color: #fff!important;
    background-color: var(--deep-blue)!important;
}
html button#da-tool-reset {
    color: var(--deep-blue)!important;
    border: 2px solid #fff!important;
}
html button#dAspeichern:focus,
html button#dAspeichern:focus-visible,
html button#da-tool-reset:focus,
html button#da-tool-reset:focus-visible,
html button#da-open-dialog:focus,
html button#da-open-dialog:focus-visible {
    outline: 2px solid #fff!important;
}
html button#da-open-dialog {
    color: var(--white)!important;
    border: 2px solid #fff!important;
    background-color: var(--deep-blue)!important;
}
html button#da-open-dialog:hover,
html button#da-open-dialog:focus-visible {
    color: var(--deep-blue)!important;
    background-color: var(--white)!important;
}
html button#dAspeichern,
html button#da-tool-reset,
html button#da-open-dialog {
    font-weight: 600!important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SITEMAP */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sitemap li{
    border:none!important;
    display: list-item;
}
.sitemap .widget ul{
   list-style-position: inside;
    list-style-image: initial;
    list-style-type: disc;
    color: var(--deep-blue);
} 
.sitemap li a{
    text-decoration: underline;
	color: var(--deep-blue)!important;
}
.sitemap li a:hover,
.sitemap li a:focus,
.sitemap li a:focus-visible{
    outline: 2px solid var(--deep-blue)!important;
    outline-offset: 3px!important;
    color: var(--deep-blue)!important;
    text-decoration: none;
}