/*
Theme Name: dirs21
Theme URI: https://www.brand49.de/
Author: René Löffler, S. Thäßler
Author URI: https://www.brand49.de/
Description: Template für DIRS21
Version: 1.0.0

*/


/*
	Fonts: DIN Nexts, Roboto (Fallback), Google Material Icons, FA62
*/

/*@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=23c807a4-310d-4ad7-9b9a-1fee1a6c0634&fontids=692249,692252,5563138,5563225");*/
@font-face{
	font-family:"DINNextW01-CondensedLig";
	src:url("assets/fonts/9ef359c1-4458-4560-874a-1f40df1c01d1.woff2") format("woff2"),url("assets/fonts/43e82893-3880-47b2-82d6-5b136f8f7477.woff") format("woff");
}
@font-face{
	font-family:"DINNextW01-CondensedMed";
	src:url("assets/fonts/76b8cda6-0ded-4197-acab-e314297eb90f.woff2") format("woff2"),url("assets/fonts/2613a064-2962-44af-ae6f-3640e06e8dc4.woff") format("woff");
}
@font-face{
	font-family:"DIN Next W01 Medium";
	src:url("assets/fonts/a95a6651-4c5c-49fb-adf3-ba8f3763ffd7.woff2") format("woff2"),url("assets/fonts/3804fd29-2a8f-48ab-93d9-5bc03a18c716.woff") format("woff");
}
@font-face{
	font-family:"DIN Next W01 Light";
	src:url("assets/fonts/c74c6328-51c1-49c4-be9b-1edf2ba4f4a9.woff2") format("woff2"),url("assets/fonts/29ee7381-ef5b-4609-ade0-46d61d61d9dd.woff") format("woff");
}

@font-face{
	font-family:"DINNextLTPro Black";
	src:url("assets/fonts/DINNextLTPro-Black.otf") format("opentype");
}
@font-face{
	font-family:"DINNextLTPro Condensed";
	src:url("assets/fonts/DINNextLTPro-Condensed.otf") format("opentype");
}
@font-face{
	font-family:"DINNextLTPro Italic";
	src:url("assets/fonts/DINNextLTPro-Italic.otf") format("opentype");
}
@font-face{
	font-family:"DINNextLTPro Light";
	src:url("assets/fonts/DINNextLTPro-Light.otf") format("opentype");
}
@font-face{
	font-family:"DINNextLTPro Light Condensed";
	src:url("assets/fonts/DINNextLTPro-LightCondensed.otf") format("opentype");
}
@font-face{
	font-family:"DINNextLTPro Medium";
	src:url("assets/fonts/DINNextLTPro-Medium.otf") format("opentype");
}
@font-face{
	font-family:"DINNextLTPro Medium Condensed";
	src:url("assets/fonts/DINNextLTPro-MediumCond.otf") format("opentype");
}
@font-face{
	font-family:"DINNextLTPro Regular";
	src:url("assets/fonts/DINNextLTPro-Regular.otf") format("opentype");
}

@font-face {
	font-family: 'Material Icons';
	src:url("assets/fonts/google-material-icons.woff2") format("woff2");
}

.material-icons {
	font-family: 'Material Icons'!important;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}
@font-face {
	font-family: 'Material Icons Outlined';
	src:url("assets/fonts/google-material-icons-outlined.woff2") format("woff2");
}
.material-icons-outlined {
	font-family: 'Material Icons Outlined'!important;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}
.material-icons.md-14, .material-icons-outlined.md-14 { font-size: 14px; }
.material-icons.md-16, .material-icons-outlined.md-16 { font-size: 16px; }
.material-icons.md-18, .material-icons-outlined.md-18 { font-size: 18px; }
.material-icons.md-24, .material-icons-outlined.md-24 { font-size: 24px; }
.material-icons.md-36, .material-icons-outlined.md-36 { font-size: 36px; }
.material-icons.md-48, .material-icons-outlined.md-48 { font-size: 48px; }

  
/* roboto-300 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url('assets/fonts/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('assets/fonts/roboto-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('assets/fonts/roboto-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('assets/fonts/roboto-v29-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('assets/fonts/roboto-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('assets/fonts/roboto-v29-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
	font-family: 'Roboto Medium';
	font-style: normal;
	font-weight: 500;
	src: url('assets/fonts/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('assets/fonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('assets/fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		 url('assets/fonts/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
		 url('assets/fonts/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('assets/fonts/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-300 - latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 300;
	src: url('assets/fonts/roboto-condensed-v24-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('assets/fonts/roboto-condensed-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('assets/fonts/roboto-condensed-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('assets/fonts/roboto-condensed-v24-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('assets/fonts/roboto-condensed-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('assets/fonts/roboto-condensed-v24-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	src: url('assets/fonts/roboto-condensed-v24-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('assets/fonts/roboto-condensed-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('assets/fonts/roboto-condensed-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('assets/fonts/roboto-condensed-v24-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('assets/fonts/roboto-condensed-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('assets/fonts/roboto-condensed-v24-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

.fw-solid{
	font-weight:600;
}

.fs-xxs{
	font-size: .9rem!important;
}

.fs-xs{
	font-size: 1.1rem!important;
}

.fs-s{
	font-size: 1.3rem!important;
}

.fc-light{
	color: #666;
}

/*
	Basics
	d21--primary & d21--secondary used for One.Widgets
*/

:root{
	--text-black: #242424;
	--icon-border: 3px solid #242424;

	--blog-color: #ff00fe;
	--blog-color-light: #ff00fe88;

	--button-radius: 1px;
	--button-shadow: 0px 3px 6px #00000033;
}

html.color-v1:root{
	/* gelb */
	--highlight-color: #FAFA00;
	/*--highlight-color-light: #FAFA0088;*/
	--highlight-color-light: #ffff7d;
	--highlight-color-lighter: #FAFA0022;
	--highlight-color-light-35: #FAFA003B;
	--d21-primary: #FAFA00!important;
	--d21-secondary: #ffff7d!important;
}

html.color-v2:root{
	/* gruen */
	--highlight-color: #14FA3C;
	/*--highlight-color-light: #14FA3C88;*/
	--highlight-color-light: #89fc9d;
	--highlight-color-lighter: #14FA3C22;
	--highlight-color-light-35: #14FA3C3B;
	--d21-primary: #14FA3C!important;
	--d21-secondary: #89fc9d!important;
}

html.color-v3:root{
	/* magenta */
	--highlight-color: #F514E6;
	/*--highlight-color-light: #F514E688;*/
	--highlight-color-light: #fa8af2;
	--highlight-color-lighter: #F514E622;
	--highlight-color-light-35: #F514E63B;
	--d21-primary: #F514E6!important;
	--d21-secondary: #fa8af2!important;
}

html.color-v4:root{
	/* blau */
	--highlight-color: #40C5FC;
	/*--highlight-color-light: #40C5FC88;*/
	--highlight-color-light: #a0e2fd;
	--highlight-color-lighter: #40C5FC22;
	--highlight-color-light-35: #40C5FC3B;
	--d21-primary: #40C5FC!important;
	--d21-secondary: #a0e2fd!important;
}

html.color-v5:root{
	/* teal */
	--highlight-color: #19F5BE;
	/*--highlight-color-light: #19F5BE88;*/
	--highlight-color-light: #8cfade;
	--highlight-color-lighter: #19F5BE22;
	--highlight-color-light-35: #19F5BE3B;
	--d21-primary: #19F5BE!important;
	--d21-secondary: #8cfade!important;
}

::-moz-selection {
	color: black;
	background: var(--highlight-color);
}
::selection {
	color: black;
	background: var(--highlight-color);
}

a {
	text-decoration: none !important;
	color: var(--text-black);
}
a:hover {
	color: var(--text-black);
}

.opacity-90 {
	opacity: 0.9 !important;
}

.hidden {
	display: none;
}

/* Hide Alert on pages: DDD23 Lander, One-Teaser */
body.page-id-4875 .alert,
body.page-id-8817 .alert{
	display:none!important;
}

/* Hide menu on pages: Lander One Release */
body.page-id-8817 nav.navbar{
	display:none!important;
}

/*
	Text sizes & colors
*/

h1, h2, h3, h4, h5, h6 {
	color:var(--text-black);
}

h1,
h1.highlight-heading span{
	margin-bottom:2rem;
	font-size:5rem;
	font-family: "DINNextLTPro Medium Condensed", "Roboto Condensed", sans-serif !important;
}

h2,
h2.highlight-heading span{
	font-size: 2.5rem !important;
	margin-bottom:2rem;
	font-family: "DINNextLTPro Medium Condensed", "Roboto Condensed", sans-serif !important;
}

h3,
h3.highlight-heading span{
	font-size: 1.8rem !important;
	margin-bottom:4rem;
	font-family: "DINNextLTPro Condensed", "Roboto Condensed", sans-serif !important;
}

/* Used in Blog as subheading */
h4,
h4.highlight-heading span{
	font-size: 1.8rem !important;
	font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif !important;
	margin-bottom:2rem;
}

h5,
h6,,
h5.highlight-heading span,,
h6.highlight-heading span{
	font-family: "DINNextLTPro Condensed", "Roboto Condensed", sans-serif;
}

h1.highlight-heading,
h2.highlight-heading,
h3.highlight-heading,
h4.highlight-heading,
h5.highlight-heading{

}

h1.highlight-heading span,
h2.highlight-heading span,
h3.highlight-heading span,
h4.highlight-heading span,
h5.highlight-heading span{
	background-color: var(--highlight-color);
	padding: 0 10px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	line-height: 130%;
}

@media(max-width:768px){
	h1.highlight-heading span{
		font-size:4rem;
	}
}

html body{
	color:var(--text-black);
}

.text-left{
	text-align:left;
}

.text-center,
.center-text{
	text-align:center;
}

.text-right{
	text-align:right;
}

.text-4{
	font-size: 4rem;
}


.z0{
	z-index: 0;
}

.z1{
	z-index: 1;
}

.linethrough{
	text-decoration: line-through;
}

.hide-temp,
.temp-hide{
	display:none!important;
}

@media (min-width:1024px){
	.hide-on-large{
		display:none!important;
	}
}

@media (max-width:1023px){
	.hide-on-mobile{
		display:none!important;
	}
}

.d21-watermark-white{
	background-image:url("/public/img/dirs21-logo-weiss.png");
	background-size: 90px;
	background-position: 98% 2%;
	background-repeat: no-repeat;
}

.d21-watermark-white-fixed{
	position: fixed;
    top: 2%;
    right: 2%;
    display: block;
	height: fit-content;
	width:90px;
}

.d21-watermark-white-fixed img{
	width:100%;
}

.scrollMargin{
	scroll-margin-top: 30px;	
}

@media (max-width:768px){
	.one-button-holder 
		margin-bottom: 3rem;
	}

	.one-button-holder .m-40{
		margin: 20px;
	}
}

@media (max-width:991px){
	body.page .wp-block-columns.fullwidth-wider{
		flex-wrap: wrap!important;
		gap:2em!important;
	}

	.fullwidth-wider .wp-block-column{
		flex-basis: 100%!important;
	}

	.one-logo-holder img{
		width: 60%;
	}
}

@media (min-width:1024px){
	.scrollMargin{
		scroll-margin-top: 5rem;
	}
}

.bright-line-foot{
	border-bottom:1px solid white;
}


/*****************/

.text-condensed-light {
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif !important;
	font-weight: normal;
}
.text-condensed-medium {
	font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif !important;
	font-weight: normal;
}

.text-standard-light {
	font-family: "DIN Next W01 Light", "Roboto", sans-serif !important;
	font-weight: normal;
}
.text-standard-medium {
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
	font-weight: normal;
}

.text-big {
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif !important;
	font-size: 5rem !important;
	line-height: 5rem !important;
}
.text-big-med {
	font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif !important;
	font-size: 5rem !important;
	line-height: 5rem !important;
}
.text-superbig {
	font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif !important;
	font-size: 7rem !important;
	line-height: 7rem !important;
}

.invisible{
	opacity:0;
}

/* Vertical centered aligned */
.valign-m{
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 767px) {

	h1 {
		font-size: 2.25rem !important;
	}

	body:not(.parent-pageid-2783) h2 {
		font-size: 1.75rem !important;
	}

	.text-big, .text-big-med {
		font-size: 2.5rem !important;
		line-height: 2.5rem !important;
	}

	.text-superbig {
		font-size: 3rem !important;
		line-height: 3rem !important;
	}
}

.text-125-rem {
	font-size: 1.25rem !important;
}

.text-15-rem {
	font-size: 1.5rem !important;
}

.text-3-rem {
	font-size: 3rem !important;
}

.lead {
	font-size: 1.8rem !important;
	font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif !important;
}

.text-white,
.text-white *{
	color: white!important;
}

.text-purple {
	color: #a405cc;
}

.text-green {
	color: #4aaf4f;
}

.text-neon-green,
.text-highlight{
	color: var(--highlight-color);
}

/* On Blog pages use different highlight color */
.blog  .text-highlight,
.single .text-highlight,
.archive .text-highlight{
	color: var(--highlight-color);
}


/*
	PADDINGS & MARGINS
*/

.mt-2r{
	margin-top:2rem;
}
.mt-3r{
	margin-top:3rem;
}
.mt-5r{
	margin-top:5rem;
}

