/* #################################################
# Projekt 	: CSS
# Stand     : 23.09.25
# Autor		: 300design.com
#################################################### */

:root {
	--bs-brand:#944d7e;
	--bs-brand-rgb:148,77,126;
	--bs-primary:#af6598;
	--bs-primary-rgb:175,101,152;
	--bs-primary-bg-subtle:#e5bbe1;
	--bs-primary-subtle:#e5bbe1;
	--bs-primary-subtle-rgb:229,187,225;
	--bs-primary-darkly:#834470;
	--bs-warning:#fceb30;
	--bs-warning-rgb:252,235,48;
	--bs-link-color:#af6598;
	--bs-link-color-rgb:175,101,152;
	--bs-link-hover-color:#944d7e;
	--bs-link-hover-color-rgb:148,77,126;
	
	--hdr-height:80px;
	--slope-vw:9vw;
}
@media (max-width:991.98px){
	:root {
		--hdr-height:45px;
	}
}

body.html {
	min-height:100vh;
}

body {
	/* overflow-y:scroll; */
	overflow-x:hidden;
	font-family:'Roboto', sans-serif;
	color:#1b1b1b;
	font-size:1.125rem;
	font-weight:400;
	line-height:1.8;
	background:#fff;
	background: radial-gradient(ellipse at center, #fff 0%, rgba(var(--bs-primary-rgb),.175) 100%) fixed;
}
body.no-scroll {
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
}

.sticky-top-hdr {
	top:var(--hdr-height);
	z-index:1019;
}

iframe {
	border:0
}
.ratio {
	padding-bottom:0 !important;
}
.ratio > img {
	object-fit:cover;
}
.ratio.pos-top > img { object-position:top; }
.ratio.pos-btm > img, .ratio.pos-bottom > img { object-position:bottom; }

.ratio-9x16 {--bs-aspect-ratio:177.777%;}
.ratio-2x3 {--bs-aspect-ratio:150%;}
.ratio-4x5 {--bs-aspect-ratio:125%;}
.ratio-1x1 {--bs-aspect-ratio:100%;}
.ratio-4x3 {--bs-aspect-ratio:75%;}
.ratio-3x2 {--bs-aspect-ratio:66.6666666667%;}
.ratio-16x9, .ratio:not([class*='ratio-']) {--bs-aspect-ratio:56.25%;}
.ratio-2x1 {--bs-aspect-ratio:50%;}
.ratio-21x9 {--bs-aspect-ratio:42.8571428571%;}
.ratio-3x1 {--bs-aspect-ratio:33.33%;}
.ratio-4x1 {--bs-aspect-ratio:25%;}

@media (max-width:767px){
	.ratio-m-9x16 {--bs-aspect-ratio:177.777%;}
	.ratio-m-2x3 {--bs-aspect-ratio:150%;}
	.ratio-m-4x5 {--bs-aspect-ratio:125%;}
	.ratio-m-1x1 {--bs-aspect-ratio:100%;}
	.ratio-m-4x3 {--bs-aspect-ratio:75%;}
	.ratio-m-3x2 {--bs-aspect-ratio:66.6666666667%;}
	.ratio-m-16x9 {--bs-aspect-ratio:56.25%;}
	.ratio-m-2x1 {--bs-aspect-ratio:50%;}
	.ratio-m-21x9 {--bs-aspect-ratio:42.8571428571%;}
	.ratio-m-3x1 {--bs-aspect-ratio:33.33%;}
}

/* sizing-repsonsive */
@media (min-width:576px){
	.w-sm-100{width:100%!important} .w-sm-75{width:75%!important} .w-sm-50{width:50%!important} .w-sm-25{width:25%!important}
	.h-sm-100{height:100%!important} .h-sm-75{height:75%!important} .h-sm-50{height:50%!important} .h-sm-25{height:25%!important}
}
@media (min-width:768px){
	.w-md-100{width:100%!important} .w-md-75{width:75%!important} .w-md-50{width:50%!important} .w-md-25{width:25%!important}
	.h-md-100{height:100%!important} .h-md-75{height:75%!important} .h-md-50{height:50%!important} .h-md-25{height:25%!important}
}
@media (min-width:992px){
	.w-lg-100{width:100%!important} .w-lg-75{width:75%!important} .w-lg-50{width:50%!important} .w-lg-25{width:25%!important}
	.h-lg-100{height:100%!important} .h-lg-75{height:75%!important} .h-lg-50{height:50%!important} .h-lg-25{height:25%!important}
}
@media (min-width:1200px){
	.w-xl-100{width:100%!important} .w-xl-75{width:75%!important} .w-xl-50{width:50%!important} .w-xl-25{width:25%!important}
	.h-xl-100{height:100%!important} .h-xl-75{height:75%!important} .h-xl-50{height:50%!important} .h-xl-25{height:25%!important}
}

/* hyphens */
.hyphens {hyphens:auto!important}
@media (min-width:576px){ .hyphens-sm {hyphens:auto!important} .hyphens-sm-0 {hyphens:none!important} }
@media (min-width:768px){ .hyphens-md {hyphens:auto!important} .hyphens-md-0 {hyphens:none!important} }
@media (min-width:992px){ .hyphens-lg {hyphens:auto!important} .hyphens-lg-0 {hyphens:none!important} }
@media (min-width:1200px){ .hyphens-xl {hyphens:auto!important} .hyphens-xl-0 {hyphens:none!important} }

/* extra-cols */
@media (min-width:1400px){
	.col-xl-1_5 {width:12.5%;flex:0 0 auto;}.col-xl-2_5 {width:20%;flex:0 0 auto;}.col-xl-2 {width:16.66666667%;flex:0 0 auto;}
}
@media (min-width:1600px){
	.col-xxl-1_5 {width:12.5%;flex:0 0 auto;}.col-xxl-2_5 {width:20%;flex:0 0 auto;}.col-xxl-2 {width:16.66666667%;flex:0 0 auto;}
}

.flow-text {
	font-size:18px;
	line-height:1.75;
}

.modal-content {
	border-radius:.325rem;
}

#content {
	/* background:#535353 url('../i/bg-cnt.jpg') 50% 0% no-repeat fixed;
    background-size:cover; */
}

.btn {
	--bs-btn-font-size: 1.05rem;
}
.head-font,
.btn {
	font-family:'Poppins', sans-serif;
}
.head-font .thin {
	font-weight:300;
	font-size:105%;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family:'Poppins', sans-serif;
	margin-top:0;
	color:#1b1b1b;
	font-weight:700;
	line-height:1.1;
	text-transform:none;
	text-align:center;
}
:is(h1,.h1,h2,.h2,h3,.h3) small,
:is(h1,.h1,h2,.h2,h3,.h3) .small {
	font-size:.65em;
	font-weight:normal;
}

h1, .h1 {
	margin-bottom:2rem;
    font-weight:700;
    text-transform:uppercase;
    color:var(--bs-primary);
}
h1 small, .h1 .small,
h1 .small, .h1 small {
	color:var(--bs-primary-bg-subtle);
}
h2, .h2 {
	margin-bottom:1.25rem;
}
h3, .h3 {
	margin-bottom:1.25rem;
}
.box-content :is(h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6),
.maintext :is(h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6){
	margin-bottom:0;
	text-align:left;
}

.title .bracket {
	font-size:85%;
}

.rotate-left {
	transform:rotate(-3deg);
}
.rotate-right {
	transform:rotate(3deg);
}

blockquote {
	position:relative;
	padding:20px 25px;
	border-left:4px solid var(--bs-primary);
	background:linear-gradient(90deg, rgba(var(--bs-primary-rgb),.1) 0%, rgba(var(--bs-primary-rgb),.0) 100%);
}
blockquote small {
	display:block;
	margin-top:10px;
	color:inherit;
	opacity:.55;
}
blockquote.text-right {
	border-right:4px solid var(--bs-primary);
	border-left:0;
	background:linear-gradient(-90deg, rgba(var(--bs-primary-rgb),.1) 0%, rgba(var(--bs-primary-rgb),.0) 100%);
}
blockquote.text-center {
	margin:auto;
	padding:30px 0;
	width:70%;
	min-width:290px;
	border:0;
	background:none;
	hyphens:none;
}
blockquote.text-center:before,
blockquote.text-center:after {
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	content:' ';
	display:block;
	width:20%;
	height:2.5px;
	background:var(--bs-primary);
}
blockquote.text-center:after {
	bottom:0;
	top:auto;
}
blockquote.text-center + blockquote.text-center:before {
	display:none;
}

hr {
	margin:1rem auto;
	border-style:dashed;
}

.XXXbox-intro.framed,
body.XXXsec-home .box-intro {
	padding: 1rem 2rem;
	background: linear-gradient(to right, #000 1.5px, #0000 1.5px) 0 0, linear-gradient(to left, #000 1.5px, #0000 1.5px) 100% 100%, linear-gradient(to bottom, #000 1.5px, #0000 1.5px) 0 0, linear-gradient(to top, #000 1.5px, #0000 1.5px) 100% 100%;
	background-repeat: no-repeat;
	background-size: 1rem 1rem;
	margin-bottom:50px;
}
.XXXbox-intro.framed .lead,
body.XXXsec-home .box-intro .lead {
	margin-bottom:0;
}

.XXXparagraph:first-letter {
	font-size:310%;
	font-weight:300;
	float:left;
	padding:8px 5px 0 0;
	line-height:.7;
	color:#000;
}

.no-topmargin {
	margin-top:0 !important;
}

a:active, a:focus {
	outline:0px !important;
	text-decoration:none;
	-webkit-appearance:none;
}
.text-link {
	color:var(--bs-link-color);
}
body:not(.touch) .text-link:hover {
	color:var(--bs-link-color-hover);
}
a, .text-link {
	text-decoration:none;
}
body:not(.touch) a:not(.btn):hover, a:focus, 
body:not(.touch) .text-link:hover {
    text-decoration:none;
}
a:not([href]) {
	font-size:0;
	line-height:0;
}

.text-nonecase {text-transform:none;}

.text-link,
.lead a:not(.btn),
.box-content a:not(.btn):not(.lbx) {
	border-bottom:1.5px solid rgba(var(--bs-brand-rgb),.15);
}
body:not(.touch) .text-link:hover,
body:not(.touch) .lead a:not(.btn):hover,
body:not(.touch) .box-content a:not(.btn):hover,
body:not(.touch) .box-content .toggler:hover {
	background:rgba(var(--bs-brand-rgb),.03);
}

.title a, a.title {
}
body:not(.touch) .title a:hover, .title a:focus,
body:not(.touch) a.title:hover, a.title:focus {
    text-decoration:none;
}

#XXXcontent a:not(.btn) {
	font-weight:normal;
}

b {
	font-weight:600;
}

.has-collapse-ico[aria-expanded='true'] .ico {
	transform:rotate(90deg);
}
.pop-privy-options .has-collapse-ico .ico {
	margin:-.55rem 0 0 -2rem;
	padding:.75rem;
	transition:all 0.18s ease-out;
}
.pop-privy-options .form-check-input:checked {
	background-color:var(--bs-gray-dark);
	border-color:var(--bs-gray-dark);
}

.bg-brand {
  --bs-bg-opacity: 1;
  background-color:rgba(var(--bs-brand-rgb),var(--bs-bg-opacity)) !important;
}

.text-brand {
    color:var(--bs-brand) !important;
}
.text-muted {
    color:#888;
}
.text-normal {
	color:#1b1b1b;
}
.lh-normal {
	line-height:normal;
}
.text-warning {
    color:#e50;
}
body:not(.touch) a.text-warning:hover {
    color:#006d8a;
}
.text-danger {
    color:#e10019;
}
body:not(.touch) .text-danger:hover {
    color:#111;
}

.text-bg-warning {
	color:#fff !important;
	background-color: RGBA(255,163,7,var(--bs-bg-opacity,1)) !important;
}
.text-bg-info {
	color:#fff !important;
	background-color: RGBA(18,202,230,var(--bs-bg-opacity,1)) !important;
}

.text-ellipsis {
	display:block;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.text-justify {
	text-align:justify;
}
.text-hyph,
.maintext {
	word-wrap:break-word;
	overflow-wrap:break-word;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;
}

.tel {
	display:inline-block;
	white-space:nowrap;
}
.tel .ico {
	font-size:90%;
}

.lead {
	margin:auto;
	margin-bottom:30px;
	max-width:850px;
	font-size:1.5rem;
	line-height:1.4;
	color:#1b1b1b;
}
.lead.small {
	margin-bottom:30px;
	font-size:initial;
	font-weight:400;
	color:#eee;
}
.lead b {
	font-weight:400;
}

.transition, a:not(.no-transition), .btn {
	transition:all 0.18s ease-out;
}
.transition-slow {
	transition:all 0.35s ease-out;
}

.flip-x {
	transform:scaleX(-1);
}
.flip-y {
	transform:scaleY(-1);
}

.hidn {display:none}

.checker, .outrange,
.form-checker #f_email + input,
.form-checker #f_email + .input-group input:first-child,
.form-checker #f_email + .input-group > .input-group-addon + input {
	position:absolute;left:-3000px;width:1px;height:1px;overflow:hidden;
}

.form-control.is-invalid,
.form-select.is-invalid {
	background-color:#fff5f5;
	box-shadow:0 0 6px #f00;
}

.alert {
	--bs-alert-border-radius:.175rem;
	border:0;
}

textarea {
	min-width:100%;
	max-width:100%;
	min-height:30px;
}

mark, .mark {
	padding:.1em .2em;
	background-color:rgba(var(--bs-warning-rgb),.09);
	border-radius:2px;
	text-shadow:none;
}
mark.dark,
.mark.dark {
	color: #fff;
	background: #000;
}
mark.light,
.mark.light {
	color: #000;
	background:#40eea5;
}
mark.danger,
.mark.danger {
	color: #fff;
	background:#e10019;
}

.form-label,
#item-cart .th {
	font-weight:500;
}

form .form-control {
	border:0;
}
.form-control, .form-select, .btn, .dropdown-menu, .input-group-text, 
.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text,
.input-group-addon {
	font-size: 1.125rem;
	border-radius:.175rem;
}
.ico + .text {
	margin-left:5px;
}
.dropdown:not(.bootstrap-select) .ico + .text {
	margin-left:8px;
}

.dropdown-menu.max-height {
	max-height:calc(100vh - 15rem);
	max-width:calc(100vw - 1rem);
	overflow-y:auto;
}

