body {
	background:#000;
	color:#fff;
	font:14px/22px 'Roboto Condensed', Arial, sans-serif;
	display:block;
}
.all {
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
	background:#000;
	color:#fff;
    overflow-x:hidden;
}
.header {
	display:flex;
	width:100%;
	color:#fff;
    background:#151515;
    border-bottom:1px solid #fff;
	align-items:center;
	justify-content: space-between;
	padding:20px;
	box-shadow:1px 3px 1px rgba(50, 50, 50, 0.04);
    position:relative;
}
.header .menu {
    display:block;
    flex:0 0 calc(50% - 100px);
}
.header .menu ul {
    display:flex;
    gap:20px;
    list-style:none;
    margin:0px;
    padding:0px;
    justify-content: flex-start;
}
.header .menu.rightmenu ul {
    justify-content: flex-end;
}
.header .menu ul li {
    display:block;
}
.header .menu ul li a {
    display:block;
    width:40px;
    height:40px;
    color:#fff;
    text-decoration: none;
}
.header .menu ul li .resmenu {
    cursor:pointer;
}
.header .menu ul li .icon {
    display:block;
    width:40px;
    height:40px;
    line-height:40px;
    font-size:26px;
    text-align:center;
}
.header .menu .resmenu.open .opener, .header .menu .resmenu .closer {
    display:none;
    line-height:40px;
}
.header .menu .resmenu .opener, .header .menu .resmenu.open .closer {
    display:block;
    line-height:40px;
}
.header .logo {
	flex:0 0 200px;
}
.header .logo img {
	display:block;
    margin:auto;
}
.header .menu {
    flex:0 0 calc(50% - 100px);
}
.mainmenu, .notifymenu {
    position:absolute;
    top:92px;
    right:-370px;
    width:350px;
    height:calc(100% - 92px);
    background:#0F0F0F;
    z-index:50;
	transition:all 0.3s ease;
    box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    padding:50px;
}
.mainmenu.open, .notifymenu.open {
    right:0px;
}
.mainmenu nav {
	display:block;
    font-size:18px;
    line-height:30px;
}
.mainmenu nav ul {
	display:block;
	position:relative;
	list-style:none;
	margin:0px;
	padding:0px;
}
.mainmenu nav > ul > li {
	list-style:none;
	margin:0px;
	padding:0px;
	line-height:30px;
	position:relative;
}
.mainmenu nav a {
	text-decoration:underline;
	color:#fff;
	font-weight:400;
	transition:all 0.3s ease;
    display:block;
    padding:5px 0px;
}
.mainmenu nav a:hover {
	color:#999;
}
.mainmenu nav > ul > li > ul {
    padding:30px 0px;
}
.mainmenu nav > ul > li > ul > li {
	display:block;
}

.moremenues {
	display:none;
}
.footer {
	background:#1A1A1A;
	padding:50px 0px;
	color:#fff;
	position:relative;
    border-top:1px solid #fff;
}
.footer a {
	color:#fff;
}
.scrolltop {
	position:fixed;
	right:0px;
	top:50%;
	margin-top:-24px;
	width:48px;
	height:48px;
	background:#2d2d2b;
	color:#fff;
	line-height:48px;
	text-align:center;
	font-size:26px;
	transition:all 0.3s ease;
	cursor:pointer;
}
body.top .scrolltop {
	right:-48px;
}










nav .menu {
	display:block;
	float:left;
	padding:4px 0px 7px;
}
nav .menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
nav .menu ul li {
	list-style:none;
	display:block;
	float:left;
	margin:4px 2px 0px 2px;
	position:relative;
}
nav .menu ul li a {
	display:block;
	padding:0px 20px;
	color:#fff;
	text-decoration:none;
	background:#191919;
	transition:background 0.2s ease;
	white-space:nowrap;
	position:relative;
}
nav .menu ul li ul li:hover > a, nav .menu ul li ul li.aktiv > a {
	color:#2d2d2b;
	background:#191919;
}
nav .menu ul li:hover > a, nav .menu ul li.aktiv > a {
	background:#2d2d2b;
}
nav .menu ul li ul li.sub > a:after {
    position:absolute;
    display:block;
    content:'';
    border-style:solid;
    top:50%;
    margin-top:-6px;
    right:12px;
    border-color:transparent transparent transparent #ffffff;
    border-width:6px 0px 6px 6px;
}
nav .menu ul li > ul {
	position:absolute;
	left:-5000px;
	box-shadow:0px 0px 5px 0px #000;
	background:#000000;
	opacity:0;
	transition:opacity 0.3s ease;
	z-index:600;
}
nav .menu ul li:hover > ul {
	left:auto;
	display:block;
	opacity:1;
}
nav .menu ul li ul li > ul {
	margin-left:250px;
	top:0px;
}
nav .menu ul li ul li {
	display:block;
	line-height:40px;
	text-transform:none;
	margin:0px;
	padding:0px;
	width:250px;
	float:none;
}
@media only screen and (max-width: 999px) {
	nav .menu {
		display:none;
		position:absolute;
		top:80px;
		left:0px;
		right:0px;
		background:#222222;
		padding:0px;
		z-index:1000;
	}
	nav .menu.open {
		display:block;
	}
	nav .menu ul li {
		display:block;
		float:none;
		margin:0px;
	}
	nav .menu ul li a {
		margin:0px;
		padding:0px 10px;
		background:none !important;
		line-height:40px;
	}
	nav .menu ul li ul li a {
		line-height:25px;
	}
	nav .menu ul li > ul {
		display:block;
		left:auto;
		opacity:1;
		box-shadow:none;
		position:static;
	}
	nav .menu ul li ul li {
		width:100%;
	}
	nav .menu ul li ul li > ul {
		margin-left:20px;
	}
	nav .menu ul li ul li.sub > a:after {
		display:none;
	}
/*
	nav .menu ul li ul li a {
		padding-left:25px;
	}
	nav .menu.open {
		display:block;
	}
*/
}
.contents {
    background:#000 url("../images/katbg.jpg") top center no-repeat;
    background-size:100%;
    padding:1px 0px;
}
.white {
	background:#ffffff;
}
.grey {
	background:#eaeaea;
}
.container.white {
	background:#eaeaea;
}

footer {
	color:#ffffff;
	line-height:26px;
	font-size:16px;
}
footer a {
	color:#ffffff;
	text-decoration:none;
}
footer .subfooter {
	background:#000;
	padding:0px 15%;
}
footer .subfooter h3 {
	line-height:26px;
	color:#038cd4;
	font-weight:normal;
	font-size:16px;
	margin:0px;
}
footer .subfooter ul {
	margin:0px 0px 0px 15px;
	padding:0px;
}
footer .subfooter ul li {
	position:relative;
	list-style:none;
}
footer .subfooter ul li:before {
	display:block;
	position:absolute;
	content:'';
	border-style:solid;
	border-color:transparent transparent transparent #038cd4;
	border-width:5px 0px 5px 5px;
	left:-10px;
	top:8px;
}
footer .footer {
	background:none;
	padding:0px 15%;
}
footer .footer ul {
	list-style:none;
	margin:0px;
	padding:0px;
	display:block;
}
footer .footer ul.langmenu {
	float:left;
}
footer .footer ul.social {
	float:right;
}
footer .footer ul.social li {
	margin-left:10px;
}
footer .footer ul li {
	display:block;
	list-style:none;
	float:left;
	line-height:40px;
	padding:0px;
	color:#ffffff;
	position:relative;
	text-transform:uppercase;
}
footer .footer ul li a {
	display:block;
	position:relative;
}
footer .footer ul.langmenu > li > a {
	padding-right:15px;
}
footer .footer ul.langmenu > li > a:after {
	display:block;
	position:absolute;
	content:'';
	border-style:solid;
	border-color:transparent transparent #ffffff transparent;
	border-width:0px 5px 8px 5px;
	right:0;
	top:16px;
}
footer .footer ul.langmenu li ul {
	display:block;
	position:absolute;
	bottom:40px;
	left:-5000px;
	background:#292929;
	margin:0px;
	padding:5px;
	box-shadow:0 0 4px #000000;
	opacity:0;
	transition:opacity 0.3s ease;
}
footer .footer ul.langmenu li:hover ul {
	left:auto;
	opacity:1;
}
footer .footer ul.langmenu li ul li {
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
	line-height:20px;
	display:block;
	float:none;
}
footer .footer ul.langmenu li ul li a {
	padding:3px;
}
footer .footer ul.langmenu li ul li:last-child {
	border-bottom:none;
}