.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-25 {
	margin-top: 25px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-60 {
	margin-top: 60px;
}
.mt-70 {
	margin-top: 70px;
}
.mt-90 {
	margin-top: 90px;
}

.mb-0{
	margin-bottom: 0 !important;
}
.mb-05 {
	margin-bottom: 0.5rem !important;
}

.mb-2r{
	margin-bottom:2rem;
}
.mb-3r{
	margin-bottom:3rem;
}
.mb-5r{
	margin-bottom:5rem;
}

.mb-10 {
	margin-bottom: 10px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-25 {
	margin-bottom: 25px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}
.mb-60 {
	margin-bottom: 60px !important;
}
.mb-70 {
	margin-bottom: 70px !important;
}

.p-1 { padding: 1rem !important; }
.p-2 { padding: 2rem !important; }
.p-3 { padding: 3rem !important; }
.p-20 { padding: 20px !important; }
.p-40 { padding: 40px !important; }

.pl-40 { padding-left: 40px !important; }
.pr-40 { padding-right: 40px !important; }

.pt-0 { padding-top: 0!important; }
.pt-2r { padding-top: 2rem !important; }
.pt-3r { padding-top: 3rem !important; }
.pt-30 { padding-top: 30px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-90 { padding-top: 90px !important; }

.pb-0 { padding-bottom: 0!important; }
.pb-30 { padding-bottom: 30px!important; }
.pb-70 { padding-bottom: 70px!important; }
.pb-90 { padding-bottom: 90px!important; }

.m-20 {
	margin: 20px;
}

.m-40 {
	margin: 40px;
}

.m-70 {
	margin: 70px !important;
}

.m-80 {
	margin: 80px;
}

.fl-right{
	float: right;
}

@media (min-width: 992px){
	.bottom-less .wp-block-columns>div:nth-child(1){
		margin-bottom: 3rem;
	}

	.bottom-less>div,
	.bottom-less .wp-block-columns,
	.bottom-less .wp-block-columns>div:nth-child(2){
		margin-bottom:0;
		padding-bottom:0;
		position:relative;
	}

	.bottom-less .wp-block-columns figure{
		position:absolute;
		bottom:0;
		margin-bottom:0;
	}
}

@media (max-width: 991px){
	.bottom-less .wp-block-columns figure{
		bottom:0;
		margin-bottom:0;
	}
	.bottom-less>div,
	.bottom-less .wp-block-columns,
	.bottom-less .wp-block-columns>div:nth-child(2){
		margin-bottom:0;
		padding-bottom:0;
	}
}

@media (max-width:991px){
	.bottom-less .wp-block-columns,	
	.stack-wider .wp-block-columns{
		flex-wrap:wrap!important;
		gap:2em!important;
		margin-bottom:0!important;
	}	

	.bottom-less .wp-block-columns>div,
	.stack-wider .wp-block-columns>div{
    	flex-basis: 100%!important;
	}
}

/*
	Wordpress Blocks
*/

.wp-block-latest-posts__post-excerpt {
	color: #191919;
	font-size: 1.5rem;
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
}
.wp-block-column p,
.wp-block-getwid-section ol li,
.wp-block-getwid-section ul li{
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
	font-size: 1.5rem;
}

@media (min-width:782px){
	body.page .wp-block-columns,
	.home .wp-block-columns,
	.page-storys .wp-block-columns,
	.page-direktbuchung .wp-block-columns,
	.page-team .wp-block-columns,
	.page-partner .wp-block-columns,
	.page-betreuung .wp-block-columns,
	.page-partner .wp-block-columns,
	.storys-template-default section.container .row,
	.storys-template-default .wp-container-6{
		gap:5em!important;
	}
}

.page-direktbuchung hr,
.page-direktbuchung-2024 hr{
	border-color:transparent;
	background-color:unset;
	margin:0;
}

/*
	Plugin: Getwid (Extra Gutenberg blocks)
*/
.wp-block-getwid-section__inner-content p,
.wp-block-getwid-section__inner-content span,
.wp-block-getwid-section__inner-content form .wp-block-column>div,
.wp-block-getwid-section__inner-content .wp-block-column ul li {
	font-family: "DINNextLTPro Light Condensed", "Roboto Condensed", sans-serif;
	font-size: 1.5rem;
}


/*
	Misc
*/

.auflistung ol, .auflistung ul {
	padding-left: 1rem;
}

.auflistung ol li, .auflistung ul li {
	font-family: "DINNextLTPro Condensed", "DINNextW01-CondensedLig", sans-serif !important;
	font-size: 1.5rem !important;
	color: #505050;
	padding-bottom: 2rem;
}

@media (min-width:768px){
	.storys-template-default section.container .row{
		flex-wrap:nowrap;
	}
}

.storys-template-default .start-teamframe.bg-light{
	background-color:white!important;
}

.themed-grid-col p,
.themed-grid-col ul {
	color: var(--text-black);
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif !important;
    font-weight: normal;
	font-size: 1.5rem !important;
}

.backgroundimage {
	background: url('background.png');
	background-size: cover;
}

.img-gradient {
	position:relative;
}

.img-gradient::after {
	content: '';
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 30%;
	background: linear-gradient(rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.0));
}

.embed-container {
	padding:56.25% 0 0 0;
	position: relative;
}
   
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.border-primary {
	border-color: #3fa9f5 !important;
}

.color-primary {
	color: #3fa9f5 !important;
}

.border-highlight {
	border-color: var(--highlight-color) !important;
}

.box_logo img {
	width: 100%;
}

#lottie {
	width: 120px !important;
	text-align: center;
}

.scrollspy-example {
	position: relative;
    overflow: auto;
}

.blackwhite {
	padding: 1rem 2rem;
	margin: 3rem;
	font-size: 5rem;
	background-color: #000000;
	color: #FFFFFF;
}

@media (max-width:1400px){
	.blackwhite{
		margin:0;
		padding: 1rem 0rem;
	}
}

.image-fullsize {
	margin: 0 !important;
}

.image-fullsize figcaption {
	position: relative;
	bottom: 120px;
	color: white;
	font-family: "DINNextLTPro Medium", "Roboto", sans-serif !important;
	font-size: 3rem;
}

.box_textswitch{
	margin-bottom: 2rem;
}

@media (max-width: 575px) {
	.box_textswitch {
		height: 250px !important;
	}
}

/* Password Post / Page form */
form.post-password-form{
	text-align: center;
    margin: 50px;
}

.post-password-required form.post-password-form p{
	font-size:1.2rem;
}

form.post-password-form p:first-child{
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
}

form.post-password-form label{
		font-family: "DIN Next W01 Light", "Roboto", sans-serif !important;
}

/*
	Pricing Tables
*/

.table-responsive tr th{
	font-family: "DINNextLTPro Medium",  "Roboto", sans-serif !important;
}

.table-responsive .pricing_description,
.table-responsive tr th ul li{
	font-family: "DINNextLTPro Light",  "Roboto", sans-serif !important;
	font-size: var(--bs-body-font-size);
}

.table-responsive tr i{
	font-size: 27px;
}

.table-responsive .no-sep th,
.table-responsive .no-sep td{
	border-bottom:none;
	padding-top:0;
	padding-bottom:0;
}

.table-responsive .no-sep ul,
.table-responsive .no-sep ul{
	margin-bottom:0;
}

.table-responsive tbody>tr:last-of-type td,
.table-responsive tbody>tr:last-of-type th{
	border-bottom:1px solid rgb(222, 226, 230)!important;
	padding-bottom:1.5rem!important;
}

h1.pricing-card-title{
	font-size: 2.5rem;
}

@media (max-width: 575px) {

	.pricing-head {
		rotate: 290deg !important;
		height: 100px;
		vertical-align: middle;
	}

	.table {
		padding: 2rem .1rem !important;
	}

	.pricing_description {
		display: none;
	}

	.pricing-spaces td {
		padding: .4rem 0px !important;
		width: 60px !important;
	}

	.table>:not(caption)>*>* {
		padding: .5rem .2rem;
	}

	/*
	.table-responsive .table>:not(caption)>*>* { {
		padding:.5rem 0rem;
	}
	*/

	.table-responsive::-webkit-scrollbar {
		-webkit-appearance: none;
	}
	
	.table-responsive::-webkit-scrollbar:vertical {
		width: 12px;
	}
	
	.table-responsive::-webkit-scrollbar:horizontal {
		height: 12px;
	}
	
	.table-responsive::-webkit-scrollbar-thumb {
		background-color: var(--highlight-color);
		border-radius: 10px;
		border: 2px solid #ffffff;
	}
	
	.table-responsive::-webkit-scrollbar-track {
		border-radius: 10px;  
		background-color: #ffffff; 
	}
	/*
	.table-responsive:before {
		padding: 2px 5px;
    	content: "Swipe left to read more";
    	color: #191919;
    	background: var(--highlight-color);
		font-family: "DINNextLTPro Light", "Roboto", sans-serif !important;
	}
	*/
}
/* Highlight Columns */
.table-responsive .highlight-col-2 thead tr>th:nth-of-type(3){
	border-top:1px solid var(--highlight-color);
	border-right:1px solid var(--highlight-color);
	border-left:1px solid var(--highlight-color);
	background-color:var(--highlight-color-lighter);
}

/*.table-responsive .highlight-col-2 tr>td:nth-of-type(2) i.fa-check{
	color: var(--highlight-color);
}*/

.table-responsive td i.fa-xmark{
	opacity:.2;
}

.table-responsive .highlight-col-2 tbody tr>td:nth-of-type(2){
	border-right:1px solid var(--highlight-color);
	border-left:1px solid var(--highlight-color);
	background-color:var(--highlight-color-lighter);
}

.table-responsive .highlight-col-2 tbody tr:last-of-type>td:nth-of-type(2){
	border-bottom:1px solid var(--highlight-color);
}

/*
	Action Table (Lander)
*/

.action-table{
	margin: 3rem 0;
}

.action-table thead{
	background-color:var(--highlight-color-light);
}

.action-table thead th{
	padding:15px 10px;
}

.action-table tbody tr{
	/*border-top: 1px solid var(--highlight-color-light);*/
	/*border-bottom: 1px solid var(--highlight-color-light);*/
	/*border:1px solid #ccc;*/
	border-radius:2px;
	padding-bottom:20px;
}

.action-table tbody tr>td:nth-child(2) {
	font-weight:600;
}

.action-table tbody tr td{
	padding:10px;
}

.action-table tbody tr td:not(:last-child){
	min-width:150px;
}

.action-table tbody tr td:last-child {
    vertical-align: top;
}

.action-table tr.row-collapsed{
	display:none;
	opacity:0;
	transition: all .75s linear;
}

.action-table tr{
	opacity:1;
	transition: all .75s linear;
	transition-delay: .75s;
}

.action-table .collapse-indicator{
	position:absolute;
	display:inline-block;
	right:20px;
}

.action-table .collapse-indicator:before{
	font-size:100%!important;
}

@keyframes expand-row{
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

.event-cards .card-body i{
	color:var(--highlight-color);
	font-size:3rem;
}

/* Event Accordion (Lander Deep Dive Day DDD) & news/presse */
.event-accordion .ui-accordion-content,
.event-accordion .ui-accordion-header .ui-accordion-header-collapsed{
	margin-bottom:1rem;
}

.event-accordion .ui-accordion-header-collapsed{
	border-radius: 2px;
}

.event-accordion .ui-accordion-header-active{
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.event-accordion .ui-accordion-content{
	border-bottom-left-radius: 2px;	
	border-bottom-right-radius: 2px;	
}

.event-accordion .ui-accordion-header{
	background: #efefef;
	margin-right:3rem;
}

.bg-light .event-accordion .ui-accordion-header{
	background: #fefefe;
}

.event-accordion .ui-accordion-content{
	margin-right:3rem;
}

.event-accordion .wp-block-getwid-accordion__icon{
	margin-right:-4rem;
}

.event-accordion .ui-accordion-header i{
	font-size: 1.5em;
    color: var(--highlight-color);
}

.bg-light .event-accordion .ui-accordion-header i{
    color: #888;
}

.event-accordion p,
.event-accordion ul li{
	font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
}

.event-accordion .ui-accordion-content a{
	border-bottom: 1px solid var(--highlight-color);
	transition: .5s ease-in-out;
}

.event-accordion .ui-accordion-content a:hover{
	border-color: var(--text-black);
}

.bg-light .event-accordion .ui-accordion-content>div{
	background-color: #fefefe;
}

/* Custom Icons DDD Accordion - Croissant Burger Coffee Champagne */
.page-id-4875 #ui-id-1 .wp-block-getwid-accordion__header-title:before{
	content: " \f7f6";
    font-family: 'Font Awesome 6 Pro';
	padding: 0 0.5rem;
	font-weight:400;
}

.page-id-4875 #ui-id-11 .wp-block-getwid-accordion__header-title:before{
	content: " \e3e3";
    font-family: 'Font Awesome 6 Pro';
	padding: 0 0.5rem;
	font-weight:400;
}

.page-id-4875 #ui-id-17 .wp-block-getwid-accordion__header-title:before{
	content: " \f7b6";
    font-family: 'Font Awesome 6 Pro';
	padding: 0 0.5rem;
	font-weight:400;
}

.page-id-4875 #ui-id-21 .wp-block-getwid-accordion__header-title:before{
	content: " \f79f";
    font-family: 'Font Awesome 6 Pro';
	padding: 0 0.5rem;
	font-weight:400;
}

.page-id-4875 #ui-id-1,
.page-id-4875 #ui-id-9,
.page-id-4875 #ui-id-15,
.page-id-4875 #ui-id-19{
	background-color: #dedede;
}

/* Online courses accordion */
.online-courses a:before{
    content:" \f51c";
    font-family: 'Font Awesome 6 Pro';
	padding: 0 0.5rem;
	font-weight:400;
	font-size: 70%;
}

.online-courses .ui-accordion-content a{
	background-color: var(--highlight-color-lighter);
	display: block;
    padding: 5px 10px 2px;
}

.online-courses .ui-accordion-content>div p:nth-child(2) a{
	background-color: var(--highlight-color-light);
}

.online-courses .ui-accordion-content .not-available{
	background-color: #ccc;
	display: block;
    padding: 5px 10px 2px;
}

/*
	Alertboxes
*/

