/*
Theme Name: Digitaler Geschäftsbericht LVU
Text Domain: digitalbericht-lvu
Version: 0.8.0
Description: Theme für den digitalen Geschäftsbericht der Landesvereinigung der Unternehmerverbände Rheinland-Pfalz (LVU). 
Author: Visualtech
Author URI: https://visualtech.de
Template: digitalbericht
Theme URI: https://visualtech.de/digitaler-geschaeftsbericht
*/



/* FONTS */

@font-face {
  font-family: "DIN Regular";
  src: url("assets/fonts/DINPro-Regular.otf") format("opentype");
}

@font-face {
  font-family: "DIN Light";
  src: url("assets/fonts/DINPro-Light.otf") format("opentype");
}

@font-face {
  font-family: "DIN Medium";
  src: url("assets/fonts/DINPro-Medium.otf") format("opentype");
}


/* VARIABLES */

:root {
/* LVU only specifications */
	--light-font: 300 1em/normal Bahnschrift, "DIN Regular", sans-serif;
  --regular-font: 400 1em/normal Bahnschrift, "DIN Regular", sans-serif;
	--bold-font: 700 1em/normal Bahnschrift, "DIN Medium", sans-serif;
	
	--golden-line-factor: .129;
	
/* colors */
	--corporate-color-1: #009fe3; /* LVU blue */
	--corporate-color-1-rgb: 0,159,227;
	--corporate-color-2: #005578; /* dark blue */
	--corporate-color-2-rgb: 0,85,120;
	--corporate-color-3: #d4a129; /* gold */
	--corporate-color-3-rgb: 212,161,41;
	--corporate-color-4: #006daf; /* medium blue */
	--corporate-color-4-rgb: 0,109,175;
	
  --color: #000;
	
	--scrollbar-track-background-color: rgba(var(--corporate-color-1-rgb),.25);;
	--scrollbar-thumb-background-color: var(--corporate-color-1);
	
	--infobox-image-source-background-color: #282c34;
	--infobox-image-source-background-color-rgb: 40,44,52;
	
/* chapter color schemes */
	
	--number-of-ccs: 2;
	
/* ccs 1 */
	--ccs1-header-icons-background-color: rgba(255,255,255,.75);
	--ccs1-header-icons-color: var(--corporate-color-1);
	--ccs1-x-icon-color: var(--color);
	--ccs1-chapter-background-color: #fff;
	--ccs1-chapter-header-background-color: #fff;
	--ccs1-color: var(--color);
	--ccs1-h1-color: var(--corporate-color-1);
	--ccs1-h2-color: var(--corporate-color-2);
	--ccs1-h3-color: var(--corporate-color-2);
	--ccs1-h4-color: var(--corporate-color-2);
	--ccs1-button-background-color: var(--corporate-color-2);
	--ccs1-button-color: #fff;
	--ccs1-link-color: inherit;
	--ccs1-link-text-decoration: underline var(--corporate-color-1);
	--ccs1-link-text-underline-offset: .125em;
	--ccs1-arrows-background-color: rgba(255,255,255,.75);
	--ccs1-arrows-color: var(--corporate-color-1);
	--ccs1-dots-background-color: var(--corporate-color-1);
	--ccs1-dots-border-color: var(--corporate-color-1);
	--ccs1-dots-active-background-color: var(--corporate-color-3);
	--ccs1-image-headline-description-background-color: rgba(255,255,255,.8);
	--ccs1-image-headline-color: var(--corporate-color-2);
	--ccs1-image-description-color: var(--color);
	--ccs1-testimonial-name-color: var(--corporate-color-1);
	--ccs1-testimonial-institution-color: var(--corporate-color-2);
	--ccs1-testimonial-function-profession-color: var(--ccs1-testimonial-institution-color);
	--ccs1-testimonial-quotation-marks-color: var(--corporate-color-2);
	--ccs1-testimonial-speech-bubble-background-color: var(--corporate-color-1);
	--ccs1-testimonial-speech-bubble-color: #fff;
	--ccs1-shortcode-person-name-color: var(--corporate-color-1);
	--ccs1-shortcode-person-info-color: var(--corporate-color-2);
	--ccs1-accentuation-background-color: var(--corporate-color-4);
	--ccs1-accentuation-color: #fff;
	--ccs1-blockquote-color: var(--corporate-color-1);
	
/* ccs 2 */
	--ccs2-header-icons-background-color: rgba(var(--corporate-color-2-rgb),.75);
	--ccs2-header-icons-color: #fff;
	--ccs2-x-icon-color: var(--color);
	--ccs2-chapter-background-color: var(--corporate-color-2);
	--ccs2-chapter-header-background-color: #fff;
	--ccs2-color: #fff;
	--ccs2-h1-color: var(--corporate-color-1);
	--ccs2-h2-color: var(--corporate-color-1);
	--ccs2-h3-color: var(--corporate-color-1);
	--ccs2-h4-color: var(--corporate-color-1);
	--ccs2-button-background-color: var(--corporate-color-1);
	--ccs2-button-color: #fff;
	--ccs2-link-color: inherit;
	--ccs2-link-text-decoration: underline var(--corporate-color-1);
	--ccs2-link-text-underline-offset: .125em;
	--ccs2-arrows-background-color: rgba(var(--corporate-color-2-rgb),.75);
	--ccs2-arrows-color: #fff;
	--ccs2-dots-background-color: #fff;
	--ccs2-dots-border-color: #fff;
	--ccs2-dots-active-background-color: var(--corporate-color-3);
	--ccs2-image-headline-description-background-color: rgba(255,255,255,.8);
	--ccs2-image-headline-color: var(--corporate-color-2);
	--ccs2-image-description-color: var(--color);
	--ccs2-testimonial-name-color: var(--corporate-color-1);
	--ccs2-testimonial-institution-color: #fff;
	--ccs2-testimonial-function-profession-color: var(--ccs2-testimonial-institution-color);
	--ccs2-testimonial-quotation-marks-color: var(--corporate-color-1);
	--ccs2-testimonial-speech-bubble-background-color: #fff;
	--ccs2-testimonial-speech-bubble-color: #000;
	--ccs2-shortcode-person-name-color: var(--corporate-color-1);
	--ccs2-shortcode-person-info-color: #fff;
	--ccs2-accentuation-background-color: var(--corporate-color-4);
	--ccs2-accentuation-color: #fff;
	--ccs2-blockquote-color: var(--corporate-color-1);
	
/* Add further chapter color schemes here if needed and activate the corresponding styles below. Also, don't forget to change the "--number-of-ccs" variable in line 54! */
  
/* headlines */
	--h1-font-size: 40px;
	--h2-font-size: 35px;
	--h3-font-size: 25px;
	--h4-font-size: 20px;
	
	--general-h1-color: var(--corporate-color-1);
	
	--headline-text-transform: uppercase;
	
/* button(s) */
	--button-padding-top-bottom: .65em;
	--button-padding-right-left: 1em;
	--button-font: var(--bold-font);
	--button-text-transform: uppercase;
	
/* icons */
	--remixicons-display: flex;
	--materialicons-display: none;
	
/* shadow */
	--controls-shadow: 0 0 25px rgba(0,0,0,.3);
	
/* page measurements */
	--page-padding-right-left: 7.5vw;
	
/* header */
	--header-padding-left: calc(100% - var(--page-padding-right-left));
	
	--header-icon-width: calc(var(--page-padding-right-left) / 3);
	--header-icon-height: var(--header-icon-width);
	--header-icon-max-width: 50px;
	--header-icon-max-height: var(--header-icon-max-width);
	
	--header-menu-width: 600px;
	--header-menu-background-color: #fff;
	--header-menu-padding-right-left: 100px;
	--header-menu-padding-top-bottom: calc(var(--header-menu-padding-right-left) * .75);
	--header-menu-shadow: 0 0 15px rgba(0,0,0,.5);
	--header-menu-color: var(--corporate-color-2);
	--header-menu-text-transform: uppercase;
	
/* chapter header	*/
	--chapter-header-padding: 25px;
	--logo-width: 75px;
	--logo-height: var(--logo-width);
	
/* slider */
	--slider-arrow-width: calc(var(--page-padding-right-left) / 5);
	--slider-arrow-height: calc((var(--slider-arrow-width) / 3) * 5);
	--slider-arrow-background-width: calc(var(--slider-arrow-width) + var(--chapter-header-padding) * 2);
	--slider-arrow-background-height: var(--slider-arrow-background-width);
	--slider-arrow-background-max-width: var(--page-padding-right-left);
	--slider-arrow-background-max-height: var(--slider-arrow-background-max-width);
	
	--slider-dots-width: 100%;
	--slider-dots-max-width: 300px;
	--slider-dots-height: 10px;
	--slider-dots-border-width: 0;
	--slider-dots-border-radius: 0;
	--slider-dots-gap: 50px;
	
/* slides */
	--slide-margin-bottom: 50px;
	--slide-content-container-width: calc(100vw - var(--page-padding-right-left) * 2);
	
/* testimonial */
	--testimonial-person-container-width: calc(var(--slide-content-container-width) * .25);
	--testimonial-person-photo-container-width: var(--testimonial-person-container-width);
	--testimonial-person-photo-container-height: var(--testimonial-person-photo-container-width);
	--testimonial-person-font-size: 18px;
	--testimonial-name-text-transform: uppercase;
	--testimonial-quote-container-width: calc(var(--slide-content-container-width) * .7);
	--testimonial-quote-container-padding-top-bottom: 50px;
	--testimonial-quote-container-padding-right-left: 50px;
	--testimonial-quotation-marks-position-top-bottom: 25px;
	--testimonial-quotation-marks-position-right-left: 10px;
	--testimonial-quotation-marks-font-size: 100px;
	--testimonial-speech-bubble-padding: 25px 30px;
	--testimonial-speech-bubble-font-size: 18px;
	
/* text-image - preview */
	--text-image-image-width-wide: 60vw;
	--text-image-image-width-narrow: 40vw;
	--text-image-image-height: 100vh;
	--text-image-image-source-background-color: rgba(var(--infobox-image-source-background-color-rgb),.75);
	--text-image-image-source-font-size: 12px;
	--text-image-image-source-color: #fff;
	--text-image-teaser-width-wide: calc(100% - var(--text-image-image-width-narrow));
	--text-image-teaser-width-narrow: calc(100% - var(--text-image-image-width-wide));
	--text-image-teaser-max-width: 900px;
	--text-image-teaser-font-size: 24px;
	
/* text-image - main view */
	--text-image-headline-teaser-button-container-width-main-view: min(calc(var(--slide-content-container-width) * .7), var(--text-image-teaser-max-width));
	--text-image-image-width-main-view: calc(var(--slide-content-container-width) - var(--text-image-headline-teaser-button-container-width-main-view) - var(--slide-content-container-width) * .05);
	
/* shortcode - person */
	--shortcode-person-image-width: calc(var(--text-image-headline-teaser-button-container-width-main-view) * .25);
	--shortcode-person-image-max-width: 125px;
	--shortcode-person-image-height: var(--shortcode-person-image-width);
	--shortcode-person-image-max-height: var(--shortcode-person-image-max-width);
	--shortcode-person-font-size: 18px;
	--shortcode-person-name-text-transform: uppercase;
	
/* progress indication */
	--progress-indication-bar-width: calc(var(--slider-dots-height) * .5);
	--progress-indication-bar-background-color: var(--corporate-color-3);
	
/* page */
	--page-button-background-color: var(--corporate-color-2);
	--page-button-color: #fff;
	--page-link-color: var(--color);
	--page-link-text-decoration: underline var(--corporate-color-1);
	--page-link-text-underline-offset: .125em;
	
	font: var(--regular-font);
}