h1, h2, h3, h4, h5, h6, ol, ul, p {
	margin:20px 0px;
}
ol ol, ol ul, ul ol, ul ul {
    margin:0px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:300;
	font-style:normal;
}
h1 {
	font-size:45px;
	line-height:55px;
	font-weight:500;
    font-family: 'Montserrat';
    text-align:center;
    text-transform:uppercase
}
h2 {
	font-size:45px;
	line-height:55px;
	font-weight:400;
    font-family: 'Roboto Condensed';
}
h3 {
	font-size:20px;
	line-height:28px;
	font-weight:400;
}
h4 {
	font-size:14px;
	line-height:20px;
	font-weight:400;
}
h5 {
	font-size:18px;
	line-height:24px;
}
ul, ol {
	padding-left:20px;
}
ul li, ol li {
}
li ul, li ol {
	margin-top:0px;
	margin-bottom:0px;
}
a {
	color:#fff;
	text-decoration:underline;
	transition:all 0.3s ease;
}
a:hover {
	color:#ccc;
	text-decoration:underline;
}
.headlineimage {
	position:relative;
}
.headlineimage .image {
	position:relative;
	
}
.headlineimage .imageheadline {
	position:absolute;
	top:50%;
	width:100%;
	text-align:center;
}
.headlineimage .imageheadline * {
    text-shadow:0 0 5px #000000;
	color:#ffffff;
	
}
.triplelink {
	text-align:center;
	padding:0px 30px;
}
.triplelinkicon {
}
.triplelinkheadline h2 {
    font-size:22px;
    line-height:28px;
    margin-bottom:0px;
    color:#2d2d2b;
}
.triplelinkheadline h2 a {
	text-decoration:none;
}
.triplelinktext {
}
ul.prevnext {
	list-style:none;
	display:block;
	float:right;
	margin:10px 0px;
}
ul.prevnext li {
	display:block;
	float:left;
	margin-left:5px;
}
.linklist {
	padding:20px;
	margin:20px 0px;
}
.linklist > * {
	margin:0px;
	line-height:35px;
}

.scrolltable {
	display:block;
	width:100%;
	overflow:scroll;
}
table.fullwidth {
	width:100%;
}
table.style {
	border-collapse:separate;
	border-spacing:0px;
	margin:0px;
	max-width:100% !important;
}
table.centerall * {
	text-align:center !important;
}
table.style thead th {
	background:#2d2d2b;
	padding:3px;
	border-bottom:2px solid #ffffff;
	color:#ffffff;
	text-align:left;
	font-size:18px;
	font-weight:300;
}
table.style tbody tr td, table.style tbody tr th {
	background:#eeeeee;
	padding:2px;
	border-bottom:1px solid #ffffff;
	font-size:14px;
	border-left:1px solid #ffffff;
	hyphens:auto;
	-moz-hyphens:auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
}
table.style tbody tr th {
	text-align:left;
	font-size:16px;
	line-height:22px;
	padding:5px;
}
table.style.nopmargin p {
	margin:0px !important;
}
table.style tbody tr:nth-child(odd) td {
	background:#f2f2f2;
}
table.style * * td.aktion {
	background:#eeeeee !important;
	white-space:nowrap;
	text-align:right;
}
table.style * *:nth-child(even) td.aktion {
	background:#f2f2f2 !important;
}
table.style * * th.aktion {
	background:#80c5e9 !important;
	text-align:right;
}
table.style *:first-child tr:first-child th,
table.style *:first-child tr:first-child td {
	border-top:none;
}
table.style *:last-child tr:last-child th,
table.style *:last-child tr:last-child td {
	border-bottom:none;
}
table.style tr th:first-child,
table.style tr td:first-child {
	border-left:none;
}
table.style tr th:last-child,
table.style tr td:last-child {
	border-right:none;
}

table.style2 {
	border-collapse:separate;
	border-spacing:0px;
	margin:0px;
	margin:50px 0px;
}
table.style2 thead th {
	background:transparent;
	padding:0px 20px 5px 20px;
	line-height:20px;
	border-bottom:5px solid transparent;
	border-left:1px solid #ffffff;
	border-top:5px solid transparent;
	color:#ffffff;
	text-align:left;
	font-size:18px;
	font-weight:normal;
}
table.style2 tbody tr td {
	background:#ffffff;
	padding:15px;
	line-height:35px;
	border-bottom:5px solid #eaeaea;
	font-size:16px;
	hyphens:auto;
	-moz-hyphens:auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
}
table.style2 * * td.aktion {
	white-space:nowrap;
	text-align:right;
}
table.style2 *:first-child tr:first-child th,
table.style2 *:first-child tr:first-child td {
	border-top:none;
}
table.style2 *:last-child tr:last-child th,
table.style2 *:last-child tr:last-child td {
	border-bottom:none;
}
table.style2 tr th:first-child,
table.style2 tr td:first-child {
	border-left:none;
}
table.style2 tr th:last-child,
table.style2 tr td:last-child {
	border-right:none;
}
td.marked {
	background:#d9d9d9 !important;
}
.prozent {
	color:#2d2d2b;
	font-weight:bold;
}
.questionnum {
	color:#2d2d2b;
}


.qheadline {
	padding:30px 0px;
}
.qheadline h1 {
	font-size:16px;
	font-weight:bold;
	margin:0px;
	line-height:30px;
	text-transform:none;
	color:#ffffff;
	text-align:left;
}
.qbar {
	display:block;
	width:100%;
	height:10px;
	background:#ffffff;
}
.qbar .bar {
	display:block;
	width:50%;
	height:inherit;
	background:#018ad2;
}
h2.question {
	text-align:center;
	font-weight:bold;
}
.reminder {
	position:relative;
	float:right;
	display:block;
	width:52px;
	height:52px;
}
.reminder .info {
	color:#ffffff;
	text-shadow:1px 1px #333333;
	box-shadow:1px 1px 1px 0px rgba(0, 0, 0, 0.5);
	display:block;
	position:absolute;
	width:50px;
	height:50px;
	background:#2d2d2b;
	border-radius:50%;
	line-height:50px;
	font-size:30px;
	text-align:center;
}
.reminder .feld {
	display:none;
	position:absolute;
	right:0px;
	top:50px;
	z-index:20;
	width:250px;
	background:#ffffff;
	padding:10px;
	box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.5);
}
.reminder .feld:before {
	display:block;
	content:'';
	background:none;
	width:0px;
	height:0px;
	border-color:transparent transparent #ffffff transparent;
	border-width:0px 5px 6px 5px;
	border-style:solid;
	position:absolute;
	right:22px;
	top:-6px;
}
.reminder:hover .feld {
	display:block;
}
.answersborder {
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:30px;
}
.answers {
	display:table;
	width:100%;
	table-layout:fixed;
	border-spacing:20px;
}
.answers .answer {
	display:table-cell;
	border:3px solid #ffffff;
	margin:10px 10px;
	transition:border ease-in-out 0.1s;
	position:relative;
	cursor:pointer;
}
.answers .answer.showonly {
	cursor:auto;
}
.answers .answer.aktiv {
	border:3px solid #018ad2;
	transition:border ease-in-out 0.1s;
}
.answers .answer.wrong {
	border:3px solid #000000;
	transition:border ease-in-out 0.1s;
}
.answers .answer:after {
	position:absolute;
	width:30px;
	height:30px;
	content:'';
	background:#ffffff;
	left:50%;
	margin-left:-15px;
	bottom:-16px;
	text-align:center;
	font:normal normal normal 17px/30px FontAwesome;
	transition:border ease-in-out 0.1s;
}
.answers .answer.aktiv:after {
	background:#018ad2;
    content:"\f00c";
	color:#ffffff;
	transition:border ease-in-out 0.1s;
}
.answers .answer.wrong:after {
	background:#000000;
    content:"\f00d";
	color:#ffffff;
	transition:border ease-in-out 0.1s;
}

