/*
Theme Name: Digitaler Geschäftsbericht VTDemo
Text Domain: digitalbericht-vtdemo
Version: 1.0.1
Description: Theme für die Demo des digitalen Geschäftsberichts von Visualtech
Author: Visualtech
Author URI: https://visualtech.de
Template: digitalbericht
Theme URI: https://visualtech.de/digitaler-geschaeftsbericht
*/



/* FONTS */

@font-face {
  font-family: "RedHatDisplay Bold";
  src: url("assets/fonts/RedHatDisplay-Bold.ttf") format("truetype");
	font-style: normal;
	font-weight: bold;
}

@font-face {
  font-family: "Gilroy Regular";
  src: url("assets/fonts/Gilroy-Regular.woff") format("woff");
	font-style: normal;
	font-weight: normal;
}

@font-face {
  font-family: "Gilroy Light";
  src: url("assets/fonts/Gilroy-Light.woff") format("woff");
	font-style: normal;
	font-weight: normal;
}


/* VARIABLES */

:root {
/* fonts */
	--font-display-bold: "RedHatDisplay Bold", sans-serif;
  --font-text-regular: "Gilroy Regular", sans-serif;
	--font-text-light: "Gilroy Light", sans-serif;
	
/* colors */
	--corporate-color-1: #001e5a; /* Aventin blue */
	--corporate-color-1-rgb: 0,30,90;
	--corporate-color-2: #e52e44; /* Aventin red */
	--corporate-color-2-rgb: 229,46,68;
	
  --color: var(--corporate-color-1);
	
	--scrollbar-track-background-color: rgba(var(--corporate-color-2-rgb),.25);;
	--scrollbar-thumb-background-color: var(--corporate-color-2);
	
	--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-2);
	--ccs1-x-icon-color: var(--color);
	--ccs1-chapter-background-color: #fff;
	--ccs1-chapter-header-background-color: unset;
	--ccs1-chapter-header-before-after-background-color: var(--corporate-color-1);
	--ccs1-color: var(--color);
	--ccs1-h1-color: #fff;
	--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-2);
	--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-2);
	--ccs1-image-headline-description-background-color: var(--corporate-color-1);
	--ccs1-image-headline-color: #fff;
	--ccs1-image-description-color: #fff;
	--ccs1-testimonial-name-color: var(--corporate-color-2);
	--ccs1-testimonial-institution-color: var(--corporate-color-1);
	--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-2);
	--ccs1-shortcode-person-info-color: var(--corporate-color-1);
	--ccs1-accentuation-background-color: var(--corporate-color-2);
	--ccs1-accentuation-color: #fff;
	--ccs1-blockquote-color: var(--corporate-color-2);
	
/* ccs 2 */
	--ccs2-header-icons-background-color: rgba(var(--corporate-color-1-rgb),.75);
	--ccs2-header-icons-color: var(--corporate-color-2);
	--ccs2-x-icon-color: var(--color);
	--ccs2-chapter-background-color: var(--corporate-color-1);
	--ccs2-chapter-header-background-color: unset;
	--ccs2-chapter-header-before-after-background-color: #fff;
	--ccs2-color: #fff;
	--ccs2-h1-color: var(--corporate-color-1);
	--ccs2-h2-color: var(--corporate-color-2);
	--ccs2-h3-color: var(--corporate-color-2);
	--ccs2-h4-color: var(--corporate-color-2);
	--ccs2-button-background-color: var(--corporate-color-2);
	--ccs2-button-color: #fff;
	--ccs2-link-color: inherit;
	--ccs2-link-text-decoration: underline var(--corporate-color-2);
	--ccs2-link-text-underline-offset: .125em;
	--ccs2-arrows-background-color: rgba(var(--corporate-color-1-rgb),.75);
	--ccs2-arrows-color: #fff;
	--ccs2-dots-background-color: #fff;
	--ccs2-dots-border-color: #fff;
	--ccs2-dots-active-background-color: var(--corporate-color-2);
	--ccs2-image-headline-description-background-color: rgba(255,255,255,1);
	--ccs2-image-headline-color: var(--corporate-color-2);
	--ccs2-image-description-color: var(--corporate-color-1);
	--ccs2-testimonial-name-color: var(--corporate-color-2);
	--ccs2-testimonial-institution-color: #fff;
	--ccs2-testimonial-function-profession-color: #fff;
	--ccs2-testimonial-quotation-marks-color: var(--corporate-color-2);
	--ccs2-testimonial-speech-bubble-background-color: #fff;
	--ccs2-testimonial-speech-bubble-color: var(--corporate-color-1);
	--ccs2-shortcode-person-name-color: var(--corporate-color-2);
	--ccs2-shortcode-person-info-color: #fff;
	--ccs2-accentuation-background-color: var(--corporate-color-2);
	--ccs2-accentuation-color: #fff;
	--ccs2-blockquote-color: var(--corporate-color-2);
	