/* GENERAL SETTINGS & STYLES */

h1,
h2,
h3,
h4,
h5,
h6,
button,
.button {
	font: var(--bold-font);
}

h1 {
	font-size: var(--h1-font-size);
}

h2 {
	font-size: var(--h2-font-size);
}

h3 {
	font-size: var(--h3-font-size);
}

h4 {
	font-size: var(--h4-font-size);
}

button,
.button {
  padding: calc(var(--button-padding-top-bottom) * 1.25) var(--button-padding-right-left) var(--button-padding-top-bottom);
}


/* CHAPTER COLOR SCHEMES STYLES (activate if more than 2) */

/* ccs 3 */

/* section.chapter:nth-of-type(3n) h1 {
	color: var(--ccs3-h1-color);
}

section.chapter:nth-of-type(3n) h2 {
	color: var(--ccs3-h2-color);
}

section.chapter:nth-of-type(3n) h3 {
	color: var(--ccs3-h3-color);
}

section.chapter:nth-of-type(3n) h4 {
	color: var(--ccs3-h4-color);
}

section.chapter:nth-of-type(3n) button,
section.chapter:nth-of-type(3n) .button {
	background: var(--ccs3-button-background-color);
	color: var(--ccs3-button-color);
}

section.chapter:nth-of-type(3n) {
	background: var(--ccs3-chapter-background-color);
	color: var(--ccs3-color);
}

section.chapter:nth-of-type(3n) .chapter-header{
	background: var(--ccs3-chapter-header-background-color);
}

section.chapter:nth-of-type(3n) .slide {
	background: var(--ccs3-slide-background-color);
}

section.chapter:nth-of-type(3n) .slide-content-container a {
	color: var(--ccs3-link-color);
	text-decoration: var(--ccs3-link-text-decoration);
	text-underline-offset: var(--ccs3-link-text-underline-offset);
}

section.chapter:nth-of-type(3n) .ri-arrow-left-s-line::before,
section.chapter:nth-of-type(3n) .ri-arrow-right-s-line::before {
  color: var(--ccs3-arrows-background-color);
}

section.chapter:nth-of-type(3n) .slick-dots li {
  background: var(--ccs3-dots-background-color);
}

section.chapter:nth-of-type(3n) .slick-dots li.slick-active {
  background: var(--ccs3-dots-active-background-color);
} 

section.chapter:nth-of-type(3n) .image.headline {
	background: var(--ccs3-image-headline-description-background-color);
	color: var(--ccs3-image-headline-color);
}

section.chapter:nth-of-type(3n) .image.image-description {
	background: var(--ccs3-image-headline-description-background-color);
	color: var(--ccs3-image-description-color);
}

section.chapter:nth-of-type(3n) .testimonial.name {
	color: var(--ccs3-testimonial-name-color);
}

section.chapter:nth-of-type(3n) .testimonial.institution {
	color: var(--ccs3-testimonial-institution-color);
}

section.chapter:nth-of-type(3n) .testimonial.function-profession {
	color: var(--ccs3-testimonial-function-profession-color);
}

section.chapter:nth-of-type(3n) .testimonial.quotation-marks {
	color: var(--ccs3-testimonial-quotation-marks-color);
}

section.chapter:nth-of-type(3n) .testimonial.speech-bubble {
	background: var(--ccs3-testimonial-speech-bubble-background-color);
	color: var(--ccs3-testimonial-speech-bubble-color);
}

section.chapter:nth-of-type(3n) .shortcode-person-name {
	color: var(--ccs3-shortcode-person-name-color);
}

section.chapter:nth-of-type(3n) .shortcode-person-info {
	color: var(--ccs3-shortcode-person-info-color);
}

section.chapter:nth-of-type(3n) .accentuation {
	background: var(--ccs3-accentuation-background-color);
	color: var(--ccs3-accentuation-color);
}

section.chapter:nth-of-type(3n) .wp-block-quote {
	color: var(--ccs3-blockquote-color);
} */