.box-filter .dropdown-menu {
	min-width:300px !important;
}
@media (max-width:575.98px){
	.box-filter .dropdown-menu {
		min-width:calc(100vw - 2rem) !important;
	}
}

body.safari:not(.ios) .box-form .form-control[type^='date'], body.safari:not(.ios) .box-form .form-control[type^='time'] {
    line-height: normal;
    /*safari hack*/
}

.box-form-big .status .alert {
	margin:0;
}
.box-form-big .control-label {
	font-size:75%;
}
.box-form-big .control-label small {
	font-weight:normal;
	color:#888;
}
.box-form-big .title {
	margin:20px 0 10px;
	text-align:left;
}

.btn {
	text-transform:uppercase;
}
.box-content .btn {
	white-space:unset;
}

.btn-xs {
	font-size:13px;
}
.btn-sm {
	padding:4px 10px;
	font-size:14px;
}
.btn-lg,
.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
	font-size:1.075rem;
}

.btn.plus {
	border-radius:50%;
	padding:0;
}
.btn.plus:before {
	display:block;
    content:"\2b";
    font-family:'Font Awesome 5 Pro';
    font-weight:400;
    font-size:1.25rem;
    width:2.5rem;
    height:2.5rem;
    line-height:2.5rem;
    text-align:center;
}

.btn:not([class*='btn-outline']) {
    border-color:transparent;
}

.btn-primary {
    background-color:var(--bs-primary);
}
body:not(.touch) .btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	color:#000;
    background-color:var(--bs-primary-bg-subtle) !important;
}

.btn-warning {
    background-color:var(--bs-warning);
}
body:not(.touch) .btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
	color:var(--bs-warning);
    background-color:#000 !important;
}

.block-filter {
	margin:10px 0 30px;
}
.block-filter .btn {
	margin:0 5px 5px;
}
.block-filterXXX .btn-default {
	color:rgb(255,255,255);
    background-color:transparent;
    border:1px solid rgb(255,255,255);
}
.block-filterXXX .btn-primary {
	color:#000;
    background-color:rgb(255,255,255);
}

.flt-show {
	transition-property:transform, opacity;
	transition-duration:0.2s;
	opacity:1;
	transform:translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
	visibility:visible !important;
}
.flt-hide {
	position:absolute;
	opacity:0;
	transform:translate3d(0px, 0px, 0px) scale3d(0.001, 0.001, 1);
}

.modal-backdrop.in {
	opacity: 0;
}

#popup .modal-content,
#popup iframe {
	border-radius:.325rem;
}
#popup .modal-content {
	height:calc(100vh - 20px);
	box-shadow: 0 5px 15px rgba(0,0,0,.2);
}
@media (min-width: 768px){
	#popup .modal-content {
		height:calc(100vh - 60px);
	}
}
#popup .modal-body,
#popup .iframe-wrapper,
#popup iframe {
	height:100%;
	padding:0;
}
#popup .close {
	position:absolute;
	z-index: 1;
	right:-10px;
	top:-10px;
	opacity:1;
	border:0;
	background:none;
}
#popup .close .ico {
	width:30px;
	height:30px;
	line-height:30px;
	font-size:20px;
	text-align:center;
	color:#000;
	background:#fff;
	border-radius:50%;
	box-shadow: 1px 0px 0 #ccc, 0px -1px 0 #ccc, 0px 0px 10px #0001;
}
#popup[data-url*='/classes/'] .modal-body {
	padding:15px;
}
@media (max-width: 400px){
	#popup[data-url*='/classes/'] .modal-body {
		padding:15px 0;
	}
}

#gotop {
	position:fixed;
	z-index:9;
	bottom:12px;
	right:10px;
	padding:0;
	border:0;
    border-radius:50% !important;
    width:32px;
    height:32px;
    line-height:32px;
    font-size:20px;
    color:#fff;
	background:rgba(var(--bs-brand-rgb),.4);
	transform:scale(0);
}
#gotop:hover {
	color:#fff;
	background:var(--bs-brand);
}
#gotop.is-visible {
	transform:scale(1);
}

.alert-box {
	background-color:#f7f7f7;
}

.box-header .dropdown.share {
	float:none !important;
	margin-left:10px;
}
.dropdown.shareX .dropdown-toggle .ico {
	font-size:1.33333em;
    line-height:0.75em;
    vertical-align:-15%;
}
.dropdown.share .dropdown-toggle .text {
    display:none;
}
.dropdown.share .dropdown-menu {
    margin-top:10px;
}
.dropdown.share .dropdown-menu a {
    padding:8px 20px;
}
.dropdown.share .dropdown-menu .ico {
    font-size:14px;
    width:19px;
}

.share-page.scrollto:not(.btn) {
	font-size:25px;
}

.box-sharing.solo {
	background:rgba(var(--bs-secondary-rgb),.1);
	background:linear-gradient(-45deg, #111 0%, #333 100%);
}
.XXXbox-sharing.solo .title {
	color:#fff;
}

.logo-claim {
	margin-bottom: 30px;
	max-width: 90%;
	width: 440px;
}

.box-sharing {
	text-align:center;
	padding:30px 0;
}
.box-sharing  .list-socials {
	margin:-8px;
}
.box-sharing  .list-socials li {
	padding:8px;
}
.list-socials a {
	display:inline-block;
}
body:not(.touch) .list-socials a:hover {
	transform:scale(1.3);
}
.box-sharing  .list-socials .text {
	display:none;
}
.list-socials .ico {
	color:#fff !important;
	width:44px;
	height:44px;
	line-height:44px;
	font-size:24px;
	text-align:center;
	border-radius:50%;
}
.list-socials .ico {
	background:#666;
}
.list-socials .facebook .ico {
	background:#3b5998;
}
.list-socials .twitter .ico {
	background:#55acee;
}
.list-socials .instagram .ico {
	background:#e4405f;
}
.list-socials .youtube .ico {
	background:#cd201f;
}
.list-socials .vimeo .ico {
	background:#1ab7ea;
}
.list-socials .soundcloud .ico {
	background:#ff3300;
}
.list-socials .spotify .ico {
	background:#1DB954;
}
.list-socials .amazon .ico {
	background:#f90;
}
.list-socials .bandcamp .ico {
	background:#619aa9;
}
.list-socials .beatport .ico {
	background:#00e786;
	color:#000 !important;
}
.list-socials .snapchat .ico {
	background:#FFFC00;
}
.list-socials .pinterest .ico {
	background:#cb2027;
}
.list-socials .whatsapp .ico {
	background:#4dc247;
}
.list-socials .fbmessenger .ico {
	background:#0084ff;
}
.list-socials .email .ico {
	font-size:19px;
}
.list-socials .clipboard.active .ico {
	transform:rotateY(-180deg);
}

.list-links {
	margin:0 auto 2rem;
	display:flex;
	gap:.75rem;
	justify-content:center;
	flex-wrap:wrap;
	text-align:center;
}
.list-links .list-inline-item {
	margin:0;
}
.list-links .btn {
	border-radius:10px;
}

.list-btns {
	margin:0 0 20px;
}
.list-btns li {
	display:inline-block;
	margin:0 5px 10px;
}

.list-icon {
	margin:0;
}
.list-icon .list-item {
	padding:0;
}
.list-icon .list-item a {
	position:relative;
	display:inline-block;
	padding-left:36px;
	line-height:normal;
}
.list-icon .list-item a:before {
	position:absolute;
	left:0;
	display:inline-block;
	margin-right:10px;
    font-family:'Font Awesome 6 Pro';
    content:"\f00c";
    font-size:15px;
    font-weight:600;
    color:#fff;
    background:#fd6239;
    border-radius:50%;
	width:26px;
	height:26px;
	line-height:26px;
	text-align:center;
	transition:all 0.18s ease-out;
}

.list-contact li {
	padding-left:22px;
	line-height:1.8;
}
.list-contact li .ico {
	position:absolute;
	margin-left:-22px;
	line-height:1.8;
	color:rgba(0,0,0,.5);
}

.list-serialnumber {
	display:flex;
	gap:2rem;
	justify-content:center;
	margin:0;
	padding:0;
	list-style:none;
}
.list-serialnumber li {
	margin:0;
	padding:.15em .25em;
	font-family:courier new;
	font-size:26px;
	font-weight:bold;
	line-height:1;
	color:#fff;
	background:#000;
	border-radius:2px;
}

/* -------------------- */

#cookie-info {
	display:none;
	position:fixed;
	z-index:99999;
	bottom:60px;
	left:0; right:0;
	margin:auto;
	padding:0 10px;
	width:280px;
}
#cookie-info .inner {
	margin:0 auto;
	padding:15px;
	width:100%;
	background:#fff;
	border:1px solid #ccc;
	border-radius:4px;
	box-shadow:3px 3px 10px rgba(0,0,0,.2);
}
#cookie-info .text {
	margin:0;
	color:#999;
	line-height:18px;
}
#cookie-info .text,
#cookie-info a {
	font-family:arial;
	font-size:13px;
	font-weight:500;
}
#XXXcookie-info .text a {
	color:#31a8f0;
}
#cookie-info .btn {
    display:inline-block;
    margin:10px 0 0;
    font-size:14px;
    width:100%; /* calc(50% - 5px)*/
}
#cookie-info .btn + .btn {
	margin-left:10px;
}

/* -------------------- */

img.lzy,
.slick-slider img.img-lzy {
	background:rgba(230,230,230, 0.5) url('../i/lzyload.png') 50% 50% no-repeat;
}
.img-responsive {
    max-width:100%;
    min-width:102%;
}
img.lbx {
	cursor:pointer;
}

.vcenter {
	position:relative;
	display:block;
	overflow:hidden;
	padding-bottom:56%;
}
.vcenter img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:10px;
	line-height:normal;
	text-align:center;
	color:#777;
}

.XXXpic-bar {
	position:relative;
	margin-bottom:10px;
}
.XXXpic-bar:after {
	position:absolute;
	content:' ';
	z-index:1;
	bottom:1px;
	left:0;
	width:70%;
	height:4px;
	background:#10b8db;
	transform:rotate(-3.6deg);
}
.XXXbox-team .pic-bar:after {
	transform:rotate(-4.3deg);
}
.XXXpic-bar .pic-wrapper {
	overflow:hidden;
	border-radius:0px;
	border-bottom-left-radius:0;
	box-shadow:none; /*2px 2px 8px rgba(0,0,0,.08);*/
}

.pic-wrapperX.sloped {
	clip-path:none;
	/* polygon(0 0, 100% calc(0% + 2vw), 100% 100%, 0 calc(100% - 2vw)) */
}

.box-head {
	position:relative;
	clip-path:none;
	/* polygon(0 0, 100% calc(0% + 4vw), 100% 100%, 0 calc(100% - 4vw)); */
}
.no-box-head {
	padding-top:90px;
}
.box-head .mov-wrapper {
	padding:20px 0 4vw;
	background:#000;
}
.box-head .mov {
	padding-bottom:calc(44% - 4vw);
}

.headpic {
	padding-bottom:calc(600px + var(--slope-vw));
}
@media (min-width:768px) and (orientation:portrait){
	.headpic {
		padding-bottom:calc(45vh + var(--slope-vw));
	}
}
.headpic:before {
	display:none;
	position:absolute;
    z-index:1;
    content:'';
    width:100%;
    height:100%;
    background:rgba(0,34,68,.5);
}
.headpic .wrapper {
    position:absolute;
    width:100%;
    height:100%;
	transform:scale(1);
	transition:all 6s ease-out;
}
.headpic img {
	/* min-width:103%; */
	width:100%;
	height:100%;
	top:50%;
	transform:translate(-50%,-50%);
	min-height:100%;
	object-fit:cover;
}

.headpic.blur-bg .pic {
	position:absolute;
	display:block;
    z-index:1;
    width:100%;
    height:100%;
}
.headpic.blur-bg .pic img {
	min-width:0;
	min-height:101%;
	max-height:100%;
	object-fit: contain;
}
.headpic.blur-bg .bg {
	filter:blur(15px);
}

.headpic .logo {
	z-index:1;
	object-fit:contain;
	width:60%;
	min-width:0;
	max-width:500px;
	max-height:65%;
	height:auto;
	filter:brightness(0) invert(1);
}

.XXXbox-splash,
body:not(.sec-home) .headpic:not(.no-btm-slope) {
	clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--slope-vw)), 0 100%);
}

.bg-image {
	position:absolute;
	z-index:-1;
	top:0;
	width:100%;
	height:100%;
}
.bg-image .inner {
	width:100%;
	height:100%;
	background:url('') 50% 50% no-repeat;
    background-size:cover;
}

.box-image {
	position:relative;
	padding-bottom:calc(55% + var(--slope-vw));
}
.box-image .inner {
	position:absolute;
	height:100%;
	width:100%;
	background:rgba(var(--bs-brand-rgb),1.0) url('') 50% 50% fixed no-repeat;
	background-color:rgba(0,0,0,.45);
    background-size:cover;
    /* box-shadow:0 15px 15px -15px rgba(0,0,0,.2) inset, 0 -15px 15px -15px rgba(0,0,0,.2) inset; */
    background-blend-mode:overlay;
}
.box-image .inner,
.slope {
	clip-path: polygon(0 calc(0% + var(--slope-vw)), 100% 0, 100% calc(100% - var(--slope-vw)), 0 100%);
}
.box-image.no-btm-slope .inner,
.top-slope:not(.box-special.top-slope),
.box-special.top-slope .inner {
	clip-path: polygon(0 calc(0% + var(--slope-vw)), 100% 0, 100% 100%, 0 100%);
}
.box-image.no-top-slope .inner,
.btm-slope:not(.box-special.btm-slope),
.box-special.btm-slope .inner {
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--slope-vw)), 0 100%);
}
.box-image.pic-pos-1 .inner {
	background-position:50% 0;
}
.box-image.pic-pos-2 .inner {
	background-position:50% 100%;
}
.box-image .lzy-bg {
	position:absolute;
	width:100%;
	height:100%;
}
.box-image .lzy-bg.lazyloaded {
	opacity:0;
}
.ios .box-image .inner {
	background-attachment:scroll;
}
.box-image .citate {
	position:absolute;
    margin:auto;
	left:0;
	right:0;
	max-width:1000px;
	width:90%;
    top:50%;
	transform:translateY(-50%);
    color:#fff;
    text-align:center;
    line-height: 1.2;
	font-size:2.5rem;
	font-weight:300;
	text-transform:none;
	text-shadow:0 0 15px rgba(0,0,0,1.6);
}
.box-image .citate small {
	color:#fff;
	font-size:50%;
	font-style:italic;
}
.box-image .citate a:not(.btn) {
	color:inherit;
	text-decoration:underline;
}
.box-image .citate a:hover {
	text-decoration:none;
}
.XXXbox-image .citate:before {
	display:block;
	content: '\201C';
	font-size: 150px;
	line-height: 0;
	font-weight: 300;
	margin-top: 50px;
}