.alert {
	border-radius: 0 !important;
	border: 0 !important;
	font-family: "DINNextLTPro Light", "Roboto", sans-serif !important;
}
.alert-bg-red {
	background-color: #CC0000;
	color: white;
}
.alert-bg-grey {
	background-color: #666666;
	color: white;
}
.alert-bg-highlight-colored{
	background-color: var(--highlight-color);
	color: var(--text-black);
}
.alert-bg-gradient-one {
	background-color: #06f4cf;
	background-image: linear-gradient(147deg, #06f4cf 0%, #f8ef06 100%);
	color: black;
}
.alert-bg-gradient-two {
	background-color: #852D91;
	background-image: linear-gradient(147deg, #39A8E0 0%, #852D91 100%);
	color: white;
}

a.bottom-alert,
div.bottom-alert{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 2;
	margin-bottom: 0;
}

a.bottom-alert>div{
	margin-bottom:0;
}

.alert-fat{
	font-weight:600;
}

.alert .material-icons-outlined{
	vertical-align:sub;
}

.alert.alert-dismissible{
	padding-right:16px;
}

@media(max-width:768px){
	.parent-pageid-2783 .alert{
		display:none;
	}
}

/*
	SLIDER
*/

.carousel-caption {
	bottom: 100px;
	left: 3rem;
	width: 30%;
	color: var(--text-black);
	opacity: 0.9;
	padding: 15px;
	text-align: left;
}

.carousel-background {
	background-color: #FFFFFF;
}

.carousel-caption p {
	font-family: "DINNextLTPro Light Condensed", "Roboto Condensed", sans-serif;
	font-size: 1.5rem;
}

/*.container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}*/

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
	height: 3rem;
	width: 3rem !important;
}
.carousel-control-next-icon:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFF18'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}


/*
	Backgrounds for sections
*/

section {
	padding: 70px 0 !important;
	margin-bottom: 10px;
}

.bg-light, .bg-gray, .bg-gray {
	background-color: #F3F3F3 !important;
}

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

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

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

.bg-primary {
	background-color: #3fa9f5 !important;
}

.bg-gradient-light {
	background-color: #FCFCFC;
	background-image: linear-gradient(147deg, #F3F3F3 0%, #41EF40 100%);
}

.bg-dark {
	background-color: #EEEEEE !important;
}

.bg-ultralight {
	background-color: #FCFCFC !important;
}

.bg-white {
	background-color: #FFFFFF !important;
}

.contact-big{
	background-color: var(--highlight-color);
}

.bottom-divider-holder{
	display:block;
	text-align:center;
	border-bottom: 1px solid #242424;
    margin-top: 45px;
    height: 18px;
    margin-bottom: 32px;
}

.bottom-divider-holder span{
	font-size: 1.5rem;
    color: #242424;
    background-color: var(--highlight-color);
    padding: 5px 20px;
    border-radius: 1px;
	font-family: "DINNextLTPro Light Condensed", "Roboto Condensed", sans-serif;
}

.parallax .wp-block-getwid-section__background{
	min-height: 300px;
    background-attachment: fixed;
}


/* Gradients former contact boxes */
.bg-gradient-one {
	background-color: #06f4cf;
	background-image: linear-gradient(147deg, #06f4cf 0%, #f8ef06 100%);
}

.bg-gradient-direktbuchung {
	background-color: #E84318;
	background-image: linear-gradient(147deg, #fbc823 0%, #E84318 100%);
}

.bg-gradient-channelmanagement {
	background-color: #9E3088;
	background-image: linear-gradient(147deg, #D72340 0%, #9E3088 100%);
}

.bg-gradient-betreuung {
	background-color: #41EF40;
	background-image: linear-gradient(147deg, #57C4E1 0%, #41EF40 100%);
}

.bg-gradient-two {
	background-color: #852D91;
	background-image: linear-gradient(147deg, #39A8E0 0%, #852D91 100%);
}

.parent-pageid-2783 form.action-form,
.parent-pageid-2783 .action-form form{
	background-color: var(--highlight-color);
}

.bg-yellow {
	/*background-color: yellow;*/
	background-color:var(--highlight-color)
}



/*
	Menues
*/

/*
	BIG MENU
*/

@media (min-width:992px) {

	#navigation,
	#navigation-substitute {
		background-color: #F3F3F3 !important;
	}
	
	.parent {
		margin: 0 2rem;
		width: 100%;
		text-align: center;
		display: grid;
		grid-template-columns: 2fr 150px 1fr;
		grid-template-rows: 1fr 5px 1fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		align-items: center;
	}
	
	.div1 { grid-area: 1 / 1 / 2 / 2; }
	.div2 { grid-area: 1 / 2 / 2 / 3; }
	.div3 { grid-area: 1 / 3 / 2 / 4; }
	.div4 { grid-area: 2 / 1 / 3 / 2; border-top: 1px solid #191919; }
	.div5 { grid-column: 2  / 2; grid-row: 1 / 4; place-self: center; }
	.div6 { grid-area: 2 / 3 / 3 / 4; border-top: 1px solid #191919; }
	.div7 { grid-area: 3 / 1 / 4 / 2; }
	.div8 { grid-area: 3 / 2 / 4 / 3; }
	.div9 { grid-area: 3 / 3 / 4 / 4; }

}



/*
	SMALL MENU
*/

@media (max-width: 991px) {

	#navigation,
	#navigation-substitute {
		background-color: #F3F3F3 !important;
		/*background-image: url('assets/images/background-sidebar.svg');*/
		background-attachment: fixed;
		background-size: cover;
		background-position: center;
		box-shadow: -5px 20px 55px 15px rgba(0,0,0,0.27);
		border-left: 0 !important;
	}

	.navbar {
		opacity: 1 !important;
	}

	.navbar-nav li {
		text-align: left !important;
		width: 100% !important;
		font-size: 1.8rem !important;
	}

	#navbar-content {
	  height: 100vh;
	}

   .navbar-toggler {
		border: 0 !important;
		position: absolute !important;
		top: 1rem;
		background-color:#b933f2;
		border-radius:50%;
	}

	.parent {
		margin: 0 2rem;
		width: 100%;
		text-align: center;
		display: grid;
		grid-template-columns: 2fr 150px 1fr;
		grid-template-rows: 1fr 5px 1fr 0.5fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		align-items: center;
	}
	
	.div1 { grid-area: 1 / 1 / 2 / 3; padding-bottom:25px; }
	.div2 { display: none; }
	.div3 { display: none; }
	.div4 { grid-area: 2 / 1 / 3 / 2; border-top: 1px solid #191919; }
	.div5 { grid-column: 2  / 2; grid-row: 1 / 4; place-self: center;}
	.div6 { grid-area: 2 / 3 / 3 / 4; border: 0; }
	.div7 { grid-area: 3 / 1 / 4 / 3; }
	.div8 { display: none; }
	.div9 { display: none; }
	.div10 { position: fixed; top: 70px; right: 40px; }
	.alert-active .div10 { top: 96px }
}

.navbar-toggler {
	width: 60px;
 	height: 60px;
 	position: relative;
 	transition: .5s ease-in-out;
	background-color:#b933f2;
}

.navbar-toggler.collapsed{
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
	 outline: none;
	 box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
	 border: 0;
	 color:white!important;
}

.navbar-toggler span {
	 margin: 0 0 0 3px;
	 padding: 0;
}

.navbar-nav #name_hotel{
	margin-top: .5rem;
}

.navbar-nav #name_hotel .menuactive{
	background-color: unset;
}

.toggler-icon {
	display: block;
	position: absolute;
	height: 3px;
	width: 29px;
	background: white;
	border-radius: 1px;
	opacity: 1;
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}

.middle-bar {
	margin-top: 0px;
}

.navbar-toggler .top-bar {
	margin-top: 0;
	transform: rotate(135deg);
}
.navbar-toggler .middle-bar {
	opacity: 0;
	filter: alpha(opacity=0);
}
.navbar-toggler .bottom-bar {
	margin-top: 0;
	transform: rotate(-135deg);
}

/* when navbar is collapsed */
.navbar-toggler.collapsed .top-bar {
	margin-top: -20px;
	transform: rotate(0deg);
}
.navbar-toggler.collapsed .middle-bar {
	opacity: 1;
	filter: alpha(opacity=100);
}
.navbar-toggler.collapsed .bottom-bar {
	margin-top: 20px;
	transform: rotate(0deg);
}

.navbar-toggler.collapsed .toggler-icon {
	/*background: rgb(63,94,251);*/
	/*background-image: linear-gradient(to right, rgb(251, 200, 35), #ff9a44, #ef9d43, #E84318);*/
	background-color:white;
}

.navbar-white {
	background-color: #FFF;
}

@media (max-width:992px){
	ul.navbar-nav .nav-item{
		text-align:left!important;
		/*width:120px!important;*/
	}
	li.nav-item.glossary-sub{
		margin-left:160px;
	}
}

@media (min-width:1200px){
	nav .d-xl-inline-block{
		margin-left:5px;
	}
}

.nav-link {
	color: #191919 !important;
	font-family: "DIN Next W01 Light", "Roboto", sans-serif !important;
}
.nav-link:hover{
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
}

.nav-link.active {
	background-color: var(--highlight-color)!important;
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
}

#list-example .nav-link,
#on-page-nav .nav-link{
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
}
#list-example .nav-link:hover,
#on-page-nav .nav-link:hover {
	text-decoration: underline !important;
}

#list-example .nav-link.active,
#on-page-nav .nav-link.active{
	background-color:white!important;
}

.menuactive,
.menu-hl {
	background-color: var(--highlight-color);
	padding: 4px 8px;
	border-radius: var(--button-radius);
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
}

.nav-subtitle {
	display: inline-block;
	vertical-align: middle;
	height: 50px;
}


.footer_parent {
	margin: 0;
	width: 100%;
	text-align: center;
	display: grid;
	grid-template-columns: 2fr 150px 1fr;
	grid-template-rows: 1fr 5px 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	align-items: center;
}

.footer_divA { grid-area: 2 / 1 / 3 / 2; border-top: 1px solid #ffffff; }
.footer_divB { grid-column: 2  / 2; grid-row: 1 / 4; }
.footer_divC { grid-area: 2 / 3 / 3 / 4; border-top: 1px solid #ffffff; }




/*
	Buttons
*/

.btn,
.comments-box .form-submit input#submit {
	font-family: "DINNextLTPro Medium", "Roboto", sans-serif !important;
	min-width: 9rem;
	border-radius: var(--button-radius);
	color: var(--text-black);
	box-shadow: var(--button-shadow);
	border:1px solid #242424;
}

.btn-lg, .btn-group-lg {
	padding: 1rem 1.4rem .8rem;
	font-size: 1rem !important;
	border-radius: var(--button-radius);
}

.btn-max{
	padding: 1rem 1.4rem .8rem;
	font-size: 1rem !important;
	border-radius: var(--button-radius);
	width:100%;
}

.btn-white {
	background-color: #FFF;
	color: var(--text-black);
	border-color: #000;
}

.btn-white:hover {
	background-color: #000;
	color: #FFF;
}

.btn-one{
	background-color: var(--d21-primary);
	color: var(--text-black);
	border:none;
	border-radius: 1em;
}

.btn-one:hover{
	background-color:var(--d21-secondary);
}

.btn-one.black{
	color:white;
	background-color:transparent;
	border-radius:4px;
	border:2px solid white;
	padding: .5rem 1.5rem;
	font-size:1.3rem;
}

.btn-one.black:hover{
	color: var(--text-black);
	background-color: white;
}

.btn-one.white{
	color:var(--text-black);
	background-color:white;
	border-radius: 4px;
	border:2px solid white;
	padding: .5rem 1.5rem;
	font-size:1.3rem;
}

.btn-one.white:hover{
	color:white;
	background-color: var(--text-black);
}

.btn-grey {
	background-color: #F3F3F3;
	color: var(--text-black);
	border-color: #000;
}

.btn-grey:hover {
	background-color: #000;
	color: #FFF;
}

.btn-black {
	background-color: #000;
	color: #FFF;
}

.btn-black:hover {
	background-color: #FFF;
	color: var(--text-black);
	border-color: #000;
}

.btn-purple {
	background-color: #a405cc;
	color: #FFF;
}
.btn-purple:hover {
	background-color: var(--text-black);
	color: #FFF;
}

.btn-blue {
	background-color: #0693e3;
	color: #FFF;
}
.btn-blue:hover {
	background-color: #000;
	color: #FFF;
}

.btn-yellow {
	background-color: var(--highlight-color);
}

.btn-green {
	background-color: green;
}

.btn-red {
	background-color: red;
}

.btn-blue {
	background-color: blue;
}

.btn-yellow:hover{
	box-shadow: 0 0 20px rgba(0,0,0,.15);
}

.btn-primary {
	border-color: #3fa9f5 !important;
	background-color: #3fa9f5 !important;
}

.btn-instagram{
	background-color: #F56040;
	color: white;
}

.btn-linkedin{
	background-color: #0077b5;
	color: white;
}

.btn-facebook{
	background-color: #4267B2;
	color: white;
}

.btn-facebook:hover,
.btn-linkedin:hover,
.btn-instagram:hover{
	background-color:transparent;
}

.btn-highlight {
	background-color: var(--highlight-color) !important;
	border-color: #000 !important;
}

.btn-gradient {
	padding: 10px 22px;
    color: #fff;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.btn-gradient:hover {
	color: #fff;
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-gradient.orange {
	border: 0px solid transparent !important;
	background-image: linear-gradient(to right, rgb(251, 200, 35), #ff9a44, #ef9d43, #E84318);
    box-shadow: 0 4px 15px 0 rgba(251, 200, 35, 0.75);
}

.btn-gradient.red {
    background-image: linear-gradient(to right, #E8424C, rgb(202, 11, 46), #CB4976, #9E3088);
    box-shadow: 0 4px 15px 0 rgba(202, 11, 46, 0.75);
}

.btn-gradient.green {
    background-image: linear-gradient(to right, #009245, #FCEE21, #009245, #D9E021);
    box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
}

.btn-gradient.purple {
    background-image: linear-gradient(to left, #39A8E0, #852D91, #A3A1FF, #852D91);
    box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}


.btn-transparent, .btn-transparent:hover {
	background-color: transparent;
	border-color: transparent;
	color: black;
}

.btn-dark:hover {
	background-color: #FFF;
	color: #000;
}


.btn-circle{
	background-color: transparent;
	font-family: "DIN Next W01 Light", "Roboto", sans-serif !important;
	border: 2px solid #000 !important;
	width: 16rem !important;
	min-width: 16rem !important;
	height: 16rem !important;
	font-size: 1.6rem;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	text-align: center;
	text-transform: uppercase;
	font-weight: 100;
	transition: all .3s ease;
	transform-origin: center top;
	transform: scale(.7);
}

.btn i{
	padding-right: 10px;
}

.cta-navi button{
	/*border: 2px solid var(--highlight-color);*/
	border: 2px solid var(--text-black);
	background-color: var(--highlight-color);
	animation: background-switch 3s infinite linear;
}

.home a.d21-trigger-ibe{
	box-shadow: 0px 3px 6px #00000033;
	background-color:#f3f3f3;
}

a.start-team,
.single-post .entry-content a.read-more{
	float:right;
}

.cockpit-video iframe,
.fullwidth-video iframe,
.single-post .is-type-video iframe{
	max-width: 100%;
    width: 1264px!important;
    height: 712px!important;
}

@media (max-width:1200px){
	.cockpit-video iframe,
	.fullwidth-video iframe,
	.single-post .is-type-video iframe{
		height:650px!important;
	}
}

@media (max-width:1000px){
	.single-post .is-type-video iframe{
		height:342px!important;
	}
}

@media (max-width:968px){
	.cockpit-video iframe,
	.fullwidth-video iframe{
		height:550px!important;
	}
}

@media (max-width:840px){
	.cockpit-video iframe,
	.fullwidth-video iframe,
	.single-post .is-type-video iframe{
		height:360px!important;
	}
}

@media (max-width:768px){
	.cockpit-video iframe,
	.fullwidth-video iframe{
		height:256px!important;
	}
	.single-post .is-type-video iframe{
		height:250px!important;
	}
}

@media (max-width:500px){
	.cockpit-video iframe,
	.fullwidth-video iframe,
	.single-post .is-type-video iframe{
		height:216px!important;
	}
}

.two-third-video iframe{
	max-width: 100%;
    width: 1264px!important;
    height: 452px!important;
}

.home .card img.card-img-top,
.storys-template-default .card img.card-img-top,
.card-share .card img.card-img-top,
.page-template .card img.card-img-top{
	width: 25%;
	min-width:80px;
	border: var(--icon-border);
	border-radius: 20px;
	padding: 15px;
}

@media (max-width:992px) and (min-width:768px){
.home .card img.card-img-top,
.storys-template-default .card img.card-img-top,
.card-share .card img.card-img-top,
.page-template .card img.card-img-top{
		width:50%!important;
	}
}

h3.card-title{
	margin-bottom: 0.5rem;
}

.team-slider{
    margin:90px auto 60px;
	max-height: 250px;
	overflow-x: hidden;
}

.ddd-slider{
    margin:90px auto 60px;
	max-height: 250px;
	overflow-x: hidden;
}

/* Exception Background Team Slider Onlineschulung */
.page-id-3415 .bg-light.start-teamframe{
	background-color:white!important;
}

.team-slider .member-box img,
.ddd-slider .single-box img{
    max-height:calc( 215px - 22px );
	border-radius: calc(.25rem - 1px);
}

@media (min-width:992px) and (max-width:1199px){
	.team-slider .member-box img,
	.ddd-slider .single-box img{
    	max-height:204px;
    	padding:0rem
	}
}

@media (min-width:768px) and (max-width:991px){
	.team-slider .member-box img,
	.ddd-slider .single-box img{
    	max-height:196px;
    	padding:0rem
	}
}

@media (max-width:767px){
	.team-slider .member-box img,
	.ddd-slider .single-box img{
    	max-height:initial;
		max-width: calc(100% - 0.5rem);
    	padding:0rem;
	}
}

.start-teamframe h1{
	text-align:center;
	font-family: "DINNextLTPro Condensed", "Roboto Condensed", sans-serif !important;
}

/* Direkt Seite */
@media (min-width:769px){
.dirs21-vorteile img{
	max-height:550px;
	width:auto;
	}
}

/* Channelswitch Seite */
.channel-more-box h3{
	margin-top:2rem;
}

@media (min-width:769px){
	h2.dont-hide{
		min-height:48px;
	}
	h3.dont-hide{
		min-height:35px;
	}
}

.page-betreuung .p-0.komfort-box>div,
.page-betreuung .p-0.unique-box>div,
.automate-box>div{
	padding:0!important;
}

/*
	Forms - Parent 2783 is Aktion
*/

.form-input,
.wpml-quiz,
.parent-pageid-2783 form.action-form input[type=text],
.parent-pageid-2783 form.action-form input[type=email],
.parent-pageid-2783 form.action-form input[type=tel],
.parent-pageid-2783 form.action-form textarea,
.parent-pageid-2783 form.action-form select,
.parent-pageid-2783 .action-form form input[type=text],
.parent-pageid-2783 .action-form form input[type=email],
.parent-pageid-2783 .action-form form input[type=tel],
.parent-pageid-2783 .action-form form textarea,
.parent-pageid-2783 .action-form form select,
.contact-big form .wpcf7-form-control-wrap input:not([name="gdpr"]):not(.wpml-quiz){
	margin-top: 2rem;
	border-bottom: 1px solid #000 !important;
	border-radius: 0 !important;
	font-size: 1.6rem !important;
	opacity: 1;
	outline: 0 !important;
	padding: 10px;
	width: 100%;
	font-size: 14px;
	font-family: inherit;
	line-height: 24px;
	color: #242424;
	background: 0 0 !important;
	background-color: #f1f1f1!important;
	border: none;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

.contact-big form .xl .wpcf7-form-control-wrap input{
	margin-top:0;
}

.parent-pageid-2783 form.action-form>div,
.parent-pageid-2783 .action-form form>div{
	padding-right: 4%;
    padding-left: 4%;
	padding-top: 20px;
}

.parent-pageid-2783 form.action-form input[type=text],
.parent-pageid-2783 form.action-form input[type=email],
.parent-pageid-2783 form.action-form input[type=tel],
.parent-pageid-2783 form.action-form textarea,
.parent-pageid-2783 .action-form input[type=text],
.parent-pageid-2783 .action-form input[type=email],
.parent-pageid-2783 .action-form input[type=tel],
.parent-pageid-2783 .action-form textarea,
.parent-pageid-2783 .action-form select{
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif!important;
	font-weight:400;
	color:black;
}

.bg-white .form-input,
.parent-pageid-2783 .action-form input[type=text],
.parent-pageid-2783 .action-form input[type=email],
.parent-pageid-2783 .action-form input[type=tel],
.parent-pageid-2783 .action-form textarea,
.parent-pageid-2783 .action-form select{
	background-color: #F3F3F3 !important;
	margin-top:0!important;
}

.bg-light .form-input {
	background-color: #FFFFFF !important;
}

#contactForm02 .form-input,
.contact-big .form-input,
.bg-gradient-one .form-input,
.bg-gradient-direktbuchung .form-input,
.bg-gradient-channelmanagement .form-input,
.bg-gradient-betreuung .form-input,
.contact-big input.wpml-quiz,
#contactForm02 input.wpml-quiz,
.contact-big form .wpcf7-form-control-wrap input{
	background-color: #F3F3F3 !important;
}

.form-input::placeholder,
.wpcf7-quiz::placeholder,
.parent-pageid-2783 .action-form input::placeholder{
	opacity: 1;
	font-weight: 200;
	font-size: 1.6rem;
	color: #242424!important;
}

.contact-big .wpml-quiz{
	margin-top:0;
}

@media(max-width:1000px){
	.contact-big>div{
		padding-left:0!important;
		padding-right:0!important;
	}
}

.parent-pageid-2783 form.action-form,
.parent-pageid-2783 .action-form form{
	display: block;
    position: fixed;
    right: 70px;
    top: 180px;
    width: 35%;
    z-index: 0;
	padding-top:1rem;
	padding-bottom:2rem;
}

@media(max-width:768px){
	.parent-pageid-2783 .action-form form{
		position: relative;
    	right: 0;
		width:100%;
		top:initial;
	}
}

.parent-pageid-2783 form.action-form br,
.parent-pageid-2783 .action-form form br{
	display:none;
}

.action-form-head{
	margin-bottom:2rem;
}

.small-sized{
	text-align: right;
    font-size: 70%;
    display: block;
    font-weight: 800;
}

/*
	CONTACT FORM 7
*/

.wpcf7-submit {
	margin-top: 1rem;
	color: white !important;
	background-color: #242424!important;
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
}

.wpcf7-submit:hover {
	font-family: "DIN Next W01 Light", "Roboto", sans-serif !important;
	background-color: #FFF !important;
	color: black !important;
}

.page-onlineschulung .bg-white .wpcf7-submit,
.page-onlineschulung .bg-light .wpcf7-submit{
	color: var(--text-black)!important;
	background-color:#F3F3F3!important;
	font-family: "DINNextLTPro Medium", "Roboto", sans-serif !important;
}

.page-onlineschulung .bg-white .wpcf7-submit:hover,
.page-onlineschulung .bg-light .wpcf7-submit:hover{
	background-color: #000!important;
    color: #FFF!important;
}

.wpcf7-form label{
	width: 100% !important;
}

.wpcf7-form-control-wrap {
	width: 100% !important;
	display: inline-block;
	margin-bottom: 1rem !important;
}

/* Ausnahme 100% Presse */
.wpcf7-form #press-form label{
	width: initial !important;
}

/* Ende Ausnahme */

.wpcf7-form .wpcf7-spinner{
	width:initial !important;
}

.wpcf7-list-item {
	text-align: left !important;
	margin: 0 !important;
}

.wpcf7-list-item-label {
	margin-left: 5px !important;
}

.wpcf7-form input[type=checkbox],
#commentform .comment-form-cookies-consent input{
    transform: scale(1.5) !important;
}

.wpcf7-form:checked .wpcf7-form::before {
	color: #000;
    border-color: var(--highlight-color);
    background-color: var(--highlight-color);
}

.wpcf7-form-control-wrap .wpcf7-not-valid {
	border: 3px solid #CC0000 !important;
}

.wpcf7-select{
	padding: 5px 0;
}

.wpcf7-acceptance,
.wpcf7-quiz-label{
	display: block;
	padding: 0.5rem;
}

.wpcf7-not-valid-tip {
	right: 0;
	bottom: 0;
	background-color: #CC0000 !important;
	color: #FFF !important;
	padding: 4px !important;
}

.wpcf7-response-output {
	border-color: #CC0000 !important;
	color: #000000;
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
	margin: 1rem auto !important;
}

span span.wpcf7-not-valid-tip {
	font-size: 1.25rem !important;
}

@media (min-width:1200px){
	.contact-big form br{
		display:none;
	}
	.contact-big form label.fi-tel,
	.contact-big form label.fi-cnr{
		width: 49.5%!important;
		display: inline-block;
	}
	.contact-big form label.fi-name,
	.contact-big form label.fi-mail{
		width: 49.5%!important;
	}
	.contact-big form label.fi-tel.xl,
	.contact-big form label.fi-cnr.xl,
	.contact-big form label.fi-name.xl,
	.contact-big form label.fi-mail.xl{
		width: 100%!important;
		display: block;
	}

	.contact-big form label.fi-tel.xl input,
	.contact-big form label.fi-cnr.xl input,
	.contact-big form label.fi-name.xl input,
	.contact-big form label.fi-mail.xl input{
		width:100%;
	}
}

.contact-big form .btn,
#contactForm02 form .btn,
.aktion-columns>div:nth-child(2) .wpcf7-submit{
	width: 100%;
    font-size: 2rem;
	font-family: "DINNextLTPro Medium", "Roboto", sans-serif !important;
	border:1px solid black;
	background-color:#242424;
	box-shadow: var(--button-shadow);
	border-radius:2px;
}

.action-form input.btn{
	width: 100%;
    font-size: 1.2rem;
	font-family: "DINNextLTPro Medium", "Roboto", sans-serif !important;
	border:1px solid black;
	background-color:#242424;
	box-shadow: var(--button-shadow);
	border-radius:2px;
	padding-top: 10px;
}

.contact-cal button,
.contact-know button,
#trial-form .wpcf7-submit.btn{
	width: 100%;
    font-size: 2rem;
	font-family: "DINNextLTPro Medium", "Roboto", sans-serif !important;

	box-shadow: var(--button-shadow);
}

@media (max-width:450px){
	.contact-cal button,
	.contact-know button,
	.contact-big form .btn,
	#contactForm02 form .btn{
		font-size:1.3rem;
	}
}

@media (max-width:991px){
	.contact-big .wp-block-columns,
	#contactForm02 .wp-block-columns{
		flex-direction:column;
	}
	.contact-big .wp-block-columns>div:nth-child(1),
	#contactForm02 .wp-block-columns>div:nth-child(1){
		order:2;		
	}
}

.contact-big .contact-col-right>p{
	width:100%;
}

@media (min-width:1111px){
	.contact-big .contact-col-right,
	#contactForm02 .contact-col-right{
		display: flex;
		flex-wrap: wrap;
	}

	.contact-cal,
	.contact-know{
		flex-grow: 1;
    	width: 49%;
		display:inline-block;
	}

	.bottom-divider-holder{
		flex-grow:1;
	}

	.contact-cal{
		padding-right:5px;
	}
	
	.contact-know{
		padding-left:5px;
	}
}

.wpcf7 select,
.wpcf7 input{
	max-width:100%;
}

/* PMS Page Form to Grid */
#post-7789 .wpcf7-form-control-wrap{
	display:grid;
}

/* Test for Onlineschulungs-Page */
.wpcf7-checkbox .wpcf7-list-item{
	display:block;
}

.wpcf7 .hide-labels label,
.wpcf7 .hide-labels br{
	display:none;
}

.wpcf7 .hide-labels .wpcf-quiz label{
	display:block;
}

/*
	ANIMATIONS
*/

.einfaden {
	transition: 1.4s;
}

.slideIn_rightToleft {
	animation: myAnim 1s ease-in 3s 1 normal forwards;
}

@keyframes myAnim {
	0% {
		opacity: 0;
		transform: translateX(450px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}



/*
	ANIMATION: Text-Switcher
*/
  
#textchange {
	animation: pulse 5s;
}

@keyframes pulse {
	0% {
	color: #051E3E;
	}
	10% {
		color: #051E3E;
	}
	30% {
		color: white;
	}
	50% {
		color: #051E3E;
	}
	60% {
		color: #051E3E;
	}
	80% {
		color: white;
	}
	100% {
		color: #051E3E;
	}
}

#textchange:after {
	content: "";
	animation: spintext 15s linear infinite;	
}

@keyframes spintext {
  0% { content:"DIRS21"; }
  100% { content:"Digitaler Vertrieb"; }
}



/*
	ANIMATED TEXT & ANIMATIONEN
*/

.animatedtext span{
	animation: topToBottom 36s  infinite 0s;
	-ms-animation: topToBottom 36s  infinite 0s;
	-webkit-animation: topToBottom 36s  infinite 0s;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	/* border: 1px solid white; */
}

.animatedtext span:nth-child(1){
	animation-delay: 12s;
	-ms-animation-delay: 12s;
	-webkit-animation-delay: 12s;
	color: red !important;
	animation-delay: 0s;
}

.animatedtext span:nth-child(2){
	animation-delay: 12s;
	-ms-animation-delay: 12s;
	-webkit-animation-delay: 12s;
	color: var(--highlight-color) !important;
}
  
  .animatedtext span:nth-child(3){
	animation-delay: 24s;
	-ms-animation-delay: 24s;
	-webkit-animation-delay: 24s;
	color: green !important;
  }
  
  @-webkit-keyframes topToBottom{
	0% { opacity: 0; }
	25% { opacity: 0;  }
	50% { opacity: 1;  }
	75% { opacity: 0.9;  }
	100% { opacity: 0; }
  }



#textswitcher1, #textswitcher3 {
	transition: opacity 2s;
	display: inline-block;
	text-align: left;
}
#textswitcher2, #textswitcher4 {
	transition: opacity 2s;
	display: inline-block;
	text-align: left;
}
.out {
	opacity: 0;
	transition: opacity 2s;
}



