hr { margin:0 }

.button.fixedwidth { width:100%; }

.helper-text { margin-top:-1.5em; margin-bottom:2em; opacity:0.5; }

#topspacer { height:108px; }
@media (min-width:1280px) {
	#topspacer { height:var(--headerheight); }
}

.eventrow { display:grid; grid-template-columns:1fr;
	gap:var(--basedist) var(--gap); }
@media (min-width: 800px) {
  .eventrow { grid-template-columns:repeat(auto-fit,minmax(0%,1fr)); }
}

.row { display:flex; column-gap:var(--gap); flex-wrap:wrap; }
.row .col { flex-grow:0; flex-shrink:1; flex-basis:100%; }
@media (min-width:600px) {
	.row { flex-wrap:nowrap; }
	.row .col.s1 { flex-basis:8.33%; }
	.row .col.s2 { flex-basis:16.66%; }
	.row .col.s3 { flex-basis:25%; }
	.row .col.s4 { flex-basis:33.33%; }
	.row .col.s5 { flex-basis:41.66%; }
	.row .col.s6 { flex-basis:50%; }
	.row .col.s7 { flex-basis:58.33%; }
	.row .col.s8 { flex-basis:66.66%; }
	.row .col.s9 { flex-basis:75%; }
	.row .col.s10 { flex-basis:83.33%; }
	.row .col.s11 { flex-basis:91.66%; }
	.row .col.s12 { flex-basis:100%; }
}
@media (min-width:1000px) {
	.row .col.m1 { flex-basis:8.33%; }
	.row .col.m2 { flex-basis:16.66%; }
	.row .col.m3 { flex-basis:25%; }
	.row .col.m4 { flex-basis:33.33%; }
	.row .col.m5 { flex-basis:41.66%; }
	.row .col.m6 { flex-basis:50%; }
	.row .col.m7 { flex-basis:58.33%; }
	.row .col.m8 { flex-basis:66.66%; }
	.row .col.m9 { flex-basis:75%; }
	.row .col.m10 { flex-basis:83.33%; }
	.row .col.m11 { flex-basis:91.66%; }
	.row .col.m12 { flex-basis:100%; }
}
@media (min-width:1400px) {
	.row .col.l1 { flex-basis:8.33%; }
	.row .col.l2 { flex-basis:16.66%; }
	.row .col.l3 { flex-basis:25%; }
	.row .col.l4 { flex-basis:33.33%; }
	.row .col.l5 { flex-basis:41.66%; }
	.row .col.l6 { flex-basis:50%; }
	.row .col.l7 { flex-basis:58.33%; }
	.row .col.l8 { flex-basis:66.66%; }
	.row .col.l9 { flex-basis:75%; }
	.row .col.l10 { flex-basis:83.33%; }
	.row .col.l11 { flex-basis:91.66%; }
	.row .col.l12 { flex-basis:100%; }
}

.popupheader { display:grid; grid-template-columns:1fr 70px;
	gap:var(--gap); margin-bottom:var(--basedist); }
.popupheader__logo { display:block; width:70px; height:auto; }
.popupheader__content { color:var(--gold); }

.event-functionsection .sect-simple-text .body.center p {
	text-align:center; }
.event-functionsection .sect-simple-text .buttonrow {
	margin-top:var(--section-dist-inner); }
.event-functionsection .bg-beige { background-color:var(--beige); }

.event-functions .sect-simple-text { padding-bottom:var(--section-dist-inner); }

.event-functions__content { display:flex; flex-direction:column;
	gap:var(--gap); padding-bottom:var(--section-dist-outer); }
.event-functions__button { margin:0 !important; }


.message { border:1px solid white; color:white;
	padding:20px; margin-bottom:var(--gap); }
