/*!
Theme Name: con
Description: Hanamicon/Yunicon
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: con

we use bootstrap!
*/


 /*
  * VARIABLEN AUS CUSTOMIZER
  *
  * --con-colors-primary
    --con-colors-primary_text
    --con-colors-secondary
    --con-colors-secondary_text:
    --con-colors-tertiary
    --con-colors-tertiary_text
    --con-colors-complementary
    --con-colors-complementary_text
    --con-colors-background
    --con-colors-background_radial
    --con-colors-text
    --con-colors-link
    --con-colors-light
    --con-colors-light_text
    --con-colors-dark
    --con-colors-dark_text
    --con-images-logo_alt
    --con-images-mascot
    --con-images-header
    --con-images-background_top_left
    --con-images-background_bottom_left
    --con-images-background_bottom_right
    --con-fonts-header
    --con-fonts-text
  *
  *
  */


/*
 *
 * MEDIA QUERIES FOR BOOTSTRAP 5
 *
 * @media(min-width:576px){} --> --bs-xs-breakpoint
 * @media(min-width:768px){} --> --bs-s-breakpoint
 * @media(min-width:992px){} --> --bs-md-breakpoint
 * @media(min-width:1200px){} --> --bs-l-breakpoint
 * @media(min-width:1400px){} --> --bs-xl-breakpoint
 *
 * */


/*
 *
 * BASIC STYLES
 *
 * */
:root {
    --bs-body-font-family: var(--con-fonts-text);
	--a-hover-rotate: rotate(-5deg);
	--a-hover-scale-large: scale(1.5);
	--a-hover-scale-small: scale(1.15);
	--bs-xs-breakpoint: 576px;
	--bs-s-breakpoint: 768px;
	--bs-md-breakpoint: 992px;
	--bs-l-breakpoint: 1200px;
	--bs-xl-breakpoint: 1400px;
}

body {
    font-family: var(--con-fonts-text);
    color: var(--con-colors-text);
	hyphens: auto;
	overflow-x: hidden;
	overscroll-behavior-x: none;
}
a, a:active, a:hover, a:visited  {
	color: var(--con-colors-link);
	transition: all .25s;
	transform-origin: left center;
	display: inline-block;
}
a:hover {
	opacity: 0.5;
}

/*
#site-footer a:hover,
#page a:hover {
	transform: var(--a-hover-rotate) var(--a-hover-scale-large);
	text-shadow: 0 0 15px rgba(255,255,255,.5);
}
*/
a.wp-block-button__link,
a.lookback-button {
	border-radius: 0 !important;
	font-size: 1.5rem;
	font-weight: lighter;
	text-transform: uppercase;
	padding: 10px 20px;
        background-color: var(--con-colors-complementary);
	color: var(--con-colors-complementary_text);
}
@media screen and ( max-width: 992px ) {
    a.wp-block-button__link,
    a.lookback-button {
        font-size: 1rem;
    }
}


.con-sidebar-main li.menu-item-has-children > a:after,
a.wp-block-button__link:after,
a.lookback-button:after {
	content: ' ';
	background-color: var(--con-colors-complementary_text);
	-webkit-mask-image: url('assets/img/Icon__Pfeil.svg');
	mask-image: url('assets/img/Icon__Pfeil.svg');
	mask-repeat: no-repeat;
	width: 35px;
	height: 25px;
	padding-left: 39px;
	position: relative;
	opacity: .75;
	left: 5px;
}

.con-sidebar-main li.menu-item-has-children > a:after {
	padding-left: 1em;
	top: 0.25em;
}

a.wp-block-button__link:hover,
a.lookback-button:hover {
	transform: var(--a-hover-rotate) var(--a-hover-scale-small);
}
a.lookback-button {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--con-colors-complementary);
    color: var(--con-colors-complementary_text);
    text-decoration: none;
    transform-origin: center;
}
a.lookback-button:after {
    left: 10px;
}
.download a.wp-block-button__link:after {
	content: ' ';
	background-color: var(--con-colors-complementary_text);
	-webkit-mask-image: url('assets/img/Icon__Download.svg');
    mask-image: url('assets/img/Icon__Download.svg');
	mask-repeat: no-repeat;
	width: 35px;
	height: 25px;
	padding-left: 31px;
	position: relative;
	opacity: .75;
	left: 15px;
	margin-right: 10px;
}
/*
.wp-block-gallery a:hover {
	transform: none;
}
*/
button.button {
	color: var(--con-colors-text);
}

@media screen and ( max-width: 992px ) {
    .download a.wp-block-button__link:after {
        padding-left: 21px;
    }
    a.wp-block-button__link:after, a.lookback-button:after {
        padding-left: 26px;
    }
}

.archive-header .post-thumbnail img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.archive-header .page-title {
	font-family: var(--con-fonts-header);
	text-shadow: 0.065em 0.05em 0 var(--con-colors-textshadow);
	font-size: 4rem;
	color: var(--con-colors-primary);
	text-align: center;
	margin-bottom: -2rem;
	position: relative;
	z-index: 9;
}


h1, h2 {
	color: var(--con-colors-primary);
	text-align: center;
	margin-bottom: -20px;
	position: relative;
	z-index: 9;
	pointer-events: none;
}
h1 {
	font-size: 4rem;
}
h2 {
	font-size: 3.33rem;
	margin-top: 100px;
}
h1, h2 {
    font-family: var(--con-fonts-header);
	text-shadow: 0.065em 0.05em 0 var(--con-colors-textshadow);
}

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    height: auto;
}

ul {
	max-width: 750px;
	margin: auto;
	width: 100%;
}
.blocks-gallery-grid, .wp-block-gallery {
	max-width: 10000px;
}
ul li::marker {
	color: var(--con-colors-primary);
	font-size: 2rem;
	padding-top: 5px;
}
ul li {
	margin-bottom: 15px;
}
ul li.product strong {
	font-size: 1.35rem;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
	top: -2px;
}
.aligncenter .wp-block-embed__wrapper {
	text-align: center;
}

@media(max-width:992px) {
	p.page-title,
	h1 {
		font-size: 3rem !important;
		hyphens:  auto;
		line-height:  1.1;
	}
	h2 {
		font-size: 2.22rem !important;
		hyphens: auto;
		line-height:  1;
		margin-bottom: -0.25em;
        margin-top: 2em;
	}
	h3, h4, h5, h6 {
		hyphens:  auto;
	}
}

header.is_full {
    position: relative;
}
header.is_full .post-thumbnail {
    opacity: .75;
}
header .con_is_full .con_is_full_string,
header .con_is_full .con_is_full_notice {
    position: absolute;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 25px;
    background: var(--con-colors-primary);
    font-size: 1.5rem;
    color: var(--con-colors-primary_text);
    font-weight: lighter;
}

header .con_is_full .con_is_full_string {
    bottom: 65px;
    right: 15px;
}
header .con_is_full .con_is_full_notice {
    bottom: 5px;
    right: 15px;
}


@media(max-width: 767px) {
	header.is_full .con_is_full {
		font-size: 1rem;
		bottom: -10px;
	}

	header.is_full .con_is_full {
		display: block;
		position: relative;
		bottom: auto;
		margin: 0px 10px;
		width: auto;
		text-align: center;

	}
	header.is_full .con_is_full .con_is_full_string,
	header.is_full .con_is_full .con_is_full_notice {
		width: 100%;
		display: block;
		position: relative;
		margin: -20px 0 25px 0px;
		bottom: auto;
		left: auto;
		right: auto;
		font-size: 1rem;
	}
}

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





/*
 *
 * BACKGROUND
 *
 * */
body, footer {
    background: radial-gradient(closest-side at 50% 50%, var(--con-colors-background) 0%, var(--con-colors-background_radial) 100%) no-repeat padding-box;
    background-attachment: fixed;
}

.con-background-images,
.con-background-images::after,
.con-background-images::before {
    z-index: -1;
    pointer-events: none;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: auto;
    width: auto;
    content: ' ';

    background-image: var(--con-images-background_top_left);
    background-position: left -75px;
    background-repeat: no-repeat;
    background-size: 25% auto;
}
.con-background-images::after {
    background-image: var(--con-images-background_bottom_left);
    background-position: bottom left;
}
.con-background-images::before {
    background-image: var(--con-images-background_bottom_right);
    background-position: bottom right;
}

@media(max-width:992px) {
	.con-background-images {
		background-size: 48%;
		background-position: left top;
		width: 100%;
	}
}


/*
 *
 * MAIN-CONTENT
 *
 * */

#page {
    display: grid;
    grid-template-columns: 25% 60%;
    grid-auto-flow: dense;
	column-gap: 150px;
	align-items: start;
}
@media(max-width:1200px){
	#page {
		column-gap: 100px;
	}
}

#page #primary {
	grid-column: 2;
	margin-top: 10rem;
	padding: 16px;
}

@media(max-width:992px){
	#page {
		grid-template-columns: 1fr;
		overflow-x: hidden;
	}
	#page  #primary {
		grid-column: 1;
		order: 2;
		margin-bottom: 150px;
	}
	#page  #secondary {
		order: 1;
	}
}

#page .con-home-page,
#page .archive-description {
	margin-bottom: 50px;
}
#page p:not(.page-title),
figure.wp-block-video {
	padding: 25px 0 25px 0;
	max-width: 850px;
	width: 90%;
	margin: auto;
	font-size: 1.1rem;
	line-height: 1.75;
}

@media(max-width:992px) {
    #page .con-home-page {
        padding-top: 35px;
    }
	#page #primary {
		margin-top: 4rem;
		width: 100vw;
	}
	#page .entry-content p,
        #page .entry-content ul {
		width: 90%;
		margin: auto;
		word-break: break-word;
	}
}