/* ccs 4 */

/* section.chapter:nth-of-type(4n) h1 {
	color: var(--ccs4-h1-color);
}

section.chapter:nth-of-type(4n) h2 {
	color: var(--ccs4-h2-color);
}

section.chapter:nth-of-type(4n) h3 {
	color: var(--ccs4-h3-color);
}

section.chapter:nth-of-type(4n) h4 {
	color: var(--ccs4-h4-color);
}

section.chapter:nth-of-type(4n) button,
section.chapter:nth-of-type(4n) .button {
	background: var(--ccs4-button-background-color);
	color: var(--ccs4-button-color);
}

section.chapter:nth-of-type(4n) {
	background: var(--ccs4-chapter-background-color);
	color: var(--ccs4-color);
}

section.chapter:nth-of-type(4n) .chapter-header{
	background: var(--ccs4-chapter-header-background-color);
}

section.chapter:nth-of-type(4n) .slide {
	background: var(--ccs4-slide-background-color);
}

section.chapter:nth-of-type(4n) .slide-content-container a {
	color: var(--ccs4-link-color);
	text-decoration: var(--ccs4-link-text-decoration);
	text-underline-offset: var(--ccs4-link-text-underline-offset);
}

section.chapter:nth-of-type(4n) .ri-arrow-left-s-line::before,
section.chapter:nth-of-type(4n) .ri-arrow-right-s-line::before {
  color: var(--ccs4-arrows-background-color);
}

section.chapter:nth-of-type(4n) .slick-dots li {
  background: var(--ccs4-dots-background-color);
}

section.chapter:nth-of-type(4n) .slick-dots li.slick-active {
  background: var(--ccs4-dots-active-background-color);
}

section.chapter:nth-of-type(4n) .image.headline {
	background: var(--ccs4-image-headline-description-background-color);
	color: var(--ccs4-image-headline-color);
}

section.chapter:nth-of-type(4n) .image.image-description {
	background: var(--ccs4-image-headline-description-background-color);
	color: var(--ccs4-image-description-color);
}

section.chapter:nth-of-type(4n) .testimonial.name {
	color: var(--ccs4-testimonial-name-color);
}

section.chapter:nth-of-type(4n) .testimonial.institution {
	color: var(--ccs4-testimonial-institution-color);
}

section.chapter:nth-of-type(4n) .testimonial.function-profession {
	color: var(--ccs4-testimonial-function-profession-color);
}

section.chapter:nth-of-type(4n) .testimonial.quotation-marks {
	color: var(--ccs4-testimonial-quotation-marks-color);
}

section.chapter:nth-of-type(4n) .testimonial.speech-bubble {
	background: var(--ccs4-testimonial-speech-bubble-background-color);
	color: var(--ccs4-testimonial-speech-bubble-color);
}

section.chapter:nth-of-type(4n) .shortcode-person-name {
	color: var(--ccs4-shortcode-person-name-color);
}

section.chapter:nth-of-type(4n) .shortcode-person-info {
	color: var(--ccs4-shortcode-person-info-color);
}

section.chapter:nth-of-type(4n) .accentuation {
	background: var(--ccs4-accentuation-background-color);
	color: var(--ccs4-accentuation-color);
}

section.chapter:nth-of-type(4n) .wp-block-quote {
	color: var(--ccs4-blockquote-color);
} */