.box-image.last {
	--bg-col-top:rgba(var(--bs-primary-rgb),.15);
	background:linear-gradient(180deg, var(--bg-col-top) 50%, var(--bs-brand) 50%);
}
XXXbody.sec-home .box-image.last {
	--bg-col-top:#fff;
}
.box-image.pre-last {
	background:linear-gradient(180deg, #fff0 50%, rgba(var(--bs-primary-rgb),.15) 50%);
}

.disable-select {
	user-select:none;
}
.disable-pointer {
	pointer-events:none;
}

.fx-zoom-pic .pic-wrapper {
	position:relative;
	overflow:hidden;
	border-radius:0;
}
.fx-zoom-pic .ico-fx {
	position:absolute;
	z-index:1;
    top:0; bottom:0; left:0; right:0;
    margin:auto;
    line-height:50px;
    height:50px;
    width:50px;
    font-size:20px;
    border-radius:50%;
    background:#fff;
    color:#000;
    border:0;
    text-align:center;
    opacity:0;
	transform:scale(2.5);
}
.fx-zoom-pic .pic,
.fx-zoom-pic .ico-fx,
.fx-zoom-pic img {
	transition:all 0.75s ease-out;
}
body:not(.touch) .fx-zoom-pic:hover .ico-fx {
	opacity:1;
	transform:scale(1);
}
body:not(.touch) .fx-zoom-pic:hover .pic {
	transform:scale(1.25);
}

.box-pics .fx-zoom-pic img,
.vcenter.fit img {
	height:100%;
	object-fit:cover;
}

/* -------------------- */

@media (min-width: 992px){
	.container-max {
		margin-left:auto;
		margin-right:auto;
		max-width:960px;
	}
}
.container-text {
	margin-left:auto;
	margin-right:auto;
	max-width:860px;
}

@media (min-width:1680px){
	.full-widthXXX {
		background:#fff8e5 url('../i/bg.jpg') 50% 0% no-repeat fixed;
		background-size:cover;
	}
}
.full-width-inner {
	display:block;
	margin:0 auto;
	max-width:none; /*1680px*/
}

.row.inline > .col {
	display:inline-block;
    float:none;
    vertical-align:top;
}

.img-grid {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.img-grid > .elm-grid {
	width:25%;
}
.img-grid > .elm-grid:nth-child(n+9){
	display:none;
}
@media (min-width:600px) and (max-width:767px){
	.img-grid > .elm-grid { width:20%; }
	.img-grid > .elm-grid:nth-child(n+11){ display:none; }
}
@media (min-width:768px) and (max-width:991px){
	.img-grid > .elm-grid { width:16.66667%; }
	.img-grid > .elm-grid:nth-child(n+7){ display:none; }
}
@media (min-width:992px) and (max-width:1199px){
	.img-grid > .elm-grid { width:14.28571%; }
	.img-grid > .elm-grid:nth-child(n+8){ display:none; }
}
@media (min-width:1200px) and (max-width:1599px){
	.img-grid > .elm-grid { width:12.5%; }
	.img-grid > .elm-grid:nth-child(n+9){ display:none; }
}
@media (min-width:1600px){
	.img-grid > .elm-grid { width:11.11111%; }
	.img-grid > .elm-grid:nth-child(n+10){ display:none; }
}

blocks {
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	justify-content:center;
	text-align:center;
}
blocks.justify-content-start {
	justify-content:start;
}
blocks.gap0 {
	gap:0;
}
blocks.gap1 {
	gap:15px;
}

blocks.col1 > div {
	width:100%;
}

blocks.col2.gap0 > div,
blocks:not(.col1).gap0 > div {
	width:50%;
}
blocks.col2.gap1 > div,
blocks:not(.col1).gap1 > div {
	width:calc(50% - 7.5px);
}
blocks.col2 > div,
blocks:not(.col1) > div {
	width:calc(50% - 15px);
}
@media (min-width:768px){
	blocks.col3.gap0 > div { width:33.3333%; }
	blocks.col3.gap1 > div { width:calc(33.3333% - 10px); }
	blocks.col3 > div { width:calc(33.3333% - 20px); }
	blocks.col4.gap0 > div { width:25%; }
	blocks.col4.gap1 > div { width:calc(25% - 11.3px); }
	blocks.col4 > div { width:calc(25% - 22.5px); }
	blocks.col5.gap0 > div { width:20%; }
	blocks.col5.gap1 > div { width:calc(20% - 12.0px); }
	blocks.col5 > div { width:calc(20% - 24.0px); }
	blocks.col6.gap0 > div { width:16.6667%; }
	blocks.col6.gap1 > div { width:calc(16.6667% - 12.5px); }
	blocks.col6 > div { width:calc(16.6667% - 25.0px); }
}
blocks .btn {
	position:relative;
	z-index: 1;
	margin:10px 5px 0;
}
blocks .cover,
blocks.cover > div > a:first-child {
	display: block;
	position: relative;
	overflow:hidden;
	padding-bottom:170%;
	border:0;
}
body:not(.touch) blocks .cover:hover,
body:not(.touch) blocks.cover > div > a:first-child:hover {
	transform:scale(1.1);
}
blocks .cover img,
blocks.cover > div > a:first-child img {
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	object-fit:cover;
	transform:scale(1.1);
}

.box-standard {
    padding:80px 0;
    position:relative;
}
.box-standard.box-sub {
	padding:40px 0;
}
.box-standard.small-margin {
	padding:40px 0;
}

.box-standard.dark {
	color:#ddd;
	background-color:#999;
}
.box-standard.dark .title,
.box-standard.dark .title a {
	color:#fff;
}
.box-standard.dark .lead {
	color:#ddd;
}

.box-intro.sub .text:not(.lead) {
	margin-bottom:30px;
}

.box-header.sub {
	text-align:left;
}

.box-content ul.special {
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	margin:0;
    padding:0 30px;
    list-style:none;
    text-align:left;
    hyphens: none;
    --i:"\f00c";
}
.box-content ul.special li {
	position:relative;
	display:inline-block;
	width:calc(50% - 30px);
	margin:0 !important;
	padding-left:34px;
	vertical-align:top;
}
.box-content ul.special li:before {
	position:absolute;
	display:block;
    top:4px;
    left:0;
    font-family:'Font Awesome 6 Pro';
    content:var(--i);
    font-size:13px;
    font-weight:600;
    color:#444;
    background:transparent;
    border:1.5px solid #40eea5;
    border-radius:50%;
	width:24px;
	height:24px;
	line-height:23px;
	text-align:center;
	transition:all 0.18s ease-out;
}
body:not(.touch) .box-content ul.special li:hover:before {
	transform:scale(1.4);
}
.box-content ul.special[style*='--i'] li:before,
.box-content ul.special li[style*='--i']:before,
.box-content ul.special li[data-ico]:not([data-ico='']):before {
	font-size:22px;
	font-weight:300;
	text-shadow:1px 1px 0 #40eea5;
	border:0;
	text-align:right;
}
.box-content ul.special li[data-ico]:not([data-ico='']):before {
	content:attr(data-ico); /*eg: &#xf4b0; */
}

/* -------------------- */

.table-special {
	margin:0;
	border-radius:0px;
	border:0 solid #10b8db;
	border-width:0;
}
.table-special .table {
	margin:0;
	border-radius:2px;
}
.table-special td,
.table-special th {
	position:relative;
	padding:10px 15px !important;
	transition:all 0.18s ease-out;
	border-color:#eee !important;
	word-wrap:break-word;
	overflow-wrap:break-word;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;
}
.table-special thead th {
	font-weight:700;
	border:0 !important;
}
.table-special tbody td {
	vertical-align:middle;
}
.table-special tbody tr > td:nth-child(1) {
	font-weight:600;
}
.table-special tbody > tr:nth-of-type(2n+1) td {
    background-color:#f9f9f9;
}

.table-special tbody tr:hover td,
.table-special tbody td.hovered {
	background-color:rgba(0,0,0,.075) !important;
	transition:all 0.18s ease-out;
}
.table-special tbody td.hovered:hover {
	color:#fff;
	background:rgba(0,0,0,1.65) !important;
}

/* -------------------- */

#header {
	margin:auto;
	padding:0;
    width:100%;
    height:auto;
    background:var(--bs-brand);
    background:linear-gradient(-40deg, var(--bs-primary-darkly) 0%, var(--bs-brand) 100%);
}
#header.is-sticky {
	box-shadow:0 0 10px rgba(0,0,0,.15);
}
body.sec-home:not(.mobile-menu) #header:not(.is-sticky) {
	background:transparent;
}

#header .inner {
	display:flex;
	justify-content:end;
	align-items:center;
}

#header .logo {
	position:relative;
	display:block;
	top:0;
}
#header .logo .transition {
	transition:all .22s ease-out;
}
#header .logo .img {
	display:block;
	margin:auto;
	height:70px;
	padding:0;
	transform-origin:center;
	overflow:visible;
	fill:#fff;
	/*filter:drop-shadow(-4px 2px 0 #0004);*/
}
body.sec-home:not(.mobile-menu) #header:not(.is-sticky) .logo .img {
	fill:var(--bs-primary-subtle);
	filter:drop-shadow(0 0 1rem #0009);
}
@media (min-width:992px){
	body.sec-home #header:not(.is-sticky) .logo {
		top:15px;
	}
	body.sec-home #header:not(.is-sticky) .logo .img {
		height:90px;
	}
}
#header .logo .img * {
	transform-origin: center;
	transform-box: fill-box;
}
body:not(.touch) #header .logo:hover .img {
	transform:scale(1.1);
}


#header .header-contact {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-left:auto;
}
#header .header-contact .elm {
	position:relative;
	padding:0 35px;
	font-size:70%;
	font-weight:400;
	line-height:1.3;
	text-transform:uppercase;
}
#header .header-contact .elm.phone {
	border:0;
	padding-right:0;
	margin-right:0;
	text-align:right;
}
#header .header-contact .elm:before {
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	display:inline-block;
	font-family:'Font Awesome 6 Pro';
	content:"\f3c5";
	font-size:24px;
	font-weight:300;
	color:#fff;
}
#header .header-contact .elm.claim:before {
	content:"\f553";
}
#header .header-contact .elm.phone:before {
	content:"\f879";
}
#header .header-contact .elm a {
	color:#fff;
}
#header .header-contact .elm a:hover {
	color:#ddd;
}

#header .header-socials a {
	display:inline-block;
}
#header .header-socials a + a {
	margin-left:10px;
}
#header .header-socials .ico {
	width:30px;
	height:30px;
	line-height:28px;
	font-size:14px;
	color:#006d8a;
	text-align:center;
	border:1px solid rgba(0,0,0,.2);
	border-radius:50%;
}
#header .header-socials a:hover .ico {
	color:#fff;
	background:#000;
	border-color:transparent;
}


#header .box-flex {
	height:var(--hdr-height);
}

#header .nav {
	position:relative;
	margin:0;
	padding:0;
	float:none;
	line-height:0;
	background:none;
	text-align:right;
}
#header .nav > li {
	display:inline-block;
	float:none;
	margin:0;
	padding:0;
}
#header .nav > li > a {
	position:relative;
	display: block;
	z-index:1;
	margin:0;
	padding:0;
    color:var(--bs-primary-bg-subtle);
    font-size:1.125rem;
    line-height:25px;
    font-weight:700;
    text-transform:uppercase;
    background:transparent;
    border:0;
    border-radius:0;
    text-align:center;
}
body.sec-home:not(.mobile-menu) #header:not(.is-sticky) .nav > li > a,
body.sec-home:not(.mobile-menu) #header:not(.is-sticky) .menu-xtra a {
	color:#fff;
	text-shadow:0 0 1rem #0009;
}
#header .nav > li > a:hover,
#header .nav > li.open > a,
#header .nav > li.active > a {
	color:#fff;
}
#header .nav > li > a:hover,
#header .menu-xtra a:hover {
    transform:scale(1.125);
}

#XXXheader .nav > li > a:hover:after,
#XXXheader .nav > li.open > a:after,
#XXXheader .nav > li.active > a:after {
	position:absolute;
	content:'';
	left:-7px;
	bottom:12px;
	width:calc(100% + 14px);
	height:1.5px;
	background:#000;
}

#header .nav > li.request {
	float:right;
	margin:0;
	border:0;
}
#header .nav > li.request > a {
	position:relative;
	z-index:0;
	padding:0 20px;
	line-height:42px;
	font-size:85%;
	font-weight:normal;
	color:#1d1d1d;
}
#header .nav > li.request > a:hover {
	color:#fff;
}
#header .nav > li.request > a:before {
	position:absolute;
	z-index:-1;
	content:'';
	right:0;
	width:100%;
	height:100%;
	background:#f2c32d;
	transition:all 0.3s ease-in;
}
#header .nav > li.request > a:hover:before {
	width:0;
}

#header nav .dropdown-toggle::after {
	border-top: .275em solid;
	border-left: .225em solid transparent;
	border-right: .225em solid transparent;
}

#XXXheader nav .dropdown.open .dropdown-toggle::after {
	border-color:transparent;
    border-style:solid;
    content:" ";
    height:0;
    left:50%;
    line-height:0;
    margin-left:-8px;
    position:absolute;
    width:0;
    border-width:0 8px 8px;
    bottom:-22px;
    border-bottom-color:#10b8db;
}

#header .dropdown.open > a {
	z-index:1001;
}
#header .dropdown:not(.mega) .dropdown-menu {
	--bs-dropdown-spacer:28px;
    padding:0;
    box-shadow:none;
    background:none;
    border:0;
    border-radius:0;
    border-top:0;
}
body.sec-home #header:not(.is-sticky) .dropdown:not(.mega) .dropdown-menu,
#header.is-sticky .dropdown:not(.mega) .dropdown-menu {
	--bs-dropdown-spacer:13px;
}
#header .dropdown-menu > li {
	display:block;
	margin:2px 0 0;
}
#header .dropdown-menu > li > a {
	display:block;
	position:relative;
	margin:0;
	padding:0 1rem;
	line-height:2.5rem;
    font-size:95%;
    font-weight:700;
    text-transform:uppercase;
	color:var(--bs-primary);
	background:var(--bs-primary-bg-subtle);
}
#header .dropdown-menu > li.active > a {
	color:var(--bs-brand);
	background:var(--bs-primary-bg-subtle);
}
#header .dropdown-menu > li > a:hover {
	color:var(--bs-primary-bg-subtle) !important;
	background:var(--bs-brand);
}

