/********************/
/*	  INHALT		*/
/*********************
1.0 ALLGEMEIN
2.0 CONTAINER
3.0 TEXT
4.0 FORMULAR
5.0 TABELLEN
6.0 SONSTIGES
********************/
/* ============================================= 1.0 ALLGEMEIN ============================================= */

	/* ------ 1.1 MAIN ------ */
	html {
		position: relative;
		min-height: 100%;
	}
	html, body {
		outline: none;
		color: rgba(0,0,0,1);
		overflow-x: hidden;
	}
	body {
		z-index: 100;
		font-family: 'minion-pro', 'Times New Roman', serif;
		background-color: rgba(255,255,255,1);
	}

	@media (max-width: 1089px) {
		body {
			font-size: 4vw;
			line-height: 1.3;
		}
	}
	@media (min-width: 1090px) {
		body {
			font-size: 1.1rem;
			line-height: 1.3;
		}
	}


	/*
	@media (orientation: portrait) and (min-width: 768px) {
		body {
			font-size: 40px;
			line-height: 1.3;
		}
	}*/

	a {
		color: rgba(0,0,0,1);
		outline: none !important;
		text-decoration: none !important;
		cursor: pointer;

		-webkit-transition: color ease 0.3s;
		-moz-transition: color ease 0.3s;
		-o-transition: color ease 0.3s;
		transition: color ease 0.3s;
	}
		a:hover { color: rgba(0,0,0,0.8); }
		a:active, a:focus { color: rgba(0,0,0,0.7); }
		button:focus { outline: 0; }

	@media (max-width: 767px) {
		.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
			padding-left: 6vw;
			padding-right: 6vw;
		}
		.row>* {
			padding-left: 1.5vw;
			padding-right: 1.5vw;
		}
		.retail-cards {
			margin: 0px -1.5vw 0px -1.5vw;
		}
	}
	@media (min-width: 768px) and (max-width: 1089px) { /*SM*/
		.retail-cards {
			margin: 0px 0px 0px 0px;
		}
	}
	@media (min-width: 1090px) {
		.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
			max-width: 960px;
		}
		.retail-cards {
			margin: 0px 0px 0px 0px;
		}
	}