/* ARCHIVE LIST */
#page .archive-list article {
	display: flex;
	height: 225px;
	align-items: stretch;
	position: relative;
}
#page :not(.con-page-highlights) > .archive-list article.is_highlight {
	height: 450px;
}
#page .archive-list article .tags {
	position: absolute;
	background: var(--con-colors-primary);
	color: var(--con-colors-primary_text);
	padding: 5px 15px;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: lighter;
	left: -15px;
	top: 35px;
	letter-spacing: 1px;
	transform: rotate(-3deg);
	z-index: 9;
}
#page .archive-list article .list-image,
#page .archive-list article .list-description {
	flex-basis: 50%;
}
#page .archive-list article.is_full .list-image {
    position: relative;
}
#page .archive-list article.is_full .list-image:after {
    position: absolute;
    content: ' ';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
}
#page .archive-list article.is_full .list-image .con_is_full {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    text-transform: uppercase;
    transform: translateX(-50%) translateY(-50%);
    border: 1px solid white;
    color: white;
    padding: 5px 10px;
    letter-spacing: 1px;
}
#page .archive-list article:nth-child(odd) {
	background: var(--con-colors-primary);
}
#page .archive-list article:nth-child(even) {
	background: var(--con-colors-dark);
	color:  var(--con-colors-dark_text);
}
#page .archive-list article:nth-child(odd) .list-image {
	order: 5;
}
#page .archive-list article:nth-child(odd) .list-description {
	order: 10;
	color: var(--con-colors-primary_text);
}
#page .archive-list article:nth-child(odd) .list-description h3 a {
	color: var(--con-colors-primary_text);
}
#page .archive-list article:nth-child(even) .list-description h3 a {
	color: var(--con-colors-complementary_text);
}
#page .archive-list article:nth-child(even) .list-image {
	order: 10;
}
#page .archive-list article:nth-child(even) .list-description {
	order: 5;
}
#page .archive-list article .list-image {
	overflow: hidden;
}
#page .archive-list article .list-image a {
	display: initial;
}
#page .archive-list article .list-image .post-thumbnail {
	width: 100%;
	height: 100%;
}
#page .archive-list article .list-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#page .archive-list article .list-description {
	align-self: flex-end;
	padding: 5px;
}
#page .archive-list article .list-description h3 {
	position: relative;
}
#page .archive-list article .list-description h3 a {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bolder;
	letter-spacing: 1px;
	padding: 20px;
}
/*
#page .archive-list article .list-description h3 a:hover {
	transform: var(--a-hover-scale-small) var(--a-hover-rotate);
}
*/
#page .archive-list article .list-description h3 a:after {
	content: ' ';
	background-color: var(--con-colors-dark_text);
	-webkit-mask-image: url('assets/img/Icon__Pfeil.svg');
    mask-image: url('assets/img/Icon__Pfeil.svg');
	width: 35px;
	height: 25px;
	padding-left: 46px;
	position: relative;
	left: 25px;
	opacity: .75;
}
#page .archive-list article:nth-child(odd) .list-description h3 a:after {
    background-color: var(--con-colors-primary_text);
}
#page .archive-list article:nth-child(odd) .list-description h3 a:after {
	filter: brightness(200%);
}

@media(max-width:992px) {
	#page .archive-list article {
		height: 150px;
	}
	#page .archive-list article.is_highlight {
		height: 300px;
	}
	#page .archive-list article .list-description {
		overflow: hidden;
	}
	#page .archive-list article .list-description h3 {
		font-size: 1.1rem;
	}
	#page .archive-list article .list-description h3 a:after {
		padding-left: 38px;
		left: 12px;
		font-size: calc(1.3rem + .6vw);
	}
	#page .archive-list article .tags {
		left: 0;
		transform: rotate(-3deg);
		top: auto;
                bottom: 25px;
	}
}



/*
 *
 * MENU
 *
 * */
#page #secondary {
    grid-column: 1;
	/* position: sticky; */
	top: 32px;
	z-index: 9;
}

#page #secondary .con-logo {
	margin: 35% auto 10% auto;
	display: block;
	padding: 0 25px;
}
#page #secondary .con-logo img {
    max-height: 200px;
}
#page #secondary .con-logo:hover {
	transform: var(--a-hover-rotate) var(--a-hover-scale-small);
}
@media (max-width: 992px) {
	#page #secondary {
		position: relative;
		top: 0;
		width: 100%;
	}
	#page #secondary .con-logo {
		margin: 100px auto 15px auto;
		max-width: 350px;
	}
}

.con-sidebar-main {
    background-color: var(--con-colors-primary);
    color: var(--con-colors-primary_text);
    width: 100%;
	padding: 25px 25px 25px 35%;
	position: relative;
}
.con-sidebar-main li.menu-item-has-children {
	position: relative;
}

.con-sidebar-main a {
    color: inherit;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.5rem;
	font-weight: lighter;
	margin: 10px auto;
	display: inline-block;
}
.con-sidebar-main .sub-menu a {
	margin: 0 auto;
	font-size: 1.25rem;
}
.con-sidebar-main .sub-menu li:last-child {
	margin-bottom: 0;
}

.con-sidebar-main li.wpml-ls-item {
	position: absolute;
	top: -15px;
	right: -5px;
	background: white;
	display: none;
}
.con-sidebar-main li.wpml-ls-item a {
	background: white;
	padding: 5px 15px;
}
.con-sidebar-main li.wpml-ls-item .sub-menu {
	list-style-type: none;
}
.con-sidebar-main .current-menu-item > a,
.con-sidebar-main .current-menu-parent > a {
	background: var(--con-colors-complementary);
	padding: 2px 5px;
	transform: var(--a-hover-rotate) var(--a-hover-scale-small);
        color: var(--con-colors-complementary_text);
}
.con-sidebar-main .sub-menu {
	list-style-type: none;
	position: absolute;
	left: 100%;
	top: 12%;
    transform: translateY(-66%);
	background: var(--con-colors-secondary);
	color: var(--con-colors-secondary_text);
	overflow: hidden;
	padding-inline-start: 0;
	opacity: 0;
	hyphens: none;
	transition: opacity 0.2s ease-in-out;
	padding: 35px;
	pointer-events: none;

}
.con-sidebar-main li.menu-item-has-children:hover .sub-menu {
	opacity: 1;
	pointer-events: initial;
}
.con-sidebar-main li.menu-item-has-children:hover {
	background: var(--con-colors-secondary);
}

#page #secondary > ul {
	list-style-type: none;
	padding-inline-start: 0;
	margin-top: 25px;
	display: inline-block;
	width: calc(125px + 35%);
}
#page #secondary > ul li {
	padding: 20px 20px 20px 35%;
}


/* KOKORO */

/* KOKORO */


#page #secondary > ul li img {
	max-width: 125px;
}

@media (max-width: 992px) {
	.con-sidebar-main {
		padding: 10px;
		position: inherit;
		text-align: center;
	}
	.con-sidebar-main a {
			font-size: 1.15rem;
			font-weight: bolder;
			letter-spacing: 1px;
	}
	/*
	.con-sidebar-main a:hover {
		transform: var(--a-hover-rotate) scale(1.05) !important;
	}
	*/
	.con-sidebar-main li {
		display: inline-block;
		margin-right: 20px;
                margin-bottom: 0px;
                text-align: left;
	}
        .con-sidebar-main li li {
            margin-bottom: 15px;
        }
        .con-sidebar-main li li:last-child {
            margin-bottom: 0;
        }
	.con-sidebar-main li:last-child {
		margin-right: 0;
	}
	#page #secondary > ul {
		margin-top: 0;
		width: auto;
		position: absolute;
		top: 4px;
		right: auto;
                left: 0;
	}
	#page #secondary > ul li {
		padding: 10px 10px 10px 25px;
		border-bottom-left-radius: 0px;
		margin-right: 43px;
	}
	#page #secondary > ul li img {
		max-width: 105px;
	}
	.con-sidebar-main .sub-menu {
		left: 0;
		right: 0;
		top: 135px;
		width: 200px;
		z-index: 99;
	}
	.con-sidebar-main .sub-menu a {
		font-size: 1rem;
	}
	.con-sidebar-main li.wpml-ls-item {
		z-index: 99;
		background: var(--con-colors-primary);
	}
	.con-sidebar-main li.wpml-ls-item a {
		background: var(--con-colors-primary);
		margin-bottom: 5px;
	}
}




/*
 *
 * CON HOME
 *
 * */
#primary .con-home-header {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 125px;
}
.con-home-header-title {
	order: 5;
	display: none;
}
.con-home-header-img {
	order: 1;
}
.con-home-header-date,
.con-home-header-location,
.con-home-header-description {
	order: 15;
	position: absolute;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 25px;
	background: var(--con-colors-primary);
	font-size: 1.5rem;
	color: var(--con-colors-primary_text);
	font-weight: lighter;
}
.con-home-header-date {
	bottom: 100px;
	left: -10px;
}
.con-home-header-location {
	bottom: 35px;
	left: -25px;
	text-align:center;
}
.con-home-header-description {
	bottom: -30px;
	left: -10px;
}
.con-home-header-ticketbutton {
    position: absolute;
    bottom: -30px;
    left: 218px;
}

@media screen and ( max-width: 992px ) {
    .con-home-header-ticketbutton {
        left: 50%;
        transform: translateX(-50%);
        bottom: -44px;
    }
}


/* COUNTDOWN */
.con_countdown {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.con_countdown div[class*=con_countdown_]{
    margin-right: 25px;
    font-size: 4rem;
    position: relative;
}
.con_countdown div[class*=con_countdown_]:after {
    font-size: 1rem;
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translateX(-50%);
	word-break: keep-all;
	width: max-content;
}
.con_countdown .con_countdown_days:after {
    content: 'Tage';
}
.con_countdown .con_countdown_hours:after {
    content: 'Std.';
}
.con_countdown .con_countdown_minutes:after {
    content: 'Min.';
}
.con_countdown .con_countdown_seconds:after {
    content: 'Sek.';
}

[lang="en-US"] .con_countdown .con_countdown_days:after {	content: 'Days'; }
[lang="en-US"] .con_countdown .con_countdown_hours:after { content: 'Hours'; }
[lang="en-US"] .con_countdown .con_countdown_minutes:after { content: 'Min.'; }
[lang="en-US"] .con_countdown .con_countdown_seconds:after {	content: 'Sec.'; }
@media(max-width:767px) {

	.con_countdown div[class*=con_countdown_]{
		font-size: 2rem;
		margin-right: 15px;
	}
	.con_countdown div[class*=con_countdown_]:after {
		font-size: 0.5em;
		bottom: -1em;
	}
}

@media(max-width:992px) {
	#primary .con-home-header {
		margin-bottom: 45px;
	}
	.con-home-header-date,
	.con-home-header-location,
	.con-home-header-description {
		position: relative;
		top: 0;
		left: 0;
		bottom: 0;
		margin: auto;
	}
	.con-home-header-date {
		margin-top: -25px;
	}
	.con-home-header-img {
		margin-top: -5rem;
	}
}