#header .dropdown-menu.wide {
	width:520px;
	margin-left:-3px;
}
#header .dropdown-menu.wide > li {
	float:left;
	margin:0;
	width:260px;
}
#header .dropdown-menu.wide > li > a {
	margin-left:3px;
	padding:0 15px;
 	overflow:hidden;
    text-overflow:ellipsis;
    border-right:0px solid #ebe7e4;
}

#headerXXX .dropdown-menu:not(.wide) > li:first-child > a {
	border:0;
}
#header .dropdown-menu.wide > li:nth-of-type(2n) > a {
	border-right:0;
}
#headerXXX .dropdown-menu > li:last-child > a {
	border-bottom:0;
}

#header .dropdown.mega {
	position:static;
}
#header .dropdown.mega .dropdown-menu {
	left:0; right:0;
	margin:2px 0 0;
	padding:0;
	float:none;
	border:0;
	background:none;
	box-shadow:none;
}
#header .dropdown.mega .dropdown-menu .inner {
	padding:7.5px 15px;
	background:#000;
	border-radius:0px;
}
#header .dropdown.mega .row {
	margin:0 -7.5px;
}
#header .dropdown.mega .row >.col {
	margin:0;
	padding:0 7.5px;
}
@media (min-width:992px){
	#headerXXX .dropdown.mega .row >.col {
		width:20%;
	}
}
#header .dropdown.mega .elm {
	display:block;
	padding:7.5px 0;
}
#header .dropdown.mega .elm .pic-wrapper {
	border-radius:0px;
}
#header .dropdown.mega .elm .title {
	display:block;
	margin-top:3px;
	color:#888;
}
#header .dropdown.mega .elm:hover .title {
	color:#fff;
}

#header .nav > li.lang {
	border:0;
}
#header .nav > li.lang > a {
	padding-left:0 !important;
	font-size: 85%;
}
#header .nav > li.lang .dropdown-menu {
	min-width:0;
}

.XXXmenu-icons .ico-fb {
	background:url('../i/ico-facebook.svg') no-repeat 50%;
	background-size:contain;
	line-height:1;
}
.XXXmenu-icons .ico-fb:before {
	content:"\f16d";
	opacity:0;
}

body:not(.touch) #header .menu-shop .ico-elm:hover {
	transform:scale(1.1);
}

/* -------------------- */

.line-spaced li:not(.designer) {
	border-left:0px solid rgba(0,0,0,.1);
}
.line-spaced li:first-child {
	border:0;
}

#footer {
	position:relative;
	padding:0;
}

/* #footer .box-info {
	font-size:80%;
	text-align:center;
}
#footer .box-info .logo {
	display:inline-block;
	margin-bottom:15px;
}
#footer .box-info .logo img {
	width:360px;
	max-width:70%;
}
#footer .box-info .title {
	display:block;
	margin-bottom:10px;
	color:#fff;
}
#footer .box-info .text {
	max-width:600px;
	margin:auto;
	color:#999;
} */

.box-logos {
	position: relative;
	text-align:center;
	background:linear-gradient(180deg, rgba(var(--bs-primary-rgb),.15) 50%, #fff0 50%);
}
.sec-home .box-logos .box-standard {
	padding:2rem 0;
	background:#fff;
}
.sec-home .box-logos .box-standard.top-slope {
	padding-top:calc(2rem + var(--slope-vw));
}
.box-logos .container-fluid {
	max-width:1680px;
}
.box-logos .text {
	margin:30px auto 0;
}
.box-logos .logos {
	margin-top:-20px;
}
.box-logos .logos .elm {
	display:inline-block;
	margin:20px 30px 0;
	opacity:1;
    filter: grayscale(0);
}
.box-logos .logos .elm:hover {
	opacity:1;
    transform:scale(1.1);
}
.box-logos .logos img {
	height:55px;
	background:none;
}
.box-logos .logos .small1 img {
	height:calc(55px - 0.5em);
}
.box-logos .logos .small2 img {
	height:calc(55px - 0.75em);
}
.box-logos .logos .small3 img {
	height:calc(55px - 1.25em);
}

.map .iframe-wrapper, .map iframe {
    height:350px;
    overflow:hidden;
    width:100%;
}
.iframe-wrapper {
	position:relative;
}
.iframe-wrapper:not(.ready) {
	cursor:pointer;
	background:rgba(0,0,0,.03) url('../i/dummy-map.png') 50% 50% no-repeat;
    background-size:auto 110%;
}
.iframe-wrapper:not(.ready):hover {
	background-color:rgba(0,0,0,.04);
	background-size:auto 150%;
}
.iframe-wrapper.ready .info {
	display:none;
}
.iframe-wrapper:not(.ready) .info {
	position:absolute;
	top:60px; left:0; right:0; bottom:0;
	margin:auto;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#000;
}
.iframe-wrapper:not(.ready) .info:before {
	position:absolute;
	display:inline-block;
	font-family:'Font Awesome 6 Pro';
	content:"\f3c5";
	top:-90px; left:0; right:0; bottom:0;
	margin:auto;
	width:40px;
	height:40px;
	line-height:39px;
	font-size:20px;
	font-weight:900;
	text-align:center;
	border-radius:50%;
	color:#fff;
	background:#000;
	border:0px solid #000;
	outline:0px solid #fff;
	box-shadow:0 0 0 0px #000;
}
.iframe-wrapper:not(.ready):hover .info:before {
	color:#000;
	background:#fff;
}
.iframe-wrapper iframe {
	width:100%;
}
.iframe-wrapper:not(.ready) iframe {
	display:none;
}

.map-content.fs .inner {
	position:fixed;
	z-index:10;
	top:0; left:0; right:0; bottom:0;
	height:100%;
	width:100%;
	margin:auto;
	padding:15px;
	background:rgba(0,0,0,.65);
}
.map-content .iframe-wrapper,
.map-content iframe {
    height:420px;
    border-radius:4px;
    background:#f6f6f6;
}
.map-content.fs .iframe-wrapper,
.map-content.fs iframe {
	height:100%;
}
.map-content iframe.special {
	margin-top:-150px;
	height:570px;
}
.map-content.fs iframe.special {
	margin-top:-150px;
	height:calc(100% + 150px);
}
@media (max-width:767px), (max-height:600px){

	.map-content.fs .inner {
		padding:0;
	}
	.map-content.fs .iframe-wrapper {
		overflow:unset; /*hack*/
	}
	.map-content.fs .iframe-wrapper,
	.map-content.fs iframe {
		border-radius:0;
	}
}
@media (max-height:600px) and (orientation:landscape){
	
	.map-content .iframe-wrapper,
	.map-content iframe {
		height:90vh;
	}
	.map-content iframe.special {
		margin-top:-150px;
		height:calc(90vh + 150px);
	}
}

#footer .bar {
    padding:2rem 0;
    text-align:center;
    background:var(--bs-primary);
    background:linear-gradient(0deg, var(--bs-primary-darkly) 0%, var(--bs-brand) 100%);
}
@media (min-width:768px){
	#footer .bar {
		padding-top:calc(2rem - var(--slope-vw));
	}
}
#footer .bar,
#footer .bar a:not(:hover) {
	color:#fff;
}
#footer .bar a:hover {
	color:#000;
}
#footer .bar ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 20px;
	margin:0;
}
#footer .bar li {
	margin: 0;
	padding: 0;
	line-height: normal;
}

#footer .break {
	width: 100%;
}

#footer .designer {
	width: 100%;
	margin:13px 0 0 !important;
	font-size:75%;
	opacity:.55;
}