/* ccs 5 */

/* section.chapter:nth-of-type(5n) h1 {
	color: var(--ccs5-h1-color);
}

section.chapter:nth-of-type(5n) h2 {
	color: var(--ccs5-h2-color);
}

section.chapter:nth-of-type(5n) h3 {
	color: var(--ccs5-h3-color);
}

section.chapter:nth-of-type(5n) h4 {
	color: var(--ccs5-h4-color);
}

section.chapter:nth-of-type(5n) button,
section.chapter:nth-of-type(5n) .button {
	background: var(--ccs5-button-background-color);
	color: var(--ccs5-button-color);
}

section.chapter:nth-of-type(5n) {
	background: var(--ccs5-chapter-background-color);
	color: var(--ccs5-color);
}

section.chapter:nth-of-type(5n) .chapter-header{
	background: var(--ccs5-chapter-header-background-color);
}

section.chapter:nth-of-type(5n) .slide {
	background: var(--ccs5-slide-background-color);
}

section.chapter:nth-of-type(5n) .slide-content-container a {
	color: var(--ccs5-link-color);
	text-decoration: var(--ccs5-link-text-decoration);
	text-underline-offset: var(--ccs5-link-text-underline-offset);
}

section.chapter:nth-of-type(5n) .ri-arrow-left-s-line::before,
section.chapter:nth-of-type(5n) .ri-arrow-right-s-line::before {
  color: var(--ccs5-arrows-background-color);
}

section.chapter:nth-of-type(5n) .slick-dots li {
  background: var(--ccs5-dots-background-color);
}

section.chapter:nth-of-type(5n) .slick-dots li.slick-active {
  background: var(--ccs5-dots-active-background-color);
}

section.chapter:nth-of-type(5n) .image.headline {
	background: var(--ccs5-image-headline-description-background-color);
	color: var(--ccs5-image-headline-color);
}

section.chapter:nth-of-type(5n) .image.image-description {
	background: var(--ccs5-image-headline-description-background-color);
	color: var(--ccs5-image-description-color);
}

section.chapter:nth-of-type(5n) .testimonial.name {
	color: var(--ccs5-testimonial-name-color);
}

section.chapter:nth-of-type(5n) .testimonial.institution {
	color: var(--ccs5-testimonial-institution-color);
}

section.chapter:nth-of-type(5n) .testimonial.function-profession {
	color: var(--ccs5-testimonial-function-profession-color);
}

section.chapter:nth-of-type(5n) .testimonial.quotation-marks {
	color: var(--ccs5-testimonial-quotation-marks-color);
}

section.chapter:nth-of-type(5n) .testimonial.speech-bubble {
	background: var(--ccs5-testimonial-speech-bubble-background-color);
	color: var(--ccs5-testimonial-speech-bubble-color);
}

section.chapter:nth-of-type(5n) .shortcode-person-name {
	color: var(--ccs5-shortcode-person-name-color);
}

section.chapter:nth-of-type(5n) .shortcode-person-info {
	color: var(--ccs5-shortcode-person-info-color);
}

section.chapter:nth-of-type(5n) .accentuation {
	background: var(--ccs5-accentuation-background-color);
	color: var(--ccs5-accentuation-color);
}

section.chapter:nth-of-type(5n) .wp-block-quote {
	color: var(--ccs5-blockquote-color);
} */


