/* ----------------------  VIDEO PLAYER --------------------- */


/*	tour_video	tour_gallery-header
				tour_video_content tour_video_image
				*/


.header-provil {
font-size: var(--titelSize);
	padding-left: 30px;
	width: auto;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	padding-top: 30px;
	margin-bottom:-30px;
}

.artist_profile_menu {
	margin-top:-30px;
}	

.tour_video_content {
	display:flex;

}

.tour_video_image {
	min-width: 600px;
	min-height: 600px;
}

.tour_video_image,
.video .tour_loadet_video {
	position: relative;
	max-width: 60vw;
}
.tour_video_image {
	background-color: black;
	display:flex;
	cursor: pointer;
}
.tour_video_image img {
	width:100%;
	opacity:.5;
	transition: all .5s cubic-bezier(.3,1.32,.93,1.03);
}
.tour_video_image:before,
.tour_video_image:after {
	position:absolute;
	width: clamp(5vw, 10vw, 16vw);
	height:clamp(5vw, 10vw, 16vw);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index:999;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transition:all .5s ease-in-out;
	filter: drop-shadow(0px 10px 60px rgb(0 0 0 / 1.8));
	background-origin: padding-box;
	cursor: pointer;
}
.tour_video_image:before {
	content:'';
	background-image: url('../gui/svg-test-animation-video-load-still.svg');
	opacity:0;
	background-size: contain;
}
.tour_video_image:after {
	content:'';
	background-image: url('../gui/svg-test-animation-video-load.svg');
	opacity:1;
	background-size: contain;
}
.tour_video_image:hover img {
	opacity:1;

}
.tour_video_image:hover:after{
	opacity:0;
}
.tour_video_image:hover:before{
	opacity:1;
}
.tour_video_image:hover:before{
	_scale: 1.2;
	width:180px;
	height:180px;
}



.artist.wrapper {
	background-color: #fff;
}
.artist.wrapper.colormode {
	__background-color: var(--tourBackground);
	transition: all .3s ease-in-out;
	background-color: #666;
}

.artist.wrapper.colormode p,
.artist.wrapper.colormode .titel,
.artist.wrapper.colormode div,
.artist.wrapper.colormode .artist-menue .artist-menue_Element a {color:#fff;}

.artist.wrapper.colormode .artist-menue .artist-menue_Element:hover a {
	color: var(--semmel-red);
}
.artist.wrapper.colormode .artist-menue .artist-menue_Element:after {
	background-color: #fff;
}
.artist.wrapper.colormode .artist-menue .artist-menue_Element:hover:after {
	background-color: var(--semmel-red);
}

.artist.wrapper.colormode .icon:after {
	background-color:#fff;
}

.artist-headline {
	display:flex;
	flex-direction: column;
}
.artist-headline .artist.genre.titel{
	_width: 15ch;
	word-wrap: break-word;
}
.artist_description {
	font-size: var(--fliesstext-size);
	line-height:1.4em;
}
.colormode .titel,
.colormode h1.headline,
.colormode h3.tour-background,
.colormode h2.tour-background{
	color:#fff!important;
	animation: none;
}
h2.tour-background,
h3.tour-background,
h4.tour-background
 {
	margin-top:0px;
	color:#ffffff;
}
/* --- PRESSE  --- */
.tour-presse-header {
	margin-bottom: var(--header-margin);
}

.tour-presse {
	container-name: tour-presseContentContainer;
	container-type: inline-size;
	display:grid;
	padding:30px;
}
.tour-presse-liste-pdf{
	display: grid;
	_margin-bottom:5vh;
	_margin-top:5vh;

}
.tour-presse-liste-pdf a {
	text-decoration: none;
	transition: all .1s ease-in-out;
}
.tour-presse-liste-pdf a:hover {
	color: var(--semmel-red);
}
.tour-presse-liste-pdf-element{
	border: 1px solid var(--lineColor);
	padding: calc(var(--bottomGap)*2);
	padding-right:5em;
	position: relative;
	transition: all .3s ease-in-out;

}
.tour-presse-liste-pdf-element:hover{
	background-color: #efefef;
}
.tour-presse-liste-pdf-element:after{
	top:calc(var(--bottomGap)*1);
	right:calc(var(--bottomGap)*1);
	width:calc(var(--button-size)*.75);
	height:calc(var(--button-size)*.75);
}

.tour-presse-liste-pdf-element:hover:after {
	color: var(--semmel-red);
	transform: rotate(360deg);
	background-color: var(--semmel-red);
}

.tour-presse-liste-pdf-element h4 {
	margin:0;
	padding:0;
}

.tour-presse-liste-pdf-element p {
	font-size:.8rem;
	margin: var(--bottomGap) 0;
	padding:0;
}

.eventImage {
	min-width:100px;
	height:auto;
	aspect-ratio:16/9;
	background-color:black;
	margin-bottom: var(--bottomGap);
	overflow: clip;
	display:flex;
	transition: all .3s ease-in-out;
}

.artist-menue .artist-menue_List .artist-menue_Element.open:after{
	transform: rotate(90deg);
}

.tour-menue  .toure_links a .text_1, .tour-menue  .toure_links a .text_2, .tour-menue  .toure_links a .text_3 {
	color:#fff;
}

.tour-menue  .toure_links a:hover .text_1, .tour-menue  .toure_links a:hover > .text_2, .tour-menue  .toure_links a:hover > .text_3 {
	color:#f00;
}


@container tour-presseContentContainer ( min-width: 200px ) {
	.tour-presse-liste-pdf{
		grid-template-columns: 1fr;
		gap:0;

	}
	.tour_presse-liste_pdf.active{
		padding-bottom:3rem;
	}
	.tour-presse-liste-pdf-element{
		border:0;
		border-bottom: 1px solid var(--lineColor);
		padding: calc(var(--bottomGap));
		padding-right:5em;
	}
}
@container tour-presseContentContainer ( min-width: 700px ) {
	.tour-presse-liste-pdf{
		_grid-template-columns: 1fr 1fr 1fr;
		grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));

		gap:1rem;
	}
	.tour-presse-liste-pdf-element{
		border: 1px solid var(--backgroundGrey);
		padding: calc(var(--bottomGap)*2);
		padding-right:5em;
	}
}

