/*** Main CSS ***/

/*
Theme Name: Matthias Kolbusa
Author: BRENNWERT – Design und Kommunikation mit Zündung
*/

/* Fonts */

@font-face {
    font-family: 'bebas';
    src: url('/wp-content/themes/kol/fonts/bebas.ttf');
    font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'helvetica';
    src: url('/wp-content/themes/kol/fonts/helvetica.ttf');
    font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'helvetica-bold';
    src: url('/wp-content/themes/kol/fonts/helvetica-bold.ttf');
    font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Variablen */

html {
	--orange: #ff5229;
	--red: #cd1e2d;
	--yellow: #ff9c00;

	--light-grey: #dedede;
	--medium-grey: #999999;
	--dark-grey: #646464;

	--white: #ffffff;

	--active-color: var(--orange);

	--full-height: 100vh;
	--max-width: 1400px;
	--reduced-max-width: 800px;
	--column-gap: 50px;
	--large-std-gap: 100px;
	--std-gap: 75px;
	--small-std-gap: 50px;
	--scrollbar-width: 15px;
	--outer-dist: calc((100vw - var(--max-width) - var(--scrollbar-width)) / 2);
	--larger-outer-dist: calc((100vw - var(--reduced-max-width) - var(--scrollbar-width)) / 2);
	--box-padding: var(--small-std-gap);
	--lined-heading-padding-top: 40px;
	--lined-heading-padding-bottom: 35px;
}

/* Struktur */

* {
	box-sizing: border-box;
}

html, body {
	width: 100%;
	margin: 0;
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	max-width: 100vw;
}

html {
	overflow-x: hidden;
	position: absolute;
	top: 0;
}

body {
	max-width: 2000px;
	margin: 0 auto;
	overflow-x:hidden;
}

.max-width {
	width: 100%;
	max-width: var(--max-width);
	margin: 0 auto;
	position: relative;
}

.reduced-max-width {
	max-width: var(--reduced-max-width);
}

.cols {
	display: grid;
	grid-gap: var(--column-gap);
	grid-template-columns: repeat(6, 1fr);
}

.col-1-3, .col-2-3, .col-1-2 {
	position: relative;
	max-width: 100%;
}

.col-1-3 {grid-column: auto / span 2;}
.col-2-3 {grid-column: auto / span 4;}
.col-1-2 {grid-column: auto / span 3;}

.content-block > *:first-child, .weak-content-block > *:first-child {margin-top: 0 !important;}
.content-block > *:last-child, .weak-content-block > *:last-child {margin-bottom: 0 !important;}

.two-text-cols {
	column-gap: var(--column-gap);
	column-count: 2;
}

.line {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.line.content-block > * {
	margin: 0 !important;
}

/* Schrift */

h1, h2, h3, .h1, .h2, .h3 {
	font-weight: normal;
}

h1, .h1 {
	font-family: 'bebas';
	color: white;
	background-color: var(--active-color);
	display: inline;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	padding: 5px 20px;
	font-size: 4.5rem;
	line-height: 1.5em;
	margin: var(--small-std-gap) 0;
}

h2, .h2 {
	font-family: 'bebas';
	color: var(--medium-grey);
	font-size: 3rem;
	line-height: 1.05em;
	margin: 25px 0;
}

.html-content :is(h2, .h2) {
	margin-top: 50px;
}

h3, .h3, #blogpost-text blockquote p, #main-page-header-2024-epm-text p, #offer-simple-text-at-first p {
	font-family: 'helvetica-bold';
	color: var(--medium-grey);
	font-size: 1.8rem;
	line-height: 1.2em;
	margin: 25px 0;
}

p, .p, ul, ol, input, select, textarea, label, table, cite, .text-wrapper {
	font-family: 'helvetica';
	color: var(--dark-grey);
	font-size: 1.2rem;
	line-height: 1.3em;
}

p, .p, ul, ol, cite {
	margin: 25px 0;
}

strong, .strong, input, select, textarea, .privacy-info-head h3 {
	font-family: 'helvetica-bold';
	font-weight: normal;
}

ul, ol {
	padding-left: 15px;
}

ul {
	list-style: none;
}

li {
	break-inside: avoid;
}

ul li {
	position: relative;
}

ul li::before {
	content: url('/wp-content/themes/kol/img/bullet-point.svg');
	display: inline-block;
	width: 6px;
	height: 8px;
	position: absolute;
	left: -15px;
}

a {
	color: inherit;
	text-decoration: none;
}

.no-link-decoration a {
	text-decoration: none !important;
	border-bottom: none !important;
}

.underline-links a, .html-content a {
	text-decoration: underline;
}

.chrome .underline-links a, .chrome .html-content a, .edge .underline-links a, .edge .html-content a {
	text-decoration: none;
	border-bottom: solid 1px currentColor;
}

.invert-texts * {
	color: white;
}

.invert-texts h1, .invert-texts .h1 {
	color: var(--active-color);
	background-color: white;
}

.active-color, .highlight-h2 h2, .highlight-h2 .h2 {
	color: var(--active-color);
}

sup:not(.eng-ordinal-number) {
	font-size: 0.4em;
	position: absolute;
	transform: translate(25%, -25%);
}

html[lang="en"] .only-de, html[lang="de"] .only-en {
	display: none;
}

/* Bilder */

img {
	display: block;
	width: 100%;
	height: auto;
}

.bg-img, .containing-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	object-fit: cover;
	object-position: center;
	-webkit-mask-size: cover;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-origin: content-box;
	mask-size: cover;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-origin: content-box;
}

.containing-img {
	background-size: contain;
	object-fit: contain;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.img-2-1, .img-3-2, .img-1-1 {
	position: relative;
	width: 100%;
}

.img-2-1::after, .img-3-2::after, .img-1-1::after {
	content: '';
	display: block;
	padding-bottom: 50%;
}

.img-3-2::after {
	padding-bottom: 66%;
}

.img-1-1::after {
	padding-bottom: 100%;
}

.img-2-1 > img, .img-3-2 > img, .img-1-1 > img {
	position: absolute;
	width: 100%;
	height: 100%;
}

.lazy {
	opacity: 0;
}

.loaded {
	opacity: 1;
}

.wp-caption {
	width: 100% !important;
	margin: var(--small-std-gap) 0;
}

.wp-caption-text {
	margin: 10px 0 0;
}

.html-content img {
	width: 100%;
	height: auto;
	margin: var(--small-std-gap) 0;
}

.html-content .cols {
	margin: var(--small-std-gap) 0;
}

.html-content .cols > br, .html-content .cols > div > br {
	display: none;
}

.grey-img, #blogpost-text img {
	filter: grayscale(1);
}

.grey-img:hover, #blogpost-text img:hover {
	filter: unset;
}

.filling-img {
	position: absolute;
	height: 100%;
}

.bleed-left {
	width: calc(100% + var(--outer-dist));
	left: calc(-1 * var(--outer-dist));
}

/* Buttons */

button, .button-placeholder {
	display: inline-block;
	background-color: var(--active-color);
	color: white;
	font-family: 'bebas';
	font-size: 2rem;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
	margin: 25px 0;
}

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

button.grey {
	background-color: var(--medium-grey);
}

button a {
	text-decoration: none !important;
	border-bottom: none !important;
	width: 100%;
	display: block;
}

.max-btn-width {
	width: 100%;
}

.with-arrow {
	padding-right: 50px;
	-webkit-clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 50%, calc(100% - 25px) 100%, 0 100%);
	clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 50%, calc(100% - 25px) 100%, 0 100%);
	text-align: left;
}

.with-arrow-down::after {
	content: '';
	display: block;
	background-color: inherit;
	width: 50px;
	height: 20px;
	position: absolute;
	-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	bottom: -20px;
	left: calc(50% - 25px);
}

button.secundary {
	background-color: var(--active-color) !important;
	color: white !important;
	border: solid 1px white !important;
}

.button-placeholder {
	visibility: hidden;
}

/* Sonstiges */

#internet-explorer-msg, #no-js-msg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99;
}

#internet-explorer-msg p, #no-js-msg p {
	max-width: 80%;
}

:target {
	scroll-margin-top: 50px;
}

.trans, #blogpost-text img {
	transition: all 0.3s ease;
}

.hide {
	opacity: 0 !important;
	pointer-events: none !important;
}

.hide * {
	pointer-events: none !important;
}

.only-smartphone {
	display: none !important;
}

#msg, #date-time-picker, #privacy-msg {
	position: fixed;
	background-color: rgba(255,255,255,0.9);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999999999;
	top: 0;
	left: 0;
}

#privacy-msg > div {
	padding: 25px;
	max-width: 400px;
	background-color: var(--active-color);
}

#msg p {
	background-color: var(--active-color);
	padding: 25px;
	max-width: 400px;
	color: white;
	font-family: 'helvetica-bold';
}

#privacy-msg > div > p, #privacy-msg .checkbox-input span {
	color: white;
	font-family: 'helvetica-bold';
	margin: 0;
}

#privacy-msg .checkbox-input {
	margin: 25px 0 0;
}

.anchor {
	height: 0;
	display: block;
	position: relative;
	top: -50px;
}

hr {
	border: none;
	border-bottom: solid 1px var(--light-grey);
	margin: var(--small-std-gap) 0;
	width: 100%;
}

.box {
	background-color: var(--active-color);
	padding: var(--box-padding);
	margin: var(--std-gap) 0;
}

.box .heading {
	padding-left: var(--box-padding);
	padding-right: var(--box-padding);
	width: calc(100% + 2 * var(--box-padding));
	position: relative;
	left: calc(-1 * var(--box-padding));
	margin: 35px 0;
}

.full-width-box-img {
	width: calc(100% + 2 * var(--box-padding));
	position: relative;
	left: calc(-1 * var(--box-padding));
	margin: 35px 0;
}

.box.invert-texts button {
	color: var(--active-color);
	background-color: white;
}

.box.invert-texts button a {
	color: var(--active-color);
}

.grey-bg hr {
	border-color: var(--medium-grey);
}

.scrollbar-measure-outer {
	width: 100px;
	height: 100px;
	position: absolute;
	visibility: hidden;
	overflow: scroll;
}

.scrollbar-measure-inner {
	width: 100%;
	height: 200px;
}

#lightbox-img p:empty, .html-content p:empty {
	display: none;
}

.close {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 25px;
	height: auto;
	cursor: pointer;
}

[href^="tel:"] {
	pointer-events: none;
}

.no-margin {
	margin: 0 !important;
}

.bg-closer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.with-lines {
	background-image: url('/wp-content/themes/kol/img/lines.svg');
	background-size: 20px 20px;
}

.grey-bg .with-lines {
	background-image: url('/wp-content/themes/kol/img/lines-darker.svg');
}

.invert-texts .with-lines {
	background-image: url('/wp-content/themes/kol/img/lines-for-colored-bg.svg');
}

.grey-bg {
	background-color: var(--light-grey);
}

#login-box, #telephone-date-box, #contact-box, #registration-box, #popup, #cookie-box {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 100vw;
	max-height: var(--full-height);
}

#login-box form, #telephone-date-box form, #contact-box form, #registration-box form, #popup-box, #cookie-box > div {
	background-color: var(--active-color);
	padding: var(--box-padding);
	width: 900px;
}

.overlay-box-padding-bottom-mobile {
	display: none;
}

#login-box form p:not(.h2) {
	margin-bottom: 35px;
}

.points-icon {
	width: 35px;
	margin: 35px 0;
	cursor: pointer;
}

blockquote {
	margin: var(--std-gap) 0;
}

blockquote .h3 {
	color: var(--active-color);
	text-indent: -1ch;
}

blockquote p {
	text-indent: -0.5ch;
}

cite {
	font-style: normal;
	display: block;
}

.video-slider {
	margin: var(--std-gap) 0;
	position: relative;
}

.video-slider .img-3-2, .seo-issue {
	cursor: pointer;
}

.video-slider .img-3-2 {
	overflow: hidden;
}

.video-slider .img-3-2 .play-icon, .gallery-item .play-icon, .lecture .play-icon {
	position: absolute;
	right: calc(var(--small-std-gap) / 2);
	bottom: calc(var(--small-std-gap) / 2);
}

.video-slider-nav {
	margin-top: var(--small-std-gap);
}

.video-slider-nav div {
	cursor: pointer;
	position: relative;
}

.video-slider-nav div:first-child {
	transform: scaleX(-1);
	left: -10px;
}

.video-slider-nav div:last-child {
	right: -10px;
}

.video-slider-title, .gallery-video-title {
	margin: 0;
	position: absolute;
	background-color: var(--active-color);
	width: 100%;
	color: white;
	font-weight: bold;
	padding: 15px 25px;
	transform: translateY(-105%);
	text-align: right;
}

.video-slider .img-3-2:hover .video-slider-title, .gallery-item:hover .gallery-video-title {
	transform: translateY(0);
}

.video-slider iframe, .gallery-item iframe {
	position: absolute;
	border: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--medium-grey);
}

.video-slider .small-close-icon {
	position: absolute;
	right: 0;
	top: 0;
}

.video-slider iframe.hide + .small-close-icon {
	opacity: 0;
	pointer-events: none;
}

.video-slider iframe:not(.hide) + .small-close-icon {
	opacity: 1;
	pointer-events: all;
	transform: translate(100%, -100%);
}

#topics-page-sidebar .video-slider .small-close-icon {
	right: calc(-1 * var(--column-gap));
}

.colored-icon {
	width: 40px;
	height: 40px;
	background-color: var(--active-color);
	-webkit-mask-size: contain;
	mask-size: contain;
}

.play-icon {
	background-color: var(--active-color);
	width: var(--small-std-gap) !important;
	height: auto !important;
}

.with-white-outline {
	border: solid 2px white;
}

.large-icon {
	width: var(--large-std-gap);
	height: var(--large-std-gap);
	padding: 15px;
	margin-right: var(--column-gap);
}

#added-values {
	margin: var(--std-gap) 0;
}

.added-value, #telephone-date, #soe-download {
	display: flex;
	margin: var(--small-std-gap) 0;
}

.added-value > div {
	position: relative;
	top: -5px;
	width: calc(100% - var(--large-std-gap) - var(--column-gap));
}

.added-value .h3 {
	color: var(--active-color);
}

#added-values + #telephone-date, #added-values + #soe-download {
	margin-top: -25px;
}

#telephone-date > div, #soe-download > div {
	display: flex;
	align-items: center;
}

#telephone-date-box .with-lines, #contact-box .with-lines, #registration-box .with-lines, #cookie-box .with-lines {
	padding: 20px var(--box-padding) 15px var(--box-padding);
	width: calc(100% + 2 * var(--box-padding));
	position: relative;
	left: calc(-1 * var(--box-padding));
	margin: 0 0 var(--box-padding);
}

.illustration, .illustration div {
	width: 100%;
	height: 100%;
}

.illustration .containing-img {
	padding: 25px;
}

.statements {
	margin: var(--std-gap) 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--column-gap);
}

.statement {
	display: grid;
	grid-template-columns: var(--large-std-gap) 1fr;
	grid-gap: var(--column-gap);
}

.statement > * {
	grid-column: auto / span 1;
}

.statement blockquote {
	margin: 0;
}

.statement cite, .statement cite span {
	color: var(--active-color);
	font-family: 'helvetica-bold';
	margin-top: -10px;
}

.statements-slider {
	margin: var(--std-gap) 0;
}

.statements-slider .statements {
	margin: 0;
	overflow: hidden;
}

.statements-slider-source {
	display: none !important;
}

.content-limiter {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-bottom: var(--small-std-gap);
}

.content-limiter * {
	margin: 0;
}

.content-limiter p {
	margin: 25px 0 20px;
	cursor: pointer;
}

.content-limiter img, .teaser-content-arrow {
	width: 30px;
	cursor: pointer;
}

.hidden-content {
	display: none;
}

.hidden-heading {
	position: absolute;
	left: 10000px;
}

.hidden-heading + * {
	margin-top: 0 !important;
}

.gallery {
	margin: var(--std-gap) 0;
}

.gallery-chunk {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-gap: var(--column-gap);
	margin: var(--column-gap) 0;
	grid-template-areas:
		"a a b"
		"a a c"
		"d f f"
		"e f f"
	;
}

.gallery-item {
	cursor: pointer;
	overflow: hidden;
}