/*
	BOXES: References: Overview
*/

.referenzen-liste {
	gap:20px;
	--bs-gutter-x: 0;
}

.box_referenz,
.box_referenzdetail {
	position: relative;
	padding-bottom: 80px!important;
}

@media (max-width:991px){
	.box_referenzdetail_parent{
		margin-bottom:2rem;
	}
}

.box_referenzdetail_parent p{
	padding-bottom: 80px!important;
}

.box_referenz .bottom-ref,
.box_referenz button.bottom-ref-no,
.box_referenzdetail_parent button{
	position:absolute;
	right:0;
	bottom:0;
	margin: 20px;
}

.box_referenz button.bottom-ref-no{
	box-shadow:none;
	cursor:not-allowed;
}

.box_referenz button.bottom-ref-no:hover{
	background-color:white;
	color:black;
}

.box_referenz a {
	text-decoration: none;
	color: black;
}

.box_referenz button{
	float: right;
}

.box_referenz h4 {
	font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif !important;
}

.box_referenz p {
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
	font-size: 1.5rem !important;
}

.box_referenz img {
	width: 100%;
}

.box_referenz.active{
	border: 1px solid #f3f3f3;
	background-color: #f3f3f3;
	box-shadow: var(--button-shadow);
	height: 100%;
}

.box_referenz.coming-soon{
	border: 1px solid #242424;
}

.box_referenz.coming-soon h4 .material-icons{
	color:transparent;
}

@media (min-width: 768px){
.referenzen-liste>a,
.box_referenz.col-md-4 {
    	width: calc( 33.33333333% - 20px);
	}
}

/*
	BOXES: References: Details
*/

.box_referenzdetail {
	background-color: #FFF;
	box-shadow: 0 0 30px rgba(0,0,0,.15);
	padding: 20px !important;
}
.box_referenzdetail:hover {
	box-shadow: 0 0 30px rgba(250,230,0,.15);
}

.box_referenzdetail a {
	text-decoration: none;
	color: black;
}

.box_referenzdetail h4, .box_referenzdetail h4 a {
	font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif !important;
	color: #191919;
}

.box_referenzdetail p, .box_referenzdetail p a {
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
	font-size: 1.5rem !important;
	color: #191919;
}


@media (max-width: 767px) {
	.box_referenzdetail_parent {
		margin-bottom: 20px !important;
	}
}



/*
	BOXES: Teaser
*/

.box_teaser {
	background-color: #242424;
	/*background-image: linear-gradient(147deg, #06f4cf 0%, #f8ef06 100%);*/
	box-shadow: 0 0 30px rgba(0,0,0,.15);
	padding: 20px !important;
	text-align: right !important;
}
.box_teaser:hover {
	box-shadow: 0 0 30px var(--highlight-color);
}
.box_teaser a {
	text-decoration: none;
	color: black;
}



/*
	BOXES: Employees
*/ 	

.card-img-overlay {
	position: absolute;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.0));
}
.box_mitarbeiter:hover .card-img-overlay {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.0),rgba(0, 0, 0, 0.0)) !important;
	transition: all 0.9s ease !important;
}

.box_mitarbeiter h4 {
	position: absolute;
	color: white;
	bottom: 2rem;
	z-index: 3;
}

.box_mitarbeiter .card-text {
	font-family: "DIN Next W01 Light", "Roboto", sans-serif;
	font-size: 1rem !important;
	position: absolute;
	color: white;
	bottom: 1rem;
	z-index: 4;
	line-height:100%;
}

@media (min-width:1200px){
	.box_mitarbeiter .card-text {
		font-family: "DINNextW01-CondensedLig", "Roboto", sans-serif;
		font-size:.9rem!important
	}
}
.box_mitarbeiter i{
	padding: 5px;
    vertical-align: super;
    font-size: 120%;
}

.box_logo:hover, .box_mitarbeiter:hover {
	border-color: 1px solid yellow !important;
	
}

div[data-promo="yes"] .box_mitarbeiter h4,
div[data-promo="yes"] .box_mitarbeiter p{
	text-align: right;
    width: calc(100% - 2rem);
}

@media (max-width: 767px) {
	.box_mitarbeiter p {
		display: none;
	}
	.box_mitarbeiter h4 {
		margin: 0;
	}
	.card-button {
		top: 0.5rem !important;
		right: 0.5rem !important;
		opacity: 1 !important;
		transform: none !important;
		-moz-transform: none !important;
		-o-transform: none !important;
		-ms-transform: none !important;
		transition: none !important;
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
	}
	.card-button:hover {
		transform: none !important;
		-moz-transform: none !important;
		-o-transform: none !important;
		-ms-transform: none !important;
		transition: none !important;
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
	}
}


.card-button {
	color: #191919;
	background-color: var(--highlight-color);
	padding: 4px 4px 0 4px;
	border-radius: 4px;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
	opacity: 0;
	transform: translate(60px, 0);	
	-webkit-transform: translate(60px, 0);
	-moz-transform: translate(60px, 0);
	-o-transform: translate(60px, 0);
	-ms-transform: translate(60px, 0);
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
.card-button:hover {
	color: black;
}

.box_logo:hover .card-button, .box_mitarbeiter:hover .card-button {
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	opacity: 1;
}

.box_logo:hover, .box_mitarbeiter:hover {
	border-color: 1px solid yellow !important;
	/*box-shadow: 0px 0px 20px rgb(255, 230, 0) !important;*/
	box-shadow: 0px 0px 20px var(--highlight-color) !important;
}

.box_mitarbeiter:hover .card-img img {
	transform: scale(1.05) !important;
	transition: all 0.8s ease-in !important;
}

.card-img:hover {
	transform: scale(1.05);
	transition: all 0.9s ease !important;
}



/*
	BOXES: Three Boxes, colored footer
*/

.boxA {
	background-image: url('assets/images/box_sub1.png');
	background-size: cover;
}

.boxB {
	background-image: url('assets/images/box_sub2.png');
	background-size: cover;
}

.boxC {
	background-image: url('assets/images/box_sub3.png');
	background-size: cover;
}

.card .card-body hr{
	max-width: 70%;
    margin: 1.5rem auto;
}

.card .card-footer {
	max-height: 5px;
	padding:5px 0 0 0;
}

/*
	Video-Container
*/

.container video {
	display: block;
	width: 100%;
}

#video_preview {
	display: inline-flex;
	vertical-align: bottom;
}

.videocontainer {
	position: relative;
}

.videocontainer__overlay {
	left: 0;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	align-items: center;
	display: flex;
	justify-content: center;
}



/*
	PARTNER
*/

.box_partner {
	background-color: #FFF;
	padding: 20px;
	border: 1px solid #f6f6f6;
	border-radius: 8px;
	transition: transform .15s;
	box-shadow: 0 0 30px rgba(0,0,0,.15);
}

/*
	BLOG
*/

body.single ::selection,
body.blog ::selection{
	color: #111;
	/*background: var(--blog-color-light)!important;*/
	background: var(--highlight-color-light)!important;
}

body.single::-moz-selection,
body.blog::-moz-selection{
	color: #111;
	/*background: var(--blog-color-light)!important;*/
	background: var(--highlight-color-light)!important;
}

.blog-main-nav ul li ul.sub-menu{
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s linear;
}

.blog-main-nav ul li:hover ul.sub-menu{
	max-height: initial;
	transition: all 0.3s linear;
}

.blog-main-nav ul li ul.sub-menu{
    position: absolute;
    margin-top: 10px!important;
}

.blog-flex-parent {
	display: grid;
	grid-column-gap: 50px;
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
	background-color: #F4F4F4;
	padding: 20px;
	font-family: "DIN Next W01 Light", "Roboto", sans-serif !important;
}

.blog-flex-parent .post-thumbnail img {
	margin-bottom: 30px;
}

.blog-flex-parent p,
.blog-flex-parent ul li,
.blog-flex-parent ol li {
	font-size: 1.5rem;
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
}

/* Intended for inside blog posts */
.blog-flex-parent ul a,
.blog-flex-parent ol a,
.blog-flex-parent p a,
.glossary_desc a{
	border-bottom:1px solid var(--highlight-color);
}

.blog-flex-parent ul a:not(.btn):after,
.blog-flex-parent ol a:not(.btn):after,
.blog-flex-parent p a:not(.btn):after{
	content: " \f0c1";
    font-family: 'Font Awesome 6 Pro';
    font-size: 70%;
    color: #333;
}

.blog-flex-parent .blog-colorborder{
	margin: 3rem 0;
    border: 2px solid var(--highlight-color);
    background-color: white;
    padding: 2rem;
}

@media (max-width:768px){
	.blog-flex-parent .blog-colorborder{
		padding:1rem;
	}
}

.blog-flex-parent .blog-colorborder p,
.blog-flex-parent .blog-colorborder ul{
	margin-bottom:0!important;
}

.blog-flex-parent .wp-block-image figure figcaption,
.blog-flex-parent .blog_quote-box figure figcaption{
	text-align:center!important;
}

.blog-flex-parent .blog-marker{
    padding: 0.1em 0.4em;
    border-radius: 0.8em 0.3em;
    background: transparent;
    background-image: linear-gradient( to right, var(--highlight-color-lighter), var(--highlight-color-light) 4%, var(--highlight-color-lighter) );
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
	margin-top:15px;
}

.blog-flex-parent .blog-marker>*{
	margin-top: -20px;
    display: block;
}

.blog-flex-parent .blog-longquote{
	border-left: 4px solid black;
    padding-left: 2rem;
	margin: 3rem 0 3rem 1rem;
}

.blog-flex-parent .blog-longquote>div>p:last-of-type{
	/*font-style:italic;*/
}

/* Abstaende - Source: DDD Post - Parent 6476 is Events */
.parent-pageid-6476 h2{
	margin-top:2rem;
}

.single-post .blog-flex-parent .wp-block-gallery.has-nested-images{
	margin-top:3rem;
}

.single-post .blog-flex-parent figure.is-type-video,
.single-post .blog-flex-parent .blog-marker,
.single-post .blog-flex-parent .wp-block-media-text.is-stacked-on-mobile.has-background{
	margin-top: 3rem;
    margin-bottom: 3rem;
}

.comments-box{
	background-color: #F4F4F4;
    padding: 20px;
    font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
    font-size: 1.5rem;
}

.logged-in .comments-box{
	display:block!important;
}

.comments-box h2,
.comments-box h3{
	margin-bottom:12px;
}

.comments-box .comment-form-url{
	display:none;
}

.comments-box .comment-form-comment label,
.comments-box .comment-form-url label,
.comments-box .comment-form-email label,
.comments-box .comment-form-author label{
	width:100px;
}

.comments-box form#commentform{
	display:flex;
	flex-wrap:wrap;
}

@media (min-width:768px){
	.comments-box form#commentform>*{
		flex: 2 50%;
	}

	.comment-form-email label{
		text-align:right;
		padding-right: 10px;
	}

	.comments-box form#commentform .comment-form-author input,
	.comments-box form#commentform .comment-form-email input{
		width: calc( 100% - 120px );
	}
}

.comments-box .comment-form-cookies-consent label{
	vertical-align: text-top;
	padding-left: 10px;
	width: calc( 100% - 20px);
}

.comments-box input#wp-comment-cookies-consent{
	display:inline-block;
}

.comments-box form#commentform .comment-form-comment,
.comments-box form#commentform .comment-form-cookies-consent{
	flex: 3 100%;
}

.comments-box .comment-form-comment textarea{
    width: calc( 100% - 120px);
    display: inline-block;
    height: 120px;
}