#primary .con-home-tax {
	margin-bottom: 125px;
}




/*
 *
 * SINGLE
 *
 * */
.single .entry-header {
	margin-top: 50px;
}
.single .post-thumbnail {
	text-align: center;
}
.single .entry-header h1,
.single .entry-header h2 {
	margin-bottom: 0;
}



/*
 *
 * LOOKBACK
 *
 * */

.con-lookback {
	position: relative;
	margin-top: 300px;
}
.con-lookback-video {
	position: relative;
}
.con-lookback-subheader {
	position: absolute;
	z-index: 99;
	text-transform: uppercase;
	left: 0;
	bottom: 0;
	letter-spacing: 1px;
    padding: 10px 25px;
    background: var(--con-colors-primary);
    font-size: 1.5rem;
    color: var(--con-colors-primary_text) !important;
    font-weight: lighter;
	text-decoration: none;
}
.con-lookback-subheader1 {
	left: -35px;
	bottom: 180px;
}
.con-lookback-subheader2 {
	left: -20px;
	bottom: 115px;
}
.con-lookback .lookback-thankyou {
	background: var(--con-colors-light);
	color: var(--con-colors-light_text);
	padding: 25px;
	width: 66%;
	max-width: 650px;
	min-width: 350px;
	margin: -15px auto;
	text-align: center;
	position: relative;
	z-index: 8;
}
.con-lookback .lookback-thankyou b {
	font-size: 1.25rem;
	font-weight: bolder;
	color: var(--con-colors-light_text);
}
.lookback-gallery {
	display: flex;
}
.con-lookback .lookback-gallery a {
	overflow: hidden;
	color: var(--con-colors-light_text);
	max-height: 400px;
	transition: none;
	transform: scale(1) !important;
	flex-basis: 33%;
}
.con-lookback .lookback-gallery a img {
	max-width: 10000px;
	max-height: 10000px;
	object-fit: cover;
	object-position: center;
	height: 100%;
	width: 100%;
}

@media screen and ( max-width: 992px ) {
    .con-lookback-subheader {
        position: relative;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        margin: -50px auto 25px auto;
    }
}




/*
 *
 * BACKGROUNDS FULLSCREEN
 *
 * */

.con-form:after,
.con-lookback:after {
	content: ' ';
	width: 1000vw;
	position: absolute;
	left: -50vw;
	top: -150px;
	bottom: -125px;
	right: 0;
	background: var(--con-colors-tertiary);
	z-index: -99;
}





/*
 *
 * FORMS
 *
 * */
.con-form {
	width: 90%;
	margin: 250px auto 0px auto;
	position: relative;
}
.con-form form {
	padding: 75px;
	background: var(--con-colors-light);
	color: var(--con-colors-light_text);
	box-shadow: 0 0 50px rgba(0,0,0,.15);
	overflow: visible;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.con-form form a {
    color: var(--con-colors-light_text);
}
.con-form form label,
.con-form form .wpcf7-form-control-wrap,
.con-form form .wpcf7-form-control-wrap input,
.con-form form .wpcf7-form-control-wrap select,
.con-form form .wpcf7-form-control-wrap textarea,
.con-form form .wpcf7-form-control-wrap optgroup {
	width: 100%;
}
.con-form form .wpcf7-form-control-wrap input,
.con-form form .wpcf7-form-control-wrap select,
.con-form form .wpcf7-form-control-wrap optgroup {
	border: 0;
	border-bottom: 2px solid var(--con-colors-primary);
}
.con-form form .wpcf7-form-control-wrap input[type="file"] {
	border: 0;
}
.con-form form .wpcf7-form-control-wrap textarea {
	border: 2px solid var(--con-colors-primary);
}
.con-form form .wpcf7-form-control-wrap .wpcf7-list-item {
	display: block;
	/*float: left;*/
}
.con-form form .wpcf7-form-control-wrap .wpcf7-list-item input {
	float: left;
	width: 32px;
}
.con-form form .wpcf7-form-control-wrap .wpcf7-list-item span {
	margin-top: -6px;
	margin-bottom: 1rem;
	display: block;
	float: left;
}
.con-form form p {
	margin-bottom: 2.5rem;
	flex-basis: 30%;
	/*float: left;*/
	margin-right: 4%;
	text-align: left !important;
}
.con-form form p:nth-of-type(3n) {
	margin-right: 0;
}
.con-form form input[type="submit"],
.con-contact-form input[type="submit"] {
	text-transform: uppercase;
	font-weight: lighter;
	background: var(--con-colors-complementary);
	color: var(--con-colors-complementary_text);
	border: 0;
	border-radius: 0;
	padding: 5px 15px;
	letter-spacing: 1px;
	font-size: 1.5rem;
	position: absolute;
	right: -15px;
	bottom: 35px;
	transition: all .25s;
        text-decoration: none;
}
.con-form form input[type="submit"]:hover,
.con-contact-form input[type="submit"]:hover {
	transform: var(--a-hover-rotate) var(--a-hover-scale-small);
}

@media(max-width:992px) {
	.con-form form {
		padding: 50px;
	}
	.con-form form p {
		flex-basis: 100%;
	}

	.con-form form textarea,
	.con-form form input[type="number"],
	.con-form form input[type="email"],
	.con-form form input[type="text"],

	.con-contact-form textarea,
	.con-contact-form input[type="number"],
	.con-contact-form input[type="email"],
	.con-contact-form input[type="text"] {
		width: 100%;
	}
}
@media (max-width: 767px) {
	.con-form form input[type="submit"], .con-contact-form input[type="submit"] {
		position: relative;
		float: none;
		margin: 1em auto 0 auto;
		left: 0px;
		right: 0px;
		width: 100%;
		bottom: 0px;
	}
}




/*
 *
 * FOOTER
 *
 * */

.con-social svg {
    width: 64px;
    fill: var(--con-colors-text) !important;
    stroke: var(--con-colors-text) !important;
	background: radial-gradient(closest-side at 50% 50%, var(--con-colors-background) 0%, var(--con-colors-background_radial) 100%) no-repeat padding-box;
    border-radius: 50px;
}
#site-footer .con-social svg .st0,
#site-footer .con-social svg .st1 {
	stroke: var(--con-colors-primary_text);
}
#site-footer .con-social svg .st0 {
	fill: var(--con-colors-primary_text);
}
#site-footer {
    box-shadow: 0 0 50px #00000029;
	margin-top: 100px;
}

#site-footer .con-bottom {
    background: var(--con-colors-primary);
    color: var(--con-colors-primary_text);
    border-top: 2em solid var(--con-colors-secondary);
}
#site-footer .con-bottom,
#site-footer .row {
	margin-left: 0;
	margin-right: 0;
	padding: 25px 150px;
}
#site-footer .con-bottom a {
    color: inherit !important;;
}
#site-footer .con-bottom .con-social svg {
    width: 64px;
    fill: var(--con-colors-primary_text) !important;
    stroke: var(--con-colors-primary_text) !important;
	background: var(--con-colors-primary);
}
#site-footer .con-bottom .con-social svg .st1 {
	stroke: var(--con-colors-primary_text) !important;
}
#site-footer .con-bottom .con-social svg .st2 {
    fill: var(--con-colors-primary_text) !important;
}
#site-footer .con-mascot {
	align-items: center;
}
#site-footer .con-mascot img {
	margin-bottom: -65px;
}
#site-footer .con-mascot p {
	font-size: 3rem;
	text-transform: uppercase;
	color: var(--con-colors-primary);
	text-align: right;
	margin-bottom: 0;
}
#site-footer #menu-legal a {
	text-decoration: none;
	padding: 15px;
	letter-spacing: 1px;
}
#site-footer #menu-legal li {
	display: inline-block;
}


#site-footer .con-sponsor-container {
	overflow: hidden;
	max-width: 1000px;
	width: 100%;
	background: var(--con-colors-light);
	padding: 15px 35px 0px 35px;
	display: flex;
    flex-wrap: wrap;
}
#site-footer .con-sponsor-container h2 {
	margin-top: 0;
	flex-basis: 100%;
	margin-bottom: 1rem;
}
#site-footer .con-sponsor-container img {
	margin-bottom: 0;
}
#site-footer .con-sponsor-container .sponsor-widget {
    padding: 15px;
	flex-basis: 25%;
}
@media(max-width: 767px) {
	#site-footer .con-sponsor-container .sponsor-widget {
		flex-basis: 50%;
	}
	#site-footer .con-sponsor-container {
		padding: 15px;
		margin: 0px -20px;
		width: auto;
	}
}



#site-footer .connect-with-us {
	text-align: right;
	font-size: 2rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bolder;
}
#site-footer .con-bottom ul {
	margin: 0 0 0 auto;
}

@media(max-width:992px) {
	#site-footer .con-bottom,
	#site-footer .row {
		padding: 25px;
	}
	#site-footer .col {
		flex: 1 0 100%;
	}
	#site-footer .con-mascot .col {
		text-align: center;
	}
	#site-footer .con-mascot img {
		margin: 0 auto;
		width: 175px;
	}
	#site-footer .con-mascot p {
		font-size: 1.5rem;
		text-align: center;
		margin: 15px auto;
	}
	#site-footer .con-mascot .col .justify-content-start {
		justify-content: center !important;
	}
}


/*
 *
 * WOOCOMMERCE
 *
 * */