.gallery-item-1 {grid-area: a;}
.gallery-item-2 {grid-area: b;}
.gallery-item-3 {grid-area: c;}
.gallery-item-4 {grid-area: d;}
.gallery-item-5 {grid-area: e;}
.gallery-item-6 {grid-area: f;}

.gallery-video-title {
	text-align: left;
}

.gallery-item-2 .gallery-video-title, .gallery-item-3 .gallery-video-title, .gallery-item-4 .gallery-video-title, .gallery-item-5 .gallery-video-title {
	font-size: 0.8rem;
}

.gallery-embedded-video-close-icon {
	position: fixed !important;
	transform: translate(0, -100%);
}

.heading {
	padding: var(--lined-heading-padding-top) var(--outer-dist) var(--lined-heading-padding-bottom) var(--outer-dist);
	margin: var(--std-gap) 0;
}

.heading-with-reduced-width .heading {
	padding-left: var(--larger-outer-dist);
	padding-right: var(--larger-outer-dist);
}

.teaser-content-full {
	display: none;
}

.teaser-content-arrow {
	display: inline-block;
	margin-left: 10px;
	position: relative;
	top: 3px;
}

.teaser-content-short > hr {
	margin: 30px 0;
}

.teaser-content-short > p {
	cursor: pointer;
	margin-bottom: 0;
}

.accelerate {
	transform: translateZ(0);
	backface-visibility: hidden;
}

.small-close-icon {
	width: 40px;
	height: 40px;
	background-color: var(--active-color);
	position: relative;
	cursor: pointer;
}

.small-close-icon::before, .small-close-icon::after {
	content: '';
	display: block;
	background-color: white;
	position: absolute;
	transform: rotate(45deg);
}

.small-close-icon::before {
	width: 2px;
	height: 70%;
	top: 15%;
	left: calc(50% - 1px);
}

.small-close-icon::after {
	width: 70%;
	height: 2px;
	top: calc(50% - 1px);
	left: 15%;
}

#newsletter-template-for-popup, #book-template-for-popup {
	display: none;
}

.Campaign {
	overflow: scroll !important;
	max-height: 100vh !important;
	scrollbar-width: none !important;
}

.Campaign::-webkit-scrollbar {
	width: 0 !important;
}

#adjust-cr-data-img-wrapper {
	padding: 25px 0 0 50px;
}

#adjust-cr-data-img {
	display: block;
	width: 100%;
	height: auto;
	height: 100%;
	object-position: top;
	object-fit: cover;
}

#country-select {
	position: fixed;
	width: 100%;
	height: 100%;
	inset: 0;
	background-color: rgba(255,255,255,0.9);
	opacity: 0;
	pointer-events: none;
	z-index: 90;
}

#country-select.show {
	opacity: 1;
	pointer-events: all;
}

#country-select > div {
	width: 500px;
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	background-color: var(--orange);
	padding: var(--small-std-gap);
}

#country-select :is(h2, select) {
	color: white;
}

#country-select option {
	color: black !important;
}

#country-select button {
	color: var(--orange);
	background-color: white;
}

/* Tabellen */

table {
	margin: var(--small-std-gap) 0;
	border-collapse: collapse;
	width: 100%;
}

td {
	border: solid 1px var(--light-grey);
	padding: 10px 25px;
}

thead td {
	font-family: 'helvetica-bold';
}

/* Header / Navigation */

.logo {
	position: relative;
}

.logo::after {
	content: '';
	display: block;
	width: 0.15em;
	height: 0.15em;
	background-color: currentColor;
	position: absolute;
	right: -0.2em;
	top: 0.1em;
	border-radius: 50%;
}

header .social-media-nav, header .meta-nav, #footer-nav {
	display: flex;
	justify-content: flex-end;
}

header .social-media-nav {
	position: relative;
	top: 10px;
}

header .meta-nav {
	position: relative;
	bottom: 2px;
}

.social-media-nav a {
	background-color: var(--light-grey);
	margin-left: 20px;
}

.social-media-nav a:hover {
	background-color: var(--active-color);
}

.social-media-icon {
	width: 40px;
	height: auto;
}

header .meta-nav a, #footer-nav a {
	margin-left: 25px;
}

#header {
	margin-top: 25px;
	margin-bottom: var(--small-std-gap);
	padding: 10px 0 15px;
}

#header p, header .main-nav p {
	margin: 0;
}

#header .h2 {
	line-height: 1.25em;
	position: relative;
	top: 4px;
}

#header-inner {
	align-items: stretch;
}

#header-inner > div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

header .main-nav {
	position: relative;
}

.chrome header .main-nav .h3, .chrome header .meta-nav p, .chrome #footer-nav a, .edge header .main-nav .h3, .edge header .meta-nav p {
	position: relative;
	top: -2px;
}

header .main-nav hr {
	position: absolute;
	bottom: 9px;
	margin: 0;
	display: none !important;
}

[lang="en"] header .main-nav .h3 {
	font-size: 1.5rem;
}

#mobile-nav {
	display: none;
}

#mobile-nav > div {
	position: relative;
	top: -25px;
}

#mobile-nav-trigger {
	background-color: var(--light-grey);
	padding: 10px var(--outer-dist);
	cursor: pointer;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 80;
}

/* Formulare */

.input {
	margin: 25px 0;
	position: relative;
}

#replace-with-newsletter-form .input {
	margin: 25px 0 !important;
}

#replace-with-newsletter-form *:not([type="submit"]):not(option) {
	color: white !important;
}

label + .input {
	margin-top: 10px;
}

input, select, textarea {
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: solid 1px white;
	width: 100%;
	height: 50px;
	padding-left: 15px;
	border-radius: 0;
	background-color: transparent;
	padding-top: 3px;
}

select {
	padding-left: 10px;
}

#replace-with-newsletter-form select {
	color: white !important;
}

select + img, .input-icon {
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: none;
	height: 100% !important;
	width: auto !important;
}

::placeholder {
	opacity: 1;
	color: white;
}

.white-form-bg ::placeholder, .grey-form-bg ::placeholder {
	color: var(--dark-grey);
}

:invalid {
	box-shadow: none;
}

textarea {
	resize: vertical;
	height: 125px;
	padding-top: 10px;
}

[type="submit"] {
	background-color: white;
	color: var(--active-color);
	border: none;
	cursor: pointer;
	font-family: 'helvetica-bold';
	padding: 3px 15px 0 15px;
	text-transform: uppercase;
}

.white-form-bg [type="submit"], .grey-form-bg [type="submit"] {
	background-color: var(--active-color);
	color: white;
}

.checkbox-input {
	margin: 40px 0;
}

.checkbox-input label {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.checkbox-input label span {
	width: calc(100% - 50px);
	display: block;
}

#replace-with-newsletter-form .checkbox-input label span {
	color: white !important;
}

[type="checkbox"] {
	height: 25px;
	width: 25px;
	cursor: pointer;
}

[type="checkbox"]:checked {
	background-image: url('/wp-content/themes/kol/img/checkbox-checked.svg');
}

.white-form-bg [type="checkbox"]:checked, .grey-form-bg [type="checkbox"]:checked {
	background-image: url('/wp-content/themes/kol/img/checkbox-checked-dark.svg');
}

:focus {
    outline: none !important;
}

:-webkit-autofill {
	background-color: transparent !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px var(--active-color);
}

.white-form-bg input, .white-form-bg select, .white-form-bg textarea {
	border-color: var(--light-grey);
}

.grey-form-bg input, .grey-form-bg select, .grey-form-bg textarea {
	border-color: #c4c4c4;
}

.hide-secondary-inputs .input:not(.mail-input) {
	display: none;
}

.highlight-form {
	outline: solid 5px var(--active-color);
}

label[for] {
	font-family: 'helvetica-bold';
}

#date-time-picker {
	z-index: 94;
}

#date-time-picker form {
	background-color: var(--active-color);
	padding: 25px;
	width: 400px;
	position: relative;
}

#date-time-picker .line p {
	margin: 0;
}

.date-picker-nav {
	width: 45px;
	height: auto;
	padding: 10px;
	position: relative;
	cursor: pointer;
}

.date-picker-nav:first-child {
	left: -10px;
	transform: scaleX(-1);
}

.date-picker-nav:last-child {
	right: -10px;
}

#date-picker-calendar-body {
	margin: 25px 0;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: repeat(7, 1fr);
	grid-gap: 5px;
}

.day {
	grid-column: auto / span 1;
	text-align: center;
	background-color: rgba(255,255,255,0.25);
	margin: 0;
	font-family: 'helvetica-bold';
	padding: 8px 0 5px;
	user-select: none;
	cursor: pointer;
}

.day:empty, .weekday {
	cursor: default;
}

.weekday, .current-day {
	background-color: white;
	color: var(--active-color);
}

.day.selected {
	outline: solid 4px var(--dark-grey);
	outline-offset: -4px;
}

#date-picker-lower-part {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

#date-picker-lower-part > div {
	width: calc(100% - 75px);
}

#date-picker-lower-part > img {
	width: 50px;
	height: auto;
	margin-left: 25px;
	cursor: pointer;
}

#date-picker-lower-part .time-input {
	margin-bottom: 0;
}

#date-picker-lower-part label {
	white-space: nowrap;
}

.edge select option {
	color: black !important;
}

.optional-field {
	display: none;
}

.disableable-field.disabled {
	opacity: 0.25;
	pointer-events: none;
}

.label-above-input {
	margin-bottom: -15px;
	margin-top: 30px;
}

/* Lightbox */

#lightbox, #login-box, #telephone-date-box, #contact-box, #registration-box, #popup, #cookie-box, #mobile-nav {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.9);
	z-index: 90;
	overflow: hidden;
	overscroll-behavior: contain;
}
#registration-box {z-index: 99;overflow: hidden;background: rgba(0, 0, 0, 0.6);}
.postid-3017   #registration-box  > div{ overflow: hidden;}
#lightbox {background-color: rgba(0,0,0,0.9);}
#lightbox-prev, #lightbox-next {position: absolute;top: calc(50% - 25px);cursor: pointer;width: 40px;}
#popupLink{cursor:pointer}
#lightbox-prev, #lightbox-next, #lightbox .close, .invert-texts ul li::before, .invert-texts .points-icon, a:hover .social-media-icon, .invert-texts textarea
{filter: brightness(1000);}

#lightbox-prev {
	transform: rotate(-180deg);
	left: 25px;
}

#lightbox-next {
	right: 25px;
}

#lightbox-img {
	position: absolute;
	width: calc(100% - 200px);
	left: 100px;
	height: calc(100% - 200px);
	top: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#lightbox-img > img, #lightbox-img > iframe {
	object-position: center bottom;
	object-fit: contain;
	flex-grow: 1;
	max-height: 100%;
}

#lightbox-img > iframe, .lightbox-video #lightbox-img > img {
	display: none;
}

.lightbox-video #lightbox-img > iframe {
	display: block;
}

#lightbox-img > iframe {
	border: none;
}

#lightbox-img p {
	color: white;
	margin: 50px 0 0;
	text-align: center;
}

.lightbox-only-one-img #lightbox-prev, .lightbox-only-one-img #lightbox-next {
	display: none;
}

/* Startseite */

#main-page-header {
	background-color: var(--active-color);
	margin: var(--large-std-gap) 0 var(--small-std-gap);
	text-align: right;
	position: relative;
}

#main-page-header .col-1-2:last-child {
	padding: var(--std-gap) 0;
}

#main-page-header p {
	margin: 0;
}

#main-page-header .max-width img {
	position: absolute;
	bottom: 0;
	width: auto;
	height: calc(100% + var(--small-std-gap));
	filter: drop-shadow(-50px 0 25px rgba(0,0,0,0.2)) drop-shadow(-10px 0 10px rgba(0,0,0,0.2));
	-webkit-clip-path: polygon(-100% -50%, 100% -50%, 100% 100%, -100% 100%);
	clip-path: polygon(-100% -50%, 100% -50%, 100% 100%, -100% 100%);
	transform: translateX(20%);
}

.safari #main-page-header .max-width img {
	-webkit-clip-path: none;
	clip-path: none;
	filter: unset;
}

#main-page-header-buttons, #main-page-header-text {
	width: 115%;
	position: relative;
	left: -15%;
}

#main-page-header-text {
	display: flex;
	gap: var(--small-std-gap);
	margin: var(--small-std-gap) 0;
}

#main-page-header-text-play {
	background-color: white;
	width: var(--std-gap);
	height: var(--std-gap);
	flex-shrink: 0;
	position: relative;
	cursor: pointer;
}

#main-page-header-text-play img {
	width: 100% !important;
	height: 100% !important;
	display: block;
	position: absolute;
	transform: translate(0) !important;
	filter: none !important;
}

#main-page-header-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: flex-end;
}

#main-page-header button {
	margin: 0;
}

#main-page-header-smartphone-img {
	display: none;
}

#main-page-header.has-banner-above .max-width img {
	height: 95%;
	transform: translateX(30%);
}

#header-banner {
	margin-top: var(--small-std-gap);
}

#header-banner + #main-page-header {
	margin-top: 0;
}

#header-banner, #header-banner img {
	display: block;
	width: 100%;
	height: auto;
	cursor: pointer;
}

#header-banner img:last-of-type {
	display: none;
}

#flag-teaser-wrapper {
	position: absolute;
	width: 280px;
	top: 70px;
	display: flex;
	flex-direction: column;
	gap: 25px;
}

#flag-teaser-wrapper img {
	width: 100%;
	height: auto;
	transform: rotate(10deg) translateX(-17%);
}

.topic-teaser {
	padding: var(--box-padding);
}

.topic-teaser .h2 {
	margin-bottom: 35px;
}

.topic-teaser .h3 {
	margin-top: var(--box-padding);
}

#book-teaser button, .date button {
	margin-top: 10px;
}

#book-teaser button {
	margin-bottom: 10px;
}

#webtool-teaser .col-1-2:last-child {
	padding: calc(var(--box-padding) - 10px) var(--box-padding) var(--box-padding) 0;
}

#webtool-teaser .col-1-2:last-child img {
	width: 90px;
	height: 90px;
	background-color: var(--active-color);
	margin-right: 25px;
}

#webtool-teaser h2 {
	margin: 0;
}

#soe-form {
	margin: 40px 0;
}

#soe-main-page .col-1-2 > p {
	margin-bottom: 0;
}

#soe-main-page button + p {
	margin: 0;
}

#blog-posts-teaser {
	padding: var(--box-padding);
}

#blog-posts-teaser a h2 {
	margin-top: 0;
}

#blog-posts-teaser .img-2-1 {
	width: calc(100% + 2 * var(--box-padding));
	left: calc(-1 * var(--box-padding));
	margin: var(--box-padding) 0;
}

#current-blog-posts-teaser a::after, .seo-issue::after {
	content: '';
	display: block;
	width: var(--box-padding);
	height: 1px;
	background-color: var(--medium-grey);
}

#current-blog-posts-teaser a:last-of-type::after, .seo-issue:last-of-type::after {
	display: none;
}

#current-blog-posts-teaser h3 {
	margin-top: -15px;
}

#popular-blog-posts-teaser {
	margin: var(--box-padding) 0;
}

#popular-blog-posts-teaser a {
	display: flex;
	align-items: flex-start;
	margin-bottom: 35px;
}

#popular-blog-posts-teaser span {
	color: white;
	font-family: 'bebas';
	background-color: var(--active-color);
	width: 50px;
	height: 50px;
	margin-right: 25px;
	text-align: center;
	font-size: 2rem;
	padding-top: 7px;
}

#popular-blog-posts-teaser h3 {
	margin: 0;
	width: calc(100% - 75px);
}

#mainpage-top-teaser {
	margin: var(--small-std-gap) 0;
	background-color: var(--light-grey);
	display: block;
}

#mainpage-top-teaser .col-1-3 img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
	border-right: solid 5px white;
}

#mainpage-top-teaser .col-2-3 {
	padding: var(--small-std-gap);
}

#mainpage-top-teaser h2 {
	color: var(--orange);
}

#mainpage-top-teaser button {
	margin-top: 10px;
}

#newsletter-registration {
	background-color: var(--orange);
	overflow: hidden;
	margin: var(--std-gap) 0;
	padding: var(--small-std-gap) 0;
}

#newsletter-registration * {
	color: white;
}

#newsletter-registration option, #replace-with-newsletter-form option {
	color: black !important;
}

#newsletter-illustration {
	width: 100%;
	height: auto;
	position: absolute;
	transform-origin: 0 0;
	transform: scale(1.2) translateX(10%);
}