.message.success { border-color:var(--gold); color:var(--gold); }
.message.error { border-color:#ff0000; color:#ff0000; }


[type="checkbox"] + span:not(.lever).checkboxerror {
	color:#f44336; }

.button.hasspinner { padding-left:40px; }
.button.hasspinner::after { display:block; content:""; width:20px;
	height:20px; border:2px solid white; border-radius:20px;
	border-top-color:transparent; border-right-color:transparent;
	animation-name:spinner; animation-duration:1s;
	animation-timing-function:linear;
	animation-iteration-count:infinite; position:absolute;
	top:50%; left:10px; margin-top:-10px; }
@keyframes spinner {
	from {
		transform:rotate3d(0, 0, 1, 0deg);
	}
	to {
		transform:rotate3d(0, 0, 1, 359deg);	
	}
}

.eventpreface .logo { margin-top: 40px; }
.eventpreface .logo img { display:block; margin:0 auto; max-width:200px; }
.eventpreface2 .personalarea { width:150px; margin:20px auto 0 auto; }
.eventpreface2 .personalarea img { display:block; width:100%; }
.eventpreface2 .personalarea .button { padding:10px; width:100%;
	display:block; box-sizing:border-box; }
.eventpreface2 .videothumb { max-width:200px; }

.fcaptcha-overlay { z-index:200; }
.fancyform .fcaptcha-mark { width:1.3em; height:1.3em; }
.fancyform .fcaptcha-square { border:1px solid var(--fgcolor) !important;
	border-radius:0; }
.fancyform .fcaptcha-check::before { display:none; }
.fancyform .fcaptcha-check::after {
	width:50% !important;
	height:85% !important;
	border-right:3px solid var(--hlcolor) !important;
	border-bottom:3px solid var(--hlcolor) !important;
	border-top:none !important;
	border-left:none !important;
  transform:rotate(35deg);
  top:-8% !important;
  left:21% !important;
	transition:none !important; }

.calendardaytitle { padding-left:60px; color:#9b8a62;
	text-transform:uppercase; position:relative;
	line-height:14px; font-weight:700; font-size:17px;
	margin-bottom:10px; }
.calendardaytitle:before { display:block; content:"";
	position:absolute; top:0; left:0; width:14px; height:14px;
	background-color:#9b8a62; border-radius:100px; }
.calendardaytitle:after { display:block; content:"";
	position:absolute; top:6px; left:7px; width:40px; height:2px;
	background-color:#9b8a62; margin-bottom:10px; }

.calendarentry { margin-left:25px; padding:25px 20px;
	background-color:#333; border-radius:2px; position:relative;
	margin-bottom:10px; }
.calendarentry .type { position:absolute; top:0; left:0;
	padding:1px 10px; background-color:#9b8a62; color:black;
	text-transform:uppercase; font-size:12px;
	border-bottom-right-radius:3px; }
.calendarentry .event { position:absolute; top:0; right:0;
	padding:1px 10px; background-color:#9b8a62; color:black;
	text-transform:uppercase; font-size:12px;
	border-bottom-left-radius:3px; }
.calendarentry .time { font-size:17px; font-weight:700; }
.calendarentry .time .timezone{ font-size:12px; font-weight:400; }
.calendarentry .name { margin:10px 0; }
.calendarentry .buttons { text-align:center; padding-left:10px; }
.calendarentry .buttons .button { margin:0; }
.calendarentry .buttons .button.disabled { color:#888;
	border-color:#888; cursor:not-allowed; }
.calendarentry .buttons .button.disabled:hover { color:#888;
	background-color:transparent; }
.calendarentry .expired { color:#9b8a62; font-weight:700; }
.calendarentry .countdown { max-width:160px; margin:0 auto; }

.videothumb { display:block; max-width:300px; position:relative; }
.videothumb::before { display:block; content:""; position:absolute;
	top:0; right:0; width:33%; height:100%; background-color:var(--gold);
	background-image:url(/files/fluehs/img/camera-icon.svg);
	background-position:bottom 20% left 50%; background-size:50% auto;
	background-repeat:no-repeat; }
.videothumb::after { display:block; content:""; position:absolute;
	top:0; left:0; width:100%; height:100%;
	background:url(/files/fluehs/img/play-button.svg) 50% 50% no-repeat;
	background-size:auto; background-size:auto 50%; }
.videothumb img { display: block; width: 100%; }

#cookiecheck { border-radius:0; background-color:black;
	color:var(--gold); border:1px solid var(--gold); }
#cookiecheck .text a { color:white; }
#cookiecheck .close:before,
#cookiecheck .close:after { background-color:var(--gold); }
#cookiecheck .buttons span { border-radius:0;
	border-color:var(--gold); }
#cookiecheck .buttons span:hover { border-color:#bdab82;
	color:#bdab82; }
#cookiecheck .buttons .acceptall,
#cookiecheck .buttons .save {
	background-color:var(--gold); color:white; }
#cookiecheck .buttons .acceptall:hover,
#cookiecheck .buttons .save:hover { color:white;
	background-color:#bdab82; }

#contact { min-height:350px; }
#contact p { font-size:14px; }

#map { min-height:400px;
	background:url(https://www.fluehs.de/files/fluehs/home/karte_land_19_in_arbeit_4000_A2.jpg) 50% 50% no-repeat;
	background-size:cover; }
#map a { display:block; width:100%; height:400px; }


#apploader { position:relative; height:100vh; }
#apploader:before { display:block; content:"";width:50px;
	height:50px; box-sizing:border-box; position:absolute; top:50%;
	left:50%; margin:-25px 0 0 -25px; border:3px solid var(--gold);
	border-top-color:transparent; border-right-color:transparent;
	border-radius:50px; animation-name:spinner;
	animation-duration:1s; animation-timing-function:linear;
	animation-iteration-count:infinite; }

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

.iconslider { position:relative; }
.iconslider .displaytitle { text-align:center; font-size:30px;
	color:var(--gold); line-height:1.1; height:2.5em; }
.iconslider .displaytext { text-align:center; font-size:16px;
	color:var(--gold); font-weight:bold; height:4em; }
.iconslider .slides { position:relative;
	text-align:center; font-size:0; height:150px; }
.iconslider .slide { display:block; position:absolute;
	top:50%; left:50%; margin-left:-50px; margin-top:-50px; height:100px;
	width:100px; line-height:90px; font-size:60px; transition:all 0.2s;
	box-sizing:border-box; text-align:center; cursor:pointer;
	-webkit-transform-origin:50% top;
	-moz-transform-origin:50% top;
	-ms-transform-origin:50% top;
	-o-transform-origin:50% top; transform-origin:50% 50%; }
.iconslider .slide img { display:block; width:100%; height:100%;
	box-sizing:border-box; border:10px solid black; object-fit:cover;
	border-radius:999px; }
.iconslider .slide .text { display:none; }
.iconslider .nav { position:absolute; top:50%; cursor:pointer;
	width:40px; height:80px; margin-top:-40px; z-index:5;
	background-repeat:no-repeat; background-position:50% 50%;
	background-size:contain; cursor:pointer; }
.iconslider .nav.left { left:10px;
	background-image:url(../img/slidenav-left.svg); }
.iconslider .nav.right { right:10px;
	background-image:url(../img/slidenav-right.svg); }

.iconslider .slide { display:none; }
.iconslider .slide.cur {
	transform:translate3d(0,0,0) scale(1); opacity:1; display:block;
	z-index:3; }
.iconslider .slide.l1 {
	transform:translate3d(-70%,0,0) scale(0.8); opacity:1; display:block;
	z-index:2; }
.iconslider .slide.r1 {
	transform:translate3d(70%,0,0) scale(0.8); opacity:1; display:block;
	z-index:2; }
.iconslider .slide.l2 {
	transform:translate3d(-140%,0,0) scale(0.6); opacity:0; display:block;
	z-index:1; }
.iconslider .slide.r2 {
	transform:translate3d(140%,0,0) scale(0.6); opacity:0; display:block;
	z-index:1; }

.quote { min-height:80px; box-sizing:border-box; padding:10px 0 0 60px;
	background:url(../img/quote.svg) top left no-repeat;
	background-size:80px 80px; }
.quote h2 { margin:0; line-height:1; font-weight:bold; color:var(--gold);
	text-transform:none; text-shadow:3px 3px 3px rgba(0,0,0,0.75); }

.slider { position:relative; box-sizing:border-box;
	height:200px; }
.slider .pagewidth { height:100%; }
.slider .slides { height:100%; overflow:hidden;
	position:relative; }
.slider .slide { position:absolute; top:0; left:0;
	width:100%; height:100%; background-repeat:no-repeat;
	background-position:50% 50%; background-size:cover;
	padding:40px 0; box-sizing:border-box; }
.slider.animate .slide { transition:transform 0.4s; }
.slider .slide.cur { transform:translate3d(0,0,0); }
.slider .slide.left { transform:translate3d(-100%,0,0); }
.slider .slide.right { transform:translate3d(100%,0,0); }
.slider .nav { position:absolute; bottom:60px; width:40px;
	height:80px; background-repeat:no-repeat;
	background-position:50% 50%; background-size:contain;
	cursor:pointer; display:none; }
.slider .nav.left { left:10px;
	background-image:url(../img/slidenav-left.svg); }
.slider .nav.right { right:10px;
	background-image:url(../img/slidenav-right.svg); }
.slider .dots { position:absolute; bottom:10px; left:0;
	width:100%; text-align:center; font-size:0;
	line-height:0; pointer-events:all; }
.slider .dots .dot { display:inline-block; height:10px;
	width:10px; box-sizing:border-box; margin:0 5px;
	border:1px solid #9b8a62; cursor:pointer;
	transition:background-color 0.2s; box-sizing:content-box; }
.slider .dots .dot.active { background-color:#9b8a62; }
.slider .static { position:absolute; top:0; left:0;
	width:100%; height:100%; pointer-events:none; }
.slider .centerimg { display:block; width:100%;
	width:calc(100% - 40px); height:auto; position:absolute;
	top:50%; left:50%; transform:translate(-50%,-50%); }

.highlight .background,
.highlight .bgoverlay { display:none; }
.highlight .image img { display:block; max-width:100%; height:auto; }
.highlight .text { font-size:16px; font-weight:bold; }

.highlight2 { position:relative; padding:50px 0; overflow:hidden; }
.highlight2 .background,
.highlight2 .bgoverlay { position:absolute; top:0; left:0; width:100%;
	height:100%; }
.highlight2 .bgoverlay2 { position:absolute; top:650px; left:0; width:100%;
	height:100px;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); }
.highlight2 .background { object-fit:cover; max-height:750px; }
.highlight2 .bgoverlay { background-color:rgba(0,0,0,0.75); }
.highlight2 .hashtag { text-shadow:3px 3px 3px rgba(0,0,0,0.7); }
.highlight2 .quote { background-size:40px 40px; padding:3px 0 0 32px;
	font-weight:800; font-size:18px; margin-top:10px; min-height:40px; }
.highlight2 .text { margin-top:20px; }
.highlight2 .buttons { margin-top:20px; text-align:left; }
.highlight2 .textcontent h3 { font-size:18px; font-weight:700;
	font-variant: normal;}
.highlight2 .iconcontainer { margin:20px auto; text-align:center; }
.highlight2 .icon { width:125px; height:125px; border-radius:10px;
	background-color:var(--gold); position:relative; display:inline-block;
	box-shadow:5px 5px 10px rgba(0,0,0,0.5); }
.highlight2 .icon img { display:block; position:absolute; top:10px;
	left:10px; width:105px; height:105px; object-fit:contain; }
.highlight2 .iconcaption { text-transform:uppercase; font-size:19px;
	letter-spacing:0.15em; margin-top:3px; }
.highlight2 .videothumb { margin:20px auto; }


.lecturespreface2 .lectures { display:flex; flex-direction:column;
	gap:40px; }
.lecturespreface2 .lecture .icon { height:100px; }
.lecturespreface2 .lecture .icon img { display:block; margin:auto auto;
	max-height:100%; }
.lecturespreface2 .lecture .name { text-align:center; font-size:30px;
	text-transform:uppercase; font-weight:bold; }
.lecturespreface2 .lecture .description { text-align:center; }
.lecturespreface2 .flexcol.bottomalign { align-self:flex-end; }

.lecturespreface3 { height:100vh; height:calc(100vh - 70px);
	position:relative; box-sizing:border-box;
	background:url(../img/lectures-couch.jpg) 50% 50% no-repeat;
	background-size:cover; }
.lecturespreface3 .pagewidth { height:100%; }
.lecturespreface3 .person { position:absolute; bottom:0; left:0;
	max-height:90%; max-width:90%; z-index:1; }
.lecturespreface3:before { display:block; content:""; position:absolute;
	top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);
	z-index:2; }
.lecturespreface3 .content { position:relative; z-index:3; }
.lecturespreface3 .text { font-size:16px; font-weight:bold; }

.loungepreface3 { background:url(../img/network.jpg) 50% 50% no-repeat;
	background-size:cover; }

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

.newspreface3 { background:url(../img/news-bg.jpg) 50% 50% no-repeat;
	background-size:cover; }
.newspreface3 .newstexts .flexcol { font-size:16px; font-weight:bold; }
.newspreface3 .news .image { position:relative; }
.newspreface3 .news .image:before { display:block; content:""; height:0;
	padding-bottom:56.25%; }
.newspreface3 .news .image img { display:block; position:absolute; top:0;
	left:0; width:100%; height:100%; object-fit:cover; }
.newspreface3 .news .imagesubline { margin-top:3px; }
.newspreface3 .news .title { font-size:16px; font-weight:bold; }
.newspreface3 .news .button { color:white; border-color:white; }
.newspreface3 .news .flexcol:first-child { margin-bottom:40px; }

.faqentries { list-style-type:disc !important; }
.faqentries li { font-weight:bold; cursor:pointer; padding:2px 0;
	list-style-type:disc !important; margin-left:20px; }


.popup-overlay { position:fixed; top:0; left:0; width:100%;
	height:100%; background-color:rgba(0,0,0,0.5); z-index:100;
	opacity:0; visibility:hidden; transition:opacity 0.3s;
	box-sizing:border-box; overflow-y:auto; }
.popup-overlay.open { visibility:visible; opacity:1; }
.popup { width:100%; max-width:1000px; margin:0 auto;
	box-sizing:border-box; padding:var(--gap); background-color:white;
	box-shadow:0 0 10px rgba(0,0,0,0.5); position:relative;
	border-radius:4px; }
.popup .closer { display:block; position:absolute; top:5px;
	right:5px; width:25px; height:25px; border:none;
	background:none; cursor:pointer; margin:0; padding:0;
	z-index:101; }
.popup .closer:before,
.popup .closer:after { display:block; content:"";
	position:absolute; top:50%; left:0; width:25px;
	margin-top:-1px; height:2px; background-color:black; }
.popup .closer:before { transform:rotate(45deg); }
.popup .closer:after { transform:rotate(-45deg); }
.popuptitle { font-size:30px; font-weight:700; color:var(--gold); }
.popupsubline { color:var(--gold); }
.popup-content video { width:100%; height:auto; }

section.product .headline,
section.product .productimage,
section.product .buttons { text-align:center; }
section.product .bulletpoints h1,
section.product .bulletpoints h2,
section.product .bulletpoints h3,
section.product .bulletpoints h4,
section.product .bulletpoints h5,
section.product .bulletpoints h6 { font-size:24px; font-weight:600; font-variant:normal; text-transform:uppercase; }
section.product .bulletpoints ul { padding-left:20px; list-style-type:disc; }
section.product .bulletpoints ul li { list-style-type:disc; }
section.product .description { margin:20px 0 30px 0; font-size:24px;
	color:var(--gold); font-weight:600; text-transform:uppercase; }
section.product .buttons { margin-top:20px; }
section.product .headline { color:var(--gold); font-weight:700;
	margin-bottom:30px; }
section.product .headline img { width:auto; height:auto; max-width:100%;
	max-height:38px; }
section.product .productimage img { width:auto; height:auto; max-width:100%;
	max-height:200px; }

#eventslider-wrapper { position:relative; }
#eventslider-wrapper:has(a:hover, .dot:hover) .left-right-indicator__arrow { display:none; }
#eventslider-left,
#eventslider-right { position:absolute; top:50%; padding:5px;
	transform:translate3d(0,-50%,0); cursor:pointer;
	background-color:rgba(255,255,255,0.2); }