.comments-box .comment-replies{
	margin-bottom:3rem;
}

.comments-box .reply-content{
	margin-bottom: 0;
	padding: 10px;
	padding-top: 0;
}

.comments-box .reply-meta{
	background-color: rgba(0,0,0,.03);
	padding: 2px 10px 0;
	font-size: 1.2rem;
	color: #000;
}

.comments-box .reply-author{
	font-weight: 600;
}

.comments-box .mod_comment .reply-meta{
	background-color:var(--highlight-color-light);
}

.comments-box .mod_comment p.reply-author:after{
	content: '';
    width: 20px;
    height: 15px;
    background-image: url(/public/img/icon_microphone.svg);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.comments-box .reply-meta p{
	margin-bottom:0;
}

.comments-box .reply-meta>*{
	display:inline-block;
}

.comments-box .form-submit input#submit{
	padding: .375rem .75rem;
	font-size: 1rem;
}

.comments-box .moderation-hint.highlighted {
    font-weight: 600;
}

.comments-box span.required-field-message{
	display:block;
	color:black;
	font-size:75%;
}

@media (max-width:767px){
	.comments-box span.required-field-message{
		margin-top:.5rem;
		margin-bottom:.5rem;
	}

	.comments-box .comment-form-comment label,
	.comments-box .comment-form-url label,
	.comments-box .comment-form-email label,
	.comments-box .comment-form-author label,
	.comments-box .comment-form-comment textarea,
	.comments-box input[type="text"],
	.comments-box input[type="email"],
	.comments-box p{
		width:100%;
	}
}

.comments-box p.form-submit{
	margin-top:30px;
}

.no-results.not-found{
	text-align: center;
    padding-left: 4rem!important;
    padding-right: 4rem!important;
}

/*******************************/

.single-post .blog-flex-parent .wp-block-media-text.is-stacked-on-mobile.has-background{
	background-color: rgba(169,177,180,.5)!important;
}

/* Hide image in blog quote box on mobile: */
@media(max-width:991px){
	.blog-flex-parent .wp-block-media-text.is-stacked-on-mobile.has-background{
		grid-template-columns:100%!important;
	}

	.blog-flex-parent .wp-block-media-text.is-stacked-on-mobile.has-background>.wp-block-media-text__content{
		padding-left:12%;
		padding-right:12%;
	}

	.blog-flex-parent .wp-block-media-text.is-stacked-on-mobile.has-background:before{
		content:"\22";
		color:white;
		font-size:5rem;
   		font-family: 'Font Awesome 6 Pro';
		position: absolute;
	    margin-left: 20px;
	}

	.blog-flex-parent .wp-block-media-text.is-stacked-on-mobile.has-background:after{
		content:"\22";
		color:white;
		font-size:5rem;
   		font-family: 'Font Awesome 6 Pro';
		text-align: right;
    	padding-right: 20px;
		margin-top: -8rem;
	}

	.blog-flex-parent .wp-block-media-text.is-stacked-on-mobile.has-background figure.wp-block-media-text__media{
		display:none;
	}
}

.cat-descriptions>div{
	display:none;
}

.cat-descriptions>div.active{
	display:block;
}

.archive.category .archive-header h1,
.archive.tag .archive-header h1{
	font-size: 2.5rem;
}


/* left alignment mod
.archive.category section.container>div.container,
.archive.tag  section.container>div.container{
	padding-left:0;
	padding-right:0;
}*/

.archive.category section#primary,
.archive.tag section#primary{
	padding-top:0!important;
	padding-right: var(--bs-gutter-x,.75rem)!important;
    padding-left: var(--bs-gutter-x,.75rem)!important;
}

#category_archive_description p{
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif !important;
	font-size: 1.5rem !important;
	margin-top: 20px;
}

.posted-on time {
	color: #CCC;
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
	font-size: 1.25rem !important;
}

/* Bloglist for index.php - cardlist for index.php and where? */
#blogliste div.category,
#blogliste div.tags,
#cardlist div.category{
	margin-bottom: 20px;
}

body.blog div.tags{
	display:none;
}

body.category div.category,
body.single .related-box div.category{
	display:none;
}

#blogliste div.tags a,
.single article .tags a{
	color:white;
	text-transform:lowercase;
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
	font-size: 1rem !important;
    background-color: #242424;
    padding: 3px 8px;
    border-radius: 3px;
}

#blogliste div.category a,
.blog-button,
.blog_success_cta a,
.blog_knowledgebanner a,
#cardlist div.category a,
.wp-block-getwid-testimonial__subtitle a{
	background-color:var(--highlight-color)!important;
	color: var(--text-black);
	padding: 3px 9px;
	font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif!important;
	font-size: 1.25rem !important;
    padding: 3px 9px 2px;
	margin-right: 5px;
	border-radius: var(--button-radius);
}

html.color-v1 #blogliste div.category a,
html.color-v1 #categoryfilter a.active,
html.color-v1 #glossarfilter a.active,
html.color-v1 body.blog #navigation .menuactive,
html.color-v1 body.single-post .menuactive,
html.color-v1 .blog_knowledgebanner a,
html.color-v1 .blog-button.below,
html.color-v1 #cardlist div.category a{
	/*text-shadow: 0 0 2px #242424;*/
	color:var(--text-black);
}

html.color-v1 .blog_knowledgebanner a:hover{
	border-color:var(--text-black);
	color:var(--text-black)!important;
}

html.color-v1 .blog-button.below:hover{
	background-color:transparent!important;
}

.blog-button{
	border: 1px solid #242424;
	box-shadow: var(--blog-shadow);
}

.single .blog-flex-parent p a,
.single .blog-flex-parent ul a,
.single .blog-flex-parent ol a{
	transition: all 0.5s ease-out;	
}

article .blog_success_cta a,
.blog_knowledgebanner a{
	font-size:1.5rem!important;
	/*border: 1px solid var(--blog-color);*/
	border: 1px solid var(--highlight-color);
	transition: all .3s;
	padding: 1rem 3rem!important;
}

@media (max-width:450px){
	.blog_knowledgebanner a{
		padding: 0.5rem 1rem!important;
    	width: 100%;
	}
}

.blog_formular_frame{
	background-color:white;
	padding:2rem 2rem 0 2rem;
}

.contact-form-blog{
	background-color:white;
	padding:0rem 2rem 2rem 2rem;
}

article .blog_success_cta a:hover,
.blog_knowledgebanner a:hover{
	color:var(--highlight-color)!important;
	background-color: white!important;
}

.blog-button,
.blog-form .blog-submit{
	width: 200px;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.contact-form-blog .blog-form>p>input.blog-submit{
	background-color:white!important;
	/*color: var(--blog-color)!important;*/
	color: black!important;
	padding: 3px 9px!important;
	font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif!important;
	font-size: 1.5rem !important;
    padding: 3px 9px 2px!important;
	border: 1px solid black;
	transition: all .3s;
	padding: 1rem 3rem!important;
}

.contact-form-blog .blog-form>p>input.blog-submit:hover{
	color:white!important;
	/*background-color:var(--blog-color)!important;*/
	background-color:var(--highlight-color)!important;
}

.extra-blog-icon-box{
	aspect-ratio: 2 / 1;
	display: flex;
  	justify-content: center;
  	align-items: center;
}

.extra-blog-icon-box img{
	max-width:25%;
	max-height:40%;
}

.extra-blog-box a.highlight-btn-right{
	border: var(--button-radius) solid var(--text-black);
	box-shadow: var(--button-shadow);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	background-color: var(--highlight-color);
}

.archive-footer{
	width:100%;
}

.single .blog-image-title{
	background-size:cover;
	background-position:center;
	min-height:500px;
	margin-bottom:3rem;
	background-repeat: no-repeat;
	position: relative;
}

.single .hero-content{
	/*text-align: center;
	position: absolute;
	display:inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/

	position: absolute;
    display: inline-block;
    bottom: 0;
	padding-left: 10px;
	padding-bottom: 1em;
}

.hero-content h1{
	text-transform: uppercase;
	font-size:5rem;
	/*background-image: linear-gradient(360deg,black,var(--blog-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}

@media (min-width: 1200px){
	.single .h1,
	.single h1 {
    	font-size: 3.5rem;
	}
}

.single article figure{
	text-align:center;
}

.type-post {
	font-family: "DIN Next W01 Light", "Roboto", sans-serif !important;
	margin-bottom: 2rem;
}

.post-navigation {
	/* background-color: #F4F4F4; */
	padding: 20px;
}

.post-thumbnail {
	text-align: center;
}

.post-thumbnail img {
	width: 100% !important;
	height: 100% !important;
}

.postinfo-parent {
	display: grid;
	grid-template-columns: 1fr 120px;
	grid-template-rows: 3rem;
	grid-column-gap: 20px;
	grid-row-gap: 0px;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.nav-previous a,
.nav-next a {
	color: #191919;
	font-family: "DIN Next W01 Light", "Roboto", sans-serif !important;
	text-decoration: none;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Blog blocks templates */
.single-post ul.blog_tpl_ollist{
	list-style-type: decimal;
}

.single-post ul.blog_tpl_ullist{
	list-style-type: circle;
}

.single-post .wp-block-column ul li{
	margin-bottom: 5px;
}

ul.blog_tpl_ollist.bubbly {
    list-style: none!important;
    counter-reset: custom-ol-counter;
    padding-left:1rem;
    margin: 1.75rem 0;
}

ul.blog_tpl_ollist.bubbly li{
    counter-increment: custom-ol-counter;
    min-height:1rem;
    padding: .5rem .5rem .5rem 2rem;
    position:
    relative;
}

ul.blog_tpl_ollist.bubbly li::before,
ul.blog_tpl_ollist.bubbly li::after{
    /*background: var(--blog-color);*/
	background: var(--highlight-color);
    border-radius: 1rem 1rem 0 1rem;
    content: '';
    height: 3rem;
    left: -1.5rem;
    overflow: hidden;
    position: relative;
    top: 0rem;
    width:3rem;
}

ul.blog_tpl_ollist.bubbly li::before{
    align-items: flex-end;
    content: counter(custom-ol-counter);
    display: flex;
    font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif;
    font-weight: 400;
    color: white;
    justify-content: flex-end;
    padding:0.125em 0.25em;
}

/*.single-post article .entry-content>div,
.single-post article .entry-content>figure{
	margin-bottom:5rem;
}*/

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

.single-post article .entry-content ul,
.single-post article .entry-content ol{
	margin-bottom:3rem;
}

.single-post article .entry-content h4{
	margin-top:4rem;
}

.single-post article .entry-content .wp-block-image{
	margin-top:2rem;
	margin-bottom:2rem;
}

@media(min-width: 782px){
	.single-post article .entry-content>div>div:nth-child(1) figcaption{
		text-align:left;
	}
	.single-post article .entry-content>div>div:nth-child(2) figcaption{
		text-align:right;
	}
}

@media(max-width: 782px){
	.single-post article figcaption{
		text-align:center;
	}
}

.single-post .blog-shadow,
.wp-block-pullquote{
	box-shadow:	0 0 30px #ddd;
}

.single-post .wp-block-pullquote{
	margin: 3em 0;
    padding: 3em 1rem;
}

.single-post .wp-block-pullquote p{
	font-size:1.8em;
}

.single-post .wp-block-pullquote cite{
	font-size:16px;
	font-style:normal;
}

article .testimonial-box .wp-block-columns{
	gap:1.5em!important;
}

@media (max-width:640px){
	.wp-block-getwid-testimonial__header{
		display:block;
	}

	.wp-block-getwid-testimonial__image-wrapper,
	.wp-block-getwid-testimonial__heading{
		margin: 10px auto 0;
		text-align:center;
	}
}

@media(max-width:640px){
	.mobile-only-col1>div:nth-child(2),
	.mobile-only-col1>div:nth-child(3){
		display:none;
	}
	.mobile-only-col2>div:nth-child(1),
	.mobile-only-col2>div:nth-child(3){
		display:none;
	}
	.mobile-only-col3>div:nth-child(1),
	.mobile-only-col3>div:nth-child(2){
		display:none;
	}
}

.blog-shadow-dark{
	box-shadow:	0 0 30px #999;
}

.single-post article .blog_introbox h3{
	margin-bottom:10px;
}

.single-post article .blog_introbox h4{
    font-size: 1.5rem !important;
	margin-top:0;
	font-family: "DINNextLTPro Condensed", "Roboto Condensed", sans-serif !important;
}

.single-post article .blog_successbox,
.single-post article .blog_quotebox,
.single-post article .blog_introbox{
    /*background-color: lightgray;*/
	background-color: white;
    padding: 4%;
}

.single-post article .blog_quotebox .wp-block-image,
.single-post article .blog_introbox .wp-block-image{
	margin-top:0;
	margin-bottom:0;
}

.single-post .blog_quotebox>div:nth-child(2),
.single-post .blog_introbox>div:nth-child(2){
	flex-grow:2;
}

.single-post .blog_quotebox.inverted>div:nth-child(1),
.single-post .blog_introbox.inverted>div:nth-child(1){
	flex-grow:2;
}

.single-post .blog_quotebox.inverted>div:nth-child(2),
.single-post .blog_introbox.inverted>div:nth-child(2){
	flex-grow:1;
}

.single-post .blog_quotebox p{
	font-size: 1.7rem;
	font-weight: bolder;
}

.single-post .blog_quotebox div>p:last-child{
	font-size: 1.4rem;
	font-weight: 400;
	margin-bottom:0;
}

.single-post article .centered-button{
	margin:2rem 0;
}

.single-post article .blog_successbox ul{
	list-style-type:none;
	padding-top:2rem;

	display:flex;
	flex-direction:column;
	height:100%;
}

.single-post article .blog_successbox ul li{
    padding: 3rem 1rem 1rem 25%;
	background-color: #eee;
    border-radius: 3px;

	flex-basis: 31.3%;
}

.single-post article .blog_successbox ul li:not(:last-child){
	margin-bottom: 1.5rem;
}

.single-post article .blog_successbox ul li:before{
	position: absolute;
    width: 25%;
	margin-left: -25%;
    color: #242424;
    /*background-color: white;
	border:1px solid #242424;*/
    border-radius: 20px;
    content: "\f05a";
    text-align: center;
    font-size: 3rem!important;

    font: var(--fa-font-thin);
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.single-post article .blog_successbox ul li:nth-child(1):before{
    content: "\f00c";
}

.single-post article .blog_successbox ul li:nth-child(2):before{
    content: "\f594";
}

.single-post article .blog_successbox ul li:nth-child(3):before{
    content: "\e29e";
}

.single-post article .blog_successbox>div:first-child{
	/*flex-grow:2;*/
}

@media (max-width: 992px){
	.wp-block-columns.blog_successbox{
    	display:block;
	}

	.single-post article .blog_successbox ul li:before{
		position:relative;		
		vertical-align:bottom;
	}

	.single-post article .blog_successbox ul{
		padding-left:0;
	}

	.single-post article .blog_successbox ul li{
		padding-left:20%;
		padding-top:1rem;
		padding-bottom:2rem;
	}
}

@media (min-width:991px){
	.single-post article ul.blog_singlelist{
		margin-left: 5rem;
		margin-right:5rem;
	}
}

.single-post article .blog_quote-box{
	padding-right:5rem;
	padding-left:5rem;
	margin-top:3rem;
	margin-bottom:3rem;
}

.single-post article .blog_quote-box>div:nth-child(2){
	flex-grow:2;
	background-image:url(/wp-content/themes/dirs21/assets/images/quotev2_light.png);
	background-position: 15px 15px;
	background-repeat: no-repeat;
	background-size:10%;
}

.single-post article .blog_quote-box>div:nth-child(2) p{
	margin: 10% 5% 5% 10%;
    color: black;
    font-size: 2em;
	font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif;

	background-image: url(/wp-content/themes/dirs21/assets/images/quotev2_light.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 10%;
}

/* Quotation bubble v2 */
.single-post article .blog_quote-box.v2>div:nth-child(2){
	background-image:none;
}

.single-post article .blog_quote-box.v2>div:nth-child(2) p{
	position: relative;
    padding: 15px 25px 20px 60px;
    margin: 40px auto 20px -50px;
    color: white;
    /*background: var(--blog-color-light);*/
	background: var(--highlight-color-light);
}

.single-post article .blog_quote-box.v2>div:nth-child(2) p:after{
	transform: skewX(160deg);
    content: "";
    position: absolute;
    top: 100%;
    left: 15%;
    border-width: 30px 30px 10px 0;
    border-style: solid;
    /*border-color: var(--blog-color-light) transparent transparent;*/
    border-color: var(--highlight-color-light) transparent transparent;
}

.half-head-half-box .lcol{
	flex:1;
	display:flex;
	align-items: center;
}

.half-head-half-box .wp-block-columns>div:nth-child(2),
.half-head-half-box .wp-block-columns>div:nth-child(3),
.half-head-half-box .wp-block-columns>div:nth-child(4){
	border: 2px solid var(--highlight-color);
    background-color: white;
    padding: 2rem 2rem 2rem 3rem;

	flex: 1;
    display: flex;
    align-items: center;
}

.uncolored.half-head-half-box .wp-block-columns>div:nth-child(2),
.uncolored.half-head-half-box .wp-block-columns>div:nth-child(3),
.uncolored.half-head-half-box .wp-block-columns>div:nth-child(4){
	border:none;
}

.half-head-half-box.uncolored .wp-block-columns>div:nth-child(2),
.half-head-half-box.uncolored .wp-block-columns>div:nth-child(3),
.half-head-half-box.uncolored .wp-block-columns>div:nth-child(4){
	background-color:transparent;
}

.half-head-half-box ul{
	margin-bottom:0!important;
	margin-left: 2rem;
    width: 100%;
}

/* Colored and Tripled version introduced and box flexibilized for DDD Lander */
.half-head-half-box .wp-block-columns>div:nth-child(2):before{
	content: ' ';
    display: block;
    /*position: relative;*/
    margin-left: -4rem;
    top: calc( 50% - 1rem);
    width: 2rem;
    height: 2rem;
    background-color: #F4F4F4;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    border-bottom: 2px solid var(--highlight-color);
    border-right: 2px solid var(--highlight-color);
}

.half-head-half-box.tripled .wp-block-columns>div:nth-child(2):before,
.half-head-half-box.third-two-third .wp-block-columns>div:nth-child(2):before{
	display:none;
}

.half-head-half-box.third-two-third .wp-block-columns>div:nth-child(2){
	flex:2;
}

.half-head-half-box h1,
.half-head-half-box h2,
.half-head-half-box h3,
.half-head-half-box h4{
	text-align:center;
	width:100%;
	margin-bottom:0;
}

@media(max-width:991px){
	.half-head-half-box,
	.half-head-half-box .rcol{
		margin-top:2rem;
	}
	.half-head-half-box .wp-block-columns{
		display:block;
	}
	.half-head-half-box .rcol{
		padding: 3rem 2rem 2rem 2rem;
	}
	.half-head-half-box .rcol:before{
	    transform: rotate(45deg);
    	-webkit-transform: rotate(45deg);
    	-moz-transform: rotate(45deg);
		left: calc( 50% - 1rem);
    	top: -4rem;
	}
}

.blog_knowledgebanner{
	padding:2% 4%;
	background-color: white;
}

@media (max-width:768px){
	.knowledge-blog-box .blog_knowledgebanner{
		padding-top:2rem;
		padding-bottom:2rem;
	}
}

.no-flex{
	display:block;
}

.blog_knowledgebanner>div{
	text-align:center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.blog_knowledgebanner i{
	/*position:absolute;*/
	width:80px;
}

.blog_knowledgebanner i.fa-lightbulb{
	opacity: 1;	
	transform: translate(0px, 32px);
}

.blog_knowledgebanner i.fa-lightbulb-on{
	opacity:0;
	animation: bulb-pulse;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	/*color:var(--blog-color);*/
	color:var(--highlight-color);
	transform: translate(0px, -32px);
}

@media(max-width:782px){
	.blog_knowledgebanner i.fa-lightbulb{
		transform: translate(42px, 0);
	}

	.blog_knowledgebanner i.fa-lightbulb-on{
		transform: translate(-42px, 0);
	}
}

.blog_knowledgebanner>div:nth-child(1){
	flex-grow: 1!important;
}

.blog_knowledgebanner>div:nth-child(2){
	flex-grow: 6!important;
}

.blog_knowledgebanner>div:nth-child(2) p{
	margin-bottom:0;
}

.blog_knowledgebanner>div:nth-child(3){
	flex-grow: 3!important;
}

.blog_knowledgebanner div .wp-block-buttons{
	display:block;
}

@keyframes bulb-pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes bulb-pulse {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.single .oversize{
	width: 110%;
	margin-left: -5%;
	margin-top: 4rem!important;
	margin-bottom: 4rem!important;
}

.single .blogshadow{
	box-shadow: 0 0 30px #ddd;
}

/*********************/

.single-post .wp-block-column strong{
	font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif;
	font-weight: 400;
}

.single-post .wp-block-column ul li:nth-child(1),
.single-post .wp-block-column ol li:nth-child(1){
		-webkit-animation: focus-in 1s linear 0.2s both;
	    animation: focus-in 1s linear 0.2s both;
}

.single-post .wp-block-column ul li:nth-child(2),
.single-post .wp-block-column ol li:nth-child(2){
		-webkit-animation: focus-in 1s linear 0.5s both;
	    animation: focus-in 1s linear 0.5s both;
}

.single-post .wp-block-column ul li:nth-child(3),
.single-post .wp-block-column ol li:nth-child(3){
		-webkit-animation: focus-in 1s linear 0.8s both;
	    animation: focus-in 1s linear 0.8s both;
}

.single-post .wp-block-column ul li:nth-child(4),
.single-post .wp-block-column ol li:nth-child(4){
		-webkit-animation: focus-in 1s linear 1.1s both;
	    animation: focus-in 1s linear 1.1s both;
}

.single-post .wp-block-column ul li:nth-child(5),
.single-post .wp-block-column ol li:nth-child(5){
		-webkit-animation: focus-in 1s linear 1.4s both;
	    animation: focus-in 1s linear 1.4s both;
}

.single-post .wp-block-column ul li:nth-child(6),
.single-post .wp-block-column ol li:nth-child(6){
		-webkit-animation: focus-in 1s linear 1.7s both;
	    animation: focus-in 1s linear 1.7s both;
}

.single-post .wp-block-column ul li:nth-child(7),
.single-post .wp-block-column ol li:nth-child(7){
		-webkit-animation: focus-in 1s linear 2s both;
	    animation: focus-in 1s linear 2s both;
}

.single-post .wp-block-column ul li:nth-child(8),
.single-post .wp-block-column ol li:nth-child(8){
		-webkit-animation: focus-in 1s linear 2.3s both;
	    animation: focus-in 1s linear 2.3s both;
}

.single-post .wp-block-column ul li:nth-child(9),
.single-post .wp-block-column ol li:nth-child(9){
		-webkit-animation: focus-in 1s linear 2.6s both;
	    animation: focus-in 1s linear 2.6s both;
}

.single-post .wp-block-column ul li:nth-child(10),
.single-post .wp-block-column ol li:nth-child(10){
		-webkit-animation: focus-in 1s linear 2.9s both;
	    animation: focus-in 1s linear 2.9s both;
}


/* Single Blog author Addon */
.author-box{
    background-color: #F4F4F4;
    padding: 20px;
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
	font-size:1.5rem;
}

.author-box img.contact-mail{
	height:24px;
}

.author-box .author.photo{
	max-width:100%;
	margin-bottom:24px;
}

/* Deactivate Author box on event posts */
article.post.category-events .author-box{
	display:none!important;	
}

@media (min-width:768px){
	.blog-single-author{
		display:flex;
		justify-content: space-between;
		gap:1em;
	}

	.author-box div.txt{
		flex-grow: 1;
		flex-basis: 75%;
	}

	.author-box div.img{
		flex-shrink: 1;
		flex-basis: 25%;
	}
	
	.author-box .author.photo{
		max-width:100%;
		margin-bottom:0px;
	}
}
.author-box .txt p{
	display:block;
}

.author-box .highlight{
	font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif;
}

/*
	BOXES: Blog-Previews & Testimonials Lander Sales SEA
*/

.box_blogdetail {
	background-color: #FFF;
	box-shadow: 0 0 30px rgba(0,0,0,.15);
	padding: 20px !important;
}

.box_blogdetail:hover,
.testimonial-box .wp-block-columns>div:hover{
	box-shadow:0 0 30px var(--highlight-color);
}

.testimonial-box .wp-block-columns>div{
	box-shadow: 0 0 30px rgba(0,0,0,.15);
	background-color:white;
	padding: 3rem 2rem;
}

#blogliste article a {
	text-decoration: none;
	color: black;
}

#blogliste article h4, #blogliste article h4 a {
	font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif !important;
	color: #191919;
}

#blogliste article p, #blogliste article p a {
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
	font-size: 1.5rem !important;
	color: #191919;
}

.box_blogdetail img {
	width: 100% !important;
	height: 100% !important;
	/* margin-bottom: 2rem; */
	margin-bottom:.5rem;
}

#blogliste article time {
	color: #CCC;
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
	font-size: 1.25rem !important;
}

@media (max-width: 991px) {
	.box_blogdetail .posted-on,
	.box_blogdetail .posted-by{
		display:block;
	}

	.box_blogdetail .posted-divider{
		display:none;
	}

	.blogpreview li {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.wp-block-latest-posts__post-excerpt {
		display: none;
	}
}

/* Blog Form */

.blog-form input{
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
	color:white;
}

.blog-form label span{
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
}

.blog-form .blog-submit{
	margin-top: 30px;
}

.blog-form .wpcf7-spinner{
	margin: -50px auto auto 70px;
    position: absolute;
}

.blog_form_frame{
	padding:2rem 4rem;
	/*border: 1px solid white;*/
    background-color: rgba(255,255,255,.5);
}

.blog_form_frame>div:nth-child(2){
	flex-grow:2!important;
}

.blog_form_frame>div:nth-child(2)>div{
	/*background-color:var(--blog-color);*/
	background-color:var(--highlight-color);
}

html.color-v1 .blog-flex-parent .blog_form_frame input.wpcf7-submit{
	color:var(--text-black)!important;
}

/*
	BLOG: Horizontal Menu
*/

#menu-blogmenu {
	list-style-type: none;
		
	flex: 1 0 100%;
	display: flex;
  	align-items: center;
  	justify-content: center;
	font-family: "DIN Next W01 Light", "Roboto", sans-serif !important;
}
  
#menu-blogmenu li {
	float: left;
}
  
#menu-blogmenu li a {
	display: block;
	color: black;
	text-align: center;
	padding: 16px;
	text-decoration: none;
	font-family: "DIN Next W01 Light", "Roboto", sans-serif !important;
}
  
#menu-blogmenu li a:hover {
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
	background-color: #FCFCFC;
}
#menu-blogmenu li a:active {
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
	/*background-color: var(--blog-color);*/
	background-color: var(--highlight-color);
}