.answers .answer .image {
	display:block;
	text-align:center;
}
.answers .answer .image img {
	max-width:100%;
	height:auto;
}
.answers .answer .text {
	line-height:30px;
	padding:30px;
	text-align:center;
}

.richtig, .falsch {
	text-transform:uppercase;
}
.richtig {
	border:3px solid #2d2d2b;
	background:none;
	color:#2d2d2b;
}
.falsch {
	border:3px solid #000000;
	background:none;
	color:#ffffff;
}

.auswertung {
	padding:30px 0px;
	color:#ffffff;
	background:#2d2d2b;
	margin-bottom:40px;
}
.auswertung .bigprozent, .auswertung .rightanswered {
	text-align:center;
	margin:auto;
	width:250px;
	font-weight:bold;
}
.auswertung .bigprozent {
	font-size:90px;
	line-height:100px;
	border-bottom:1px solid #ffffff;
}
.auswertung .overviewlink {
	float:left;
	margin-left:20px;
}
.auswertung .rightanswered {
	font-size:22px;
	line-height:50px;
}
.center {
	text-align:center;
}


.imagelist, .textlist {
	background:#ffffff;
	margin:20px 0px;
}
.imagelist .imagelistitem, .textlist .textlistitem {
	float:left;
	padding:20px 20px 10px 20px;
	border:2px solid #ececec;
}
.imagelist .imagelistitem.imagelistitem2, .textlist .textlistitem.textlistitem2 {
	width:50%;
}
.imagelist .imagelistitem.imagelistitem3, .textlist .textlistitem.textlistitem3 {
	width:33.33%;
}
.imagelist .imagelistitem.imagelistitem4, .textlist .textlistitem.textlistitem4 {
	width:25%;
}
@media screen and (max-width:999px) {
    .imagelist .imagelistitem, .textlist .textlistitem {
		width:50% !important;
    }
}
@media only screen and (max-width: 649px) {
	.imagelist .imagelistitem, .textlist .textlistitem {
		width:100% !important;
		float:none;
	}
}
.imagelist .imagelistitem .image {
	text-align:center;
}
.layer {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
	z-index:1000;
}
.layerfield {
	margin:100px auto;
	min-width:300px;
	width:50%;
	padding:10px;
	height:80%;
	position:relative;
}
.layerclose {
	position:absolute;
	right:-5px;
	top:-5px;
	z-index:1001;
}
.layerclose:after {
	display:block;
	font:normal normal normal 17px/21px FontAwesome;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
    content:"\f00d";
	width:25px;
	border:2px solid #ffffff;
	background:#000000;
	color:#ffffff;
	border-radius:50%;
	text-align:center;
	cursor:pointer;
}
.layercontent {
	overflow:auto;
	max-height:100%;
}