#eventslider-left::before,
#eventslider-right::before { display:block; content:"";
	width:36px; height:63px; background-position:50% 50%;
	background-repeat:no-repeat; background-size:contain; }
#eventslider-left { left:var(--basedist); }
#eventslider-right { right:var(--basedist); }
#eventslider-left::before { background-image:url(../../images/slider-nav-left.png); }
#eventslider-right::before { background-image:url(../../images/slider-nav-right.png); }
#eventslider-dots { position:absolute; left:0; bottom:10px; width:100%; text-align:center; }
#eventslider-dots .dot { display:inline-block; width:8px; height:8px;
	border:1px solid #9b8a62; background:transparent;
	margin:0 3px; cursor:pointer; box-sizing:content-box; }
#eventslider-dots .dot.active { background-color:#9b8a62; }

#eventslider { min-height:100vh; }
#eventslider .body { opacity:1 !important; transform:none !important;
	translate:0 -50%; }

@media (max-width:1279px) {
	#eventslider .hero { display:flex; justify-content:center;
		align-items:center; margin-top:0; }
	#eventslider .bg { position:absolute; inset:0; height:100% !important; }
	#eventslider .body { translate:none; position:relative;
		background:#00000040; backdrop-filter:blur(20px); color:white; }
	#eventslider .body .button { color:white; border-color:white; }
}
@media (min-width:1024px) and (max-width:1279px) {
	#eventslider .body .button:hover { color:black; }
	#eventslider .body .button:hover::before { background-color:white; }
}

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