/* 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: 29px;
	--h2-font-size: 35px;
	--h3-font-size: 25px;
	--h4-font-size: 20px;
	
	--general-h1-color: var(--corporate-color-2);
	
	--headline-text-transform: uppercase;
	
/* button(s) */
	--button-padding-top-bottom: .65em;
	--button-padding-right-left: .75em;
	--button-font: var(--font-display-bold);
	--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) / 5);
	--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-1);
	--header-menu-text-transform: uppercase;
	
/* chapter header	*/
	--chapter-header-padding: 25px;
	--logo-width: 175px;
	--logo-height: 45px;
	
/* 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: 10px;
	--slider-dots-max-width: 300px;
	--slider-dots-height: 25px;
	--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: .75em;
	--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: 5px;
	--progress-indication-bar-background-color: var(--corporate-color-2);
	
/* 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-2);
	--page-link-text-underline-offset: .125em;
	
	font-family: var(--font-text-regular);
}


/* AVENTIN SPECIFIC */

.measure-height {
	--triangle-length-a: calc(var(--element-height) / sin(57deg) * sin(33deg))
}


/* GENERAL SETTINGS & STYLES */

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

h2 {
	hyphens: manual;
}

button,
.button {
  padding: calc(var(--button-padding-top-bottom) * 1.2) calc(var(--button-padding-right-left) + var(--triangle-length-a)) var(--button-padding-top-bottom);
}

button::before,
.button::before {
	content: '';
	width: calc(100% - var(--triangle-length-a));
	height: var(--element-height);
	position: absolute;
	top: 0;
	left: calc(var(--triangle-length-a) * .5);
	transform: skewX(-33deg);
	z-index: -1;
}

section.chapter:nth-of-type(1n) *:not(li) > button,
section.chapter:nth-of-type(1n) *:not(li) > .button {
	background: transparent;
}

section.chapter:nth-of-type(2n) *:not(li) > button,
section.chapter:nth-of-type(2n) *:not(li) > .button {
	background: transparent;
}

section.chapter:nth-of-type(1n) *:not(li) > button::before,
section.chapter:nth-of-type(1n) *:not(li) > .button::before {
	background: var(--ccs1-button-background-color);
}

section.chapter:nth-of-type(2n) *:not(li) > button::before,
section.chapter:nth-of-type(2n) *:not(li) > .button::before {
	background: var(--ccs2-button-background-color);
}


/* 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: transparent;
	color: var(--ccs3-button-color);
}

section.chapter:nth-of-type(3n) *:not(li) > button::before,
section.chapter:nth-of-type(3n) *:not(li) > .button::before {
	background: var(--ccs3-button-background-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) .chapter-header::before {
	background: var(--ccs3-chapter-header-before-after-background-color);
}

section.chapter:nth-of-type(3n) .chapter-header::after {
	background: var(--ccs3-chapter-header-before-after-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.headline::before {
	border-color: var(--ccs3-image-headline-description-background-color) transparent transparent transparent;
}

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) .image.image-description::before {
	border-color: transparent transparent var(--ccs3-image-headline-description-background-color) transparent;
}

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: transparent;
	color: var(--ccs4-button-color);
}

section.chapter:nth-of-type(4n) *:not(li) > button::before,
section.chapter:nth-of-type(4n) *:not(li) > .button::before {
	background: var(--ccs4-button-background-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) .chapter-header::before {
	background: var(--ccs4-chapter-header-before-after-background-color);
}

section.chapter:nth-of-type(4n) .chapter-header::after {
	background: var(--ccs4-chapter-header-before-after-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.headline::before {
	border-color: var(--ccs4-image-headline-description-background-color) transparent transparent transparent;
}

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) .image.image-description::before {
	border-color: transparent transparent var(--ccs4-image-headline-description-background-color) transparent;
}

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: transparent;
	color: var(--ccs5-button-color);
}

section.chapter:nth-of-type(5n) *:not(li) > button::before,
section.chapter:nth-of-type(5n) *:not(li) > .button::before {
	background: var(--ccs5-button-background-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) .chapter-header::before {
	background: var(--ccs5-chapter-header-before-after-background-color);
}

section.chapter:nth-of-type(5n) .chapter-header::after {
	background: var(--ccs5-chapter-header-before-after-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.headline::before {
	border-color: var(--ccs5-image-headline-description-background-color) transparent transparent transparent;
}

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) .image.image-description::before {
	border-color: transparent transparent var(--ccs5-image-headline-description-background-color) transparent;
}

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-family: var(--font-display-bold);
}


/* MAIN */

/* general */

.slide-content-container ul,
.slide-content-container li {
  list-style-type: none;
  position: relative;
}