.graph {
    display:block;
	font-size:14px;
	line-height:20px;
}
.graph .balkenname {
    display:block;
    width:50%;
    float:left;
}
.graph .balkenfeld {
    display:block;
    width:50%;
    float:left;
    position:relative;
    background:#666666;
    margin:2px 0px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.7);
}
.graph .balkenfeld .balken {
    display:block;
    height:20px;
    min-width:1px;
    background:#008bd2;
    background:-moz-linear-gradient(top,  #00b5e2 0%, #008bd2 50%, #00589b 100%);
    background:-webkit-linear-gradient(top,  #00b5e2 0%,#008bd2 50%,#00589b 100%);
    background:linear-gradient(to bottom,  #00b5e2 0%,#008bd2 50%,#00589b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b5e2', endColorstr='#00589b',GradientType=0 );
}
.graph .balkenfeld .wert {
    display:block;
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    text-align:center;
    color:#ffffff;
}
.imagebox {
	padding:1px 20px 20px 20px;
	margin:10px 0px;
	display:block;
	color:#ffffff;
	background:#999999;
	background-size:cover;
	height:335px;
}
hr {
	display:block;
	width:100%;
	height:1px;
	background:#fff;
	margin:10px 0px;
	border:none;
}
hr.tiny {
	height:1px;
	background:#ccc;
}



.video {
	position:relative;
}
.video:before {
	display:block;
	content:"";
	width:100%;
	padding-top:56.25%;
}
.video > iframe, .video > video {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
}
.colorblue {
	color:#2d2d2b;
}
.tabs {
	display:flex;
	width:100%;
}
.tabs ul.tabmenu {
	flex: 0 0 20%;
	list-style:none;
	display:block;
	margin:0px;
	padding:0px;
}
.tabs ul.tabmenu li {
	list-style:none;
	display:block;
	padding:0px;
}
.tabs ul.tabmenu li a {
    display:block;
    padding:8px 20px;
    text-decoration:none;
	border:1px solid rgba(0, 0, 0, 0.1);
	border-bottom:none;
	color:#999;
	font-weight:600;
	text-transform:uppercase;
	font-size:13px;
	position:relative;
	background:#fff;
	z-index:5;
}
.tabs ul.tabmenu li:last-child a {
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
}
.tabs ul.tabmenu li.aktiv a {
	color:#fff;
	border-right:none;
}
.tabs ul.tabmenu li.aktiv a:before {
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	bottom:0px;
	width:4px;
	background:#000;
}
.tabs .tabcontents {
	position:relative;
	margin-left:-1px;
	display:block;
	z-index:4;
	flex:0 0 80%;
}
.tabs .tabcontents .tabcontent {
	display:none;
	border:1px solid rgba(0, 0, 0, 0.1);
    padding:50px;
}
.tabs .tabcontents .tabcontent.aktiv {
	display:block;
}
.ustatus {
    display:inline-block;
    width:10px;
    height:10px;
    border:1px solid #666666;
	border-radius:50%;
    background:#000000;
    color:#ffffff;
}
.ustatus.status_red {
    background:#ff0000;
}
.ustatus.status_orange {
    background:#ffaa00;
}
.ustatus.status_green {
    background:#009900;
}
.shopartikelhead {
	display:block;
	max-width:640px;
    margin:50px auto;
}
.shopartikelhead .headline {
    margin-bottom:50px;
}
.shopartikelhead .artikelteaser {
    margin-top:30px;
}

.fullwidthimage {
	display:block;
	width:100%;
}
.fullwidthimage img {
	display:block;
	width:100%;
}
.shopcatbox {
	display:block;
	border:1px solid #ccc;
	padding:5px;
	margin-bottom:10px;
}
.shopcatfilter {
	margin-top:100px;
}
.shopcatbox h2 {
	font-size:16px;
	font-weight:600;
	margin:0px;
}
.shopcatbox ul {
}
.shopcatbox ul li {
}
.shopcatbox ul li a {
	display:block;
	text-decoration: none;
}
.shopcatbox ul li a:hover {
	text-decoration: underline;
}
.shopcatbox ul li.aktiv > a {
	font-weight:600;
}
.shopkategorieheader {
	margin:0px 0px 20px;
}
.shopkategorieheader .shopkategorieheadercontent {
	display:block;
	border:1px solid #ccc;
	padding:5px;
}
.cartartikel {
	display:flex;
	width:100%;
	border:none;
	margin:20px 0px;
	align-items:stretch;
    position:relative;
}
.cartartikel .cartartikelbild {
	flex:0 0 calc(50% - 10px);
	padding:0px;
    margin-right:10px;
	background:#ccc;
	background:rgb(204,204,204);
	background:repeating-linear-gradient(225deg, #f6f6f6, #f6f6f6 5px, #fff 5px, #fff 10px);
}
.cartartikel .cartartikelbild .noimage {
	display:block;
	width:100%;
	height:0px;
	padding-bottom:33.33%;
}
.cartartikel .cartartikelbild img {
	display:block;
    margin:auto;
	object-fit:cover;
	width:100%;
	height:100%;
}
.cartartikel .cartartikelnamedetails {
	display:flex;
	flex:0 0 calc(50% - 10px);
    margin-left:10px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.cartartikel .cartartikelnamedetails .cartartikelname {
	font-weight:400;
	font-size:16px;
    margin-bottom:10px;
}
.cartartikel .cartartikelnamedetails .cartartikeldetails,
.cartartikel .cartartikeleinzelpreis,
.cartartikel .cartartikelpreis {
	font-size:13px;
	line-height:16px;
	color:#eee;
	font-weight:400;
    white-space:nowrap;
}
.cartartikel .cartartikelanzahl {
    margin-top:auto;
}
.cartartikel .cartartikelanzahl .formline {
    margin:5px 0px;
}
.cartartikel .cartartikelanzahl .input {
    width:110px;
}
.cartartikel .cartartikeldel {
    position:absolute;
    right:0px;
    top:0px;
	text-align:center;
    cursor:pointer;
}
.cartartikel .cartartikeldel a {
    display:block;
    width:48px;
    height:48px;
	line-height:48px;
	color:#ccc;
	transition:all 0.3s ease;
}
.cartartikel .cartartikeldel a:hover {
	color:#333;
}
.shopcart {
}
.shopcartsummary {
	
}
.shopcartsummary .shopcartsummaryline {
	display:flex;
	width:100%;
	margin:10px 0px;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
}
.shopcartsummary .shopcartsummaryline .shopcartsummarylinename {
}
.shopcartsummary .shopcartsummaryline .shopcartsummarylinevalue {
}





.gradientbg {
    background: #000;
    background: linear-gradient(120deg,rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
    border:1px solid #ccc;
    border-radius:15px;
    padding:20px;
}
.gradientbg.aktiv {
    background: #000;
    background: linear-gradient(120deg,rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.3) 100%);
    border:1px solid #ccc;
    border-radius:15px;
    padding:20px;
}
.linedbg {
    border-radius: 15px;
    padding:20px;
    margin:20px 0px 40px;
    border: 1px solid rgba(255, 255, 255, 1);
}


.border {
	border:1px solid #fff;
	padding:20px 40px;
    border-radius:10px;
}
.explode {
    margin-left:-20px;
    margin-right:-20px;
    padding-left:20px;
    padding-right:20px;
}
.bgwhite {
    background:#fff;
    color:#333;
}
.bgwhite input[type="text"], .bgwhite input[type="password"], .bgwhite input[type="email"], .bgwhite textarea, .bgwhite select {
    border-bottom: 1px solid #000;
    color: #000;
}
.spaltenform {
    display:flex;
    gap:40px;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
}
.spaltenform .spaltenformspalte {
    position:relative;
    flex:1 1 0px;
    /*display:flex;*/
}
.spaltenform .spaltenformspalte:after {
    display:block;
    content:'';
    width:1px;
    background:#000;
    position:absolute;
    right:-21px;
    top:0px;
    bottom:0px;
}
.spaltenform .spaltenformspalte:last-child:after {
    content:none;
}
.shopkategorien {
    counter-reset: shopkategorien
}
a.shopkategorie {
    display:flex;
    width:100%;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    text-decoration: none;
    align-items:stretch;
}
a.shopkategorie:hover {
    text-decoration: none;
}
a.shopkategorie .fakelink {
    text-decoration: underline;
    font-size:22px;
    line-height:28px;
}
a.shopkategorie:hover .fakelink {
    text-decoration: underline;
}
.shopkategorien .shopkategorie {
    counter-increment: shopkategorien;
}
.shopkategorien .shopkategorie:nth-child(even) {
	background:#fff !important;
    flex-direction:row-reverse;
    color:#000;
}
.shopkategorie .shopkategoriebild {
    display:block;
    flex:0 0 50%;
}
.shopkategorie .shopkategoriebild img {
    display:block;
}
.shopkategorie .shopkategorietext {
    display:block;
    flex:1 1 0px;
    padding:20px 40px;
}
.shopkategorie .shopkategorietext h3:before {
    content:counters(shopkategorien, ".", decimal-leading-zero);
    padding-right:7px;
}
ul.zaehlerliste {
    list-style:none;
    counter-reset:zaehlerliste;
    display:flex;
    margin:40px auto;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap:50px;
}
ul.zaehlerliste li {
    list-style:none;
    counter-increment: zaehlerliste;
    font-size:20px;
    line-height:28px;
    font-weight:400;
    display:flex;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: center;
    flex-direction: row;
    gap:5px;
}
ul.zaehlerliste li:before {
    content:counters(zaehlerliste, ".", decimal-leading-zero);
    font-size:50px;
    font-weight:800;
}
.subcatmainteaser {
    max-width:600px;
    margin:auto;
    padding:50px 0px;
}
.subcatmainteaser h2 {
    max-width:50%;
    text-align:right;
    margin-left:50%;
}
.subcatmainteaser .subcatmainteasertext {
    padding-right:25%;
}



.shopcatarticles {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	margin:0px -20px;
    padding:0px;
}
.shopcatarticles .shopcatarticle {
	display:block;
	flex:0 0 33.33%;
	padding:0px 20px;
    margin:20px 0px;
}
.shopcatarticles .shopcatarticle.klein {
	flex:0 0 25%;
}
.shopcatarticles .shopcatarticle .shopcatarticlecc .shoppreis {
    font-size:18px;
}
.shopcatarticles .shopcatarticle .shopcatarticlecc {
	display:block;
	height:100%;
	position:relative;
	overflow:hidden;
}
.shopcatarticles .shopcatarticle .shopcatarticlecc a {
	text-decoration:none;
}
.shopcatarticles .shopcatarticle .shopcatarticlecc .artikelname {
	display:block;
}
.shopcatarticles .shopcatarticle .shopcatarticlecc .artikelname h3 {
	margin:10px 0px;
    text-decoration: underline;
}
.shopcatarticles .shopcatarticle .shopcatarticlecc .artikelname p:last-child {
	margin-bottom:0px;
}
.shopcatarticles .shopcatarticle .shopcatarticlecc .artikelbild {
	position:relative;
	width:100%;
	padding-bottom:50%;
	display:block;
	overflow:hidden;
}
.shopcatarticles .shopcatarticle .shopcatarticlecc .artikelbild img {
	display:block;
	position:absolute;
	top:0px;
	width:100%;
	opacity:0;
	transition:all 0.3s ease;
}
.shopcatarticles .shopcatarticle .shopcatarticlecc a .artikelbild img:last-child, .shopcatarticles .shopcatarticle .shopcatarticlecc a .artikelbild img:first-child {
	opacity:1;
}
.shopcatarticles .shopcatarticle .shopcatarticlecc a .artikelbild img:first-child {
	opacity:1;
}
.shopcatarticles .shopcatarticle .shopcatarticlecc a:hover .artikelbild img:last-child {
	opacity:0;
}
.shopcatarticles .shopcatarticle .shopcatarticlecc a:hover .artikelbild img:last-child:first-child {
	opacity:1;
}
.shopcatarticles .shopcatarticle.notavailable .shopcatarticlecc .artikelbild:after {
	display:block;
	width:150px;
	height:30px;
	line-height:30px;
	text-align:center;
	content:'Nicht verfügbar';
	position:absolute;
	right:-35px;
	top:25px;
	rotate:45deg;
	background:#ff0000;
	color:#fff;
	text-shadow:1px 1px 0px #000;
}
.shopcatarticles .shopcatarticle.noimage .shopcatarticlecc .artikelbild:after {
	display:block;
	width:400px;
	height:40px;
	text-align:center;
	content:'KEIN BILD';
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-200px;
	margin-top:-20px;
	rotate:-25deg;
	background:#efefef;
	color:#fff;
	font-weight:600;
	font-size:24px;
	line-height:40px;
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	text-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);
}
.shopcatarticles .shopcatarticle .shopcatarticlecc .artikelteaser p {
    margin:5px 0px;
}
.shopcatblaetter {
	display:block;
	margin:10px 0px;
	padding:0px;
	list-style:none;
}
.shopcatblaetter ul {
	display:flex;
	gap:10px;
	margin:0px;
	padding:0px;
	list-style:none;
}
.shopcatblaetter ul li {
	display:block;
}
.shopcatblaetter ul li a {
	display:block;
	padding:5px 10px;
	border:1px solid #ccc;
	text-decoration:none;
	transition:all 0.3s ease;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0);
}
.shopcatblaetter ul li a:hover {
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
}
.shopcatblaetter ul li.aktiv a {
	background:#ccc;
}




.carousel {
    padding:0px;
    width:100%;
    position:relative;
}
.carousel.carousel-with-spacer {
    margin-left:-20px;
    margin-right:-20px;
    width:calc(100% + 40px);
}
.carousel.carousel-with-spacer.carousel-useviewport {
    margin-left:0px;
    margin-right:0px;
    width:100%;
}
.carousel .carousel-viewport {
    display:block;
    width:100%;
    position:relative;
    overflow:hidden;
}
.carousel.carousel-useviewport .carousel-viewport {
    max-width:1200px;
    display:block;
    width:100%;
    margin:0px auto;
    overflow:unset;
}
.carousel .carousel-viewport .carousel-content {
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    align-items:stretch;
    justify-content:flex-start;
    width:300%;
    margin-left:-100%;
    position:relative;
    top:0px;
    height:inherit;
}
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content,
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content,
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content,
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content,
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content {
    margin-left:0px;
}
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content {
    left:-50%;
    right:-50%;
    width:200%;
}
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content {
    left:-33.3333%;
    right:-33.3333%;
    width:166.6666%;
}
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content {
    left:-25%;
    right:-25%;
    width:150%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content {
    left:-20%;
    right:-20%;
    width:140%;
}
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content {
    left:-16.6666%;
    right:-16.6666%;
    width:133.3333%;
}
.carousel .carousel-viewport .carousel-content .carousel-element {
    display:block;
    transform:scale(0);
    position:absolute;
    top:0px;
    /*left:50%;*/
    transition:all 0.30s ease-in-out 0s;
}
.carousel .carousel-viewport .carousel-content .carousel-element h3,
.carousel .carousel-viewport .carousel-content .carousel-element .carousel-element-content {
    opacity:0;
    transition:all 0.30s ease-in-out 0s;
}
.carousel .carousel-viewport .carousel-content .carousel-element .stimme {
    height:calc(100% - 110px);
}
.carousel .carousel-viewport .carousel-content .carousel-element .umfassung {
    height:100%;
}
.carousel.carousel-with-spacer .carousel-viewport .carousel-content .carousel-element {
    padding:0px 20px;
}
/*
.carousel .carousel-viewport .carousel-content.moveright .carousel-element.carousel-last,
.carousel .carousel-viewport .carousel-content.moveright .carousel-element.carousel-last,
.carousel[data-viewelements="1"] .carousel-viewport .carousel-content.moveright .carousel-element[data-shownum="2"],
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content.moveright .carousel-element[data-shownum="3"],
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content.moveright .carousel-element[data-shownum="4"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content.moveright .carousel-element[data-shownum="5"],
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content.moveright .carousel-element[data-shownum="6"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content.moveright .carousel-element[data-shownum="7"]
{
    transition:none;
}
*/
.carousel .carousel-viewport .carousel-content .carousel-element.carousel-last,
.carousel .carousel-viewport .carousel-content .carousel-element[data-shownum="1"],
.carousel[data-viewelements="1"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],

.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],

.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"],

.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="5"],

.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"],
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="5"],
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="6"],