@media (min-width:700px) {

	.calendarentry { display:flex; align-items:center; }
	.calendarentry .time { flex:0 0 220px; }
	.calendarentry .name { flex:1; margin:0; }
	.calendarentry .buttons { flex:0 0 160px; text-align:center; }

	.slider { height:400px; }

	.hashtag { min-height:150px; padding-top:30px; padding-left:88px;
		background-size:110px 150px; }
	.hashtag h2 { font-size:60px; }

	.quote { min-height:150px; background-size:150px 150px;
		padding-left:110px; padding-top:15px; }
	.quote h2 { font-size:60px; text-shadow:7px 7px 3px rgba(0,0,0,0.75); }

	.popuplogo { float:right; height:90px; width:90px;
		margin-right:30px;
		background:url(../../images/logo.svg) right top no-repeat;
		background-size:contain; }

	.eventpreface .logo img { max-width:300px; }

	.lecturespreface2 .lectures { flex-direction:row; flex-wrap:wrap;
		justify-content:space-between; }
	.lecturespreface2 .lecture { flex:0 0 auto; width:47%; display:flex;
		flex-direction:column; gap:20px; }
	.lecturespreface2 .icon { flex:0 0 auto; margin:0; }
	.lecturespreface2 .name { flex:1; margin:0; }
	.lecturespreface2 .description { flex:0 0 auto; height:2.5em; }

	section.product .pagewidth { display:grid; grid-template-columns:2fr 1fr 1fr;
		grid-template-rows:auto auto auto auto; gap:20px 40px; }
	section.product .headline { margin-bottom:10px; grid-column:1 / span 2;
		grid-row:1 / span 1; text-align:left; }
	section.product .description { margin:0 0 20px 0; grid-column:1 / span 1;
		grid-row:2 / span 1; }
	section.product .bulletpoints { margin:0; grid-column:1 / span 1;
		grid-row:3 / span 1; }
	section.product .buttons { text-align:left; margin:0;
		grid-column:1 / span 1; grid-row:4 / span 1; }
	section.product .buttons .button { margin:0; }
	section.product .productimage { grid-column:2 / span 2;
		grid-row:1 / span 4; align-self:center; }
	section.product .productimage img { max-height:100%; }
}