/* HEADER */

.header-menu h1 {
	position: relative;
	white-space: nowrap;
}

.header-menu h1::before {
	content: '';
	width: calc(var(--h1-font-size) * var(--golden-line-factor));
	height: 400px;
	display: block;
	position: absolute;
	background: var(--corporate-color-3);
	left: calc(var(--h1-font-size) * var(--golden-line-factor) * (-5));
	bottom: calc(var(--h1-font-size) * .25);
}

nav.menu-nav ul {
	font: var(--bold-font);
}


/* MAIN */

/* chapter header */

.chapter-header {
	align-items: flex-end;
}

.logo {
	background-image: url("assets/images/LVU_Logo_ohne_Schutzzone.svg");
}

.chapter-headline {
	position: relative;
	margin-bottom: calc(-1em * .25);
	line-height: 1.15;
}

.chapter-headline::before {
	content: '';
	width: calc(var(--h1-font-size) * var(--golden-line-factor));
	height: 400px;
	display: block;
	position: absolute;
	background: var(--corporate-color-3);
	left: calc(var(--h1-font-size) * var(--golden-line-factor) * (-5));
	bottom: calc(1em * .285);
}

/* slides */

.testimonial.name {
	font: var(--bold-font);
}

.text-image.image-source {
	font: var(--light-font);
	font-size: var(--text-image-image-source-font-size);
}

