@charset "UTF-8";
:root { --theme:'teasernav';
	
/* colors and text/alink */
 --tnav-ani: .6s;
 --tnav-w: var(--w, #fff);
 --tnav-g-ltesttt: var(--g-ltesttt, #f4f4f4);
 --tnav-g-ltestt: var(--g-ltestt, #efefef);
 --tnav-g-ltest: var(--g-ltest, #e4e4e4);
 --tnav-g-lterr: var(--g-lterr, #ddd);
 --tnav-g-lteer: var(--g-lteer, #d3d3d3);
 --tnav-g-lter: var(--g-lter, #ccc);
 --tnav-c: var(--c, #555);
 --tnav-c-dk: var(--c-dk, #3c3c3c);
 --tnav-c-dker: var(--c-dker, #303030);
 --tnav-txt-bg-c: var(--w, var(--tnav-w));
 --tnav-txt-bg-c-alink: var(--g-ltestt, var(--tnav-g-ltestt));
 --tnav-txt-bg-c-ahover: var(--g-lteer, var(--tnav-g-lteer));
 --h123: var(--w, #fff);
 --h456: var(--g-ltest, var(--tnav-g-ltest));
}
.tnav-bg-c {
	background: var(--tnav-c)
}
.tnav-bg-c-dk {
	background: var(--tnav-c-dk)
}
.tnav-bg-c-dker {
	background: var(--tnav-c-dker)
}
.tnav-txt-bg-c {
	color: var(--tnav-txt-bg-c)!important
}
.tnav-txt-bg-c a {
	color: var(--tnav-txt-bg-c-alink)!important
}
.tnav-txt-bg-c a:hover, .tnav-txt-bg-c a.aktiv, .tnav-txt-bg-c a.aktiv:hover {
	color: var(--tnav-txt-bg-c-ahover)!important
}
.tnav-txt-bg-c h1, .tnav-txt-bg-c h2, .tnav-txt-bg-c h3 {
	color: var(--tnav-txt-bg-c)!important;
	font-weight: normal;
}
.tnav-txt-bg-c h4, .tnav-txt-bg-c h5, .tnav-txt-bg-c h6 {
	color: var(--tnav-txt-bg-c)!important;
	font-weight: normal;
}

.teasernavi {
	width: auto;
	min-width: 12rem;
	max-width: 100%;
	margin-bottom: var(--rowgap);
	z-index: 1000;
}
.teasernavi.tnav-right {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
}
.teasernavi.tnav-right:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 11px;
	height: 0;
	border-left: 11px dashed transparent;
	border-top: 11px solid var(--tnav-c-dker);
	box-shadow: -2px 2px 4px rgba(0,0,0,.3);
	z-index: 1001;
}
.tnav-menu {
	display: flex;
	flex-wrap: nowrap;
	max-width: 100%;
}
.tnav-btn {
	position: relative;
	flex: 1 1 auto;
	height: 28px;
	line-height: 28px;
	font-size:.9rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	padding: 0 1.8rem 0 .8rem;
	border: none;
	cursor: pointer;
}
.tnav-btn:hover,.tnav-btn.handleTnavBtn {
	color: var(--tnav-g-ltestt)!important
}
.teasernavi .tnav-btn ~ .tnav-btn:before {
	content: "\2758";
	position: absolute;
	left: 0;
}
.tnav-btn > .tnav-header {
	height: 100%;
	letter-spacing: 0.03rem;
	word-spacing: 0.03rem;
	text-shadow: .25px .25px .25px rgba(255,255,255,1);
}
.tnav-btn:after {
	content: '\25bc';
	position: absolute;
	right: .4rem;
	top: 50%;
	transform: translateY(-50%);
	transition: transform .2s ease-out;
}
.tnav-btn:not(:first-child) {
	padding: 0 2.2rem 0 .8rem;
}
.tnav-btn:not(:first-child):after {
	right: 1rem;
}
.tnav-btn.handleTnavBtn:after {
	content: '\25b2';
	transform: translateY(-50%) rotate(-90deg);
}
.tnav-tab {
	position:absolute; 
	width: 100%;
	max-width: 100%;
	display: grid;
	grid-template-rows: 0fr;
	overflow: hidden;
	opacity: 0;
	transition: all var(--tnav-ani) ease-out;
}
.tnav-tab-content {
	min-height: 0; 
	padding: 0 1rem 0 1rem;
	transition: all var(--tnav-ani) ease-out;
}
.tnav-tab.initiateTnavTab {
	grid-template-rows: 1fr;
	opacity: 1;
}
.tnav-tab.initiateTnavTab>.tnav-tab-content {
	padding: 1.4rem 1rem .1rem 1rem;
}
.tnav-tab-content p:last-child {
	margin: 0;
}
 @media screen and (min-width:576px) {
.teasernavi {
	max-width: 80%;
}
.tnav-btn {
	height: 30px;
	line-height: 30px;
	letter-spacing: 0.02em;
	word-spacing: 0.05em;
}
.tnav-btn>span {
	font-size:1rem;
}
}
 @media screen and (min-width:768px) {
.teasernavi {
	max-width: 70%;
}
.teasernavi.tnav-right {
	top: -15px;
	right: 12px;
}
.teasernavi.tnav-right:before {
	border-top: 0;
	border-left: 0;
	box-shadow: 0 0 0
}
.teasernavi.tnav-right:after {
	border-bottom: 15px solid var(--tnav-c-dker);
}
.teasernavi.tnav-right:after {
	content: "";
	border-right: 12px dashed transparent;
	position: absolute;
	right: -12px;
	top: 0;
	width: 12px
}
.tnav-btn:not(:first-child) {
	padding: 0 1.9rem 0 .8rem;
}
.tnav-btn:not(:first-child):after {
	right: .5rem;
}
}
@media screen and (min-width: 992px) {
.teasernavi {
	max-width: 60%;
}
}
@media screen and (min-width: 1200px) {
.teasernavi {
	max-width: 45%;
}
}

/* Template */
 @media screen and (max-width:767px) {
.addon:has(.addonTeaserNav) + main > .content-area > *, .addon:has(.addonTeaserNav) + main > .content > *, .addon:has(.addonTeaserNav) + main > .content-sidebar > * {
	margin-top:1rem;
}
}
/* ADDONS */
.addonTeaserNav .tnav-txt-bg-g .addon [class*="Date"], .tnav-txt-bg-c .addon [class*="Date"] {
	color: var(--tnav-g-lteer)!important;
}
.addonTeaserNav .addonMinishopProCategories ul li:not(:first-child) {
	margin: 0;
}
.addonTeaserNav .addonMinishopProCategories ul li + li {
 padding: .5rem 0 .5rem 0 !important;
	border-top: 1px solid #ccc;
}
.addonTeaserNav .addonMinishopProCategories li:last-child {
 padding: .5rem 0 0 0 !important;
}