.woocommerce-breadcrumb,
.woocommerce-result-count,
.woocommerce-ordering {
	display: none;
}
.woocommerce-info,
.woocommerce-message,
.woocommerce-NoticeGroup {
	width: fit-content;
	margin: 16px auto;
	padding: 8px 32px;
	border-radius: 16px;
	color: var(--con-colors-secondary_text);
	background: var(--con-colors-secondary);
	background-color: var(--con-colors-secondary) !important;
}
.woocommerce-NoticeGroup .woocommerce-error {
	padding: 15px 15px 15px 45px;
	background-color: var(--con-colors-secondary) !important;
}
.woocommerce-error {
	background-color: unset !important;
	color: darkred !important;
}
.woocommerce-error li::marker {
	color: darkred;
	padding: 0px;
	font-size: 1rem;
}
.woocommerce-info a,
.woocommerce-message a {
	color: var(--con-colors-secondary_text);
}
.woocommerce #page h1 {
	margin-bottom: 2rem;
}
.woocommerce #page ul.products li.product {
	background: var(--con-colors-light);
	color: var(--con-colors-light_text);
	padding: 50px;
}
.woocommerce #page ul.products li.product a {
	transform: none;
	text-decoration: none;
	cursor: initial;
        /*color: var(--con-colors-light_text);*/
}
.woocommerce #page ul.products li.product .woocommerce-LoopProduct-link {
	display: flex;
	flex-direction: column;
	align-items: start;
}
.woocommerce #page ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--con-fonts-text);
	text-decoration: none;
	font-size: 1.5rem;
	margin-bottom: 0;
	text-shadow: none;
	background: var(--con-colors-primary);
	color: var(--con-colors-primary_text);
	padding: 10px 20px;
	display: inline-block;
	margin-left: -75px;
	margin-top: -10px;
	overflow-wrap: anywhere;
}
.woocommerce #page ul.products li.product .wc-gzd-additional-info.shipping-costs-info,
.woocommerce #page ul.products li.product .wc-gzd-sale-price-label {
    display: none;
}
.woocommerce #page ul.products li.product img {
	margin: auto;
}
.woocommerce #page ul.products li.product .price {
	display: block;
	margin-top: 15px;
}
.woocommerce #page ul.products li.product .price ins {
	text-decoration: none;
}
.woocommerce #page ul.products li.product .price del[aria-hidden="true"] {
	display: none;
}
.woocommerce #page .single_add_to_cart_button,
.woocommerce #page .add_to_cart_button,
.woocommerce #page ul.products li.product a.add_to_cart_button {
	background: var(--con-colors-complementary);
	color: var(--con-colors-complementary_text) !important;
	margin-top: 15px;
	display: inline-block;
	padding: 10px 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer !important;
	position: absolute;
	left: 50%;
	transform: translateX(-50%) !important;
	bottom: -20px;
	hyphens: none;
	white-space: nowrap;
	overflow: hidden;
}

.woocommerce #page form.cart  .single_add_to_cart_button {
    margin-bottom: 2em;
	position: relative !important;
}

.woocommerce #page .add_to_cart_button.out_of_stock {
    background: var(--con-colors-dark);
    color: var(--con-colors-dark_text);
    cursor: initial !important;
}
.woocommerce #page .single_add_to_cart_button:hover,
.woocommerce #page .add_to_cart_button:hover {
	transform: var(--a-hover-rotate) var(--a-hover-scale-small)  translateX(-50%) !important;
}
.woocommerce #page .onsale {
	display: none !important;
}
.woocommerce #page a.wc-forward {
	cursor: pointer !important;
	text-decoration: underline !important;
}

@media(max-width:992px) {
	.woocommerce #page ul.products li.product .woocommerce-loop-product__title {
		margin-left: -25px;
	}
	.woocommerce #page .single_add_to_cart_button,
	.woocommerce #page .add_to_cart_button {
		width: auto;
		text-align: center;
	}
}


/* PRODUKTDETAILSEITE */
/*
.single-product #primary .product {
	display: flex;
	flex-wrap: wrap;
}
*/

.woocommerce.single-product #page .product > .onsale {
    display: block !important;
    position: absolute;
    z-index: 99;
    background: var(--con-colors-primary);
    color: var(--con-colors-primary_text);
    padding: 10px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: lighter;
    transform: var(--a-hover-rotate);
    left: -10px;
    top: -5px;
}
.single-product #primary .product .woocommerce-product-gallery__wrapper {
    box-shadow: 0 0 25px rgba(0,0,0,.35);
}
.single-product #primary .product .woocommerce-product-gallery {
    flex-basis: 40%;
}
.single-product #primary .product .summary {
    flex-basis: 60%;
}
.single-product #primary .product .summary {
    padding-left: 5%;
}
.single-product #primary .product .summary .product_title,
.single-product #primary .product .summary .price {
    text-align: left;
}
.single-product #primary .product .summary .legal-price-info p {
    text-align: right;
}
.single-product #primary .product .summary p {
    width: 100%;
    margin: 0;
    padding: 0;
}
.single-product #primary .product .summary .wc-gzd-sale-price-label,
.single-product #primary .product .summary del {
    opacity: .75;
    font-style: italic;
    font-size: 1rem;
	display: block;
    width: 100%;
	margin-bottom: 0px;
}
.single-product #primary .product .summary del {
    padding-left: 5px;
}
.single-product #primary .product .summary .price {
    display: flex;
    flex-wrap: wrap;
}
.single-product #primary .product .summary .wc-gzd-sale-price-label.wc-gzd-sale-price-regular-label {
    opacity: 1;
    font-style: normal;
    flex-basis: 100%;
    font-size: 1.25rem;

}
.single-product #primary .product .summary .price ins .amount {
    font-size: 2rem;
    text-decoration: none;
    background: var(--con-colors-complementary);
	color: var(--con-colors-complementary_text);
    display: inline-block;
    margin: 0 auto 15px auto;
    padding: 5px 25px;
    transform: var(--a-hover-rotate);
}
.single-product #primary .product .summary .variations_form.cart {
    background: var(--con-colors-light);
    color: var(--con-colors-light_text);
    padding: 25px;
    position: relative;
}
.single-product #primary .product .summary .woocommerce-variation-availability p {
	text-align: left;
	padding-left: 60px;
}
.single-product #primary .product .summary .variations_form.cart button[type="submit"] {
    position: absolute;
    background: var(--con-colors-complementary);
    color: var(--con-colors-complementary_text);
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) !important;
    bottom: -20px;
    hyphens: none;
	max-width: 300px;
	width: 80%;
}
.single-product #primary .product .summary .wc-gzd-additional-info,
.single-product #primary .product .summary .product_meta {
    margin: 0 auto 35px auto;
    font-size: .75rem;
}
.single-product #primary .product .summary .product_meta {
    margin-top: 50px;
}
.single-product .variations .label {
    padding-right: 10px;
}
@media screen and ( max-width: 768px ) {
	.single-product .variations .label {
		vertical-align: top;
		hyphens: none;
	}
	.single-product .variations .label label {
		margin-top: 5px;
	}
}
.single-product .variations .value select {
    padding: 5px 8px;
    border: 1px solid var(--con-colors-light_text);
    background-color: var(--con-colors-light);
    color: var(--con-colors-light_text);
}
.single-product .variations .reset_variations {
	margin-left: 6px;
}
.single-product .woocommerce-tabs {
    width: 100%;
    margin: 100px 0;
}
.single-product .woocommerce-tabs .wc-tabs .active {
    padding-left: 25px;
}
.single-product .woocommerce-tabs .wc-tabs .active,
.single-product .woocommerce-tabs .wc-tabs .active a {
    background: var(--con-colors-light);
    color: var(--con-colors-light_text);
}
/*
.single-product .woocommerce-tabs .wc-tabs .active a:hover {
    transform: none !important;
}
*/
.single-product .woocommerce-tabs h2 {
    margin: auto;
    text-align: left;
}
.single-product .woocommerce-tabs .wc-tab {
    background: var(--con-colors-light);
    color: var(--con-colors-light_text);
    padding: 50px 25px 25px 25px;
}
.single-product .woocommerce-tabs .wc-tab .woocommerce-product-attributes {
    width: 100%;
}
.single-product .woocommerce-tabs .wc-tab .woocommerce-product-attributes th {
    width: 175px;
}
.single-product .woocommerce-tabs .wc-tab .woocommerce-product-attributes td {
    width: auto;
}
.single-product .woocommerce-tabs .wc-tab .woocommerce-product-attributes td.woocommerce-product-attributes-item__value p {
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important
}
.single-product #ppc-button {
    margin: 50px auto 0 auto;
    padding: 25px;
    width: 50%;
    max-width: 400px;
    /*background: var(--con-colors-light);*/
}
.single-product .woocommerce-product-details__short-description {
    margin-bottom: 25px;
}

.woocommerce.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	width: 25%;
	margin-bottom: 0px;
}
.woocommerce.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li img{
	width: 100%;
}


.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    text-align: center;
    margin-bottom: 20px;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li img {
    opacity: .33;
}



.single-product .related.products {
    display: flex;
    flex-wrap: wrap;
}
.single-product .related .products {
    grid-template-columns: repeat(3, 1fr);
    flex-basis: 100%;
}
.single-product .related h2 {
    flex-basis: 100%;
}


@media screen and ( max-width: 992px ) {
    .single-product .related .products {
        grid-template-columns: 1fr;
    }
    .single-product #primary .product .woocommerce-product-gallery,
    .single-product #primary .product .summary {
		box-sizing: border-box;
		max-width: 100%;
		flex-basis: 100%;
	}

	.variations select {
		width: 100%;
	}

	.single-product #primary .product .summary {
        padding-right: 5%;
    }
}