.text-image.button {
	align-self: flex-end;
}

body #fancybox-loading {
	width: 54px;
	height: 54px;
	margin-top: -27px;
	margin-left: -27px;
	background: #fff;
	border-radius: 0;
	box-shadow: 0 0 20px rgba(0,0,0,.25);
}

body #fancybox-loading div {
	transform-origin: 27px 27px;
}

body #fancybox-loading div::after {
	top: 4px;
	left: 25px;
	width: 4px;
	height: 10px;
	border-radius: 0;
	background: var(--corporate-color-1);
}

#fancybox-wrap .fancy-ico span {
  width: 38px;
  height: 38px;
  top: 5px;
  left: 5px;
	background: #fff;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

#fancybox-wrap #fancybox-close:hover span,
#fancybox-wrap #fancybox-next:hover span,
body.rtl #fancybox-wrap #fancybox-prev:hover span,
#fancybox-wrap #fancybox-prev:hover span,
body.rtl #fancybox-wrap #fancybox-next:hover span {
	transform: none;
}

#fancybox-wrap #fancybox-prev span::after,
#fancybox-wrap #fancybox-next span::after {
  width: 16px;
  height: 16px;
	top: 11px;
  left: 9px;
  border-top: 4px solid var(--corporate-color-1);
  border-right: 4px solid var(--corporate-color-1);
}