/*   -----   presse gallery  ---- */

.presse_gallery{
	container-name:squareGalleryContainer;
	container-type:inline-size;
	-display:grid;
	margin-bottom:2rem;
}
.presse_gallery-liste{
	display:grid;
	grid-gap:1rem;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.presse_gallery-liste .presse_img_download{
	padding: calc(var(--bottomGap)* 2);
	border:1px solid var(--lineColor);

}
.presse_gallery-liste .gallery-item{
	width:100%;
	height:auto;
	_aspect-ratio:1/1;
	overflow:clip;
	transition: all .2s ease-in-out;
	display: flex;
	/*
	align-content: center;
	align-items: center;
	justify-items: legacy;
	justify-content: center;
	flex-direction: row;
	overflow:hidden;
	*/

}


.presse_img_download {
	display: flex;
	align-items: flex-end;
	justify-items: left;
}

.presse_img_download .gallery-item img {
	width: auto;
	height: auto;
	transition: all .2s ease-in-out;
	max-height:80px;
}
.presse_img_download .content {
	display:flex;
	font-size: var(--page-image-caption);
	padding-left:1rem;
	flex-direction: column;
	font-weight:700;
	position: relative;
	width: 100%
}

.presse_img_download .content .download,
.presse_img_download .content .view {
	display: flex;
	flex-direction: row;
	align-items: center;
}


.presse_img_download .content .download:after,
.presse_img_download .content .view:after{
	_top:calc(var(--bottomGap)*.5);
	width:calc(var(--button-size)*.5);
	height:calc(var(--button-size)*.5);
	background-color: var(--semmel-red);
	transition: all .5s ease-in-out;
	position: relative!important;
	mask-image: url('data:image/svg+xml;charset=UTF-8,<svg id="download-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><path style="enable-background:accumulate; fill:white;" display="inline" d="M91.1,70.8v18.7H28.9v-18.7h13.5v5.2h35.3v-5.2h13.4ZM68.4,53.8l18.5-18.5-9.3-9.3-18.5,18.5-18.5-18.5-9.3,9.3,18.5,18.5,9.3,9.3,9.3-9.3Z"/></svg>');
}

.presse_img_download .content .download:hover:after {
	color: var(--semmel-red);
	transform: rotate(360deg);
	background-color: var(--semmel-red);
}
.presse_img_download .content .preview,
.presse_img_download .content .download {
	color:var(--semmel-red);
	text-decoration:none;

}

.presse_gallery .toggle,
.presse_texte .toggle {
	font-size: clamp(1.4rem, 2vh, 3rem);
	text-transform:uppercase;
	font-weight: 700;
	color: var(--semmel-red);
	margin-bottom:calc(var(--bottomGap)*3);
	margin-top:calc(var(--bottomGap)*3);
	padding-bottom:var(--bottomGap);
	border-bottom:1px solid var(--lineColor);
	display: flex;
	flex-direction:column;
}
.toggle-text{
	padding-left:1vw;
}

.presse_gallery-liste,
.presse_gallery-liste.inactive,
.tour-presse-liste-pdf,
.tour-presse-liste-pdf.inactive
 {
	height:1px;
	overflow: hidden;
	opacity:0;
	transition: all .5s ease-in-out;
	padding-bottom:0rem;
}
.presse_gallery-liste.active,
.tour-presse-liste-pdf.active {
	height:auto;
	overflow: hidden;
	opacity:1;
	padding-bottom:3rem;
}
.presse_texte .toggle,
.presse_gallery .toggle
{
	display:flex;
	flex-direction: row;
	align-items: center;
}
.presse_gallery .toggle .buttonCircle,
.presse_texte .toggle .buttonCircle,
.presse_gallery .toggle .buttonCircle:after,
.presse_texte .toggle .buttonCircle:after {
	width: calc(var(--button-size)*.8);
	aspect-ratio: 1 / 1;
	height: calc(var(--button-size)*.8);

}

@container squareGalleryContainer ( min-width:200px ){
	.presse_gallery-liste{
		display:grid;
		_grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
		grid-gap:0rem;
	}
	.presse_gallery-liste .presse_img_download {
		display:grid;
		grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
	}
	.presse_gallery-liste .presse_img_download {
		border:0;
		border-bottom: 1px solid var(--lightlineColor);
	}
}
@container squareGalleryContainer ( min-width:600px ){
	.presse_gallery-liste{
		_grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
		grid-gap:1rem;
	}
	/*
	.presse_gallery-liste .gallery-item{
		aspect-ratio:4/3;
	}
	*/
	.presse_gallery-liste .presse_img_download{
		padding: calc(var(--bottomGap)* 2);
		border:1px solid var(--backgroundGrey);

	}
	.presse_gallery-liste .presse_img_download {
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
	}
}
@container squareGalleryContainer ( min-width:1200px ){
	.presse_gallery-liste{
		_grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	}
	.presse_gallery-liste .presse_img_download {
		grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
		grid-template-columns: auto 1fr;
	}
}




/* --- TICKETÜBERSICHT  --- */

.tickets-termine {
	container-name: ticketsTermineContentContainer;
	container-type: inline-size;
	display:grid;
	padding:30px;
	_gap:2rem;
}
.tickets-termine-liste {
	_margin:var(--bottomGap) 0;
	padding-top:var(--bottomGap);
	_border-top: 1px solid var(--lineColor);
	margin-bottom:5vh;
	margin-top: 5vh;
}
.tickets-termine-element {
	padding: var(--bottomGap);
	padding-bottom: var(--bottomGap);
	margin-bottom: var(--bottomGap);
	border-bottom: 1px solid var(--lightlineColor);
	display: flex;
	justify-content: space-between;
	background-color: transparent;
	transition: all .1s ease-in-out;
}
.tickets-termine-element:hover{
	background-color: #efefef;
}


.tickets-termine-element.abgesegt
{
	opacity: .5;
	filter: grayscale(1);
}
.tickets-termine-element .ticket-basics {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}

.ticket-basics .datum {
	display: flex;
	flex-direction: column;
	-flex-flow: wrap;
	_align-items: flex-start;
	_align-content: flex-start;
	padding-right: calc(var(--button-size)*1.5);
	font-size: var(--ticketList);
}
.ticket-basics .datum .additional-date {
	display: flex;
	flex-direction: column;
}
.ticket-basics .date,
.ticket-basics .location
 {
	font-size: var(--ticketList);
	font-weight:700;
	color: var(--semmel-red);
	-width: 100%;

}
.ticket-basics .message{
	align-self: flex-end;
}
.tickets-termine-element  {
	line-height:1.3em;
}
.tickets-termine-element .day {
	font-size:.8rem;
	padding-right:.3rem;
}
.tickets-termine-element .time {
	font-size:.8rem;
	 min-width: 50%;
	 _border-left: 2px solid var(--lineColor);
	 _padding-left:.3rem;
	 line-height:1.3em;
}

.tickets-termine-element .description {
	display: flex;
	flex-direction: column;
	font-size: var(--ticketList);
	_line-height:1.3em;
}
.tickets-termine-element .description a {
	text-decoration: none;
	transition: all .1s ease-in-out;
}
.tickets-termine-element .description a:hover {
	font-weight:700;
}
.tickets-termine-element .location {
	font-size: var(--ticketList);
	color: var(--semmel-red);
	width: 100%;
	_line-height:1.3em;
}
.tickets-termine-element .ort {
	font-size:.8rem;
}
.tickets-termine-element .tourname {
	font-size:.8rem;
}

.tickets-termine-element .ticket-overlay .buttonCircle{
	width: calc(var(--button-size)*.6);
	aspect-ratio: 1 / 1;
	height: calc(var(--button-size)*.6);
	border-radius: 100em;
}
.tickets-termine-element .ticket-overlay .ticketLink:hover .buttonCircle.animate:after,
.tickets-termine-element .ticket-overlay .ticketInfo:hover .buttonCircle.animate:after,
.tickets-termine-element .ticket-overlay .calenderLink:hover .buttonCircle.animate:after {
	transform: rotate(360deg);
}


.tickets-termine-element .ticket-overlay {
	display: flex;
	gap:1rem;
	height:auto;
}
.tickets-termine-element .ticket-overlay a {
	text-decoration: none;
	display:flex;
	align-items: center;
}
.tickets-termine-element .ticket-overlay a .buttonCircle,
.message .buttonCircle {
	width:calc(var(--close-button-size)*.8);
	height:calc(var(--close-button-size)*.8);
}
.tickets-termine-element .ticket-overlay a .buttonCircle:after,
.message .buttonCircle:after {
	width:calc(var(--close-button-size)*.8);
	height:calc(var(--close-button-size)*.8);
}
.tickets-termine-element .ticket-overlay .ticketLink,
.tickets-termine-element .ticket-overlay .ticketInfo,
.tickets-termine-element .ticket-overlay .calenderLink {
	font-size: var(--ticketList);
	font-weight:700;
	color: var(--semmel-red);
	width: fit-content;
	_margin-left: calc(var(--button-size)*.5);
}
.tickets-termine-element .ticket-overlay .ticketLink .tickets-content,
.tickets-termine-element .ticket-overlay .ticketInfo .tickets-content,
.tickets-termine-element .ticket-overlay .calenderLink .tickets-content {
	padding-left: calc(var(--button-size)*.2);
}

.message {
	display: flex;
	align-items: center;
	height:100%;
	padding-left:2vw;

}

.toure_links
{
	padding-left: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	transition:all 0.3s;-webkit-transition:all 0.3s;
	height: auto;
	overflow: hidden;
}

.artist-menue_Element.active span {
	color: var(--semmel-red)
}



.toure_links.hidden {
	height: 0px;
	margin: 0;
}


.toure_links a {
	font-size: 15px;
	display: block;
	position: relative;
	padding-left: 25px;
	border-bottom: 1px solid #666;
	padding-top: 5px;
	padding-bottom: 5px;
}

.toure_links a:hover {
	color: var(--semmel-red);
}

.toure_links a.last {
	border: none;
}


.toure_links a:before {
	width: calc(var(--button-size)*.5);
	height: calc(var(--button-size)*.5);
	background-repeat: no-repeat;
	background-position: left center !important;
	transition: all .3s ease;
	background-color: var(--semmel-red);
	right: auto;
	left: 0;
	top: clamp(0em, 0.8vh, .8rem);
	mask-image: url('data:image/svg+xml;charset=UTF-8,<svg id="pfeil-icon" class="pfeil" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><polygon display="inline" style="enable-background:accumulate; fill:white;" points="70.6,47.6 47.6,24.6 36.1,36.1 59.1,59.1 36.1,82.1 47.6,93.6 70.6,70.6 82.1,59.1"/></svg>');
	display: flex;
	background-color: black;
	mask-repeat: no-repeat;
	right: 0px;
	top: 5px;
	position: absolute;
	content: '';
}

.toure_links a .text_1 {
	display: block;
	font-weight: 400;
	line-height: 1.4em;
}

.toure_links a .text_2 {
	display: block;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.4em;
}

.toure_links a .text_3 {
	display: block;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.4em;
}


@container ticketsTermineContentContainer ( max-width: 600px ) {

	.tickets-termine-element .ticket-basics {
		display: block;
	}

	.warnung-text{
		display: none !important;
	}





}


@container ticketsTermineContentContainer ( min-width: 200px ) {

		.ticket-basics .datum {
			padding-right: calc(var(--button-size)*.25);
		}
		.tickets-termine-element {
			position: relative;
		}
		.tickets-termine-element .ticket-overlay .btn-ticketInfo {
			display: flex;
		}
		.tickets-termine-element .ticket-overlay .ticketLink ,
		.tickets-termine-element .ticket-overlay .ticketInfo ,
		.tickets-termine-element .ticket-overlay .calenderLink  {
			display:none;
		}
		.warnung-text{
			display:none;
			color: var(--semmel-red);
		}

		.tooltip .right {
			left: -342px;
		}
}


@container ticketsTermineContentContainer ( min-width: 300px ) {
	.ticket-basics .datum {
		padding-right: calc(var(--button-size));
	}
	.tickets-termine-element .ticket-overlay {
		position:relative;
	}
	.tickets-termine-element .ticket-overlay .btn-ticketInfo {
		display: none;
	}
	.tickets-termine-element .ticket-overlay .ticketLink ,
	.tickets-termine-element .ticket-overlay .ticketInfo ,
	.tickets-termine-element .ticket-overlay .calenderLink  {
		display:none;
	}
	.tickets-termine-element:hover .ticket-overlay {
		background-color:transparent;
		width:auto;
		height:auto;
	}
	.ticketLink .ticketpreis {display:none;}
	.warnung-text{
		display:inherit;
	}
	.tickets-termine-element .ticket-overlay .btn-ticketInfo {
		display: flex;
	  }

}


@container ticketsTermineContentContainer ( min-width: 800px ) {
	.ticket-basics .datum {
		padding-right: calc(var(--button-size));
	}
	.tickets-termine-element .ticket-overlay {
		position:relative;
	}
	.tickets-termine-element .ticket-overlay .btn-ticketInfo {
		display: none;
	}


	.tickets-termine-element .ticket-overlay .ticketLink ,
	.tickets-termine-element .ticket-overlay .ticketInfo
	{
		display:flex;
	}

	.tickets-termine-element .ticket-overlay .calenderLink  {
		display:none;
	}
	.tickets-termine-element:hover .ticket-overlay {
		background-color:transparent;
		width:auto;
		height:auto;
	}
	.ticketLink .ticketpreis {display:none;}
	.warnung-text{
		display:inherit;
	}
	.tickets-termine-element .ticket-overlay .btn-ticketInfo {
		display: flex;
	  }


}



@container ticketsTermineContentContainer ( min-width: 1200px ) {
	.ticketLink .ticketpreis {display:initial;}

	.tickets-termine-element .ticket-overlay .ticketLink ,
	.tickets-termine-element .ticket-overlay .ticketInfo ,
	.tickets-termine-element .ticket-overlay .calenderLink  {
		display:flex;
	}
	.tickets-termine-element .ticket-overlay .btn-ticketInfo {
		display: none;
	  }
}



/*    -------    ARTIST / TOUR TOURNEEN ÜBERSICHT   ------ */


.artist-tour {
	container-name: artistTourContainer;
	container-type: inline-size;
}


.artist-tour_liste{
	grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

.artist-tour_liste .artist-tour_element {
	display: flex;
	flex-direction: row;
	margin-bottom:calc(var(--bottomGap)*2);
	overflow: hidden;
}





.artist-tour_liste .artist-tour_element a .artist-tour-image {
	overflow:hidden;
	position: relative;
	width:100%;
	height:auto;
	display: flex;

}

.artist-tour_liste .list-element .list-image {

}


.artist-tour_liste .artist-tour_element a{
	text-decoration:none;
}

.artist-tour_liste .artist-tour_element .artist-tour-image img{
	width:100%;
	scale:1.00;

}
.artist-tour_liste .artist-tour_element .tour_title{
	padding-top:calc(var(--bottomGap)*2);
	font-weight: 600;
	text-transform:uppercase;
	font-size: var(--titel-size);
}


@container artistTourContainer ( min-width: 600px ) {
	.artist-tour_liste.single .artist-tour_element a .artist-tour-image
	{
		max-width: 100%;
	}
}

@container artistTourContainer ( min-width: 800px ) {
	.artist-tour_liste.single .artist-tour_element a .artist-tour-image
	{
		max-width: 80%;
	}
}


@container artistTourContainer ( min-width: 1200px ) {
	.artist-tour_liste.single .artist-tour_element a .artist-tour-image
	{
		max-width: 50%;
	}
}



/* ---- Video Trailer single on Tourseite ---*/
.videoHeader{
	margin-bottom: var(--header-margin);
}

.video-trailer {
	container-name: videoTrailerContentContainer;
	container-type: inline-size;
	display:grid;
	padding:30px;
	_gap:2rem;
}
.videoListe {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	margin:3vh 0;
}
.video-item{
	max-width:300px;
	height:auto;
}

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


/* ---- Gallery  on Tourseite ---*/
.tour_gallery {
	container-name: tourGalleryContentContainer;
	container-type: inline-size;
	display:grid;
	padding:30px 30px 9vh 30px;
}
.tour_gallery-header {
	margin-bottom: var(--header-margin);
}

.tour_video {
	border-bottom: 1px solid var(--lineColor);
	margin-bottom: 3vh;
	padding-bottom: 3vh;
}

.colormode .tour_video {
	border-bottom: 1px solid #fff;
}


/*    ------------        ARTIST / TOUR SOZIALS      ------------- */

.artist-socials,
.artist-spotify,
.artist-homepage_link {
	width: 100%;
	height: auto;
	_aspect-ratio: 4/3;
	_background-color:#efefef;
}


.artist-feed {
	display: flex;
	-gap:2rem;
	flex-direction: column;
}
.artist-feed-list{
	gap:2rem;
	margin-bottom: 35px;
}
.artist-feed-list .artist-socials{
	margin-bottom: calc(var(--bottomGap)*2);
}
.artist-feed-list .artist-spotify {
	margin:6vh 0px;
}


/*   Artist Homepage box */
.homepage-link-box {
	text-decoration: none;
	position: relative;
	container-name: link-box-container;
	container-type: inline-size;
	width:auto;
}
.homepage-link-box .link_box{
	background-color: var(--semmel-red);
	color:#fff;
	padding: 1rem 1rem;
	margin:0px;
	position: relative;
}
.homepage-link-box .text-link{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: var(--link-box);
	max-width: 12ch;
	font-weight: 600;
	display: inline-block;
	background-repeat: no-repeat;
	line-height: 1em;
	-width: 100%;
	margin:0;
	position: relative;
	height: auto;
	display: flex
}
.homepage-link-box .text-link:after {
	right: var(--button-size);
	_width: var(--button-size);
	height: var(--button-size);
	aspect-ratio: 1/1;
	content: '';
	background-repeat: no-repeat;
	background-color: white;
	transition: all .3s cubic-bezier(0.25,0.1,0.25,1);
	bottom:1vh;
	right:2vw;
	display: flex;
	align-self: flex-end;
	margin-bottom:-3px;
}
.homepage-link-box p {
	max-width: 25ch;
}
.homepage-link-box a {
	text-decoration:none;
}

.presenter {


	width: 300px;
}

.presenter a {
	color:#fff;
}


.presenter img {
	width: 100%;
	height: auto;
}

.presenter_element {
	margin-bottom: 35px;
}

@container link-box-container ( min-width: 200px ) {
	.link_box {
		width:auto;
	}
}
@container link-box-container ( min-width: 800px ) {
	.link_box {
		max-width:30%;
	}
}










.tour_gallery-liste  {
	--gallery_height:minmax(100px,10vw);
	display:flex;
	gap:.5rem;
	overflow: hidden;
	/*
	display: grid;
	  grid-template-areas: "a a a a ";
	  gap: 10px;
	  grid-auto-columns: auto;
	  grid-auto-rows: auto;
	  */
	  display: flex;
	  flex-direction: row;
	  flex-flow: row;
	  flex-wrap: wrap;
}


.tour_gallery-liste .gallery-item {
	height:200px;
	width:auto;
	transition: all .3s ease-in-out;
}
.tour_gallery-liste .gallery-item .content,
.tour_gallery-liste .gallery-item .content img {
	width:auto;
	height:100%;
}
.tour_gallery-liste .gallery-item .caption {
	display:none;
}


@container tourGalleryContentContainer ( min-width: 100px ) {
	.tour_gallery-liste .gallery-item {
		height:100px;
		width:auto;
	}
}
@container tourGalleryContentContainer ( min-width: 700px ) {
	.tour_gallery-liste .gallery-item {
		height:200px;
		width:auto;
	}
}





/*
.tour_gallery .gallery-item:before {
	content: '';
	width: 100%;
	height: 100%;
	_aspect-ratio: 16 / 9;
	background-image: url('/files/gui/svg-semmel-logo-animation-white.svg');
	background-repeat: no-repeat;
	background-position: center center;
	_background-color:#00000050;
	position: absolute;
	display: flex;
	background-size: 20%;
	z-index: -10;
}
*/

/*
.tour_gallery .tour_gallery-liste {
		display: grid;
	  grid-column-gap: 8px;
	  grid-row-gap: 5px;
	  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	  grid-auto-rows: 5px;
}

.tour_gallery .gallery-item {
	transition: grid-row-start 300ms linear;
	  transition: transform 300ms ease;
	  transition: all 0.5s ease;
	  cursor: pointer;
	  position: relative;
	  width:100%;
	  height:100%;
	  min-width:100px;
	  min-height:200px;
	  _display: block;
	  _border:1px solid #fff;
	  aspect-ratio: 4/3;
}

.tour_gallery .gallery-item:after {
	content:'';
	background-color: var(--semmel-red);
	width:100%;
	height:100%;
}


.tour_gallery .gallery-item:before {
	content: '';
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	background-image: url('/files/gui/svg-semmel-logo-animation-white.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-color:#00000050;
	position: absolute;
	display: flex;
	background-size: 50%;
	z-index: -1;
}
.tour_gallery .gallery-item:hover {
  transform: scale(1.025);
}
.tour_gallery .gallery-item .content{
	top: 0px;
	position: absolute;
	display: flex;
	overflow: hidden;
}
.tour_gallery .gallery-item .content a{
	position: relative;
	display: flex;
}
.tour_gallery .gallery-item img {
  max-width: 100%;
  _border-radius: 8px;
  _box-shadow: 0 0 16px #333;
  transition: all 1.5s ease;
  min-height: 150px;
}
.tour_gallery .gallery-item .caption span{
	position: absolute;
	bottom:20px;
	left:2vh;
	font-size: var(--page-image-caption)!important;
	font-weight: 300;
	text-transform: uppercase;
	opacity: 0;
	top:20px;
}
.tour_gallery .gallery-item:hover .caption span {
	opacity: 1;
}

@container tourGalleryContentContainer ( min-width: 200px ) {
	.tour_gallery .tour_gallery-liste{
		columns: 3 80px;
	}
}
@container tourGalleryContentContainer ( min-width: 700px ) {
	.tour_gallery .tour_gallery-liste{
		columns: 4 360px;
	}
}
@container tourGalleryContentContainer ( min-width: 1100px ) {
	.tour_gallery .tour_gallery-liste{
		columns: 5 360px;
	}
}
*/

/*    ---------        ARTIST / TOUR MENUE      ----------- */
.artist-menue .titel {
	__font-size: clamp(.6rem, 1.5vw + .6rem, 1.0em);
}
.artist-menue_List{
	display: grid;
	_gap: .3em;
	grid-template-columns: 1fr;
	_background-color:black;
}
.artist-menue_Element{
	/*font-size: clamp(1rem, 1.5vw + 1rem, 1.8em);*/
	line-height: 1em;
	margin: 0;
	padding:0;
	font-family: 'Montserrat', sans-serif;
	font-weight:800;
	display: flex;
	flex-direction: row;
	cursor: pointer;
	width:100%;
	align-items: center;
}

.artist-menue_Element span, .artist-menue_Element a {
	font-size: clamp(1rem, 1.5vw + 1rem, 1.8em) !important;
}

.artist-menue_Element:after {
	right: calc(30px - var(--button-size));
	width: clamp(
		1.2rem,
		2.5vw + 1.2rem,
		 2rem
	 );
	 height: auto;
	aspect-ratio: 1/1;
	margin: 0px 0;
	content: '';
	display: block;
	background-repeat: no-repeat;
	background-color: black;
	transition: all .3s cubic-bezier(0.25,0.1,0.25,1);
}
.artist-menue_Element.pfeil-icon:after {
	padding:0px;
}
.artist-menue_Element a, .artist-menue_Element span {
	text-decoration:none;
	width: 100%;
}

.artist-menue_Element:hover a, .artist-menue_Element:hover span {
	color: var(--semmel-red);
}
.artist-menue_Element:hover:after {
	color: var(--semmel-red);
	transform: rotate(90deg);
	background-color: var(--semmel-red);
}



/*  ----------------------- WARNING ----------------------- */


.message_box {
	container-name: message_box_container;
	container-type: inline-size;
	padding:30px;
	/* SUCHCONTAINER VARS */
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom: 1px solid #000;
	_width:100%;
	background-color:white;

}
.message_box .eventWarning {
	display: flex;
	flex-direction:row;
	_grid-template: repeat(4, 1fr);
	_grid-auto-flow: column dense; /* or 'row', 'row dense', 'column dense' */
	_width:auto;
	_max-height: var(--close-button-size);
	_display: grid;
	_grid-auto-columns: repeat(auto-fill, minmax(60px 1fr));
	_gap:1rem;
}
.colormode .message_box .eventWarning.boxed,
.colormode .message_box .ausgabe.boxed {
	margin-top:0px!important;
}
.message_box .message_titel {
	display: flex;
	justify-items: center;
	align-items: center;
	font-weight: 600;
	font-size: clamp(1rem, 3vw, 1.3rem);
	color: var(--semmel-red)!important;
	/*
	word-break: none;
	text-wrap: none;
	wrap: none;
	word-wrap: unset;
	*/
	_min-width: 20ch;
	padding:0px 2vw;
	line-height:1.1rem;
}
.message_box .eventWarning .buttonCircle {
	overflow:visible;
	width:26px;
	height:26px;
}
.message_box .eventWarning .buttonCircle:after {
	overflow:visible;
	width:26px;

}
.artist.wrapper.colormode .message_box div {color:#000;}
.artist.wrapper.colormode .message_box div {color:#000;}


.message_box .ausgabe .datum {
	color: var(--semmel-red)!important;
	font-weight:600;
	font-size: clamp(.85em, 5vw, 1em);
	height:0px;
	transition: all .6s ease-in-out;


}
.message_box.aktive .ausgabe .datum {
	color: var(--semmel-red)!important;
	font-weight:600;
	font-size: clamp(.85em, 5vw, 1em);
	height:auto;
}
.message_box .ausgabe .headline {
	color: var(--semmel-red)!important;
	font-weight:600;
	font-size: clamp(1.2em, 5vw, 1.4em);
	text-transform:uppercase;
	margin-bottom:.4rem;
}

.message_box .ausgabe .ausgabe_box {
	display: flex;
	gap:2rem;
}


.message_box .ausgabe .ausgabe_box .ausgabe_content {

}
.message_box .ausgabe .ausgabe_box .ausgabe_image {
	width: 80px;
	height: 80px;
	aspect-ratio: 1 / 1;
	border-radius: 100rem;
	overflow: clip;
	display:none;
}
.message_box .ausgabe .ausgabe_box .ausgabe_image img{
	width: auto;
	height: 100%;
}
.message_box .ausgabe .ausgabe_box .ausgabe_content .text{
	color:black;
}






.icon_toggler {
	display:flex;
	position: relative;
	width:30px;
	height:auto;
	aspect-ratio: 1/1;
}
.icon_toggler > div{
	position: absolute;
	display:flex;
	top:0;
	left;0;
}
.icon_toggler .base-icon:after {
	background-color: white;
}
.message_box .icon_toggler .close-icon {
	opacity:0;
}
.message_box .icon_toggler .hamburger-icon {
	opacity:1;
}
.message_box.aktive .icon_toggler .close-icon {
	opacity:1;
}
.message_box.aktive .icon_toggler .hamburger-icon {
	opacity:0;
}
.message_box .ausgabe {
	height:0px;
	opacity:0;
	overflow: hidden;
	transition: all .6s ease-in-out;
}
.message_box.aktive .ausgabe {
	height:auto;
	opacity:1;
	overflow: clip;
	padding-top:2vh;
	_border-top:1px solid black;
	margin-top:3vh;
	transition: all .6s ease-in-out;

}
.message_box.aktive .ausgabe .ausgabe_box {
	padding-bottom:1vh;
	margin-bottom:1vh;
	border-bottom: 1px solid #000;
	transition: all .6s ease-in-out;

}
.message_box.aktive .ausgabe .ausgabe_box:last-child {
	border-bottom: 0px solid #000;
}