@media (min-width:800px) {
	.eventpreface2 .personalarea { margin-top:0; margin-right:0; }
	.eventpreface2 .videocol { display:flex; flex-direction:column;
		justify-content:space-between; }
	.newspreface3 .news .flexcol:first-child { margin-bottom:0; }
	.iconslider .slides { height:300px; }
	.iconslider .slide { width:200px; height:200px; margin-left:-100px;
		margin-top:-100px; }
	.iconslider .slide.cur {
		transform:translate3d(0,20%,0) scale(1); opacity:1; display:block;
		z-index:3; }
	.iconslider .slide.l1 {
		transform:translate3d(-75%,0,0) scale(0.85); opacity:1; display:block;
		z-index:2; }
	.iconslider .slide.r1 {
		transform:translate3d(75%,0,0) scale(0.85); opacity:1; display:block;
		z-index:2; }
	.iconslider .slide.l2 {
		transform:translate3d(-130%,-30%,0) scale(0.65); opacity:1;
		display:block; z-index:1; }
	.iconslider .slide.r2 {
		transform:translate3d(130%,-30%,0) scale(0.65); opacity:1;
		display:block; z-index:1; }
	.iconslider .slide.l3 {
		transform:translate3d(-150%,-50%,0) scale(0.5); opacity:0;
		display:block; z-index:0; }
	.iconslider .slide.r3 {
		transform:translate3d(150%,-50%,0) scale(0.5); opacity:0; display:block;
		z-index:0; }
}