.slide-content-container li {
  margin-bottom: .5em;
}

.slide-content-container li::before {
  content: '';
  display: inline-block;
  width: .34em;
  height: .75em;
  position: absolute;
  top: .19em;
  left: -.75em;
  background: var(--corporate-color-2);
  transform: skewX(-33deg);
}

.slick-dots li {
	transform: skewX(-33deg);
}

/* chapter header */

.chapter-header {
	align-items: flex-start;
	left: 0;
	padding: var(--chapter-header-padding) calc(var(--chapter-header-padding) * 1.5);
	overflow: visible;
}

.chapter-header::before {
	content: '';
	width: calc(100% + var(--triangle-length-a));
	height: var(--element-height);
	position: absolute;
	top: 0;
	left: 0;
	border-width: var(--element-height) var(--triangle-length-a) 0 0;
	border-style: solid;
	z-index: -1;
}

section.chapter:nth-of-type(1n) .chapter-header::before {
	border-color: var(--ccs1-chapter-header-before-after-background-color) transparent transparent transparent;
}

section.chapter:nth-of-type(2n) .chapter-header::before {
	border-color: var(--ccs2-chapter-header-before-after-background-color) transparent transparent transparent;
}

.logo {
	z-index: 9;
}

section.chapter:nth-of-type(1n) .logo {
	background-image: url("assets/images/Aventin_Logo_ccs_1.svg");
}

section.chapter:nth-of-type(2n) .logo {
	background-image: url("assets/images/Aventin_Logo_ccs_2.svg");
}

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

/* slides */

.image.headline {
	margin-right: var(--triangle-length-a);
	z-index: 0;
}

.image.headline::before {
  content: '';
	width: calc(100% + var(--triangle-length-a));
	height: var(--element-height);
  position: absolute;
  top: 0;
	left: 0;
	border-width: var(--element-height) var(--triangle-length-a) 0 0;
	border-style: solid;
	z-index: -1;
}

section.chapter:nth-of-type(1n) .image.headline::before {
	border-color: var(--ccs1-image-headline-description-background-color) transparent transparent transparent;
}

section.chapter:nth-of-type(2n) .image.headline::before {
	border-color: var(--ccs2-image-headline-description-background-color) transparent transparent transparent;
}

.image.image-description {
	margin-left: var(--triangle-length-a);
	z-index: 0;
}

.image.image-description::before {
  content: '';
	width: calc(100% + var(--triangle-length-a));
	height: var(--element-height);
  position: absolute;
  right: 0;
  bottom: 0;
	border-width: 0 0 var(--element-height) var(--triangle-length-a);
	border-style: solid;
	z-index: -1;
}

section.chapter:nth-of-type(1n) .image.image-description::before {
	border-color: transparent transparent var(--ccs1-image-headline-description-background-color) transparent;
}

section.chapter:nth-of-type(2n) .image.image-description::before {
	border-color: transparent transparent var(--ccs2-image-headline-description-background-color) transparent;
}

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

.testimonial.institution-function-profession-container {
	flex-direction: column-reverse;
}

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

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

#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-family: var(--font-display-bold);
}


/* charts */

#chart-tortendiagramm {
  max-width: 500px;
  max-height: 500px;
}


/* PAGE */

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

.page-logo {
  background-image: url("assets/images/Aventin_Logo_ccs_2.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);
}

.page-button {
	background: transparent;
}

.page-button::before {
	background: var(--page-button-background-color);
}

.page-button span {
	display: flex;
}

.page-button i {
	margin-left: -2px;
}








@media screen and (max-width: 1600px) {
	:root {
		--h2-font-size: 25px;
		--h3-font-size: 20px;
		--h4-font-size: 18px;
		--header-icon-width: calc(var(--page-padding-right-left) / 4);
		--chapter-header-padding: 20px;
		--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;
		--header-icon-width: calc(var(--page-padding-right-left) / 3);
		--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;
		--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);
		--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 {
		width: calc(var(--chapter-header-padding) * 1.5 * 2 + var(--header-icon-width));;
	}
	.chapter-header {
		flex-direction: column;
    gap: 1em;
		width: calc(100vw - (var(--chapter-header-padding) * 1.5 * 2 + var(--header-icon-width) + var(--triangle-length-a)));
		max-width: 100vw;
		left: 0;
/* 		padding-right: calc(var(--chapter-header-padding) * 1.5 * 2 + var(--header-icon-width) + var(--triangle-length-a)); */
	}
	.chapter-headline {
		margin: 0;
/*     margin-left: 51px; */
	}
	.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: 18px;
		--page-padding-right-left: 30px;
		--header-menu-padding-right-left: 30px;
		--slide-margin-bottom: 16px;
		--slider-dots-height: 15px;
		--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: 15px;
	}
}