#menu-blogmenu .current-menu-item {
	/*color: var(--blog-color);*/
	color: var(--highlight-color);
}



/*
	BLOG with category filter
*/

/* Main navi color change */
body.blog #navigation .menuactive,
body.single-post .menuactive,
body.category .menuactive{
	/*background-color: var(--blog-color);*/
	background-color: var(--highlight-color);
	color:#eee;
}

#categoryfilter,
#glossarfilter {
	flex: 1 0 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "DIN Next W01 Light", "Roboto", sans-serif !important;
}

#categoryfilter ul,
#glossarfilter ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	line-height: 48px;
}

#categoryfilter li,
#glossarfilter li {
	display: inline;
}

#categoryfilter ul li a,
#glossarfilter ul li a {
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
	padding: 1em 2em;
	margin-bottom: 0;
	font-size:1rem;
}

#categoryfilter a:hover,
#glossarfilter a:hover {
	color: white;
	/*background-color:var(--blog-color-light);*/
	background-color:var(--highlight-color-light);
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
}

#categoryfilter a.active,
#glossarfilter a.active {
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
	/*background-color: var(--blog-color);*/
	background-color: var(--highlight-color);
	color:white;
}

@media (max-width: 991px) {
	#categoryfilter ul,
	#glossarfilter ul {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 32px;
		text-align: center;
	}
	#categoryfilter li,
	#glossarfilter li {
		display: inline-block;
		
	}
	#categoryfilter ul li a,
	#glossarfilter ul li a {
		padding: 1em 2em;
	}
}

@media (max-width: 767px) {
	#categoryfilter ul,
	#glossarfilter ul {
		display: block;
		grid-template-columns: 1fr 1fr;
		grid-gap: 16px;
	}

	#categoryfilter ul li,
	#glossarfilter ul li{
		width:100%;
    	margin-bottom: 5px;
	}

	#categoryfilter ul li a,
	#glossarfilter ul li a {
		padding: 0.0em 1em;
		background-color: var(--highlight-color-light);
		display: inline-block;
	}

	#categoryfilter ul li a,
	#glossarfilter ul li a {
		min-width:250px;
	}
}

/*.blog div#blogliste{
	padding-top:25px;
	max-height:480px;
	overflow-y:hidden;	
}*/

div#bloglist-readmore,
div#bloglist-readall{
	position: relative;
	display: block;
    width: 100%;
    margin: 30px auto 4rem;
    /*background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(252,252,252,1) 30%);*/
    /*margin: 0 auto 3rem;*/
}

div#bloglist-readmore a,
div#bloglist-readall a{
	width: 32%;
    padding: 10px;
    margin: 0 auto;
    display: block;
	padding-left:28px;
}

@media (max-width:767px){
	div#bloglist-readmore a,
	div#bloglist-readall a{
		width:100%;
	}
}

div.no-more-posts{
	display: block;
    width: 100%;
    text-align: center;
}

#bloglist-readmore a i.fa-spin{
	color:transparent;
	margin-left:10px;
}

#bloglist-readmore a.loading-active{
	cursor: not-allowed;
	color: #ccc;
    border-color: #ccc;
}

#bloglist-readmore a.loading-active i.fa-spin{
	color:#999!important;
}

/*
	BLOG: SHARING-LINKS
*/

.sharing-link {
    padding: 0.5rem 0.5rem !important;
    color: white;
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
    font-size: 1rem;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

.single .entry-header .tags a{
	display:none;
}

.single .tags a{
    padding: 0.5rem 0.5rem !important;
    color: white;
    border-radius: 2px;
    margin-right: 2px;
	margin-bottom: 4px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

.single article .hero-tags a{
	/*background-color:rgba(255,255,255,.3);
	color:#242424;*/
	background-color:#242424;
	color:white;
}

.single article .hero-tags a:hover{
	/*background-color:var(--blog-color-light);*/
	background-color:var(--highlight-color-light);
	color:white;
}
 
.sharing-link:hover,
.sharing-link:active {
    color: white;
}

.sharing-link img {
	width: 20px;
	height: 20px;
}

.sharing-hover:hover,
.sharing-hover:active {
	background-color: yellow;
}

.sharing-twitter {
	/* background: #00aced; */
}
 
.sharing-twitter:hover,
.sharing-twitter:active {
    background: #0084b4;
}
 
.sharing-facebook {
    /* background: #3B5997; */
}
 
.sharing-facebook:hover,
.sharing-facebook:active {
    background: #2d4372;
}
 
.sharing-xing {
    /* background: #B9E050; */
}
 
.sharing-xing:hover,
.sharing-xing:active {
    background: #0698A0;
}
 
.sharing-pinterest {
    /* background: #bd081c; */
}
 
.sharing-pinterest:hover,
.sharing-pinterest:active {
    background: #E60023;
}
 
.sharing-linkedin {
    /* background: #0074A1; */
}
 
.sharing-linkedin:hover,
.sharing-linkedin:active {
    background: #006288;
}

.sharing-mail {
    /* background: #CCC; */
}
 
.sharing-mail:hover,
.sharing-mail:active {
    background: #999;
}
 
.sharing-social,
.single .tags {
    margin: 20px 0px 25px 0px;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
}



/*
	Boxes: Last three Blog-Articles
*/

.blogpreview a {
	font-size: 1.5rem !important;
	font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif !important;
	text-decoration: none;
	color: #191919;
	font-size: 1.5rem;
}

.blogpreview time, .box_blogdetail .entry-meta {
	color: #CCC;
	font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
	font-size: 1.25rem !important;
}

.blogpreview li {
	background-color: #FFF !important;
	min-height: 15rem;
	text-align: left;
	padding: 20px;
	box-shadow: 0 0 20px rgba(0,0,0,.15);
}

.blogpreview li:hover {
	box-shadow: 0 0 20px rgba(255,230,0,.65);
}

.wp-block-latest-posts__featured-image {
	padding-bottom: 20px !important;
}

@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}


/* Target the first path */
#playbutton:hover path:nth-child(1) {
	fill: yellow;
	fill-opacity: 0.8;
}


/*
	MODALS
*/

.modal-header {
	border: 0 !important;
	margin: 0 2rem 2rem 2rem !important;
}

#offcanvasLogin {
	/*background-image: url('assets/images/background-sidebar.svg');
	background-attachment: fixed;
	background-size: cover;
	background-position: center;*/
	background-color: var(--highlight-color);
	box-shadow: -5px 20px 55px 15px rgba(0,0,0,0.27);
	border-left: 0 !important;
}

#list-example,
#on-page-nav{
	top: 86px !important;
}

body>.modal{
	transition: all 0.5s ease-in;
}

/* Intially Payment Lander */
body #fadeinModal.modal.show{
	display:block!important;
	animation-name: modalFadeIn;
    animation-duration: 0.5s;
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

body>.modal.show,
#contactForm02.modal.show,
#trial-form.modal.show,
#fadeinModal.modal{
	z-index:10000;
}

#contactForm02.modal.show .fadeIn{	
	visibility:visible!important;
}

body>.modal .modal-body,
#contactForm02 .modal-body,
#trialForm .modal-body,
#fadeinModal .modal-body{
	padding:70px;
}

body>.modal.show .btn-close,
#contactForm02 .btn-close,
#trialForm .btn-close{
	position: absolute;
	top: 30px !important;
	right: 30px !important;
}

body>.modal.show .modal-content,
#contactForm02 .modal-content,
#trialForm .modal-content,
#fadeinModal .modal-content{
	background-color: var(--highlight-color) !important;
	/*background-image: url("assets/images/kontaktformular.jpg");*/
	background-position: center;
	background-size: cover;
}