/* WARENKORB */
#con_cart {
	position: fixed;
	top: 50px;
	right: 0;
	padding: 5px 50px 5px 15px;
	background: var(--con-colors-primary);
        z-index: 999;
}
#con_cart svg {
	width: 44px;
	height: 44px;
	fill: var(--con-colors-primary_text);
}
#con_cart .small-icon svg {
    width: 30px;
    height: 30px;
}
#con_cart a {
  	margin-right: 15px;
	position: relative;
}
#con_cart #mini-cart-count {
	position: absolute;
	top: -2px;
	right: -14px;
	background: white;
	border-radius: 100px;
	padding: 2px 8px;
	font-size: .8rem;
	color: black;
}
.woocommerce-cart h1 {
	margin-bottom: 50px;
}
.woocommerce-cart h2 {
	font-family: var(--con-fonts-text);
	margin-bottom: 2rem;
	font-size: 2rem;
	text-shadow: none;
	text-transform: uppercase;
}
.woocommerce-cart .woocommerce table.cart {
	width: 100%;
}
.woocommerce-cart .woocommerce table.shop_table tbody tr:nth-child(odd) {
	background: #f2f2f2;
        color: #242424;
}
.woocommerce-cart .woocommerce table.shop_table tbody tr:nth-child(odd) a {
    color: #242424;
}
.woocommerce-cart .woocommerce table.shop_table tbody tr:nth-child(even) .quantity input {
    color: var(--con-colors-text);
}
.woocommerce-cart .woocommerce table.cart tbody td.product-thumbnail,
.woocommerce-cart .woocommerce table.cart thead th.product-thumbnail {
	display: none;
}
.woocommerce-cart .woocommerce table.shop_table tbody td {
	padding: 20px 10px;
}
.woocommerce-cart .woocommerce .cart_totals table {
	margin: auto;
}
.woocommerce-cart .woocommerce .cart_totals table th {
	padding-left: 10px;
}
.woocommerce-cart .cart_totals table tbody tr:nth-child(even) {
	color: var(--con-colors-secondary_text);
}
.woocommerce-cart .woocommerce .wc-proceed-to-checkout {
	text-align: center;
}
.woocommerce-cart .woocommerce .actions .coupon {
	/* width: 66%; */
	float: left;
}
@media screen and ( max-width: 992px ) {
    .woocommerce-cart .woocommerce .actions {
        text-align: center;
    }
    .woocommerce-cart .woocommerce .actions .coupon {
        float: none;
        margin: auto;
    }
    #con_cart {
        top: 5px;
    }
}
.woocommerce-cart .woocommerce .actions button[name="update_cart"] {
	float: right;
}
@media screen and ( max-width: 992px ) {
    .woocommerce-cart .woocommerce .actions button[name="update_cart"] {
        float: none;
        margin-top: 25px;
    }
}
.woocommerce-cart .woocommerce .actions button {
	border: 0;
	background: var(--con-colors-primary);
	color: var(--con-colors-primary_text);
	padding: 10px 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.woocommerce-cart .woocommerce .actions button[aria-disabled="true"] {
	opacity: .25;
}
.woocommerce-cart .woocommerce .actions #coupon_code {
	font-size: 1.5rem;
	border: 2px solid var(--con-colors-primary);
	position: relative;
	top: 3px;
	margin-bottom: 8px;
}

form.checkout.woocommerce-checkout {
	margin-top: 3em;
}

#place_order,
.woocommerce-cart .woocommerce .wc-proceed-to-checkout .button,
.woocommerce-page .place-order .button {
	background: var(--con-colors-complementary);
	color: var(--con-colors-complementary_text);
	margin-top: 15px;
	display: inline-block;
	padding: 10px 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	margin-top: 25px;
	translate: all .25s;
}
.woocommerce-cart .woocommerce .wc-proceed-to-checkout .button:hover,
.woocommerce-page .place-order .button:hover {
	transform: var(--a-hover-scale-small) var(--a-hover-rotate);
}
.woocommerce-page .checkout #customer_details {
	display: flex;
}
.woocommerce-page .checkout .col-1 {
	width: 45%;
	margin-right: 5%;
}
.woocommerce-page .checkout .col-2 {
	width: 50%;
}

@media screen and ( max-width: 992px ) {
    .woocommerce-page .checkout #customer_details {
        flex-wrap: wrap;
    }
    .woocommerce-page .checkout .col-1,
    .woocommerce-page .checkout .col-2 {
        width: 90%;
        margin: auto;
    }
}
.woocommerce-page .form-row {
	margin-bottom: 1.5rem;
}
.woocommerce-page .form-row label {
	width: 30%;
	margin-right: 3%;
	text-align: right;
}
.woocommerce-page #billing_address_2_field {
	margin-top: -8px !important;
}
/*.woocommerce-page .select2-container,*/
/*.woocommerce-page .form-row:not(.legal) input,*/
.woocommerce-page .form-row textarea {
	width: 67% !important;
}
.woocommerce-page .form-row input#legal {
	width: auto!important;
}

.woocommerce-page .form-row textarea {
	min-height: 200px;
}
.woocommerce-page .col-2 .form-row label {
	display: block;
	width: 100%;
	text-align: left;
}
.woocommerce-page .col2-set .form-row-last,
.woocommerce-page .col2-set .form-row-first {
	width: 100%;
	float: none;
}
.woocommerce-page .woocommerce-additional-fields {

}
.woocommerce-page h3 {
	margin-bottom: 25px;
}
.woocommerce .wc-gzd-checkbox-placeholder-data-download,
.woocommerce .wc-gzd-checkbox-placeholder-legal {
    margin-bottom: 50px;
}
.woocommerce-page #order_review {
	margin-top: 50px;
}
.woocommerce-checkout .shop_table {
	background-color: #f2f2f2;
	width: 100%;
}
.woocommerce-checkout .shop_table td,
.woocommerce-checkout .shop_table th {
	padding: 10px;
        color: #242424;
}
.woocommerce-checkout .shop_table tfoot {
	border-top: 2px solid rgba(0,0,0,.15);
}
.woocommerce-checkout .shop_table .order-total {
	font-weight: bolder;
}
.woocommerce-checkout .shop_table .order-total th,
.woocommerce-checkout .shop_table .cart-subtotal th{
	text-align: right;
}

.woocommerce .products {
	max-width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 50px;
	row-gap: 50px;
}
@media screen and (max-width:1200px) {
	.woocommerce .products {
		grid-template-columns:1fr 1fr;
	}
}
@media screen and (max-width: 992px) {
    .woocommerce .products {
            grid-template-columns: 1fr;
        }
}
.woocommerce .products li.product {
	width: 100% !important;
}
.woocommerce .add_to_cart_button {
	transition: all .25s;
}
.woocommerce .con_product_loop_short,
.woocommerce .con_product_loop_desc {
	margin: 25px auto;
}
.woocommerce li.product .price {
	font-weight: bolder;
	font-size: 1.25rem;
}
.woocommerce button {
	border: 0;
}
.woocommerce .quantity {
	margin: 15px auto;
}
.woocommerce .quantity:before {
	/*content: 'Menge: ';
	color: var(--con-colors-light_text);*/
}
.woocommerce .quantity input {
    width: 75px;
    background: transparent;
    border: 1px solid;
    text-align: center;
}
.woocommerce .qty-label {
    float: left;
    margin-right: 10px;
}
.select2-dropdown {
    color: #242424 !important;
}
.woocommerce .tabs.wc-tabs {
    max-width: 100000px;
    display: flex;
}
.woocommerce .tabs.wc-tabs li {
    padding-right: 25px;
    padding-left: 25px
}



#customer_login {
    display: flex;
}
#customer_login div[class*=u-column] {
    width: 50%;
}
#customer_login h2 {
    font-size: 2rem;
    margin-bottom: 25px;
}
.woocommerce-page.woocommerce-account .form-row label {
    width: 100%;
    text-align: center;
    margin-right: auto;
}
.woocommerce-page.woocommerce-account .form-row:not(.legal) input {
	width: 100% !important;
	border: 0;
	border-radius: 8px;
	padding: 10px;
}
.woocommerce-page.woocommerce-account .form-row:not(.legal) input[type="checkbox"] {
    width: auto !important;
}
.woocommerce-form-register {
	display: flex;
	flex-direction: column;
}
/* Exchange Password and Confirm E-Mail Inputs */
.woocommerce-form-register :nth-child(1) {
	order: -3;
}
.woocommerce-form-register :nth-child(2) {
	order: -1;
}
.woocommerce-form-register :nth-child(3) {
	order: -2;
}

.woocommerce-form-register button,
.woocommerce-form-login button {
    border-radius: 0 !important;
    font-size: 1.5rem;
    font-weight: lighter;
    text-transform: uppercase;
    padding: 10px 20px;
    background-color: var(--con-colors-complementary);
    color: var(--con-colors-complementary_text);
}
/* Change Order Overview Order (move tickets further up) */
/* Styles moved to tickets.php --> Only needed there and if tickets are present */



.con_features {
	margin: 100px auto;
}
.con_features .con_featured_price del {
	display: none;
}

.con_ticket_banner {
	font-weight: bolder;
	max-width: 650px;
	width: 90%;
	text-align: center;
	margin: 75px auto 0 auto;
	font-size: 1.15rem;
}



/*
 *
 * PREISLISTE
 *
 * */
.woocommerce .con_pricelist {
	width: 100%;
	margin: 0px auto 200px auto;
	background: var(--con-colors-light);
	border: 20px solid var(--con-colors-light);
	color: var(--con-colors-light_text);
}
.woocommerce .con_pricelist .transparent {
	color: rgba(0,0,0,.25);
}

@media screen and (max-width: 992px) {
    .woocommerce .con_pricelist {
        width: 90%;
    }
    .woocommerce .con_pricelist td {
        background: white;
    }
    .woocommerce .con_pricelist td:first-child {
        padding: 10px;
    }
}

@media screen and (max-width: 767px) {
	table.con_pricelist tr {
		display:  grid;
		grid-template-columns: 1fr 1fr 1fr;
	}

	table.con_pricelist tr th,
	table.con_pricelist tr td {
		display: block;
		padding: 5px !important;
	}

	table.con_pricelist tr th:first-child,
	table.con_pricelist tr td:first-child {
		grid-column-start: 1;
		grid-column-end: -1;
		border-bottom:  none;
	}
}