@media (min-width:1000px) {
	.title .inner { padding:0 0 0 50%; }
	.title .inner:before { width:73px; height:100px;
		left:50%; margin-left:-73px; margin-top:-50px; }
	.title h2 { margin-left:-30px; }

	.slider .nav { bottom:50%; width:50px; height:100px;
		margin-bottom:-50px; }

	.advantages { display:flex; flex-wrap:nowrap;
		margin-left:-5px; margin-right:-5px; }
	.advantage { flex:1 1 33.33%; margin:0; padding:0 5px; }

	.iconslider .displaytitle { font-size:50px; }
	.iconslider .displaytext { font-size:24px; height:2.5em; }

	.highlight { position:relative; }
	.highlight .background { position:absolute; height:100%; width:50%;
		top:0; object-fit:cover; display:block; }
	.highlight .bgoverlay { position:absolute; top:0; height:100%; width:50%;
		display:block; }
	.highlight .text { font-size:24px; }
	.highlight.variantleft .background { right:0; }
	.highlight.variantleft .bgoverlay { right:0;
		background:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.0) 20%, rgba(0,0,0,0.0) 100%); }
	.highlight.variantleft .content { padding-right:50%; position:relative; }
	.highlight.variantleft .image { padding-left:20%; }

	.highlight.variantright .background { left:0; }
	.highlight.variantright .bgoverlay { left:0;
		background:linear-gradient(90deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 80%, rgba(0,0,0,1) 100%); }
	.highlight.variantright .content { padding-left:50%; position:relative; }
	.highlight.variantright .image { padding-right:20%; }
	.highlight.variantright .quote { background-position:top right; padding-left:0;
		padding-right:117px; text-align:right; }
	.highlight.variantright .text { text-align:right; }

	.highlight2 { min-height:650px; padding:0 0 70px 0; }
	.highlight2 .content { padding-top:300px; }
	.highlight2 .hashtag { position:absolute; top:70px; max-height:230px;
		overflow:hidden; text-shadow:5px 5px 5px rgba(0,0,0,0.7);
		padding-right:10px; padding-bottom:10px; }
	.highlight2 .quote { background-size:70px 70px; min-height:70px;
		padding:2px 0 0 54px; font-size:35px; margin-bottom:20px;
		margin-top:0; margin-left:90px; }
	.highlight2 .buttons { margin-top:18px; }
	.highlight2 .textcontent { padding-left:145px; position:relative; }
	.highlight2 .textcontent h3 { font-size:35px; margin-top:40px;
		margin-bottom:20px; }
	.highlight2 .iconcontainer { margin:0; position:absolute; width:200px;
		top:-20px; }
	.highlight2 .videothumb { margin:0 0 40px 144px; }
	.highlight2.variantleft .textcontent { width:57%; }
	.highlight2.variantleft .background { left:40%; width:60%; }
	.highlight2.variantleft .bgoverlay {
		background:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.4) 100%); }

	.highlight2.variantright .hashtag { left:44%; }
	.highlight2.variantright .content { padding-left:44%; }
	.highlight2.variantright .background { left:0; width:60%; }
	.highlight2.variantright .bgoverlay {
		background:linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,1) 60%, rgba(0,0,0,1) 100%); }

	.highlight2.variantright .iconcontainer { left:-145px; }
	.highlight2.variantleft .iconcontainer { right:-290px; }


	.lecturespreface3:before { display:none; }
	.lecturespreface3 .content { padding-left:40%; }
	.lecturespreface3 .text { font-size:24px; text-align:right;
		padding-right:20px; }
	.lecturespreface3 .quote { background-position:right top;
		padding-left:0; padding-right:20px; }
	.lecturespreface3 .quote h2 { text-align:right; }

	.loungepreface3 { height:400px; box-sizing:border-box; }
	.loungepreface3 .content { padding-left:50%; }
	.loungepreface3 .quote { background-position:right top;
		padding-left:0; padding-right:20px; }
	.loungepreface3 .quote h2 { text-align:right; }

	.newspreface3 .newstexts .flexcol,
	.newspreface3 .news .title { font-size:24px; }

	section.product .headline { margin-bottom:35px; }
	section.product .headline img { max-height:63px; }

	.slider .eventslidecontent.pagewidth { height:auto; }
	.eventslidecontent { grid-template-columns:auto 1fr;
		grid-template-rows:1fr auto; justify-items:stretch;
		align-items:stretch; }
	.eventslidecontent--image { display:block; width:auto; max-height:100%;
		aspect-ratio:16/9; object-fit:contain; grid-area:1 / 1 / 3 / 2; }
	.eventslidecontent--quote { display:block; grid-area:1 / 2 / 2 / 3; }
	/*
	.eventslidecontent--quote .quote { background-position:right top;
		padding-left:0; padding-right:20px; }
	*/
	.eventslidecontent--buttons { display:block;
		grid-area:2 / 2 / 3 / 3; text-align:right; }
}