#fancybox-wrap #fancybox-prev span::after {
	right: 9px;
	left: unset;
}

#fancybox-wrap #fancybox-close span::before,
#fancybox-wrap #fancybox-close span::after {
	width: 24px;
	height: 4px;
  top: 17px;
	left: 7px;
	background-color: var(--corporate-color-1);
}

#fancybox-close,
#fancybox-left-ico,
#fancybox-right-ico,
#fancybox-loading div {
/* 	background-image: url("assets/images/fancybox-sprite-lvu.png") !important; */
}


/* custom post type - person */

.shortcode-person-name {
	font: var(--bold-font);
}


/* PAGE */

.page-header {
	align-items: flex-end;
}

.page-logo {
  background-image: url("assets/images/LVU_Logo_ohne_Schutzzone.svg");
}

.page-headline::before {
	content: '';
	width: calc(var(--h1-font-size) * var(--golden-line-factor));
	height: 400px;
	display: block;
	position: absolute;
	background: var(--corporate-color-3);
	left: calc(var(--h1-font-size) * var(--golden-line-factor) * (-5));
	bottom: calc(1em * .285);
}








@media screen and (max-width: 1600px) {
	:root {
		--h1-font-size: 30px;
		--h2-font-size: 25px;
		--h3-font-size: 20px;
		--h4-font-size: 18px;
		--chapter-header-padding: 20px;
		--logo-width: 60px;
		--slide-margin-bottom: 25px;
		--text-image-teaser-font-size: 20px;
	}
}

@media screen and (max-width: 1200px) {
	:root{
		--ccs1-header-icons-background-color: transparent;
		--ccs2-header-icons-background-color: transparent;
		--ccs1-arrows-background-color: transparent;
		--ccs2-arrows-background-color: transparent;
		--testimonial-person-container-width: 100%;
		--testimonial-person-photo-container-width: calc(var(--slide-content-container-width) * .15);
		--testimonial-person-photo-container-height: var(--testimonial-person-photo-container-width);
		--testimonial-quote-container-width: 100%;
		--text-image-image-width-wide: 100%;
		--text-image-image-width-narrow: var(--text-image-image-width-wide);
/* 		--text-image-image-height: 40%; */
/* 		--text-image-image-height: calc((100vh - var(--chapter-header-height) - var(--chapter-header-padding) - var(--slide-margin-bottom) * 2 - var(--slider-dots-height)) * .4); */
		--text-image-teaser-width-wide: 100%;
		--text-image-teaser-width-narrow: var(--text-image-teaser-width-wide);
		--text-image-teaser-font-size: 18px;
		--text-image-image-width-main-view: 100%;
		--text-image-headline-teaser-button-container-width-main-view: 100%;
		--slider-dots-gap: 25px;
	}
	.header-icons-background {
		background: transparent;
	}
	.testimonial.content-container.quote-person,
	.testimonial.content-container.person-quote {
		max-height: 100%;
		flex-direction: column;
		overflow: hidden;
		overflow-y: auto;
	}
	.testimonial.person-container {
		flex-direction: row;
		align-items: center;
	}
	.text-image.image-source-container {
		flex-basis: fit-content;
		height: calc((100vh - var(--chapter-header-height) - var(--chapter-header-padding) - var(--slide-margin-bottom) * 2 - var(--slider-dots-height)) * .25);
		height: calc((var(--100vh) - var(--chapter-header-height) - var(--chapter-header-padding) - var(--slide-margin-bottom) * 2 - var(--slider-dots-height)) * .25);
		position: relative;
	}
	.headline-teaser-button-container {
		margin-top: 1em;
	}
	.slide-content-container.text-image.main-view > .text-image.image-source-container {
		display: none;
	}
	.text-image.image-source-container.wide-right + .headline-teaser-button-container,
	.text-image.image-source-container.wide-left + .headline-teaser-button-container,
	.text-image.image-source-container.narrow-right + .headline-teaser-button-container,
	.text-image.image-source-container.narrow-left + .headline-teaser-button-container {
		align-self: inherit;
	}
	.text-image.source,
	.text-image.image-source-container.wide-left .source,
	.text-image.image-source-container.narrow-left .source {
		padding-bottom: .25em;
		transform: none;
		right: 0;
		left: auto;
	}
}