.woocommerce .con_pricelist td,
.woocommerce .con_pricelist th {
	border-bottom: 2px solid rgba(0,0,0,.2);
	padding: 20px 5px;
}
.woocommerce .con_pricelist th {
	font-weight: bolder;
	font-size: 1.25rem;
	text-transform: uppercase;
	color: #242424;
}
.woocommerce .con_pricelist td b {
	display: block;
	color: var(--con-colors-primary);
	font-size: 1.5rem;
	font-weight: bolder;
}
.woocommerce .con_pricelist td a {
	font-size: .9rem;
	text-decoration: none;
	background: var(--con-colors-complementary);
    color: var(--con-colors-complementary_text) !important;
	padding: 4px 12px 4px 4px; 
	text-transform: uppercase;
	font-weight: 300;
}
.woocommerce .con_pricelist td a svg {
	margin-right: 6px;
}
@media screen and (max-width: 767px) {
	.woocommerce .con_pricelist td a {
		margin-top: -10px;
		margin-bottom: 10px;
		padding: 6px;
	}
	.woocommerce .con_pricelist td a .text {
		display: none;
	}
}




/*
 *
 * VORVERKAUFSSTELLEN
 *
 * */
.con_preorder_list {
	margin: 50px auto 200px auto;
	text-align: center;
}
.con_preorder_list a.con_preorder_entry {
	text-decoration: none;
	background: var(--con-colors-light);
	padding: 25px;
	box-shadow: 0 0 25px rgba(0,0,0,.15);
	transform: scale(1) !important;
	margin: 10px;
	color: var(--con-colors-light_text);
}
.con_preorder_list b {
	display: block;
	color: var(--con-colors-primary);
	font-size: 1.5rem;
	font-weight: bolder;
}


/** TODO: ALEX@FLOW */


.con-infobox {
	margin: 50px 0;
	padding: 2em;
	background-color: var(--con-colors-secondary);
	color: var(--con-colors-secondary_text);
	text-align: center;
}

.con-infobox a {
	color: var(--con-colors-secondary_text);
}

.con_ticket_banner,
.con_features {
	clear: both;
}

.con_featured {
	margin: 1em auto;
	width: 100%;
	max-width: 700px;
	padding: 3em 100px;
	background-color: var(--con-colors-tertiary);
	position: relative;
}

.con_featured .con_featured_image {
	position: absolute;
	width: 200px;
        height: 66%;
        top: 16.5%;
        left: -125px;
	content: ' ';
	overflow: hidden;
	background-color: var(--con-colors-tertiary);
        padding: 10px;
}
.con_featured .con_featured_image img {
	width: 200px;
	max-width: 200px;
	max-height: 10000px;
	height: 100%;
        margin: auto;
}


.con_featured_content {
	background-color: var(--con-colors-light);
        color: var(--con-colors-light_text);
	padding: 1em;
	position: relative;
}

.con_featured_tags {
	font-family: var(--con-fonts-header);
	text-shadow: 0.065em 0.05em 0 var(--con-colors-textshadow);
	font-size: 1.5em;
	color: var(--con-colors-primary);
	position: relative;
	z-index: 9;
}

.con_featured_title {
	margin: 0 !important;
}
.con_featured_short {
	color: var(--con-colors-primary);
	font-size: 0.8em;
}
.con_featured_price {
    margin-bottom: 25px;
}

@media screen and ( max-width: 992px ) {
    .con_featured {
        padding: 3em;
    }
    .con_featured .con_featured_image {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
    }
    .con_featured .con_featured_image img {
	width: 100%;
	max-width: 2000px;
	max-height: 10000px;
	height: auto;
    }
}

.con_pricelist svg {
	/*fill: #242424;*/
	fill: var(--con-colors-complementary_text);
	width: 40px;
	height: 40px;
}




/*
 *
 * KONTAKTFORMULARE
 *
 */
.con-contact-form {
	display: flex;
	flex-wrap: wrap;
	margin: 50px auto 0 auto;
	width: 90%;
	max-width: 750px;
	background: var(--con-colors-light);
    box-shadow: 0 0 50px rgb(0 0 0 / 25%);
    padding: 50px 25px 0 25px;
    position: relative;
}
.con-contact-form p {
 	padding: 0 !important;
 	flex-basis: 100%;
 	width: auto !important;
 	margin-bottom: 15px !important;
}




/*
 *
 * SPRACHUMSCHALTER
 *
 */
#con_select_lang {
    position: fixed;
    right: 0;
    top: 110px;
	z-index:9;
}

#con_select_lang li {
    padding: 5px 25px 5px 5px;
}
#con_select_lang .wpml-ls-current-language {
    background: var(--con-colors-dark);
}





/*
 *
 * MEIN KONTO
 *
 */
.woocommerce-MyAccount-navigation ul {
	background: white !important;
	color: black;
	border-radius: 16px;
	text-align: center;
	max-width: 100%;
	padding-top: 25px;
}
.woocommerce-MyAccount-navigation ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 15px;
    margin-top: 0;
}

.woocommerce-MyAccount-navigation-link {
		font-size: 1.1rem;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 1px;
}
.woocommerce-MyAccount-navigation-link a {
	text-decoration: none;
	color: black;
}

.woocommerce-MyAccount-content {
	padding: 16px 32px;
}
.woocommerce-MyAccount-content > p:first-of-type {
	font-size: 18px !important;
	font-weight: bold;
	padding-bottom: 35px !important;
}
/*
#page .woocommerce .woocommerce-MyAccount-content a {
	margin: 10px auto;
}
*/
/*
#page .woocommerce-MyAccount-content p {
    text-align: left;
    padding: 25px 0 0 0;
}
*/
#page .woocommerce-MyAccount-content p.woocommerce-customer-details--phone,
#page .woocommerce-MyAccount-content p.woocommerce-customer-details--email {
	padding: 0;
	width: 100%;
	text-align: left;
}
#page .woocommerce-MyAccount-content p.woocommerce-info {
	padding: 25px;
	margin-top: 25px;
}
#page .woocommerce-MyAccount-content p label {
    width: 100%;
    text-align: left;
}
#page .woocommerce-MyAccount-content fieldset {
    margin-top: 16px;
}
#page .woocommerce-MyAccount-content legend {
    max-width: 850px;
    width: 90%;
    margin: auto;
    float: none;
}
#page .woocommerce-MyAccount-content table {
	width: 100%;
	margin-top: 35px;
}

@media screen and ( max-width: 768px ) {
	#page .woocommerce-MyAccount-content table {
		width: 90%;
		margin: 35px auto auto auto;
	}
}

#page .woocommerce-MyAccount-content .addresses {
	display: flex;
}
#page .woocommerce-MyAccount-content .addresses div[class*="col-"] {
	flex-basis: 50%;
}

@media screen and ( max-width: 768px ) {
	#page .woocommerce-MyAccount-content .addresses {
		flex-wrap: wrap;
	}
	#page .woocommerce-MyAccount-content .addresses div[class*="col-"] {
		flex-basis: 100%;
		padding: 15px;
	}
}

#page .woocommerce-form-row span:not(.required) {
	display: block;
}
#page .woocommerce-MyAccount-content button[type="submit"] {
    background: var(--con-colors-primary);
    color: var(--con-colors-primary_text) !important;
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
		font-weight: bold;
		border-radius: 8px;
}
#page .woocommerce-MyAccount-content h1,
#page .woocommerce-MyAccount-content h2 {
	font-family: var(--con-fonts-text);
	text-shadow: none;
	text-align: left;
	font-weight: bold;
	margin-bottom: 0;
	color: var(--con-colors-text);
}
#page .woocommerce-MyAccount-content h2 {
	font-size: 2rem;
}
#page .woocommerce-MyAccount-content h3 {
	margin-bottom: 10px;
}
#page .woocommerce-MyAccount-content .order_details tbody tr:last-child td {
	padding-bottom: 25px;
}
#page .woocommerce-MyAccount-content .order_details tfoot tr:nth-child(even),
#page .woocommerce-MyAccount-content .order_details tbody tr:nth-child(even){
	background: rgba(255,255,255,.2);
}
#page .woocommerce-MyAccount-content .order_details td {
	padding: 10px 0;
}

/* ORDERS */
.woocommerce-orders-table th {
	text-transform: uppercase;
	font-size: 16px;
}
.woocommerce-orders-table__cell-order-actions a {
	margin: 4px 16px 4px 0 !important;
	background-color: var(--con-colors-primary);
	color: var(--con-colors-primary_text);
	padding: 6px 8px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: bold;
}

/* ADDRESS */
.woocommerce-address-fields {
	max-width: 600px;
	margin: auto;
}
address {
	display: inline-block;
	margin-right: auto;
	min-width: 260px;
	border-radius: 8px;
	padding: 16px;
	background-color: var(--con-colors-secondary);
	color: var(--con-colors-secondary_text);
}
.woocommerce-Address a {
	background-color: var(--con-colors-primary);
	color: var(--con-colors-primary_text);
	text-decoration: none;
	padding: 8px;
	margin: 8px auto;
	border-radius: 8px;
}
.form-row {
	padding: 8px 0 !important;
}
.select2-container--default .select2-selection--single {
	border: 0;
	border-radius: 8px;
	height: 50px;
}
.select2-selection__rendered {
	line-height: 50px !important;
	text-align: left;
}
.select2-selection__arrow {
	height: 50px !important;
}
.select2-dropdown {
	border: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	border-radius: 8px;
}

/* DETAILS */
.woocommerce-EditAccountForm {
	margin: auto;
	max-width: 600px;
}
.woocommerce-form-row {
	padding: 8px 0 !important;
}


/*
 *
 * FRONTEND TICKETMANAGEMENT
 *
 * */