@media (min-width:1100px) {
	.popup-overlay { padding:50px 0; }
	.popuplogo { margin-right:0; }

	.lecturespreface2 .lecture { width:30%; }
}

@media (min-width:1480px) {

	.title .inner:before { width:145px; height:200px;
		margin-left:-145px; margin-top:-100px; }
	.title h2 { margin-left:-50px; }
}


/********* Individual highlights **********/

.hl2024-leadfree { position:relative; min-height:650px; overflow:hidden;
	padding-block:75px; }
.hl2024-leadfree .pagewidth { padding-left:30%; }
.hl2024-leadfree__background { position:absolute; height:100%; width:60%;
	top:0; left:0; object-fit:cover; object-position:100% 50%;
	max-height:800px; }
.hl2024-leadfree__overlay { position:absolute; top:700px; left:0;
	width:100%; height:100px;
	background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); }
.hl2024-leadfree__hashtag { padding-top:13px; padding-left:80px;
	margin-bottom:75px; background-image:url(../img/hashtag-shadow.svg);
	background-size:120px 160px; background-position:-5px -3px;
	min-height:160px; }
.hl2024-leadfree__hashtag h2 { font-size:120px;
	text-shadow:5px 5px 5px rgba(0,0,0,0.7); }
.hl2024-leadfree__quote { margin-left:95px; background-size:70px 70px;
	min-height:70px; padding:2px 0 0 54px; font-size:35px; font-weight:800;
	margin-bottom:20px; background-image:url(../img/quote-shadow.svg); }
.hl2024-leadfree__textcontent { padding-left:150px; }
.hl2024-leadfree__textcontent h3 { font-size:35px; margin-top:40px;
	margin-bottom:20px; font-weight:700; font-variant:normal; }
.hl2024-leadfree__buttons { margin-top:18px; text-align:left; }
@media (max-width:1023px) {
	.hl2024-leadfree .pagewidth { padding-left:10px; }
	.hl2024-leadfree { padding-block:50px; min-height:auto; }
	.hl2024-leadfree__background { left:50%; opacity:0.3; }
	.hl2024-leadfree__hashtag { padding-top:30px; padding-left:88px;
		margin-bottom:16px; }
	.hl2024-leadfree__hashtag h2 { font-size:60px; }
	.hl2024-leadfree__quote { margin-left:0; background-size:40px 40px;
		min-height:40px; padding:3px 0 0 32px; font-size:18px; }
	.hl2024-leadfree__textcontent { padding-left:0; width:auto; }
	.hl2024-leadfree__textcontent h3 { font-size:18px; }
}
@media (max-width:699px) {
	.hl2024-leadfree__hashtag { padding-top:17px; padding-left:47px;
		background-size: 68px 90px; min-height:90px; }
	.hl2024-leadfree__hashtag h2 { font-size:30px; }
}

.hl2024-thebox { position:relative; min-height:650px; overflow:hidden;
	padding-block:75px; }
.hl2024-thebox__background { position:absolute; height:100%; width:60%;
	top:0; left:40%; object-fit:cover; object-position:0% 50%;
	max-height:800px; }
.hl2024-thebox__overlay { position:absolute; top:700px; left:0;
	width:100%; height:100px;
	background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); }
.hl2024-thebox__hashtag { margin-bottom:75px; min-height:160px;
	background-image:url(../img/hashtag-shadow.svg);
	background-size:120px 160px; background-position:-5px -3px;
	min-height:160px; }
.hl2024-thebox__hashtag h2 { text-shadow:5px 5px 5px rgba(0,0,0,0.7); }
.hl2024-thebox__quote { margin-left:95px; background-size:70px 70px;
	min-height:70px; padding:2px 0 0 54px; font-size:35px; font-weight:800;
	margin-bottom:20px; background-image:url(../img/quote-shadow.svg); }