#newsletter-registration [type="submit"] {
	color: var(--orange);
}

#newsletter-registration .checkbox-input {
	margin: 20px 0;
}

#newsletter-form-required {
	margin-bottom: 0;
}

#replace-with-newsletter-form .cols {
	display: block;
}

#replace-with-newsletter-form .checkbox-input label span {
	line-height: 1.5em !important;
}

#replace-with-newsletter-form form {
	margin: -20px 0 -20px !important;
}

#replace-with-newsletter-form input, #replace-with-newsletter-form select {
	font-size: 1rem;
}

#main-page-header-2024 {
	--main-page-header-2024-padding: var(--large-std-gap);
	background-color: var(--orange);
	width: 100%;
	position: relative;
	height: calc(100svh - var(--full-header-height) - var(--large-std-gap));
	margin: var(--large-std-gap) 0 var(--small-std-gap);
}

#main-page-header-2024-imgs {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	overflow: hidden;
}

#main-page-header-2024-imgs img {
	position: absolute;
	width: auto;
	height: 100%;
	top: 0;
	right: 0;
	-webkit-mask-image: linear-gradient(to right, transparent 0, black 40%);
	mask-image: linear-gradient(to right, transparent 0, black 40%);
	opacity: 0;
}

[data-index="0"] #main-page-header-2024-imgs img:nth-child(1), 
[data-index="1"] #main-page-header-2024-imgs img:nth-child(2), 
[data-index="2"] #main-page-header-2024-imgs img:nth-child(3), 
[data-index="3"] #main-page-header-2024-imgs img:nth-child(4), 
[data-index="4"] #main-page-header-2024-imgs img:nth-child(5), 
[data-index="5"] #main-page-header-2024-imgs img:nth-child(6), 
[data-index="6"] #main-page-header-2024-imgs img:nth-child(7), 
[data-index="7"] #main-page-header-2024-imgs img:nth-child(8), 
[data-index="8"] #main-page-header-2024-imgs img:nth-child(9), 
[data-index="9"] #main-page-header-2024-imgs img:nth-child(10) {
	opacity: 1;
}

#main-page-header-2024-content {
	position: absolute;
	width: calc(100% - 3 * var(--main-page-header-2024-padding));
	height: calc(100% - 2 * var(--main-page-header-2024-padding));
	top: var(--main-page-header-2024-padding);
	left: calc(var(--main-page-header-2024-padding) * 1.5);
}

#main-page-header-2024-texts {
	position: relative;
	width: 33%;
}

#main-page-header-2024.narrow-main-part #main-page-header-2024-texts {
	width: 50%;
}

#main-page-header-2024.very-narrow-main-part #main-page-header-2024-texts {
	width: 65%;
}

#main-page-header-2024.very-narrow-main-part {
	--main-page-header-2024-padding: calc(var(--large-std-gap) * 0.8);
}

#main-page-header-2024-texts > div {
	position: absolute;
	top: 0;
	opacity: 0;
}

[data-index="0"] #main-page-header-2024-texts > div:nth-child(1), 
[data-index="1"] #main-page-header-2024-texts > div:nth-child(2), 
[data-index="2"] #main-page-header-2024-texts > div:nth-child(3), 
[data-index="3"] #main-page-header-2024-texts > div:nth-child(4), 
[data-index="4"] #main-page-header-2024-texts > div:nth-child(5), 
[data-index="5"] #main-page-header-2024-texts > div:nth-child(6), 
[data-index="6"] #main-page-header-2024-texts > div:nth-child(7), 
[data-index="7"] #main-page-header-2024-texts > div:nth-child(8), 
[data-index="8"] #main-page-header-2024-texts > div:nth-child(9), 
[data-index="9"] #main-page-header-2024-texts > div:nth-child(10) {
	opacity: 1;
}

#main-page-header-2024-texts > div > *:last-child {
	margin-bottom: 0;
}

#main-page-header-2024-texts h1 {
	background-color: transparent;
	color: var(--orange);
	line-height: 1em;
	display: flex;
	flex-direction: column;
	gap: 0.1em;
	margin: 0 0 var(--std-gap) 0;
	padding: 0;
}

#main-page-header-2024.narrow-main-part #main-page-header-2024-texts h1 {
	font-size: 4rem;
	margin-bottom: calc(var(--small-std-gap) * 0.75);
}

#main-page-header-2024-texts h1 span {
	display: inline-block;
	background-color: white;
	padding: 0.1em 0.2em;
	width: fit-content;
	white-space: nowrap;
}

#main-page-header-2024-texts h1 span:first-child {
	translate: -1ch 0;
}

#main-page-header-2024-texts p {
	color: white;
}

#main-page-header-2024.narrow-main-part #main-page-header-2024-texts p br {
	display: none;
}

#main-page-header-2024-buttons {
	display: flex;
	gap: calc(var(--small-std-gap) / 2);
	position: absolute;
	bottom: 0;
}

#main-page-header-2024-buttons button {
	background-color: white;
	color: var(--orange);
	margin: 0;
	white-space: nowrap;
}

#main-page-header-2024-buttons button span, .main-page-header-2024-overlay h2 span, #main-page-header-2024-epm-text p span {
	font-size: 50%;
	display: inline-block;
	margin-left: 0.25em;
	line-height: 0;
	position: relative;
	top: -0.75em;
}

#main-page-header-2024-play {
	position: absolute;
	background-color: white;
	width: var(--std-gap);
	height: var(--std-gap);
	cursor: pointer;
	right: 0;
	bottom: 0;
}

#main-page-header-2024-play img {
	display: block;
	width: 100%;
	height: 100%;
}

.main-page-header-2024-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: rgba(255, 82, 41, 0.75);
	pointer-events: none;
	-webkit-clip-path: inset(-25% 100% 0 0);
	clip-path: inset(-25% 100% 0 0);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	padding: var(--main-page-header-2024-padding) calc(var(--main-page-header-2024-padding) * 1.5);;
}

[data-overlay="vortraege"] [data-type="vortraege"], 
[data-overlay="vorstandsdiskussionen"] [data-type="vorstandsdiskussionen"], 
[data-overlay="enterprise-progress-management"] [data-type="enterprise-progress-management"] {
	pointer-events: all;
	-webkit-clip-path: inset(-25% 0 0 0);
	clip-path: inset(-25% 0 0 0);
}

.main-page-header-2024-overlay-header, #main-page-header-2024-discussions-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: var(--std-gap);
}

.main-page-header-2024-overlay-header h2 {
	background-color: white;
	color: var(--orange);
	width: fit-content;
	padding: 0.1em 0.25em;
	margin: 0;
}

.main-page-header-2024-overlay-header img {
	width: calc(var(--small-std-gap) * 0.5);
	filter: brightness(100);
	cursor: pointer;
}

#main-page-header-2024-lectures {
	display: grid;
	grid-template-columns: 1fr 1fr 2px min-content;
	gap: var(--large-std-gap);
}

.main-page-header-2024-lecture h2 {
	color: white;
	margin: 0 0 var(--small-std-gap);
	white-space: nowrap;
}

.main-page-header-2024-lecture-img {
	position: relative;
}

.main-page-header-2024-lecture-img > img:first-child, .main-page-header-2024-discussion img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	filter: grayscale(100%);
	object-fit: cover;
	object-position: center;
	transition: filter 0.3s ease;
}

.main-page-header-2024-lecture-img > img:first-child:hover, .main-page-header-2024-discussion:hover img {
	filter: grayscale(0);
}

#main-page-header-2024.narrow-lectures-part .main-page-header-2024-lecture-img > img:first-child, #main-page-header-2024.narrow-discussions-part .main-page-header-2024-discussion img {
	aspect-ratio: 2 / 1;
}

.main-page-header-2024-lecture-img .play-icon {
	position: absolute;
	right: calc(var(--small-std-gap) / 2);
	bottom: calc(var(--small-std-gap) / 2);
	cursor: pointer;
}

.main-page-header-2024-lecture button {
	color: var(--orange);
	background-color: white;
	margin: 0;
	translate: calc(var(--small-std-gap) / 2) -50%;
}

#main-page-header-2024-lecture-divider {
	width: 2px;
	height: 100%;
	background-color: white;
}

#main-page-header-2024-lecture-buttons {
	width: fit-content;
	display: flex;
	flex-direction: column;
	gap: calc(var(--small-std-gap) / 2);
	align-items: start;
}

#main-page-header-2024-lecture-buttons button {
	margin: 0;
	white-space: nowrap;
	color: var(--orange);
	background-color: white;
}

#main-page-header-2024-discussions-line * {
	color: white;
	margin: 0;
}

#main-page-header-2024-discussions-line p {
	white-space: nowrap;
	display: flex;
	gap: 0.5em;
}

#main-page-header-2024-discussions-line img {
	filter: brightness(100);
	width: 25px;
	height: auto;
}

#main-page-header-2024-discussions {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: var(--small-std-gap);
	translate: 0 calc(var(--small-std-gap) * -1);
}

.main-page-header-2024-discussion button {
	margin: 0;
	color: var(--orange);
	background-color: white;
	z-index: 5;
	position: relative;
}

.main-page-header-2024-discussion button:first-of-type {
	translate: calc(var(--small-std-gap) / 2) 50%;
}

.main-page-header-2024-discussion button:last-of-type {
	translate: calc(var(--small-std-gap) / 2) -50%;
}

#main-page-header-2024-epm-text {
	position: absolute;
	bottom: var(--main-page-header-2024-padding);
	width: 35%;
}

#main-page-header-2024.narrow-epm-part #main-page-header-2024-epm-text {
	width: 60%;
}

#main-page-header-2024-epm-text p {
	color: white;
	font-family: 'helvetica';
	text-wrap: balance;
}

#main-page-header-2024-epm-text button {
	color: var(--orange);
	background-color: white;
	margin-bottom: 0;
}

#ipm-graphic {
	position: absolute;
	height: 90%;
	width: auto;
	right: 5%;
	top: 7.5%;
	pointer-events: none;
}

/* Thema */

#topics-header, #offer-header {
	margin: var(--std-gap) 0 var(--large-std-gap);
	position: relative;
	height: var(--header-img-height);
	border-bottom: solid 10px var(--active-color);
}

#topics-header .blurred-img-bottom + .cols, #offer-header .blurred-img-bottom + .cols {
	padding-top: var(--header-padding-top, 0);
}

#topics-header .img-1-1 {
	background-color: var(--active-color);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: calc(100% - 2 * var(--column-gap));
	z-index: 10;
}

#topics-header .img-1-1 img {
	width: 80%;
	height: 80%;
}

#topics-header h1, #offer-header h1 {
	position: relative;
	top: -9px;
	left: 0;
	transition: all 0.6s ease;
}

#topics-header h2, #offer-header h2 {
	color: white;
	margin-bottom: 55px;
	text-shadow: 0 0 25px rgba(0,0,0,0.25);
}

#topics-header > img, #offer-header > img, .blurred-img-bottom {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	filter: grayscale(1) brightness(0.95);
	-webkit-clip-path: inset(0 0);
	clip-path: inset(0 0);
}

#offer-header.colored > img, #offer-header.colored .blurred-img-bottom {
	filter: none;
}


.banner-video .wp-video {
	width: 100vw !important;
}
.banner {
	padding: 160px 35px 70px;
	margin-top:50px;
	position:relative;
}
.banner-background {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background:#000;
	overflow:hidden;
}
.banner-background::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #00000045;
	top: 0;
	left: 0;
}
.banner-background img {
	height: 100%;
	opacity:0.8;
}

.banner .max-width {
	padding-bottom: 330px;
}
.white-bg-text {
	background: #fff;
	color: #ff5229;
}
.banner h3.strong {
	color: #fff;
	font-size: 51px;
	font-weight: 600 !important;
	font-family: 'helvetica';
}
.banner h3:not(.strong){
		color: #fff;
	font-size: 43px;
	font-family: 'helvetica';
}
#banner-play-btn {
	max-width: 100px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.pad-100 {
	padding: 170px 35px;
}
.text-orange {
	color: #ff5229;
}
.main-hd {
	margin-top: 0px;
	font-size: 72px;
	line-height: normal;
}
.subheading.text-orange {
	font-size: 20px;
	font-family: 'helvetica';
	font-weight: 400;
}
.text-wrapper p {
	font-size: 20px;
	color: #3a322b;
	line-height: 32px;
	margin-top:0px;
}
.text-wrapper p:last-child {
	margin-bottom: 0px;
}
.h2.mb-8 span {
	display: block;
}
.heading-style-2 .text-orange {
	display: block;
}
.flex-row-70 {
	display: flex;
	gap: 70px;
	flex-wrap: wrap;
}
.flex-row-40 {
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
}
.col-50 {
  width: calc(100% / 2 - 35px);
}
.inner-wrapper {
	background: #f1f1f1;
	padding: 30px;
	margin-top: 40px;
}
.heading-style-3 {
	margin-top: 0px;
	font-size: 31px;
	text-transform: uppercase;
	font-family: 'bebas';
}
.list-style li::before {
	background: #ff5229;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	content: "";
	top: 10px;
}
.umsetzung-section .h2 {
	margin-top: 0px;
}
.list-style {
  list-style: none;
	margin-bottom:0px;
}
.list-style li:not(:last-child) {
  margin-bottom: 15px;
}
.list-style li {
  margin-bottom: 15px;
  color: #3a322b;
	font-size: 20px;
}
.col-40 {
	width: calc(40% - 36px);
}
.col-60 {
	width:  calc(60% - 36px);
}
.trailer-image-wrapper .play-btn {
	max-width: 95px !important;
	margin-left: -50px;
	margin-bottom:-30px;
}
.trailer-image-wrapper img.trailer {
	max-width: 70%;
	margin-top: -80px;
	margin-bottom: 20px;
}
.trailer-image-wrapper {
	display: flex;
	align-items: flex-end;
}
.image-wrapper.full-image img {
	width: 41vw;
	margin-left: calc(-41vw + 522px);
}
.umsetzung-section .col-50 {
	width: calc(100% / 2 - 20px);
}
.bg-pattren-section {
	background-image: url('https://kolbusa.de/wp-content/uploads/2024/07/lines-bg.png');
	background-repeat: no-repeat;
}
.h2.mb-8 {
	margin-bottom: 80px;
	margin-top:25px;
}
.trailer-image-wrapper + .heading-style-3.text-orange {
	margin-top: 30px;
	margin-bottom: 5px;
}
.flex-row-70 .col-70 {
	width: calc(70% - 35px);
}
.flex-row-70 .col-30 {
	width: calc(30% - 35px);
}
.flex-row-40 .col-70 {
	width: calc(70% - 20px);
}
.flex-row-40 .col-30 {
	width: calc(30% - 20px);
}
.mt-0{
	margin-top:0;
}
.person-section h4 {
	font-size: 1.8rem;
	line-height: 1.2em;
	font-family: 'helvetica-bold';
	font-weight: normal;
	margin-top: 0px;
}
.right-col .image-wrapper.full-image img {
	margin-left: auto;
}

.play-btn{
	cursor:pointer;
}
.trailer-image-wrapper .play-btn#konsequenz-play-btn {
	margin-left: auto;
	margin-right: -50px;
	z-index: 1;
}
.trailer-text h3 {
	margin-bottom: 10px;
	margin-top: 20px;
}
.popup-wrapper {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.9);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding:4vw;
	z-index:99;
}
.popup-wrapper iframe {
	width: 100%;
	max-width: 70vw;
	height: 40vw;
}
.popup-wrapper .close-btn {
	position: absolute;
	right: 40px;
	top: 20px;
	max-width: 21px;
	z-index: 11;
	filter: brightness(100);
	cursor:pointer;
}
.right-col .trailer-text {
	width: max-content;
	margin-left: 220px;
}

.bg-orange {
	background-color: #ff5229;
}
.bg-orange *, .bg-orange p {
	color: #fff;
}
.pad-90 {
	padding: 90px 35px;
}
.mt-0{
	margin-top:0 !important;
}
.matthias-section.bg-pattren-section {
	background-position: left top 50px;
}
.bg-orange.bg-pattren-section{
	background-image:url('https://kolbusa.de/wp-content/uploads/2024/07/orange-bg-pattren.png')
}
.matthias-section .flex-row-40 {
	margin: 110px 0px 80px;
}