.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="5"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="6"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="7"] {
    transform:scale(1);
    z-index:5;
}

.carousel[data-viewelements="1"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"],
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"],
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"] {
    transform:scale(1.1);
}
.carousel[data-viewelements="1"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"] h3,
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"] h3,
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"] h3,
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"] h3,
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"] h3,
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"] h3,
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"] h3,
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"] h3,
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"] h3,
.carousel[data-viewelements="1"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"] .carousel-element-content,
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"] .carousel-element-content,
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"] .carousel-element-content,
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"] .carousel-element-content,
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"] .carousel-element-content,
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"] .carousel-element-content,
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"] .carousel-element-content,
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"] .carousel-element-content,
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"] .carousel-element-content {
    opacity:1;
}



.carousel[data-viewelements="1"] .carousel-viewport .carousel-content .carousel-element {
    width:33.3333%;
}
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element {
    width:25%;
}
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element {
    width:20%;
}
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element {
    width:16.6666%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element {
    width:14.2857%;
}
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element {
    width:12.5%;
}

.carousel .carousel-viewport .carousel-content .carousel-element.carousel-last {
    mask-image: linear-gradient(to right, transparent 0%, black 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 100%);
    left:0%;
    z-index:4;
}
.carousel[data-viewelements="1"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"] {
    left:33.3333%
}
.carousel[data-viewelements="1"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"] {
    left:66.6666%;
}
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"] {
    left:25%
}
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"] {
    left:50%;
}
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="6"] {
    left:75%;
}
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"] {
    left:20%
}
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"] {
    left:40%;
}
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"] {
    left:60%;
}
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"] {
    left:80%;
}
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"] {
    left:16.6666%;
}
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="5"] {
    left:83.3333%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"] {
    left:14.2857%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"] {
    left:28.5714%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"] {
    left:42.8571%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"] {
    left:57.1428%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="5"] {
    left:71.4285%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="6"] {
    left:85.7142%;
}
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"] {
    left:12.5%;
}
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"] {
    left:37.5%;
}
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="5"] {
    left:62.5%;
}
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="7"] {
    left:87.5%;
}

.carousel[data-viewelements="1"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="5"],
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="6"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="7"] {
    mask-image: linear-gradient(to left, transparent 0%, black 100%);
    -webkit-mask-image: linear-gradient(to left, transparent 0%, black 100%);
    z-index:4;
}






.carousel .carousel-viewport .carousel-content .carousel-element {
}
.carousel .carousel-viewport .carousel-content .carousel-element {
}
.carousel .carousel-viewport .carousel-content .carousel-element {
}
.carousel .carousel-viewport .carousel-content .carousel-element {
}
.carousel .carousel-viewport .carousel-content .carousel-element {
}
.carousel .carousel-points {
    display:block;
    width:100%;
    position:relative;
}
.carousel .carousel-points.carousel-nopoints {
    display:none;
}
.carousel.carousel-useviewport .carousel-points {
    max-width:1200px;
    margin:0px auto;
}
.carousel .carousel-points ul {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin:20px auto;
    list-style:none;
    padding:0px;
    gap:6px;
}
.carousel .carousel-points ul li.carousel-point {
    display:block;
    width:34px;
    height:34px;
    padding:0px;
    margin:0px;
    cursor:pointer;
    position:relative;
}
.carousel .carousel-points ul li.carousel-point:after,
.carousel .carousel-points ul li.carousel-point:before {
    display:block;
    position:absolute;
    left:7px;
    top:7px;
    right:7px;
    bottom:7px;
    content:'';
    transition:all 0.25s ease-in-out 0s;
    border-radius:50%;
    opacity:1;
    background:rgba(255, 255, 255, 1);
}
.carousel .carousel-points ul li.carousel-point.aktiv:after, .carousel .carousel-points ul li.carousel-point:hover:after {
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    opacity:0.2;
}
.carousel .carousel-nav {
    display:block;
}
.carousel .carousel-nav.carousel-noarrows {
    display:none;
}
.carousel .carousel-nav .carousel-prev, .carousel .carousel-nav .carousel-next {
    display:block;
    position:absolute;
    top:0px;
    bottom:0px;
    left:5px;
    right:5px;
    cursor:pointer;
    z-index:6;
}