.hl2024-thebox__textcontent { padding-left:150px; width:57%; }
.hl2024-thebox__textcontent h3 { font-size:35px; margin-top:40px;
	margin-bottom:20px; font-weight:700; font-variant:normal; }
.hl2024-thebox__buttons { margin-top:18px; text-align:left; }
.hl2024-thebox__image { display:block; position:absolute; top:130px;
	right:0; max-width:400px; width:100%; height:auto; }
@media (max-width:1023px) {
	.hl2024-thebox { padding-block:50px; min-height:auto; }
	.hl2024-thebox__background { left:0; width:calc(100% + 100px);
		opacity:0.3; object-position:0% 50%; }
	.hl2024-thebox__hashtag { padding-top:30px; padding-left:88px;
		margin-bottom:16px; }
	.hl2024-thebox__hashtag h2 { font-size:60px; }
	.hl2024-thebox__quote { margin-left:0; background-size:40px 40px;
		min-height:40px; padding:3px 0 0 32px; font-size:18px; }
	.hl2024-thebox__textcontent { padding-left:0; width:auto; }
	.hl2024-thebox__textcontent h3 { font-size:18px; }
	.hl2024-thebox__image { display:block; position:static; top:0;
		left:0; transform:none; margin-top:50px; margin-inline:auto; }
}
@media (max-width:699px) {
	.hl2024-thebox__background { object-position:20% 50%; }
	.hl2024-thebox__hashtag { padding-top:17px; padding-left:47px;
		background-size: 68px 90px; min-height:90px; }
	.hl2024-thebox__hashtag h2 { font-size:30px; }
}

.hl2024-trinkwasser { position:relative; min-height:650px;
	overflow:hidden; padding-block:75px; }
.hl2024-trinkwasser__background { position:absolute; height:100%;
	width:60%; top:0; right:0; object-fit:cover; object-position:0% 50%;
	max-height:800px; z-index:1; }
.hl2024-trinkwasser__overlay { position:absolute; top:700px; left:0;
	width:100%; height:100px; z-index:2;
	background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); }
.hl2024-trinkwasser__hashtag { margin-bottom:75px; z-index:3; }
.hl2024-trinkwasser__hashtag h2 {
	text-shadow:5px 5px 5px rgba(0,0,0,0.7); }
.hl2024-trinkwasser__quote { margin-left:95px; background-size:70px 70px;
	min-height:70px; padding:2px 0 0 54px; font-size:35px; font-weight:800;
	margin-bottom:20px; background-image:url(../img/quote-shadow.svg);
	position:relative; z-index:3; }
.hl2024-trinkwasser__textcontent { padding-left:150px; width:57%;
	position:relative; z-index:3; }
.hl2024-trinkwasser__textcontent h3 { font-size:35px; margin-top:40px;
	margin-bottom:20px; font-weight:700; font-variant:normal; }
.hl2024-trinkwasser__buttons { margin-top:18px; text-align:left; }
.hl2024-trinkwasser__image { display:block; position:absolute; top:40px;
	left:60%; max-width:700px; width:100%; height:auto; z-index:2; }
.hl2024-trinkwasser__iconcontainer { width:125px; height:125px;
	border-radius:10px; background-color:var(--gold); display:block;
	box-shadow:5px 5px 10px rgba(0,0,0,0.5); position:absolute; top:120px;
	right:5px; z-index:3; }
.hl2024-trinkwasser__icon { display:block; position:absolute;
	top:10px; left:10px; width:105px; height:105px; object-fit:contain; }
.hl2024-trinkwasser__iconcaption { text-transform:uppercase;
	font-size:19px; letter-spacing:0.15em; margin-top:3px;
	position:absolute; top:calc(100% + 8px); left:50%;
	transform:translateX(-50%); text-align:center; }
@media (max-width:1023px) {
	.hl2024-trinkwasser { padding-block:50px; min-height:auto; }
	.hl2024-trinkwasser__background { opacity:0.3; width:calc(100% + 50px);
		object-position:100% 50%; }
	.hl2024-trinkwasser__hashtag { padding-top:30px; padding-left:88px;
		margin-bottom:16px; }
	.hl2024-trinkwasser__hashtag h2 { font-size:60px; }
	.hl2024-trinkwasser__quote { margin-left:0; background-size:40px 40px;
		min-height:40px; padding:3px 0 0 32px; font-size:18px; }
	.hl2024-trinkwasser__textcontent { padding-left:0; width:auto; }
	.hl2024-trinkwasser__textcontent h3 { font-size:18px; }
	.hl2024-trinkwasser__image { display:none }
	.hl2024-trinkwasser__iconcontainer { position:relative; margin-top:50px;
		margin-inline:auto; margin-bottom:100px; top:0; }
}
@media (max-width:699px) {
	.hl2024-trinkwasser__hashtag { padding-top:17px; padding-left:47px;
		background-size: 68px 90px; min-height:90px; }
	.hl2024-trinkwasser__hashtag h2 { font-size:30px; }
}