.box-contact {
	background-color:rgba(var(--bs-primary-rgb),.175);
	background:radial-gradient(ellipse at center, #f5ecf2 0%, rgba(var(--bs-primary-rgb),.15) 70%);
}
.box-contact > .container {
	max-width:970px;
}

.box-contact .col-logo {
	position:relative;
}
.box-contact .col-logo:before,
.box-contact .col-logo:after {
	position: absolute;
	content: '';
	height:4px;
	width:25%;
	bottom:calc(50% - 4px);
	left:5%;
	background:var(--bs-brand);
	transform:rotate(-5.5deg);
	transform-origin:left;
	margin-bottom:12px;
}
.box-contact .col-logo:after {
	right:5%;
	left:auto;
	transform-origin:right;
	margin-bottom:-18px;
}
.box-contact .col-logo .logo {
	position:relative;
	display:block;
	width:36%;
	margin:3rem auto 4rem;
}
.box-contact .col-logo .logo:hover {
	transform:scale(1.1);
}
.box-contact .col-logo .img {
	padding:0 0px;
	width:100%;
	fill:var(--bs-brand);
	/*filter:drop-shadow(-7px 7px 0 #0000001f);*/
}

.box-contact .lead .tel {
	display:block;
	margin-top:5px;
	font-size:36px;
	font-weight:300 !important;
	/* color:#004676; */
}
.box-contact .lead .tel .ico {
	font-weight:300
}

.box-contactXXX form .form-group {
    margin-bottom:10px;
}
.form-control::placeholder {
	color:#aaa;
}
.box-contact form .submit {
	float:right;
}
.box-contact form .hint {
	font-size:13px;
	line-height:normal;
	vertical-align:text-top;
	border:0 !important;
}

.box-contact opentime {
	display:block;
	white-space:nowrap;
}
.box-contact opentime em {
	display:inline-block;
	width:100px;
	font-style:normal;
}

.box-orderstatus {
	margin-bottom:40px;
}
.box-newsletter .input-group,
.box-orderstatus .input-group {
	max-width: 500px;
	margin: auto;
}
.box-newsletter .row-sign > * {
	line-height:normal;
}
.box-newsletter .row-sign > * + * {
	margin-left:20px;
}

/* -------------------- */

.box-buzzwords {
	padding:20px 0;
	background:#f2f2f2;
}
.list-buzzwords {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.list-buzzwords .list-item {
	margin:5px 15px;
	font-weight:600;
	text-transform:uppercase;
	font-family:'Roboto Condensed';
}
.list-buzzwords .list-item,
.list-buzzwords .list-item a {
	color:#707070;
}
.list-buzzwords .list-item a:hover {
	color:#444;
}
.list-buzzwords .list-item a:hover:before {
	transform:scale(1.2);
}

.box-advantages .elm .ico {
	margin-bottom:30px;
	width:100px;
	height:100px;
	line-height:96px;
	font-size:36px;
	color:#f4b200;
	text-align:center;
	background:transparent;
	border-radius:50%;
	border:2px solid #f4b200;
}
.box-advantages .elm .title {
	margin-bottom:15px;
}
.box-advantages .elm .title:after {
	display:block;
	content:'';
	margin:20px auto 0;
	width:50px;
	height:1px;
	background:#fff;
	opacity:.4;
}
.box-advantages .elm .text {
	opacity:.7;
}

/* -------------------- */

.box-special {
	overflow:hidden;
	text-align:center;
}
.box-special .text {
	padding:1rem 1rem;
}
.box-special.size-small .text {
	padding:.5rem 1rem;
}
.box-special.size-lead .text {
	padding:2rem 1rem;
}
@media (max-width:575.98px){
	body.touch .box-special.scroll-mob .text {
		overflow-x:auto;
		white-space:nowrap;
	}
}

.box-special .lead {
	margin-bottom:0;
}

.box-special .btn,
.box-special input:not([type=radio]) {
	margin:10px 5px 0;
	vertical-align:middle;
	border-color:transparent;
}
.box-special .row .btn {
	margin:10px 5px;
}

.box-special.size-lead .tel {
	display:block;
	font-size:36px;
	border:0 !important;
	font-weight:300 !important;
}

.box-special.light .inner {
	background:rgba(var(--bs-brand-rgb),.08);
}
.box-special.light,
.box-special.light .title,
.box-special.light .lead {
	color:inherit;
}
.Xbox-special.light a:not(.btn):not(.mark) {
	color:var(--bs-primary);
	border-color: rgba(var(--bs-primary-rgb),.3);
}

.box-special.dark .inner {
	color:#fff;
	background:var(--bs-dark);
	background:linear-gradient(-45deg, #111 0%, #333 100%);
}
.box-special.dark .title,
.box-special.dark .lead {
	color:#fff;
}
.box-special.dark a:not(.btn):not(.mark) {
	color:var(--bs-primary);
}
.Xbox-special.dark a:not(.btn):not(.mark):hover,
.Xbox-special.light a:not(.btn):not(.mark):hover {
	color:var(--bs-primary-bg-subtle);
}
.box-special.dark .text-muted {
	color:rgba(255,255,255,.5) !important;
}

.box-special.important .inner {
	color:#fff;
	background:var(--bs-brand);
}
.box-special.important .title,
.box-special.important .lead {
	color:inherit;
}
.box-special.important .inner a:not(.btn):not(.mark) {
	color:#ff0;
	border-color:#0004;
}
.box-special.important .inner a:not(.btn):hover {
	color:inherit;
}

XXXbody.sec-home .box-special.important.pos-hom-top {
	text-align:left;
}
XXXbody.sec-home .box-special.important.pos-hom-top .container {
	position:relative;
	z-index:20;
	padding-left:55px;
}
XXXbody.sec-home .box-special.important.pos-hom-top .close {
	display:none;
	color:#fff;
	opacity:.3;
}
XXXbody.sec-home .box-special.important.pos-hom-top .ico-important {
	position:absolute;
	display:inline-block;
	width:32px;
	margin-left:-40px;
	margin-right:5px;
	text-align:center;
	color:#777;
}
XXXbody.sec-home .box-special.important.pos-hom-top .ico-important:before {
	position:absolute;
	z-index:-1;
	content:'';
	width:100%;
	height:calc(100% + 20px);
	background-color:#262626;
	left:0;
	margin:-10px 0;
}

/* -------------------- */

.pic2.lbx {
	display:inline-block;
	float:left;
	margin:0 20px 10px 0;
	padding:0;
	width:45%;
	height:auto;
	overflow:hidden;
	border:0;
	text-decoration:none;
}
.Xpic2.lbx.vert {
	width:33%;
}
.pic2.lbx img {
	width:100%;
}
.pic2.lbx.right {
	float:right;
	margin:0 0 10px 20px;
}

.gal {
	margin:0 -7.5px 0 -7.5px;
	font-size:0; /*gap hack*/
}
.gal .elm {
	display:inline-block;
	float:none;
	padding:7.5px;
}
.gal .elm a {
    height:0;
}
.gal .elm a:hover {
	opacity:0.8;
}
.gal .elm img {
	min-height:100%;
}
.gal .elm img.pano {
	max-height:100%;
    max-width:none;
}

/* -------------------- */

.box-splash-wrapper {
	--splash-mt:0;
	--splash-h:calc(100vh - var(--hdr-height));
	--splash-tgl-top:10px;
	margin-top:var(--splash-mt);
	background:transparent;
}
body.sec-home .box-splash-wrapper {
	--splash-mt:calc(-1 * var(--hdr-height) - .2px);
	--splash-h:100vh;
	--splash-tgl-top:80px;
}
.box-splash {
	position:relative;
	overflow:hidden;
	width:100%;
	max-width:none;
	height:var(--splash-h);
	margin:auto;
	padding-bottom:0;
	text-align:center;
}

.box-splash > .slider {
	position:absolute;
	left:0; right:0; top:0; bottom:0;
}
.box-splash > .slider,
.box-splash .item {
	height:100%;
}
.box-splash .item {
	transition:transform .5s ease-in-out;
}

.box-splash .ani-elm:not(.animated) {
	display:none;
}

.box-splash .slide-navi {
	margin:1rem auto;
	line-height:0;
	text-align:right;
}
.box-splash .slide-navi .elm-navi {
	background-color:#fff;
}

.box-splash .slide-ctrl {
	width:50px;
}
.box-splash:not(:hover) .slide-ctrl {
	display:none;
}

.box-splash .overground {
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	opacity:1;
	transition:opacity .5s;
}
.box-splash .overground .inner {
	position:absolute;
	width:100%;
	top:auto;
	bottom:80px;
}

@media (min-width:992px){
	
	.box-splash .overground .inner {
		top:0;
	}
	.box-splash .overground .inner > div,
	.box-splash .overground .inner > div > div,
	.box-splash .overground .box-addon > div {
		height:100%;
	}
}

.box-splash .overground .box-text {
	padding:0;
	max-width:680px;
	font-weight:400;
	line-height:1.2;
	color:var(--bs-primary-subtle);
	text-align:left;
	white-space:normal;
	border-radius:4px;
	text-shadow:0 0 .5rem rgba(0,0,0,.4), 0 0 2rem rgba(0,0,0,.5);
}

.box-splash .overground .box-addon {
	width:40%;
	min-width:200px;
	max-width:500px;
	height:100%;
}
.box-splash .overground .box-mov {
	min-width:205px;
	overflow:hidden;
	border-radius:3px;
}
.box-splash .overground .box-pic {
	position:relative;
	width:100%;
	min-height:115px;
}
.box-splash .overground .box-pic .lnk:hover img {
	transform:scale(.95);
}
.box-splash .overground .box-pic img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:bottom left;
}
@media (min-width:992px) {
	.box-splash .overground .box-addon {
		padding-top:50px;
	}
	.box-splash .overground .box-pic {
		max-height:500px;
		margin-top:auto;
	}
	.box-splash .overground .box-addon:not(.has-double) .box-pic {
		height:100%;
	}
	.box-splash .overground .box-pic img {
		object-position:bottom right;
	}
	.box-splash .overground .box-mov {
		width:100%;
		margin-top:auto;
	}
	.box-splash .overground .box-pic + .box-mov {
		margin-top:unset;
	}
}
@media (max-width:991.98px){
	.box-splash .overground .box-addon {
		width:100%;
	}
}

.box-splash .overground .title {
	margin-bottom:1rem;
	color:#fff;
	font-size:65px;
	font-weight:400;
	line-height:1;
	text-transform:uppercase;
}
@media (min-width:768px) and (max-width:1199px){
	.box-splash .overground .title {
		font-size:calc(38px + 2vw);
	}
}

.box-splash .overground .text > span {
	display:block;
}
.box-splash .overground .btn {
	text-shadow:none;
	margin:15px 8px 0 0;
}
.box-splash .overground .text a:not(.btn) {
	color:var(--bs-brand);
}

.box-splash .background {
	position:absolute;
	z-index:0;
	width:100%;
	height:100.1%;
}
.box-splash .bg-img,
.box-splash .bg-mov {
	position:absolute;
	width:100%;
	height:100%;
}
.box-splash .bg-img img,
.box-splash .bg-mov video { 
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	min-height:100%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	object-fit:cover;
	background-color:transparent;
}
.box-splash .bg-img .mobile {
	display:none;
}
.box-splash .item.is-play .bg-img img,
.XXXbox-splash .item:not(.is-play) .bg-mov video {
	opacity:0;
}

.box-splash .box-tgl-mov {
	position:absolute;
	z-index:3;
	top:var(--splash-tgl-top);
	left:0;
	right:0;
	width:100%;
}
body.menu-open .box-splash .box-tgl-mov {
	z-index:1;
}
@media (max-width: 767px){
	.XXbox-splash .box-tgl-mov {
		right:60px;
		top:16px;
	}
}
.box-splash .box-tgl-mov .act + .act {
	margin-left:15px;
}
.box-splash .box-tgl-mov .act {
	display:inline-block;
	padding:10px 0px;
	line-height:normal;
	font-size:28px;
	color:#fff !important;
	text-shadow:1px 1px 0 rgba(0,0,0,.4);
}
.box-splash .box-tgl-mov .act:hover {
	transform:scale(1.1);
}

.box-splash .skip {
	position:absolute;
	z-index:3;
	display:inline-block;
	display:none;
	left:50%;
	bottom:0px;
	margin-left:-20px;
}
.box-splash .skip .ico {
	width:40px;
	height:40px;
	line-height:40px;
	font-size:30px;
	color:#fff;
	background:rgba(0,0,0,0.0);
	text-align:center;
	border-radius:50%;
}

.tgl-mov-play:before,
.tgl-mov-tone:before {
	display: inline-block;
	font-family:'Font Awesome 6 Pro';
	content:'\f144';
	font-weight:300;
	width:1.25em;
	text-align: center;
}
.tgl-mov-play.active:before {
	content:'\f28b';
}
.tgl-mov-tone:before {
	content:'\f028';
}
.tgl-mov-tone.active:before {
	content:'\f026';
}

/* -------------------- */

.elm-mov.no-pic img,
.mov-wrp.not-autoplayed {
	background:url('/cnt/pic/default-video.jpg') 50%;
	background-size:cover;
}

.mov-wrp video,
.mov-wrp .pic img {
	max-width:100%;
	object-fit:cover;
}

.mov-wrp[class*='mov-src-'] .pic-wrapper:before,
.mov-wrp[class*='mov-src-'] .pic-wrapper:after,
.mov-wrp[class*='mov-src-'] .elm-info:before,
.mov-wrp[class*='mov-src-'] .elm-info:after,
.mov-wrp.not-autoplayed:after {
	position:absolute;
	z-index:1;
	display:inline-block;
	left:15px;
	bottom:15px;
	color:#fff;
	line-height:24px;
	font-style:normal;
	text-shadow:1px 1px 0 rgba(0,0,0,1), 0 0 10px rgba(0,0,0,.5);
}
.mov-wrp[class*='mov-src-'] .pic-wrapper:before {
	font-family:'Font Awesome 6 Brands';
	font-size:24px;
}
.mov-wrp.mov-src-youtube .pic-wrapper:before {
	content:'\f431';
}
.mov-wrp.mov-src-vimeo .pic-wrapper:before {
	content:'\f40a';
}
.mov-wrp[class*='mov-src-'] .pic-wrapper:after {
	left:45px;
	font-size:14px;
}
.elm-mov.text-link.mov-src-youtube .elm-info:after,
.mov-wrp.mov-src-youtube .pic-wrapper:after {
	content:'Youtube';
}
.elm-mov.text-link.mov-src-vimeo .elm-info:after,
.mov-wrp.mov-src-vimeo .pic-wrapper:after {
	content:'Vimeo';
}
.mov-wrp[class*='mov-src-'] .elm-info:before {
	left:auto;bottom:auto;
	right:15px;
	top:10px;
	font-size:11.5px;
	font-weight:bold;
	line-height:1;
	text-align:right;
	transition:opacity .18s ease-out;
	opacity:.45;
}
.mov-wrp[class*='mov-src-']:not(.mov-src-file) .elm-info:before {
	content:'Datentransfer an Dienst bei Aufruf';
}
.XXXelm-mov.no-pic .elm-info:before {
	color:#000;
	text-shadow:1px 1px 0 rgba(255,255,255,1), 0 0 10px rgba(255,255,255,.5);
}
.mov-wrp[class*='mov-src-'] .pic-wrapper:hover .elm-info:before {
	opacity:0;
}
.elm-mov.no-pic:not(.text-link) .elm-info:after,
.mov-wrp.not-autoplayed:after {
	bottom:auto;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	margin-top:13%;
	padding:3px 10px;
	max-width:60%;
	font-size:14px;
	line-height:normal;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	content:attr(data-title);
	background:rgba(0,0,0,.8);
	border-radius:30px;
}
@media (max-width:575.98px){

	.mov-wrp[class*='mov-src-'] .elm-info:before {
		font-size:9.5px;
		opacity:.75;
	}
	.mov-wrp[class*="mov-src-"] .pic-wrapper::before {
		font-size:16px;
		bottom:10px;
	}
	.mov-wrp[class*='mov-src-'] .pic-wrapper:after {
		left:35px;
		bottom:10px;
		font-size:11px;
	}
}

.elm-mov.text-link .elm-info {
	display:inline-block;
	margin-left:8px;
	font-size:10px;
	font-weight:500;
	vertical-align:middle;
}
.elm-mov.text-link .elm-info:before {
	font-family:'Font Awesome 6 Brands';
	margin-right:2px;
	font-size:130%;
	vertical-align:middle;
}
.elm-mov.text-link.mov-src-youtube .elm-info:before { content:'\f167'; }
.elm-mov.text-link.mov-src-vimeo .elm-info:before { content:'\f27d'; }
.elm-mov.text-link .elm-info:after {
	vertical-align:middle;
}

.mov-wrp.mov-src-file {
	display:flex;
}
.mov-wrp.mov-src-file .inner {
	position:relative;
	display:inline-flex;
	margin:auto;
}
.mov-wrp.mov-src-file.ratio .inner {
	position:absolute;
}
.mov-wrp.mov-src-file.full .inner,
.mov-wrp.mov-src-file.full .video {
	width:100%;
}
.mov-wrp.mov-src-file .elm-tgl-mov {
	position:absolute;
	display: flex;
	top:1rem;
	right:1rem;
}
.mov-wrp.mov-src-file .elm-tgl-mov .act + .act {
	margin-left:15px;
}
.mov-wrp.mov-src-file .elm-tgl-mov .act {
	display: inline-block;
	line-height:normal;
	font-size:1.125rem;
	color:#fff !important;
	text-shadow:1px 1px 0 rgba(0,0,0,.4);
}
body:not(.touch) .mov-wrp.mov-src-file .elm-tgl-mov .act:hover {
	transform:scale(1.1);
}
.elm-mov.no-audio .tgl-mov-tone {
	display:none !important;
}
.mov-wrp.mov-src-file.not-autoplayed .elm-tgl-mov {
	top: 40%;
	right: auto;
	left: 50%;
	transform: translateX(-50%);
}
.mov-wrp.mov-src-file.not-autoplayed .elm-tgl-mov .tgl-mov-play:before {
	width: calc(2rem + 5vw);
	font-size:calc(2rem + 5vw);
	font-weight:900;
	color: #000;
	background:#fff;
	border-radius:50%;
}

#video {
	position:fixed;
	display:flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	opacity:0;
}
#video.open {
	left:0;
	opacity:1;
}
#video .inner {
	padding: 0 15px;
	width: 100%;
	max-width:1200px;
}
@media (max-width: 767px){
	#video .inner {padding:0;}
}
@media (max-height: 600px) and (orientation: landscape){
	#video .inner {max-width:160vh;}
}
#video iframe {
	background:rgba(30,30,30,.8);
}
#video .title {
	display:block;
    padding:5px 15px;
    width:100%;
    color: #fff;
    text-align: center;
    background:rgba(30,30,30,0.8);
	border-bottom-right-radius:2px;
	border-bottom-left-radius:2px;
}
#video .exit {
	position:absolute;
    z-index:999;
    right:10px;
    top:10px;
    margin:0;
    padding:0;
    border:0;
    background:none;
}
#video .exit .ico {
	width:30px;
	height:30px;
	line-height:30px;
	font-weight:300;
	font-size:22px;
	color:#fff;
	background:#000;
	border-radius:50%;
}

/* -------------------- */ 

body.touch .play-snd:hover {
	color:inherit;
}
.play-snd:before {
	display:inline-block;
	font-family:'Font Awesome 6 Pro';
    content:"\f001";
    width: 1.125rem;
	text-align: center;
    opacity:.35;
}
.play-snd.active:before {
	content:"\f04b";
	color:#40eea5;
	opacity:1;
	padding-left:3px;
}
.play-snd .more {
	font-size:85%;
	opacity:.5;
}
.play-snd + .play-obj {
	height:30px;
}
.play-snd:not(.active) + .play-obj {
	display:none;
}

.box-audio .list-group-item {
	color:inherit;
	border-color:#fff5;
}
@media (max-width: 767.98px){
	.box-audio audio {
		width:100%;
	}
}

/* -------------------- */ 

.box-gallery.is-cols .pic {
	padding-bottom:67%;
}
.box-gallery.is-cols .pic.vert {
	background:#eee;
}
.box-gallery.is-cols .pic.vert img {
	object-fit:contain;
	height:125%;
}