#publications-and-media-without-slider {
  display: flex;
  gap: 30px;
}
#publications-and-media-without-slider a {
  flex: 1;
  line-height: 0px;
  position: relative;
	overflow:hidden;
}
#publications-and-media-without-slider a img {
  height: 290px;
}
#publications-and-media-without-slider a p {
  background-color: var(--orange);
  color: white;
  font-family: 'helvetica-bold';
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 75%;
  margin: 0;
  left: 100%;
  translate: -70% 100%;
  transform-origin: 0 0;
  rotate: -45deg;
  font-size: 17px;
  padding: 4px;
}
#publications-and-media-media-logos.four-column-slider {
	--count: 4;
}
.pad-90.pt0 {
	padding-top: 0px;
}
.management-section .heading-style-2 {
	margin-top: 0;
	padding-top: 15px;
	margin-bottom: 80px;
}

/****  Start 2/3/2025 ****/
.header-banner {padding: 15px 10px;position:relative;margin:80px 0px;}
.container-1410 {max-width: 1410px;margin: auto;}
.header-banner h2 {font-size: 48px;line-height: normal;margin-top: 0;margin-bottom: 40px;}
.header-banner .container-1410{display: flex;gap: 50px;height:800px;}
.image-field {position: absolute;right: 0;max-width: 1226px;max-height: 800px;}
.header-banner h1 {background: transparent;font-size: 43px;line-height: 57px;color: #ffffff;font-family: "Helvetica";padding-left:0px;padding-right:0px !important;margin-top:30px;}

.text-white{color:#fff;}

.header-banner .text-field {
	max-width: 65%;
	min-width: 65%;
	position: relative;
	z-index: 1;
	padding: 80px 70px 80px 0;
	height: max-content;
	margin: 80px 0 auto;
	max-height: 800px;
}
.header-banner .text-field::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #ff5228;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -10px;
	z-index: -1;
	opacity: 1;
	background: linear-gradient(90deg, rgba(255,82,41,1) 33%, rgba(255,47,41,0.8) 98%);
}

/* .header-banner .text-field::after {
	content: "";
	position: absolute;
	width: calc(50% - 4px);
	height: 100%;
	background: #ed3d12;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 10px;
	z-index: -1;
	opacity: 0.8;
} */
.header-banner .text-field-wrapper {max-width: 780px;margin-left: auto;padding-right: 50px;}
.header-banner .container-1410 {max-width: 1900px;}
.kv-text-absolute {background: #fff;padding: 20px 40px 20px 20px;position: absolute;left: calc(100% - 80px);min-width: 500px;bottom: -50px;}
.decor {filter: grayscale(1);}
.flex-row.videos-wrapper {margin-top: 60px;align-items: flex-end;border-top: 1px solid #9999;padding-top: 50px;}
.trans.mt-50{margin-top:50px !important}
.kv-text-absolute p {margin-top: 0px;margin-bottom:10px; color: #95918e}
.kv-text-absolute .icon-box {background: #ff5229;padding: 10px;position: absolute;right: -20px;top: -20px;width: 65px;height: 65px;display: flex;justify-content: center;align-items: center;}
.kv-text-absolute .icon-box img {min-width: 45px;}
.kv-text-absolute h3 {margin: 0px;text-transform: uppercase;font-size: 1.5rem;}
.card {width: calc(100% / 2 - 15px);background: #f1f1f1;padding: 30px;}
.flex-row {display: flex;flex-wrap: wrap;gap: 30px;}
.card .card-icon {max-width: 60px;margin-bottom: 10px;}
.card p:last-child {margin-bottom: 0px;}
.header-banner h1 strong {font-size: 58px;line-height: 67px;}
.vorstand-section.bg-pattren-section {background-repeat: no-repeat;background-size: 62% 150px;}
.vorstand-section .h2.mb-8 {margin-bottom: 60px;}
.mb-0{margin-bottom:0px;}
.container-1100 {max-width: 1100px;margin: auto;}
.bg-light-orange {background: #ffe3dd;}
.mt-100{margin-top:100px}
.mt-80{margin-top:80px}
.new-termine-section .date input.event-checkbox {width: 30px;height: 30px !important;border: 2px solid #dedede;border-radius: 5px;padding: 4px; cursor:pointer}
.new-termine-section .date.cols .grey-bg {margin-left: 25px;width: 100%;display: flex !important;}
.new-termine-section .grey-bg .col-1-2 {width: 100%;}
.new-termine-section .date.cols {display: flex;margin: 0px;width: calc(100% / 2 - 40px);}
.new-management-section .col-50.what-you-take-with-you {display: flex;}
.pt0 {padding-top: 0px !important;}
.new-termine-section .flex-row{gap:80px;}
.new-termine-section .grey-bg .col-1-2:first-child {max-width: 169px;}
.new-termine-section h2.text-orange {font-size: 30px;line-height: 40px;margin-bottom: 15px !important;}
.new-termine-section .date .col-1-2:last-child {padding: 25px;}
.new-termine-section .date p {margin-top: 0px;}
.new-statements-section {margin: 0px !important;display: flex;position:relative;}
.new-statements-section blockquote {margin: 0;background: #f1f1f1;padding: 30px;margin-bottom: 50px;min-height: 300px;}
.statement-authors {display: flex;align-items: center;gap: 20px;margin-left:20px;}
#statements.pt0 {padding-top: 0px;}
.statement-authors cite{margin-bottom:0px;}
.new-publication-and-media #publications-and-media-publications,  
.new-publication-and-media #publications-and-media-media-logos {--count: 6;container-type: inline-size;overflow: hidden;white-space: nowrap;}
.new-publication-and-media #publications-and-media-nav {display: none !important;}
.swipers-buttons {position: relative;max-width: 100px;margin-bottom: 60px;margin-left: auto;margin-right: auto;}
.swipers-buttons div[role="button"] {width: 34px;height: 34px;background: transparent;border: 2px solid #ff5229;padding:0px !important	}
.swipers-buttons .swiper-button-next::after, .swipers-buttons .swiper-button-prev::after {background-image: url('https://kolbusa.de/wp-content/uploads/2025/02/triangle-sharp-solid-orange.svg');color: transparent !important;background-repeat: no-repeat;background-position: center;background-size: 15px;padding: 0px !important;width: 100%;height: 100%;}
.new-statements-section .swiper-button-next::after,  .new-statements-section .swiper-button-prev::after {color: #ff5229;font-size: 19px;}
.new-statements-section .swiper-button-prev{transform: rotate(180deg);}
.new-termine-section [type="checkbox"]:checked, .new-termine-section [type="radio"]:checked {background-image: url('/wp-content/themes/kol/img/checkbox-checked.svg');background-color: #ff5229;border: 2px solid #ff5229 !important;}
.mt0{margin-top:0px;}
.text-button {display: flex;gap: 20px;color: #fff;font-size: 30px;font-family: 'helvetica';align-items:flex-start;}
.text-button img {max-width: 24px;margin-top: 4px;}
.event-banner .col-50 {margin-left: auto;max-width: 640px;}
.text-wrapper p.text-light-gray {color: #a19d9b ;}
.person-section.bg-light-orange .col-70 {display: flex;align-items: center;}
.new-statements-section img{max-width:100px}
.pad-100.person-section {padding-top: 100px;padding-bottom: 100px;}
.new-vorstand-section{padding-bottom:150px; padding-left:35px; padding-right:35px;}
.pad-100.person-section.bg-light-orange .col-30 {width: calc(26% - 35px);}
.new-management-section .heading-style-3 {font-family: 'helvetica-bold';font-weight: normal; text-transform:unset;}
.management-text {max-width:650px;margin-left:auto;}
.new-management-section .checklist li {margin-bottom: 15px;font-size: 20px;line-height: 32px;}
.flex-card {padding: 65px;}
.flex-cards {gap: 30px;display: flex;flex-wrap: wrap;}
.bg-orange-1 {background: #ffe4ba;}
.bg-orange-2 {background: #ffc263;}
.bg-orange-3 {background: #ff890b;}
.flex-1 {flex: 1; text-align:center}
.big-text:not(.text-white) {font-size: 80px;color: #ff5229;margin-top: 0px;}
.flex-cards h5 {font-size: 20px;line-height: normal;margin-bottom: 0px;font-family: 'helvetica-bold';font-weight: normal;}
.flex-cards h5:not(.text-white){color: #ff5229;}
.bg-orange-3 {padding-left: 25px;padding-right: 25px;flex: 7; text-align:center;}
.bg-orange-3 .big-text {font-size: 55px;line-height: normal;margin-top: 0px;}
.flex-cards .icon img {min-width: 55px;max-width: 55px;}
.flex-cards .full-width {background: #ff5229;padding: 30px;}
.flex-row-70 .col-70 {width: calc(74% - 35px);}
.event-banner {padding: 50px 35px;background: ;background: url('https://kolbusa.de/wp-content/uploads/2025/04/banner-image-new.jpg');background-repeat: no-repeat;background-size: cover;margin: 100px 0px;}
.event-banner > .container-1410{background:unset !important}
.new-host-section {padding-left: 35px !important;padding-right: 35px !important;width: 100% !important;max-width: 100%;left: auto !important;min-width: unset !important;}
.trans.host-image {margin-bottom: -100px;display: block;margin-top: -8px;width: calc(100% + 50px);margin-right: -40px !important;margin-left: 40px;}
/*** Slider ***/
.slider { flex-direction: row; align-items: center; display: flex; overflow: hidden; position: relative; height: 100px; --animationspeed: 45s; --animationdelay: calc(var(--animationspeed) / 2);}
.slider img.h-50 { height: 50px;}
.slide-track { flex-shrink: 0; position: absolute; animation-name: slidelogo; animation-duration: var(--animationspeed); animation-timing-function: linear; animation-iteration-count: infinite; min-width: 100%; display: flex; justify-content: space-around;}
.slide-track {grid-column-gap: 70px;grid-row-gap: 70px;justify-content: flex-start;place-items: center;padding-left: 35px;padding-right: 35px;display: flex}
.slide-track.delay {transform: translateX(100%);animation-name: slidelogo2;}
.slide-track img {animation: fade-in 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;}
.slider img {height: 80px;max-width: 240px;object-fit: contain;}
.flex-cards .full-width{align-items:center;}
.flex-cards .full-width .text-white {flex: 1;margin: 0px;}
.person-section.bg-light-orange h4 {font-size: 30px; line-height:40px;}
.flex-cards .full-width h3 {font-size: 27px;line-height: normal;}
.trans.button-white {background: #fff;color: var(--active-color);margin: 0px;}
.videos-wrapper .text-wrapper {width: 100%;}
.videos-wrapper .text-wrapper .text-white {color: #fff;}
.new-host-section#host img {filter: unset !important; margin-bottom: -100px !important; margin-top: 50px;}
.statement-authors .image-wrapper {min-width: 90px;}
.accordion-section-title button.accordion-trigger {height: auto !important;}
.button-white.bannerButton {padding-left: 0px;margin-top: 10px;}
.content-block > :last-child,
.weak-content-block > :last-child {margin-bottom: 0 !important;margin-top: 0px;}
#registration-box input[type="checkbox"]:checked {background-image: url('/wp-content/themes/kol/img/checkbox-checked.svg') !important;}
.postid-3017 .what-you-take-with-you {display: flex;}
.postid-3017 .submitted-message, .postid-3017 .submitted-message p, .postid-2798 .submitted-message p {color: #fff;margin: 0px 0px 14px;}
.postid-3017 .submitted-message  a, .postid-3017 .submitted-message p a, .postid-2798 .submitted-message p a {text-decoration: underline;}
div#registration-box > div {overflow-x: hidden;}
.postid-2798 .submitted-message {background: #646464;padding: 0;margin-top: -80px;z-index: 9;position: relative;}
.host-section .offer-main-content-heading h2 {max-width: 1410px;margin-left: auto;margin-right: auto;}
.host-section .col-1-3 img {margin-bottom: -100px;margin-top: 49px;}
.host-section .col-1-3 img{filter:unset !important}
.all-event-row p {display: flex;align-items: flex-start;gap: 10px; line-height:32px;}
.all-event-row p img {max-width: 24px; margin-top:5px;}
.all-event-row {margin-top: 0px; display:flex; margin-bottom:0px;}
.current-event-left {padding: 45px;background: rgba(255, 228, 186, 0.8);flex: 1;}
.all-event-row h4 {margin-top: 0px;font-size: 48px;line-height: 50px;color: #ff5229;font-family: 'bebas';margin-bottom: 20px;}
.all-event-row .trans {margin: 0px;}
.event-orange-text {display: block;color: #ff5229;margin-top: 20px;font-weight: 800;font-size: 20px;margin-bottom: 20px;}
.text-white .big-text {font-size: 30px !important;font-weight: 800;color: #fff !important;line-height: 30px;margin-bottom: 20px !important;display: block;}
.text-white .text-small {font-size: 1.2rem;}
.current-event-right {padding: 45px;flex: 1;background: #fff2de; display:flex;flex-wrap:wrap; align-items:center}
.current-event-right .text-orange {margin-top: 0px;font-weight: 800;margin-bottom: 10px;}
.current-event-fee .bold-text {margin: 0px 0px 10px;color: #95918d;font-weight: 800;line-height: normal;font-size: 1.89rem;}
.current-event-fee .small-text {color: #3a322b;margin: 0px 0px;}
#registration-box .frankurt-hd.text-heading.hamburg-heading.binding-text {
	display: none !important;
}
#registration-box.frankurt-form .frank-text-hide.text-heading.hamburg-heading.binding-text {
	display: none !important;
}
#registration-box.frankurt-form .frankurt-hd.text-heading.hamburg-heading.binding-text {
	display: block !important;
}
.frankurt-hd .frank-text {display: block;}


@keyframes slidelogo {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes slidelogo2 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}


/***  End 2/3/2025 **/

.banner-sub-text {
	color: #ff5229 !important;
	font-size: 20px;
	line-height: normal;
	border-bottom: 1.5px solid #95918e;
	padding-bottom: 15px;
	margin-bottom: 15px !important;
	width: calc(100% - 50px);
}
 .banner-btn {
	display: inline-block;
	background-color: var(--active-color);
	color: white;
	font-family: 'bebas';
	font-size: 2rem;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
	margin: 25px 0;
}

.postid-2798 .hide-on-vorstandsdiskussionen {
    display: none !important;
}


@media (min-width: 1200px){
.pb-100 {padding-bottom:100px}
}
@media (max-width:1500px){
.testimonial-section .container-1410 > h2 {margin: 0px;padding-left: 35px;padding-right: 35px;}	
.image-field {max-width: 1129px;height: 800px;min-width: 1129px;}
.banner-image {height: 100%;object-fit: cover;}	
.host-section .with-lines.content-block {padding-left: 35px;padding-right: 35px !important;width: 100%;margin-left: auto !important;left: 0;right: 0;margin-right: auto !important;max-width: 100% !important;}
.host-section .container-1410{padding-left:35px; padding-right:35px;}	
.host-section {padding-left:0px !important;padding-right:0px !important; width: 100% !important;left: 0px !important;}	
}


@media (max-width:1400px){
.header-banner h1 {font-size: 33px;line-height: 47px;}
.bg-orange-3 .big-text {font-size: 29px;}	
.header-banner h1 strong {font-size: 48px;line-height: 57px;}
.header-banner .text-field {max-width: 65%;padding: 60px 60px 60px 20px;margin: 80px 0 auto;}
.header-banner h2 {font-size: 40px;margin-bottom: 30px;}
.image-field {max-width: 1066px;height: 690px;min-width: 1066px;}
.header-banner .container-1410 {height: 690px;}
.new-vorstand-section .card .card-icon {max-width: 50px;}
.new-vorstand-section .card {width:100%;}	
}

@media (max-width:1200px){
.header-banner h1 {font-size: 28px;line-height: 38px;display: block;}
.header-banner h1 {font-size: 28px;line-height: 38px;display: block;margin-bottom: 0px;padding-bottom: 0px;}	
.image-field {max-width: 70%;height: 600px;}
.kv-text-absolute {padding-right: 60px;}	
.kv-text-absolute h3 {font-size: 1.2rem;}
.kv-text-absolute .icon-box {width: 55px;height: 55px;}
.kv-text-absolute .icon-box img {min-width: 35px;}	
.header-banner h1 strong {font-size: 38px;line-height: 47px;}	
.header-banner .container-1410 {height: 600px;}	
.slide-track {grid-column-gap: 50px;grid-row-gap: 50px;padding-left: 25px;padding-right: 25px;}	
.slider img {min-width: 140px;}
}

@media (max-width:1024px) {
.header-banner .container-1410 {flex-wrap: wrap;height: auto;}
.header-banner .text-field::before {width: 100%;left: 0;}	
.header-banner .text-field {width: 100%;max-width: 100%; min-width:unset}
.image-field {max-width: 100%;height: auto;margin: 0 0 auto;position: relative; min-width:unset;}	
.header-banner {padding: 15px 10px;position: relative;margin: 10px 0px;}	
.kv-text-absolute {padding-right: 60px;margin: 40px 0 -80px;position: relative;left: 0;top: 0;width: 70%;}
.new-vorstand-section {padding-bottom: 80px;}	
.header-banner .text-field::before {background: #ff5228;}
.host-section .col-1-3 img {margin-bottom: -40px !important;}	
}

@media (max-width:767px){
.host-section .col-1-3 img {margin-bottom: -40px !important;}		
#host .content-block{height: auto !important; overflow: visible }
.new-host-section {min-height: unset !important;height: unset !important;max-height: unset !important; overflow: visible !important}
#host .container-1410 {height: auto !important; overflow: visible}	
.header-banner .text-field-wrapper {padding-right: 0;}
#imagePopup {width: 100%; max-width:90% !important}	
#imagePopup #closePopup img {max-width: 20px !important;}
#imagePopup #closePopup {right: 5% !important;top: 0px !important;padding: 5px !important;border-radius: 0px !important;}	
#imagePopup img {max-width: 90% !important;max-height: 90vh !important;margin: auto;}	
.slider img {height: auto;max-width: 140px;object-fit: contain;min-width: 140px;}	
.header-banner h1 {font-size: 24px;line-height: 34px;margin-top:20px;	}
.new-publication-and-media #publications-and-media-publications,
.new-publication-and-media #publications-and-media-media-logos {--count: 3;}
.new-host-section#host img {margin-bottom: -40px !important;}
.new-host-section + .offer-main-content-heading {width: 100% !important;padding-left: 35px !important;margin-left: 20px !important;margin-right: auto !important;min-width: auto !important;max-width: unset !important;display: block !important;}	
.new-publication-and-media #publications-and-media-nav {display: flex !important;}	
.trans.host-image {margin-bottom: -43px !important;display: block;width: 100%;margin-right: auto !important;margin-left: auto !important;margin-top: 50px;}	
.new-termine-section .date.cols {width:100%;}	
.bg-orange-3 .big-text {font-size: 35px;line-height: normal;margin-top: 0px;}	
.flex-card {padding: 45px;}	
.flex-cards .full-width {padding: 20px;width: 100%;}
.flex-cards .full-width h3 {font-size: 16px;line-height: 25px;width: 100%;display: block;flex: unset !important;}
.person-section.bg-light-orange h4 {font-size: 24px;line-height: 34px;}	
.event-banner .col-50 {width: 100%;}
.event-banner .container-1410 {padding: 30px 20px;}	
.new-management-section .col-50 {width: 100%;}
.text-button {gap: 18px;font-size: 20px;}	
.new-management-section li{font-size:18px; line-height:30px;} 	
.new-vorstand-section .col-50 {width: 100%;}
.flex-row-70 .col-70 {width: 100%;}
.vorstand-section.bg-pattren-section {background-repeat: no-repeat;background-size: 100% 150px;}	
.header-banner h1 strong {font-size: 28px;line-height: 37px;}
.header-banner h2 {font-size: 34px;margin-bottom: 0;}
.kv-text-absolute {padding-right: 40px;width: 90%;min-width: unset;}	
.header-banner .text-field::before {width: 100%;opacity: 1;}
.header-banner .text-field{margin:0px 0px 20px;}
.pad-100.person-section.bg-light-orange .col-30 {width: 100%;}
.pad-100.person-section {padding-top: 50px;padding-bottom: 50px;}
}


@media (max-width:480px){
.new-termine-section .date.cols .grey-bg {flex-wrap: wrap;}
.new-termine-section .grey-bg .col-1-2:first-child {max-width: 100%;}	
}
@media not (max-width: 900px) {

	.reduce-header-img-contents #topics-header .img-1-1, .reduce-header-img-contents #topics-header h2, .reduce-header-img-contents #topics-header .blurred-img-bottom, .reduce-header-img-contents #offer-header h2, .reduce-header-img-contents #offer-header .blurred-img-bottom {
		opacity: 0;
	}

	.reduce-header-img-contents #topics-header h1 {
		left: calc(-1 * var(--column-gap) - ((100% - var(--column-gap)) / 2));
		top: 30%;
	}

	.reduce-header-img-contents #offer-header #offer-main-heading-wrapper {
		top: 34%;
	}

}

.blurred-img-bottom img {
	height: 100%;
	filter: grayscale(1) brightness(0.5) blur(5px);
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,1) 80%, rgba(0,0,0,1) 100%);
	mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,1) 80%, rgba(0,0,0,1) 100%);
	transform: scale(1.01);
}

#offer-header.colored .blurred-img-bottom img {
	filter: blur(5px);
}

.blurred-img-bottom::after {
	content: '';
	display: block;
	height: 25px;
	background: linear-gradient(0deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);;
	position: absolute;
	bottom: 0;
	width: 100%;
}

#topics-page-sidebar {
	padding-right: var(--column-gap);
}

#topics-page-sidebar > div {
	height: 100%;
	width: calc(100% + var(--outer-dist));
	padding: var(--small-std-gap) var(--column-gap) 0 var(--outer-dist);
	left: calc(-1 * var(--outer-dist));
	position: relative;
}

#topics-page-sidebar > div::before, #topics-page-sidebar > div::after, #offer-page-sidebar > div::before, #offer-page-sidebar > div::after {
	content: '';
	display: block;
	height: var(--large-std-gap);
	background-color: inherit;
	position: absolute;
	width: 100%;
	left: 0;
}

#topics-page-sidebar > div::before, #offer-page-sidebar > div::before {
	top: calc(-1 * var(--large-std-gap));
}

#topics-page-sidebar > div::after, #offer-page-sidebar > div::after {
	bottom: calc(-1 * var(--large-std-gap));
}

#topics-page-sidebar .video-slider .img-3-2, #topics-page-sidebar .video-slider iframe {
	width: calc(100% + var(--outer-dist) + var(--column-gap));
	left: calc(-1 * var(--outer-dist));
}

.topic-sidebar-heading {
	padding: var(--lined-heading-padding-top) var(--column-gap) var(--lined-heading-padding-bottom) var(--outer-dist);
	width: calc(100% + var(--outer-dist) + var(--column-gap));
	position: relative;
	left: calc(-1 * var(--outer-dist));
	margin: var(--std-gap) 0;
}

.topic-main-content-heading {
	padding: var(--lined-heading-padding-top) var(--outer-dist) var(--lined-heading-padding-bottom) 0;
	width: calc(100% + var(--outer-dist));
	margin: var(--std-gap) 0;
}

.topic-sidebar-heading h2, .topic-main-content-heading h2, .offer-main-content-heading h2, .offer-sidebar-heading h2, #telephone-date-box .h2, #contact-box .h2, #registration-box .h2, .heading h2, #cookie-box .h2 {
	position: relative;
	top: -1px;
}

#offers {
	margin: var(--std-gap) 0;
}

.offer {
	margin: var(--small-std-gap) 0;
	background-color: var(--active-color);
}

.offer .col-2-3, #topic-contact-box .col-2-3 {
	padding: var(--box-padding);
	padding-right: 0;
}

.offer button, #topic-contact-box button, #in-house-box button, #cookie-box button {
	background-color: white;
	color: var(--active-color);
	margin-top: 10px;
}

.offer .col-1-3 > div {
	height: 100%;
	width: calc(100% + var(--outer-dist));
	position: relative;
}

.offer .col-1-3 > img {
	height: 100%;
	width: calc(100% + var(--outer-dist));
	object-position: center;
	object-fit: cover;
	position: absolute;
}

.offer-icon {
	width: 40px;
	height: 40px;
	background-color: white;
	display: inline-block;
	float: left;
	position: relative;
	top: 3px;
	margin-right: 15px;
}

.offer-icon span {
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--active-color);
}

#topic-contact-box, #in-house-box {
	margin: var(--active-color) 0;
	background-color: var(--active-color);
}

#topic-contact-box .col-1-3 img {
	width: calc(100% + var(--outer-dist));
}

#topic-contact-box .with-lines, #in-house-box .with-lines {
	padding: 19px var(--box-padding) 35px var(--box-padding);
	width: calc(100% + 2 * var(--box-padding));
	position: relative;
	left: calc(-1 * var(--box-padding));
}

/* Angebot */

#offer-header .img-1-1 {
	position: absolute;
	width: calc(100% - 2 * var(--column-gap));
	z-index: 10;
	right: 0;
}

#offer-header-layer-wrapper + div .illustration {
	position: absolute;
}

#offer-header-layer-wrapper {
	height: 100%;
	position: absolute;
	top: 0;
	left: var(--outer-dist);
}

#offer-header-layer {
	background-color: rgba(255,82,41,0.75);
	height: 100%;
	left: var(--column-gap);
	position: relative;
	width: calc(100% - var(--column-gap) + var(--outer-dist));
	padding: var(--std-gap) var(--outer-dist) 0 var(--column-gap);
}

.safari #offer-header-layer {
	height: var(--offer-header-layer-fallback);
}

#offer-header-layer .illustration {
	width: var(--small-std-gap);
	height: var(--small-std-gap);
	border-radius: 50%;
	overflow: hidden;
}