.ticketmanagement h1.small.left {
	text-align: left;
	font-size: 3rem;
	display: block;
	width: 90%;
	max-width: 1024px;
	margin: 4rem auto 0 auto;
}
.ticketmanagement #page {
	display: block;
	width: 90%;
	max-width: 1024px;
	margin: auto;
}
.ticketmanagement #page #primary {
	margin: 4rem 0 0 0;
}
#searchticket {
	background: var(--con-colors-light);
	color:  var(--con-colors-light_text);
	box-shadow: 0 0 50px rgba(0,0,0,.15);
	margin: 0 auto 75px auto;
	padding: 25px;
}
#searchticket input {
	padding: 10px;
}
#searchticket button[type="submit"] {
	border: 0;
	background: var(--con-colors-primary);
	color: var(--con-colors-primary_text);
	padding: 10px;
	margin-right: 25px;
}
#searchticket button[type="submit"]:before {
	content: 'Suchen ';
}
#ticketresult,
#searchresult {
	width: 44%;
	margin: 0 3%;
	float: left;
}
#ticketresult {
	padding-bottom: 0;
}
#ticketresult a,
#searchresult a {
	transform: scale(1) !important;
}
.ticketmanagement #ticketresult .con_address {
	margin-top: 2rem;
}
.ticketmanagement #ticketresult .con_product {
	font-size: 1.15rem;
	text-transform: uppercase;
	font-weight: bolder;
}
.ticketmanagement #ticketresult button {
	width: 200px;
	margin: auto;
	border: 0;
	background: #242424;
	border-radius: 50px;
	font-size: 1.15rem;
	text-transform: uppercase;
	color: white;
	padding: 10px 20px;
	margin-top: 1rem;
	float: right;
}
.ticketmanagement #ticketresult .con_statelabel {
	background: white;
	color: #242424;
	padding: 10px 20px;
	display: inline-block;
	margin: 1rem 1rem 1rem 0;
	font-size: 1.15rem;
	letter-spacing: 2px;
	float: left;
	text-transform: uppercase;
}
.ticketmanagement #ticketresult .con_ticket {
	background: var(--con-colors-primary);
	color: var(--con-colors-primary_text);
	padding: 25px 25px 10px 25px;
	border-radius: 25px;
	display: block;
	margin-top: 2rem;
	overflow: auto;
}
.ticketmanagement #ticketresult .con_invalidated {
	margin-top: 1.65rem;
}
.ticketmanagement #searchresult ul.tickets {
	margin-top: 2rem;
	padding-inline-start: 0;
}
.ticketmanagement #searchresult ul.tickets li {
	margin-bottom: 10px;
	list-style-type: none;
}

.order .order_status,
.order .order_id {
	display: inline-block;
	margin-right: 5px;
	font-weight: bold;
	margin-bottom:  3px;
	text-transform: uppercase;
	margin-top:  2em;
}

.ticketmanagement #searchresult ul.tickets {
	margin-top: 1em;
	margin-bottom: 2em
}

.cart-collaterals .cart_totals {
	/*background: var(--con-colors-light);*/
	color: var(--con-colors-light_text);


}

.woocommerce-cart h2 {
	font-family: var(--con-fonts-header);
	margin: 16px 0;
	display: block;
	font-size: 2rem;
	text-transform: uppercase;
	text-shadow: 0.065em 0.05em 0 var(--con-colors-textshadow);
}

.woocommerce-cart .wc-proceed-to-checkout {
	position: relative;
	bottom: -1em;
	margin-top: -1em;
}


.wc-gzd-checkbox-placeholder a {

	color: var(--con-colors-light_text);
}

.woocommerce-form-login__rememberme {
	margin-bottom: 15px;
}

#payment ul li::marker {
	content: "";
}
/* #payment, */
/* .wc-gzd-checkbox-placeholder, */
.woocommerce-additional-fields,
.woocommerce-account-fields,
.woocommerce-billing-fields {
	background: var(--con-colors-light);
	color: var(--con-colors-light_text);
}

h3#order_review_heading,
h3#order_payment_heading,
.woocommerce-additional-fields h3,
.woocommerce-billing-fields h3 {
	font-family: var(--con-fonts-header);
	margin-bottom: 0;
	margin-top: 0;
	display: block;
	font-size: 2rem;
	text-transform: uppercase;
	top: -0.5em;
	position: relative;
	text-align: center;
	color: var(--con-colors-primary);
	text-shadow: 0.065em 0.05em 0 var(--con-colors-textshadow);
}


.wc-gzd-checkbox-placeholder {
	padding: 1em 0;
	margin: 0 !important;
}
#payment {
	padding: 1em 0;

}
h3#order_review_heading,
h3#order_payment_heading {
	top: 0;
	margin-bottom: -0.5em;
}


.woocommerce-additional-fields p.form-row,
.woocommerce-billing-fields p.form-row {
	padding: 0.5em 0 !important;
}

.woocommerce-billing-fields .wc-proceed-to-checkout {
	position: relative;
	bottom: -1em;
	margin-top: -1em;
}

.woocommerce-checkout-review-order-table {
	margin-top: 2em;
}

#stripe-payment-data > p {
	font-size: 18px;
	font-weight: bold;
}

#wc-stripe-cc-form .form-row {
	display: grid;
	grid-template-columns: 200px 1fr;
	grid-gap: 0.5em;;
}


@media (max-width: 767px) {
	#wc-stripe-cc-form .form-row {
		grid-template-columns: 1fr !important;
	}
}

.wc-stripe-elements-field {
	border-radius: 8px;
	border: none !important;
	padding: 10px !important;
}
#wc-stripe-cc-form .form-row  label {
	width: 100%;
	margin: auto;
	text-align: left;
}

.text-align-center {
	text-align: center;
}



/** con event menu  */
.menu-event-menue-container {
	margin-bottom: 50px;
	position: relative;
	z-index: 1;
}
.con-eventmenu {
	display: flex;
	margin: -1em 0 0 1em;
	padding: 0px;
	width: 100%;
	min-width:  calc(100% - 2em);
	height: auto;
	gap: .25em;
	flex-wrap: wrap;
	justify-content: center;
}

.con-eventmenu > li {
	margin-bottom:  0;
}
.con-eventmenu > li a {
	display: block;
	background-color: var(--con-colors-primary);
	color: var(--con-colors-primary_text);
	padding: 0.5em 1em;
	text-decoration: none;
}

.con-eventmenu > li.current-menu-parent > a,
.con-eventmenu > li.current-menu-item > a {
	background-color: var(--con-colors-complementary);
	color: var(--con-colors-complementary_text);
}
.con-eventmenu .sub-menu {
	display: none;
}
.con-sidebar-main main .sub-menu {
	display: none;
}

/*.openinghours-container .openinghour-group .openinghour h3:first-of-type {
	display:none;
}*/


/** CON-PAGE **/
.openinghour {
	background: var(--con-colors-light);
	display: block;
	color: var(--con-colors-light_text);
	padding: 2em 1em 1em 1em;
	text-align: center;
}
.openinghour-group {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1em;
}
#page .openinghour-group p {
    padding: 0;
}
#page .openinghour-group p:last-child {
    margin-bottom: 20px;
}