.carousel.carousel-useviewport .carousel-nav .carousel-prev,
.carousel.carousel-useviewport .carousel-nav .carousel-next {
    left:-70px;
    right:-70px;
}
@media screen and (max-width:1360px) {
    .carousel.carousel-useviewport .carousel-nav .carousel-prev,
    .carousel.carousel-useviewport .carousel-nav .carousel-next {
        left:5px;
        right:5px;
    }
}
.carousel .carousel-nav .carousel-next {
    left:auto !important;
}
.carousel .carousel-nav .carousel-prev {
    right:auto !important;
}
.carousel .carousel-nav .carousel-prev:after, .carousel .carousel-nav .carousel-next:after {
    display:block;
    font-family:FontAwesome;
    width:30px;
    height:30px;
    padding:5px;
    text-align:center;
    position:absolute;
    top:50%;
    margin-top:-20px;
    
    font-size:30px;
    line-height:30px;
	color:#fff;
    text-shadow:0px 0px 5px rgba(0, 0, 0, 1);
	/*
	color:#333333;
    border-radius:50%;
	background:#fff;
    box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.5);
    */
}
.carousel .carousel-nav .carousel-prev:after {
    content:'\f053';
    left:20px;
}
.carousel .carousel-nav .carousel-next:after {
    content:'\f054';
    right:20px;
}
.background-2 .container, .background-3 .container {
    border-radius:20px;
    border:1px solid rgba(255, 255, 255, 1);
}
.background-2 .container {
    border:1px solid rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, 0.1);
    background: linear-gradient(315deg,rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.4) 100%);
}
.background-1 {
    background:rgba(255, 255, 255, .15);
    border-top:1px solid rgba(255, 255, 255, .30);
    border-bottom:1px solid rgba(255, 255, 255, .30);
}
.shopkatraster {
    display:flex;
    align-items:stretch;
    gap:30px;
}
.shopkatraster a {
    display:flex;
    flex-direction: column;
    align-items:stretch;
    flex:0 0 100%;
    height:100%;
}
.shopkatraster a h3 {
    margin-top:0px;
}
.shopkatraster a .shopkatraster-kategoriebild {
    width:100%;
    height:0px;
    background-size: cover;
    background-repeat:no-repeat;
}
.shopkatraster .shopkatraster-left {
    display:flex;
    flex-direction:column;
    align-items: stretch;
    flex:0 0 calc(50% - 15px);
}
.shopkatraster .shopkatraster-right {
    display:flex;
    align-items: stretch;
    flex:0 0 calc(50% - 15px);
    flex-direction:column;
    gap:30px;
}
.shopkatraster .shopkatraster-right .shopkatraster-right-top {
    display:flex;
    align-items: stretch;
}
.shopkatraster .shopkatraster-right .shopkatraster-right-bottom {
    display:flex;
    align-items: stretch;
    flex:0 0 calc(50% - 15px);
    flex-direction:row;
    gap:30px;
}
.shopkatraster .shopkatraster-right .shopkatraster-right-bottom .shopkatraster-right-bottom-left {
    display:flex;
    align-items: stretch;
    flex:0 0 calc(50% - 15px);
}
.shopkatraster .shopkatraster-right .shopkatraster-right-bottom .shopkatraster-right-bottom-right {
    display:flex;
    align-items: stretch;
    flex:0 0 calc(50% - 15px);
}
.shopkatraster .shopkatraster-right .shopkatraster-right-bottom .shopkatraster-kategoriebild {
    padding-bottom:60%;
}
.shopkatraster .shopkatraster-right .shopkatraster-right-top .shopkatraster-kategoriebild {
    padding-bottom:30%;
}
.shopkatraster .shopkatraster-left .shopkatraster-kategoriebild {
    flex:0 1 100%;
}

.aboutblock {
}
.aboutblock .aboutblock-texte {
    padding:0px 50px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}
.aboutblock .aboutblock-texte .aboutblock-text {
    text-align:left;
    max-width:350px;
}
.aboutblock .aboutblock-texte .aboutblock-text:nth-child(even) {
    text-align:right;
}
.aboutblock .aboutblock-moretexte {
    padding:0px 50px;
    counter-reset: aboutcount
}
.aboutblock .aboutblock-moretexte .aboutblock-moretext {
    max-width:50%;
    position:relative;
    counter-increment: aboutcount;
}
.aboutblock .aboutblock-moretexte .aboutblock-moretext:before {
    content:counters(aboutcount, ".", decimal-leading-zero);
    display:block;
    position:absolute;
    font-size:90px;
    line-height:80px;
    font-weight:600;
    width:110px;
    top:0px;
}
.aboutblock .aboutblock-moretexte .aboutblock-moretext:nth-child(odd) {
    text-align:left;
    margin:0px 50% 0px 0px;
    padding-left:110px;
}
.aboutblock .aboutblock-moretexte .aboutblock-moretext:nth-child(even) {
    text-align:right;
    margin:0px 0px 0px 50%;
    padding-right:110px;
}
.aboutblock .aboutblock-moretexte .aboutblock-moretext:nth-child(odd):before {
    left:0px;
}
.aboutblock .aboutblock-moretexte .aboutblock-moretext:nth-child(even):before {
    right:0px;
}

.artikelconfig {
    counter-reset:artikelconfig;
}
.artikelconfig .artikelconfigheadline {
    counter-increment: artikelconfig;
    border-bottom:1px solid #fff;
    margin-top:80px;
}
.artikelconfig .artikelconfigheadline:after {
    content:' ' counters(artikelconfig, ".", decimal);
}
.artikelconfig .design2 ul.niceselect {
    counter-reset:artikelconfig;
    gap:20px;
    flex-direction: row;
    justify-content: center;
}
.artikelconfig .design2 ul.niceselect li {
    position:relative;
    display:flex;
    width:200px;
    height:auto;
    padding:20px;
    border:1px solid rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, 0.1);
    background: linear-gradient(315deg,rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.4) 100%);
    border-radius:20px;
    cursor:pointer;
    gap:5px;
    flex-direction:column;
    padding-top:60px;
    transition:all 0.3s ease;
    justify-content: space-between;
    align-items: flex-start;
}
.artikelconfig .design2 ul.niceselect li div {
    flex:1 1 0px;
    width:auto;
}
.artikelconfig .design2 ul.niceselect li .niceoptionname {
	font-size:20px;
	line-height:28px;
	font-weight:400;
}
.artikelconfig .design2 ul.niceselect li .niceoptionaufpreis {
    background:#fff;
	font-size:14px;
	line-height:24px;
	font-weight:400;
    color:#0F0F0F;
    padding:3px 20px;
    border-radius:3px;
    flex:0 0 30px;
}
.artikelconfig .design2 ul.niceselect li .niceoptionaufpreis.noaufpreis {
    opacity: 0;
}
.artikelconfig .design2 ul.niceselect li .moreinfo {
	font-size:16px;
	line-height:24px;
	font-weight:800;
}
.artikelconfig .design2 ul.niceselect li .moreinfo strong {
    font-size:70px;
    line-height:60px;
}
.artikelconfig .design2 ul.niceselect li:before {
    display:block;
    position: absolute;
    top:20px;
    left:20px;
    width:20px;
    height:20px;
    border:1px solid #fff;
    border-radius:50%;
    content:'';
}
.artikelconfig .design2 ul.niceselect li.aktiv {
    background: rgba(255, 255, 255, 0.2);
    background: linear-gradient(315deg,rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.8) 100%);
}
.artikelconfig .design2 ul.niceselect li.aktiv:after {
    display:block;
    position: absolute;
    top:24px;
    left:24px;
    width:12px;
    height:12px;
    background:#fff;
    border-radius:50%;
    content:'';
}


.lbhflex {
    display:flex;
    gap:50px;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin:20px 0px;
}
.lbhflex .lbhflexcc {
    flex:1 1 0px;
}
.lbhflex .lbhflexcc .formline {
    margin:0px;
}