#offer-header-layer .illustration .containing-img {
	padding: 2px;
}

:is(#offer-header, #topics-header) #flag-teaser-wrapper {
	filter: drop-shadow(0 0 10px rgba(0,0,0,0.2));
}

#offer-main-heading-wrapper {
	width: 140%;
	position: relative;
	top: 0;
}

.headline-in-white #offer-main-heading-wrapper h1 {
	background-color: white;
	color: var(--orange);
}

.offer-main-content-heading {
	padding: var(--lined-heading-padding-top) 0 var(--lined-heading-padding-bottom) var(--outer-dist);
	width: calc(100% + var(--outer-dist));
	margin: var(--std-gap) 0;
	position: relative;
	left: calc(-1 * var(--outer-dist));
}

.offer-sidebar-heading {
	padding: var(--lined-heading-padding-top) var(--outer-dist) var(--lined-heading-padding-bottom) var(--column-gap);
	width: calc(100% + var(--outer-dist) + var(--column-gap));
	margin: var(--std-gap) 0;
	position: relative;
	left: calc(-1 * var(--column-gap));
}

#dates {
	margin: var(--std-gap) 0;
}

.date {
	column-gap: 0;
	margin: var(--small-std-gap) 0;
	position: relative;
	overflow: hidden;
}

.date .col-1-2:last-child {
	padding: var(--box-padding);
}

.date h3, #offer-infos strong, #publications-nav strong, .book h3 {
	color: var(--active-color);
}

.sidebar-dates-year, .small-btn {
	background-color: var(--orange);
	color: white !important;
	padding: 0.2em 0.2em 0.1em;
	border-radius: 3px;
}

.small-btn {
	cursor: pointer;
	font-family: 'helvetica-bold';
	width: fit-content;
}

.small-btn::after {
	content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNSAxNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUgMTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDozO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iNC41LDEuNCAxMC41LDcuNSA0LjUsMTMuNiAiLz4KPC9zdmc+Cg==');
	display: inline-block;
	width: 12px;
	aspect-ratio: 1 / 1;
	margin-left: 0.25em;
}

#dates + .content-limiter hr {
	display: none;
}

#dates + .content-limiter p {
	margin-top: -25px;
}

.booked-out-label {
	position: absolute;
	background-color: var(--orange);
	color: white;
	font-family: 'helvetica-bold';
	left: -35px;
	padding: 5px 75px;
	margin: 0;
	top: 200px;
	z-index: 10;
	transform-origin: 0 0;
	transform: rotate(-45deg);
}

html[lang="en"] .booked-out-label {
	top: 190px;
}

#in-house-box .col-1-3 > div {
	width: calc(100% + var(--outer-dist));
	position: relative;
	left: calc(-1 * var(--outer-dist));
	height: 100%;
}

#in-house-box .col-2-3 {
	padding: var(--box-padding) var(--box-padding) var(--box-padding) 0;
}

#offer-page-sidebar {
	padding-left: var(--column-gap);
}

#offer-page-sidebar > div {
	width: calc(100% + var(--outer-dist));
	padding: var(--large-std-gap) var(--outer-dist) 0 var(--column-gap);
	height: 100%;
	position: relative;
}

#offer-infos {
	margin-top: -25px;
}

#offer-infos [onclick] {
	cursor: pointer;
}

#offer-btn-group {
	position: sticky;
	top: 50px;
	margin: var(--std-gap) 0;
}

#offer-btn-group button, #lecture-buttons button {
	margin: 15px 0;
}

#offer-page-sidebar > div {
	padding-top: 0;
}

.sidebar-date {
	display: block;
	margin-top: 15px;
}

#offer-header-booking-btn {
	position: absolute;
	bottom: 65px;
	padding-left: calc(var(--column-gap) * 2);
	width: 100%;
}

#offer-header-booking-btn button {
	margin: 0;
}

#offer-simple-text-at-first * {
	color: var(--orange) !important;
}

#offer-simple-text-at-first::after {
	content: '';
	display: block;
	width: 100%;
	border-bottom: solid 1px var(--light-grey);
	margin: var(--small-std-gap) 0;
}

.statements-slider-2024 {
	margin: var(--std-gap) 0 var(--small-std-gap);
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: var(--column-gap);
}

.statements-slider-2024-left-col, .statements-slider-2024-right-col {
	position: relative;
}

.statements-slider-2024-right-col {
	grid-column: auto / span 2;
}

.statements-slider-2024 > div > div:not(.statements-slider-2024-nav-point) {
	position: absolute;
	top: 0;
	opacity: 0;
	pointer-events: none;
}

[data-nr="1"] > div > div:nth-child(1),
[data-nr="2"] > div > div:nth-child(2),
[data-nr="3"] > div > div:nth-child(3),
[data-nr="4"] > div > div:nth-child(4),
[data-nr="5"] > div > div:nth-child(5),
[data-nr="6"] > div > div:nth-child(6),
[data-nr="7"] > div > div:nth-child(7),
[data-nr="8"] > div > div:nth-child(8),
[data-nr="9"] > div > div:nth-child(9),
[data-nr="10"] > div > div:nth-child(10),
[data-nr="11"] > div > div:nth-child(11),
[data-nr="12"] > div > div:nth-child(12),
[data-nr="13"] > div > div:nth-child(13),
[data-nr="14"] > div > div:nth-child(14),
[data-nr="15"] > div > div:nth-child(15),
[data-nr="16"] > div > div:nth-child(16),
[data-nr="17"] > div > div:nth-child(17),
[data-nr="18"] > div > div:nth-child(18),
[data-nr="19"] > div > div:nth-child(19),
[data-nr="20"] > div > div:nth-child(20) {
	position: relative;
	opacity: 1;
	pointer-events: all;
}

.statements-slider-2024-img img:first-child {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center;
	filter: grayscale(100%);
}

.statements-slider-2024-img:hover img:first-child {
	filter: grayscale(0);
}

.statements-slider-2024-img img:last-child {
	display: block;
	background-color: var(--light-grey);
	padding: 10px;
	position: absolute;
	width: 50%;
	left: 25%;
	translate: 0 -50%;
}

.statements-slider-2024-text p:first-child {
	margin-top: 0;
}

.statements-slider-2024-text p:last-child {
	color: var(--orange);
}

.statements-slider-2024-nav {
	display: flex;
	gap: 15px;
	opacity: 1 !important;
	pointer-events: all !important;
	position: static !important;
	margin-top: var(--small-std-gap);
}

.statements-slider-2024-nav-point {
	width: 15px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-color: var(--light-grey);
	cursor: pointer;
}

.statements-slider-2024-nav-point.current {
	background-color: var(--orange);
}

.statements-slider-2024-nav:has(:not(.statements-slider-2024-nav-point:nth-child(2))) {
	visibility: hidden;
}