/* ============================================= 2.0 CONTAINER ============================================= */

	#page {
		margin: 0px 0px 0px;
		padding-bottom: 70px;
	}
		@media (max-width: 767px) {
			#page.page-content { margin-top: 50px; }
		}
		@media (min-width: 768px) {
			#page.page-content { margin-top: 80px; }
		}
	.fullheight {
		height: 100%;
	}

	main { overflow-y: auto; min-height: 600px; }
		main #content { height: 100%; }

	@media (max-width: 1089px) {
		.container-fluid {
			padding-right: 1.5vw;
			padding-left: 1.5vw;
		}

		header, footer {
			height: 12vh;
			padding: 0vh 0vw;
		}
		main { height: 76vh; }
			main #content { padding: 3vh 0vw; }
			main.has-header #content { padding-top: 1vh; }
			main.has-footer #content { padding-bottom: 1vh; }
	}
	@media (min-width: 1090px) {
		header, footer {
			height: 80px;
			padding: 0vh 0vw;
		}
		main { height: calc(100vh - 160px); }
			main #content { padding: 3vh 0vw; }
			main.has-header #content { padding-top: 1vh; }
			main.has-footer #content { padding-bottom: 1vh; }
	}

	body.template-start main.has-header #content { padding-top: 0vh; }
	body.template-start main.has-footer #content { padding-bottom: 0vh; }

	/* ------ 2.1 HEADER ------ */
	header {
		border-bottom: 1px solid rgba(51,51,51,1);
	}
	body.template-start header { border-bottom-color: rgba(255,255,255,1); }
		.navbar-brand {
			display: block;
			width: 100%;
			height: 100%;
			padding: 0px;
			margin: 0px;
			background-repeat: no-repeat;
		}
		.text-center .navbar-brand { background-position: center; }
		.text-end .navbar-brand { background-position: right; }
		.navbar-qrcode {
			background-image: url('../img/icon/qrcode-black.svg');
			background-position: left;
			background-repeat: no-repeat;
		}
			@media (max-width: 1089px) {
				.navbar-brand { background-size: 23%; }
				.navbar-qrcode {
					padding-left: 10vw;
					background-size: contain;
				}
			}
			@media (max-width: 500px) {
				.navbar-brand { background-size: 48%; }
			}
			@media (min-width: 1090px) {
				.navbar-brand { background-size: 30%; }
				.navbar-qrcode {
					padding-left: 63px;
					background-size: 10%;
				}
			}

	/* ------ 2.2 CONTENT ------ */
	hr:not([size]) {
		height: 0.1vh;
		background-color: rgba(0,130,150,1);
	}
	#content {
		width: 100%;
		position: relative;
	}
		@media (max-width: 1089px) {
			.container-tile {
				padding-top: 1.2vw;
				padding-bottom: 1.2vw;
			}
		}
		@media (min-width: 1090px) {
			.container-tile {
				padding-top: 0.7rem;
				padding-bottom: 0.7rem;
			}
		}
		.container-tile .tile {
			display: block;
			height: 100%;
			background-color: rgba(241,244,245,0.9);
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
		}
			.tile-box {
				display: block;
				width: 100%;
				height: 100%;
				background-color: rgba(200,53,133,0.9);
			}
			@media (max-width: 767px) {
				.tile-box { padding: 0.5rem; }
			}
			@media (min-width: 768px) and (max-width: 1089px) { /*SM*/
				.tile-box { padding: 0.6rem; }
			}
			@media (min-width: 1090px) {
				.tile-box { padding: 0.9rem; }
			}

			.tile-box.tile-box-hasimg {
				background-color: transparent;
			}
				.tile .tile-content {
					height: 100%;
					display: flex;
				} /* 30px */
					#template-start .tile .tile-content { padding: 6%; }

				body.template-start .tile .tile-content { border: 0.2rem solid rgba(255,255,255,1); }
				@media (max-width: 767px) {
					.tile .tile-content { padding: 6vh 4vh; }
						.tile.tile-large .tile-content { padding: 9vh 6vh; }
					body.template-start .tile .tile-content { border-width: 1px; }
				}
				@media (min-width: 768px) and (max-width: 1089px) {
					.tile .tile-content { padding: 6vh 4vh; }
						.tile.tile-large .tile-content { padding: 9vh 6vh; }
					body.template-start .tile .tile-content { border-width: 0.2rem; }
				}
				@media (min-width: 1090px) {
					.tile .tile-content { padding: 6%; }
						.tile.tile-large .tile-content { padding: 16%; }
					body.template-start .tile .tile-content { border-width: 1px; }
				}

				.tile .tile-title {
					color: rgba(255,255,255,1);
					text-align: center;
				}

				body.template-info .col-container-tile .tile-box { background-color: rgba(200,53,133,1); }
				body.template-info .col-container-tile:nth-child(3n+3) .tile-box { background-color: rgba(0,130,150,1); }
				body.template-info .col-container-tile:nth-child(3n+2) .tile-box { background-color: rgba(210,215,40,1); }

			.container-imgmood,.container-imglocation {
				width: 100%;
				align-self: flex-end;
				background-position: center;
				background-repeat: no-repeat;
			}
			.container-imgmood {
				background-size: cover;
			}
			.container-imglocation {
				position: relative;
				background-size: contain;
				display: flex;
				justify-content: center;
				align-items: start;
			}
				.container-imglocation #location-plan {
					position: relative;
					width: 100%;
					height: 100%;
				}
					.container-imglocation .location-plan-logo,.container-imglocation .location-plan-logosolo {
						position: absolute;
						width: 13vw;
						height: 13vw;
						background-repeat: no-repeat;
						background-position: center;
					}
					.container-imglocation .location-plan-logosolo {
						width: 18vw;
						height: 13vw;
						top: 3%; right: 3%;
						background-size: contain;
						background-position: center top;
					}
				.container-imglocation canvas.location-image {
					width: 90%; height: 100%;
					position: absolute;
					border: 1px solid gray;
					top: 0; left: auto; right: auto;
				}
				.container-imglocation img.location-image {
					max-width: 100%; /*max-height: 100%;*/
					position: absolute;
					top: 0; left: auto; right: auto;
				}
				.container-imglocation .location-popup {
					position: absolute;
					background: rgba(255,255,255,1);
					display: inline-block;
					max-width: 80%;
					text-align: center;
					margin-top: 5%;
					border-color: rgba(0,0,0,1);
					border-style: solid;
					font-weight: 900;
					left: 3%;
					text-transform: uppercase;
				}
			@media (max-width: 1089px) {
				.container-imgmood { height: 50vh; }
				.container-imglocation { height: 42vh; }
				.container-imglocation .location-popup {
					padding: 0.6rem 1rem 0.4rem;
					margin-top: 2%;
					border-width: 0.1rem;
				}
			}
			@media (min-width: 1090px) {
				.container-imgmood { height: 50vh; }
				.container-imglocation { height: 42vh; }
				.container-imglocation .location-popup {
					padding: 1.4rem 3rem;
					margin-top: 5%;
					border-width: 0.3rem;
				}
			}

		/* ------ 2.2.1 AKTIONEN ------ */
			.block-card .block-card-img {
				display: block;
				background-color: rgba(241,244,245,1);
				margin-bottom: 1vh;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
			}
				@media (max-width: 1089px) {
					.block-card,.thumb-impression { margin: 0.6vh 0vw; }
					.block-card > .row { margin-left: -1.5vw; margin-right: -1.5vw; }
						.block-card .block-card-img { height: 32.5vh; }
						.block-card .block-card-img.block-card-img-primary { height: 22.5vh; }
						.block-card.block-card-short .block-card-img { height: 16.5vh; }
						body.template-promotion .block-card .block-card-img { height: 18.5vh; }
				}
				@media (min-width: 1090px) {
					.block-card,.thumb-impression { margin: 15px 0px; }
					.block-card > .row { margin-left: -12px; margin-right: -12px; }
						.block-card .block-card-img { height: 18.5vh; }
						.block-card .block-card-img.block-card-img-primary { height: 26rem; }
						.block-card.block-card-short .block-card-img { height: 16.5vh; }
						body.template-promotion .block-card .block-card-img { height: 23rem; }
				}


			.block-card .block-date {
				color: rgba(0,130,150,1);
				margin: 0px;
			}

		/* ------ 2.2.2 SHOPS ------ */
			.retail-cards .retail-card {
				position: relative;
				background-color: rgba(255,255,255,1);
				background-size: contain;
				background-position: center;
				background-repeat: no-repeat;
				border: 1px rgba(0,0,0,1) solid;
				cursor: pointer;
				margin: -1px -1px;
				z-index: 50;
				-webkit-transition: box-shadow ease 0.3s, border-color ease 0.3s, transform ease 0.3s;
				-moz-transition: box-shadow ease 0.3s, border-color ease 0.3s, transform ease 0.3s;
				-o-transition: box-shadow ease 0.3s, border-color ease 0.3s, transform ease 0.3s;
				transition: box-shadow ease 0.3s, border-color ease 0.3s, transform ease 0.3s;
			}
				.retail-cards .retail-card.active {
					border-color: rgba(200,53,133,0.15);
					background-color: rgba(200,53,133,0.15);
				}
				/*.retail-cards .retail-card.active {
					box-shadow: inset 0px 0px 0px 3px rgba(0,130,150,1);
					border-color: rgba(0,130,150,1);
				}*/
				.retail-cards .retail-card-logobox {
					position: relative;
					width: 100%; height: 100%;
					padding: 6px 10px;
					display: block;
				}
					.retail-cards .retail-card-logo {
						width: 100%; height: 100%;
						background-size: contain;
						background-position: center;
						background-repeat: no-repeat;
					}

			.thumb-impression {
				display: block;
				width: 100%;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				-webkit-transition: opacity ease 0.3s;
				-moz-transition: opacity ease 0.3s;
				-o-transition: opacity ease 0.3s;
				transition: opacity ease 0.3s;
			}
				@media (max-width: 767px) {
					.retail-cards .retail-card { height: 3.7rem; }
					.retail-cards.retail-cards-long .retail-card { height: 2.9rem; }
					.thumb-impression { height: 7.5rem; }
				}
				@media (min-width: 768px) and (max-width: 1089px) { /*SM*/
					.retail-cards .retail-card { height: 7.5vh; }
					.retail-cards.retail-cards-long .retail-card { height: 5vh; }
					.thumb-impression { height: 12vh; }
				}
				@media (min-width: 1090px) {
					.retail-cards .retail-card { height: 135px; }
					.retail-cards.retail-cards-long .retail-card { height: 90px; }
					.thumb-impression { height: 160px; }
				}


		/* ------ 2.2.3 WETTER ------ */
		.weather-icon {
			width: 100%;
			height: 6vh;
			display: block;
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
		}

		/*.container-tile .tile {
			height: 100%;
			padding-top: .75rem;
			padding-bottom: .75rem;
			background-color: rgba(86, 61, 124, .15);
			border: 1px solid rgba(86, 61, 124, .2);
		}*/

	/* ------ 2.3 FUSSZEILE ------ */
	footer {
		background-color: rgba(51,51,51,1);
	}
		.footer-back { margin-left: 6px; }