/* Accordion - Start */
.accordion {
	margin:0px 0px 20px;
    position:relative;
}
.accordion > .accordion_headline {
	/*display:block;*/
	cursor:pointer;
	position:relative;
	padding:0px;
	border-bottom:1px solid #fff;
    color:#fff;
	transition:all 0.28s ease 0s;
    display:flex;
    justify-content:flex-end;
    gap:5px;
}
.window .accordion > .accordion_headline, .widget .accordion > .accordion_headline {
    flex-direction:column;
}
.window .accordion > .accordion_headline > ul.barmenu {
    align-self:flex-end;
}
.accordion.nocontent > .accordion_headline {
    cursor:auto;
}
.accordion > .accordion_headline:before {
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	width:30px;
	height:38px;
    text-align:center;
	font-size:16px;
	line-height:38px;
	content:'\f0da';
	font-family:"Font Awesome 5 Free";
	font-weight:900;
}
.accordion > .accordion_headline > h3 {
    display:block;
    position:relative;
    margin:1px 0px;
    padding:5px 5px 5px 30px;
    flex:1;
	font-size:20px;
	line-height:28px;
	font-weight:400;
}
.accordion.open > .accordion_headline:before {
	content:'\f0d7';
}
.accordion > .accordion_content {
	height:0px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	opacity:0;
	display:block;
	position:relative;
	border:none;
	transition:opacity 0.28s ease 0s;
}
.accordion.open > .accordion_content {
	display:block;
	height:auto;
	opacity:1;
	overflow:visible;
	padding:15px 50px;
}

/* Accordion - Stop */
.kundenlogo {
	text-align:center;
}
.userprojektenummern {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap:20px;
	margin:50px 0px;
}
.userprojektenummern .userprojektenummer {
	flex:0 0 190px;
}
.userprojektenummern .userprojektenummer > *:first-child {
	margin-top:0px;
}
.userprojektenummern .userprojektenummer > *:last-child {
	margin-bottom:0px;
}
.userprojektlist {
}
.userprojektlist .userprojektlistcontent {
	margin-right:-20px;
	padding-right:20px;
	max-height:1000px;
	overflow:auto;
}
.userprojektlist .userprojekt {
}
.userprojektname {
	margin-bottom:10px;
}
.userprojektstatus {
	display:block;
	color:rgba(255, 255, 255, 0.7);
	padding:3px 10px;
	margin-bottom:10px;
	border-radius:3px;
}
.whitebox {
	display:block;
	margin:20px 0px;
	background:#fff;
	color:#000;
	border-radius:15px;
	padding:20px;
}
.whitebox > :last-child, .gradientbg > :last-child {
	margin-bottom:0px;
}
.whitebox > :first-child, .gradientbg > :first-child {
	margin-top:0px;
}
.whitebox a {
	color:#000;
}
a.linkbox {
	text-decoration:none;
	cursor:pointer;
}
.whitebox.trans {
	background:none;
	border:1px solid #fff;
	color:#fff;
}
.whitebox.trans a {
	color:#fff;
}




.chat {
	display:flex;
	/*border:1px solid #ccc;*/
    padding:10px;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: center;
	height:500px;
	position:relative;
}
.chat .chatmessageswrap {
    overflow-y:scroll;
	flex:1 1 100%;
	padding-right:10px;
}
.chat:after {
	display:block;
	height:20px;
	content:'';
	position: absolute;
	top:10px;
	left:10px;
	right:30px;
    background:#000;
    background:linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}
.chat .chatmessageswrap .chatmessages {
}
.chat .chatmessageswrap .chatnotify {
    text-align:center;
    position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
    flex-direction: row;
}
.chat .chatmessageswrap .chatnotify:before, .chat .chatmessageswrap .chatnotify:after {
    display:block;
    content:'';
    height:1px;
    background:#cccccc;
	flex:1 1 100%;
}
.chat .chatmessageswrap .chatnotify.small:before, .chat .chatmessageswrap .chatnotify.small:after {
    display:none;
}
.chat .chatmessageswrap .chatnotify .chatnotifycc {
    display:inline-block;
    z-index:50;
    position:relative;
    padding:3px;
}
.chat .chatmessageswrap .chatnotify.small {
	justify-content:flex-start;
    margin-top:5px;
    font-style:italic
}
.chat .chatmessageswrap .chatnotify.rightside.small {
	justify-content:flex-end;
}

.chat .chatmessageswrap .chatnotify.big {
    margin-top:5px;
    font-style:normal;
    font-weight:bold;
}
.chat .chatmessageswrap .chatnotify.big .chatnotifycc {
    max-width:90%;
}
.chat .chatmessageswrap .chatnotify.small .chatnotifycc {
    background:none;
    padding:0px;
}
/*
.chat .chatmessageswrap .chatnotify.impchat {
    text-align:center;
    position:absolute;
    top:0px;
}
*/
.chat .chatmessageswrap .chatmessage {
    margin:10px 0px 0px 0px;
}
.chat .chatmessageswrap .chatmessage + .chatmessage {
    margin:1px 0px 0px 0px;
}
.chat .chatmessageswrap .chatmessage .chatmessagecc {
    float:left;
    border-radius:3px;
    padding:10px;
    color:#222222;
    background:#FFFFFF;
    max-width:95%;
    hyphens:auto;
}
.chat .chatmessageswrap .chatmessage.rightside .chatmessagecc {
    float:right;
    color:#ffffff;
    background:#333333;
}
.chat .chatuserlink .user {
    float:left;
    display:inline-block;
    border-radius:2px;
    padding:10px;
    position:relative;
    color:#ffffff;
    background:#333333;
	font-style:italic;
}
.chat .chatuserlink.rightside .user {
    color:#333;
    float:right;
    background:#fff;
}
.chat .chatuserlink {
	padding:10px 0px 0px 0px;
}
.chat .chatuserlink .user:before {
    position:absolute;
    display:block;
    content:'';
    width:0px;
    height:0px;
    left:5px;
    top:100%;
    border-width:6px 3px 0px 3px;
    border-color:#333 transparent transparent transparent;
    border-style:solid;
}
.chat .chatuserlink.rightside .user:before {
    border-color:#fff transparent transparent transparent;
    left:auto;
    right:5px;
}
.chat .chatsend {
    display:flex;
    width:100%;
    gap:10px;
}
.chat .chatsend * {
    -webkit-hyphens:none !important;
    hyphens:none !important;
}
.chat .chatsend .sendfeld {
    flex:1 100%;
}
.scroll500 {
	max-height:500px;
	overflow-y:auto;
	margin-right:-20px;
	padding-right:20px;
}
.artikelpreis {
	line-height:45px;
	font-size:30px;
	display:inline-flex;
	gap:10px;
	font-weight:800;
}
.artikelpreis .artikelpreiszahl {
	position:relative;
}
.artikelpreis .artikelpreiszahl.oldpreis {
	position:relative;
	font-size:16px;
	font-weight:400;
}
.artikelpreis .artikelpreiszahl.oldpreis:after {
	display:block;
	content:'';
	position:absolute;
	left:-5px;
	right:-5px;
	bottom:-5px;
	top:-5px;
	background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cline%20x2%3D%22100%25%22%20y1%3D%22100%25%22%20y2%3D%220%22%20stroke%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}
.artikelpreis .artikelpreiseinheit {
	font-size:20px;
}
.artikelpreis.smallpreis {
	line-height:22px;
	font-size:18px;
	gap:5px;
}
.artikelpreis.smallpreis .artikelpreiszahl.oldpreis {
	display:none;
}
.artikelpreis.smallpreis .artikelpreiseinheit {
	font-size:14px;
}