#problems, #host, #publications-and-media {
	background-color: var(--dark-grey);
	padding: var(--small-std-gap) calc(var(--column-gap) * 2) var(--std-gap) var(--outer-dist);
	width: calc(100% + var(--outer-dist) + var(--column-gap) * 2);
	position: relative;
	left: calc(var(--outer-dist) * -1);
	overflow: hidden;
}

/*
#problems {
	background-color: var(--orange);
}
*/

:is(#problems, #host, #publications-and-media) .offer-main-content-heading {
	margin-top: 0;
	background-image: url('/wp-content/themes/kol/img/lines-for-colored-bg.svg');
}

:is(#problems, #host, #publications-and-media) .offer-main-content-heading h2 {
	color: white;
}

#problems ul {
	margin-top: 0;
	width: 60%;
	padding-left: 40px;
	list-style-image: url('/wp-content/themes/kol/img/arrow-down.svg');
}

#problems ul ::marker {
	font-size: 200%;
}

#problems ul li {
	/*
	color: #383838;
	*/
	color: white;
	font-family: 'helvetica';
}

#problems ul strong {
	color: var(--orange);
	/*
	color: white;
	*/
}

#problems ul li::before {
	display: none;
}

#problems-appendix {
	/*
	color: #383838;
	*/
	color: white;
	padding-left: 40px;
	margin: var(--small-std-gap) 0 0;
}

#problems-illustration {
	position: absolute;
	left: 65%;
	width: 50%;
	top: calc(var(--large-std-gap) * 2.25);
	/*
	left: 70%;
	width: 40%;
	top: var(--std-gap);
	*/
}

#large-statement {
	background-color: var(--orange);
	padding: var(--std-gap) calc(var(--column-gap) * 2) var(--std-gap) var(--outer-dist);
	width: calc(100% + var(--outer-dist) + var(--column-gap) * 2);
	position: relative;
	left: calc(var(--outer-dist) * -1);
	margin-bottom: var(--std-gap);
}

#large-statement .h1 {
	padding: 0;
	background-color: transparent;
	line-height: 1.1em;
}

#large-statement .h1 + p {
	color: white;
}

.large-statement-video {
	width: 100%;
	position: relative;
	margin-top: var(--small-std-gap);
	background-color: var(--dark-grey);
}

.large-statement-video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	border: none;
}

.what-you-take-with-you {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: var(--column-gap);
}

.what-you-take-with-you > img {
	filter: grayscale(100%);
	height: 100%;
	display: block;	
	object-position: center;
	object-fit: cover;
	display: block;
	width: 100%;
}

.what-you-take-with-you > img:hover {
	filter: grayscale(0);
}

.what-you-take-with-you:not(:last-child)::after {
	content: '';
	display: block;
	border-bottom: solid 1px var(--light-grey);
	margin: calc(var(--small-std-gap) * 1.25) 0;
	grid-column: auto / span 2;
}

.what-you-take-with-you > div > p:first-child {
	color: var(--orange);
	margin: 0;
}

.what-you-take-with-you h3 {
	margin-top: 15px;
}

.what-you-take-with-you .html-content ul {
	list-style-image: url('/wp-content/themes/kol/img/orange-check.svg');
	padding-left: 1.4em;
}

.what-you-take-with-you .html-content li::before {
	display: none;
}

.what-you-take-with-you .html-content ul ::marker {
	font-size: 200%;
}

#host {
	background-color: var(--orange);
}

#host .col-1-3 img {
	object-position: center;
	object-fit: cover;
	filter: grayscale(100%);
}

#host .col-1-3 img:hover {
	filter: grayscale(0);
}

#host .html-content * {
	color: white;
}

#publications-and-media-publications-wrapper, #publications-and-media-media {
	position: relative;
}

#publications-and-media-publications, #publications-and-media-media-logos {
	--count: 4;
	container-type: inline-size;
	overflow: hidden;
	white-space: nowrap;
}

#publications-and-media-media-logos {
	--count: 3;
	position: relative;
	width: 90%;
	left: 5%;
}

#publications-and-media-publications a {
	display: inline-block;
	width: calc((100cqi - (var(--count) - 1) * var(--column-gap)) / var(--count));
	margin-right: var(--column-gap);
	aspect-ratio: 167 / 250;
	overflow: hidden;
	position: relative;
	container-type: inline-size;
}

#publications-and-media-media-logos img {
	display: inline-block;
	width: calc((100cqi - (var(--count) - 1) * var(--column-gap) * 1.5) / var(--count));
	margin-right: calc(var(--column-gap) * 1.5);
	vertical-align: middle;
}

#publications-and-media-publications a img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#publications-and-media-publications a p {
	background-color: var(--orange);
	color: white;
	font-family: 'helvetica-bold';
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 75%;
	margin: 0;
	font-size: 9cqi;
	left: 100%;
	translate: -70% 100%;
	transform-origin: 0 0;
	rotate: -45deg;
}

#publications-and-media-nav, #publications-and-media-media-nav {
	position: absolute;
	top: 50%;
	pointer-events: none;
	display: none;
	justify-content: space-between;
	width: 100%;
}

:is(#publications-and-media-nav, #publications-and-media-media-nav) img {
	width: 25px;
	height: auto;
	cursor: pointer;
	pointer-events: all;
	filter: brightness(10);
}

#publications-and-media-media-nav img {
	filter: none;
}

#publications-and-media-publications:has(> a:nth-child(5)) + #publications-and-media-nav, #publications-and-media-media-nav {
	display: flex;
}

:is(#publications-and-media-nav, #publications-and-media-media-nav) img:first-child {
	translate: -200% -50%;
	scale: -1 1;
}

:is(#publications-and-media-nav, #publications-and-media-media-nav) img:last-child {
	translate: 200% -50%;
}

#publications-and-media-media {
	margin-top: var(--small-std-gap);
}

/* Vorträge */

#lectures-page-cols {
	grid-gap: calc(var(--column-gap) * 2);
}

#lectures, #further-lectures {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: calc(var(--column-gap) * 2);
	grid-row-gap: calc(var(--column-gap) * 1.5);
}

#further-lectures {
	margin-top: var(--std-gap);
	grid-row-gap: var(--column-gap);
}

.lecture h2 {
	color: var(--active-color);
	font-size: 2rem;
}

.lecture .img-3-2 {
	margin-bottom: 40px;
}

#lecture-buttons {
	position: sticky;
	top: var(--small-std-gap);
}

/* Kolbusas Wisdom */

.wisdom .col-1-3 {
	padding-right: var(--column-gap);
}

.wisdom .cols {
	margin: var(--std-gap) 0;
}

#content-raster {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: var(--column-gap);
}

.raster-content-filling-img, .raster-content-filling-img .video-slider, .raster-content-filling-img .img-3-2 {
	height: 100%;
}

.raster-content-filling-img .img-3-2::after {
	padding-bottom: 0;
}

/* Publikationen */

#publications-heading, #blog-heading, #imprint-heading, #std-page, #wisdom-heading, #lectures-heading {
	margin-top: var(--large-std-gap);
	margin-bottom: var(--std-gap);
}

#publications-nav p {
	margin: 0;
	cursor: pointer;
}

#publications-main-col, #blog {
	padding-right: var(--column-gap);
}

#books {
	margin: var(--std-gap) 0;
}

.book {
	margin: var(--large-std-gap) 0;
}

.book-cover {
	transition: filter 0.3s ease;
	position: relative;
	height: auto;
}

.book-btns {
	margin-top: 10px;
}

.book-btns button {
	width: calc((100% - var(--column-gap)) / 2);
	margin-bottom: 0;
}

.book-label {
	position: absolute;
	width: 50%;
	top: 10%;
	transform: translateX(-100%);
}

.book-only-german-label {
	background-color: var(--orange);
	color: white;
	font-family: 'helvetica-bold';
	margin: -15px 0 0;
	padding: 0.1em 0.35em 0.05em 0.35em;
	width: fit-content;
	font-size: 0.9rem;
}

.seo-issue::after {
	background-color: white;
	opacity: 0.25;
	margin-top: 20px;
}

#all-soe-issues + a .points-icon {
	margin-bottom: 0;
}

#press-releases {
	margin-top: var(--std-gap);
	margin-bottom: var(--std-gap);
}

.press-release {
	margin: var(--large-std-gap) 0;
}

.press-release hr {
	margin: 0;
}

.press-release .col-2-3 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.press-release button {
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
}

#videos {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: var(--column-gap);
}

#videos .video-slider {
	margin: 0;
}

#videos .video-slider-title {
	display: none;
}

#videos .play-icon {
	left: calc(var(--small-std-gap) / 2);
}

#om-utbx1rjidn0guaxscvu4-optin .wapella-row-inner {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

#replace-with-55-management-inspirations-form {
	margin-top: 25px !important;
}

#replace-with-55-management-inspirations-form [type="submit"] {
	text-transform: none;
}

#replace-with-55-management-inspirations-form .checkbox-input {
	margin: 25px 0 !important;
}

#replace-with-55-management-inspirations-form .checkbox-input label span {
	line-height: 1.3em !important;
}

#soe-download-section-form {
	margin: 40px 0;
}

#soe-download-section-form .cols, #soe-download-section-form .col-1-2 {
	display: contents;
}

/* Blog */

.post h2 {
	margin-top: 40px;
}

#blog > *:last-child, #similar-blog-posts > *:last-child {
	display: none;
}

.top-post {
	padding: var(--box-padding);
	padding-top: var(--std-gap);
	background-color: var(--active-color);
	display: block;
	margin-bottom: var(--std-gap);
	position: relative;
}

.top-post * {
	margin: 0;
}

.top-post p {
	position: absolute;
	width: var(--small-std-gap);
	height: var(--small-std-gap);
	background-color: var(--light-grey);
	text-align: center;
	line-height: var(--small-std-gap);
	font-family: 'bebas';
	font-size: 2rem;
	top: 0;
	transform: translateY(-50%);
}

#blogpost-header {
	margin: var(--std-gap) 0 var(--small-std-gap);
	position: relative;
	display: flex;
	height: var(--blogpost-header-height, 600px);
}

.blogpost-header-with-video {
	cursor: pointer;
}

#blogpost-header img {
	position: absolute;
	height: 100%;
}

#blogpost-header .max-width {
	pointer-events: none;
}

#blogpost-date {
	margin: 0;
	background-color: var(--dark-grey);
	padding: 10px 15px;
	color: white;
	position: absolute;
	bottom: 0;
}

#blogpost-header-credit {
	position: absolute;
	right: var(--outer-dist);
	margin: 0;
	font-size: 0.7rem;
	bottom: -25px;
	opacity: 0.5;
}

#blogpost-header .play-icon {
	right: var(--outer-dist);
	bottom: var(--small-std-gap);
	width: calc(2 * var(--small-std-gap)) !important;
}

#blogpost-heading {
	background-color: transparent;
	color: var(--active-color);
	padding: 0;
	line-height: 1.1em;
	display: block;
	margin: 35px 0;
}

#blogpost-text h2, #blogpost-text .strong {
	margin-top: 40px;
}

#blogpost-text blockquote {
	margin: var(--small-std-gap) 0;
}

#blogpost-text blockquote p {
	color: var(--active-color);
	padding-left: 25px;
	border-left: solid 4px var(--active-color);
}

#blogpost-text .col-1-2 > img:first-child, #blogpost-text .col-2-3 > img:first-child, #blogpost-text .col-1-3 > img:first-child {
	position: relative;
	top: 5px;
}

/* Kontakt */

#contact {
	margin-top: var(--large-std-gap);
	margin-bottom: var(--std-gap);
}

#contact h1 {
	position: relative;
	top: -10px;
}

#contact .html-content {
	margin-top: 25px;
}

#contact .html-content .h3 {
	color: var(--active-color);
	margin-top: -20px;
}

#downloads {
	margin-top: var(--std-gap);
	margin-bottom: var(--std-gap);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: var(--column-gap);
}

/* Datenschutz */

.privacy-info-head {
	padding: 20px;
	cursor: pointer;
}

.privacy-info-body {
	margin: 25px 0 40px;
	overflow: hidden;
	max-height: 10000px;
}

.privacy-info-hidden-body {
	max-height: 0;
	margin: 10px 0;
}

/* Popup */

#popup .html-content * {
	color: var(--local-font-color);
}

#popup .col-2-3 {
	padding-left: var(--column-gap);
}

#popup .col-1-3 > div {
	height: calc(100% + 2 * var(--box-padding));
	position: relative;
	top: calc(-1 * var(--box-padding));
	width: calc(100% + var(--box-padding));
	left: calc(-1 * var(--box-padding));
	display: flex;
	align-items: center;
}

#popup .col-1-3 img {
	transform-origin: 100% 50%;
}

#popup button {
	color: var(--button-text-color);
	background-color: var(--button-background-color);
	margin: 0;
}

#popup-buttons {
	margin-top: 40px;
}

#popup-buttons > div {
	margin-top: 30px;
}

/* Cookie-Box */

#privacy-settings-trigger {
	position: fixed;
	margin: 0;
	cursor: pointer;
	bottom: var(--privacy-settings-trigger-offset, var(--small-std-gap));
	right: 0;
	background-color: var(--light-grey);
	padding: 10px 5px;
	z-index: 20;
	font-size: 0.9rem;
	letter-spacing: 0.5px;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}

.safari #privacy-settings-trigger {
	right: 10px;
}

.offer-page #privacy-settings-trigger {
	background-color: var(--medium-grey);
	color: white;
}

#cookie-box .cols {
	margin-top: 50px;
}

#cookie-box .cols .checkbox-input {
	margin: 25px 0;
}

/* Footer */

footer {
	margin: var(--large-std-gap) 0 var(--small-std-gap);
}

footer .logo {
	font-family: 'bebas';
	font-size: 2rem;
	color: var(--medium-grey);
	margin: 25px 0 35px;
	top: 4px;
}

#footer-nav p {
	margin: 0;
	position: relative;
	top: 4px;
}

/* –––– Media Queries –––– */

/* Übergröße */
@media screen and (min-width: 1700px) and (min-height: 1200px) {

#main-page-header-2024 {
	max-height: 800px;
}

#main-page-header-2024-texts {
	width: 50%;
}

#main-page-header-2024-texts p {
	font-size: 1.8rem;
	line-height: 1.2em;
}

#topics-header, #offer-header {
	max-height: 800px;
}

#problems-illustration {
	left: 70%;
	width: 42%;
}

#main-page-header-2024.narrow-main-part #main-page-header-2024-texts h1 {
	margin-bottom: var(--std-gap);
}

}

/* Maximalbreite */
@media screen and (max-width: 1600px) {

html {
	--max-width: calc(100vw - 200px);
}

#main-page-header-2024.very-narrow-main-part h1 {
	display: block;
	gap: 0;
	background-color: white;
	padding: 0.1em 0.2em;
	width: fit-content;
}

#main-page-header-2024.very-narrow-main-part h1 span {
	display: inline;
	padding: 0;
	background-color: transparent;
}

}

/* iPad Pro */
@media screen and (min-width: 1300px) {

.is-ipad .statements {
	grid-template-columns: 1fr;
}

.is-ipad #main-page-header-buttons {
	gap: 15px;
}

.is-ipad .main-page-header-2024-lecture h2 {
	font-size: 2rem;
}

}

/* Bildschirme mit sehr geringer Höhe */
@media screen and (min-aspect-ratio: 18/10) {

.main-page-header-2024-overlay-header {
	margin-bottom: 0;
}

.main-page-header-2024-overlay-header h2 {
	display: none;
}

.main-page-header-2024-overlay-header img {
	position: absolute;
	right: calc(var(--main-page-header-2024-padding) * 1.5);
	top: 0;
	translate: 0 -50%;
	background-color: var(--light-grey);
	border-radius: 50%;
	filter: none;
	padding: 5px;
	width: calc(var(--small-std-gap) * 0.75);
	height: calc(var(--small-std-gap) * 0.75);
}

#main-page-header-2024-texts {
	width: 60% !important;
}

#main-page-header-2024-texts p br {
	display: none;
}

}

/* großes Notebook */
@media screen and (max-width: 1500px) {

html {
	--max-width: calc(100vw - 150px);
	--lined-heading-padding-top: 43px;
}

h3, .h3, #blogpost-text blockquote p, #main-page-header-2024-epm-text p, #offer-simple-text-at-first p {
	font-size: 1.7rem;
}

#main-page-header {
	margin-top: var(--std-gap);
}

#main-page-header .col-1-2:last-child {
	padding: var(--small-std-gap) 0;
}