/* ============================================= 3.0 TEXT ============================================= */

	/* ------ 3.1 SCHRIFTEN ------ */
		/* -- 3.1.1 Brandon Grotesque -- */
		h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6, .btn, footer p, .tile .tile-title, p.text-highlight, table.table th, table.table td, .location-popup {
			position: relative;
			font-family: "brandon-grotesque", 'Trebuchet MS', sans-serif;
			font-weight: normal;
			font-style: normal;
			text-transform: uppercase;
		    -webkit-font-smoothing: subpixel-antialiased;
		}
		/* -- 3.1.2 Minion Pr -- */
		p, .p, table, input, textarea, main ul li {
			position: relative;
			font-family: 'minion-pro', 'Times New Roman', serif;
			font-weight: normal;
			font-style: normal;
			-webkit-font-smoothing: subpixel-antialiased;
		}
		.font-small {
			font-size: 12px;
			line-height: 16px;
		}

	/* ------ 3.2 TITEL + TEXT ------ */
	h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
		margin: 0px 0px;
	}
		@media (max-width: 767px) {
			h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { padding: 0.5vw 0px 0.4vw; }
			p,.p { margin-bottom: 1.9vw; }
		}
		@media (min-width: 768px) and (max-width: 1089px) {
			h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { padding: 0.5vw 0px 0.4vw; }
			p,.p { margin-bottom: 1.9vw; }
		}
		@media (min-width: 1090px) {
			h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { padding: 0.5vw 0px 0.4vw; }
			p,.p { margin-bottom: 0.6rem; }
		}

	h1,.h1 { font-weight: 900; }
	h2,.h2 { font-weight: 900; }
	h4,.h4 { font-weight: 700; }
	h5,.h5 { font-weight: 900; }

	h6,.h6, p.text-highlight, table.table th, table.table td { font-weight: 700; }
	.tile .tile-title { font-weight: 900; }
	header p, footer p {
		margin-bottom: 0px;
	}
		footer p { font-weight: 500; }

		@media (max-width: 1089px) {
			h1,.h1 { font-size: 6.7vw; } /* 4.5rem */
			h2,.h2 { font-size: 6.1vw; } /* 4.0rem */
				/*.title-hero { font-size: 6.0rem; } /* 6.0rem
					.title-hero small { font-size: 2.8rem; } /* 2.8rem */
			h4,.h4 { font-size: 4.0vw; } /* 2.2rem */
			h5,.h5 { font-size: 1.1rem; } /* 1.9rem */
			p,.p { font-size: 1rem; } /* 2.4rem */
				footer p,footer .p { font-size: 2vw; } /* 2.4rem */

			h6,.h6, p.text-highlight, table.table th, table.table td { font-size: 0.8rem; } /* 1.6rem */
			.tile .tile-title { font-size: 3.9vw; } /* 2.5rem */
			.btn { font-size: 2.4vw; } /* 2.5rem */
				.btn-small { font-size: 0.8rem; }
				.btn-line { font-size: 3.7vw; }
				.btn-line small { font-size: 2.4vw; }
			.location-popup { font-size: 3.2vw; }
		}
		@media (max-width: 500px) {
				footer p,footer .p { font-size: 4vw; } /* 2.4rem */
		}

		@media (min-width: 1090px) {
			h1,.h1 { font-size: 3.5rem; }
			h2,.h2 { font-size: 3.0rem; }
				/*.title-hero { font-size: 6.0rem; }
					.title-hero small { font-size: 2.8rem; } */
			h4,.h4 { font-size: 1.6rem; }
			h5,.h5 { font-size: 1.3rem; }
			p,.p { font-size: 0.9rem; }
				footer p,footer .p { font-size: 1.3rem; }

			h6,.h6, p.text-highlight, table.table th, table.table td { font-size: 1.1rem; }
			.tile .tile-title { font-size: 1.6rem; }
			.btn { font-size: 1.5rem; }
				.btn-small { font-size: 1.4rem; }
				.btn-line { font-size: 1.2rem; }
				.btn-line small { font-size: 0.8rem; }
			.location-popup { font-size: 1.3rem; }
		}

	/* ------ 3.3 BUTTONS ------ */
		.h-10 { height: 10% !important; }
		.h-20 { height: 20% !important; }
		.h-30 { height: 30% !important; }
		.h-40 { height: 40% !important; }
		.h-60 { height: 60% !important; }
		.h-70 { height: 70% !important; }
		.h-80 { height: 80% !important; }
		.h-90 { height: 90% !important; }

		.btn {
			font-weight: 900;
			border-radius: 0px;
		}
		.btn.btn-link.btn-link-back {
			padding-left: 5vw;
			font-weight: 700;
			background-image: url('../img/icon/chevron-left-white.svg');
			background-size: 14%;
			background-position: left;
			background-repeat: no-repeat;
		}
		.btn-line {
			line-height: 1.2;
			padding: 0.8vh 2vw;
			color: rgba(255,255,255,1);
		}
			@media (max-width: 767px) {
				.btn-line { min-width: 2.4rem; }
				header .navbar-qrcode, footer .btn { margin-left: -0.8rem; }
			}
			@media (min-width: 768px) and (max-width: 1089px) {
				.btn-line { min-width: 8vw; }
				header .navbar-qrcode, footer .btn { margin-left: -0.8vw; }
			}
			@media (min-width: 1090px) {
				.btn-line { min-width: 2.4rem; }
				header .navbar-qrcode, footer .btn { margin-left: -0.6rem; }
			}
		.btn-outline-dark:hover { background-color: rgba(0,0,0,0.1); }
		@media (max-width: 500px) {
			.col-paddingx { padding-left: 11px; padding-right: 11px; }
		}
		@media (min-width: 500px) and (max-width: 767px) {
			.col-paddingx { padding-left: 6px; padding-right: 6px; }
		}
		@media (min-width: 768px) and (max-width: 1089px) {
			.col-paddingx { padding-left: 17px; padding-right: 17px; }
		}
		@media (min-width: 1090px) {
			.col-paddingx { padding-left: 23px; padding-right: 23px; }
		}
		.btn-secondary { background-color: rgba(0,0,0,1); border-color: rgba(0,0,0,1); }
			.btn-secondary.active { background-color: rgb(211,218,68); border-color: rgb(211,218,68); }

			.btn-line.btn-line1 { background-color: rgba(75,163,86,1); border-color: rgba(75,163,86,1); }
			.btn-line.btn-line2 { background-color: rgba(247,205,70,1); border-color: rgba(247,205,70,1); }
			.btn-line.btn-line3 { background-color: rgba(203,67,60,1); border-color: rgba(203,67,60,1); }
			.btn-line.btn-line4 { background-color: rgba(43,101,185,1); border-color: rgba(43,101,185,1); }
			.btn-line.btn-line6 { background-color: rgba(71,155,217,1); border-color: rgba(71,155,217,1); }
			.btn-line.btn-line9 { background-color: rgba(190,105,47,1); border-color: rgba(190,105,47,1); }

	/* ------ 3.4 ICONS ------ */
	.atl-icon {
		display: inline-block;
		width: 2.5vh;
		height: 1.2vh;
		background-size: contain;
		background-position: left;
		background-repeat: no-repeat;
	}
		.atl-icon.icon-chevron-up.icon-grey { background-image: url('../img/icon/chevron-up-grey.svg'); }
		.atl-icon.icon-chevron-down.icon-grey { background-image: url('../img/icon/chevron-down-grey.svg'); }
		.atl-icon.icon-chevron-left.icon-white { background-image: url('../img/icon/chevron-left-white.svg'); }

	/* ------ 3.5 LISTEN ------ */