.box-gallery.is-grid .inner {
	padding:1px 0;
	background:#eee;
}
.box-gallery.is-grid .img-grid {
	margin:0 -1px;
}
.box-gallery.is-grid .elm-grid {
	padding:1px;
}
.box-gallery .elm-grid .vcenter {
	padding-bottom:56%;
}
.box-gallery .elm-grid .pic-wrapper {
	position:relative;
	overflow:hidden;
}
.pic-mov .ico,
.box-gallery .elm-grid .ico {
	position:absolute;
	z-index:1;
    top:0; bottom:0; left:0; right:0;
    margin:auto;
    line-height:36px;
    height:36px;
    width:36px;
    font-size:14px;
    border-radius:50%;
    color:rgba(255,255,255,.9);
    background:#70afdb;
    box-shadow:0 0 20px rgba(0,0,0,.2);
    text-align:center;
}
.pic-mov:not(.loading) .ico,
.elm-grid .elm-mov .ico {
	padding-left:4px;
}
@media (max-width:540px){
	.pic-mov .ico,
	.box-gallery .elm-grid .ico {
		line-height:24px;
		height:24px;
		width:24px;
		font-size:9px;
    }
    .pic-mov:not(.loading) .ico,
    .box-gallery .elm-grid .elm-mov .ico {
		padding-left:2px;
	}
}
.box-gallery .elm-grid .elm:not(.elm-mov) .ico {
	opacity:0;
}
.pic-mov:hover .ico,
.box-gallery .elm-grid .elm:hover .ico {
	color:#fff;
    background:#000;
    opacity:1
}
.box-gallery.fx-gray .elm .pic {
	filter:grayscale(50%);
}
.box-gallery.fx-gray .elm:hover .pic {
	filter:grayscale(0);
}
.box-gallery .elm-grid .elm:hover .pic {
	transform:scale(1.1);
}
.box-gallery .elm-grid img {
	object-fit:cover;
	height:103%;
	min-width:103%;
	background-color:transparent;
}

.box-gallery.has-gallery-row {
	background:#111;
}

.gallery-row .col {
	padding:0;
}
.gallery-row .pic {
	padding-bottom:56.25%;
}
.gallery-row .pic img {
	height:101%;
	object-fit:cover;
}

.fx-zoom-pic.elm-mov .ico-fx {
	padding-left:5px;
	opacity:1;
	transform:none;
	color:#000;
	background:#fff;
	box-shadow: 0 0 15px rgba(0,0,0,.3);
}
.fx-zoom-pic.elm-mov:hover .ico-fx {
	color:#fff;
	background:#000;
}

.gallery-row .title {
	position: absolute;
	bottom: 0;
	font-size: 70%;
	text-align: center;
	display: inline-block;
	margin: auto;
	left: 0;
	right: 0;
	color: #fff;
	background: rgba(0,0,0,.5);
}

/* -------------------- */

.XXXbox-welcome.box-standard {
	background:rgba(0,0,0,.027); /* 16,184,219,.095 */
	color:rgba(0,0,0,.65);
}
.XXXbox-welcome .box-header,
.XXXbox-welcome .lead {
	color:#fff;
}
.XXXbox-welcome a {
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,.55);
}

/* -------------------- */

.box-home-programm .pic {
	padding-bottom:100%;
}
.box-home-programm .pic img {
	object-fit: contain;
	min-width: 100%;
}

/* -------------------- */

.Xbox-principes {
	background:#f6f6f6;
}

.box-principes .elm {
	height:100%;
	background: #f9f9f9;
	/* box-shadow: 0 2px 3px 1px rgba(0,0,0,.05); */
}

.box-principes .elm:hover {
	transform:translateY(-.5rem);
	background:#f2f2f2;
}

.box-principes .box-pic .img {
	width:100%;
}
.box-principes .box-pic .logo {
	position:absolute;
	z-index:1;
	width: 30%;
	min-width:100px;
	max-width:180px;
	margin:auto;
	transform-style: preserve-3d;
	filter:brightness(0) invert(1);
	object-fit: contain;
	transform: none;
	left: 0;
	right: 0;
	top: 0;
}
.box-principes .elm:hover .logo {
	transform:scale(1.175);
}

.box-principes .title {
	text-align: inherit;
}

@media (min-width:768px){
	.box-principes .box-pic {
		padding-bottom: 0;
 		width: 50%;
  		min-width: 50%;
  		min-height: 350px;
	}
}

@media (max-width:991.98px){
	.box-principes .elm {
		font-size:90%;
	}
}

/* -------------------- */

.article-portfolio .specs dl + dl {
	margin-top:1.5rem;
}
.article-portfolio .specs .ico {
	font-weight:200;
	margin-left:1rem;
	transform:scale(1.4);
	text-align: center;
	width: 1.25rem;
}
.article-portfolio .specs dd {
	margin-bottom:1rem;
}

/* -------------------- */

XXXbody.sec-home .box-spektrum,
XXXbody:not(.sec-home) .box-spektrum:not(.multi-solo) {
	color:#fff;
	background:#999;
}

.box-spektrum .box-intro .lead {
	margin-bottom:50px;
}

.box-spektrum .maintext {
	margin-bottom:40px;
}

.box-spektrum .box-group .row {
	display:flex;
	flex-wrap:wrap;
	align-items:start;
	justify-content:left;
}

.box-spektrum .pic-wrapper {
    position:relative;
    margin-bottom:5px;
}
.box-spektrum .pic-wrapper .pic {
    padding-bottom:67%;
    background-color:rgba(0,0,0,.03);
}

.box-spektrum .box-group .title {
	display:block;
	margin-bottom:10px;
	text-align:left;
}

.badge-draft {
    position:absolute;
    z-index:1;
    margin:1rem;
    font-size: .65rem;
	text-transform: uppercase;
	border-radius: .15rem;
}

.more-btn {
	margin-left:-15px;
}
.more-btn .btn {
	margin:15px 0 0 15px;
}

.more.text-link {
	text-transform:capitalize;
}
.elm-more:hover .more .ico,
.more.text-link:hover .ico {
	margin-left:.5rem !important;
}

/* -------------------- */

.box-partner.solo .elm .pic-wrapper {
	overflow:unset;
	margin-bottom:5px;
	padding:10px;
	border:0px solid #ddd;
	border-radius:8px;
}
.XXXbox-partner.solo .elm:hover .pic-wrapper {
	border-color:#f7c12d;
	background:rgba(247,193,45,.1);
}
.box-partner .elm .pic {
	margin:0 10px;
	padding-bottom:100%;
}
.box-partner .elm img {
	object-fit:contain;
	min-width:0;
	width:100%;
	height:100%;
	background-color:transparent;
}
.box-partner.solo .elm:not(:hover) img {
	filter:grayscale(100%);
}
.box-partner .elm .title {
	font-weight:600;
	font-size:85%;
}
.box-partner .elm:not(.no-link):hover .title {
	color:#e50;
}

.box-partner.minimal .row-elm {
	text-align:center;
}
.box-partner.minimal .row-elm .col {
	width:25%;
}
.box-partner.minimal .elm .pic-wrapper {
	overflow:visible;
}
.box-partner.minimal .elm .title {
	display:none;
}
.box-partner.minimal .elm:not(:hover) img {
	filter:grayscale(100%);
}

.box-certs + .box-gallery {
	margin-top:30px;
}
.box-certs .pic {
	padding-bottom:100%;
}
.box-certs .pic img {
	object-fit:contain;
	height:100%;
	width:100%;
	min-width:0;
}

/* -------------------- */

.pnav {
	font-weight:600;
}
.pnav .pagination {
	margin-top:2.5rem;
	margin-bottom:0;
}

.pnav .pagination .page-link {
	font-weight:500;
	color:inherit;
}
.pnav .pagination .page-link:hover {
	color:#000;
    background-color:#40eea5;
    border-color:transparent;
}
.pnav .pagination .page-item.active .page-link {
	color:#fff;
	background-color:#000;
	border-color:transparent;
}
.pnav .pagination .page-item.disabled .page-link {
	color:#0002;
}
.pnav .pagination .page-item:first-child .page-link {
    border-bottom-left-radius:.175rem;
    border-top-left-radius:.175rem;
}
.pnav .pagination .page-item:last-child .page-link {
    border-bottom-right-radius:.175rem;
    border-top-right-radius:.175rem;
}

.pnav .pagination .spacer span {
	padding-left:8px;
	padding-right:8px;
}

/* -------------------- */

.box-faq .elm + .elm {
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #eee;
}
.box-faq .elm .title {
	position:relative;
	padding-left:20px;
}

.box-faq .toggler .title:before {
    position:absolute;
    top:1px;
    left:0;
    width:13px;
    display:block;
    content:"\f105";
    font-family:'Font Awesome 5 Pro';
    font-weight:400;
    text-align:center;
}
.box-faq .toggler.open .title:before {
	content:"\f107";
}

.box-faq .elm .text {
	padding:10px 0 20px;
}

/* -------------------- */

.box-content .toggler:after {
    display:inline-block;
    margin-left:5px;
    padding:0 5px;
    content:"\f105";
    font-family:'Font Awesome 6 Pro';
    font-weight:400;
    transition:all 0.18s ease-out;
}
.box-content .toggler.open:after {
	/* content:"\f107"; */
	transform:rotate(90deg)
}

/* -------------------- */

.box-omni .more-inpage {
	display:none;
}

@media (max-width:575.98px){

	.box-omni:not(.solo):not(.show-more) .row-elm .col:nth-child(n+4),
	.box-omni:not(.show-more) .more-newpage {
		display:none;
	}
	.box-omni:not(.show-more) .more-inpage {
		display:block;
	}
}

.box-omni .elm .pic {
	background-color:rgba(0,0,0,.03);
}
.box-omni .elm img {
	min-height:100%;
	background-color:transparent;
}
.box-omni .elm img.pano {
	max-height:100%;
    max-width:none;
}

.box-omni .ico-count {
	position:absolute;
	z-index:1;
	right:0;
	top:0;
	margin:1rem;
	padding:.375rem .5rem;
	line-height:1;
	text-align:center;
	font-size:85%;
	font-weight:500;
	color:#fff;
	background:rgba(50,50,50,.6);
	border-radius:.25rem;
}

.box-standard .box-more {
	margin-top:40px;
}

@media (min-width:768px) {
	.box-programm .box-standard {
		padding-bottom:120px;
	}
}
@media (max-width:767.98px) {
	.box-programm .elm,
	.box-programm .elm .title {
		text-align:left !important;
	}
}

/* -------------------- */

.box-artist-item .title .subline {
	font-size:1.5rem;
}
@media (max-width: 767.98px){
	.box-artist-item .title .subline {
		font-size:1.25rem;
	}
}

/* -------------------- */

.article-nav {
	background:#000;
}
.article-nav .prev,
.article-nav .next {
	display:block;
	position:absolute;
	z-index:2;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	width:100px;
	text-align:center;
	cursor:pointer;
	opacity:0.4;
}
.article-nav.mov-wrapper .prev,
.article-nav.mov-wrapper .next {
	height:50px;
}
.article-nav .next {
	right:0;
	left:auto;
}
.article-nav .prev:hover {
	opacity:1;
	background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0px, rgba(0,0,0,0) 100%);
}
.article-nav .next:hover {
	opacity:1;
	background-image:linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,0.5) 100%);
}
.article-nav .prev .ico,
.article-nav .next .ico {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-25px;
	margin-left:-25px;
	width:50px;
	height:50px;
	line-height:50px;
	font-size:32px;
	color:#fff;
	text-shadow:0 0 30px rgba(0, 0, 0, 0.4);
}

.article-nav .lbx {
	position:absolute;
	display:block;
    z-index:1;
    width:100%;
    height:100%;
}
.XXXarticle-nav .lbx img {
	min-width:0;
	min-height:101%;
	max-height:100%;
}
.article-nav .bg {
	filter:blur(15px);
}

.article-nav-sub {
	margin-top:30px;
	display:flex;
	gap:15px;
	flex-wrap:wrap;
	justify-content:center;
}
.article-nav-sub .elm {
	padding:5px 15px;
	border:1px solid #eee;
	border-radius:50px;
}
/* small phone */
@media (max-width:420px){

	.article-nav-sub .elm:nth-child(2) {
		order:3;
	}	
}

/* -------------------- */

.article-single .container:not(.normal) {
	margin-left:auto;
	margin-right:auto;
	max-width:970px;
}

.article-singleX {
	margin-bottom:30px;
}

.article-single .pretext,
.article-single .maintext,
.article-single .box-movie,
.article-single .gal,
.article-single .box-gallery {
	margin-bottom:40px;
}
.XXXarticle-single .box-movie {
	margin-bottom:50px;
}
.article-single .box-gallery {
	padding-top:40px;
}

.box-content ul, .box-content dl {
	hyphens:none;
	text-align:left;
}
.box-content ul li, .maintext ul li,
.box-content ol li, .maintext ol li,
.box-content dd, .maintext dd {
	margin-bottom:20px;
}

.article-single .date-info {
	margin-top:20px;
}

.article-single .pic-cover {
	text-align:center;
}
.article-single .pic-cover img {
	margin:auto;
	max-width:100%;
}

.maintext {
	text-align:justify;
}
.maintext img {
	display:block;
	margin:auto;
	max-width:100%;
	min-width:0;
}

.article-spektrum .headpic .logo {
	position:absolute;
	z-index:1;
	min-width:0;
	height:auto;
	width:40%;
	max-width:450px;
	object-fit: contain;
}
.article-spektrum .box-more {
	margin-top:30px;
	text-align:center;
}

/* -------------------- */

body.rub-6 .box-dates {
  background-color:rgba(0,0,0,.04);
}

.list-dates {
	margin-top:40px;
	margin-bottom:40px;
	position:relative;
}

.list-dates .blk-elm + .blk-elm {
	margin-top:30px;
}

.list-dates .date-elm .inner-wrapper {
	position:relative;
	z-index:1;
	border-radius:.175rem;
	background:#fffd;
}
.list-dates .date-elm.active .inner-wrapper,
.list-dates .date-elm .inner-wrapper:hover {
	box-shadow:0 0 1px #fff, 0 0 10px rgba(0,0,0,.075) !important;
}
.list-dates .date-elm:not(.active) .inner-wrapper:hover {
	transform: translateY(-.125rem);
}
.list-dates .blk-elm .col:nth-child(2n) .date-elm .inner-wrapper {
	background:rgba(0,0,0,.03);
}
body.rub-6 .box-dates .list-dates .blk-elm .col:nth-child(2n) .date-elm .inner-wrapper {
	background:#fff6;
}
.list-dates .date-elm .inner {
	display: flex;
	align-items: center;
}

.list-dates .fx-block {
	position:absolute;
	z-index: -1;
	left:0px;
	right:0px;
	top:0;
	bottom:0;
	background:rgba(0,0,0,.03);
	opacity:0.0;
	height:0;
	border-radius:.175rem;
}