.highlight-form label{
	font-family: "DINNextLTPro Light Condensed", "Roboto Condensed", sans-serif;
    font-size: 1.5rem;
}

.highlight-form .form-input{
	margin-top:0!important;
}

.btn-close {
	opacity: 1 !important;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='191919'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	width: 2rem;
	height: 2rem;
	background-size: cover;
	z-index: 999 !important;
}

.x-login:hover {
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	opacity: 1 !important;
	width: 2rem;
	height: 2rem;
	background-size: cover;
}

.x-contact:hover {
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fc0'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	opacity: 1 !important;
	width: 2rem;
	height: 2rem;
	background-size: cover;
}

.modal .wp-block-getwid-section__wrapper{
	max-width: 1400px;
    margin: 0 auto;
}


/*
	FOOTER
*/

@media (max-width: 767px) {
	#footer_section_one, #footer_section_two, #footer_section_three {
		text-align: center !important;
		padding: 0 !important;
		margin-bottom: 20px;
	}
}

#section_footer a:hover {
	color: var(--highlight-color) !important;
}

#footer_section_one {
	padding-left: 40px;
	text-align: left;
}
#footer_section_two {
	text-align: center;
}
#footer_section_three {
	padding-right: 40px;
	text-align: right;
}

.site-footer {
	padding: 40px;
	font-size: 1.25rem;
	font-family: "DINNextLTPro Light Condensed", "Roboto Condensed", sans-serif;
	background-color: #242424;

	/* Fix to work with bottom alert */
	position:relative;
	z-index:3;
}

.site-footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.site-footer a {
	color: white;
	text-decoration: none;
}



/*
	DIRS21-Schnellbuchungsboxen
*/

/* Quickbook */

#d21-quickbook.d21-quickbook{
	min-height:135px;
}

#d21-headline-container,
#d21-selected-day-price{
    display:none;
}

body .d21-calendar.d21-calendar-arrival .d21-calendar-inputs-arrival > span,
body .d21-calendar.d21-calendar-departure .d21-calendar-inputs-departure > span{
	background-color: var(--highlight-color);
}

#d21-quickbook .d21-input,
#d21-quickbook #d21-book-button,
#d21-big-calendar .d21-input,
body #d21-widgets-rooms .d21-item .d21-item-book,
body #d21-packages .d21-item .d21-item-book{
	border: 1px solid #242424!important;
	border-radius:3px;
}

.d21-item .d21-calendar-footer .d21-info{
	color: var(--text-black);
}

#d21-quickbook #d21-book-button,
body #d21-widgets-rooms .d21-item-book,
body #d21-packages .d21-item .d21-item-book{
	background-image:none!important;
	background-color:#f3f3f3!important;
	color:#242424;
	font-family:"DINNextW01-CondensedMed", "Roboto Condensed", sans-serif;
	font-size:1.3rem;
	font-weight:400!important;
	padding-left:10px;
	padding-right:10px;
}

#d21-widgets-rooms .d21-item-book{
	border-bottom:1px solid #242424!important;
	font-family: "DINNextW01-CondensedMed", "Roboto Condensed", sans-serif;
}

#d21-quickbook .d21-input-icon,
body #d21-widgets-calendar-big .d21-week-rows .d21-controlls i.material-icons.d21-input-icon{
    /* background-size: 300% 100%; */
    border: 1px solid #242424 !important;
	background-color: #f3f3f3 !important;
	color: #242424;
}

#d21-rooms .d21-item-text .d21-item-fadeOut,
#d21-packages .d21-item-text .d21-item-fadeOut{
	background:none!important;
}

body #d21-widgets-rooms .d21-item .d21-item-book.d21-item-book-show .d21-calendar .d21-calendar-close,
body #d21-widgets-packages .d21-item .d21-item-book.d21-item-book-show .d21-calendar .d21-calendar-close{
	color:var(--text-black);
	right: 6px;
    top: 6px;
    font-size: 2em;
}

body #d21-widgets-calendar-big .d21-week-rows .d21-controlls i.material-icons.d21-input-icon{
	padding-top: 3px;
}

body #d21-widgets-calendar-small-view .d21-calendar-body>div.d21-item-align-center{
	justify-content: flex-end
}

#d21-widgets-rooms .d21-room-occupancy i.material-icons{
	vertical-align:bottom;
	font-size: 1.2rem;
}

#d21-big-calendar .d21-calendar-body .d21-week-day-date:after{
	content: '.';
}

#d21-big-calendar .d21-calendar-body .d21-week-day-date{
	font-size: 1.5em;
}

#d21-big-calendar .d21-calendar-body .d21-week-month,
#d21-big-calendar .d21-calendar-body .d21-week-year{
	line-height:1.2;
}

#d21-big-calendar .d21-calendar-body .d21-week-month,
#d21-big-calendar .d21-calendar-body .d21-week-year,
#d21-rooms .d21-room-occupancy span,
#d21-rooms #d21-sort-by span,
#d21-widgets-packages #d21-sort-by span{
	font-size:1.1rem;
}

#d21-rooms #d21-sort-by{
	width:40%;
}

#d21-big-calendar .d21-calendar-body .d21-price span{
	line-height: 1.6;
    font-size: 1.25rem;
}

body.lang-en #d21-big-calendar .d21-calendar-body .d21-price span{
	line-height: 1.6;
	font-size: 1.1rem;
}

@media (min-width:768px){
	body.lang-en #d21-widgets-rooms .d21-item .d21-item-head .d21-item-book {
    	width: 30%;
		min-width: 230px;
	}
}

@media (max-width:768px) AND (min-width:520px){
	body.lang-en #d21-widgets-rooms .d21-item .d21-item-head .d21-item-book {
    	width: 90%;
		bottom:10px
	}
}

.d21-widgets-view .d21-hits span:last-child{
	font-size:20px;
}

#d21-widgets-rooms .d21-item-text .d21-rate-description,
#d21-widgets-rooms .d21-full-description .d21-trigger>span,
#d21-packages .d21-item-text .d21-rate-description,
#d21-packages .d21-full-description .d21-trigger>span,
#d21-packages .d21-item-text .d21-rate-services ul li{
	line-height: 1.3em!important;
    font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
    font-size: 1.2rem!important;
}

body #d21-widgets-packages .d21-item .d21-item-body .d21-item-text .d21-rate-services .d21-list .d21-list-item{
	padding:2px 0;
}

#d21-packages .d21-rate-category span,
#d21-widgets-packages #d21-ratecode,
#d21-widgets-packages #d21-package-occupancy .d21-input{
	font-size:12px;
}

#d21-packages .d21-rate-periods{
	color:#242424!important;
	line-height: 30px!important;
	font-size: .8rem!important;
}

#d21-packages .d21-rate-services h3{
	text-align:center;
	margin-bottom:5px;
}

#d21-packages .d21-item-text .d21-rate-services h3 span{
    font-size: 1.2rem!important;
	line-height:20px;
}

#d21-packages .d21-full-description{
	padding-top: 0!important;
    padding-bottom: 0!important;
}

.d21-calendar.d21-active,
.d21-occupancy-select{
    z-index:9999999!important;
}

#d21-arrival-input .d21-input-icon,
#d21-occupancy-container .d21-input-icon{
    background-position:5%;
}

#d21-arrival-input span,
#d21-occupancy-container div.d21-input,
.d21-calendar .d21-btn,
#d21-big-calendar .d21-input{
    font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
    font-size: 18px!important;
}

@media (min-width:990px){
    #d21-occupancy-container .d21-input-icon{
        background-position:20%;
    }

    #d21-quickbook{
        min-height: initial !important;
        max-width:800px !important;
    }

	#d21-quickbook-view {
		width: 800px;
	}
    
    #d21-book-button{
            background-position:40%;
    }
    
    #d21-quickbook #d21-occupancy-container,
    #d21-quickbook #d21-arrival-input,
    #d21-quickbook #d21-trigger-ibe{
        width:33%;
    }
}

/* Premium Widgets */
.d21-widgets-calendar-small,
#d21-widgets-calendar-big{
    margin: 0 auto;
}

@media(min-width:768px){
	#d21-big-calendar .d21-week-rows>.d21-controlls.d21-row>div>div{
		width: 33.3%;
	}
}

@media only screen and (min-width: 601px){
	#d21-big-calendar .d21-row .d21-col.d21-m4,
	#d21-big-calendar .d21-row .d21-col.d21-m5{
    	width: 50%;
	}

	#d21-big-calendar .d21-row .d21-col.d21-m8{
		width:100%;
	}
}

#d21-widgets-rooms #d21-rooms .d21-item .d21-item-book span,
#d21-widgets-packages #d21-packages .d21-item .d21-item-book span{
	font-size:1.1rem!important;
	bottom:10px;
	color: var(--text-black);
	text-align:center;
}

#d21-big-calendar .d21-input{
	border: 1px solid #242424!important;
}

select.d21-month{
	background-color:white!important;
    font-family: "DINNextW01-CondensedLig", "Roboto Condensed", sans-serif;
	border:1px solid #242424;
}

.d21-col.d21-week-day.d21-notavail{
	background-color:gray!important;
	opacity:.3;
}

.d21-col.d21-week-day.d21-avail{
	background-color:#78aa2d!important;
}

.d21-week-day.d21-col.d21-trigger.d21-avail{
	transition: transform 0.15s ease-in-out!important;
}

.d21-week-day.d21-col.d21-trigger.d21-avail:hover {
    transform: scale(1.1);
    box-shadow: 0 0 3px 5px rgb(255 255 255 / 30%);
    z-index: 99;
}

.d21-infoBox .d21-infoBox-content{
	display:none!important;
}

body #d21-widgets-calendar-big .d21-week-rows .d21-controlls a{
	color:#242424;
	border-bottom: 1px dotted #78aa2d;
	font-size:.75rem;
}

.d21-col.d21-week-day *{
	/*color:var(--text-black)!important;*/
}

#d21-big-calendar {
	font-family: "DIN Next W01 Light", "Roboto", sans-serif !important;
}

.d21-week-day .d21-avail {
	border: 1px solid white !important;
}

.d21-jumpTo {
	color: #242424!important;
	font-size:1em!important;
}

.d21-week-headline {
	color: black !important;
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
}

.widgets-overview{
	margin-top: 30px;
    display: block;
    text-align: right;
    font-size: .8rem;
}

/*
	REFERENCES: Image
*/

.bildreferenz {
	position: relative;
	display: inline-block;
	transition: transform 150ms ease-in-out;
}
.bildreferenz img {
	display: block;
	max-width: 100%;
	height: auto;
}
.bildreferenz span {
	position: absolute;
	top: 40%;
	left: 45%;
	opacity: 0.9;
}



/*
	RIBBONS
*/

.ribbon {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	/* position: absolute; */
	z-index: 9999999 !important;
	opacity: 1 !important;
}

.ribbon span {
	position: absolute;
	display: block;
	width: 160px;
	padding: 15px 0;
	background-color: var(--highlight-color);
	/*background-image: linear-gradient(147deg, #3498db 0%, #852D91 100%);*/
	box-shadow: 0 5px 10px rgba(0,0,0,.4);
	color: #fff;
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	text-align: center;
}
  
.ribbon-top-left span {
	left: -48px;
	top: 0px;
	transform: rotate(-45deg);
}



/*
	BORLABS COOKIE-BANNER
*/

.cookie-preference,
.cookie-box{
	padding: 0 40px !important;
	font-family: "DIN Next W01 Light", "Roboto", sans-serif !important;
}

.BorlabsCookie a._brlbs-btn._brlbs-icon-play-white{
	background-color: var(--highlight-color)!important;
	color:black!important;
}

.BorlabsCookie ._brlbs-caption a{
	color: var(--highlight-color)!important;
}

html #BorlabsCookieBox ._brlbs-btn-accept-all{
	background-color:var(--highlight-color);
}

html.color-v1 #BorlabsCookieBox ._brlbs-btn-accept-all{
	color:black;
}
html.color-v1 #BorlabsCookieBox ._brlbs-btn-accept-all:hover{
	color:var(--highlight-color);
}

/* 3CX Callus */
#callus-container [class^='powered-by'],
#callus-container [class*='powered-by']{
	color:#eee;
}

/* Aktion Page */

body.parent-pageid-2783 .entry-content>div:not(:nth-child(1)):not(:nth-child(2)),
body.parent-pageid-2783 .site-footer{
	z-index:100;
}

body.parent-pageid-2783 .aktion-columns>div:nth-child(1){
	flex-grow:3;
}

body.parent-pageid-2783 .aktion-columns>div:nth-child(2){
	
}

body.parent-pageid-2783 .aktion-third-holder figure{
	margin-bottom:2rem;
}

@media (max-height:700px){
    body.parent-pageid-2783 .aktion-columns {
        flex-direction: column;
    }
    body.parent-pageid-2783  .aktion-columns form{
        position:relative;
        right:initial;
        top:0;
        width:auto;
        display:block;
        max-width:800px;
        margin:0 auto
    }
	body.parent-pageid-2783 .aktion-columns .wp-block-getwid-section__inner-wrapper{
		max-width:1200px;
	}
}

/* Overlay Form Free Trial and more */
#trial-form .property-icons span.wpcf7-list-item {
    width: 32.3%;
    margin-right:1%!important;
    /*margin-top: 2rem!important;*/
    border-radius: 0 !important;
    font-size: 1.6rem !important;
    opacity: 1;
    outline: 0 !important;
    font-size: 14px;
    font-family: inherit;
    line-height: 24px;
    color: #242424;
    background: 0 0 !important;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    box-sizing: border-box;

}

#trial-form .property-icons span.wpcf7-list-item:last-child {
    width:33%;
    margin-right:0!important;
}

#trial-form .property-icons span.wpcf7-list-item label{
    background-color: #f1f1f1!important;
    border-bottom: 1px solid #000 !important;
    margin-right:1%!important;
    padding:10px;
    text-align:center;
}

#trial-form .property-icons span.wpcf7-list-item:first-child label{
	background-image: url(/public/img/icon_house.svg);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 60px;
}

#trial-form .property-icons span.wpcf7-list-item:nth-child(2) label{
	background-image: url(/public/img/icon_apartment.svg);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 60px;
}

#trial-form .property-icons span.wpcf7-list-item:last-child label{
	background-image: url(/public/img/icon_village.svg);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 60px;
}

@media (max-width:768px){
	#trial-form .property-icons span.wpcf7-list-item label{
		min-height: 120px;
    	vertical-align: bottom;
	}

	body>.modal .modal-body, #contactForm02 .modal-body, #trialForm .modal-body {
    	padding: 70px 20px 20px;
	}
}

@media (max-width:600px){
	#trial-form .property-icons span.wpcf7-list-item{
		width:100%!important;
        margin-right:0;
        margin-top:10px!important
	}
}

#contactForm02 .wpcf7-quiz.wpml-quiz{
	margin-top:0;
}

a#trial-form-trigger{
	position: fixed;
    left: calc(50% - 125px);
    top: 90px;
    background-color: white;
    border: 1px solid black;
    padding: 10px;
    font-family: "DINNextLTPro Medium", "Roboto", sans-serif !important;
    border-radius: var(--button-radius);
    display: block;
    margin: 0 auto;
    width: 250px;
    /* background-color: var(--highlight-color); */
    box-shadow: var(--button-shadow);
}

body>a>div.alert{
	background-color:var(--highlight-color);
	color:var(--text-black);
}

/* Countdown used for DDD and DeepDiveDay Lander */
#ddd-countdown{
    display: block;
    width: 100%;
    margin: 2rem auto;
    text-align: center;
	padding:1rem 30px;
}

#ddd-countdown .cd-container{
    margin: 2rem auto;
	display:block;
	width:600px;
}

#ddd-countdown.theme-one-dark{
	margin-top:initial;
	margin-bottom:initial;
}

#ddd-countdown.theme-one-dark .cd-container,
#ddd-countdown.theme-one-dark h2{
	margin-top: initial;
	margin-bottom: initial;
	width:auto;
}

.cd-days,
.cd-hours,
.cd-mins,
.cd-secs{
    display: inline-block;
    width: 24%;
    border: 1px solid #cdcdcd;
	color: white;
	border-radius: 3px;
	background-color: #333;
	font-size: 80px;
	font-family: "DINNextLTPro Medium Condensed", "Roboto Condensed", sans-serif !important;
}

.theme-one-dark .cd-days,
.theme-one-dark .cd-hours,
.theme-one-dark .cd-mins,
.theme-one-dark .cd-secs{
	width:auto;
	border:none;
	background-color:unset;
	font-size:2.5rem;
	padding-right:14px;
}

#ddd-countdown .cd-desc{
    display: block;
	font-size: 13px;
	color: #ccc;
	background-color:#444;
	bottom:0;
	padding:3px;
}

#dddModal,
#fadeinModal{
	background-color:rgba(0,0,0,.7);
}

#dddModal #dddcloser,
#modalcloser{
	text-align: right;
    padding: 5px 20px;
    color: var(--text-black);
    cursor: pointer;
	font-size:25px;
}

#dddModal .modal-content,
#fadeinModal .modal-content{
	top: 100px;
    width: 900px;
    margin: 0 auto;
	max-width:100%;
}

@media(max-width:767px){
	#dddModal .modal-content,
	#fadeinModal .modal-content{
		top:0;
		margin:10px;
		max-width: calc( 100% - 20px );
	}

	.modal iframe{
		max-width:100%;
	}

	#fadeinModal .modal-body{
		padding:20px;
	}

	#fadeinModal .wpcf7-form br{
		display:none;
	}
}