h1, .h1 {
	font-size: 4rem;
}

h2, .h2 {
	font-size: 2.8rem;
}

#privacy-settings-trigger {
	font-size: 0.8rem;
}

#header {
	padding: 12px 0 20px;
}

#header .h2 {
	line-height: 1.31em;
}

header .social-media-nav {
	top: 8px;
}

#topics-header, #offer-header {
	margin-top: var(--small-std-gap);
}

#webtool-teaser .line {
	align-items: flex-start;
}

#webtool-teaser .line img {
	position: relative;
	top: 5px;
}

#contact h1 {
	top: -8px;
}

#webtool-teaser .col-1-2:last-child img {
	width: 80px;
	height: 80px;
}

#lightbox-img > img, #lightbox-img > iframe {
	max-height: 90%;
}

.topic-teaser .h2 {
	font-size: 2rem;
}

#flag-teaser-wrapper {
	width: 245px;
	gap: 20px;
}

:is(#offer-header, #topics-header) #flag-teaser-wrapper {
	top: 35px;
}

#newsletter-illustration {
	transform: scale(1) translateX(5%);
}

#newsletter-registration .checkbox-input label {
	width: 110%;
}

#main-page-header-2024 {
	--main-page-header-2024-padding: calc(var(--std-gap) * 0.7);
	margin-top: calc(var(--std-gap) * 0.7);
	height: calc(100svh - var(--full-header-height) - var(--std-gap) * 0.7);
}

#main-page-header-2024-texts h1 {
	margin-bottom: var(--small-std-gap);
}

#main-page-header-2024-texts {
	width: 50%;
}

.main-page-header-2024-overlay-header {
	margin-bottom: var(--small-std-gap);
}

#main-page-header-2024-lectures {
	gap: var(--std-gap);
}

.main-page-header-2024-lecture-img > img:first-child, .main-page-header-2024-discussion img {
	aspect-ratio: 2 / 1;
	object-position: top;
}

#problems-illustration {
	top: calc(var(--large-std-gap) * 2.5);
	/*
	left: 60%;
	width: 45%;
	*/
}

#main-page-header-2024.very-narrow-main-part {
	--main-page-header-2024-padding: calc(var(--std-gap) * 0.5);
}

}

/* großes Notebook mit geringer Bildschirmhöhe */
@media screen and (max-width: 1500px) and (min-aspect-ratio: 40/24) {

#main-page-header-2024-texts h1, #main-page-header-2024.narrow-main-part #main-page-header-2024-texts h1, .main-page-header-2024-overlay-header h2 {
	font-size: 2.6rem;
}

.main-page-header-2024-lecture h2 {
	margin-bottom: calc(var(--small-std-gap) * 0.75);
}

.main-page-header-2024-lecture h2, #main-page-header-2024-discussions-line h2 {
	font-size: 2rem;
}

#main-page-header-2024.narrow-main-part #main-page-header-2024-texts {
	width: 60%;
}

#main-page-header-2024.narrow-lectures-part .main-page-header-2024-lecture-img > img:first-child, #main-page-header-2024.narrow-discussions-part .main-page-header-2024-discussion img {
	aspect-ratio: 16 / 7;
}

.main-page-header-2024-overlay-header {
	margin-bottom: calc(var(--small-std-gap) * 0.5);
}

}

/* Max: 1400px */
@media screen and (max-width: 1400px) {

#main-page-header .max-width img {
	transform: translateX(15%);
}

}

/* Notebook */
@media screen and (max-width: 1300px) {

html {
	--max-width: calc(100vw - 120px);
	--column-gap: 40px;
	--large-std-gap: 80px;
	--std-gap: 60px;
	--small-std-gap: 40px;
}

h3, .h3, #blogpost-text blockquote p, #main-page-header-2024-epm-text p, #offer-simple-text-at-first p {
	font-size: 1.5rem;
}

header .main-nav hr {
	bottom: 8px;
}

p, .p, ul, ol, input, select, textarea, label, table, cite, .text-wrapper {
	font-size: 1.1rem;
}

#main-page-header-text {
	width: calc(100% + 2 * var(--small-std-gap));
	position: relative;
	left: calc(-2 * var(--small-std-gap));
	margin: 35px 0;
}

h1, .h1 {
	font-size: 3.7rem;
}

button, .top-post p, #popular-blog-posts-teaser span, .lecture h2, .button-placeholder {
	font-size: 1.8rem;
}

#popular-blog-posts-teaser span {
	width: 40px;
	height: 40px;
	padding-top: 4px;
}

#lightbox-img {
	height: calc(100% - 100px);
	top: 50px;
}

.offer-icon {
	width: 35px;
	height: 35px;
}

.statement {
	grid-gap: 30px;
}

.statement .img-1-1 {
	top: 5px;
}

#privacy-settings-trigger {
	font-size: 0.7rem;
	padding: 7px 3px;
}

.checkbox-input label span {
	width: calc(100% - 40px);
}

#main-page-header-buttons {
	gap: 15px;
}

#main-page-header .max-width img {
	transform: translateX(25%);
}

#main-page-header.has-banner-above .max-width img {
	transform: translateX(35%);
}

#newsletter-registration .checkbox-input {
	margin: 27px 0;
}

.booked-out-label {
	top: 190px;
}

html[lang="en"] .booked-out-label {
	top: 180px;
}

#flag-teaser-wrapper {
	width: 230px;
	gap: 15px;
}

:is(#offer-header, #topics-header) #flag-teaser-wrapper {
	top: 15px;
}

.main-page-header-2024-lecture h2, #main-page-header-2024-discussions-line h2 {
	font-size: 1.8rem;
}

.main-page-header-2024-lecture h2 {
	margin-bottom: calc(var(--small-std-gap) * 0.75);
}

#main-page-header-2024-imgs img {
	-webkit-mask-image: linear-gradient(to right, transparent 0, black 60%);
	mask-image: linear-gradient(to right, transparent 0, black 60%);
}

#problems-illustration {
	top: calc(var(--large-std-gap) * 2.75);
}

#problems ul ::marker {
	font-size: 225%;
}

:is(#publications-and-media-nav, #publications-and-media-media-nav) img:first-child {
	translate: -175% -50%;
}

:is(#publications-and-media-nav, #publications-and-media-media-nav) img:last-child {
	translate: 175% -50%;
}

}

/* Notebook mit geringer Bildschirmhöhe */
@media screen and (max-width: 1300px) and (min-aspect-ratio: 40/24) {

#main-page-header .col-1-2:first-child {
	grid-column: auto / span 2;
}

#main-page-header .col-1-2:last-child {
	grid-column: auto / span 4;
}

h1, .h1 {
	font-size: 2.8rem;
}

#topics-header .img-1-1::after, #offer-header .img-1-1::after {
	padding-bottom: 66%;
}

#telephone-date-box .with-lines, #contact-box .with-lines, #registration-box .with-lines, #cookie-box .with-lines {
	display: none;
}

#main-page-header-2024.narrow-main-part #main-page-header-2024-texts {
	width: 65%;
}

}

/* Max: 1200px */
@media screen and (max-width: 1200px) {

#main-page-header .max-width img {
	transform: translateX(10%);
}

#flag-teaser-wrapper {
	width: 225px;
}

}

/* Tablet */
@media screen and (max-width: 1100px) {

html {
	--max-width: calc(100vw - 100px);
	--reduced-max-width: calc(100vw - 400px);
	--column-gap: 30px;
	--large-std-gap: 70px;
	--std-gap: 50px;
	--small-std-gap: 30px;
	--lined-heading-padding-top: 45px;
}

p, .p, ul, ol, input, select, textarea, label, table, cite, .main-nav .h3, [lang="en"] header .main-nav .h3, .text-wrapper {
	font-size: 1rem;
}

.main-nav .h3 {
	color: var(--dark-grey);
}

header .main-nav hr {
	bottom: 4px;
}

h1, .h1 {
	font-size: 3rem;
}

h2, .h2 {
	font-size: 2.6rem;
}

h3, .h3, #blogpost-text blockquote p, #main-page-header-2024-epm-text p, #offer-simple-text-at-first p {
	font-size: 1.3rem;
}

button, .top-post p, #popular-blog-posts-teaser span, .topic-teaser .h2, .lecture h2, .button-placeholder {
	font-size: 1.6rem;
}

#popular-blog-posts-teaser span {
	width: 35px;
	height: 35px;
	padding-top: 3px;
}

#header {
	padding: 14px 0 20px;
	margin-top: 70px;
}

#header .h2 {
	line-height: 1.4em;
}

header .social-media-nav {
	top: 6px;
}

#webtool-teaser .col-1-2:last-child img {
	width: 75px;
	height: 75px;
}

#login-box form, #telephone-date-box form, #contact-box form, #registration-box form, #popup-box, #cookie-box > div {
	width: var(--max-width);
	max-height: calc(var(--full-height) - 100px);
	overflow-y: scroll;
	overscroll-behavior: contain;
}

header .meta-nav {
	bottom: 4px;
}

.play-icon {
	width: 50px !important;
}

.offer-icon {
	width: 32px;
	height: 32px;
}

.statement .img-1-1 {
	top: 3px;
}

.added-value > div {
	top: 0;
}

.statements {
	grid-template-columns: 1fr;
	grid-gap: 40px;
}

.added-value, #telephone-date, #soe-download {
	margin: 40px 0;
}

.added-value h3 {
	margin-bottom: -5px;
}

#added-values + #telephone-date, #added-values + #soe-download {
	margin-top: -10px;
}

#offer-btn-group button, #lecture-buttons button {
	margin: 10px 0;
}

#offer-header-layer .illustration {
	display: none;
}

input, select, textarea {
	height: 45px;
}

#date-picker-lower-part > img {
	width: 45px;
}

textarea {
	height: 115px;
}

#telephone-date-box .with-lines, #contact-box .with-lines, #registration-box .with-lines, #cookie-box .with-lines {
	padding: 20px var(--box-padding) 20px var(--box-padding);
}

.large-icon {
	padding: 10px;
}

#topics-header h1, #offer-header h1 {
	top: -4px;
}

#privacy-settings-trigger {
	font-size: 0.6rem;
}

#publications-nav {
	display: none;
}

#publications-nav + .offer-main-content-heading {
	margin-top: 0;
}

#blogpost-heading {
	margin-top: 50px;
}

#blogpost-text h2, #blogpost-text .strong {
	margin-top: 30px;
}

.post h2 {
	margin: 25px 0 -10px;
}

.post-group + hr {
	margin-bottom: 40px;
}

#registration-box .with-lines {
	display: none;
}

#popup .col-1-3 img {
	transform: none !important;
}

.video-slider-title {
	padding: 10px 15px;
}

.gallery-item-2 .gallery-video-title, .gallery-item-3 .gallery-video-title, .gallery-item-4 .gallery-video-title, .gallery-item-5 .gallery-video-title {
	display: none;
}

#topics-header h2, #offer-header h2 {
	margin-bottom: 45px;
}

.reduce-header-img-contents #offer-header #offer-main-heading-wrapper {
	top: 32%;
}

#main-page-header-buttons {
	gap: 10px;
}

#main-page-header .max-width img {
	transform: translateX(25%);
}

.booked-out-label {
	top: 180px;
}

html[lang="en"] .booked-out-label {
	top: 170px;
}

#soe-download-section-form {
	margin: 30px 0;
}

#flag-teaser-wrapper {
	width: 200px;
}

#main-page-header-text {
	width: calc(100% + 2.2 * var(--small-std-gap));
}

.main-page-header-2024-lecture-img .play-icon {
	width: 35px !important;
}

#main-page-header-2024.narrow-main-part #main-page-header-2024-texts h1 {
	font-size: 2.6rem;
}

#main-page-header-2024.narrow-main-part #main-page-header-2024-texts {
	width: 60%;
}

#main-page-header-2024.narrow-lectures-part .main-page-header-2024-lecture-img > img:first-child, #main-page-header-2024.narrow-discussions-part .main-page-header-2024-discussion img {
	aspect-ratio: 16 / 7;
}

#problems-illustration {
	top: calc(var(--large-std-gap) * 3);
	/*
	left: 65%;
	*/
}

#problems ul ::marker {
	font-size: 250%;
}

.what-you-take-with-you > img {
	height: auto;
	aspect-ratio: 1 / 1;
}

:is(#publications-and-media-nav, #publications-and-media-media-nav) img:first-child {
	translate: -150% -50%;
}

:is(#publications-and-media-nav, #publications-and-media-media-nav) img:last-child {
	translate: 150% -50%;
}

}

/* Tablet mit geringer Bildschirmhöhe */
@media screen and (max-width: 1100px) and (min-aspect-ratio: 40/28) {

#main-page-header-2024-texts {
	width: 60%;
}

#main-page-header-2024-texts h1 {
	font-size: 2.6rem;
}

#main-page-header-2024-texts br {
	display: none;
}

}

/* Max: 1000px */
@media screen and (max-width: 1000px) {

#main-page-header .max-width img {
	transform: translateX(15%);
}

}

/* Smartphone */
@media screen and (max-width: 900px) {

html {
	--max-width: calc(100vw - 50px);
	--reduced-max-width: var(--max-width);
	--header-padding-top: 50%;
	--lined-heading-padding-top: 14px;
	--lined-heading-padding-bottom: 20px;
	--std-gap: 40px;
}

html, body {
	overscroll-behavior: contain;
	overflow-x: hidden;
}

#mobile-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100vw;
	max-height: var(--full-height);
}

.cols {
	display: block;
}

.two-text-cols {
	column-count: 1;
}

[href^="tel:"] {
	pointer-events: all;
}

header .main-nav, header .social-media-nav, header .meta-nav, #main-page-header .col-1-2:first-child {
	display: none;
}

#main-page-header .max-width img {
	filter: none;
}

h1, .h1 {
	font-size: 2rem;
	padding: 5px 10px;
	line-height: 1.7em;
}

#main-page-header p {
	width: 100%;
	left: 0;
}

.video-slider-title {
	text-align: left;
	padding: 10px var(--outer-dist);
}

.topic-teaser {
	display: block;
	margin-bottom: var(--small-std-gap);
}

#main-page-header-buttons {
	display: block;
}

#main-page-header button {
	margin-bottom: 10px;
	margin-left: 0;
}

#main-page-header button:last-of-type {
	margin-bottom: 0;
}

#main-page-header-text {
	margin: 25px 0;
}

h2, .h2, .topic-teaser .h2 {
	font-size: 2rem;
}

button, .button-placeholder {
	font-size: 1.5rem;
}

#header {
	padding: 4px 0 20px;
}

#header .h2 {
	line-height: 1.3em;
}

#main-page-header {
	margin-top: 0;
	text-align: left;
	background-image: none !important;
}

#main-page-header-smartphone-img {
	display: block;
}

#main-page-header .max-width img {
	width: 100%;
}

#book-teaser img {
	margin-bottom: var(--small-std-gap);
}

#main-page-header .max-width img {
	height: 100%;
}

#privacy-settings-trigger, #mobile-nav .main-nav hr {
	display: none;
}

.only-smartphone {
	display: block !important;
}

#mobile-nav {
	display: flex;
	z-index: 99;
	background-color: rgba(0,0,0,0.9);
	align-items: center;
	justify-content: center;

}

#mobile-nav * {
	color: white;
}

#mobile-nav .main-nav .max-width {
	display: flex;
	flex-direction: column;
}

#mobile-nav .social-media-nav {
	display: flex;
	justify-content: center;
	margin: 20px 0 40px;
}

#mobile-nav .social-media-nav a {
	margin-left: 10px;
}

#mobile-nav .social-media-nav a:first-child {
	margin: 0;
}

#mobile-nav .meta-nav, #mobile-nav .meta-nav + p {
	text-align: center;
}

#mobile-nav .meta-nav p, #mobile-nav .main-nav .h3 {
	margin: 15px 0;
}

#mobile-nav .meta-nav + p {
	margin-top: 5px;
	cursor: pointer;
}

#telephone-date-box .with-lines, #contact-box .with-lines, #registration-box .with-lines, #cookie-box .with-lines {
	display: none;
}

#cookie-box .html-content > *:first-child {
	margin-top: 0;
}

#cookie-box .cols {
	margin-top: 25px;
}

#cookie-box button.secundary {
	margin-bottom: 10px;	
}

#cookie-box button:not(.secundary) {
	margin-bottom: 0;
}