@media screen and (max-width: 900px) {
	:root {
		--page-padding-right-left: 70px;
		--header-icon-width: calc(var(--page-padding-right-left) / 2);
		--slider-arrow-width: calc(var(--page-padding-right-left) / 3);
		--testimonial-person-photo-container-width: calc(var(--slide-content-container-width) * .25);
		--text-image-image-source-font-size: 10px;
	}
	*::-webkit-scrollbar {
		width: 3px;
	}
	.header-icon.x-icon {
		top: 0;
	}
}

@media screen and (max-width: 600px) {
	:root {
		--h1-font-size: 25px;
		--h2-font-size: 20px;
		--h3-font-size: 18px;
		--h4-font-size: 16px;
		--page-padding-right-left: 50px;
		--header-icon-width: 20px;
		--header-menu-padding-right-left: 50px;
		--ccs2-header-icons-color: var(--corporate-color-1);
		--chapter-header-padding: 16px;
		--header-padding-left: calc(100% - var(--header-icon-width) - var(--chapter-header-padding) + 2px);
		--logo-width: 50px;
		--slide-margin-bottom: 20px;
		--slider-dots-gap: 20px;
		--testimonial-quote-container-padding-top-bottom: 25px;
		--testimonial-quote-container-padding-right-left: 30px;
		--testimonial-quotation-marks-position-top-bottom: 5px;
    --testimonial-quotation-marks-position-right-left: 0px;
		--testimonial-quotation-marks-font-size: 75px;
		--testimonial-speech-bubble-padding: 20px 25px;
    --testimonial-speech-bubble-font-size: 16px;
		--text-image-image-source-font-size: 8px;
		--text-image-teaser-font-size: 16px;
	}
	header {
		justify-content: flex-start;
	}
	.chapter-header {
		width: 100vw;
		max-width: 100vw;
		left: 0;
		padding-right: calc(var(--header-icon-width) + var(--chapter-header-padding) * 2);
	}
	.chapter-headline {
		margin-bottom: calc(-1em * .125);
	}
	.chapter-headline::before {
		bottom: calc(1em * .15);
	}
	.testimonial.content-container {
		margin-top: 1em;
	}
	.testimonial.person-container {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media screen and (max-width: 450px) {
	:root{
		--h1-font-size: 22px;
		--page-padding-right-left: 30px;
		--header-menu-padding-right-left: 30px;
		--slide-margin-bottom: 16px;
		--slider-dots-height: 7.5px;
		--slider-dots-gap: 16px;
    --testimonial-quotation-marks-position-right-left: 2.5px;
    --testimonial-quotation-marks-font-size: 65px;
	}
}

@media screen and (max-width: 350px) {
	:root{
		--h1-font-size: 19px;
	}
}