/*
Theme Name: Mitsubishi Electric WordPress Theme
Author: City Update Ltd.
Author URI: https://www.cityupdate.de/
Description: A custom Theme for Mitsubishi Electric Europe B.V.
*/

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

::-moz-selection { background: #FF0000; }
::selection { background: #FF0000; }

/*
 * Default WP Alignment Classes
 *****************************************************************************/

.aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}

.aligncenter {
    float: none;
    margin: .5em auto 1em;
}

.alignright {
    float: right;
    margin: .5em 0 1em 1em;
}

.alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}

.wp-caption, .gallery-caption {
    padding: 0px 0;
    border: none;
    background: #000;
    text-align: center;
	max-width:100%;
	display: inline-block;
	margin-bottom:1rem;
	font-size:0.8rem !important;
}

.gallery-caption {
	display:block;
	max-width:99%;
	}

.wp-caption img {
	width: 100%;
	height: auto;
}

.gallery-caption {
	color:#fff;
	font-weight:700;
	}

.wp-caption p.wp-caption-text {
    margin:auto;
    padding: 5px 10px;
    text-align: left;
    font-weight: 100;
    color: #fff;
		font-weight:700;
		line-height: 1.25rem;
}

.border-image {
	border:1px solid #efefef;
}

/* FONTS */

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

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


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

/* STYLES */

/* GENERAL */

html {
	scroll-behavior: smooth;
	}

body {
	 font-family: 'Roboto', Sans-Serif;
	 font-size:18px;
	}

a.read-more, section.contents a.borlabs-cookie-preference {
	padding: 0.5rem 1rem 0.5rem 1rem;
	background-color:#fff;
	text-decoration:none;
	font-size:1.25rem;
	color:#000;
	display:inline-block;
	line-height:normal;
	border:2px solid #000;
	font-weight:700;
	transition:0.3s;
	}

a.read-more-white {
	padding: 0.5rem 1rem 0.5rem 1rem;
	background-color:#000;
	text-decoration:none;
	font-size:1.25rem;
	color:#fff;
	display:inline-block;
	line-height:normal;
	border:2px solid #fff;
	font-weight:700;
	transition:0.3s;
	margin-left: 1.5rem;
}

a.read-more:hover, section.contents a.borlabs-cookie-preference:hover, a.read-more-white:hover, button[type=submit]:hover {
	border:2px solid #f00;
	color:#f00;
	}



button[type=submit] {
	padding: 0.5rem 1rem 0.5rem 1rem;
	background-color:#fff;
	text-decoration:none;
	font-size:1.25rem;
	color:#000;
	display:inline-block;
	line-height:normal;
	border:2px solid #000;
	font-weight:700;
	transition:0.3s;
	padding-right:60px !important;
	background:url(img/icons/ArrowNext.svg);
	background-position:right 15px center;
	background-repeat:no-repeat;
	}

button[type=submit]:hover {
	border:2px solid #f00;
	color:#f00;
	background:url(img/icons/ArrowNext-R.svg);
	background-position:right 7px center;
	background-repeat:no-repeat;
	}


a.arrow-link {
	padding-right:60px !important;
	background:url(img/icons/ArrowNext.svg);
	background-position:right 15px center;
	background-repeat:no-repeat;
	transition:0.3s;
	text-decoration:none !important;
	}

a.arrow-link:hover {
	background:url(img/icons/ArrowNext-R.svg);
	background-position:right 7px center;
	background-repeat:no-repeat;
	}

strong {
	font-weight:700;
	}

p {
	line-height:2rem;
	margin-bottom:2rem;
	}

section.contents p a {
	text-decoration:underline;
	color:#000;
	font-weight:700;
	transition:0.2s;
}

section.contents p a:hover {
	color:#f00;
}

h3._brlbs-cg-statistics {margin-top:1.5rem;}

.fifty {
	width:49%;
	height:auto;
	}

.sixtysix {
	width:66%;
	height:auto;
	}

.thirtythree {
	width:32%;
	height:auto;
	}

figure img {
	width:100%;
	}

figcaption {
	font-weight:700;
	width:96%;
	line-height:1.5rem;
	background:#f6f6f6;
	padding:3%;
	}

img.download-img {
	float:left;
	margin-right:1rem;
	width: 64px;
	}

.download-info {
	position:relative;
}

.download-info h3 {
	font-weight:700;
	font-size:1.5rem;
	margin-bottom:1rem;

	}

.events-info h3 {
	font-weight:700;
	font-size:1.5rem;
	margin-bottom:1rem;
	}

::selection {
  background: #FF0000; /* WebKit/Blink Browsers */
  color:#fff;
}

::-moz-selection {
  background: #FF0000; /* Gecko Browsers */
  color:#fff;
}

/* VIDEO */

.introvid {
  min-width: 100%;
  min-height: 100%;
}
.surf-the-oil-wave-mx900 .introvid {
 transform: translateX(-50%);
 margin-left: 50%;
}

iframe {
  max-width: 100%;
}