/* ============================================= 4.0 FORMULAR ============================================= */
	select {
		-webkit-appearance: none!important;
		-webkit-border-radius: 0px!important;
	}
	/* ------ 4.1 FELDER ------ */

	/* ------ 4.2 BUTTONS ------ */


/* ============================================= 5.0 TABELLEN ============================================= */

	table.table {

	}
	table.table th, table.table td {
		vertical-align: middle;
		border-bottom-color: rgba(0,0,0,1);
		text-align: left;
		text-transform: uppercase;
	}
		@media (max-width: 1089px) {
			table.table th, table.table td { padding: 0.4rem .5rem; }
		}
		@media (min-width: 1090px) {
			table.table th, table.table td { padding: 1rem .5rem; }
		}
		table.table tbody tr:last-child td { border-bottom-color: rgba(255,255,255,1); }
	table.table th:first-child, table.table td:first-child {
		padding-left: 0px;
	}
	table.table th:last-child, table.table td:last-child {
		padding-right: 0px;
	}

	/*
	table td {
		vertical-align: top;
	}
	#table-body {
		width: 100%;
		height: 417px;
		margin: 1px;
		overflow: hidden;
	}
	.table-themed .col {
		padding: 0px;
		overflow: hidden;
		font-size: 14px;
		justify-content: center;
		align-items: center;
		text-align: center;
		line-height: 14px;
		font-weight: bold;
		width: 100%;
		min-height: 30px;
	}
		.table-themed .col .inner {
			width: 100%; height: 100%;
			border: 1px rgba(0,130,150,1) solid;
			padding: 5px 15px 3px;
			justify-content: center;
			align-items: center;
			text-align: center;
		}*/