html.lightmode, html.lightmode img, html.lightmode video, html.lightmode iframe {
	filter:invert(1);
}
html.lightmode .logo {
	filter:invert(1);
}
html.lightmode .userprojektstatus {
	filter:invert(1);
}
/*
.lightmode body{background:#fff;color:#000;}
.lightmode .logo{filter: invert(1);}
.lightmode .all{background:#fff;color:#000;}
.lightmode .header{background:#f2f2f2;color:#000;border-bottom:1px solid #000;box-shadow:1px 3px 1px rgba(200,200,200,0.2);}
.lightmode .header .menu ul li a{color:#000;}
.lightmode .mainmenu,.lightmode .notifymenu{background:#f0f0f0;box-shadow:0 0 20px rgba(200,200,200,0.3);}
.lightmode .mainmenu nav a{color:#000;}
.lightmode .mainmenu nav a:hover{color:#555;}
.lightmode .footer{background:#f3f3f3;color:#000;border-top:1px solid #000;}
.lightmode .footer a{color:#000;}
.lightmode .scrolltop{background:#e0e0e0;color:#000;}
.lightmode nav .menu ul li a{color:#000;background:#e8e8e8;}
.lightmode nav .menu ul li:hover>a,.lightmode nav .menu ul li.aktiv>a{background:#d0d0d0;color:#000;}
.lightmode nav .menu ul li ul li:hover>a,.lightmode nav .menu ul li ul li.aktiv>a{background:#d0d0d0;color:#000;}
.lightmode nav .menu ul li>ul{background:#fff;box-shadow:0 0 5px #ccc;}
.lightmode .contents{background:#f5f5f5;}
.lightmode .white{background:#f0f0f0;}
.lightmode .grey{background:#e6e6e6;}
.lightmode .container.white{background:#e6e6e6;}
.lightmode footer{color:#000;}
.lightmode footer a{color:#000;}
.lightmode footer .subfooter{background:#fff;}
.lightmode footer .subfooter h3{color:#6fc4f0;}
.lightmode footer .subfooter ul li:before{border-color:transparent transparent transparent #6fc4f0;}
.lightmode footer .footer ul li{color:#000;}
.lightmode footer .footer ul.langmenu>li>a:after{border-color:transparent transparent #000 transparent;}
.lightmode footer .footer ul.langmenu li ul{background:#f0f0f0;box-shadow:0 0 4px #ccc;}
.lightmode footer .footer ul.langmenu li ul li{border-bottom:1px solid rgba(0,0,0,0.1);}
.lightmode a{color:#000;}
.lightmode a:hover{color:#333;}
.lightmode .headlineimage .imageheadline *{color:#000;text-shadow:0 0 5px #ccc;}
.lightmode .triplelinkheadline h2{color:#222;}
.lightmode table.style thead th{background:#222;border-bottom:2px solid #000;color:#fff;}
.lightmode table.style tbody tr td,.lightmode table.style tbody tr th{background:#fafafa;border-bottom:1px solid #000;border-left:1px solid #000;}
.lightmode table.style tbody tr:nth-child(odd) td{background:#f0f0f0;}
.lightmode table.style * * td.aktion{background:#fafafa!important;}
.lightmode table.style * *:nth-child(even) td.aktion{background:#f0f0f0!important;}
.lightmode table.style * * th.aktion{background:#bfe3f7!important;}
.lightmode table.style2 thead th{border-left:1px solid #000;color:#000;}
.lightmode table.style2 tbody tr td{background:#fff;border-bottom:5px solid #e6e6e6;}
.lightmode td.marked{background:#d0d0d0!important;}
.lightmode .prozent{color:#222;}
.lightmode .questionnum{color:#222;}
.lightmode .qheadline h1{color:#000;}
.lightmode .qbar{background:#fff;}
.lightmode .qbar .bar{background:#6fc4f0;}
.lightmode .reminder .info{color:#000;text-shadow:1px 1px #ccc;box-shadow:1px 1px 1px rgba(200,200,200,0.5);background:#e0e0e0;}
.lightmode .reminder .feld{background:#fff;box-shadow:2px 2px 2px rgba(200,200,200,0.5);}
.lightmode .reminder .feld:before{border-color:transparent transparent #fff transparent;}
.lightmode .answers .answer{border:3px solid #000;}
.lightmode .answers .answer.aktiv{border:3px solid #6fc4f0;}
.lightmode .answers .answer.wrong{border:3px solid #fff;}
.lightmode .answers .answer:after{background:#000;}
.lightmode .answers .answer.aktiv:after{background:#6fc4f0;color:#000;}
.lightmode .answers .answer.wrong:after{background:#fff;color:#000;}
.lightmode .richtig{border:3px solid #222;color:#222;}
.lightmode .falsch{border:3px solid #fff;color:#000;}
.lightmode .auswertung{color:#000;background:#e0e0e0;}
.lightmode .auswertung .bigprozent{border-bottom:1px solid #000;}
.lightmode .imagelist,.lightmode .textlist{background:#fff;}
.lightmode .imagelist .imagelistitem,.lightmode .textlist .textlistitem{border:2px solid #dcdcdc;}
.lightmode .layer{background:rgba(255,255,255,0.5);}
.lightmode .layerclose:after{border:2px solid #000;background:#fff;color:#000;}
.lightmode .graph .balkenfeld{background:#ccc;box-shadow:1px 1px 2px rgba(200,200,200,0.7);}
.lightmode .graph .balkenfeld .balken{background:#6fc4f0;}
.lightmode .graph .balkenfeld .wert{color:#000;}
.lightmode .imagebox{color:#000;background:#ddd;}
.lightmode hr{background:#000;}
.lightmode hr.tiny{background:#444;}
.lightmode .tabs ul.tabmenu li a{color:#555;background:#fff;}
.lightmode .tabs ul.tabmenu li.aktiv a:before{background:#000;}
.lightmode .ustatus{border:1px solid #999;background:#fff;color:#000;}
.lightmode .ustatus.status_red{background:#ffb3b3;}
.lightmode .ustatus.status_orange{background:#ffe0a3;}
.lightmode .ustatus.status_green{background:#b3e6b3;}
.lightmode .cartartikel .cartartikelnamedetails .cartartikeldetails,.lightmode .cartartikel .cartartikeleinzelpreis,.lightmode .cartartikel .cartartikelpreis{color:#222;}
.lightmode .cartartikel .cartartikeldel a{color:#555;}
.lightmode .cartartikel .cartartikeldel a:hover{color:#111;}
.lightmode .gradientbg{background:linear-gradient(120deg,rgba(0,0,0,0.1) 0%,rgba(255,255,255,0.3) 100%);border:1px solid #333;}
.lightmode .gradientbg.aktiv{background:linear-gradient(120deg,rgba(0,0,0,0.3) 0%,rgba(255,255,255,0.7) 100%);border:1px solid #333;}
.lightmode .linedbg{border:1px solid #000;}
.lightmode .border{border:1px solid #000;}
.lightmode .bgwhite{background:#fff;color:#333;}
.lightmode .bgwhite input,.lightmode .bgwhite textarea,.lightmode .bgwhite select{border-bottom:1px solid #000;color:#000;}
.lightmode .spaltenform .spaltenformspalte:after{background:#000;}
.lightmode a.shopkategorie{border-top:1px solid #000;border-bottom:1px solid #000;}
.lightmode .shopkategorien .shopkategorie:nth-child(even){background:#fff!important;color:#000;}
.lightmode .shopcatarticles .shopcatarticle.notavailable .artikelbild:after{background:#ffb3b3;color:#000;text-shadow:1px 1px 0 #ccc;}
.lightmode .shopcatarticles .shopcatarticle.noimage .artikelbild:after{background:#f5f5f5;color:#000;text-shadow:0 0 5px rgba(200,200,200,0.2);}
.lightmode .shopcatblaetter ul li a{border:1px solid #333;}
.lightmode .shopcatblaetter ul li.aktiv a{background:#ccc;}
.lightmode .carousel .carousel-points ul li.carousel-point:before{background:#000;}
.lightmode .carousel .carousel-points ul li.carousel-point.aktiv:after,.lightmode .carousel .carousel-points ul li.carousel-point:hover:after{opacity:0.2;}
.lightmode .carousel .carousel-nav .carousel-prev:after,.lightmode .carousel .carousel-nav .carousel-next:after{color:#000;text-shadow:0 0 5px rgba(200,200,200,1);}
.lightmode .background-2 .container{border:1px solid rgba(0,0,0,0.2);background:rgba(0,0,0,0.1);}
.lightmode .background-1{background:rgba(0,0,0,0.15);border-top:1px solid rgba(0,0,0,0.3);border-bottom:1px solid rgba(0,0,0,0.3);}
*/