#ddd23-header,
#ddd23-header2{
/*	background-image:linear-gradient(to right, #999, transparent); */
	background:
      linear-gradient(to right, var(--highlight-color-light-35), var(--highlight-color-light-35)),
	  url(/wp-content/uploads/2022/12/IMG_4500-scaled.jpg) 0 0 no-repeat;
	background-size:cover;
	background-position:center;
	overflow:hidden;
}

#ddd23-header2{
	height:450px;
}

#ddd23-header #headbox{
	width:600px;
	height:450px;
	vertical-align:middle;
}

#ddd23-header #headline{
	display:block;
	position:absolute;
	top:178px;
	left:40px;
	width:560px;
}

#ddd23-header2 #headline2{
	display:block;
	position:relative;
	top:50px;
	left:40px;
	width:560px;
	border: 5px solid var(--highlight-color);
    padding: 50px;
	background-color:rgba(255,255,255,.5);
}

#ddd23-header.bgbg{
	min-height:450px;
}

#ddd23-header.bgbg:before{
	content: "";
    position: absolute;
    opacity: .5;
    right: 50px;
    top: 25px;
    margin-bottom: -10px;
    height: 400px;
    width: 400px;
    background-image: url(/wp-content/uploads/2023/03/DIRS21-Deep-Dive-Days-Logo-RGB-weiss.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#ddd23-header.bgbg #headline{
	border: 5px solid var(--highlight-color);
    padding: 50px;
    background-color: rgba(255,255,255,.5);	
	width:unset;
	top:122px;
	left:50px;
}

#ddd23-header.bgbg h1{
	margin-bottom:0;
	color:var(--text-black);
}

#ddd23-header .ddd-headlogo,
#ddd23-header2 .ddd-headlogo{
	display:inline-block;
	margin-bottom:-10px;
	height:80px;
	width:80px;
	background-image:url(/wp-content/uploads/2023/03/DIRS21-Deep-Dive-Days-Logo-RGB.png);
	background-size:contain;
	background-repeat:no-repeat;
}

#ddd23-header h1{
	color:white;
	display:inline-block;
}

#ddd23-header2 h1{
	color:black;
	display:inline-block;
	margin-bottom:0;
}

.ddd-below-header h3{
	margin-bottom: 0;
    margin-top: 0;
}

/* Event Head Box origin Deep Dive Day 23 */

body.parent-pageid-6476 .entry-content>div:first-child>div:first-child,
body.parent-pageid-6476 .entry-content>div:first-child .container>div{
	padding-top:0;
}

.event-title-headline h1{
	display: inline-block;
    margin-left: 2rem;
    position: relative;
    width: auto;
    text-align: left;
    border-radius: var(--button-radius);
    background-color: var(--highlight-color);
    padding: 0.75rem 2rem 0.25rem;
    border: 2px solid black;
}

@media (max-width:768px){
	.event-title-headline h1{
		padding: 0.75rem .75rem 0.25rem;
	}
}

.event-title-watermark{
	margin-bottom:15rem;
}

.event-title-watermark img{
	max-width:8%;
	padding:1rem;
}

.no_pb .wp-block-getwid-section__wrapper{
	padding-bottom:0;
}

.title-image h1{
	margin-top:20rem;
}

/* Aktions / Landing Page Original Payment */
.hero-image h1{
	margin-top:5rem;
}

.hero-image h3{
	margin-bottom:15rem;
}

.hero-image .highlight-btn,
.hero-gradient .highlight-btn{
	margin-bottom:2rem;
}

@media (max-width:768px){
	.hero-image h3{
		margin-bottom:4rem;
	}	

	.hero-image .highlight-btn,
	.hero-gradient .highlight-btn{
		display:none;
	}
}

/* Initially for Payment Lander */
@media(min-width:768px){
	.hero-nav .wp-block-getwid-section__inner-content{
		display:flex;
		justify-content: space-around;
	}
}

@media(max-width:767px){
	.hero-nav .wp-block-getwid-section__inner-content p{
		padding: 10px;
    	text-align: center;
	}
}

.hero-nav .wp-block-getwid-section.container{
	padding-top:0!important;
	padding-bottom:0!important;
}

.hero-nav .wp-block-getwid-section__wrapper{
	padding:.5rem;
}

.hero-nav p{
	margin-bottom:0;
	font-family: "DIN Next W01 Medium", "Roboto", sans-serif !important;
	font-size: var(--bs-body-font-size);
}

.parent-pageid-2783 h2{
	margin-bottom: 1rem;
}

.parent-pageid-2783 .wp-block-getwid-section.container{
	padding-top:40px;
	padding-bottom:40px;
}

.scroll-fly-in{
	background-image: url(/wp-content/uploads/2023/06/Wallet-Illustration-2023-Laptop.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 300px;
}

.scroll-fly-in .fly-in {
    opacity: 1;
    transition: transform 0.7s ease-out;
}

.scroll-fly-in .fly-out{
   	opacity: 0;
   	transform: translateX(-100px);
   	transition: opacity 0.7s ease-out, transform 0.5s ease-out;
}

.scroll-fly-in .fly-container{
    margin-bottom: 7px;
    display: block;
	text-align:right;
}

.scroll-fly-in .fly-container span{
	text-align: right;
    padding: 6px 14px;
	display:inline-block;
	border-radius:3px;
	box-shadow:var(--button-shadow);
	background-color:white;
	font-weight:600;
}

.scroll-fly-in .fly-container span i{
	padding-right:10px;
}

.scroll-fly-in .fly-container span.green{
	background-color:#3ACF8F;
	color:white;
}

.scroll-fly-in .fly-container span.white{
	color:var(--text-black);
}

.scroll-fly-in .fly-container span.orange{
	background-color: #EF7D00;
	color:white;
}

.scroll-fly-in .fly-container span.red{
	background-color:#FF4867;
	color:white;
}

/* Lander unterhalb Aktion */
.parent-pageid-2783 .wp-block-image img{
	border-radius: 1px;
}


/* Glossar Pod and Template */
.glossary-box{
	scroll-padding-top: 4rem;
}

.glossary-single{
	margin-bottom:3rem;
	cursor:pointer;
	display:none;
}

.glossary-single.show{
	display:block;
}

.glossary-single h4{
	border-bottom: 1px solid black;
	padding-bottom: 20px;
	scroll-margin-top: 3em;
}

.glossary-single .glossary_desc{
	max-height: initial;
	transition: all .5s;
	opacity:1;
	overflow:hidden;
}

.glossary-single .collapse-indicator{
	display: inline-block;
	margin-right:7px;
}

.glossary-single .collapse-indicator:before,
.action-table .clicked .collapse-indicator:before{
	content: "\f146";
    font-family: 'Font Awesome 6 Pro';
    font-size: 80%;
    color: var(--highlight-color-light);
	display:inline-block;
}

.glossary-single.glossary-collapsed .glossary_desc{
	max-height:0px;
	opacity:0;
	transition: all .5s;
}

.glossary-single.glossary-collapsed .collapse-indicator:before,
.action-table .collapse-indicator:before{
	content: "\f0fe";
    color: var(--highlight-color-light);
    font-family: 'Font Awesome 6 Pro';
}

/* Animations */
/**
 * ----------------------------------------
 * Animation Text Focus-In
 * ----------------------------------------
 */
@-webkit-keyframes focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.focus-in {
	-webkit-animation: focus-in 1s linear 0 both;
	        animation: focus-in 1s linear 0 both;
}

@media(min-width:769px){
	.center-box{
		max-width:50%;
		display:block;
		margin:0 auto;
	}
}

@keyframes background-switch{
  	0%   { background: white; }
  	50%  { background: var(--highlight-color); }
	100% { background: white; }
}


/* Info Popup Initially for Form PMS */
form.wpcf7-form .subhelp{
    cursor:help;
    font-size: 12px;
    color:white;
}

form.wpcf7-form .subhelp i{
	vertical-align: inherit;
    font-size: 150%;
	margin-left: 5px;
}

form.wpcf7-form .subhelp.darker{
    color:#444;
}

form.wpcf7-form .subhelp.darker .infopopup{
    color:white;
    background-color:rgba(100,100,100,.9);
}

form.wpcf7-form .subhelp.darker .infopopup a{
    color:#ddd;
    border-bottom:1px solid #ddd;
}

form.wpcf7-form .subhelp.inline{
    display: inline-block;
}

form.wpcf7-form .subhelp.inline .infopopup{
    margin-top: -20px;
    margin-left: -250px;
    margin-bottom: 0;
}

form.wpcf7-form .subhelp.inline .infopopup.moveRight{
    margin-top: -20px;
    margin-left: 0px;
    margin-bottom: 0;
}

form.wpcf7-form .subhelp .infopopup{
    position:absolute;
    visibility: hidden;
    width: 250px;
    font-size:1.2rem;
    background-color: rgba(255,255,255,.9);
    padding: 10px;
    color: black;
    border-radius: 3px;
    margin-top: -135px;
    margin-left: 180px;
    z-index: 9;
	line-height:100%;
}

form.wpcf7-form .subhelp:hover .infopopup{
    visibility: visible;
}

@media (max-width:600px){
    form.wpcf7-form .subhelp .infopopup{
        margin-top: -45px;
        margin-left: -45px;
    }
    form.wpcf7-form .subhelp,
    form.wpcf7-form .infohelp{
        margin-bottom:20px;
    }
}

.subhelp .code{
    font-family: 'Courier New', Courier, monospace;
	font-size: 80%;
}
/***/

/* Hide buttons on English pages */
body.lang-en .contact-cal,
body.lang-en .contact-know,
body.lang-en .bottom-divider-holder,
body.lang-en .course-lang-hint{
	display:none;
}


/* OneWidgets Adjustments */

html.color-v1 .one-widgets-holder .d21-widget{
	/* gelb */
	--d21-primary: #FAFA00!important;
	--d21-secondary: #ffff7d!important;
}

html.color-v2 .one-widgets-holder .d21-widget{
	/* gruen */
	--d21-primary: #14FA3C!important;
	--d21-secondary: #89fc9d!important;
}

html.color-v3 .one-widgets-holder .d21-widget{
	/* magenta */
	--d21-primary: #F514E6!important;
	--d21-secondary: #fa8af2!important;
}

html.color-v4 .one-widgets-holder .d21-widget{
	/* blau */
	--d21-primary: #40C5FC!important;
	--d21-secondary: #a0e2fd!important;
}

html.color-v5 .one-widgets-holder .d21-widget{
	/* teal */
	--d21-primary: #19F5BE!important;
	--d21-secondary: #8cfade!important;
}

.one-widgets-holder #d21-quickbook.d21-widget{
	max-width: initial !important;
}

.one-widgets-holder .wp-block-getwid-section__background{
	transition: all .7s;
}

.one-widgets-holder.widgets-light-mode .wp-block-getwid-section__background{
	filter: brightness(0.5);
}

html body.page-id-8638 .btn-one{
	background-color: var(--d21-primary)!important;
	color: var(--text-black);
}

html body.page-id-8638 .btn-one:hover{
	background-color:var(--d21-secondary)!important;
}


html .d21-widget .d21-primary .d21-content,
html .d21-widget .d21-primary.d21-extended-button,
html .d21-widget .d21-primary.d21-extended-button:hover,
html .d21-widget .d21-calendar-day-hover:hover .d21-content,
html .d21-widget .d21-calendar-day-selected .d21-content,
html .d21-widget .d21-calendar-day-range .d21-content,
html .d21-widget .d21-button:hover .d21-content{
	color: var(--text-black)!important;
}

/* The switch - the box around the slider */
.page-id-8638 .d21-widget-mode-switch,
.one-widgets-holder .d21-widget-mode-switch,
.d21-switcher{
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.page-id-8638 .d21-widget-mode-switch input,
.one-widgets-holder .d21-widget-mode-switch input,
.d21-switcher input{
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.d21-widget-slider{
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,.5);;
  -webkit-transition: .4s;
  transition: .4s;
}

.d21-widget-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.page-id-8638 .d21-widget-mode-switch input:checked + .d21-widget-slider,
.one-widgets-holder .d21-widget-mode-switch input:checked + .d21-widget-slider,
.d21-switcher input:checked + .d21-widget-slider{
  background-color: var(--highlight-color);
}

.page-id-8638 .d21-widget-mode-switch input:focus + .d21-widget-slider,
.one-widgets-holder .d21-widget-mode-switch input:focus + .d21-widget-slider,
.d21-switcher input:focus + .d21-widget-slider{
  box-shadow: 0 0 1px #2196F3;
}

.page-id-8638 .d21-widget-mode-switch input:checked + .d21-widget-slider:before,
.one-widgets-holder .d21-widget-mode-switch input:checked + .d21-widget-slider:before,
.d21-switcher input:checked + .d21-widget-slider:before{
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

body.page-id-8638 .alert{
	display:none!important;
}

/* Rounded sliders */
.page-id-8638 .d21-widget-slider.round,
.one-widgets-holder .d21-widget-slider.round,
.d21-switcher .d21-widget-slider.round{
  border-radius: 34px;
}

.page-id-8638 .d21-widget-slider.round:before,
.one-widgets-holder .d21-widget-slider.round:before,
.d21-switcher .d21-widget-slider.round:before{
  border-radius: 50%;
}

.d21-widget-mode-switch-container{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    gap: 1em;
	margin: 2rem 1rem;
}

/* ONE-Event Teaser / Lander */

.one-invitation-holder{
	background-size: 200% 200%;
		background-image: repeating-linear-gradient(
		-45deg,
		black 0%,
		var(--text-black) 20%,
		black 45%
	);
    animation: diagonalGlow alternate 25s infinite;
}

@media (max-width:768px){
	.one-invitation-holder.pt-3r,
	.one-margin.pt-3r{
		padding-top:1rem!important;
	}
}

.mysteriousFadein{
	opacity: 0;
	animation: mysteriousFadein 4s forwards;
	animation-delay: 3s;
}

.mysteriousFadeinLate{
	opacity: 0;
	animation: mysteriousFadein 4s forwards;
	animation-delay: 4s;
}

@media (min-width:425px) AND (max-width:781px){
	.one-logo-holder img{
		max-width:70%;
	}
}

.mysteriousFadeinGrow{
	opacity:0;
	transform: scale(.65);
	animation: mysteriousFadeinGrow 1s forwards;
	animation-delay: 1s;
}

@keyframes diagonalGlow {
    0% {background-position: 0% 50%}
    100% {background-position: 100% 50%}
}

@keyframes mysteriousFadein {
	0% {opacity: 0}
	100% {opacity: 1}
}

@keyframes mysteriousFadeinGrow {
	0% {opacity: 0; transform: scale(.65);}
	80% {opacity: .8; transform: scale(1.2);}
	100% {opacity: 1; transform: scale(1);}
}

#one-teaser-container.one-blank{
	background-image:url(https://www.dirs21.de/wp-content/uploads/2024/01/DIRS21-One_Release_Stream_Teaser_blank_1320px.gif);
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
	height:600px;
	width:100%;
	aspect-ratio: 16 / 9;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	row-gap: 2rem;
}

#one-teaser-container .logo-one-stream img{
	max-width: 20%;	
}

#one-ibe-holder{
	display:block;
	width:800px;
/*	height:200px; */
	aspect-ratio:5 / 3;
	background-position:50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
	margin-inline: auto;
	transition: background .1s ease-in-out;
}

.one-margin{
	margin-top:10rem;
}

@media (max-width:991px){
	.one-margin{
		margin-top:1rem;
	}
}

.one-form-holder .wpcf7-quiz-label,
.one-form-holder .wpcf7-acceptance,
.one-form-holder .wpcf7-acceptance a,
.one-form-holder .wpcf7-response-output{
	color:white;
}

@media (min-width:1440px){
	.one-form-holder .one-form-inputs>label{
		width:49%!important;
		display:inline-block;
	}
}

.one-form-holder input.wpml-quiz{
	margin-top:1rem;
}

form#code-form input{
	width:100%;
	display:block;
	margin-bottom:1rem;
	padding:10px;
	border:0;
	box-shadow:0 0 15px 4px rgba(255,255,255,.4);
	text-align:center;
}

.one-glow{
	text-shadow: rgba(255,255,255,.6) 0 0px 15px;
}

form#code-form #check-code-btn{
	width:250px;
	max-width:100%;
	display: block;
	transition: all .5s;
}

form#code-form #check-code-btn.hide{
	opacity:0;
	visibility: hidden;
}

.one-code-holder #submit-btn-container a{
	display:block;
	border:1px solid var(--highlight-color);
}

.one-code-holder #submit-btn-container a:hover{
	background-color:white;
}

.one-code-holder #result-message{
	margin-top:1rem;
	margin-bottom:1rem;
}

.one-code-holder .btn-one{
	border-radius:5px;
}

/* Theme Editor Attempt One */
#one-ibe-holder.lightIbe{background-image:url("/wp-content/uploads/2024/01/v5cloudlight.png")}
#one-ibe-holder{background-image:url("/wp-content/uploads/2024/01/v5clouddark.png")}
#one-ibe-holder.animatedIbe{background-image:url("/wp-content/uploads/2024/01/v5beachdark.gif")}
#one-ibe-holder.animatedIbe.lightIbe{background-image:url("/wp-content/uploads/2024/01/v5beachlight.gif")}