#webtool-teaser .col-1-2:last-child {
	padding-left: var(--box-padding);
}

#webtool-teaser .col-1-2:last-child img {
	width: 60px;
	height: 60px;
}

#msg p {
	max-width: var(--max-width);
}

#blog-posts-teaser {
	margin-top: 25px;
}

footer .line {
	flex-direction: column;
	align-items: flex-start;
}

#footer-nav {
	justify-content: flex-start;
}

#footer-nav a:first-child {
	margin-left: 0;
}

#webtool-teaser .line img {
	top: 3px;
}

#topics-page-sidebar {
	padding-right: 0;
}

#topics-header .img-1-1 {
	display: none;
}

#topics-header h2, #offer-header h2 {
	margin-bottom: 0;
	padding-bottom: 25px;
	font-size: 1rem;
}

#topics-header, #offer-header {
	margin-bottom: 0;
}

#topics-page-sidebar > div::before, #offer-page-sidebar > div::before {
	display: none;
}

#topics-page-sidebar > div {
	width: 100%;
	left: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: transparent;
}

.large-icon {
	width: 50px;
	height: 50px;
	padding: 7px;
}

.added-value > div {
	width: calc(100% - 50px - var(--column-gap));
}

.topic-main-content-heading {
	padding-left: var(--outer-dist);
	width: calc(100% + 2 * var(--outer-dist));
	position: relative;
	left: calc(-1 * var(--outer-dist));
}

.smartphone-none {
	display: none;
}

.offer .col-2-3, #topic-contact-box .col-2-3 {
	padding-right: var(--box-padding);
}

#topics-header + div {
	display: flex;
	flex-direction: column-reverse;
}

#lightbox-prev, #lightbox-next {
	top: auto;
	bottom: 75px;
}

#lightbox-prev {
	left: 10px;
}

#lightbox-next {
	right: 10px;
}

#lightbox-img {
	width: var(--max-width);
	left: var(--outer-dist);
	height: 60%;
	top: 100px;
}

#lightbox-img p {
	margin-top: 30px;
}

input, select, textarea {
	height: 40px;
}

.input {
	margin: 15px 0;
}

.checkbox-input {
	margin: 25px 0;
}

textarea {
	height: 100px;
}

#login-box, #telephone-date-box, #contact-box, #registration-box, #cookie-box {
	align-items: flex-start;
}

#login-box form, #telephone-date-box form, #contact-box form, #registration-box form, #cookie-box > div {
	margin-top: 75px;
}

.overlay-box-padding-bottom-mobile {
	display: block;
	width: 100%;
	height: 25px;
}

#telephone-date-box .with-lines, #contact-box .with-lines, #registration-box .with-lines, #cookie-box .with-lines {
	display: block;
}

#date-time-picker form {
	width: var(--max-width);
}

.input-icon, #offer-header-layer, #offer-header .img-1-1 {
	display: none;
}

#date-picker-lower-part > img {
	width: 40px;
}

#date-picker-calendar-body {
	margin-top: 15px;
}

#offer-header + .max-width {
	padding-top: var(--std-gap);
}

.offer-main-content-heading {
	width: calc(100% + 2 * var(--outer-dist));
	padding-right: var(--outer-dist);
}

.gallery-chunk, #content-raster {
	grid-gap: 10px;
}

.gallery-item-2 .play-icon, .gallery-item-3 .play-icon, .gallery-item-4 .play-icon, .gallery-item-5 .play-icon {
	display: none;
}

#book-teaser button, .date button {
	margin-top: 0;
}

#in-house-box .col-2-3 {
	padding-left: var(--box-padding);
}

#offer-page-sidebar {
	padding-left: 0;
}

#offer-page-sidebar > div {
	background-color: transparent;
	width: calc(100% + 2 * var(--outer-dist));
	left: calc(-1 * var(--outer-dist));
}

.offer-page .statements {
	margin-bottom: 0;
}

#offer-infos {
	margin-top: 0;
}

#offer-btn-group .with-arrow-down::after {
	display: none;
}

#publications-heading, #contact, #imprint-heading, #std-page, #wisdom-heading, #lectures-heading {
	margin-top: var(--std-gap);
}

.raster-content .play-icon {
	display: none;
}

#publications-main-col, #blog {
	padding-right: 0;
}

.teaser-content-arrow {
	top: 5px;
}

.book {
	margin: 60px 0;
}

.book-btns {
	flex-direction: column;
}

.book-btns button {
	width: 100%;
}

#secrets-of-execution > button {
	margin: 0 0 10px;
}

.press-release button {
	left: 0;
	transform: translate(0, 0);
}

.press-release hr {
	margin: 20px 0 25px;
}

.press-release {
	margin: 50px 0;
}

.post:first-child::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--light-grey);
	margin: 30px 0 35px;
}

.post:only-child::after {
	display: none;
}

#cookie-box > div {
	margin-top: 25px;
}

#cookie-box .with-lines {
	display: none;
}

#contact .col-1-3 {
	margin-bottom: 30px;
}

#contact .col-1-3 img {
	height: 250px;
	position: relative;
}

#downloads {
	display: flex;
	flex-direction: column;
}

#std-page h1 + br, #std-page h1 + br + br {
	display: none;
}

#book-teaser p strong br {
	display: none;
}

.cols.hidden-content {
	display: none;
}

#popup .col-2-3 {
	padding-left: 0;
}

#popup .col-1-3 > div {
	height: auto;
	width: 80%;
	left: 10%;
	top: 0;
}

#popup .html-content {
	display: none;
}

#popup-buttons > div, #popup-buttons {
	margin-top: 15px;
}

.video-slider .img-3-2:hover .video-slider-title, .gallery-item:hover .gallery-video-title {
	transform: translateY(-105%);
}

.offer .col-1-3 > div {
	width: 100%;
}

.offer .col-1-3 > div > div {
	height: 200px;
	padding: 10px;
}

.offer {
	display: flex;
	flex-direction: column-reverse;
	grid-gap: 0;
}

.date .col-1-2:first-child::after, .date .booked-out-label + .col-1-2, #in-house-box .col-1-3::after {
	display: block;
	content: '';
	padding-bottom: 66%;
}

#in-house-box .col-1-3 > div {
	position: absolute;
	width: 100%;
	left: 0;
}

#publications-nav {
	display: block;
	margin-bottom: var(--std-gap);
}

#publications-nav p {
	margin-bottom: 5px;
}

#blogpost-header {
	height: auto;
}

#blogpost-header::after {
	content: '';
	display: block;
	padding-bottom: 40%;
}

#blogpost-heading {
	margin: 25px 0;
}

#blogpost-date {
	padding: 5px 10px;
}

#blogpost-nav-buttons {
	flex-direction: column;
}

#blogpost-nav-buttons button {
	width: 100%;
}

#blogpost-nav-buttons button + button {
	margin-top: 20px !important;
}

#videos {
	display: block;
}

#videos > .video:not(:last-child) h3 {
	margin-bottom: 40px;
}

.video-slider iframe:not(.hide) + .small-close-icon {
	transform: translate(-100%, -100%);
}

#videos .video-slider iframe:not(.hide) + .small-close-icon {
	transform: translate(0, -100%);
}

.gallery-embedded-video-close-icon {
	transform: translate(-100%, -100%);
}

#main-page-header-buttons, #main-page-header .col-1-2 + .col-1-2 > p {
	width: 100%;
	left: 0;
}

.offer .col-1-3 > img, #offer-main-heading-wrapper {
	width: 100%;
}

.wisdom .col-1-3 {
	padding-right: 0;
}

#lecture-buttons {
	display: none;
}

#lectures, #further-lectures {
	grid-template-columns: 1fr;
}

.lecture h2 {
	font-size: 2rem;
}

#offer-page-sidebar > div {
	padding-top: var(--std-gap);
}

#topics-header h1, #offer-header h1 {
	margin: 0 0 15px;
	top: 0;
}

.offer .col-1-3::after {
	content: '';
	display: block;
	padding-bottom: 66%;
}

.offer .col-1-3 img {
	position: absolute;
}

#mainpage-top-teaser button {
	margin-top: 0;
}

#mainpage-top-teaser .col-1-3 img {
	position: static;
	height: auto;
	border-right: none;
	border-bottom: solid 5px white;
}

#flag-teaser, #flag-teaser-2 {
	transform: none;
	position: static !important;
	transform: translateX(-28%) !important;
	height: auto !important;
	margin-top: 30px;
	background-color: white;
	width: 125% !important;
}

#newsletter-illustration {
	display: none;
}

#newsletter-registration .checkbox-input label {
	width: 100%;
}

#om-utbx1rjidn0guaxscvu4-optin .wapella-col-inner {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

#om-utbx1rjidn0guaxscvu4-optin .wapella-col-1 {
	margin-bottom: 25px !important;
}

#om-utbx1rjidn0guaxscvu4-optin .wapella-col-1 .wapella-imge-content img {
	width: 60% !important;
}

.label-above-input {
	margin-bottom: -5px;
	margin-top: 20px;
}

.Campaign {
	max-height: 90vh !important;
	transform: translateY(25px) !important;
}

#adjust-cr-data-img-wrapper {
	padding: 25px 0 0 0;
}

.button-placeholder {
	display: none;
}

#header-banner img:last-of-type {
	display: block;
}

#header-banner img:first-of-type {
	display: none;
}

#flag-teaser-wrapper {
	display: none;
}

#main-page-header-text {
	width: 100%;
	left: 0;
	flex-direction: column;
	gap: calc(var(--small-std-gap) / 3 * 2);
}

.html-content :is(h2, .h2) {
	margin-top: 35px;
}

#footer-nav {
	flex-direction: column;
	gap: 12px;
}

#footer-nav a {
	margin-left: 0;
}

#main-page-header-2024 {
	--main-page-header-2024-padding: var(--std-gap);
}

#main-page-header-2024-imgs img {
	width: 100%;
	object-fit: cover;
	object-position: calc(var(--mobile-x-offset) * 1%) 0%;
}

#main-page-header-2024-content {
	width: calc(100% - 50px);
	left: 25px;
}

#main-page-header-2024-buttons {
	flex-direction: column;
	align-items: start;
	gap: calc(var(--small-std-gap) / 3);
	bottom: calc(var(--large-std-gap) * 0.8);
}

#main-page-header-2024-texts p {
	display: none;
}

#main-page-header-2024-play {
	right: auto;
	left: 0;
}

#main-page-header-2024-texts h1 span:first-child {
	translate: 0;
}

.main-page-header-2024-overlay {
	padding: var(--main-page-header-2024-padding) 25px;
}

#main-page-header-2024-lectures, #main-page-header-2024-discussions {
	grid-template-columns: 1fr;
	gap: 10px;
}

.main-page-header-2024-overlay {
	-webkit-clip-path: none !important;
	clip-path: none !important;
	opacity: 0;
}

[data-overlay="vortraege"] [data-type="vortraege"], [data-overlay="vorstandsdiskussionen"] [data-type="vorstandsdiskussionen"], [data-overlay="enterprise-progress-management"] [data-type="enterprise-progress-management"] {
	position: relative;
	opacity: 1;
}

#main-page-header-2024[data-overlay="vortraege"], #main-page-header-2024[data-overlay="vorstandsdiskussionen"], #main-page-header-2024[data-overlay="enterprise-progress-management"] {
	height: auto;
}

.main-page-header-2024-overlay[data-type="vorstandsdiskussionen"] {
	padding-bottom: 0;
}

#main-page-header-2024-epm-text {
	width: 100%;
	position: static;
	bottom: auto;
}

#ipm-graphic {
	position: relative;
	height: auto;
	width: 100%;
	right: auto;
	left: 0;
	top: 0;
	translate: 3.5% 7.5%;
}

.main-page-header-2024-overlay-header h2 {
	display: inline;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	line-height: 1.5em;
}

.main-page-header-2024-overlay-header {
	display: block;
}

.main-page-header-2024-overlay-header img {
	position: absolute;
	right: 25px;
	top: var(--main-page-header-2024-padding);
}

#main-page-header-2024-discussions-line p span {
	display: none;
}

#main-page-header-2024 {
	height: calc(100svh - var(--full-header-height) - var(--std-gap) * 0.7);
}

.chrome #main-page-header-2024 {
	height: calc(600px - var(--full-header-height) - var(--std-gap) * 0.7);
}

#main-page-header-2024-buttons button {
	font-size: 1.2rem;
	padding: 0.1em 0.3em;
}

#offer-header-booking-btn {
	display: none;
}

.statements-slider-2024 {
	display: block;
	margin-bottom: var(--std-gap);
}

.statements-slider-2024-right-col {
	margin-top: var(--std-gap);
}

.statements-slider-2024-img {
	width: 50%;
}

.statements-slider-2024-img img:last-child {
	width: 60%;
	left: 20%;
}

.statements-slider-2024-text p:first-child {
	margin-top: 10px;
}

.statements-slider-2024-nav {
	margin: 0;
	position: absolute !important;
	right: 0;
	top: 0;
	width: fit-content;
}

#problems ul {
	width: 100%;
	padding-left: 35px;
}

#problems-appendix {
	padding-left: 35px;
}

#problems-illustration {
	display: none;
}

.what-you-take-with-you {
	grid-template-columns: 1fr;
}

.what-you-take-with-you > img {
	margin-bottom: var(--small-std-gap);
	aspect-ratio: 3 / 2;
}

.what-you-take-with-you:not(:last-child)::after {
	grid-column: auto / span 1;
}

#host .col-1-3 img {
	margin-bottom: var(--small-std-gap);
}

#publications-and-media-publications {
	--count: 2;
}

#publications-and-media-nav, #publications-and-media-media-nav {
	position: relative;
	margin-top: var(--small-std-gap);
	top: 0;
	width: 30%;
	left: 35%;
}

:is(#publications-and-media-nav, #publications-and-media-media-nav) img:first-child, :is(#publications-and-media-nav, #publications-and-media-media-nav) img:last-child {
	translate: 0 0;
}

#publications-and-media-media-logos {
	--count: 2;
	width: 100%;
	left: 0;
}

#country-select > div {
	width: 90%;
}
.host-section .col-1-3 img {margin-bottom: 0px !important;margin-top: 49px;max-width: 500px;margin-left: auto;margin-right: auto;}	
.host-section {
	overflow: visible !important;
}	
}

/* geringe Smartphone-Höhe */
@media screen and (max-width: 900px) and (max-height: 600px) {

html {
	--header-padding-top: 40%;
}

#main-page-header-smartphone-img::after {
	padding-bottom: 50%;
}

#popup .col-1-3 > div {
	width: 60%;
	left: 20%;
}

#popup-box {
	position: relative;
	top: 25px;
}

}

/* kleines Smartphone */
@media screen and (max-height: 550px), screen and (max-width: 300px) {

html {
	--box-padding: 20px;
	--max-width: calc(100vw - 40px);
	--lined-heading-padding-top: 15px;
	--lined-heading-padding-bottom: 25px;
}

h1, .h1, h2, .h2 {
	font-size: 1.9rem;
}

#header {
	padding: 6px 0 20px;
	margin: 60px 0 20px;
}

#main-page-header-smartphone-img::after {
	padding-bottom: 40%;
}

#webtool-teaser .col-1-2:last-child img {
	display: none;
}

.social-media-icon {
	width: 30px;
}

#mobile-nav .meta-nav p, #mobile-nav .main-nav .h3 {
	margin: 10px 0;
}

#mobile-nav .social-media-nav {
	margin: 15px 0 30px;
}

#topics-header, #offer-header {
	padding-bottom: 15px;
}

#topics-header h2, #offer-header h2 {
	display: none;
}

.added-value .large-icon {
	display: none;
}

.added-value > div {
	width: 100%;
}

.offer button {
	margin-top: 0;
}

.statement {
	display: flex;
	flex-direction: column;
}

#lightbox-img {
	top: 70px;
}

#lightbox-img p {
	margin-top: 20px;
}

#lightbox-prev, #lightbox-next {
	bottom: 50px;
}

.play-icon {
	width: 40px !important;
}

.video-slider .img-3-2 .play-icon, .gallery-item .play-icon {
	right: 10px;
	bottom: 10px;
}

#mobile-nav > div {
	top: -10px;
}
}
@media(max-width:767px){
.host-section .col-1-3 img {margin-bottom: -40px !important;}	
}

body.postid-2543 .termine,body.postid-2543 .termine-section {display: none;}