.list-dates .badge + .badge {
	margin-left:.5rem;
}
.label-evt-1 {
	background:#5cb85c; /*solo*/
}
.label-evt-2 {
	background:#437ea0; /*mix*/
}
.label-evt-3 {
	background:#5bc0de; /*tv*/
}
.label-evt-4 {
	background:#f0ad4e; /*radio*/
}
.label-evt-5 {
	background:#f0ad4e; /*buehne*/
}
.label-evt-6 {
	background:#d867e0; /*kurz*/
}
.label-sta-1,
.label-sta-2 {
	background:var(--bs-danger); /*abgesagt, ausver*/
}
.label-sta-3,
.label-sta-4,
.label-sta-5 {
	background:var(--bs-info); /*verlegt, zusatz, nachhol*/
}

.list-dates .figure {
	display:flex;
	align-self: stretch;
}
.list-dates .date-elm .inner:hover .pic {
	transform: scale(1.2);
}
.list-dates .figure:hover .pic {
	transform: scale(1.3) !important;
}

.list-dates .date {
	display:flex;
	flex-direction: column;
	align-self: stretch;
	align-items: center;
	justify-content: center;
	padding:3px;
	color:#fff;
	font-size:1.3rem;
	font-weight:500;
	background:var(--bs-brand);
	line-height:1;
	text-transform:uppercase;
	width:2.75rem;
	min-width:2.75rem;
	text-align: center;
	border-radius:.175rem 0 0 .175rem;
}
.list-dates .date-elm.active .date {
	border-bottom-left-radius:0;
}
.list-dates .figure:hover .date {
	color:#fff;
	background:var(--bs-primary);
}
.list-dates .day-name {
	opacity:.5;
}

.list-dates .pic-cover {
	display: block;
	overflow: hidden;
	align-self: stretch;
	margin-left:0;
	min-width:130px;
	max-width:130px;
	height: auto;
	border-radius:0;
	min-height:80px;
	background:rgba(0,0,0,.05);
}
.list-dates .pic-cover .pic {
	padding-bottom:0;
	height:100%;
}
.list-dates .date-elm.active .pic-cover {
	min-width:220px;
	max-width:220px;
	min-height:110px;
}

.list-dates a {
	border:0;
}
.list-dates .title-month {
	margin-bottom: 10px;
	text-align:left;
}
.list-dates .text {
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:.5rem 0 .5rem 1rem;
	line-height:1.4;
	min-width:0;
	min-height:100px;
}
.list-dates .title {
	display:block;
	text-transform: none;
}
.list-dates .title:hover .title-main {
	color:var(--bs-primary);
}
.list-dates .date-elm.active .title {
	white-space:normal;
}
.list-dates .info {
	font-size: 75%;
	line-height: 1.6;
	color:var(--bs-danger);
}
.list-dates .city {
}
.list-dates .time {
}

.list-dates .more {
	position:relative;
	padding:1rem;
	padding-left:55px;
}
.list-dates .more:before {
	position:absolute;
	left: 0;
	top: 0;
	content:'';
	width:2.75rem;
	height:100%;
	background:var(--bs-brand);
	border-bottom-left-radius: .175rem;
}

.list-dates .right {
    margin-left:auto;
    padding:.5rem 1rem;
    text-align:right;
    white-space: nowrap;
}
.list-dates .right .link {
	display: inline-block;
	margin-left:1.25rem;
	white-space: nowrap;
}
.ico-ticket {
	transform:rotate(-45deg);
}

.list-dates .text a:hover,
.list-dates .right a:hover {
	color:var(--bs-brand);
}

.list-dates.compact .blk-elm {
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items: stretch;
}
.list-dates.compact .blk-elm > .col {
	width:50%;
}
@media (min-width: 560px){
	.list-dates.compact .blk-elm > .col {
		width:33.3333%;
	}
}
@media (min-width: 640px){
	.list-dates.compact .blk-elm > .col {
		width:25%;
	}
}
@media (min-width: 992px){
	.list-dates.compact .blk-elm > .col {
		width:20%;
	}
}

.list-dates .grid-switch {
	position:absolute;
	z-index:1;
	right:0;
}
.list-dates:not(.compact) .grid-switch .btn-col-list,
.list-dates.compact .grid-switch .btn-col-grid {
	color:#40eea5;
}

.list-dates.compact .blk-elm > .col-title {
	width:100%;
}
.XXXlist-dates.compact .title-month {
	text-align: center;
}
.list-dates.compact .date-elm {
	height:100%;
}
.list-dates.compact .date-elm .inner-wrapper {
	height:100%;
	box-shadow: 0 0 1px #aaa;
}
.list-dates.compact .date-elm .inner {
	flex-direction: column;
	border-radius: 4px;
	overflow: hidden;
}

.list-dates.compact .date-elm .date {
	flex-direction: row;
	width: 100%;
	padding: 5px 10px;
	border-radius: 0;
	font-weight: 600;
}
.list-dates.compact .day-month .space {
	display: inline-block;
}
.list-dates.compact .day-month .space:before,
.list-dates.compact .day-month:after {
	content:'.';
}
.list-dates.compact .day-name {
	padding:0 0 0 3px;
}

.list-dates.compact .figure {
	flex-direction: column;
}
.list-dates.compact .pic-cover {
	height:90px;
	min-width: 100%;
	max-width: 0;
}
.list-dates.compact .text {
	padding:10px;
	font-size: 85%;
}
.list-dates.compact .title {
	white-space: unset;
}
.list-dates.compact .right {
	display:none;
}

@media (max-width:767.98px){

	.list-dates {
		margin-bottom:30px;
		margin-top:10px;
	}
	.list-dates:not(.compact) .date-elm .inner-wrapper {
		margin: 0 -12px;
		padding: 10px 15px;
		box-shadow: none !important;
	}
	.list-dates .date-elm .inner {
		flex-wrap: wrap;
	}
	.list-dates:not(.compact) .figure {
		width: 50%;
		max-width: 180px;
	}
	.list-dates:not(.compact) .date-elm.active .figure {
		width:100%;
		max-width:100%;
	}
	.list-dates:not(.compact) .pic-cover {
		width: 100%;
		max-width: none;
	}
	.list-dates:not(.compact) .date-elm.active .pic-cover {
		min-width: 0;
		max-width: 100%;
		min-height: 50vw;
	}
	.list-dates:not(.compact) .text {
		padding: 10px 0 0;
		order: 3;
	}
	.XXXlist-dates:not(.compact) .date-elm:not(.active) .addr {
		display:none;
	}
	.list-dates .right {
		padding: 0 0 0 10px;
		order: 1;
		width: 50%;
		white-space: normal;
	}
	.list-dates .date-elm.active .right {
		padding:10px 0 0;
		width:100%;
	}
	.list-dates .right .link {
		margin:0 0 5px 25px;
	}
	.list-dates .more {
		padding:20px 0 0;
		background:none;
	}
	.list-dates .more::before {
		display:none !important;
	}
	
	.list-dates.compact .text {
		font-size:75%;
	}
}

/* -------------------- */

.box-osmap {
	position:relative;
}

#osmap {
	position:relative;
	z-index:0;
	height:600px;
}
@media (max-width: 764px){
	#osmap {
		height:480px;
	}
}

.box-osmap.fs-view {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1090;
	width: 100%;
	height: 100%;
}
.box-osmap.fs-view #osmap {
	width: 100%;
	height: 100%;
}

.leaflet-control-attribution .leaflet-attribution-flag {display:none !important;}
.leaflet-control-attribution a {color:#666;}

.XXXleaflet-popup-content-wrapper {
	border-radius:0;
}
.leaflet-popup-content {
	margin:1rem 1.25rem;
}

.box-osmap .info-scroll {
	display:none;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#fff;
	background:#0006;
}
.box-osmap .info-scroll div {
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	padding:20px;
	font-size:1.5rem;
	text-align:center;
}

.box-osmap .box-menu {
	position:absolute;
	z-index:1;
	top:80px;
	left:10px;
}
.box-osmap .box-menu .btn-group-vertical {
	border:2px solid;
	border-color: rgba(0,0,0,.2) !important;
	border-radius: 4px;
	background-clip: padding-box;
}
.box-osmap .box-menu .btn {
	padding:0;
	width:30px;
	height:30px;
	line-height:30px;
}
.box-osmap .box-menu .btn + .btn {
	border-top:1px solid #0003;
}
.box-osmap.fs-view .box-menu .btn[data-action='fsView'] .ico:before {
	content:'\e092';
}

.box-osmap .map-popup {
	width:220px;
	font-size:.9rem;
}
.XXXbox-osmap .map-popup a {
	color:var(--col-brand);
}
.box-osmap .map-popup .pic {
	width:100%;
	margin-bottom:1rem;
}
.box-osmap .map-popup .title {
	display:block;
	margin-bottom:1rem;
}
.box-osmap .map-popup .text {
	margin-bottom:1rem;
}

/* -------------------- */

#socialwall .juicer-feed .referral,
#socialwall .juicer-feed .juicer-about,
#socialwall .juicer-feed .feed-item[data-blurred='true'] {
	display:none !important;
	height:0 !important;
	margin:0 !important;
	overflow:hidden !important;
	opacity:0 !important;
}
.box-socialwall .juicer-feed .feed-item {
	border:0;
}
.box-socialwall .juicer-feed .j-poster {
	display:none;
}
body .juicer-feed .j-message {
  font-size:1.125rem;
  font-family:'Roboto';
}

/* -------------------- */

.box-shop .box-maintenance {
	margin-top:100px;
}

.box-shop .box-disclaimer {
	display:none;
}

.box-shop > .box-standard {
	padding-top:20px;
}

.box-shop .form-control,
.box-shop .btn,
.box-shop .dropdown-menu {
	border-radius:.175rem;
}

.box-shop .box-head .headpic,
.box-shop .box-head.is-item .headpic,
.box-shop .box-head.is-cart .headpic {
	padding-bottom:55px;
	display:none;
}
@media (max-width:767px){
	.box-shop .box-head .headpic,
	.box-shop .box-head.is-item .headpic,
	.box-shop .box-head.is-cart .headpic {
		padding-bottom:50px;
	}
}

@media (min-width:576px){
	.box-shop .item-list {
		justify-content:center;
	}
}

.box-shop .box-intro .lead {
  margin-bottom:30px;
  text-align:center;
}
.box-shop .box-intro .h3 {
	font-weight:300;
	text-align:center;
}

.box-item-single .row-main .title {
	margin-bottom:10px;
	text-align:left;
}
.box-item-single .blk-cart .input-quantity {
	max-width:90px;
	height:46px;
}
.box-item-single .blk-links a {
	white-space:nowrap;
}
.box-item-single .blk .alert {
	text-align:center;
}
@media (max-width:991px){
	.box-item-single .col-more .container-text {
		max-width:none;
	}
}
.box-item-single .list-specs dt {
	width:80px;
	font-size:75%;
	line-height:2em;
}
.box-item-single .box-sharing {
	padding:60px 0 0;
}

.box-shop .special {
	padding:10px;
	background:#40eea5;
	color:#000;
	font-size:85%;
}
.box-shop .special a:not(.btn) {
	color:#f70;
}
.box-shop .special a:not(.btn):hover {
	color:#000;
}

#header .menu-shop {
	position:absolute;
	z-index:5;
	top:-3px;
	right:15px;
	display: flex;
	gap:15px;
}
#header .item-orderstatus {
	margin-top:1px;
}
#header .item-cart {
	position:static;
	margin:0;
}
#header .item-cart .btn-checkout {
	position:relative;
    color:#000;
}
#header .menu-shop .ico {
	font-size:120%;
}
#header .item-cart .quan {
	position:absolute;
	background:#000;
	border-radius:50%;
	margin:0;
	top:3px;
	right:-5px;
	padding:0;
	font-size:9px;
	line-height:13px;
	width:13px;
	height:13px;
	text-align:center;
}

.box-items .block-filter[data-filter='cat'] {
    margin-bottom:-5px;
}
.box-items .block-filter[data-filter='cat'] .btn-default:not(:hover) {
    background-color:#e6e6e6;
	border-color:transparent;
}

.box-items .item-price {
    color:#000;
    font-weight:400;
}
.box-items .item-price .star {
	display:none;
}

.box-items .item-img {
	border-radius:2.5px;
	box-shadow:none;
}
.box-items .item-list .item-img .pic {
	padding-bottom:150%;
}
.box-items .tag-sold .tag-blk,
.box-items .tag-stock .tag-blk {
	top:0; right:0; left:0;
	/* top:40%;
	right: 50%;
	transform: rotate(-45deg) translate(50%,-50%);
	transform-origin: top right; */
}
.box-items .tag-sold .tag-blk .tag-elm,
.box-items .tag-stock .tag-blk .tag-elm {
	display: block;
	border-radius:1px;
	text-transform: uppercase;
	padding: 5px;
	font-weight: 500;
	font-size: 14px;
	/* font-size:1.125em; */
}
@media (min-width:1600px){ /* desktop xxxl */
	.XXXbox-items .tag-sold .tag-blk .tag-elm {
		font-size:1.4em;
	}
}
.box-items .item-img img {
	object-fit:cover;
}
.box-items #item-cart .item-img img {
	object-fit:contain;
	padding:.25rem;
}

.box-items .item-img .pic:before {
	position:absolute;
	z-index:1;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.0275);
}
.box-items .age-18 .item-img .pic:after {
	display:none;
	position:absolute;
	z-index:1;
	content:'';
	left: 23%;
	bottom: 14%;
	width: 38px;
	height: 38px;
	background:url('/cnt/logo/logo-fsk-18.svg') no-repeat;
	background-size:contain;
	transform: perspective(200px) rotateY(25deg) skewY(-7deg);
}

.box-items .item-title {
    color:initial;
}
.XXXbox-items .item-format {
	display:none;
}
.XXXbox-items .show-actions .action-elm {
	color:#fff;
}

.box-item-categories .elm .pic {
	padding-bottom:80%;
	background:#000;
}
.box-item-categories .elm .bg {
	object-fit:cover;
	min-width:0;
	width:100%;
	height:100%;
	background-color:transparent;
	opacity:.65;
}
.box-item-categories .elm .logo {
	position:absolute;
	z-index:1;
	object-fit:contain;
	margin:auto;
	top:0; bottom:0; left:0; right:0;
	width:80%;
	min-width:0;
	max-width:80%;
	max-height:80%;
	height:auto;
	filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(0,0,0,.5));
}

.box-item-single .blk-descr {
	margin-top:30px;
	margin-bottom:40px;
	padding-bottom:35px;
	border-bottom: 1px solid #ddd;
}

/* -------------------- */