/*
#page .con-page-bigevent a:hover {
    transform: none;
    opacity: .75;
}
*/
@media screen and ( min-width: 992px ) {
    #page .con-page-bigevent a {
        margin-left: calc( -25vw - 150px );
        width: calc(100vw + 150px);
    }
    #page .con-page-bigevent a img {
        width: calc(100vw + 150px);
    }
    #page .con-page-bigevent {
        margin: 150px 0 250px 0;
    }
}
@media (min-width: 1500px) {
	.openinghour-group {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media (max-width: 767px) {
	.openinghour-group {
		grid-template-columns: 1fr;
		margin: 0 1em;
	}
}


/** CON EVENT */
.con-page-eventlist-timelline {
	position: relative;
	width: 100%;
	overflow-y: auto;
	overflow-x: auto;
}
.con-page-eventlist-timelline-event[style*="width: 60%"] {
	width: 50% !important;
}
.con-page-eventlist-timelline-event[style*="width: 60%"][style*="left: 30%"] {
	left: 45% !important;
}
.con-page-eventlist-timelline a {
	text-decoration: none;
}
.con-page-eventlist-timelline a br {
	display: none;
}
/*
.con-page-eventlist-timelline a:hover {
	transform: scale(1.1) !important;
	box-shadow: 0 0 25px rgba(0,0,0,.15);
	z-index: 99;
}
*/
.con-page-eventlist-daylist {
	text-align: center;
	margin: 35px auto 25px auto;
}
.con-page-eventlist-day {
	padding: 10px 25px;
	border-radius: 0;
	border: 2px solid var(--con-colors-primary);
	margin-right: 12px;
}
.con-page-eventlist-day.active {
	background: var(--con-colors-primary);
	color: var(--con-colors-primary_text);
}

@media screen and ( max-width: 992px ) {
	.con-page-eventlist-daylist {
		padding-left: 10px;
	}
	.con-page-eventlist-day {
		margin-bottom: 10px;
	}
}

.con-page-eventlist-timelline-hours {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 0;
	width: 100%;
}
.con-page-eventlist-timelline-hour {
	display: block;
	font-size: 1rem;
	overflow: hidden;
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	width: 100%;
	padding: 0.5em 1em;
	border-top: 2px solid rgba(255,255,255,.35);
}

.con-page-eventlist-timelline-area {
	position: absolute;
	top: 0;
	height: 100%;
	background: rgba(255,255,255,.15);
	text-align: center;
	/** wird in JS berechnet left: 0; */
}
.con-page-eventlist h4 {
	font-size: 1.75rem;
	line-height: 1;
	font-weight: 300;
	text-align: center;
	height: auto;
}

.con-page-eventlist-daycontainer  {
	position: relative;

}
@media screen and ( min-width: 992px ) {
	.con-page-eventlist-daycontainer > svg {
		display: none;
	}
}

@media screen and ( max-width: 992px ) {
	.con-page-eventlist-daycontainer h3 {
		margin-left: 10px;
	}
}
.con-page-eventlist-daycontainer h4 {
	background: var(--con-colors-dark);
	color: var(--con-colors-dark_text);
	padding: 5px;
	margin: 8px auto auto auto;
	transform: rotate(-2deg);
	display: inline-block;
}
.con-page-eventlist-daycontainer h4:before {
	content: '';
	background: black;
	width: 100%;
	height: 50px;
}
a.con-page-eventlist-timelline-event {
	display: block;
	font-size: 1rem;
	overflow: hidden;
	box-sizing: border-box;
	background: var(--con-colors-primary);
	color: var(--con-colors-primary_text);
	padding: 6px;
	position: absolute;
	left: 0px;
	width: 96%;
	margin-left: 2%;
}
a.con-page-eventlist-timelline-event .time {
	display: block;
}
a.con-page-eventlist-timelline-event.mini .time,
a.con-page-eventlist-timelline-event.micro .time {
	display: none;
}
a.con-page-eventlist-timelline-event:hover:after {
	content: 'Details öffnen';
	margin-left: 5px;
	text-decoration: underline;
}
a.con-page-eventlist-timelline-event:hover .time {
	display: block;
}

a.con-page-eventlist-timelline-event:nth-child(odd) {
	background: var(--con-colors-secondary);
	color: var(--con-colors-secondary_text);
}

a.con-page-eventlist-timelline-event.mini:not(:hover) {
	font-size: 0.75em;
	padding-top: 0.15em;
}

a.con-page-eventlist-timelline-event.micro:not(:hover) {
	font-size: 0.65em;
	padding-top: 0em;
	min-height: 15px !important;
}
a.con-page-eventlist-timelline-event.mini:not(:hover) br {
	content: '';
}
a.con-page-eventlist-timelline-event.mini:not(:hover) br:after {
	content: ' ';
}


.con-page-eventlist-timelline-event:hover {
	height: auto !important;
	z-index: 1;
	opacity: 1;
}
.con-page-eventlist-timelline-event:not(:hover) {
	opacity: 0.8;
}

.con-page-eventlist-concontainer {
	margin-top: 75px;
}
.con-page-eventlist-concontainer a {
	text-decoration: none;
	padding: 10px 25px;
	margin: 18px 12px auto auto;
	background: var(--con-colors-complementary);
	color: var(--con-colors-complementary_text);
	transform: rotate(-2deg);
}
/*
.con-page-eventlist-concontainer a:hover {
	transform: scale(1.1) rotate(-1deg) !important;
}
*/


/*
 * 
 * POPUP
 * 
 * */
.ays_minimal_window {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-items: center;
	background-color: var(--con-colors-tertiary) !important;
}
.ays_minimal_btn-close  {
	position: absolute;
	top: 0;
	right: 0;
}

.ays_minimal_window img {
	margin: 10px auto;
}
.ays_minimal_head,
.ays_minimal_main {
    flex-basis: 100%;
}

.ays_minimal_header h2 {
    font-family: var(--con-fonts-text);
    text-shadow: none;
}

.ays_content_box {
    font-family: var(--con-fonts-text);
}

.close-minimal-btn {
	background: white;
	border-radius: 100px;
	right: -20px !important;
}

.woocommerce-form-row > span {
	text-align: left;
}

.mark, mark {
	padding: 8px;
	background-color: white;
	border-radius: 8px;
}


#wp-admin-bar-root-default {
	max-width: none;
}


.up-sells.upsells.products {
	grid-template-columns: 1fr;
}

@media screen and ( min-width: 1200px ) {
	#primary > .product.has-post-thumbnail {
		display: grid;
		grid-template-columns: 350px 1fr;
	}

	#primary > .product.has-post-thumbnail .up-sells.upsells,
	#primary > .product.has-post-thumbnail .related.products,
	#primary > .product.has-post-thumbnail .woocommerce-tabs.wc-tabs-wrapper {
		grid-column-start: -1;
		grid-column-end: 1;
		
	}
}




/* mobile menu */
#con-conlist-icon,
#con_cart .burger-menu-icon {
	display: none;
}	



@media ( max-width: 992px ) {
	#con_cart {
		padding-right: 20px;
	}
	#con_cart .burger-menu-icon {
		display: inline;
	}	
	.con-eventmenu {
		margin-left: 0;
		margin-right: 0;
	}
	
	#secondary {
		z-index: 100 !important;	
	}

	.menu-main-container {
		display: none;
		position: fixed;
		z-index: 99999;
		width: auto;
		height: auto;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		background-color: #ffffff99;
	}
	
    .con-sidebar-main {
		margin: 100px 12px 12px 12px ;
        padding: 10px;
        position: inherit;
        text-align: center;
		width: auto;
		display: block;
		left: 0px;
		right: 0px;

		max-height: 85svh;
        overflow-y: scroll;
		overflow-x: hidden;
    }
	.con-sidebar-main li {
        display: block;
	}
	.con-sidebar-main a {
		display: block;
		width: 100%;
	}
	
	.con-sidebar-main .sub-menu {
		top: 0;
		width: 100%;
		position: relative;
		transform: none;
		opacity: 1;
		pointer-events: all;
		padding: 0em;
		background: transparent;
	}
	.con-sidebar-main .sub-menu  li {
		margin-bottom: 5px;
		padding: 0.35em 0.8em;
		width: 100%;
		background: var(--con-colors-secondary);
	}
	.con-sidebar-main li.menu-item-has-children:hover {
		background: transparent;
	}


	.menu-main-container h2 {
		display: none;
	}
	.menu-main-container.active {
		display: block;
	}

	#con_select_lang {
		top: auto;
		bottom: 0;
	}
	
	#con_select_lang .wpml-ls-legacy-list-vertical {
		display: block;
		background: var(--con-colors-primary);
		border: none;
	}
	
	#con_select_lang .wpml-ls-legacy-list-vertical li {
		display: inline-block;
		padding: 0.5rem;
		
	}

	#con-conlist-icon {
		display: block;
		position: fixed;
		bottom: 0;
		height: 3rem;
		background: var(--con-colors-primary);
		z-index: 99;
	}
	#con-conlist-icon a {
		display: flex;
		height: 100%;
		padding: 5px 10px 5px 5px;
		text-decoration: none;
		line-height: 1;
		color: var(--con-colors-primary_text);
		fill: var(--con-colors-primary_text);
	}
	#con-conlist-icon a div {
		align-self: center;
		text-transform: uppercase;
		font-weight: bold;
	}
	#con-conlist-icon a svg {
		padding: 0.5rem;
	}
	#con-conlist-icon img {
		width: auto;
		height: 100%;
		aspect-ratio: 1/1;
		object-fit: contain;
	}

	#page #secondary ul.con-conlist-top {
		opacity: 0;
		pointer-events: none;
		top: auto;
		bottom: 3rem;
		position: fixed;
		transition: opacity 0.3s ease-in-out;
	}
	#page #secondary ul.con-conlist-top.active {
		opacity: 1;
		pointer-events: all;
	}

	#BorlabsCookieBoxWidget.bottom-left {
		bottom: 3rem !important;
	}

	#site-footer .con-bottom {
		padding-bottom: 4.5rem;
	}

}


/** search */

.search-box-container {
	opacity: 0;
	transform: opacity 0.3s ease-in-out;
	position: fixed;
	top: 5rem;
	width: 300px;
	margin: auto;
	left: 0px;
	right: 0px;
	background: var(--con-colors-primary);
	color: var(--con-colors-primary_text);
	padding: 1rem;
	pointer-events: none;
	z-index: 100;

}

.search-box-container.active {
	display: block;
	pointer-events: all;
	opacity: 1;
}

.search-box-container form {
    display: flex;
    width: 100%;
}

.search-box-container input {
    flex-grow: 1;
    border: none;
    padding: 0.5em 1em;
}

.search-box-container button {
    border: none;
    background: none;
}

.search-box-container button svg {
    width: 2rem;
    fill: var(--con-colors-primary_text);
}


body.con-state-hot .hotevent-displaynone {
	display:none;
}

/**BORLABS STYLING**/
.brlbs-cmpnt-widget svg {
    color: var(--con-colors-primary) !important;
}

.brlbs-cmpnt-widget svg:hover,
#BorlabsCookieBox .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle *,
#BorlabsCookieBox .brlbs-cmpnt-inline-link *,
#BorlabsCookieBox .brlbs-cmpnt-privacy-link:hover,
#BorlabsCookieBox .brlbs-cmpnt-imprint-link:hover,
.brlbs-cmpnt-container .brlbs-cmpnt-dialog-entrance-description a{
    color: var(--con-colors-dark_text) !important;
}

#BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active, .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active {
	background-color: var(--con-colors-light) !important;
	color: var(--con-colors-dark_text) !important;
	border-color: var(--con-colors-light) !important;
}
#BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover {
	background-color:var(--con-colors-primary) !important;
	border-color: var(--con-colors-primary); !important;
}


#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:checked, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:checked,
#BorlabsCookieBox .brlbs-cmpnt-btn-switch input:checked+.brlbs-cmpnt-slider, .brlbs-cmpnt-container .brlbs-cmpnt-btn-switch input:checked+.brlbs-cmpnt-slider,
#BorlabsCookieBox .brlbs-btn-accept-all {
	background-color:var(--con-colors-primary) !important;
	--brlbs-tw-ring-color:var(--con-colors-primary);
}
#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:disabled, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:disabled {
    background-color: var(--dialog-checkbox-background-color-disabled) !important;
    border-color: var(--dialog-checkbox-border-color-disabled);
    color: var(--dialog-checkbox-check-mark-color-disabled);
}

#BorlabsCookieBox .brlbs-btn-save,
#BorlabsCookieBox .brlbs-btn-accept-only-essential,
#CookieBoxPreferencesButton {
		background-color:var(--con-colors-light) !important;
    border-color: var(--con-colors-dark_text) !important;
	color:black !important;
}
#BorlabsCookieBox .brlbs-btn-save:hover,
#BorlabsCookieBox .brlbs-btn-accept-only-essential:hover,
#CookieBoxPreferencesButton:hover{
	background-color:var(--con-colors-light) !important;
	color:black !important;
}
#BorlabsCookieBox .brlbs-btn-accept-all:hover{
	background-color:var(--con-colors-secondary) !important;
}

#BorlabsCookieBox .brlbs-cmpnt-support-branding-link {
	display:none;
}

.woocommerce-order-received .woocommerce-customer-details .woocommerce-column {
	width:auto;
	text-align:center;
}