/* ########## Base ########## */
@font-face { font-family: "PSR Regular"; src: url("../fonts/publica-sans-round-regular.otf") format("opentype"); }
@font-face { font-family: "PSR Medium"; src: url("../fonts/publica-sans-round-medium.otf") format("opentype"); }
@font-face { font-family: "PSR Bold"; src: url("../fonts/publica-sans-round-bold.otf") format("opentype"); }
@font-face { font-family: "Open Sans Emoji"; src: url("../fonts/open-sans-emoji.otf") format("opentype"); }

::selection { background: var(--primary-color); color: var(--white); }
::-moz-selection { background: var(--primary-color); color: var(--white); }
::-webkit-scrollbar { width: 7px; }
::-webkit-scrollbar-track { background: #FAFAFA; }
::-webkit-scrollbar-thumb { background: var(--primary-color); }
::-webkit-scrollbar-thumb:hover { background: var(--primary-color-light); }
:focus-visible { outline: none; }

:root {
	--white: #FFFFFF;
    --primary-color: #746BF0;
    --primary-color-light: #7C74F1;
    --primary-color-dark: #665DEF;
	--secondary-color: #6A9BF3;
	--third-color: #6A9BF3;
	--heading: #37384E;
	--text: #737491;
	--light-text: #999AAF;
	--lighter-text: #E1E1E7;
	--bright-text: #AAAAB4;
	--background: #37384E;
	--light-background: #4A4B65;
	--bright-background: #F8F7FD;
	--brighter-background: #FCFCFE;
	--table-border: #E1E1E7;
	--whatsapp: #25D366;
	--whatsapp-light: #52E086;
	--whatsapp-dark: #22C35D;
	--price1: #F74F78;
	--price2: #6A9BF3;
	--price3: #25D366;
	--price4: #746BF0;
	--error: #F74F78;
	--error-dark: #F52458;
}
	
strong, b { font-family: "PSR Medium"; font-weight: normal; }
a {
    -moz-transition: all .3s !important;
    -o-transition: all .3s !important;
    -webkit-transition: all .3s !important;
    transition: all .3s !important;
}
a:focus,
a:hover {
    text-decoration: none;
    -moz-transition: all .3s !important;
    -o-transition: all .3s !important;
    -webkit-transition: all .3s !important;
    transition: all .3s !important;
}

@media (max-width: 959px) {
	.secondary-grid-none { display: none; }
}
/* ########## Base ########## */

.funnel .tm-header-mobile,
.funnel .tm-toolbar,
.funnel .tm-header,
.funnel .footer,
.funnel .footer-bottom,
.funnel .back-to-top,
.funnel .rabattcode-modal {
    display: none !important;
}

/* ########## Buttons ########## */
.button-group,
.subpage-button-group { display: flex; flex-direction: row; align-items: center; gap: 12px; }

@media (max-width: 1221px) {
	.button-group,
	.button-group a button { width: 100%; }
	.button-group { display: grid; grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 445px) {
	.button-group { grid-template-columns: repeat(1, 1fr); }
}
@media (max-width: 792px) {
	.subpage-button-group { flex-direction: column; }
	.subpage-button-group a { width: 100%; }
}

.button-container > div { gap: 2px; }
@media (max-width: 959px) {
	.button-container .uk-grid-margin { margin-top: 12px; }
}
@media (max-width: 639px) {
	.button-container .uk-grid { display: block; }
}

.uk-button-primary,
.uk-button-secondary { line-height: 47px; }
.uk-button-secondary {
	color: var(--white) !important;
	background-color: var(--primary-color) !important;
    border: 1.5px solid var(--primary-color) !important;
}
.uk-button-secondary:focus,
.uk-button-secondary:hover { background: var(--primary-color-dark) !important; }
.uk-button-primary:after {
	content: '';
	position: relative;
	top: 2px;
    display: inline-block;
    background: url(/wp-content/uploads/2022/03/arrow-right-long.svg) no-repeat;
    width: 20px;
    height: 14px;
	margin-left: 10px;
	filter: brightness(0) saturate(100%) invert(39%) sepia(61%) saturate(825%) hue-rotate(209deg) brightness(103%) contrast(89%);
}
.uk-button-primary:focus:after,
.uk-button-primary:hover:after { filter: brightness(0) invert(1); }
.uk-button-secondary:before {
	content: '';
    position: relative;
    top: 3px;
    display: inline-block;
    background: url(/wp-content/uploads/2022/03/cart.svg) no-repeat;
    width: 22px;
    height: 18px;
    margin-right: 3px;
    filter: brightness(0) invert(1);
}

@media (max-width: 639px) {
	.uk-button-primary,
	.uk-button-secondary { width: 100%; }
}

.whatsapp-button { color: var(--white); background: var(--whatsapp); }
.whatsapp-button:before {
	content: '';
	position: relative;
	top: 2px;
    display: inline-block;
    background: url(/wp-content/uploads/2022/03/whatsapp.svg) no-repeat;
    width: 14px;
    height: 14px;
	margin-right: 5px;
	filter: brightness(0) invert(1);
}
.whatsapp-button:focus,
.whatsapp-button:hover { background: var(--whatsapp-dark); }

.schnellanfrage-button { color: var(--white); background: var(--primary-color); }
.schnellanfrage-button:before {
	content: '';
	position: relative;
	top: 2px;
    display: inline-block;
    background: url(/wp-content/uploads/2022/03/double-arrow-right.svg) no-repeat;
    width: 20px;
    height: 14px;
	margin-right: 5px;
	filter: brightness(0) invert(1);
}
.schnellanfrage-button:focus,
.schnellanfrage-button:hover { background: var(--primary-color-dark); }

.mobile-whatsapp-button {
	font-size: 13px;
	line-height: 35px;
	color: var(--white);
	background: var(--whatsapp);
	border-radius: 9px;
	padding: 0 15px;
}
.mobile-whatsapp-button:before {
	content: '';
	position: relative;
	top: 2px;
    display: inline-block;
    background: url(/wp-content/uploads/2022/03/whatsapp.svg) no-repeat;
    width: 14px;
    height: 14px;
	margin-right: 5px;
	filter: brightness(0) invert(1);
}
.mobile-whatsapp-button:focus,
.mobile-whatsapp-button:hover { background: var(--whatsapp-dark); }

/* @media (max-width: 440px) {
	.mobile-whatsapp-button {
		position: absolute;
		z-index: 9999;
		top: 65px;
		right: -77px;
    	display: flex;
		align-items: center;   
	}
	.mobile-whatsapp-button:before { top: 0; }
} */

.full-header-button { color: var(--white); background: rgba(255 255 255 / 10%); width: 100%; }
.full-header-button:after {
	content: '';
	position: relative;
	top: 2px;
    display: inline-block;
    background: url(/wp-content/uploads/2022/03/arrow-right-long.svg) no-repeat;
    width: 20px;
    height: 14px;
	margin-left: 10px;
	filter: brightness(0) invert(1);
}
.full-header-button:focus,
.full-header-button:hover { background: rgba(255 255 255 / 15%); }

.header-button,
.modal-submit-button { color: var(--white) !important; background: rgba(255 255 255 / 10%) !important; border: 0 !important; }
.header-button:after {
	content: '';
	position: relative;
	top: 2px;
    display: inline-block;
    background: url(/wp-content/uploads/2022/03/arrow-right-long.svg) no-repeat;
    width: 20px;
    height: 14px;
	margin-left: 10px;
	filter: brightness(0) invert(1);
}
.header-button:focus,
.header-button:hover,
.modal-submit-button:focus,
.modal-submit-button:hover { background: rgba(255 255 255 / 15%) !important; }

@media (max-width: 639px) {
    .modal-submit-button { width: 100%; }
}

.information-button {
	color: var(--white) !important;
	background: var(--primary-color);
	-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.information-button span { font-family: 'PSR Regular' !important; font-size: 15px; font-weight: normal; }
.information-button:before {
	content: '';
	position: relative;
	top: 2px;
    display: inline-block;
    background: url(/wp-content/uploads/2022/03/double-arrow-right.svg) no-repeat;
    width: 20px;
    height: 14px;
	margin-right: 5px;
	filter: brightness(0) invert(1);
}
.information-button:focus,
.information-button:hover {
	background: var(--primary-color-dark);
	-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.uk-button-text:after {
	content: '';
	position: relative;
	top: 2px;
    display: inline-block;
    background: url(/wp-content/uploads/2022/03/arrow-right-long.svg) no-repeat;
    width: 20px;
    height: 14px;
	margin-left: 10px;
	filter: brightness(0) saturate(100%) invert(43%) sepia(74%) saturate(2158%) hue-rotate(222deg) brightness(94%) contrast(100%);
	-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.uk-button-text:focus:after,
.uk-button-text:hover:after {
	margin-left: 15px;
	-moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.download-button .uk-button-primary { display: flex; align-items: center; }
.download-button .uk-button-primary:after { display: none; }
.download-button .uk-button-primary:before {
	content: '';
    display: inline-block;
	width: 25px;
    height: 33px;
	margin-right: 10px;
}
.download-button .uk-grid .el-item:first-child .uk-button-primary:before { background: url(/wp-content/uploads/2022/11/download-vs-icon.svg) no-repeat; }
.download-button .uk-grid .el-item:last-child .uk-button-primary:before { background: url(/wp-content/uploads/2022/11/download-rs-icon.svg) no-repeat; }
.download-button .uk-button-primary:focus:before,
.download-button .uk-button-primary:hover:before { filter: brightness(0) invert(1); }
/* ########## Buttons ########## */

.error-404 .button-group { margin-top: 0; }
.error-404 .uk-button-primary:after { display: none; }
.error-404 .uk-button-primary:before {
    content: '';
    position: relative;
    top: 1px;
    display: inline-block;
    background: url(/wp-content/uploads/2022/03/arrow-right-long.svg) no-repeat;
    width: 20px;
    height: 14px;
	transform: rotate(180deg);
    margin-right: 10px;
    filter: brightness(0) saturate(100%) invert(39%) sepia(61%) saturate(825%) hue-rotate(209deg) brightness(103%) contrast(89%);
}
.error-404 .uk-button-primary:focus:before,
.error-404 .uk-button-primary:hover:before { filter: brightness(0) invert(1); }
.error-404 .uk-button-secondary:before { display: none; }
.error-404 .uk-button-secondary:after {
    content: '';
    position: relative;
    top: 2px;
    display: inline-block;
    background: url(/wp-content/uploads/2022/03/arrow-right-long.svg) no-repeat;
    width: 20px;
    height: 14px;
    margin-left: 10px;
    filter: brightness(0) invert(1);
}
.error404 .addtoany_content { display: none }

@media (max-width: 1199px) {
	.error-404 .call-to-action { margin-top: 20px; }
}
/* ########## Features ########## */

/* ########## Highlights ########## */
.highlights { background: var(--bright-background); }
.highlights > .uk-margin { border-bottom: 2px solid rgba(116 107 240 / 10%); }

.highlights .highlight-list .el-content { display: grid; grid-template-columns: 30px auto; gap: 15px; margin-top: 10px !important; }
.highlights .highlight-list span:before { position: relative; top: -10px; font-size: 30px; }
.highlights .highlight-list span.drucker:before { content: '🖨'; }
.highlights .highlight-list span.sterne:before { content: '✨'; }
.highlights .highlight-list span.augen:before { content: '👀'; }
.highlights .highlight-list span.kreuz:before { content: '❌'; }
.highlights .highlight-list span.geld:before { content: '💰'; }
.highlights .highlight-list span.geschenk:before { content: '🎁'; }
.highlights .highlight-list span.t-shirt:before { content: '👕'; }
.highlights .highlight-list span.karton:before { content: '📦'; }
.highlights .highlight-list span.tropfen:before { content: '💧'; }
.highlights .highlight-list span.rakete:before { content: '🚀'; }
.highlights .highlight-list p { margin-bottom: 0; }

@media (max-width: 959px) {
	.highlights { padding-top: 70px; padding-bottom: 70px; }
	.highlights div > .uk-grid { gap: 20px; }
	
	.highlights img { display: block; width: 500px; margin: 0 auto; }
}
/* ########## Highlights ########## */

/* ########## Accordion ########## */
.uk-accordion .el-item {
	background: var(--white);
	box-shadow: rgb(55 56 78 / 5%) 0px 0px 10px 0px;
	border: 0;
	border-radius: 12px;
	padding-top: 0;
}
.uk-accordion .el-item .uk-accordion-title {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	color: var(--heading);
	background: var(--white);
	box-shadow: rgb(55 56 78 / 5%) 0px 0px 10px 0px;
	border: 0;
    border-radius: 12px;
	padding: 20px 25px;
}
.uk-accordion .el-item.uk-open .uk-accordion-title,
.uk-accordion .el-item .uk-accordion-title:focus,
.uk-accordion .el-item .uk-accordion-title:hover { color: var(--primary-color); }
.uk-accordion .el-item .uk-accordion-content { padding: 0 25px 20px 25px; }

.uk-accordion-title:before {
	content: '';
    width: 17px;
    height: 23px;
    background: url(/wp-content/uploads/2022/04/plus.svg) no-repeat;
	background-position: center;
	filter: brightness(0) saturate(100%) invert(22%) sepia(5%) saturate(2363%) hue-rotate(199deg) brightness(94%) contrast(96%);
	margin-left: 0;
}
.uk-open > .uk-accordion-title:before {
	position: relative;
	top: 3px;
	background: url(/wp-content/uploads/2022/04/minus.svg) no-repeat;
	filter: brightness(0) saturate(100%) invert(48%) sepia(41%) saturate(5675%) hue-rotate(225deg) brightness(98%) contrast(92%);
}
.uk-accordion-title:focus:before,
.uk-accordion-title:hover:before {
	filter: brightness(0) saturate(100%) invert(48%) sepia(41%) saturate(5675%) hue-rotate(225deg) brightness(98%) contrast(92%);
}

@media (max-width: 959px) {
	.uk-accordion .el-item .uk-accordion-title { flex-direction: unset; justify-content: flex-start; }
	.uk-accordion-title:before { display: none; }
}
/* ########## Accordion ########## */