/* not-phone */
@media (min-width:768px){
	
	.maintext dl dt {
		float:left;
		width:160px;
		overflow:hidden;
		clear:left;
		text-align:right;
		text-overflow:ellipsis;
		white-space:nowrap;
		font-weight:500;
	}
	.maintext dl dd {
    	margin-left:180px;
	}
	
	#header.is-sticky .box-flex {
		height:50px;
	}
	#header.is-sticky nav .logo {
		top:0;
	}
	#header.is-sticky nav .logo .img {
		height:45px;
	}
	#header.is-sticky nav .menu-shop {
		top:2px;
	}
	#header nav.affix .nav > li.request,
	#header nav.affix .header-contact,
	#header .nav > li.lang > a .text {
		display:none;
	}
	#header nav.affix .header-socials {
		display:none;
		position:absolute;
		top:10px;
		right:15px;
	}
	#header nav.affix .header-socials .ico {
		font-size:16px;
		border-color:transparent;
	}
	#header.is-sticky nav .logo .img .elm-subline {
		display:none;
	}

	#header .nav li.phone {
		display:none;
		position:absolute;
		right:0;
		top:-30px;
		padding:0;
		margin:0;
		border:0;
		line-height:1;
		text-align:right;
	}
	#header .nav li.phone > a {
		margin:0;
		line-height:1;
		color:#10b8db;
		font-size:140%;
		text-transform:none;
	}
	
	.box-contact .box-intro .lead {
		margin-bottom:30px;
	}
	
	
}

/* tablet + desktop */
@media (min-width:576px){
	
	.headpic.pic-pos-1 img,
	.box-splash .bg-img.pic-pos-1 img,
	.box-splash .bg-mov.pic-pos-1 video { /*top*/
		top:0;
		transform:translate(-50%,0%);
		object-position:50% 7%;
	}
	.headpic.pic-pos-2 img,
	.box-splash .bg-img.pic-pos-2 img,
	.box-splash .bg-mov.pic-pos-2 video { /*btm*/
		top:auto;
		bottom:0;
		transform:translate(-50%,0%);
		object-position:50% 93%;
	}
}

/* desktop large */
@media (min-width:1200px){
	
	.box-image {
		padding-bottom:calc(40% + var(--slope-vw));
	}
}

/* desktop large */
@media (min-width:1360px){

	
}

/* desktop big */
@media (min-width:1900px){
	
	.XXXXheadpic {
		padding-bottom:calc(750px + var(--slope-vw))
	}
	
	.box-image {
		padding-bottom:calc(34% + var(--slope-vw));
	}
}

/* desktop small */
@media (min-width:992px) and (max-width:1199px){

	.box-partner.solo .col {
		width:20%;
	}
}

/* tablet */
@media (min-width:768px) and (max-width:991.98px){
	
	.box-image {
		padding-bottom:75%;
	}
	
	#content {
		min-height:calc(100% - 430px); /* header+footer hack */
	}
	
	#header .header-contact .elm {
		margin-right:15px;
		padding-right:15px;
	}
	
	#header nav.affix .header-socials {
		display:none;
	}
	#header nav.affix .logo.wide {
		margin-right:25px;
	}
}

/* phone landscape */
@media (max-height:500px) and (orientation:landscape){

	#header nav {
		position:static !important;
	}
}

/* not-phone */
@media (min-width:992px){

	.menu-icons {
		position:fixed !important;
		z-index: 9;
		right:0;
		bottom:100px; /*top:117 ico:26*/
		margin:0 !important;
		border: 0 !important;
	}
	.menu-icons li {
		display:block;
		padding:0;
		text-align:right;
	}
	.menu-icons li + li {
		margin-top:4px;
	}
	.menu-icons a {
		display:inline-block;
		white-space: nowrap;
		margin:0;
		padding:0;
		max-width:32px;
		height:32px;
		border-radius:2.5px;
		border-top-right-radius:0;
		border-bottom-right-radius: 0;
		color:#fff;
		background:var(--bs-brand);
		transition: all 0.3s ease-out;
	}
	.menu-icons a:hover {
		max-width:250px;
	}
	body:not(.touch) .menu-icons a:hover,
	.menu-icons a:focus {
		color:var(--bs-brand);
		background:#eee;
	}
	.menu-icons .ico {
		width:32px;
		font-size:20px;
		text-align:center;
		line-height:32px;
		vertical-align: middle;
	}
	.XXXmenu-icons a:hover .ico {
		transform:scale(1.125);
	}
	.menu-icons .text {
		display:none;
		margin:0 10px 0 0;
		font-size:75%;
		font-weight:600;
		text-transform: uppercase;
	}
	.menu-icons a:hover .text {
		display:inline-block;
	}
}

/* phone-menu */
@media (min-width:768px) and (max-width:991.98px){
	
	body.mobile-menu #header .logo {
    	top:40px !important;
	}
	body.mobile-menu #header .logo .img {
    	height:110px !important;
	}
}

/* phone-menu */
@media (max-width:991.98px){
	
	body.sec-home:not(.mobile-menu) #header:not(.is-sticky) .menu-toggle {
		color:#fff !important;
	}
	.mobile-menu .menu-toggle .ico:before {
		content:"\f00d";
		font-weight:600;
	}
	
	#header {
		padding:0;
		min-height:0;
	}
	#header, #header .box-flex {
		height:var(--hdr-height);
	}
	#header .logo {
		z-index:6;
		margin:0;
	}
	body:not(.mobile-menu) #header nav .logo {
		top:0;
	}
	body:not(.mobile-menu) #header.is-sticky nav .logo {
		top:0;
	}
	body:not(.mobile-menu) #header.is-sticky nav .logo .img .elm-subline {
		display:none;
	}
	#header .logo .img {
		height:45px;
		transform-origin: center;
	}
	body.sec-home #header:not(.is-sticky) .logo {
		top:20px;
	}
	body.sec-home #header:not(.is-sticky) .logo .img {
		height:70px;
	}
	.mobile-menu #header .logo {
		top:35px;
		left:50%;
		transform:translateX(-50%);
	}
	.mobile-menu #header .logo .img {
		height:80px;
	}
	#header .menu-shop .ico {
		font-size:145%;
	}
	
	#header .box-claim {
		position:absolute;
		z-index:6;
		top:80px;
		left:-100%;
		width:100%;
		padding:0;
		font-size:85%;
		text-align:center;
		background:none;
	}
	.mobile-menu #header .box-claim {
		left:0;
	}
	#header .box-claim .phone {
		float:none;
		display:block;
	}
	#header .box-claim .text {
		position:static;
	}
	
	#header nav {
		position:static;
		padding:0;
	}
	#header .inner {
		position:absolute;
		z-index:5;
		display:block;
		top:var(--hdr-height);
		left:-100%;
		margin:0;
		padding:80px 0 40px;
		width:100%;
		text-align:left;
		background:transparent;
	}
	.mobile-menu #header .inner {
		left:0;
		background:var(--bs-brand);
		background:linear-gradient(-100deg, var(--bs-primary-darkly) 0%, var(--bs-brand) 100%);
		box-shadow:0 4px 8px 0 rgba(0,0,0,.1);
	}
	#header .nav > li {
		display:block;
		margin:0 auto !important;
		padding:0;
    	width:100%;
    	text-align:center;
	}
	#header .nav > li > a {
		display:inline-block;
		margin:.5rem .75rem;
		padding:0;
		line-height:1;
		background:none !important;
		text-align:left;
	}
	#header .nav > li.icons {
		width:100%;
	}
	#header .nav > li.icons a {
		margin:0 5px;
		padding:8px 0;
	}
	#header .dropdown-menu {
		position:static;
		left:0;
		width:100% !important;
		margin:0 !important;
		text-align:center;
	}
	#header .dropdown-menu.wide > li {
		width:100%;
	}
	#header .dropdown-menu > li > a {
		display: inline-block;
		color:rgba(var(--bs-primary-subtle-rgb),.5);
		background:none !important;
	}
	#header .nav > li.active > a .ico,
	#header .dropdown-menu > li.active > a {
		color:#fffc;
	}
	#header .nav li.phone {
		display:none;
	}
	#header .nav li.phone > a {
		font-size:21px;
	}
	
	#header .dropdown.mega .dropdown-menu {
		width:100% !important;
		margin:0 !important;
	}
	#header .dropdown.mega .dropdown-menu .container {
		padding:0;
	}
	#header .dropdown.mega .dropdown-menu .inner {
		padding:0;
		background:none;
	}
	#header .dropdown.mega .elm .title {
		color:#fff;
	}
	
	#header .menu-shop {
		gap:20px;
		top:8px;
	}
	
	.menu-icons {
		padding:15px 0 0 !important;
		width:100% !important;
		animation-name:none;
	}
	.menu-icons li {
		display:inline-block;
	}
	.menu-icons a {
		display: inline-block;
		margin: 0 10px;
		width: 34px;
		height: 34px;
		line-height: 34px;
		color:var(--bs-brand);
		background:#fff;
		border-radius: 50%;
	}
	.menu-icons .ico {
		font-size:110%;
	}
	.menu-icons .text {
		display:none;
	}
}

/* phone */
@media (max-width:767.98px){
	
	body {
		font-size:1.125rem;
		line-height:1.6;
	}
	
	.container-ibe {
		padding-right:10px;
		padding-left:10px;
	}
	
	.map:not(.map-content) .iframe-wrapper, 
	.map:not(.map-content) iframe {
		height:420px;
	}
	
	.space-big-top {
    	margin-top:40px;
	}
	
	.headpic {
		padding-bottom:calc(67% + var(--slope-vw));
	}
	.headpic img {
		height:100%;
		max-width:none;
	}
	
	.box-image {
		padding-bottom:100%;
	}
	.box-image .citate {
		font-size:1.6rem;
		text-shadow:0 0 5px rgba(0,0,0,.7), 0 0 20px rgba(0,0,0,.99);
	}

	.box-standard {
		padding:40px 0;
	}
	
	.row-xs {
		margin-left:-10px;
    	margin-right:-10px;
	}
	.row-xs .col {
		padding-left:5px;
    	padding-right:5px;
	}
	
	.maintext {
		text-align:unset;
		hyphens:unset;
		-moz-hyphens:unset;
		-webkit-hyphens:unset;
		overflow-wrap:unset;
	}
	
	.lead {
		font-size:1.25rem;
	}
	
	.box-content ul.special {
		padding:0;
	}
	.box-content ul.special li {
		width:100%;
		/* margin-bottom:20px;
		margin-left:24px;
		padding-left:32px; */
	}
	
	.list-buzzwords {
		justify-content:normal;
	}
	.list-buzzwords .list-item {
		margin:10px 15px;
	}
	
	.dropdown > .dropdown-menu {
		min-width:100%;;
	}
	.bootstrap-select > .dropdown-menu {
		max-width:calc(100vw - 50px) !important;
		
	}
	.box-search .bootstrap-select > .dropdown-menu {
		min-width:calc(100% + 2em) !important; /*hack:input-group*/
	}
	
	#footer {
		margin-top:0;
	}
	
	.box-logos .logos .elm {
		margin-left:10px;
		margin-right:10px;
	}
	.box-logos .logos img {
		height:45px;
	}
	.box-logos .logos .small1 img {
		height:calc(45px - 0.5em);
	}
	.box-logos .logos .small2 img {
		height:calc(45px - 0.75em);
	}
	.box-logos .logos .small3 img {
		height:calc(45px - 1.25em);
	}
	
	body.sec-home .box-splash-wrapper {
		--splash-tgl-top:45px;
	}
	.box-splash {
		max-height:600px;	
	}
	
	.XXXbox-splash .slide-navi {
		top:3px;
		bottom:auto;
		left:auto;
		text-align:right;
	}
	.box-splash .slide-ctrl {
		display:none;
	}
	
	.box-splash .bg-img.has-mobile img:not(.mobile) {
		display:none;
	}
	.box-splash .bg-img img.mobile {
		display:block;
	}
	
	.XXXbox-splash .overground .box-pic {
		top:50%;
		right: 15px;
		bottom: 40px;
	}
	.box-splash .overground .inner {
		bottom:40px;
	}
	.box-splash .overground .box-text {
		max-width:100% !important;
		text-shadow:0 0 5px rgba(0,0,0,.7), 0 0 20px rgba(0,0,0,.99);
		font-size:20px;
	}
	.box-splash .overground .title {
		font-size:35px;
		text-shadow:0 0 5px rgba(0,0,0,.5), 0 0 20px rgba(0,0,0,.3);
	}
	
	.article-nav .prev, 
	.article-nav .next {
		width:40px;
	}
	.article-nav .prev .ico, 
	.article-nav .next .ico {
		font-size:25px;
	}
	
	.article-single .bg-image {
		position:static;
		height:200px;
	}
	.article-single .blk-content {
		float:none;
		margin-top:0px;
		margin-bottom:68px;
	}
	
	.pic2.lbx {
		display:block;
		float:none !important;
		width:100% !important;
		max-width:320px;
		height:auto;
		margin:0 auto 20px !important;
	}
	
	.fx-zoom-pic .ico-fx {
		height:32px;
    	width:32px;
    	line-height:32px;
    	font-size:16px;
	}
	
	.box-contact .lead .tel,
	.box-special.size-lead .tel {
    	font-size:23px;
    	font-weight:500 !important;
	}
	.box-special {
    	line-height:normal;
	}
	.XXbox-special.important .small {
    	font-size:75%;
	}
	
	.XXXbox-welcome .pic {
		margin-bottom:20px;
	}
	
	.box-spektrum .box-group .row {
		display:block;
	}
	.XXXbox-spektrum .box-group .more-pic {
		display:block;
		margin:0 -15px 20px;
	}
	
	.box-partner.minimal .row-elm .col {
		width:20%;
	}
	
	#osmap {
		height:480px;
	}
	
	.box-form textarea {
		min-height:200px;
	}
	
	.box-contact .col-logo .logo {
		display:block;
		margin:2rem auto 3rem;
		width:70%;
		max-width:300px;
	}
	.box-contact .col-logo:before,
	.box-contact .col-logo:after {
		width:13%;
		left:0;
	}
	.box-contact .col-logo:after {
		right:0;
		left:auto;
	}
	
	#footer .box-main {
		padding-top:50px;
	}
	#footer .box-intro .tel {
    	font-size:25px;
	}
	#footer address {
		margin-bottom:0;
	}
	
	#footer .bar ul {
		row-gap:15px;
	}
	#footer .designer {
		line-height:2.5 !important;
	}
}