.video-onehundred {
  position: relative;
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.video-onehundred iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* HEADER */

	/* HEADER-CONTAINER */

	header {
		height:85px;
		width:100%;
		max-width:1380px;
		background:#fff;
		position:fixed;
		top:0;
		left:50%;
	  transform: translateX(-50%);
		margin:auto;
		display:flex;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  align-items: center;
		z-index:9999;
		transition:0.3s;
		justify-content: space-between;
		}

header.ausblenden {
	top:-85px;
	}

	/* LOGO CONTAINER */

	.gs18-HeaderLang{height: :100%}
	.gs18-HeaderLang .gs18-HeaderLang__Lang{font-weight:500}
	.gs18-HeaderLang .gs18-HeaderLang__Lang>abbr{text-decoration:none; border:0 !important; text-transform:uppercase;}
	.gs18-HeaderLang .gs18-HeaderLang__Stage{position:relative;height:100%}
	.gs18-HeaderLang .gs18-HeaderLang__List{position:absolute;display:none;width:215px;margin:0;margin-left:-146px;padding:0;left:0;overflow:hidden;background:#000;list-style:none;font-size:18px;font-weight:500;}
	[dir=rtl] .gs18-HeaderLang .gs18-HeaderLang__List{left:auto;right:0}
	.gs18-HeaderLang .gs18-HeaderLang__List>li{border-top:solid 1px #272727}
	.gs18-HeaderLang .gs18-HeaderLang__List>li>a{display:block;padding:15px;color:#fff;text-decoration:none}
	.gs18-HeaderLang .gs18-HeaderLang__List>li>a:active,.gs18-HeaderLang .gs18-HeaderLang__List>li>a:focus,.gs18-HeaderLang .gs18-HeaderLang__List>li>a:hover{color:#f50f10}
	.gs18-HeaderLang[data-js-gs18-lang-switch="2"] .gs18-HeaderLang__List{display:none}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Double{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Double .gs18-HeaderLang__Lang{padding:32px 0;box-sizing:border-box;width:48px;height:85px;text-align:center;color:#000;text-decoration:none}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Double .gs18-HeaderLang__Lang:first-child{position:relative;margin-right:1px}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Double .gs18-HeaderLang__Lang:first-child:before{content:'';display:block;position:absolute;top:28px;right:-1px;height:26px;border-right:1px solid #e0e0e0}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Double .gs18-HeaderLang__Lang:active,.gs18-HeaderLang .gs18-HeaderLang__Stage--Double .gs18-HeaderLang__Lang:focus,.gs18-HeaderLang .gs18-HeaderLang__Stage--Double .gs18-HeaderLang__Lang:hover{color:#f50f10}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Double .gs18-HeaderLang__Lang-Current>
	{position:relative}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Double .gs18-HeaderLang__Lang-Current>abbr:before{content:'';position:absolute;bottom:-4px;width:100%;border-bottom:2px solid #000}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Multiple{font-size:14px}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang{display:block;box-sizing:border-box;padding:34px 20px 32px 0;width:69px;height:85px;text-align:center;color:#000;text-decoration:none;position:relative}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang:before{content:'';display:block;position:absolute;top:36px;right:20px;width:0;height:0;border-style:solid;border-width:7px 4px 0 4px;border-color:#000 transparent transparent transparent}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang:active,.gs18-HeaderLang .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang:focus,.gs18-HeaderLang .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang:hover{color:#f50f10}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang:active:before,.gs18-HeaderLang .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang:focus:before,.gs18-HeaderLang .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang:hover:before{border-top-color:#f50f10}
	.gs18-HeaderLang.is-open .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__List{display:block}
	.gs18-HeaderLang.is-open .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang{background:#000;color:#fff}
	.gs18-HeaderLang.is-open .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang::before{-webkit-transform:rotate(180deg);transform:rotate(180deg);border-top-color:#fff}
	.gs18-HeaderLang.is-open .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang:active,.gs18-HeaderLang.is-open .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang:focus,.gs18-HeaderLang.is-open .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang:hover{color:#f50f10}
	.gs18-HeaderLang.is-open .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang:active:before,.gs18-HeaderLang.is-open .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang:focus:before,.gs18-HeaderLang.is-open .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang:hover:before{border-top-color:#f50f10}


	/* LOGO CONTAINER */

	h2.mainlogo {
	display:inline-block;
	height:85px;
	position:relative;
	z-index:1;
	width:auto;
	}

	/* LOGO IMG */

	h2.mainlogo img {
		-ms-flex-order: 1;
		order: 1;
		width:auto;
		vertical-align: baseline;
		margin: 22px 0 0;
		padding: 0 16px;
		border-right: 0px;
		font-size: 36px;
		height:36px;
	}

	/* LANGUAGE / REGION */

p.header-lang {
	float:right;
    margin-right: 10px;
    margin-left: 16px;
    font-size: 14px;
    font-weight: 700;
	margin-top:30px;
	}

	.langswitch {
		width:135px;
		float:right;
		display:flex;
		flex-direction: row;
		justify-content:space-between;
		margin-top:28px;
		margin-right: 25px;
		}

	.langswitch li {
		width:49px !important;
		border-right:1px solid #e1e1e1;
		line-height:normal;
		display: inline-block !important;
		margin:0 !important;;
		padding:0 !important;
		padding-left:5px !important;
		padding-right:5px !important;
		}

	.langswitch li:last-child {
		border-right:0px;
		}

	.langswitch li a {
		margin: 0 !important;;
		padding:0 !important;;
		text-transform:uppercase;
		font-weight:500 !important;
		font-size:14px !important;
		}

	.langswitch li a.current-lang {
		border-bottom: 2px solid #000;
		padding-bottom:2px;
		padding-left: 0rem;
	  padding-right: 0rem;
		margin:0;
		}

/* MAIN-NAV ELEMENTS */
nav.mainnav {
	line-height:82px;
}

nav.mainnav ul li {
	display:inline-flex;
	}

nav.mainnav ul li a {
	text-decoration:none;
	color:#000;
	padding-left:1.25rem;
	padding-right:1.25rem;
	font-weight:500;
	}

nav.mainnav ul li a.main-link {
	text-decoration:none;
	display:block;
	height:85px;
	width:100%;
	}

nav.mainnav ul li a.main-link.is-active {
	color:#fff;
	background:#000;
	}

nav.mainnav ul li a:hover {
	color:#f00;
	}

nav.mainnav div.subnav {
	position:fixed;
	left:0;
	background:#f6f6f6;
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	text-align:left;
	z-index:-999;
	min-height:450px;
	}

nav.mainnav div.subnav-block {
	width: 100%;
  background: #fff;
  position: fixed;
  z-index: -1;
  top: 0;
  height: 85px;
  left: 0;
}

nav.mainnav div.subnav a{
	line-height:2.5rem;
	}

nav.mainnav div.subnav-header {
	width:21%;
	padding:3rem;
	}

nav.mainnav .subnav-title {
	font-size:2rem;
	font-weight:700;
	margin-bottom:2rem;
	}

nav.mainnav .subnav-title a {
	color:#000;
	}

nav.mainnav .subnav {
	top:-485px;
	display:none;
	transition:0.5s;
	overflow:hidden;
	}

nav.mainnav div.subnav-linklist {
	padding:3rem;
	}

nav.mainnav div.subnav-linklist li {
	display:block;
	margin:0;
	padding:0;
	margin-bottom:0.5rem;
	font-weight:700;
	line-height:1rem;
	text-indent: -2.4rem;
  padding-left: 2rem;
	}

nav.mainnav div.subnav-linklist li a.subpart-item {
	text-decoration: none;
    color: #000;
    padding-left: 1rem;
    padding-right: 1.25rem;
    font-weight: 300;
	line-height:1.5rem;
	border-left:3px solid #f00;
	margin-left:1.25rem;
	}

nav.mainnav div.subnav-linklist li a.subpart-item:hover {
	font-weight:500;
	}

nav.mainnav div.subnav-linklist li a.has-sublist {
	color:#000;
	position:relative;
	}

nav.mainnav div.subnav-linklist li a.has-sublist.is-active {
	color:#f00;
	}

nav.mainnav div.subnav-linklist li a.has-sublist::after {
	content:"";
	width:5px;
	height:5px;
	border-right:2px solid #000;
	border-top:2px solid #000;
	transform:rotate(45deg);
	position:absolute;
	bottom:7px;
	margin-left:5px;
	}

nav.mainnav .subnav a.close-menu {
	position:absolute;
	top:0;
	right:0;
	margin-right:2rem;
	margin-top:2rem;
	z-index:9999;
	}

.is-open {
	display:block;
	top:85px !important;
	}

.sub-list {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: .5s transform;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    padding: 50px 0 0 30px;
    width: 35%;
    min-height: 100%;
    background-color: #e1e1e1;

}

.sub-list.is-open {
	-webkit-transform: translateX(0%);
    transform: translateX(0%);
	top:0px !important;
	}


/* Product Page Subnavigation */

#autosubnav {
	width:100%;
	font-size: 1rem;
}

/* BIG IMAGE SECTION */

	/* SECTION CONTAINER */

section.bg-img {
	position:relative;
	max-width:100%;
	z-index:-1;
	height:82vh;
	overflow:hidden;
	top:0px;
	display:block;
	z-index:1;
	width:100%;
	}

body.amb-2024 section.bg-img, body.page-id-22930 section.bg-img, body.page-id-23192 section.bg-img {
	position:relative;
	max-width:100%;
	z-index:-1;
	height:550px;
	overflow:hidden;
	top:0px;
	display:block;
	z-index:1;
	width:100%;
	}

	/* BG-IMAGE SETTINGS */

section.bg-img img {
	object-fit:cover;
	object-position:50% 0%;
	z-index:-9999;
	height:100%;
	width:100%;
	}

	/* CAPTION / HEADLINE H1 */

.frontcaption {
	top:28%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	width:70%;
	z-index:9999;
	text-align:center;
	}

section.bg-img h1 {
	color:#fff;
	font-size:4.5rem;
	font-weight:700;
	text-align:center;
	margin:auto;
	line-height:5.5rem;
	text-shadow: 0 0 15px rgb(0 0 0 / 80%);
	}

section.bg-img h1.shadow {
	text-shadow: 0 0 15px rgb(0 0 0 / 80%);
	}

.subheadline {
	color:#fff;
	font-size: 1.5rem;
	margin-top:2rem;
	text-shadow: 0 0 15px rgb(0 0 0 / 80%);
}

	/* HEADLINE LINK */

section.bg-img a {
	padding: 0.7rem 60px 0.7rem 1rem;
	background-color:#fff;
	text-decoration:none;
	font-size:1.5rem;
	color:#000;
	display:inline-block;
	margin:auto;
	margin-top:2rem;
	line-height:normal;
	font-weight:700;
	}

section.bg-img a:hover {
	color:#f00;
	background-color:#fff;
	}

/* BREADCRUMBS */

.breadcrumb-wrapper {
	width:100%;
	background:#000;
	height:80px;
	margin:0;
	padding:0;
	color:#fff;
	}

.breadcrumbs {
	max-width:1380px;
	margin:auto;
	font-size:1rem;
	height:80px;
	padding-top:30px;
	}

.breadcrumbs  a {
	color:#fff;
	text-decoration:none;
	font-weight:700;
	margin-right:1rem;
	margin-left:1rem;
	}

.breadcrumbs a:hover, .breadcrumbs a.active  {
	color:#f00;
	}

.breadcrumbs .current-page {
	color:#FF0000;
	font-weight:700;
	margin-left:1rem;
	}


/* CONTENT SECTION */

div.content-wrapper {
	width:100%;
	height:auto;
/*	background:#001920; */
	}

	/* CONTENT HEADLINE */

div.content-wrapper h2, div.block-wrapper h2 {
	font-size:2rem;
	font-weight:500;
	margin-bottom:2rem;
	padding-bottom:1.5rem;
	border-bottom:1px solid #bababa;
	line-height:2.5rem;
	}

article h2 a {
	color:#000;
	text-decoration: none;
}

article a {
	text-decoration: none;
}

article img {
	-webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,0.3);
	box-shadow: 0 2px 15px 0 rgba(0,0,0,0.3);
}


article {
	background: #efefef;
	padding: 2rem;
	box-sizing: content-box;
}

article#post-404 {
	background:none;
}

div.content-wrapper h3, div.block-wrapper h3 {
	font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
	display:block;
    line-height: 2.5rem;
}

div.block-wrapper .tab-block h3 {
	padding-left: 1rem;
    border-left: 3px solid #FF0000;
}

div.block-wrapper .tab-block ul {
	padding-bottom:1.5rem;
	}


div.content-wrapper .tab-block ul li::before {
	content: "+ ";
  font-weight:900;
  color: #FF0000;
	}

div.content-wrapper ul li {
	margin-bottom:1rem;
	line-height:1.5rem;
}

div.content-wrapper ul.pluslist {
	margin-bottom: 2.5rem;
}

div.content-wrapper ul.pluslist li {
	font-weight:700;
	padding-left: 30px;
	text-indent: -30px;
}

div.content-wrapper ul.pluslist li::before {
	content: "+ ";
	font-weight:900;
	color: #ff0000;
  margin-right: 1rem;
}


div.content-wrapper h2 span.small, div.block-wrapper h2 span.small {
	font-size:1rem;
	}

	/* BASIC WRAP FOR CONTENT ELEMENTS */

.testcontent {

	}


section.contents {
	width:100%;
	margin:auto;
	padding:0rem;
	height:auto;
	padding-bottom:2rem;

/*	color:#fff; */
	}


section.contents div.block-wrapper {
	max-width:1340px;
	padding:2rem;
	margin:auto;
	}

section.contents .thirtythree img {
	max-width:100%;
	}

	/* SET COL-VARIATIONS TO FLEX */

ul.three-cols, .two-cols, .four-cols, div.three-cols {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	}

.download-list {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	padding-bottom:2rem;
	}

.events-list {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	}


	/* ONE COL */

.one-col {
	width:100%;
	}

	/* TWO COLS */

.two-cols {
	margin-bottom:2rem;
	}

	/* THREE COLS */

ul.three-cols li {
	width:32%;
	overflow:hidden;
	margin-bottom:1.5rem;
	position:relative;
	max-height: 303px;
	}

ul.two-cols li {
	width:49%;
	overflow:hidden;
	margin-bottom:1.5rem;
	position:relative;
	max-height: 397px;
	}

ul.three-cols li.img-caption {
	width:32%;
	overflow:visible;
	margin-bottom:1.5rem;
	position:inherit;
	max-height: auto;
	}

ul.two-cols li.img-caption {
	width:49%;
	overflow:visible;
	margin-bottom:1.5rem;
	position:inherit;
	max-height: auto;
	}

ul.three-cols li.img-caption img {
	max-height:303px;
	max-width: 100%;
	min-width: 100%;
	}

ul.two-cols li.img-caption img {
	max-height:394px;
	max-width: 100%;
	min-width: 100%;
	}

ul.three-cols li.img-caption:hover > img {
	transform:none;
	}

ul.two-cols li.img-caption:hover > img {
	transform:none;
	}

ul.three-cols li.img-caption p {
	font-size: 1rem;
	color:#000;
	}

ul.two-cols li.img-caption p {
	font-size: 1rem;
	color:#000;
	}

ul.three-cols li.img-caption div.caption {
	width:auto;
	height:auto;
	padding:10px;
  font-size:0.9rem;
	background:#efefef;
	margin-top: -8px;
}

ul.two-cols li.img-caption div.caption {
	width:auto;
	height:auto;
	padding:10px;
  font-size:0.9rem;
	background:#efefef;
	margin-top: -8px;
}

ul.three-cols.tiles-navigation li {
		width:32%;
		overflow:visible;
		margin-bottom:2rem;
		position:relative;
		max-height: 303px;
		}

	ul.three-cols.tiles-navigation li div {
		overflow:hidden;
	}

	/* THREE COLS IMG */

ul.three-cols li img {
	transition: transform .8s; /* Animation */
	/*max-height:303px;*/
	width:100%;
	height:100%;
	object-fit:cover;
	}

ul.two-cols li img {
	transition: transform .8s; /* Animation */
	max-height:397px;
	}

ul.three-cols li:hover > .overlay, .grid-item:hover > .overlay {
	top:0;

	}

ul.two-cols li:hover > img {
	transform: scale(1.2);
	}

	/* THREE COLS FORMATTING */

.overlay {
		position: absolute;
    top: 100%;
    padding: 20px;
    background: #efefef;
    height: 100%;
    overflow-y: scroll;
		transition:1s;
		cursor:pointer;
		padding-bottom:40px;
		z-index:2;
	width:100%;
	}

.overlay h4 {
	font-size: 1.75rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
	display:block;
  line-height: 2.5rem;
	color:#000;
}

.overlay p {
	font-size:1.25rem !important;
	color:#000 !important;
}

.overlay p img {
	max-width: 100%;
  object-fit: contain;
  position: relative;
}



ul.three-cols div.tilecaption {
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	text-align:center;
	font-weight:700;
	width:90%;
	}

ul.two-cols div.tilecaption {
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	text-align:center;
	font-weight:700;
	width:90%;
	}

ul.three-cols li h3 {
	color:#fff;
	font-size:2.5rem;
	font-weight: 900;
	text-align:center;
	text-shadow: 0 0 5px #111111;
	}

ul.two-cols li h3 {
	color:#fff;
	font-size:2.5rem;
	font-weight: 900;
	text-align:center;
	text-shadow: 0 0 5px #111111;
	}

ul.three-cols li a {
	padding: 0.5rem 60px 0.5rem 1rem;
	background-color:#fff;
	text-decoration:none;
	font-size:1.25rem;
	color:#000;
	display:inline-block;
	margin-top:2rem;
	line-height:normal;
	transition:0.3s;
	}

ul.two-cols li a {
	padding: 0.5rem 60px 0.5rem 1rem;
	background-color:#fff;
	text-decoration:none;
	font-size:1.25rem;
	color:#000;
	display:inline-block;
	margin-top:2rem;
	line-height:normal;
	transition:0.3s;
	}

ul.three-cols.tiles-navigation  ul li {
	margin-bottom: 0;
	width:auto;
}

ul.three-cols.tiles-navigation  ul li a {
	margin:0;
	margin-bottom: 0.5rem;
	width: 100%;
	width: -moz-available;          /* WebKit-based browsers will ignore this. */
	width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
	width: fill-available;
}

ul.three-cols li a:hover {
	background-color:#fff;
	color:#f00;
	}

ul.two-cols li a:hover {
	background-color:#fff;
	color:#f00;
	}

ul.three-cols li p {
	color:#ccc;
	margin-top:0.5rem;
	font-size:1.5rem;
	}

ul.two-cols li p {
	color:#ccc;
	margin-top:0.5rem;
	font-size:1.5rem;
	}

	/* DOWNLOAD LIST */

.download-list li {
	width:29%;
	overflow:hidden;
	margin-bottom:2rem;
	position:relative;
	padding:20px;
	background:#efefef;
	}

.download-list li.archive {
	width:28%;
	padding:2%;
	background:#efefef;
	overflow:hidden;
	margin-bottom:2rem;
	position:relative;
	margin-right: 1rem;
	transition:0.5s;
	}

.download-list li.archive:hover {
	background:#333;
	color:#fff !important;
}

.download-list li.archive img {
	border:3px solid #fff;
	border-radius: 100%;
}

.download-list li h3 a {
	text-decoration:none;
	color:#000;
	transition:0.3s;
	}

.download-list li h3 a:hover {
	color:#f00;
	}

/* EVENT LIST */

.events-list li {
	width:32%;
	overflow:hidden;
	margin-bottom:2rem;
	position:relative;
	}

.events-list li.archive {
	width:100%;
	box-sizing:border-box;
	padding:2%;
	background:#efefef;
	overflow:hidden;
	margin-bottom:2rem;
	position:relative;
	margin-right: 1rem;
	}

.events-list li.archive.meevent {
	background:#f00;
	color:#fff;
}


.events-list li.archive.meevent a.read-more {
	color:#fff;
	border:2px solid #fff;
}

.events-list li.archive.meevent a.arrow-link {
		padding-right: 60px !important;
    background: url(img/icons/ArrowNext-W.svg);
    background-position: right 15px center;
    background-repeat: no-repeat;
    transition: 0.3s;
    text-decoration: none !important;
}

.events-list li.archive:hover > .list-overlay {
	top:0%;
}

.events-list li.archive .list-overlay {
	width:100%;
	height:auto;
	background:rgba(0,0,0,0.8);
	padding:2rem;
	top:45%;
	position:relative;
	transition:0.5s;
}

.events-list li h3 a {
	text-decoration:none;
	color:#000;
	transition:0.3s;
	}

.events-list li.meevent h3 a {
	color:#fff;
}

.events-list li h3 a:hover {
	color:#f00;
	}

.events-list li.meevent h3 a:hover {
	color:#000;
	}

/* SITEMAP */

.sitemap-list li {
	margin-bottom:1rem;
	border-bottom:1px solid #555;
	padding-bottom:1rem;
	}

.sitemap-list li a {
	color:#000;
	text-decoration:none;
	font-weight:900;
	padding-left:1.5rem;
	background:url(img/icons/LinkNext.svg);
	background-repeat:no-repeat;
	background-position:0 50%;
	}

.sitemap-list ul.children {
	margin-top:0.75rem;
}

.sitemap-list ul.children li {
	border-bottom:none;
	padding-bottom:0;
}

.sitemap-list ul.children li a {
	margin-left:1.5rem;
	font-weight:900;
	color:#555;
}

.sitemap-list ul.children ul.children {
	margin-left:2.5rem;
}

.sitemap-list ul.children ul.children li a {
	font-weight:400;
	color:#555;
}

/* PAGINATION */

.pagination {
	margin-bottom:2rem;
	margin-top:1.5rem;
	color:#000;
	font-size:1.5rem;
}

.pagination a {
	text-decoration:none;
	color:#000;
	font-weight:700;
}

/* BACK TO TOP */

.back-to-top {
	background-color:#ff0000;
	position: fixed;
	bottom:80px;
	right:20px;
	padding:1.5em;
	color:#000;
	background-image:url(img/icons/LinkUp-W.svg);
	background-repeat:no-repeat;
	background-position:center center;
	z-index:9999;
	}

/*  Cookie Preference */




	/* SCROLL ICON */

.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
}

.icon-scroll {
  width: 40px;
  height: 70px;
  margin-left: -20px;
  top: 85%;
  margin-top: -35px;
  box-shadow: inset 0 0 0 3px #fff;
  border-radius: 25px;
}

.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}

@keyframes scroll {
  0% {
    opacity: 1;
	}
  100% {
    opacity: 0;
    transform: translateY(46px);
	}
}

	/* FOUR COLS */

.four-cols {
	margin-bottom:2rem;
	}

.four-cols li {
	width:24%;
	background:#1d1d1d;
	text-align:center;
	padding-bottom: 2rem;
	}

.four-cols li h3 {
	color:#fff;
	font-weight:700;
	margin-top:2rem;
	font-size:2rem;
	margin-bottom:2rem;
	margin-left:1rem;
	margin-right:1rem;
	padding-bottom:1.5rem;
	border-bottom:1px solid #f00;
	}

.four-cols li p {
	margin-left:1rem;
	margin-right:1rem;
	color:#fff;
	line-height:1.5rem;
	font-weight:400;
	margin-bottom:2rem;
	}

.four-cols li a {
	padding: 0.5rem 1rem 0.5rem 1rem;
	background:#fff;
	text-decoration:none;
	font-size:1.25rem;
	color:#000;
	display:inline-block;
	margin-bottom:2rem;
	line-height:normal;
	font-weight:700;
	transition:0.3s;
	}

.four-cols li a:hover {
	color:#f00;
	}

	/* ARTICLES */

article.news {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
	}

.article-img {
	width:32%;
	}

.article-img img {
	max-width:100%;
	}

.article-teaser {
	width:65%;
	}

.article-teaser h4, h4 {
	margin-top:1rem;
	margin-bottom:1rem;
	font-weight:700;
	line-height:1.5rem;
	}

.article-teaser p {
	line-height:1.5rem;
	}

.article-teaser p.date {
	color:#b5b5b5;
	}

article.news a {
	margin-top:2rem;
	display:inline-block;
	}

/* NEWS */

.teaser {
	background: rgba(0,0,0,0.8);
  width: 100%;
  height: auto;
  max-height: 497px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding:1.5rem;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}

.teaser h3 {
	font-size:2rem !important;
	font-weight: 900;
	line-height:2.5rem;
	}

.teaser p {
	padding:0 !important;
}

.teaser a.read-more-white {
	margin-left:0;
}

	/* EVENTS */

ul.event-list {margin-bottom:2rem;}

ul.event-list li {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:2rem;
	line-height:1.5rem;
	}

.event-date {
	width:38%;
	color:#b5b5b5;
	}

.event-info {
	width:60%;
	}

.event-info p {
	margin-bottom:0;
	}

.event-info h5 {
	font-weight:700;
	}

 	/* STANDORT */

.standort img {
	max-width:100%;
	}

	.salesbox {
		display:none;
		width:44.5%;
		background:#efefef;
		padding:2% ;
	}

/* COMPANY-VIEW */

ul.company-view {display:flex; flex-wrap:wrap; justify-content:space-between;}

ul.company-view li {width:33%; padding:25px; box-sizing:border-box; text-align:center; background:#fff; border:2px solid #efefef; border-radius:15px;}

ul.company-view li img {margin-bottom:15px;}

/* ITEMLIST WITH IMAGE */

ul.itemlist-with-image {display:flex; flex-wrap:wrap; gap:1%;}
ul.itemlist-with-image li {width:32%; display:flex; align-items: center;}
ul.itemlist-with-image li img {min-width:100px; min-height:100px; max-height:100px; max-width:100px; overflow:hidden; border-radius:100px; object-fit:cover; object-position:left center;  margin-right:-50px; border:3px solid #fff;}
ul.itemlist-with-image li div {font-size:14px; font-weight:500; z-index:-99; padding:15px; padding-left:65px; border-radius: 0 15px 15px 0px; box-sizing:border-box; background:#efefef; color:#000; width:100%;}

	/* FOOTER */

	footer {
		background:#dbdbdb;
		width:100%;
		}

	.footer-inner {
		padding: 0 30px 30px;
	    height: 260px;
	    max-width: 1380px;
	    margin: 0 auto;
		position:relative;
		}

	.footer-title {
		margin-top: 0;
	  padding-top: 60px;
		font-size:1.75rem;
		font-weight:700;
		padding-bottom:0 !important;
		margin-bottom:0 !important;
		border-bottom:0px !important;
		}

		/* TECH NAV & COPYRIGHT */

	.footer-legal {
			position:absolute;
			bottom:0;
			left:0;
			display:flex;
			flex-direction:row-reverse;
			flex-wrap:wrap;
			justify-content:space-between;
			width:100%;
			font-weight:300;
			}

	.copyright {
		display:inline-block;
		padding:2rem;
		padding-right:0;
		}

		.technav {
			display:inline-block;
			padding:2rem;
			padding-left:0;
			}

		.technav ul li {
			float:left;
			margin-right:0.5rem;
			}

		.technav ul li a {
			text-decoration:none;
			color:#000;
			transition:0.3s;
			}

		.technav ul li a:hover {
			color:#f00;
			}

		.technav ul li:last-child {
			margin-right:0;
			}

		.technav ul li::after {
			 content: "|";
			 margin-left:0.5rem;
			}

		.technav ul li:last-child::after {
			 content: "";
			 margin-left:1rem;
			}

		.footer-inner::after {
				clear:both;
			}

		/* SOCIAL MEDIA */

	.socialmedia {
		padding-top:2rem;
		}

	.sociallinks {
		float:left;
		margin-top:7px;
		}

	.sociallinks ul li {
		float:left;
		margin-right:1rem;
		}

	.sociallinks ul li a {
		width:20px;
		height:20px;
		background-repeat:no-repeat;
		display:block;
		background-size:auto;
		}

	.sociallinks ul li a.instagram-sm {
		background:url(img/icons/Instagram.svg);
		background-repeat:no-repeat;
		background-size:contain;
		}

	.sociallinks ul li a.instagram-sm:hover {
		background:url(img/icons/Instagram-R.svg);
		background-repeat:no-repeat;
		background-size:contain;
		}

	.sociallinks ul li a.xing-sm {
		background:url(img/icons/Xing.svg);
		background-repeat:no-repeat;
		background-size:contain;
		}

	.sociallinks ul li a.xing-sm:hover {
		background:url(img/icons/Xing-R.svg);
		background-repeat:no-repeat;
		background-size:contain;
		}

	.sociallinks ul li a.youtube-sm {
		background:url(img/icons/YouTube.svg);
		background-repeat:no-repeat;
		background-size:contain;
		}

	.sociallinks ul li a.youtube-sm:hover {
		background:url(img/icons/YouTube-R.svg);
		background-repeat:no-repeat;
		background-size:contain;
		}

	.sociallinks ul li a.kununu-sm {
		background:url(img/icons/Kununu.svg);
		background-repeat:no-repeat;
		background-size:contain;
		}

	.sociallinks ul li a.kununu-sm:hover {
		background:url(img/icons/Kununu-R.svg);
		background-repeat:no-repeat;
		background-size:contain;
		}

	.sociallinks ul li a.linkedin-sm {
		background:url(img/icons/LinkedIn.svg);
		background-repeat:no-repeat;
		background-size:contain;
		}

	.sociallinks ul li a.linkedin-sm:hover {
		background:url(img/icons/LinkedIn-R.svg);
		background-repeat:no-repeat;
		background-size:contain;
		}

	.follow-us a::before {
		content:"";
		width: 9px;
	    height: 9px;
	    border-top: 2px solid #000;
	    border-left: 2px solid #000;
	    -webkit-transform: translateY(-10%) rotate(-225deg);
	    transform: translateY(-10%) rotate(-225deg);
	    font-weight: 500;
		display: inline-block;
	    margin-right:1rem;
		margin-left:1rem
		}

	.follow-us a {
		text-decoration:none;
		color:#000;
		font-weight:700;
		font-size:1.22rem;
		}

	.follow-us a:hover {
		color:#f00;
		}

/* ACCORDEONS */

dt.accordeon {
	padding:20px;
	background-color:#1d1d1d;
	width:auto;
	display:block;
	cursor:pointer;
	margin-bottom:1rem;
	color:#fff;
	padding-left:60px;
	position:relative;
	transition:0.3s;
	}

dt.accordeon p {margin:none; display: inline;}

dt.accordeon:hover {
	background-color:#000;
	color:#fff;
	padding-left:70px;
	}

.rotateimg {
	position:absolute;
	display:inline-block;
	margin-right:1rem;
	left:1rem;
	top:1rem;
	}

.rotateimg img {
	transition:0.3s;
	}

dt.accordeon:hover img {
	transform:translateX(10px) rotate(90deg);
	}

dd.accordeon {
	display:none;
	background:#f6f6f6;
	padding:2rem;
	margin-top:-1rem;
	margin-bottom:1rem;
	}

/* FEATURE-LIST */

.feature-list {
	padding-top:12px;
	}

.feature-list li {
	padding-left:60px;
	margin-bottom:2rem;
	background-image:url(img/icons/Info.svg);
	background-position:0% 50% !important;
	background-repeat:no-repeat;
	height:35px;
	display:flex;
	align-items:center;
	}

/* KEY-FACTS */

.key-facts {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	}

.key-facts li {
	text-align:center;
	font-size:1.5rem;
	font-weight:700;
	}

.mobile-nav-button {
	display:none;
	}

a.back-button {
	display:none;
	}

.spareparts {
	background:#333 !important;
}

/* RESPONSIVENESS */

@media only screen and (max-width: 1120px) {
	h2.mainlogo img {
	    -ms-flex-order: 1;
			order: 1;
			height:36px;
			vertical-align: baseline;
	    margin: 11px 0 0;
	    padding: 14px 16px;
			padding-right: 0px;
	    border-right: 0px solid #e1e1e1;
	    font-size: 36px;
		}

	.gs18-Header__Inner {height: 65px;}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Double .gs18-HeaderLang__Lang{padding:32px 0;box-sizing:border-box;width:39px;height:65px !important;text-align:center;color:#000;text-decoration:none}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang {display: block;box-sizing: border-box;padding: 28px 10px 32px 0;width: 59px;height: 65px;text-align:center;color: #000;text-decoration: none;position: relative;}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang:before {content: '';display: block;position: absolute;top: 30px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 7px 4px 0 4px;border-color: #000 transparent transparent transparent;}
	.gs18-HeaderLang {margin-left:auto;}
	.gs18-HeaderLang .gs18-HeaderLang__List {
		position: fixed;
		top:65px;
		left:0;
		width:100%;
		margin: 0;
	}

	nav.mainnav div.subnav-linklist li {
		display:block;
		margin:0;
		padding:0;
		margin-bottom:0.5rem;
		font-weight:700;
		line-height:1rem;
		text-indent: 0rem;
	  padding-left: 2rem;

		}

.two-cols {
	display:block;
	}

.sixtysix, .thirtythree {
	width:100%;
	}

.sixtysix {
	margin-bottom:6rem;
	}

.event-date {
	width:35%;
	}

.event-info {
	width:65%;
	}

.four-cols li {
	width:48%;
	margin-bottom:2rem;
	}

	.footer-legal {
		position:relative;
		}

	.technav {
		padding-left:0rem;
		}

	.copyright {
		display: block;
	    padding:0;
	    padding-right: none;
		}

	header {
		height:65px;
		}

	nav.mainnav {
	  transform: translateX(100%);
		transition:0.3s;
		top: 65px;
		position: absolute;
		width:100%;
		}

	nav.mainnav.is-mobile, nav.mainnav div.subnav.is-open {
	    transform: translateX(0%);
			font-size: 24px;
		}

	nav.mainnav div.subnav.is-open {
		position:fixed;
		top:0px !important;
		}

	nav.mainnav.is-mobile ul {
		background: #e1e1e1;
	    position: absolute;
	    width: 100%;
		border-top:1px solid #e1e1e1;
	}

	nav.mainnav div.subnav {
		top:0;
		z-index:99;
		display:block;
		min-height:inherit;
		transform:translateX(100%);
		}

	nav.mainnav .subnav {
		overflow:inherit;
		}

	.subnav-header {display:none;}

nav.mainnav div.subnav-linklist {
	padding:0;
	}

nav.mainnav ul li {
	display:block;
	border-bottom:1px solid #e1e1e1;
	background:#fff;
	text-align:left;
	font-weight:700;
	}

nav.mainnav div.subnav-linklist li {
	padding:0rem;
	margin-bottom:0;
	}

a.close-menu {
	display:none;
	}

h1.mainlogo img {
	margin:15px 0 0;
	}

p.header-lang {
	margin-top:20px;
	}

.mobile-nav-button {
	display:block;
	height:65px;
	width:49px;
	border-left:1px solid #e1e1e1;
	position:relative;
	top:0;
	right:0;
	background:url(img/icons/Menu.svg);
	background-repeat:no-repeat;
	background-position:center center;
	}

.mobile-nav-button.active {
	background:url(img/icons/Close.svg);
	background-repeat:no-repeat;
	background-position:center center;
	}

.mobile-nav-button a {
	display:block;
	width:49px;
	height:65px;
	}

a.back-button {
	display:block;
	background:#000;
	color:#fff !important;
	}

nav.mainnav div.subnav-linklist li a {
	padding:1rem;
	display: block;
	}

nav.mainnav div.subnav-linklist li a.has-sublist::after {
	right:1rem;
	top:30px;
	}

.sub-list {
	width:100%;
	padding:0;
	}

header.ausblenden {
	top:0px;
	}

.frontcaption {
    top: 20%;
    width: 90%;
	}

.parting {
		padding-left:0% !important;
		width:100% !important;
		}

div.highlight {
		background: linear-gradient(180deg, rgba(0,0,0,1) 1%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,1) 99%) !important;
		}

.footer-legal {display:inline;}

}

/* Masonry */
.grid {
  max-width: 1380px;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-item {
  height: auto;
	background: #000;
	margin-bottom:10px;
	overflow:hidden;
	min-height: 303px;
}
.grid-sizer, .grid-item {  width: 32%;}
.grid-item--width2 { width: 64.75%; }
.grid-item--width3 { width: 97%; }

div.block-wrapper .grid-item .tilecaption h3 {
	margin-bottom: 0;
	line-height:1.75rem;
	font-weight: 300;
}

.grid-item .tilecaption {
	position:absolute;
	bottom:0;
	left:0;
	padding:10px 20px;
	width:calc(100% - 40px);
	background:rgba(0,0,0,0.85);
	color:#fff;
}

.grid-item img, .grid-item video {
	width:100%;
	height: 100% !important;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.grid-label {
	position:absolute;
	top:0;
	right:0;
	background:#f00;
	padding:10px;
	color:#fff;
	-webkit-border-radius: 0 0 0 15px;
	border-radius: 0 0 0 15px;
	z-index: 1;
}

.vidcontainer {
	position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.grid-item .blockheadline {
	width:100%;
	background:#f00;
	color:#fff;
	padding-bottom:1rem;
}

.grid-item .blockheadline h3 {
	font-weight:700;
	font-size:4rem;
	padding:2rem;
	line-height:normal;
}


@media only screen and (max-width: 980px) {
	.footer-legal {display:inline; font-size: 16px !important;}
	.gs18-Header__Inner {height: 65px;}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Double .gs18-HeaderLang__Lang{padding:32px 0;box-sizing:border-box;width:39px;height:65px !important;text-align:center;color:#000;text-decoration:none}
	.gs18-HeaderLang .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang {
    display: block;
    box-sizing: border-box;
    padding: 28px 10px 32px 0;
    width: 59px;
    height: 65px;
    text-align: center;
    color: #000;
    text-decoration: none;
    position: relative;
	}

	.gs18-HeaderLang .gs18-HeaderLang__Stage--Multiple .gs18-HeaderLang__Lang:before {
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    right: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #000 transparent transparent transparent;
	}
}


@media only screen and (max-width: 768px) {
.announcementwrapper {
	height: 529px !important;
    background-size: contain !important;
    background-position: center 0 !important;
    background-image: url(https://www.mitsubishielectric-edm.de/wp-content/uploads/2023/09/Frau_Polo_Flyer.jpg.webp);
	}
	
.announcementwrapper h3 {
	line-height:2.5rem !important;
	}
.download-list li {width:100% !important;}

.frontcaption {
    top: 20%;
	}

.grid-sizer, .grid-item {  width: 49%;}
.profilearticles li {  width: 49%;}
.grid-item--width2 { width: 97%; }
.grid-item--width3 { width: 97%; }
.salesbox { width: 97%; padding: 2rem;}

section.bg-img {
    height: 80vh;
	}

section.bg-img h1 {
	font-size:2.75rem;
	line-height:normal;
	}

ul.three-cols li {
	 width:100%;
	 }

.article-img {width:100%; margin-bottom:1rem;}
.article-img img {width:100%;}
.article-teaser {width:100%;}
.event-date {width:38%;}
.event-info {width:60%;}
ul.three-cols.features li {width:100%; height:150px;}
ul.three-cols li p {margin-bottom:0;}
.four-cols li {width:100%;}
.footer-inner {height:auto;}
.technav ul li {margin-bottom:1rem;}

.sociallinks ul li a {
	width:36px;
	height:36px;
	background-repeat:no-repeat;
	display:block;
	background-size:auto;
	}

.sociallinks {
    float: none;
}

.sociallinks ul::after {
	content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
	}

.follow-us {
	float:none;
	margin-top: 1rem;
	}

.follow-us a {
	font-size:16px;
	font-weight:500;
}

.follow-us a::before {
	margin-left:0;
	}

.icon-scroll {
  top: 91%;
}

ul.two-cols li {
	width:100%;
}

.herogroup li, .herogroup-azubi li {
	width:100% !important;
}

section.bg-img {
	height:100vh;
}

.icon-scroll {display:none;}
	
ul.company-view {display:block !imporant; flex-wrap:wrap; justify-content:space-between;}

ul.company-view li {width:100%; padding:25px; box-sizing:border-box; text-align:center; background:#fff; border:2px solid #efefef; border-radius:15px;}
	
ul.itemlist-with-image {display:block; flex-wrap:wrap; gap:1%;}
ul.itemlist-with-image li {width:100%; display:flex; align-items: center;}

}

@media only screen and (max-width: 768px) and (orientation: landscape) {
.frontcaption {
    top: 30%;
}

.icon-scroll {
  display:none;
}
}
/* Forms */

.wpforms-field-sublabel {
	display:none !important;
	}

.wpforms-field-container input[type=text], .wpforms-field-container input[type=email], .wpforms-field-container textarea {
	width:90%;
	padding:15px;
	background:#f9f9f9;
	border:none;
	outline:none;
	margin-bottom:1rem;
	border:2px solid #CCC;
	}

.wpforms-field-container textarea {
	width:60% !important;
	padding:15px;
	background:#f9f9f9;
	border:none;
	outline:none;
	margin-bottom:1rem;
	border:2px solid #CCC;
	}

.wpforms-required-label {
    color: #FF0000 !important;
    font-weight: 400;
}

.wpforms-field-label {
	display:block;
	margin-bottom:1rem;
	margin-top: 1rem;
	}

.wpforms-field-hp {
	display:none;
	}

.wpforms-field-gdpr-checkbox {
	margin-bottom:2rem;
	}

.wpforms-field-label-inline {
	margin-left:1rem;
	margin-left: 1rem;
    max-width: 95%;
	display:inline-block;
    vertical-align: text-top;
	}

.wpforms-field-label-inline a {
	color:#000;
	font-weight: 500;
}

.wpforms-field-content {
	padding-top:0px !important;
}

/* Highlightblock */

div.highlight {
	color:#fff;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,1) 1%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,1) 99%);
	}

 div.content-wrapper .highlight h2 {
	font-weight:700;
	font-size:48px;
	text-transform:uppercase;
	border-bottom:none;
	padding-bottom:0;
	}

div.content-wrapper .highlight h2 span {
	color:#f00;
	}

	div.content-wrapper .highlight h3 {
		font-size: 1.5rem;
	    font-weight: 500;
	    margin-bottom: 1.5rem;
	    display: block;
	    line-height: 1.8rem;
			color:#fff;
	}

	.highlight p {
	line-height:28px;
	margin-top:20px;
	}

	div.content-wrapper .highlight .highlightheadline {
    font-weight: 700;
    font-size: 18px;
    font-weight: 700;
    color: red;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

	.highlight .wrapper {
	width:90%;
	margin:auto;
	max-width:1340px;
	height:auto;

	}

	.parting {
		padding-left:48%;
		width:48%;
		}

	.partingtext {
		margin-top:7%;
		}

	.highlight {
	padding-bottom:10vh;
	width:100%;
	position:relative;
	overflow:hidden;
	}

	.highlight img.hlbgimg {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	object-fit:cover;
	min-width:100%;
	min-height: 100%;
	}


	.highlight a.furtherinfo, a.furtherinfo {
	padding: 0.7rem 1.2rem 0.7rem 1.2rem;
    background-color: #f00;
    text-decoration: none !important;
    font-size: 1.25rem;
	font-weight:700;
    color: #fff !important;
    display: inline-block;
    margin-top: 0.5rem;
    line-height: normal;
    transition: 0.3s;
	border:none;
	outline:none;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}

	.highlight a.furtherinfo:hover, a.furtherinfo:hover {
		 background-color: #fff !important;
		 color:#000 !important;
		}

	.feature-icons {
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-start;
		}

	.feature-icons div {
		max-width:115px;
		text-align:center;
		padding:10px 20px 10px 20px;
		}

	.feature-icons p {
		font-size:0.9rem;
		font-weight:700;
		}

	.feature-icons div img {
		display:block;
		max-width:75px;
		height:auto;
		}

.tab-block {
	margin-bottom:6rem;
	}

.tab-block:after {
	clear:both;
	}

.tab-block li {
	float:none !important;
	}

.gallery-item img {
	border:none !important;
	width:98%;
	height:auto;
	}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #f00;
  margin-top: 15px;
  margin-bottom:15px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D";
  width:100%;
  clear:both;
}
blockquote:before {
  color: #f00;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

blockquote strong {
	font-size:1.25rem;
	}

/* Ansprechpartner */

#direct-contact {
	position:fixed;
	bottom:240px;
	right:-250px;
	width:200px;
	height:auto;
	padding:1rem;
	background:#fff;
	z-index:9999;
	text-align:center;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	transition:0.75s;
}

#direct-contact h3 {
	font-size:1.25rem;
}

#direct-contact img {
	border-radius: 75px;
	-webkit-border-radius: 75px;
}

.jobdescription {
	font-size:0.9rem;
	line-height: 1.25rem;
}
.contactname {
	margin-bottom:0.5rem;
	padding-bottom:0.25rem;
	border-bottom:1px solid #f00;
}
.actionbuttons a {
	background:#f00;
	color:#fff;
	text-decoration:none;
	padding:0.5rem;
	font-size:0.9rem;
	width:80%;
	border-radius: 5px 5px 5px 5px;
	margin:auto;
	display: block;
	margin-bottom:1rem;
}

#contact-button {
	background-color:#ff0000;
	position: fixed;
	bottom:140px;
	right:20px;
	padding:1.5em;
	color:#000;
	background-image:url(img/icons/Chat-W.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 32px 32px;
	z-index:9999;
	cursor: pointer;
	transition:0.3s;
}

.contact-black {
	background-color:#000000 !important;
}

.einblenden {
	right:0px !important;
}

.shift {
	color:#f00;
}

.wp-audio-shortcode {
	position:absolute !important;bottom:0 !important;left:0 !important;
	}

/* change the color of the audio player background */
.mejs-controls,
.mejs-mediaelement,
.mejs-container {
	background: url('') !important;
	background-color: #f00 !important;
}

.tile-textbox {
	position: absolute;
  top: 76%;
  left: 0;
  height: 100%;
  color: #000;
  line-height: 4.5rem;
  padding: 2rem;
  background: #f9f9f9;
  transition: 0.5s;
  overflow: scroll;
  opacity: 1;
	}

.tile-textbox h3 {
	border-bottom:1px solid #000;
	padding-bottom:10px;
}

.tile-bg-img {
	overflow:hidden;
	}

.tile-bg-img:hover .tile-textbox {
	top:0%;
	opacity:1;
	}

.tilesimg {
	max-width:none;
	max-height:100%;
	}

.tile-read-more-link {
	padding:10px 15px;
	background:#f00;
	color:#fff;
	font-weight:500;
	text-decoration: none;
}

	.tabs {
		max-width: 1380px;
		float: none;
		list-style: none;
		position: relative;
		text-align: left;
		margin-bottom:3rem;
 }
	.tabs li {
		float: left;
		display: block;
 }
	.tabs input[type="radio"] {
		position: absolute;
		top: 0;
		left: -9999px;
 }
	.tabs label {
		display: block;
		padding: 17px 21px;
		border-radius: 2px 2px 0 0;
		font-size: 18px;
		font-weight: normal;
		text-transform: uppercase;
		background: #fff;
		cursor: pointer;
		position: relative;
		top: 0px;
		margin-right:3px;
		-webkit-box-shadow:inset 0 0 5px 1px rgba(150,150,150,0.1);
		box-shadow:inset 0 0 5px 1px rgba(150,150,150,0.1);
 }
	.tabs label:hover {
		background: #f9f9f9;
 }
	.tabs .tab-content {
		z-index: 2;
		display: none;
		overflow: hidden;
		width: 94%;
		font-size: 17px;
		line-height: 25px;
		padding: 3%;
		position: absolute;
		left: 0;
		background: #fff;
		-webkit-box-shadow: 0 6px 5px 1px rgba(0,0,0,0.1);
		box-shadow: 0 6px 5px 1px rgba(0,0,0,0.1);
 }
	.tabs [id^="tab"]:checked + label {
		top: 0;
		padding-top: 14px;
		background: #fff;
		border-top: 3px solid #FF0000;
		-webkit-box-shadow: 0 6px 5px 1px rgba(0,0,0,0.1);
		box-shadow: 0 6px 5px 1px rgba(0,0,0,0.1);
 }
	.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
		display: block;
 }
 label img {
		float:left;
		margin-right:10px;
	 }

.subnavilink {
	font-size:1.25rem;
	text-transform:uppercase;
	display:block;
	padding:15px;
	padding-left:40px;
	background:url(img/icons/Plus-R.svg);
	background-position: 0 50%;
	background-repeat: no-repeat;
	margin-bottom:15px;
	border-bottom:2px solid #fff;
	color:#fff;
	text-decoration:none;
	}

	@media only screen and (max-width: 805px) {
		.profilearticles li {  width: 47% !important;}
	}

	@media only screen and (max-width: 568px) {

	.grid-sizer, .grid-item {  width: 97%;}
	.grid-item--width2 { width: 97%; }
	.grid-item--width3 { width: 97%; }
	.profilearticles li {  width: 97% !important;}
	.fifty { width: 97%; }
	.breadcrumbs {
		margin-left: 1rem;
		padding-top: 1rem;
		line-height: 1.5rem;
		font-size: 1rem;
		height: auto;
		padding-left: 1rem;
		padding-bottom: 1rem;
	}
	ul.herogroup li h3{
		font-size:2.1rem !important;
	}
	ul.herogroup-azubi li h3{
		font-size:2.1rem !important;
	}
	.breadcrumbs a {
    	margin-left: 0;
	}
	.breadcrumb-wrapper {
		height:auto;
	}
}

div.content-wrapper ul.quick-navigation {
	background:#000;
	color:#fff;
}

div.content-wrapper ul.quick-navigation li {
	padding:15px 15px;
	font-weight: 700;
	border-bottom:1px solid #fff;
	margin-bottom:0px;
	transition: 0.5s;
}

div.content-wrapper ul.quick-navigation li ul {
	background:#efefef;
	color:#000;
	height:0px;
	display:none;
	transition: 0.5s;
}

div.content-wrapper ul.quick-navigation li.active ul {
	height:auto;
	display:block;
}

div.content-wrapper ul.quick-navigation i {
	font-style: italic;
	font-weight: 300;
}

.threeplus {
	display:none;
}

.alwayson {
	display:block !important;
}

.load-more-items {
	padding:10px 15px;
	background: #efefef;
	color:#000;
	font-weight: 700;
	text-decoration:none;
	cursor:pointer;
	transition:0.5s;
}

.load-more-items:hover {
	background:#333;
	color:#efefef;
}

.grid-topiclist {
	display:flex;
	justify-content: flex-start;
	grid-gap: 0.5rem;
	flex-wrap: wrap;
	margin-bottom:2rem;
}

.grid-topiclist h4 {
	width:100%;
}

.grid-topiclist div.grid-topic {
	display: inline-block;
	width: auto;
	background: #f9f9f9;
	border:1px solid #efefef;
	color: #000;
	border-radius: 10px;
	padding:10px 15px;
	font-size:0.8rem;
	text-decoration: none;
}

.filedesc {
	margin-bottom:0;
}



.fedstate {
	cursor:pointer !important;
	transition:0.25s !important;
}

.fedstate:hover {
	background:#000 !important;
	color:#fff !important;
}

.hideme {
	display:none;
}

.showme {
	display:block;
}

select {
	border-radius: 15px;
  padding: 10px 15px;
  background: #fff;
  border: 2px solid #000;
	font-size:1rem;
	color:#000;
}

#zipsearch {
	padding: 10px 15px;
	background:#f9f9f9;
	border:1px solid #efefef;
	border-radius:10px;
	font-size:0.8rem;
}

input[type=number] {
	border-radius: 15px !important;
  padding: 10px 15px !important;
  background: #fff !important;
  border: 2px solid #000 !important;
	font-size:1rem !important;
	color:#000 !important;
}


.jahreszahl {
	border-radius: 15px 0px;
  padding: 10px;
  background: #f00;
  color: #fff;
  margin-bottom: 10px;
  margin-top: -6px;
  display: inline-block;
  margin-left: -16px;
	font-size: 1rem;
	font-weight: 700;
}

ul.historie {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

ul.historie li {
	width:47%;
	color:#000;
	background:#f9f9f9;
	border:2px solid #efefef;
	border-radius: 15px;
	padding:5px 15px;
	margin-bottom:1rem;
	font-size: 0.9rem;
	padding-bottom:25px;
}

/* HEROGROUP */

ul.herogroup, ul.herogroup-azubi {display: flex; flex-wrap: wrap; justify-content: space-between;}
ul.herogroup li, ul.herogroup-azubi li {overflow:hidden; position:relative; height:auto; color:#fff; margin-bottom:1px !important;}
ul.herogroup li .wrapper, ul.herogroup-azubi li .wrapper {text-align: center; flex-wrap: wrap; flex-direction: column; padding:4rem 2rem;}
ul.herogroup li .overlay, ul.herogroup-azubi li .overlay {position: absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5); z-index:-9998;}
ul.herogroup li:hover > .overlay, ul.herogroup-azubi li:hover > .overlay {background:rgba(0,0,0,0.2);}
ul.herogroup li h3 {font-size: 3.56rem; font-weight: 700; color:#fff; line-height: 4rem;}
ul.herogroup-azubi li h3 {font-size: 2.56rem; font-weight: 700; color:#fff; line-height: 3rem;}
ul.herogroup li img, ul.herogroup-azubi li img {position:absolute; min-width: 100%; min-height: 100vh; object-fit: cover; top: -30%; z-index: -9999; transition: 2s;}
ul.herogroup li:hover > img, ul.herogroup-azubi li:hover > img {transform: scale(1.15);}
ul.herotags {margin: auto; display:flex; flex-wrap:wrap; flex-direction: row; max-width: 100%; justify-content: space-around;}
ul.herotags li { display:inline-block;  position:relative; margin-top: 1rem;}
ul.herotags li a,  ul.herogroup li a {transition:0.5s; padding:0.5rem 1.25rem; background:#fff; color:#000; font-weight: 700; font-size: 16px; text-decoration:none; display: block;}
ul.herotags li a:hover, ul.herogroup li a:hover {background:#f00; color:#fff;}
ul.herogroup li a {display:inline-block;}

/* ICONGROUP */
ul.icongroup {display: flex; justify-content: space-between;flex-wrap:wrap; flex-direction: row;color:#fff;}
ul.icongroup li {background:#222; padding:2.5%; text-align:center;}
ul.icongroup li h3 {padding-bottom: 1rem; border-bottom: 2px solid #fff;}
ul.icongroup li img {height:50px; margin-bottom:1rem;}

/* INTERVIEW */
.question {margin-bottom: 1rem; font-weight:700; line-height: 1.5rem; }
.answer {margin-bottom: 3rem; font-weight:400; line-height: 1.5rem;}

/* PROFILE-ARCHIVE */
.profilearticles {display:flex; flex-wrap:wrap; justify-content: flex-start; width:100%;}
.profilearticles li {width:49.9%; position: relative; height:450px; overflow: hidden; margin-right:1px; margin-bottom:1px !important;}
.profilearticles li img {transition: 2s;position:absolute; top:0; left:0; z-index:-2; width:100%; height: 100%; object-fit: cover;}
.profilearticles li .overlay {transition: 2s;position: absolute; top:250px; left:0; width:100%; height: 100%; z-index:-1;background: rgba(0,0,0,0.5);}
.profilearticles li .caption {color:#fff; top:270px;position: absolute; left: 50%;transform: translate(-50%, 0%);	width:90%;z-index:1;}
.profilearticles li .caption h3 {font-size: 2rem;font-weight: 700;margin-bottom: 1.5rem;display: block;line-height: 2.5rem; color:#fff;}
.profilearticles li a {position: absolute; top:0; left:0; width:100%; height: 100%; display: block; z-index:9999;}
.profilearticles li:hover > img {transform:scale(1.15);}
.profilearticles li:hover > .overlay {background: rgba(255,0,0,0.9);}
.filters {margin-bottom:2rem;}
.filterbutton {transition:0.5s; outline:none; border:1px solid #efefef; background:#000; border-radius: 10px; padding: 10px 15px; font-size: 0.8rem;color:#fff; font-weight: 700;}
.filterbutton:hover {background:#f00;}
.ausgabe {position:absolute; top:0; right:0; width:50px; border-radius: 0 0 0 15px; background:rgba(255,0,0,0.8); color:#fff; font-weight:bold; font-size:0.8rem; padding:5px 10px;}

/* ANIMATION HEROIMG */

@keyframes zoominoutsinglefeatured {
	    0% {
	        transform: scale(1.055,1.055);
	    }
	    100% {
	        transform: scale(1,1);
	    }
	}

section.bg-img img {
	animation: zoominoutsinglefeatured 10s 1 ;
	}

.max-img {max-width:100%; width:100%; height:auto;}

.zipcode, .zipger {display:none;}

.zipger {border:1px solid #efefef;}

.hidden {display:none;}

a.external-link:after {
    content: url(img/icons/External.svg);
		padding-left: 10px;
}

/* USERCENTRICS YOUTUBE */

#youtubePlaceholder {
        width: 100%;
  		padding-top: 56.25%;
        position: relative;
        display: block;
		overflow:hidden;
        margin-left: auto;
        margin-right: auto;
    }


    .uc-embedding-wrapper h3 {
		color:#fff !important;
		font-weight:700 !important;
		font-size:3rem;
    }	

    p.description-text, p.not-existing-service {
        color: #fff !important;
        max-width: 100% !important;
		font-size:16px;
		line-height:2rem;
    }

    .uc-embedding-more-info {
        text-transform: uppercase;
        cursor: pointer;
        box-shadow: none;
        font-size: 16px;
        display: inline-block;
        height: 45px;
        width: 100%;
        max-width: 230px;
        letter-spacing: 1.2;
        background: #ffffff;
        color: #000;
        border: 1px solid #6E6E6E;
        margin: 5px 10px 15px 10px;
        line-height:0px;
    }

    .uc-embedding-accept {
        text-transform: uppercase;
        cursor: pointer;
        border: none;
        box-shadow: none;
        font-size: 16px;
        display: inline-block;
        height: 45px;
        width: 100%;
        max-width: 230px;
        padding: 0;
        letter-spacing: 1.2;
        padding-left: 25px;
        padding-right: 25px;
        background: #9b004b;
        color: #fff;
        margin: 5px 10px 15px 10px;
        line-height:0px;
    }

    .uc-embedding-wrapper {
        width: 100%;
        height: 100%;
        justify-content: center;
        max-width: calc(100% - 20px);
        max-height: calc(100% - 20px);
        background: rgba(0,0,0, 0.75);
        border-radius: 4px;
        box-shadow: 0 3px 6px rgb(0 0 0 / 50%);
        position: absolute;
        padding: 10px;
        top: 50%;
        left: 50%;
        text-align: center;
        font-size: 14px;
        line-height: 20px;
        transform: translateX(-50%) translateY(-50%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        overflow: auto;
        font-family: Arial, Verdana, sans-serif;
    }

    .uc-embedding-buttons {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .uc-embedding-wrapper>h3 {
        margin-top: 0px !important;
        max-width: 100% !important;
		
    }

.uc-embedding-more-info {text-transform:inherit; font-weight:700;}
.uc-embedding-accept {text-transform:inherit; background-color:#f00; font-weight:700;}

.uc-inner-wrapper {max-width:75%; margin:auto;}

.youtube-logo-placeholder {width:150px; z-index:10; margin-bottom:2rem;}

/* UC Mobile YouTube Placeholder */

@media only screen and (max-width: 1280px) {
	
.uc-inner-wrapper {
    max-width: 100%;
	overflow-y:scroll;
	}
	
.uc-inner-wrapper h3 {
	font-size:1rem !important;
	}

}

.uc-embedding-accept, .uc-embedding-more-info {
	max-width:150px;
	line-height:inherit;
	font-size:1rem;
}

@media only screen and (max-width: 1024px) {
	
.uc-inner-wrapper {
    max-width: 100%;
	}
	
.uc-inner-wrapper h3 {
	font-size:1rem !important;
	}

}


/* EVENTS */

#tribe-events-pg-template {
	max-width:100%;
	width:100% !important;
	padding:0;
}

#tribe-events-content a {
	color:#000;
	font-weight:700;
}

.tribe-events-event-image img {display:none;}

.tribe-events-meta-group {
	width:auto;
	padding:2rem;
	box-sizing:border-box;
	background:#efefef;
	line-height:1.75rem;
}

.tribe-events-event-meta.primary {
	width:100%;
}

.tribe-venue-location .tribe-address span {display:block;}

.rtec-field-label {margin-bottom: 10px;}
.rtec-form-buttons {text-align:left !important;}

.tribe-events-single-event-description ul  {	
    list-style: none;
}

.tribe-events-single-event-description ul li {
	padding-left:1rem;
	border-bottom:1px solid #efefef;
	padding-bottom:1rem;
	position:relative;
}

.tribe-events-single-event-description ul li:before {	
    content: "+";
    margin-right: 4px;
	font-size:20px;
	color:#f00;
	font-weight:700;
}

.tribe-events-calendar-list ul {display:flex;}
.tribe-events-calendar-list ul li a {box-sizing:border-box;}

/* AGENDA FÜR EVENTSEITEN */

.agenda {display:flex; flex-wrap:wrap; justify-content:space-between;}
.agenda .time {color:#555;}
.agenda ul li {font-weight:600; padding-left:0;}
.agenda ul li .description {font-weight:400;}
.agenda ul li .small {font-weight:400; font-size:14px; color:#555;}
.agenda-container {width:47%;}

 /* Style for the disturb container */
        .disturber {
            width: 80%;
			max-width:1380px;
			padding:15px;
			padding-bottom:20px;
            height: auto;
            background:#efefef;
            position: fixed;
            bottom:75px;
            right: 0px; 
			left:0px;
            z-index: 1;
			margin:auto;
			border-radius: 10px 10px;			
			box-sizing:border-box;
        }
	
	.disturber_wrap {
		display:flex; gap:20px;
	}
	
	.disturber_headline {
		font-size:20px; line-height:auto; font-weight:700; color:#000; margin-bottom:3px; margin-top:2px;
	}
	.disturber_para {
		font-size:18px; margin-top:0; line-height:auto; margin-bottom:10px; color:#000;
	}
	
	.disturber img, .disturber a {border-radius: 10px 10px;}

        /* Style for the close button */
        .close-button {
            position: absolute;
			padding:10px;
			font-weight:700;
			background:#000;
			border-radius: 0px 10px 0px 0px;
            top: 0px;
            right: 0px;
            cursor: pointer;
			color:#fff;
        }
	.disturber a.furtherinfo {transition:0.5s; background:#f00; color:#fff; font-weight:700; padding: 10px 15px; text-decoration:none; display:inline-block;}
	.disturber a:hover {background:#000; color:#fff;}

@media (max-width: 900px) {
	.disturber {text-align:center; bottom:0; width:100%;}
	.disturber img {display:none;}
	.disturber_wrap {display:inherit;}
	.disturber_headline {font-size:16px;}
	.disturber_para {font-size:14px;}
}

@media (max-width: 768px) {
	.agenda-container {width:100%;}
}

@media (max-width: 1090px) {
	.frontcaption-workshop {width:100% !important;}
	.expertportrait {width:100%; margin:auto; margin-bottom:20px;}
	.expertwrapper li {display:block !important; text-align:center;}
	.tribe-events-content .alignright {float:none;}
}

.tribe-events-content h2 {margin-top:40px;}

/* Experten */

  .expertwrapper li {display:flex; flex-wrap:wrap; padding:15px; padding-top:35px; border:1px solid #efefef; margin:0; background:#f9f9f9; border-radius:10px; }
.expertwrapper li:before {content:"" !important; margin-right:0 !important;}
  .expertportrait {width:180px;}
  .expertportrait img {width:150px; height:150px;}
  .expertinfo {flex:1;}
  .expertinfo h2 {font-size:24px !important; border-bottom:0 !important; padding-bottom:20px !important; margin-bottom:0 !important; margin-top:0px;}
  .expertname {font-weight:600; margin-bottom:0px !important;}
  .expertcompany {color:#555; margin-top:0; font-size:16px;}

.frontcaption-workshop {
	bottom:0;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	width:70%;
	z-index:9999;
	text-align:left;
	padding:30px;
	box-sizing:border-box;
	background:rgba(255,0,0,0.9);
}

.frontcaption-workshop h1 {
	text-align:left !important;
	text-shadow: none !important;
}

.frontcaption-workshop .subheadline {margin:0; text-shadow: none;}

	a.callbutton {
	padding: 0.7rem 1.2rem 0.7rem 1.2rem;
    background-color: #f00;
    text-decoration: none !important;
    font-size: 1.25rem;
	font-weight:700;
    color: #fff !important;
    display: inline-block;
    margin-top: 0.5rem;
	margin-bottom:30px;
    line-height: normal;
    transition: 0.3s;
	border:none;
	outline:none;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	}

	a.callbutton:hover {
		 background-color: #000;
		 color:#000;
		}

/* AKKORDEON */

/* AKKORDEON */

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #efefef;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-top: 10px;
  border: 2px solid #efefef;
  font-weight:500;
  line-height:24px;
  box-sizing:border-box;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover,
button:focus {
  border: none;
  background:#f9f9f9; 
}

.noplus:hover {
 background:#efefef; 	
 border:2px solid #efefef;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
  background:#f9f9f9;

}

.accordion img {
	width:25px;
	position:relative;
	float:left;
	margin-right:15px;
	height:auto;
}

.accordion:after {
  content: '+'; /* Unicode character for "plus" sign (+) */
  font-size: 24px;
  color: #ff0000;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "-"; /* Unicode character for "minus" sign (-) */
}

.noplus:after, .noplus > .active:after {
	content: '';
}

section.contents p a.c2a-btn {
	padding:10px 50px;
	display:inline-block;
	text-decoration:none;
	border-radius:40px;
	background:#f00;
	color:#fff;
	font-weight:500;
	text-align:center;
	transition:0.5s;
}

section.contents p a.c2a-btn:hover {
	background:#000;
}

section.contents p a.c2a-btn-white {
	padding:10px 50px;
	display:inline-block;
	text-decoration:none;
	border-radius:40px;
	background:#fff;
	color:#000;
	font-weight:500;
	text-align:center;
	transition:0.5s;
}

section.contents p a.c2a-btn-white:hover {
	background:#000;
	color:#fff;
}

.grindinghubform {
	padding: 15px !important;
	border:1px solid #efefef !important;
	border-radius:10px !important;
}

#wpforms-22330-field_8-container {padding-top:0px !important;}

.two-column-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.two-column-container h2 {
	border-bottom:1px solid #fff !important;
	text-transform:uppercase;
	font-size:2.5rem !important;
	font-weight:700 !important;
	line-height:2.5rem;
	
}

.two-column {
    display: flex;
    width: 100%;
    margin-bottom: 30px;
}

.column {
    flex: 1;
	color:#fff;
	padding:20px 20px 30px 20px;
	box-sizing:border-box;

}

@media (max-width: 768px) {
    .two-column {
        flex-direction: column;
    }

    .column {
        width: 100%;
    }
}

.fair-info {
	display:flex;
	border-top:5px solid #f00;
	box-shadow:5px;
	-webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);
	box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);
}

.fair-info div.fair-item {
	width:33%;
	text-align:center;
	background:#f9f9f9;
	padding:20px;
	border:1px solid #efefef;
	font-weight:900;
}

.fair-item img {
    width: 25px; /* Größe des Icons */
    height: 25px; /* Stellt sicher, dass die Icons gleichmäßig groß sind */
    margin-right: 10px; /* Abstand zwischen Icon und Text */
	vertical-align: middle; /* Ensures the icon aligns with the text */
}

.fair-item span {
    font-size: 16px;
    display: inline-block;
}

ul.modern-list {
    list-style: none; /* Removes default bullets */
    padding: 0;
    margin: 0;
	list-style-position: outside;
}

ul.modern-list li {
    position: relative;
    padding: 20px; /* Space for custom bullet */
    margin-bottom: 10px; /* Space between items */
	font-weight:400 !important;
	border:1px solid #efefef;
	background: #f9f9f9;
	box-sizing:border-box;
	padding-left:40px;	
	font-size:16px;
}

ul.modern-list li::before {
    content: ""; /* No content needed */
    position: absolute;
    left: 10px; /* Position the bullet inside the padding */
    top: 50%;
    transform: translateY(-50%); /* Center the bullet vertically */
    width: 20px; /* Width of the image */
    height: 20px; /* Height of the image */
    background: url('https://www.mitsubishielectric-edm.eu/wp-content/themes/mitsubishi-electric-theme/img/icons/Plus-R.svg') no-repeat center center;
    background-size: contain; /* Ensure the image scales correctly */
}

/* Target only the table within the comparison-table class */
.comparison-table {
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin: 0 auto; /* Centering the table */
}

.comparison-table table.custom-comparison {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.comparison-table table.custom-comparison thead {
    background-color: #ff0000;
    color: #ffffff;
}

.comparison-table table.custom-comparison thead th {
    padding: 15px;
}

.comparison-table table.custom-comparison tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.comparison-table table.custom-comparison tbody tr:hover {
    background-color: #f1f1f1;
}

.comparison-table table.custom-comparison tbody td {
    padding: 15px;
    border-bottom: 1px solid #dddddd;
}

.comparison-table table.custom-comparison tbody td:nth-child(3),
.comparison-table table.custom-comparison tbody td:nth-child(4),
.comparison-table table.custom-comparison tbody td:nth-child(5) {
    text-align: center;
}
.gallery-item {
    float: left;
    text-align: center;
    width: 14% !important;
    background: #f9f9f9;
    border: 1px solid #efefef;
    margin:1%;
	box-sizing:border-box;
   
}

/* INTEC LANDINGPAGE 2025 */

.page-template-page-intec-php .breadcrumb-wrapper {
	background:#fff;
	color:#000;
}

.page-template-page-intec-php .breadcrumb-wrapper a {
	color:#000;
}

.page-template-page-intec-php .fair-info {
	border-top:0px;
	padding-top:8px;
	background-image: linear-gradient(90deg, red 0, red 33.33%, #666 0, #666 66.66%, #b2b2b2 0);
    background-size: 100%;
    background-repeat: no-repeat;
}

.page-template-page-intec-php section.contents {
	margin:0;
	padding:0;
}

.page-template-page-intec-php section.contents div.block-wrapper {
	padding:2rem;
	margin-bottom:4rem;
}

.page-template-page-intec-php .block-wrapper h2 {
	font-family: Roboto, Arial; 
	font-weight: 700; 
	line-height: 3rem; 
	font-size: 2rem; 
	border-bottom:0; 
	margin-bottom:2rem;
	position:relative;
}

.page-template-page-intec-php .block-wrapper .h2:not(.initial):after, .page-template-page-intec-php .block-wrapper h2:not(.initial):after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 8px;
    left: 0;
    right: 0;
    background-image: linear-gradient(90deg, red 0, red 33.33%, #666 0, #666 66.66%, #b2b2b2 0);
    background-size: 120px;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
}

.page-template-page-intec-php .block-wrapper .three-cols .thirtythree h3 {
	padding: 10px 25px 10px 25px;
  	background-color: #f2f2f2;
  	border-left: 4px solid #ff0000;
	font-weight:900;
}

.page-template-page-intec-php .text-onehundred p {
	line-height:1.5rem !important;
	padding-bottom:1.5rem !important;
	margin-bottom:0 !important;
}

/* Elegant List Styling */
.elegant-list {
  max-width: 900px;
  margin: 30px auto;
  padding: 0;
 list-style:none;
  list-style-type: none;
}

.elegant-list li {
  position: relative;
  margin-bottom: 20px;
  padding: 20px 25px 20px 25px;
  background-color: #f2f2f2;
  border-left: 4px solid #ff0000; /* Mitsubishi Electric blue */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.elegant-list li:hover {
  transform: translateX(5px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.elegant-list h3 {
  margin-top: 0;
  color: #ff0000; /* Mitsubishi Electric blue */
  font-size: 20px;
  font-weight: 600;
}

.elegant-list p {
  margin-bottom: 10px;
  line-height: 1.6;
  color: #444;
}


/* Sub-list styling */
.elegant-list .sub-list {
  margin-top: 15px;
  padding-left: 0;
  list-style-type: none;
}

.elegant-list .sub-list li {
  margin-bottom: 10px;
  padding: 10px 15px 10px 35px;
  border-left: 2px solid #ddd;
  background-color: white;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.elegant-list .sub-list li:before {
  width: 6px;
  height: 6px;
  left: 15px;
  top: 17px;
}

/* For responsive design */
@media (max-width: 768px) {
  .elegant-list li {
    padding: 15px 15px 15px 35px;
  }
  
  .elegant-list li:before {
    left: 12px;
  }
  
  .elegant-list h3 {
    font-size: 18px;
  }
}

.block-wrapper em {font-style:italic;}

.rtec-checkbox-option-wrap {
	
	
	background:#fff;
	
	line-height:20px;
	font-size: 0.9em;
}

/* Vorname und Nachname nebeneinander mit 5px Gap */
.rtec-first, .rtec-last {
  display: inline-block;
  width: calc(50% - 5px);
  vertical-align: top;
}

.rtec-first {
  margin-right: 5px;
}

/* Falls die Felder responsive sein sollen */
@media (max-width: 768px) {
  .rtec-first, .rtec-last {
    width: 100%;
    margin-right: 0;
  }
}

/* Checkboxen und Radio-Button Styling */
.rtec-checkbox-option-wrap,
.rtec-checkbox-option-wrap label {
  display: flex;
  align-items: flex-start;
}

.rtec-input-wrapper a {
	background:#efefef;
	border-radius:4px;
	border:1px solid #ccc;
	font-size:14px;
	margin-top:5px;
	text-decoration:none;
	font-weight:700;
	padding:5px 10px;
	color:#000;	
	display:inline-block;
	transition:0.2s;
}

.rtec-input-wrapper a:hover {
	background:#000;
	color:#fff;
}

.rtec-checkbox-option-wrap input[type="checkbox"],
.rtec-checkbox-option-wrap input[type="radio"] {
  margin-top: 0.25em; /* Positioniert das Kästchen mittig zur ersten Textzeile */
  margin-right: 8px;
  flex-shrink: 0;
}

/* Für mehrzeilige Labels - korrigiert Einrückung der zweiten Zeile */
.rtec-checkbox-option-wrap label {
  flex-grow: 1;
  line-height: 1.5;
}

/* Spezifisch für Radio-Buttons (falls zusätzliche Anpassungen nötig) */
.rtec-field-radio .rtec-checkbox-option-wrap {
  display: flex;
  align-items: flex-start;
}

.rtec-field-radio .rtec-checkbox-option-wrap input[type="radio"] {
  margin-top: 0.25em; /* Gleiche Höhe wie bei Checkboxen */
  margin-right: 8px;
  flex-shrink: 0;
}

.rtec-add-child {
	border:none;
	background:#000;
	color:#fff;
	font-weight:700;
}

.rtec-submit-button {	
	border:none;
	background:#f00;
	color:#fff;
	font-weight:700;
}

/* Kompaktere Labels */
.rtec-field-label {
  font-size: 0.9em;
  margin-bottom: 5px;
	font-weight:700;
}

/* Reduzierte Abstände */
.rtec-form-field {
  margin-bottom: 10px;
}

/* REFERENTEN */

/* Referenten Section Styling */
.referenten-section {
    padding: 60px 0;
	padding-top:0px;
    background: #f8f8f8;
}

.section-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 2rem;
}

.section-intro {
    max-width: 800px;
    margin: 0 auto 40px;
    text-align: center;
    color: #555;
}

/* Grid Layout */
.referenten-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Fixed 3 columns */
    gap: 30px;
    max-width: 1380px; /* Optional: helps control the maximum width */
    margin: 0 auto;
}

/* Card Design */
.referent-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1);
    overflow: hidden;
    transition: box-shadow 0.3s ease; /* Nur Schatten-Übergang beibehalten */
}

.referent-card:hover {
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}

/* Header mit Bürobild und Farbbalken */
.referent-header {
    position: relative;
    height: 180px; /* Höhe für das Bürobild */
    overflow: hidden;
}

.referent-header:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 8px;
    left: 0;
    right: 0;
    background-image: linear-gradient(90deg, red 0, red 33.33%, #666 0, #666 66.66%, #b2b2b2 0);
    background-size: 120px;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
    z-index: 2; /* Über dem Bürobild */
}

/* Neuer Stil für das Bürobild */
.workplace-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.workplace-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Gradientüberlagerung für bessere Lesbarkeit */
.referent-header:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: linear-gradient(to top, rgba(255,255,255,0.8), transparent);
    z-index: 2;
}

/* Fix: Korrigierte Stile für Profilbild und Logo */
.referent-photo,
.referent-company {
    position: absolute;
    bottom: 20px;
    z-index: 3;
}

.referent-photo {
    left: 20px;
}

.referent-company {
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    border: 3px solid white;
    padding: 8px;
    overflow: hidden;
}

/* Das photo-frame ist jetzt exakt wie referent-company */
.photo-frame {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    overflow: hidden;
    background: #f0f0f0;
    border: 3px solid white;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.photo-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%; /* Fokus auf das Gesicht */
    transition: transform 0.8s ease; /* Sanfter Übergang für den Zoom-Effekt */
}

.referent-card:hover .photo-frame img {
    transform: scale(1.06); /* Leichter Zoom-Effekt */
}

.placeholder-image {
    width: 100%;
    height: 100%;
    background: #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.placeholder-image:after {
    content: "\f007"; /* FontAwesome user icon */
    font-family: "Font Awesome 5 Free";
    font-size: 3rem;
    color: #ccc;
}

/* Firmenlogogröße anpassen */
.referent-company img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}

/* Info Section */
.referent-info {
    padding: 25px 20px 20px;
}

.referent-name {
    margin: 0 0 5px;
    font-size: 1.4rem;
    color: #333;
}

h3.referent-name {
    margin-bottom: 0px !important;
}

.referent-title {
    color: #666;
    margin: 0 0 15px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.75rem;
}

/* Expertise Tags */
.referent-expertise {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
}

.expertise-tag {
    background: #f0f4f8;
    padding: 5px 12px;
    border-radius: 30px;
    font-size: 0.8rem;
    color: #555;
    transition: background 0.3s ease;
}

.expertise-tag:hover {
    background: #e0e8f0;
}

/* Bio and Actions */
.referent-bio {
    margin-bottom: 15px;
    color: #555;
    font-size: 1rem;
}

.referent-bio p {
    line-height: 1.75rem;
}

.referent-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.bio-toggle {
    color: #0066cc;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.bio-toggle:hover {
    color: #004c99;
    text-decoration: underline;
}

.social-link {
    color: #555;
    transition: color 0.3s ease;
}

.social-link:hover {
    color: #0066cc;
}

/* Modal Styling */
.referent-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.referent-modal.active {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

.modal-content {
    background: white;
    padding: 30px;
    border-radius: 8px;
    max-width: 600px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    transform: translateY(20px);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.referent-modal.active .modal-content {
    transform: translateY(0);
    opacity: 1;
}

.close-modal {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 28px;
    cursor: pointer;
    color: #666;
    transition: color 0.3s ease;
}

.close-modal:hover {
    color: #000;
}

#modalName {
    margin-top: 0;
    color: #333;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#modalBio {
    line-height: 1.6;
    color: #444;
}

#modalBio p:first-child {
    margin-top: 0;
}

#modalBio p:last-child {
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 992px) {
    .referenten-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on medium screens */
    }
}

@media (max-width: 768px) {
    .referenten-section {
        padding: 40px 0;
    }
    
    .referenten-grid {
        grid-template-columns: repeat(2, 1fr); /* Maintain 2 columns on smaller tablets */
    }
    
    .section-title {
        font-size: 1.8rem;
    }
    
    .referent-header {
        height: 160px; /* Etwas kleiner auf Tablets */
    }
    
    .referent-company {
        width: 60px;
        height: 60px;
    }
    
    .photo-frame {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 480px) {
    .referenten-grid {
        grid-template-columns: 1fr; /* 1 column on mobile */
        max-width: 350px;
        margin: 0 auto;
    }
    
    .modal-content {
        padding: 20px;
    }
    
    .referent-header {
        height: 140px; /* Noch kleiner auf Mobilgeräten */
    }
}

/* Timeline accent bar für die Timeline-Cards */
.timeline-accent-bar {
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(90deg, red 0, red 33.33%, #666 0, #666 66.66%, #b2b2b2 0);
    background-size: 120px;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
    border-radius: 8px 8px 0 0;
}

/* TIMELINE */

/* Workshop Timeline Section */
.workshop-timeline-section {
    position: relative;
    max-width: 1380px;
    margin: 0 auto;
    padding: 80px 0;
    background: #fff;
    position: relative;
}

.workshop-timeline-section .section-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 2rem;
    color: #333;
}

.workshop-timeline-section .section-intro {
    max-width: 800px;
    margin: 0 auto 60px;
    text-align: center;
    color: #555;
    font-size: 1.1rem;
    line-height: 1.6;
}

/* Timeline Container */
.timeline-container {
    position: relative;
    max-width: 100%;
	width:100%;
    margin: 0 auto;
    padding: 20px 0;
}

/* Main timeline line */
.timeline-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 4px;
    background: #f0f0f0;
    transform: translateX(-50%);
    z-index: 1;
}

/* Timeline Items */
.timeline-item {
    position: relative;
    margin-bottom: 80px;
    display: flex;
    justify-content: center;
}

.timeline-item:last-child {
    margin-bottom: 0;
}

/* Timeline marker (dot with number) */
.timeline-marker {
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.timeline-dot {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1);
    border: 4px solid #fff;
    position: relative;
}

.timeline-dot:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: linear-gradient(90deg, red 0, red 33.33%, #666 0, #666 66.66%, #b2b2b2 0);
    background-size: 120px;
    opacity: 0.15;
    z-index: -1;
}

.week-number {
    font-size: 1.6rem;
    font-weight: 700;
    color: red;
}

/* Timeline Content */
.timeline-content {
    width: 45%; /* Verkleinert für zusätzliches Bild */
    position: relative;
    z-index: 2;
}

.timeline-content-inner {
    background: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.08);
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.timeline-item:hover .timeline-content-inner {
    box-shadow: 0 8px 30px rgba(0,0,0,0.15);
    transform: translateY(-5px);
}

/* Institution Image */
.institution-image-container {
    width: 45%;
    position: relative;
    z-index: 2;
}

.institution-image {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 25px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    min-height: 300px;
}

.timeline-item:hover .institution-image {
    box-shadow: 0 8px 30px rgba(0,0,0,0.15);
    transform: translateY(-5px);
}

.institution-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Institution Overlay */
.institution-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    color: white;
    padding: 15px;
}

.institution-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.institution-name-address {
    display: flex;
    flex-direction: column;
}

.institution-name {
    font-weight: bold;
    font-size: 1.1rem;
}

.institution-address {
    font-size: 0.9rem;
    opacity: 0.9;
}

.institution-links {
    display: flex;
    gap: 15px;
    margin-top: 5px;
}

.institution-website,
.institution-linkedin {
    display: flex;
    align-items: center;
    gap: 5px;
    color: white;
    text-decoration: none;
    font-size: 0.9rem;
    opacity: 0.9;
    transition: opacity 0.2s;
}

.institution-website:hover,
.institution-linkedin:hover {
    opacity: 1;
}

.institution-website svg,
.institution-linkedin svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
}

.institution-linkedin svg {
    fill: currentColor;
    stroke: none;
}

/* Left/Right positioning */
.timeline-left .timeline-content {
    margin-right: 5%;
}

.timeline-right .timeline-content {
    margin-left: 5%;
    order: 2;
}

/* Adjusted for institution image */
.timeline-left .institution-image-container {
    margin-left: 5%;
    order: 2;
}

.timeline-right .institution-image-container {
    margin-right: 5%;
    order: 1;
}

/* Week title and location styling */
.week-title {
    margin-top: 0;
    margin-bottom: 10px;
    color: #333;
    font-size: 1.5rem;
    line-height: 1.3;
}

.week-location {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #666;
    margin-bottom: 15px;
    font-weight: 500;
}

.week-description {
    color: #555;
    line-height: 1.6;
}

.week-description p:first-child {
    margin-top: 0;
}

.week-description p:last-child {
    margin-bottom: 0;
}

/* Week icon */
.week-icon {
    float: right;
    margin: 0 0 15px 20px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
    border-radius: 8px;
    padding: 12px;
}

.week-icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Arrows pointing to timeline */
.timeline-left .timeline-content-inner:after,
.timeline-right .timeline-content-inner:after {
    content: "";
    position: absolute;
    top: 30px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.timeline-left .timeline-content-inner:after {
    right: -12px;
    border-left: 12px solid white;
}

.timeline-right .timeline-content-inner:after {
    left: -12px;
    border-right: 12px solid white;
}

/* Responsive Timeline */
@media (max-width: 1200px) {
    .timeline-content,
    .institution-image-container {
        width: 35%;
    }
}

@media (max-width: 992px) {
    .timeline-content,
    .institution-image-container {
        width: 40%;
    }
    
    .timeline-left .timeline-content,
    .timeline-left .institution-image-container {
        margin-right: 5%;
    }
    
    .timeline-right .timeline-content,
    .timeline-right .institution-image-container {
        margin-left: 5%;
    }
}

@media (max-width: 768px) {
    /* Switch to vertical timeline on mobile */
    .timeline-line {
        left: 30px;
    }
    
    .timeline-marker {
        left: 30px;
        top: 0;
    }
    
    .timeline-dot {
        width: 50px;
        height: 50px;
    }
    
    .week-number {
        font-size: 1.4rem;
    }
    
    /* Stack content vertically in mobile */
    .timeline-item {
        flex-direction: column;
    }
    
    .timeline-content,
    .institution-image-container {
        width: calc(100% - 80px);
    }
    
    .timeline-left .timeline-content,
    .timeline-right .timeline-content,
    .timeline-left .institution-image-container,
    .timeline-right .institution-image-container {
        margin-left: 80px;
        margin-right: 0;
        order: unset;
    }
    
    .institution-image-container {
        margin-top: 20px;
    }
    
    .timeline-left .timeline-content-inner:after,
    .timeline-right .timeline-content-inner:after {
        left: -12px;
        right: auto;
        border-right: 12px solid white;
        border-left: none;
    }
    
    .timeline-item {
        margin-bottom: 60px;
    }
    
    .week-title {
        font-size: 1.3rem;
    }
    
    .institution-image {
        min-height: 200px;
    }
}

@media (max-width: 576px) {
    .workshop-timeline-section {
        padding: 60px 0;
    }
    
    .timeline-content-inner {
        padding: 20px;
    }
    
    .week-icon {
        width: 50px;
        height: 50px;
        margin: 0 0 10px 15px;
    }
    
    .institution-overlay {
        padding: 10px;
    }
    
    .institution-name {
        font-size: 1rem;
    }
    
    .institution-links {
        gap: 10px;
    }
    
    .institution-website span,
    .institution-linkedin span {
        font-size: 0.8rem;
    }
}

/* Registration CTA Section */
.registration-cta-section {
    padding: 70px 0;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
}

/* Optional background pattern */
.registration-cta-section.has-pattern:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23000000' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
    pointer-events: none;
}

.registration-cta-container {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    margin: 0 auto;
}

/* Intro section - full width */
.intro-wrapper {
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
}

/* Two columns container */
.columns-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

/* Left column - Registration form */
.registration-wrapper {
    flex: 1;
    min-width: 300px;
    flex-basis: calc(55% - 20px);
}

/* Right column - Contact & FAQ */
.resources-wrapper {
    flex: 1;
    min-width: 300px;
    flex-basis: calc(45% - 20px);
}

.section-title {
    color: #333;
    font-family: Roboto, Arial;
    font-weight: 700;
    line-height: 3rem;
    font-size: 2rem;
    border-bottom: 0;
    margin-bottom: 20px;
    position: relative;
}

.section-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 4px;
    background-image: -webkit-linear-gradient(0deg, red 0%, red 33.33%, #666 33.33%, #666 66.66%, #b2b2b2 66.66%, #b2b2b2 100%);
    background-image: -moz-linear-gradient(0deg, red 0%, red 33.33%, #666 33.33%, #666 66.66%, #b2b2b2 66.66%, #b2b2b2 100%);
    background-image: -o-linear-gradient(0deg, red 0%, red 33.33%, #666 33.33%, #666 66.66%, #b2b2b2 66.66%, #b2b2b2 100%);
    background-image: linear-gradient(90deg, red 0%, red 33.33%, #666 33.33%, #666 66.66%, #b2b2b2 66.66%, #b2b2b2 100%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.section-intro {
    margin: 0 auto 30px;
    color: #555;
    line-height: 1.6;
    max-width: 800px;
}

.subsection-title {
    color: #333;
    font-size: 1.5rem;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
}

.subsection-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background-image: -webkit-linear-gradient(0deg, red 0%, red 33.33%, #666 33.33%, #666 66.66%, #b2b2b2 66.66%, #b2b2b2 100%);
    background-image: -moz-linear-gradient(0deg, red 0%, red 33.33%, #666 33.33%, #666 66.66%, #b2b2b2 66.66%, #b2b2b2 100%);
    background-image: -o-linear-gradient(0deg, red 0%, red 33.33%, #666 33.33%, #666 66.66%, #b2b2b2 66.66%, #b2b2b2 100%);
    background-image: linear-gradient(90deg, red 0%, red 33.33%, #666 33.33%, #666 66.66%, #b2b2b2 66.66%, #b2b2b2 100%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/* Registration CTA Section */
.registration-cta-section {
    padding: 70px 0;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
}

/* Optional background pattern */
.registration-cta-section.has-pattern:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23000000' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
    pointer-events: none;
}

.registration-cta-container {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    margin: 0 auto;
}

/* Intro section - full width */
.intro-wrapper {
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
}

/* Two columns container */
.columns-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

/* Left column - Registration form */
.registration-wrapper {
    flex: 1;
    min-width: 300px;
    flex-basis: calc(55% - 20px);
}

/* Right column - Contact & FAQ */
.resources-wrapper {
    flex: 1;
    min-width: 300px;
    flex-basis: calc(45% - 20px);
}

.section-title {
    color: #333;
    font-size: 2rem;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
}

.section-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 8px;
    left: 0;
    right: 0;
    background-image: linear-gradient(90deg, red 0, red 33.33%, #666 0, #666 66.66%, #b2b2b2 0);
    background-size: 120px;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
}

.section-intro {
    margin: 0 auto 30px;
    color: #555;
    line-height: 1.6;
    max-width: 800px;
}

.subsection-title {
    color: #333;
    font-size: 1.5rem;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
}

.subsection-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 6px;
    background-image: linear-gradient(90deg, red 0, red 33.33%, #666 0, #666 66.66%, #b2b2b2 0);
    background-size: 80px;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
}

/* Registration Form Container */
.registration-form-container {

     /*padding: 25px;*/
    border-radius: 8px;
    /*box-shadow: 0 5px 30px rgba(0,0,0,0.08);*/
    position: relative;
}

 /*.registration-form-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    background-image: linear-gradient(90deg, red 0, red 33.33%, #666 0, #666 66.66%, #b2b2b2 0);
    background-size: 120px;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
    border-radius: 8px 8px 0 0;
}*/

.registration-form-container #rtec .rtec-form-wrapper {
	border:0px;
	background:#fff;
	padding:0;
}

/* Contact Container */
.contact-container {
    margin-bottom: 40px;
}

.contact-intro {
    margin-bottom: 20px;
    color: #555;
}

.contact-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: white;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.contact-image {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.contact-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-details {
    flex: 1;
}

.contact-name {
    margin: 0 0 5px;
    color: #333;
    font-size: 1.2rem;
}

.contact-position {
    margin: 0 0 12px;
    color: #666;
    font-size: 0.9rem;
}

.contact-methods {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact-method {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #444;
    text-decoration: none;
    transition: color 0.2s ease;
    padding: 2px 0;
}

.contact-method:hover {
    color: red;
}

.contact-method svg {
    flex-shrink: 0;
}



.faq-accordion {
    background: white;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    overflow: hidden;
}

.faq-item {
    border-bottom: 1px solid #f0f0f0;
}

.faq-item:last-child {
    border-bottom: none;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: left;
    padding: 15px 20px;
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 500;
    color: #333;
    transition: background-color 0.2s ease;
    font-size: 1.05rem;
    padding-right: 40px;
    position: relative;
}

.faq-question:hover {
    background-color: #f9f9f9;
}

.faq-question[aria-expanded="true"] {
    background-color: #f9f9f9;
    color: red;
}

.faq-question svg {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.faq-question .icon-plus {
    display: block;
}

.faq-question .icon-minus {
    display: none;
}

.faq-question[aria-expanded="true"] .icon-plus {
    display: none;
}

.faq-question[aria-expanded="true"] .icon-minus {
    display: block;
}

.faq-answer {
    padding: 0 20px 15px;
    color: #555;
    line-height: 1.6;
    background-color: #f9f9f9;
}


/* Timeline accent bar für die Timeline-Cards */
.timeline-accent-bar {
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(90deg, red 0, red 33.33%, #666 0, #666 66.66%, #b2b2b2 0);
    background-size: 120px;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
    border-radius: 8px 8px 0 0;
}

/* Bessere Mobildarstellung für RTEC-Formular */
@media (max-width: 992px) {
    .registration-cta-section {
        padding: 70px 0;
    }
    
    .columns-wrapper {
        gap: 40px;
    }
    
    .registration-wrapper, 
    .resources-wrapper {
        flex-basis: 100%;
    }
}

@media (max-width: 768px) {
    .registration-cta-section {
        padding: 60px 0;
    }
    
    .section-title {
        font-size: 1.8rem;
    }
    
    .subsection-title {
        font-size: 1.3rem;
    }
    
    .registration-form-container {
        padding: 25px 20px;
    }
    
    .contact-card {
        flex-direction: column;
        align-items: flex-start;
        text-align: center;
    }
    
    .contact-image {
        margin: 0 auto 15px;
    }
    
    .contact-details {
        width: 100%;
        text-align: center;
    }
    
}

@media (max-width: 576px) {
    .registration-cta-section {
        padding: 50px 0;
    }
    
    .section-title {
        font-size: 1.6rem;
    }
    
    .registration-form-container {
        padding: 20px 15px;
    }
	
	
    
    .contact-card {
        padding: 20px 15px;
    }
    
    .faq-question {
        font-size: 1rem;
        padding: 12px 40px 12px 15px;
    }
    
    .faq-answer {
        padding: 0 15px 15px;
    }
}

.rtec-form-fields-wrapper h2 {
	color:#333;
	font-family: Roboto, Arial;
    font-weight: 700;
    line-height: 3rem;
    font-size: 2rem;
    border-bottom: 0;
    margin-bottom: 2rem;
    position: relative;
}

/* Vorteile Sektion - Gesamtes CSS */

.vorteile-section {
    padding: 60px 0;
    background-color: #f9f9f9;
}

.section-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 2.5rem;
    color: #333;
}

.section-intro {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 40px;
    font-size: 1.1rem;
    line-height: 1.6;
    color: #555;
}

/* Flexbox Grid für die Vorteile-Karten */
.vorteile-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px -15px 0;
}

.vorteil-card {
    flex: 0 0 calc(33.333% - 30px);
    margin: 0 15px 30px;
    max-width: calc(33.333% - 30px);
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1);
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.vorteil-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.vorteil-number {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #ff3333;
    color: white;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    font-size: 16px;
    z-index: 2;
}

.vorteil-header {
    padding: 30px 20px 15px;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.vorteil-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    background-color: #f0f0f0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.vorteil-icon img {
    max-width: 100%;
    height: auto;
}

.vorteil-title {
    font-size: 1.4rem;
    color: #222;
    margin: 0 0 10px;
    font-weight: 600;
}

h3.vorteil-title {
	margin-bottom:0 !important;
}

.vorteil-content {
    padding: 20px;
    color: #666;
    font-size: 1rem;
    line-height: 1.6;
}

.vorteil-content p {
	text-align:center;
	line-height:1.5rem;
}

.vorteil-content p:last-child {
    margin-bottom: 0;
}

/* CTA Button Bereich */
.vorteile-cta {
    text-align: center;
    margin-top: 40px;
}

.primary-button {
    display: inline-block;
    background-color: #ff3333; /* Primärfarbe anpassen */
    color: white;
    padding: 12px 30px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-size: 1.1rem;
}

.primary-button:hover {
    background-color: #e02020; /* Dunklere Farbe beim Hover */
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Responsive Anpassungen */
@media (max-width: 1200px) {
    .vorteil-card {
        flex: 0 0 calc(33.333% - 30px);
        max-width: calc(33.333% - 30px);
    }
}

@media (max-width: 991px) {
    .vorteil-card {
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }
    
    .section-title {
        font-size: 2.2rem;
    }
}

@media (max-width: 767px) {
    .vorteile-section {
        padding: 40px 0;
    }
    
    .vorteil-card {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 25px;
    }
    
    .section-title {
        font-size: 1.8rem;
    }
    
    .section-intro {
        font-size: 1rem;
    }
    
    .vorteil-header {
        padding: 25px 15px 12px;
    }
    
    .vorteil-icon {
        width: 60px;
        height: 60px;
    }
    
    .vorteil-title {
        font-size: 1.2rem;
    }
    
    .vorteil-content {
        padding: 15px;
        font-size: 0.95rem;
    }
    
    .vorteile-cta {
        margin-top: 30px;
    }
    
    .primary-button {
        padding: 10px 25px;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .section-title {
        font-size: 1.6rem;
    }
    
    .vorteil-icon {
        width: 50px;
        height: 50px;
    }
}

/* Workshop Selection Styles */
.workshops-registration-wrapper {
    margin-bottom: 60px;
}

.workshops-accordion {
    width: 100%;
}

.workshop-item {
    width: 100%;
    background: white;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    overflow: hidden;
    border: 1px solid #eee;
    margin-bottom: 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.workshop-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

.workshop-header {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    background: white;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s ease;
}

.workshop-header-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid #f0f0f0;
}

.workshop-title-date {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
}

.workshop-date {
    font-weight: 600;
    font-size: 1.1rem;
    color: #333;
    min-width: 100px;
    flex-shrink: 0;
}

.workshop-title {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
    font-weight: 600;
}

.workshop-availability {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 20px;
}

.availability-indicator {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 0.95rem;
}

.availability-indicator svg {
    width: 20px;
    height: 20px;
}

.availability-green {
    color: #22c55e;
}

.availability-green svg {
    stroke: #22c55e;
}

.availability-orange {
    color: #f59e0b;
}

.availability-orange svg {
    stroke: #f59e0b;
}

.availability-red {
    color: #ef4444;
}

.availability-red svg {
    stroke: #ef4444;
}

.spots-info {
    font-size: 0.85rem;
    color: #666;
}

.icon-chevron {
    margin-left: 15px;
    transition: transform 0.3s ease;
}

.workshop-header[aria-expanded="true"] .icon-chevron {
    transform: rotate(180deg);
}

.workshops-accordion .workshop-locations {
    padding: 20px;
    background: #f9f9f9;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.workshops-accordion .workshop-week {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    color: #666;
}

.workshops-accordion .week-number {
    font-weight: 600;
    color: #666;
    font-size: 0.9rem;
}

.workshops-accordion .week-location {
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
	margin-bottom:0;
}

.workshops-accordion .week-location svg {
    color: #777;
    width: 12px;
    height: 12px;
    position: relative;
    top: -1px;
}

.workshop-content {
    padding: 25px;
    background-color: white;
    border-top: 1px solid #eee;
}

.workshop-details {
    margin-bottom: 25px;
    color: #555;
    line-height: 1.6;
}

/* Wenn Workshop ausgebucht ist */
.workshop-item.availability-red {
    opacity: 0.8;
}

.workshop-item.availability-red:hover {
    opacity: 1;
}


/* Anpassung des Layouts für Info-Sections */
.info-sections-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 40px;
}

.contact-container, .faq-container {
    flex: 1;
    min-width: 300px;
}

/* Neue Akkordeon-Überschrift */
.workshops-heading {
    margin-bottom: 30px;
}

.workshops-title {
    position: relative;
    color: #333;
    font-size: 2rem;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 15px;
}

.workshops-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 8px;
    width: 100%;
    background-image: linear-gradient(90deg, red 0, red 33.33%, #666 0, #666 66.66%, #b2b2b2 0);
    background-size: 120px;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
}

/* Responsive Anpassungen */
@media (max-width: 992px) {
    .workshop-header-main {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .workshop-title-date {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .workshop-availability {
        margin-left: 0;
        align-self: flex-start;
    }
}

@media (max-width: 768px) {
    .info-sections-wrapper {
        flex-direction: column;
    }
    
    .contact-container, .faq-container {
        width: 100%;
    }
    
    .workshop-title-date {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .workshop-date {
        min-width: auto;
    }
    
    .workshop-week {
        font-size: 0.85rem;
    }
}

@media (max-width: 576px) {
    .workshop-header-main,
    .workshop-locations {
        padding: 15px;
    }
    
    .workshop-date {
        font-size: 1rem;
    }
    
    .workshop-title {
        font-size: 1.1rem;
    }
    
    .availability-indicator {
        font-size: 0.85rem;
    }
    
    .spots-info {
        font-size: 0.8rem;
    }
    
    .workshop-content {
        padding: 15px;
    }
}

/* Label-Farbe im Anmeldeformular von Grün zu Schwarz ändern */
.rtec-form label,
.rtec-form-field-label {
    color: #000 !important; /* oder #1d1d1d für ein leicht dunkleres Schwarz */
}

/* Optional: Auch alle Label-Texte in der Form schwarz machen */
.rtec-form .rtec-input-wrapper label,
.rtec-form .rtec-checkbox-label,
.rtec-form .rtec-field-label,
.rtec-form .rtec-agreement-text,
.rtec-form .rtec-privacy-policy-label,
.rtec-error {
    color: #000 !important;
}

.workshop-item .rtec-form-fields-wrapper h2 {
	margin-bottom:0;
	font-size:1.25rem;
	padding-bottom:0px;
	margin-bottom:15px;
	border-bottom:1px solid #efefef;
}

.workshop-support-info {
    margin-top: 3rem;
    background: linear-gradient(135deg, #f9f9f9 0%, #f5f5f5 100%);
    border-radius: 12px;
    padding: 2rem;
    border-left: 4px solid #ff0000;
}

.support-info-content {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.support-icon {
    background: #ff0000;
    color: white;
    padding: 0.75rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.support-text h4 {
    margin: 0 0 0.5rem 0;
    color: #ff0000;
    font-weight: 600;
}

.support-text p {
    margin: 0;
    color: #555;
}


/* Registrierungsformular */
/* ===== RTEC FORMULAR STYLES ===== */

/* Kompaktere Labels */
.rtec-field-label {
    font-size: 0.9em;
    margin-bottom: 5px;
    font-weight: 700;
    color: #000 !important;
}

/* Reduzierte Abstände */
.rtec-form-field {
    margin-bottom: 10px;
}

/* Vorname und Nachname in einer Zeile mit 5px Gap */
.rtec-first, .rtec-last {
    display: inline-block;
    width: calc(50% - 5px);
    vertical-align: top;
}

.rtec-first {
    margin-right: 5px;
}

/* Straße und Hausnummer in einer Zeile */
.rtec-stracfe-und-hausnummer,
.rtec-hausnummer {
    display: inline-block;
    width: calc(70% - 10px);
    margin-right: 20px;
}

.rtec-hausnummer {
    width: calc(30% - 10px);
    margin-right: 0;
}

/* PLZ und Ort in einer Zeile */
.rtec-plz-und-ort,
.rtec-plz-und-ort1748616033 {
    display: inline-block;
    width: calc(30% - 10px);
    margin-right: 20px;
}

.rtec-plz-und-ort1748616033 {
    width: calc(70% - 10px);
    margin-right: 0;
}

/* Checkboxen und Radio-Button Styling */
.rtec-checkbox-option-wrap,
.rtec-checkbox-option-wrap label {
    display: flex;
    align-items: flex-start;
    background: #fff;
    line-height: 20px;
    font-size: 0.9em;
}

.rtec-checkbox-option-wrap input[type="checkbox"],
.rtec-checkbox-option-wrap input[type="radio"] {
    margin-top: 0.25em; /* Positioniert das Kästchen mittig zur ersten Textzeile */
    margin-right: 8px;
    flex-shrink: 0;
}

/* Für mehrzeilige Labels - korrigiert Einrückung der zweiten Zeile */
.rtec-checkbox-option-wrap label {
    flex-grow: 1;
    line-height: 1.5;
}

/* Spezifisch für Radio-Buttons (falls zusätzliche Anpassungen nötig) */
.rtec-field-radio .rtec-checkbox-option-wrap {
    display: flex;
    align-items: flex-start;
}

.rtec-field-radio .rtec-checkbox-option-wrap input[type="radio"] {
    margin-top: 0.25em; /* Gleiche Höhe wie bei Checkboxen */
    margin-right: 8px;
    flex-shrink: 0;
}

/* Links im Formular */
.rtec-input-wrapper a {
    background: #efefef;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 14px;
    margin-top: 5px;
    text-decoration: none;
    font-weight: 700;
    padding: 5px 10px;
    color: #000;	
    display: inline-block;
    transition: 0.2s;
}

.rtec-input-wrapper a:hover {
    background: #000;
    color: #fff;
}

/* Button-Styling */
.rtec-add-child {
    border: none;
    background: #000;
    color: #fff;
    font-weight: 700;
}

.rtec-submit-button {	
    border: none;
    background: #f00;
    color: #fff;
    font-weight: 700;
}

/* Label-Farbe für alle RTEC-Elemente */
.rtec-form label,
.rtec-form-field-label,
.rtec-form .rtec-input-wrapper label,
.rtec-form .rtec-checkbox-label,
.rtec-form .rtec-field-label,
.rtec-form .rtec-agreement-text,
.rtec-form .rtec-privacy-policy-label,
.rtec-error {
    color: #000 !important;
}

/* Form Container */
.registration-form-container #rtec .rtec-form-wrapper {
    border: 0px;
    background: #fff;
    padding: 0;
}

.rtec-form-fields-wrapper h2 {
    color: #333;
    font-family: Roboto, Arial;
    font-weight: 700;
    line-height: 3rem;
    font-size: 2rem;
    border-bottom: 0;
    margin-bottom: 2rem;
    position: relative;
}

.workshop-item .rtec-form-fields-wrapper h2 {
    margin-bottom: 0;
    font-size: 1.25rem;
    padding-bottom: 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #efefef;
}

/* Responsive Formular-Anpassungen */
@media (max-width: 768px) {
    .rtec-first, .rtec-last,
    .rtec-stracfe-und-hausnummer,
    .rtec-hausnummer,
    .rtec-plz-und-ort,
    .rtec-plz-und-ort1748616033 {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
}

/* Flexbox für die Workshop-Locations */
.workshop-locations {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

/* Workshop-Wochen-Bereich */
.workshop-week {
    display: flex;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 5px;
}

/* Button-Wrapper */
.booking-button-wrapper {
    margin-left: auto; /* Drückt den Button nach rechts */
}

/* Buchen-Text-Styling */
.booking-text {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 15px;
    color: white;
    font-weight: bold;
    white-space: nowrap;
	font-size:14px;
}

/* Farben basierend auf Verfügbarkeit */
.booking-text.availability-green {
    background-color: #28a745;
}

.booking-text.availability-orange {
    background-color: #ff8c00;
}

/* Anpassungen für bessere Mobilansicht */
@media (max-width: 768px) {
    .workshop-locations {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .booking-button-wrapper {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }
    
    .booking-text {
        display: block;
        text-align: center;
    }
}

/* ZUSÄTZLICHE KORREKTUREN FÜR SINGLE EVENT CSS */

/* Registration Card - Verbessertes Styling */
.single-tribe_events .registration-card {
    margin-top: 40px;
}

/* Fallback Registration Styling */
.single-tribe_events .registration-fallback {
    text-align: center;
    padding: 20px 0;
}

.single-tribe_events .registration-fallback p {
    margin-bottom: 15px;
    line-height: 1.6;
}

/* RTEC Form Improvements - Spezifischere Selektoren */
.single-tribe_events .rtec-form-container .rtec-form {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.single-tribe_events .rtec-form-container .rtec-form-wrapper {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* RTEC Input Fields - Einheitliche Abstände */
.single-tribe_events .rtec-form-container .rtec-form-field {
    margin-bottom: 20px;
}

.single-tribe_events .rtec-form-container .rtec-form-field label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
}

.single-tribe_events .rtec-form-container input[type="text"],
.single-tribe_events .rtec-form-container input[type="email"],
.single-tribe_events .rtec-form-container input[type="tel"],
.single-tribe_events .rtec-form-container textarea,
.single-tribe_events .rtec-form-container select {
    width: 100%;
    border: 2px solid #ddd;
    border-radius: 6px;
    padding: 12px 15px;
    background: white;
    transition: border-color 0.3s ease;
    font-size: 1rem;
    font-family: inherit;
}

.single-tribe_events .rtec-form-container input[type="text"]:focus,
.single-tribe_events .rtec-form-container input[type="email"]:focus,
.single-tribe_events .rtec-form-container input[type="tel"]:focus,
.single-tribe_events .rtec-form-container textarea:focus,
.single-tribe_events .rtec-form-container select:focus {
    border-color: #f00;
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.1);
}

/* RTEC Submit Button */
.single-tribe_events .rtec-form-container .rtec-submit-button,
.single-tribe_events .rtec-form-container input[type="submit"],
.single-tribe_events .rtec-form-container button[type="submit"] {
    background: #f00 !important;
    color: white !important;
    border: 2px solid #f00 !important;
    padding: 15px 30px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    width: auto !important;
    display: inline-block !important;
    margin-top: 20px !important;
}

.single-tribe_events .rtec-form-container .rtec-submit-button:hover,
.single-tribe_events .rtec-form-container input[type="submit"]:hover,
.single-tribe_events .rtec-form-container button[type="submit"]:hover {
    background: transparent !important;
    color: #f00 !important;
    border-color: #f00 !important;
}

/* RTEC Required Field Indicator */
.single-tribe_events .rtec-form-container .rtec-required {
    color: #f00;
    font-weight: bold;
}

/* RTEC Error Messages */
.single-tribe_events .rtec-form-container .rtec-error {
    background: #fee;
    border: 1px solid #fcc;
    border-radius: 4px;
    padding: 10px;
    margin: 10px 0;
    color: #c33;
}

/* RTEC Success Messages */
.single-tribe_events .rtec-form-container .rtec-success {
    background: #efe;
    border: 1px solid #cfc;
    border-radius: 4px;
    padding: 10px;
    margin: 10px 0;
    color: #363;
}

/* Verstecke ungewollte RTEC Elemente */
.single-tribe_events body > #rtec,
.single-tribe_events .content-wrapper > #rtec:not(.registration-card #rtec),
.single-tribe_events footer ~ #rtec,
.single-tribe_events footer + * #rtec {
    display: none !important;
    visibility: hidden !important;
}

/* Stelle sicher, dass nur unser RTEC-Formular angezeigt wird */
.single-tribe_events .registration-card .rtec-form-container #rtec {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    width: 100% !important;
}

/* Abstände zwischen Cards korrigieren */
.single-tribe_events .event-content-section .container > * + * {
    margin-top: 40px;
}

/* Card-spezifische Abstände */
.single-tribe_events .event-info-cards {
    gap: 30px;
    margin-bottom: 0;
}

/* Responsive Abstände anpassen */
@media (max-width: 992px) {
    .single-tribe_events .event-info-cards {
        gap: 25px;
    }
    
    .single-tribe_events .event-content-section .container > * + * {
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    .single-tribe_events .event-info-cards {
        gap: 20px;
    }
    
    .single-tribe_events .event-content-section .container > * + * {
        margin-top: 25px;
    }
    
    /* Card Padding für mobile optimieren */
    .single-tribe_events .card-header,
    .single-tribe_events .card-content {
        padding: 20px;
    }
}

/* RTEC Checkbox und Radio Button Styling */
.single-tribe_events .rtec-form-container input[type="checkbox"],
.single-tribe_events .rtec-form-container input[type="radio"] {
    width: auto !important;
    margin-right: 8px;
    transform: scale(1.2);
}

.single-tribe_events .rtec-form-container .rtec-checkbox-label,
.single-tribe_events .rtec-form-container .rtec-radio-label {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}

/* RTEC Privacy/Terms Checkboxes */
.single-tribe_events .rtec-form-container .rtec-privacy,
.single-tribe_events .rtec-form-container .rtec-terms {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 6px;
    border-left: 4px solid #f00;
    margin: 20px 0;
}

/* RTEC Loading State */
.single-tribe_events .rtec-form-container .rtec-loading {
    text-align: center;
    padding: 20px;
    color: #666;
}

/* Debug-Informationen ausblenden (für Produktion) */
.single-tribe_events .rtec-form-container [class*="debug"],
.single-tribe_events .rtec-form-container [id*="debug"] {
    display: none !important;
}

/* Container-Breite für bessere Darstellung */
.single-tribe_events .container {
    max-width: 1200px; /* Etwas schmaler für bessere Lesbarkeit */
}

/* Section-Abstände harmonisieren */
.single-tribe_events .event-quick-info,
.single-tribe_events .event-content-section,
.single-tribe_events .contact-person-section {
    padding: 60px 0;
}

@media (max-width: 768px) {
    .single-tribe_events .event-quick-info,
    .single-tribe_events .event-content-section,
    .single-tribe_events .contact-person-section {
        padding: 40px 0;
    }
}

/* =================================================== */
/* FORCE OVERRIDE - GANZ AM ENDE DER CSS-DATEI EINFÜGEN */
/* =================================================== */

/* RESET UND FORCE GRID LAYOUT */
.single-tribe_events #tribe-events-content {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

.single-tribe_events .tribe-events-single-event-description {
    display: none !important; /* Verstecke alte Beschreibung */
}

.single-tribe_events .event-quick-info {
    padding:0 !important;
	padding-top: 60px !important;
    background: #f8f8f8 !important;
    margin: 0 !important;
    clear: both !important;
    width: 100% !important;
    float: none !important;
}

.single-tribe_events .event-info-cards {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* FORCE CARD DESIGN */
.single-tribe_events .event-detail-card,
.single-tribe_events .availability-card,
.single-tribe_events .contact-info-card {
    background: white !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    float: none !important;
    width: 100% !important;
    min-height: 200px !important;
}

.single-tribe_events .company-info {
	line-height:1.55rem;
}

.single-tribe_events .card-header {
    padding: 25px 25px 0 !important;
    background: white !important;
    margin: 0 !important;
}

.single-tribe_events .card-header h2 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin: 0 0 20px 0 !important;
    padding: 0 0 15px 0 !important;
    border-bottom: none !important;
    position: relative !important;
    font-family: Roboto, Arial, sans-serif !important;
}

.single-tribe_events .card-header h2:after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 8px !important;
    width: 120px !important;
    background: linear-gradient(90deg, #ff0000 0%, #ff0000 33.33%, #666666 33.33%, #666666 66.66%, #b2b2b2 66.66%) !important;
    border-radius: 0 !important;
}

.single-tribe_events .card-content {
    padding: 0 25px 25px !important;
    background: white !important;
    margin: 0 !important;
}

/* SCHEDULE ITEMS */
.single-tribe_events .event-schedule .schedule-item {
    display: block !important;
    padding: 12px 15px !important;
    margin-bottom: 8px !important;
    background: #f9f9f9 !important;
    border-radius: 6px !important;
    border-left: 4px solid #ff0000 !important;
    color: #333 !important;
}

/* LOCATION STYLING */
.single-tribe_events .event-location {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    padding: 20px 15px !important;
    background: #f9f9f9 !important;
    border-radius: 6px !important;
    margin-top: 20px !important;
    border-left: 4px solid #ff0000 !important;
	line-height:1.55rem;
}

.single-tribe_events .location-icon {
    color: #ff0000 !important;
    flex-shrink: 0 !important;
}

/* AVAILABILITY STYLING */
.single-tribe_events .availability-status {
    text-align: center !important;
    padding: 0px 0 !important;
}

.single-tribe_events .availability-indicator {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-bottom: 15px !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    padding: 15px !important;
    border-radius: 8px !important;
    background: #f9f9f9 !important;
}

.single-tribe_events .availability-green {
    color: #22c55e !important;
    border-left: 4px solid #22c55e !important;
}

.single-tribe_events .spots-remaining {
    font-size: 1.4rem !important;
    color: #333 !important;
    font-weight: 700 !important;
}

/* CONTACT METHODS */
.single-tribe_events .contact-method {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 15px !important;
    margin-bottom: 8px !important;
    background: #f9f9f9 !important;
    border-radius: 6px !important;
    border-left: 4px solid #ff0000 !important;
    color: #333 !important;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .single-tribe_events .event-info-cards {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 25px !important;
    }
    
    .single-tribe_events .contact-info-card {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 768px) {
    .single-tribe_events .event-info-cards {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .single-tribe_events .container {
        padding: 0 1rem !important;
    }
}

/* VERSTECKE ORIGINALE ELEMENTE */
.single-tribe_events .tribe-events-meta-group,
.single-tribe_events .tribe-events-event-meta,
.single-tribe_events .tribe-events-schedule,
.single-tribe_events .event-navigation {
    display: none !important;
}

/* CONTAINER */
.single-tribe_events .container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 2rem !important;
    width: 100% !important;
}

/* VERVOLLSTÄNDIGUNG - CONTENT SECTION & REGISTRATION */
/* Fügen Sie dies zu Ihrem bestehenden CSS hinzu */

/* EVENT CONTENT SECTION */
.single-tribe_events .event-content-section {
    padding: 60px 0 !important;
    background: #f8f8f8 !important;
    min-height: 400px !important;
    margin: 0 !important;
    clear: both !important;
}

.single-tribe_events .event-main-content {
    margin-bottom: 40px !important;
}

.single-tribe_events .content-card {
    background: white !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.single-tribe_events .content-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.15) !important;
}

/* EVENT DESCRIPTION STYLING */
.single-tribe_events .event-description {
    line-height: 1.6 !important;
    color: #555 !important;
}

.single-tribe_events .event-description h3 {
    color: #333 !important;
    margin: 30px 0 15px 0 !important;
    padding: 15px 20px !important;
    background: #f2f2f2 !important;
    border-left: 4px solid #ff0000 !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
}

.single-tribe_events .event-description ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 20px 0 !important;
}

.single-tribe_events .event-description ul li {
    position: relative !important;
    padding: 15px 20px 15px 40px !important;
    margin-bottom: 8px !important;
    background: #f9f9f9 !important;
    border-radius: 6px !important;
    line-height: 1.6 !important;
    border-left: 4px solid #ff0000 !important;
}

.single-tribe_events .event-description ul li:before {
    content: "+" !important;
    position: absolute !important;
    left: 15px !important;
    top: 15px !important;
    color: #ff0000 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

.single-tribe_events .event-description p {
    margin-bottom: 16px !important;
    line-height: 1.6 !important;
}

.single-tribe_events .event-description strong {
    color: #333 !important;
    font-weight: 700 !important;
}

/* REGISTRATION SECTION */
.single-tribe_events .registration-card {
    background: white !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important;
    overflow: hidden !important;
    margin-top: 40px !important;
    padding: 0 !important;
}

.single-tribe_events .registration-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.15) !important;
}

/* RTEC FORM STYLING */
.single-tribe_events .rtec-form-container {
    position: relative !important;
    z-index: 10 !important;
}

.single-tribe_events .rtec-form-container #rtec {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    width: 100% !important;
}

.single-tribe_events .rtec-form-container .rtec-form {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.single-tribe_events .rtec-form-container .rtec-form-wrapper {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.single-tribe_events .rtec-form-container .rtec-form-field {
    margin-bottom: 20px !important;
}

.single-tribe_events .rtec-form-container .rtec-form-field label,
.single-tribe_events .rtec-form-container .rtec-field-label {
    display: block !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
    color: #333 !important;
    font-size: 1rem !important;
}

.single-tribe_events .rtec-form-container input[type="text"],
.single-tribe_events .rtec-form-container input[type="email"],
.single-tribe_events .rtec-form-container input[type="tel"],
.single-tribe_events .rtec-form-container textarea,
.single-tribe_events .rtec-form-container select {
    width: 100% !important;
    border: 2px solid #ddd !important;
    border-radius: 6px !important;
    padding: 12px 15px !important;
    background: white !important;
    transition: border-color 0.3s ease !important;
    font-size: 1rem !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
}

.single-tribe_events .rtec-form-container input[type="text"]:focus,
.single-tribe_events .rtec-form-container input[type="email"]:focus,
.single-tribe_events .rtec-form-container input[type="tel"]:focus,
.single-tribe_events .rtec-form-container textarea:focus,
.single-tribe_events .rtec-form-container select:focus {
    border-color: #ff0000 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.1) !important;
}

.single-tribe_events .rtec-form-container .rtec-submit-button,
.single-tribe_events .rtec-form-container input[type="submit"],
.single-tribe_events .rtec-form-container button[type="submit"] {
    background: #ff0000 !important;
    color: white !important;
    border: 2px solid #ff0000 !important;
    padding: 15px 30px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    width: auto !important;
    display: inline-block !important;
    margin-top: 20px !important;
}

.single-tribe_events .rtec-form-container .rtec-submit-button:hover,
.single-tribe_events .rtec-form-container input[type="submit"]:hover,
.single-tribe_events .rtec-form-container button[type="submit"]:hover {
    background: transparent !important;
    color: #ff0000 !important;
    border-color: #ff0000 !important;
}

/* REGISTRATION FALLBACK STYLING */
.single-tribe_events .registration-fallback {
    text-align: center !important;
    padding: 20px 0 !important;
}

.single-tribe_events .registration-fallback p {
    margin-bottom: 15px !important;
    line-height: 1.6 !important;
}

/* CONTACT PERSON SECTION */
.single-tribe_events .contact-person-section {
    padding: 60px 0 !important;
    background: #f8f8f8 !important;
    margin: 0 !important;
}

.single-tribe_events .contact-person-card {
    background: white !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.single-tribe_events .contact-person-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.15) !important;
}

.single-tribe_events .contact-person-info {
    display: flex !important;
    align-items: flex-start !important;
    gap: 25px !important;
}

.single-tribe_events .person-image {
    flex-shrink: 0 !important;
}

.single-tribe_events .person-image img {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 4px solid white !important;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1) !important;
}

.single-tribe_events .person-details {
    flex: 1 !important;
}

.single-tribe_events .person-name {
    margin: 0 0 5px 0 !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: #333 !important;
}

.single-tribe_events .person-title {
    margin: 0 0 20px 0 !important;
    color: #666 !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
}

.single-tribe_events .contact-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

.single-tribe_events .contact-action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 20px !important;
    background: #ff0000 !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    border: 2px solid #ff0000 !important;
}

.single-tribe_events .contact-action:hover {
    background: transparent !important;
    color: #ff0000 !important;
    text-decoration: none !important;
}

/* VERSTECKE UNGEWOLLTE RTEC ELEMENTE */
.single-tribe_events body > #rtec,
.single-tribe_events .content-wrapper > #rtec:not(.registration-card #rtec),
.single-tribe_events footer ~ #rtec,
.single-tribe_events footer + * #rtec {
    display: none !important;
    visibility: hidden !important;
}

/* RESPONSIVE ANPASSUNGEN */
@media (max-width: 768px) {
    .single-tribe_events .contact-person-info {
        flex-direction: column !important;
        text-align: center !important;
    }
    
    .single-tribe_events .contact-actions {
        justify-content: center !important;
    }
    
    .single-tribe_events .event-content-section,
    .single-tribe_events .contact-person-section {
        padding: 40px 0 !important;
    }
}

/* DEZENTE EVENT DESCRIPTION FORMATIERUNG */
/* Ersetzen Sie das vorherige überladene CSS durch dieses */

/* H2 - Hauptüberschrift - dezent */
.single-tribe_events .event-description h2 {
    color: #333 !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin: 0 0 20px 0 !important;
    padding: 0 0 15px 0 !important;
    border-bottom: 3px solid #ff0000 !important;
    background: none !important;
    text-align: left !important;
    box-shadow: none !important;
}

/* H3 - Sektionsüberschrift - einfacher */
.single-tribe_events .event-description h3 {
    color: #333 !important;
    font-size: 1.3rem !important;
    font-weight: 600 !important;
    margin: 30px 0 20px 0 !important;
    padding: 12px 0 12px 20px !important;
    background: #f8f8f8 !important;
    border-left: 4px solid #ff0000 !important;
    border-radius: 0 !important;
}

.single-tribe_events .event-description h3:before {
    content: none !important; /* Entferne Icon */
}

/* H4 - Highlight-Titel - minimalistisch */
.single-tribe_events .event-description h4 {
    color: #000000 !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    margin: 20px 0 0px 0 !important;
    padding: 8px 0 8px 15px !important;
    background: none !important;
    border-left: 3px solid #ff0000 !important;
    border-radius: 0 !important;
    position: relative !important;
}

/* Entferne alle Icons bei H4 */
.single-tribe_events .event-description h4:before {
    content: none !important;
}

/* Beschreibungstext nach H4 - einfach */
.single-tribe_events .event-description h4 + p,
.single-tribe_events .event-description h4 ~ p {
    margin: 0 0 20px 0 !important;
    padding: 10px 0 10px 18px !important;
    background: none !important;
    border-left: 3px solid #e0e0e0 !important;
    border-radius: 0 !important;
    line-height: 1.6 !important;
    color: #666 !important;
    font-size: 0.95rem !important;
}

/* Strong-Text - dezent hervorgehoben */
.single-tribe_events .event-description strong {
    display: inline-block !important;
    background: #fff3f3 !important;
    color: #ff0000 !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    margin: 20px 0 10px 0 !important;
    border: 1px solid #ffe0e0 !important;
    box-shadow: none !important;
}

.single-tribe_events .event-description strong:before {
    content: none !important; /* Entferne Icon */
}

/* Call-to-Action Text am Ende - subtil */
.single-tribe_events .event-description p:last-child {
    background: #f5f5f5 !important;
    color: #333 !important;
    padding: 15px 20px !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    margin: 25px 0 0 0 !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: none !important;
}

.single-tribe_events .event-description p:last-child:before {
    content: none !important; /* Entferne Icon */
}

/* Intro-Text nach H2 - schlicht */
.single-tribe_events .event-description h2 + p {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: #666 !important;
    background: none !important;
    padding: 0 !important;
    border: none !important;
    margin: 0 0 25px 0 !important;
    font-style: italic !important;
}

/* Listen-Styling - falls Listen verwendet werden */
.single-tribe_events .event-description ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 20px 0 !important;
}

.single-tribe_events .event-description ul li {
    position: relative !important;
    padding: 12px 0 12px 25px !important;
    margin-bottom: 10px !important;
    background: none !important;
    border-left: 3px solid #ff0000 !important;
    border-radius: 0 !important;
    line-height: 1.6 !important;
    color: #666 !important;
}

.single-tribe_events .event-description ul li:before {
    content: "•" !important;
    position: absolute !important;
    left: 10px !important;
    top: 12px !important;
    color: #ff0000 !important;
    font-weight: normal !important;
    font-size: 1rem !important;
}

/* Hover-Effekte entfernen - zu viel Animation */
.single-tribe_events .event-description h4:hover {
    background: none !important;
    transform: none !important;
    transition: none !important;
}

/* Responsive - minimale Anpassungen */
@media (max-width: 768px) {
    .single-tribe_events .event-description h2 {
        font-size: 1.3rem !important;
    }
    
    .single-tribe_events .event-description h3 {
        font-size: 1.2rem !important;
        padding: 10px 0 10px 15px !important;
    }
    
    .single-tribe_events .event-description h4 {
        font-size: 1rem !important;
        padding: 6px 0 6px 12px !important;
    }
    
    .single-tribe_events .event-description h4 + p {
        padding: 8px 0 8px 15px !important;
        font-size: 0.9rem !important;
    }
}

/* Entferne Counter und Nummerierung */
.single-tribe_events .event-description {
    counter-reset: none !important;
}

.single-tribe_events .event-description h4 {
    counter-increment: none !important;
}

.single-tribe_events .event-description.numbered h4:before {
    content: none !important;
}

/* CALL-TO-ACTION BUTTON STYLING */
/* Ersetzen Sie die vorherigen .event-description p:last-child und strong Regeln durch diese: */

/* Strong-Text - Warnung dezent */
.single-tribe_events .event-description strong {
    display: block !important;
    background: #fff3f3 !important;
    color: #ff0000 !important;
    padding: 12px 20px !important;
    border-radius: 6px 6px 0 0 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    margin: 30px 0 0 0 !important;
    border: 2px solid #ffebeb !important;
    border-bottom: none !important;
    text-align: center !important;
}

/* CTA-Link - prominenter Button */
.single-tribe_events .event-description a[href="#anmeldung"] {
    display: block !important;
    background: linear-gradient(135deg, #ff0000, #cc0000) !important;
    color: white !important;
    padding: 18px 30px !important;
    border-radius: 0 0 6px 6px !important;
    text-decoration: none !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    border: 2px solid #ff0000 !important;
    border-top: none !important;
    position: relative !important;
    margin: 0 0 20px 0 !important;
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.2) !important;
}

.single-tribe_events .event-description a[href="#anmeldung"]:hover {
    background: linear-gradient(135deg, #cc0000, #990000) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.3) !important;
    color: white !important;
    text-decoration: none !important;
}

.single-tribe_events .event-description a[href="#anmeldung"]:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 10px rgba(255, 0, 0, 0.2) !important;
}

.single-tribe_events .event-description a[href="#anmeldung"]:after {
    content: "→" !important;
    margin-left: 10px !important;
    font-size: 1.1em !important;
    transition: transform 0.3s ease !important;
}

.single-tribe_events .event-description a[href="#anmeldung"]:hover:after {
    transform: translateX(5px) !important;
}

/* Smooth Scroll Verhalten für den Anker-Link */
html {
    scroll-behavior: smooth !important;
}

/* Alternative - falls der Link in einem P-Tag steht */
.single-tribe_events .event-description p:has(a[href="#anmeldung"]) {
    background: none !important;
    color: inherit !important;
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
    .single-tribe_events .event-description a[href="#anmeldung"] {
        padding: 15px 20px !important;
        font-size: 1rem !important;
    }
    
    .single-tribe_events .event-description strong {
        padding: 10px 15px !important;
        font-size: 0.95rem !important;
    }
}

/* Focus-State für Accessibility */
.single-tribe_events .event-description a[href="#anmeldung"]:focus {
    outline: 3px solid rgba(255, 0, 0, 0.5) !important;
    outline-offset: 2px !important;
}