/* ============================================= 6.0 SONSTIGES ============================================= */

	.clearer { clear: both; }

	.bg-white {
		background-color: rgba(255,255,255,1);
	}
		.bg-white p, .bg-white .btn {
			color: rgba(0,0,0,1);
		}

	.bg-dark {
		background-color: rgba(51,51,51,1) !important;
	}
		.bg-dark p, .bg-dark span, .bg-dark .btn {
			color: rgba(255,255,255,1);
		}

	/* ------ 6.1 BILDER ------ */

	/* ------ 6.2 ABSTÄNDE ------ */
	@media (max-width: 1089px) {
		.py-1,.pt-1 { padding-top: 0.38vw !important; } /* 0.25rem */
		.py-2,.pt-2 { padding-top: 0.8vw !important; } /* 0.5rem */
		.py-3,.pt-3 { padding-top: 1.5vw !important; } /* 1rem */
		.py-4,.pt-4 { padding-top: 2.25vw !important; } /* 1.5rem */
		.py-5,.pt-5 { padding-top: 4.5vw !important; } /* 3rem */

		.py-1,.pb-1 { padding-bottom: 0.38vw !important; }
		.py-2,.pb-2 { padding-bottom: 0.8vw !important; }
		.py-3,.pb-3 { padding-bottom: 1.5vw !important; }
		.py-4,.pb-4 { padding-bottom: 2.25vw !important; }
		.py-5,.pb-5 { padding-bottom: 4.5vw !important; }

		.my-1,.mt-1 { margin-top: 0.38vw !important; }
		.my-2,.mt-2 { margin-top: 0.8vw !important; }
		.my-3,.mt-3 { margin-top: 1.5vw !important; }
		.my-4,.mt-4 { margin-top: 2.25vw !important; }
		.my-5,.mt-5 { margin-top: 4.5vw !important; }

		.my-1,.mb-1 { margin-bottom: 0.38vw !important; }
		.my-2,.mb-2 { margin-bottom: 0.8vw !important; }
		.my-3,.mb-3 { margin-bottom: 1.5vw !important; }
		.my-4,.mb-4 { margin-bottom: 2.25vw !important; }
		.my-5,.mb-5 { margin-bottom: 4.5vw !important; }
	}
	@media (min-width: 1090px) {
		.py-1,.pt-1 { padding-top: 0.25rem !important; } /* 0.25rem */
		.py-2,.pt-2 { padding-top: 0.5rem !important; } /* 0.5rem */
		.py-3,.pt-3 { padding-top: 1rem !important; } /* 1rem */
		.py-4,.pt-4 { padding-top: 1.5rem !important; } /* 1.5rem */
		.py-5,.pt-5 { padding-top: 2.5rem !important; } /* 3rem */

		.py-1,.pb-1 { padding-bottom: 0.25rem !important; }
		.py-2,.pb-2 { padding-bottom: 0.5rem !important; }
		.py-3,.pb-3 { padding-bottom: 1.5vw !important; }
		.py-4,.pb-4 { padding-bottom: 1.5rem !important; }
		.py-5,.pb-5 { padding-bottom: 2.5rem !important; }

		.my-1,.mt-1 { margin-top: 0.25rem !important; }
		.my-2,.mt-2 { margin-top: 0.5rem !important; }
		.my-3,.mt-3 { margin-top: 1.5vw !important; }
		.my-4,.mt-4 { margin-top: 1.5rem !important; }
		.my-5,.mt-5 { margin-top: 2.5rem !important; }

		.my-1,.mb-1 { margin-bottom: 0.25rem !important; }
		.my-2,.mb-2 { margin-bottom: 0.5rem !important; }
		.my-3,.mb-3 { margin-bottom: 1.5vw !important; }
		.my-4,.mb-4 { margin-bottom: 1.5rem !important; }
		.my-5,.mb-5 { margin-bottom: 2.5rem !important; }
	}

	/* ------ 6.3 ROYALSLIDER ------ */
	.royalSlider {
		width: 100%;
	}

	@media (max-width: 575px) { /*XS*/
	}
	@media (min-width: 576px) and (max-width: 767px) { /*SM*/
	}
	@media (min-width: 768px) { /*MD*/
	}
		.royalSlider .frame-teaser {
			width: 100%;
			height: auto;
			margin: 0px;
		}

	/* ------ 6.4 MODAL & LIGHTBOX ------ */
	.modal-content {
		border-radius: 0px;
		border-width: 0px;
	}
		.modal-header {
			border-bottom-width: 0px;
		}
	.fancybox-lock .fancybox-overlay { overflow-x: hidden !important; }


	/* ------ 6.7 SCROLLBAR ------ */
	@media (max-width: 1089px) {
		main::-webkit-scrollbar { width: 3vw; }
	}
	@media (min-width: 1090px) {
		main::-webkit-scrollbar { width: 20px; }
	}
	main::-webkit-scrollbar-track {
		background: rgba(0,0,0,0.05);
	}
	main::-webkit-scrollbar-thumb {
		background: rgba(0,0,0,1);
	}
		main::-webkit-scrollbar-thumb:hover {
			background: rgba(0,0,0,0.8);
		}

		#devmsg { font-family: 'Consolas','Verdana',sans-serif; position: fixed; z-index: 9999; top: 0px; left: 0px; background-color: rgba(0,0,0,0.6); color: rgba(255,255,255,1); padding: 5px 10px; text-transform: uppercase; font-size: 11px; }

	/* ------ 6.6 PRINT ------ */
	.visible-print {
		display: none;
	}

	@media (max-width: 575px) { /*XS*/
	}
	@media (min-width: 576px) and (max-width: 767px) { /*SM*/
	}
	@media (min-width: 768px) { /*MD*/
	}

	/* ------ 6.7 Tiles Card ------ */
	/* Steinbock kachel ausblenden */
	#retail-25 {
		display: none;
	}