@import url("//hello.myfonts.net/count/4006f9");

/* ############################################################
	SCHRIFTEINBETTUNG
############################################################ */

/*
Quelle: Direktinstallation auf Server
*/

@font-face {
	font-family: "SofiaPro-Regular";
	src: url('../Fonts/SofiaProRegular/font.woff2') format('woff2'),
		url('../Fonts/SofiaProRegular/font.woff') format('woff');
}
@font-face {
	font-family: "SofiaPro-SemiBold";
	src: url('../Fonts/SofiaProSemiBold/font.woff2') format('woff2'),
		url('../Fonts/SofiaProSemiBold/font.woff') format('woff');
}


/* ############################################################
	FARBKLIMA
###############################################################
	
	Schwarz:		#000000 - rgba(0,0,0,1)
	Grau 1:			#f0f0f0 - rgba(240,240,240,1)
	Grau 2 (hell):	#f8f8f8 - rgba(248,248,248,1)
	Rot 1:			#df0f18 - rgba(223,15,24,1)
	Rot 2 (hell):	#fce7e7 - rgba(252,231,231,1)
	
###############################################################
	ALLGEMEINES
############################################################ */

* {
	margin: 0;
	padding: 0;
	outline: none;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img, table, tr, td {
	border: 0;
}

html, body { /* html = IE text resize correction */
	font-size: 100%;
}
html {
	height: 100vh;
	height: -webkit-fill-available;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	overflow-x: hidden;
	min-height: 100vh;
	min-height: -webkit-fill-available; /* mobile viewport bug fix */
	background-color: #fff;
}
a, a:focus {
	outline: none;
}

main img, footer img {
	max-width: 100% !important;
	height: auto !important;
	display: block;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}

.css-transitions-only-after-page-load * {
	-o-transition: none !important;
	-ms-transition: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	transition: none !important;
}

/* Effekt: FadeIn / Lightning */
body:not(.cms-active) header,
body:not(.cms-active) main,
body:not(.cms-active) footer {
	opacity: 0;
}


/* ############################################################
	SCHRIFTEN / TEXTE / ABSÄTZE / HYPERLINKS / TITEL
############################################################ */

/* Allgemeines */
body {
	font-family: "SofiaPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 1.125rem; /* 18px */
	line-height: 1.75rem; /* 28px */
	letter-spacing: 0.54px; /* 30px */
	color: #000;
}


/* Schnitte */
i, em {
}
b, strong {
	font-family: "SofiaPro-SemiBold";
	font-weight: normal;
}
strong > em, em > strong,
strong > i, i > strong,
b > em, em > b,
b > i, i > b {
}


/* Titel */
h1, h2, h3 {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: "SofiaPro-SemiBold";
	font-weight: normal;
	font-style: normal;
	color: inherit;
}
h2 {
	margin-bottom: 27px;
	font-size: 1.5rem; /* 24px */
	line-height: 1.875rem; /* 30px */
	letter-spacing: 0.48px;
}
	p + h2 {
		margin-top: 27px;
	}
h1, h2.modultitel {
	margin-bottom: 32px;
	font-size: 1.75rem; /* 28px */
	line-height: 2.1875rem; /* 35px */
	letter-spacing: 0.56px;
}
h3 {
	font-size: 1.125rem; /* 18px */
	line-height: 1.75rem; /* 28px */
	letter-spacing: 0.36px;
}
footer h3 {
	margin-bottom: 28px;
	font-size: 1.5rem; /* 24px */
	line-height: 1.875rem; /* 30px */
	letter-spacing: 0.48px;
}
@media (min-width: 1020px) {
	h1, h2.modultitel {
		margin-top: -6px;
		margin-bottom: 50px;
		font-size: 2.375rem; /* 38px */
		line-height: 3.125rem; /* 50px */
		letter-spacing: 0.76px;
	}
}


/* Formate */
.font-size-28 {
	font-size: 1.375rem; /* 22px */
	line-height: 2.1875rem; /* 35px */
	letter-spacing: 0.44px;
}
.font-size-14 {
	font-size: 0.875rem; /* 14px */
	line-height: 1.125rem; /* 18px */
	letter-spacing: 0.56px;
}
@media (min-width: 1020px) {
	.font-size-28 {
		font-size: 1.75rem; /* 28px */
		line-height: 3.125rem; /* 50px */
		letter-spacing: 0.56px;
	}
}


/* Lange Sätze abschneiden */
.text-overflow-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* Zeichen */
.text-uppercase {
	text-transform: uppercase;
}
.text-lowercase {
	text-transform: lowercase;
}


/* Silbentrennung */
.silbentrennung {
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-moz-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-chars: auto 3;
	hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 3;
	-moz-hyphenate-limit-lines: 3;
	-webkit-hyphenate-limit-lines: 3;
	hyphenate-limit-lines: 3;
}


/* Farben */
.color-error {
	color: #eb4462;
}
.color-successful {
	color: #4fa158;
}
.color-weiss {
	color: #fff;
}
.color-grau-1 {
	color: #f0f0f0;
}
.color-grau-2 {
	color: #f8f8f8;
}
.color-grau-3 {
	color: #707070;
}
.color-rot-1 {
	color: #df0f18;
}
.color-rot-2 {
	color: #fce7e7;
}
.bg-error {
	background-color: #eb4462;
}
.bg-successful {
	background-color: #4fa158;
}
.bg-weiss {
	background-color: #fff;
}
.bg-grau-1 {
	background-color: #f0f0f0;
}
.bg-grau-2 {
	background-color: #f8f8f8;
}
.bg-rot-1 {
	background-color: #df0f18;
}
.bg-rot-2 {
	background-color: #fce7e7;
}


/* ############################################################
	HYPERLINKS
############################################################ */

/* Allgemeines */
header a, nav a, main a, footer a {
	text-decoration: none;
	-o-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
main a,
footer a {
	color: #000;
}
main a:hover,
footer a:hover {
	color: #df0f18;
}


/* Hover Effekte */
.underline,
a:hover .underline {
	text-decoration: underline;
}
.no-hover,
.no-hover:hover,
.no-link {
	cursor: default;
	color: inherit;
}
.pointer {
	cursor: pointer;
}


/* Linkbox */
.link-box,
.pfeil-link-box span {
	display: inline-block;
	padding: 2px 7px 3px 7px;
	border: 1px solid #000;
	font-family: "SofiaPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 0.875rem; /* 14px */
	line-height: 1.125rem; /* 18px */
	letter-spacing: 0.56px;
	color: #000;
	-o-transition: color 0.3s ease, border 0.45s ease;
	-ms-transition: color 0.3s ease, border 0.45s ease;
	-moz-transition: color 0.3s ease, border 0.45s ease;
	-webkit-transition: color 0.3s ease, border 0.45s ease;
	transition: color 0.3s ease, border 0.45s ease;
}
.pfeil-link-box span {
	position: absolute;
	margin-top: 0px;
}
.link-box:hover,
.pfeil-link-box:hover span {
	border-color: #df0f18;
	color: #df0f18;
}
nav a.link-box {
	border: 1px solid #fff;
	color: #fff;
}
nav a.link-box:hover {
	border-color: #000;
	color: #000;
}
	/* Linkbox mit Pfeil */
	.pfeil-link-box:before {
		content: "";
		display: inline-block;
		margin-right: 16px;
		width: 25px;
		height: 15px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNS45MyAyMS4yMSI+PHBvbHlnb24gcG9pbnRzPSIyNS4zMiAwIDI0LjYxIDAuNzEgMzQuMDEgMTAuMTEgMCAxMC4xMSAwIDExLjExIDM0LjAxIDExLjExIDI0LjYxIDIwLjUgMjUuMzIgMjEuMjEgMzUuMjIgMTEuMzEgMzUuMjIgMTEuMzEgMzUuOTMgMTAuNjEgMjUuMzIgMCIvPjwvc3ZnPg==");
		background-position: center;
		background-repeat: no-repeat;
		background-size: 25px 15px;
		-o-transition: background 0.3s ease;
		-ms-transition: background 0.3s ease;
		-moz-transition: background 0.3s ease;
		-webkit-transition: background 0.3s ease;
		transition: background 0.3s ease;
	}
	.pfeil-link-box:hover:before {
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNS45MyAyMS4yMSI+PHBvbHlnb24gcG9pbnRzPSIyNS4zMiAwIDI0LjYxIDAuNzEgMzQuMDEgMTAuMTEgMCAxMC4xMSAwIDExLjExIDM0LjAxIDExLjExIDI0LjYxIDIwLjUgMjUuMzIgMjEuMjEgMzUuMjIgMTEuMzEgMzUuMjIgMTEuMzEgMzUuOTMgMTAuNjEgMjUuMzIgMCIgZmlsbD0iI2RmMGYxOCIvPjwvc3ZnPg==");
	}
@media (min-width: 1020px) {
		/* Linkbox mit Pfeil */
		.pfeil-link-box span {
			margin-top: -2px;
		}
		.pfeil-link-box:before {
			margin-right: 20px;
			width: 36px;
			height: 21px;
			background-size: 36px 21px;
		}
}


/* Lange Hyperlinks */
@media (max-width: 759.98px) {
	main a {
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
		-ms-hyphenate-limit-chars: auto 3;
		-moz-hyphenate-limit-chars: auto 3;
		-webkit-hyphenate-limit-chars: auto 3;
		hyphenate-limit-chars: auto 3;
		-ms-hyphenate-limit-lines: 3;
		-moz-hyphenate-limit-lines: 3;
		-webkit-hyphenate-limit-lines: 3;
		hyphenate-limit-lines: 3;
	}
}


/* Anker */
a.nav-anchor[name] {
	display: block;
	width: 0;
	height: 0;
	position: relative;
	top: -30px !important;
	visibility: hidden;
}
@media (min-width: 760px) {
	a.nav-anchor[name] {
		top: -60px !important;
	}
}
@media (min-width: 1020px) {
	a.nav-anchor[name] {
		top: -146px !important;
	}
}


/* Page-Loader */
@keyframes load-spinner {
  to {
		transform: rotate(360deg);
	}
}
#load-cover-spin {
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.5);
	z-index: 9999;
	display: none;
}
#load-cover-spin::after {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	border-radius: 50%;
	border: 4px solid #fce7e7;
	border-top-color: #df0f18;
	background-color: rgba(255,255,255,0.8);
	-webkit-animation: load-spinner .6s linear infinite;
	animation: load-spinner .6s linear infinite;
}


/* ############################################################
	PANELS/BOXEN
############################################################ */

/* Allgemein */
header, nav, main, footer,
.header-line-1, .nav-line-1, .nav-line-2, .nav-line-3, .footer-line-1, .footer-line-2,
.header-box, .content-box, .footer-box,
.header-inline, .content-inline, .footer-inline,
.mdl-container {
	position: relative;
	width: 100%;
}
.header-box, .content-box, .footer-box,
.nav-line-1, .nav-line-2, .nav-line-3 {
	padding-right: 20px;
	padding-left: 20px;
}

/* Kopfzeile */
header {
	z-index: 10;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 130px;
	background-color: #fff;
}
	.header-line-1 {
		width: 100%;
		height: 64px;
	}
	nav,
	nav.open {
		top: 130px;
		-o-transition: height 0.6s ease;
		-ms-transition: height 0.6s ease;
		-moz-transition: height 0.6s ease;
		-webkit-transition: height 0.6s ease;
		transition: height 0.6s ease;
	}
	nav {
		z-index: 9;
		position: absolute;
		left: 0;
		height: 0;
		overflow: hidden;
		transition-delay: 0.45s;
		background-color: #df0f18;
	}
	nav.open {
		height: 100vh;
		height: calc(var(--nav-height, 1vh) * 100);
	}
	nav.overflow {
		overflow: auto;
	}
		.nav-line-1,
		.nav-line-2,
		.nav-line-3 {
			display: none;
			opacity: 0;
			position: relative;
		}
		.nav-line-1 {
			margin-top: 24px;
		}
		.nav-line-2 {
			margin-top: 46px;
		}
		.nav-line-3 {
			margin-top: 26px;
			margin-bottom: 26px;
		}

/* Inhalt */
main {
	padding-top: 130px;
}

/* Fusszeile */
footer {
	padding-top: 34px;
	padding-bottom: 40px;
}
	.abstand-kontakt-2,
	.abstand-oeffnungszeiten-2 {
		margin-top: 28px;
	}
	.abstand-standort {
		margin-top: 30px;
	}
	.abstand-oeffnungszeiten {
		margin-top: 46px;
	}
@media (min-width: 760px) {
	/* Allgemein */
	.header-box, .content-box, .footer-box,
	.nav-line-1, .nav-line-2, .nav-line-3 {
		padding-left: 60px;
		padding-right: 60px;
	}
	
	/* Kopfzeile */
	.nav-line-1,
	.nav-line-2 {
		margin-top: 72px;
	}
	.nav-line-2 {
		margin-top: 72px;
	}
	.nav-line-3 {
		margin-top: 52px;
		margin-bottom: 52px;
	}
	
	/* Fusszeile */
	footer {
		padding-top: 70px;
		padding-bottom: 80px;
	}
		.abstand-kontakt-2,
		.abstand-oeffnungszeiten-2 {
			margin-top: 0;
		}
}
@media (min-width: 1020px) {
	/* Allgemein */
	
	/* Kopfzeile */
	header {
		height: 218px;
	}
		.header-line-1 {
			height: 111px;
		}
		nav,
		nav.open {
			top: 218px;
		}
			.nav-line-1,
			.nav-line-3 {
				position: absolute;
				top: 112px;
				left: 0;
				margin-top: 0;
			}
			.nav-line-3 {
				top: auto;
				bottom: 112px;
				margin-bottom: 0;
			}
	
	/* Inhalt */
	main {
		padding-top: 218px;
	}
	
	/* Fusszeile */
	.abstand-kontakt-2,
	.abstand-oeffnungszeiten-2 {
		margin-top: 28px;
	}
	.abstand-oeffnungszeiten {
		margin-top: 0;
	}
}
@media (min-width: 1280px) {
	/* Fusszeile */
	.abstand-kontakt-2 {
		margin-top: 0;
	}
}
@media (min-width: 1440px) {
	/* Allgemein */
	.header-box, .content-box, .footer-box,
	.nav-line-1, .nav-line-2, .nav-line-3 {
		padding-left: 140px;
		padding-right: 140px;
	}
		.header-inline, .content-inline, .footer-inline {
			max-width: 1640px;
			margin: 0 auto;
		}
}
@media (min-width: 1920px) {
	/* Navigation */
	.nav-line-1, .nav-line-2, .nav-line-3 {
		padding-left: calc(50% - 820px);
		padding-right: calc(50% - 820px);
	}
}


/* ############################################################
	BILDER/ICONS
############################################################ */

/* Logo */
.logo-link {
	display: inline-block;
	margin-top: 22px;
}
	.logo-link img {
		display: inline-block;
		width: 163px;
	}
@media (min-width: 1020px) {
	.logo-link {
		margin-top: 43px;
	}
		.logo-link img {
			width: 269px;
		}
}


/* Button Scroll Buttons */
.btn-scrollup {
	z-index: 2;
	position: absolute;
	display: inline-block;
	top: 68px;
	right: 0;
	width: 33px;
	height: 65px;
}
	.btn-scrollup svg {
		fill: #000000;
		-o-transition: fill 0.3s ease;
		-ms-transition: fill 0.3s ease;
		-moz-transition: fill 0.3s ease;
		-webkit-transition: fill 0.3s ease;
		transition: fill 0.3s ease;
	}
	.btn-scrollup:hover svg {
		fill: #df0f18;
	}


/* Socialmedia */
a.link-socialmedia {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 28px;
}
a.icon-facebook {
	margin-top: 76px;
}
	a.link-socialmedia svg {
		display: block;
		width: 16px;
		height: 28px;
		fill: #000;
		-o-transition: fill 0.3s ease;
		-ms-transition: fill 0.3s ease;
		-moz-transition: fill 0.3s ease;
		-webkit-transition: fill 0.3s ease;
		transition: fill 0.3s ease;
	}
	a.link-socialmedia:hover svg {
		fill: #df0f18;
	}
@media (min-width: 760px) {
	a.icon-facebook {
		margin-top: 48px;
	}
}
@media (min-width: 1020px) {
	a.link-socialmedia {
		display: block;
	}
}


/* Mitgliedschaften */
a.link-mitgliedschaft {
	position: relative;
	display: inline-block;
}
a.icon-vsbn,
a.icon-iapn {
	margin-top: 60px;
}
a.icon-iapn {
	margin-left: 50px;
}
	a.icon-vsbn img,
	a.icon-iapn img {
		height: 120px !important;
	}
@media (min-width: 1020px) {
	a.icon-vsbn,
	a.icon-iapn {
		margin-top: 80px;
	}
	a.icon-iapn {
		margin-left: 50px;
	}
}


/* ############################################################
	VORLAGEN
############################################################ */

/* Rote Box */
.redbox {
	display: block;
	padding: 30px 27px;
	border: 1px solid #df0f18;
	background-color: #fff;
}
@media (min-width: 1020px) {
	.redbox {
		margin-top: 94px;
	}
	.redbox.sticky {
		position: sticky;
		position: -webkit-sticky;
		top: 70px;
	}
}


/* Mein Konto: Zurück zur Übersicht */
.meinkonto-back-button {
	display: inline-block;
	margin-bottom: 47px;
}
@media (min-width: 1020px) {
	.meinkonto-back-button {
		margin-bottom: 0;
		margin-top: 94px;
	}
}


/* ############################################################
	LISTEN
############################################################ */

/* Aufzählungslisten */
.mdl-container ul:not([class^="cmsmodule-nav"]),
.mdl-container ol.nummer-klammer {
	list-style: none;
	position: relative;
	padding: 0;
}

/* - (–) */
.mdl-container ul:not([class^="cmsmodule-nav"]):not([class^="nav-thirdsubmenu"]):not([class^="nav-orders"]) {
}
	.mdl-container ul:not([class^="cmsmodule-nav"]):not([class^="nav-thirdsubmenu"]):not([class^="nav-orders"]) li {
		margin-left: 18px;
		padding-left: 0;
	}
	.mdl-container ul:not([class^="cmsmodule-nav"]):not([class^="nav-thirdsubmenu"]):not([class^="nav-orders"]) li:before {
		content: "\2013";
		position: absolute;
		margin-left: -18px;
	}
	.mdl-container ul:not([class^="cmsmodule-nav"]):not([class^="nav-thirdsubmenu"]):not([class^="nav-orders"]) li:not(:first-child) {
	}


/* ############################################################
	NAVIGATION
############################################################ */

/* Allgemeines */
ul.nav-mainmenu, ul.nav-mainmenu ul, ul.nav-mainmenu li,
ul.nav-secondmenu, ul.nav-secondmenu ul, ul.nav-secondmenu li,
ul.nav-thirdmenu, ul.nav-thirdmenu ul, ul.nav-thirdmenu li,
ul.drop-list, ul.drop-list, ul.drop-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.nav-mainmenu li,
ul.nav-secondmenu li,
ul.nav-thirdmenu li,
ul.drop-list li {
	position: relative;
}

/* Hyperlink */
ul.nav-mainmenu a,
ul.nav-secondmenu a,
ul.nav-thirdmenu a {
	display: inline-block;
}


/*
1st-Menu
*/
nav ul.nav-mainmenu {
	font-size: 1.75rem; /* 28px */
	line-height: 1.75rem; /* 28px */
	letter-spacing: 0.56px;
	color: #fff;
}
	/* Level 1 */
	nav ul.nav-mainmenu li {
		display: block;
	}
	nav ul.nav-mainmenu li:not(:first-child) {
		margin-top: 17px;
	}
	
	/* Hyperlink */
	nav ul.nav-mainmenu li a,
	nav ul.nav-mainmenu li a:hover {
		color: #fff;
	}
	nav ul.nav-mainmenu li.active a {
		color: #000;
	}
@media (min-width: 1020px) {
	nav ul.nav-mainmenu {
		font-size: 2.375rem; /* 38px */
		line-height: 2.375rem; /* 38px */
		letter-spacing: 0.76px;
	}
		/* Level 1 */
		nav ul.nav-mainmenu li:not(:first-child) {
			margin-top: 24px;
		}
		
		/* Hyperlink */
		nav ul.nav-mainmenu li a:hover {
			color: #000;
		}
}


/*
2nd-Menu
*/

/* Header */
nav ul.nav-secondmenu {
}
	/* Level 1 */
	nav ul.nav-secondmenu li {
		display: block;
		width: auto;
	}
	nav ul.nav-secondmenu li:not(:first-child) {
		margin-top: 7px;
	}
		/* Hyperlink */
		nav ul.nav-secondmenu li a,
		nav ul.nav-secondmenu li a:hover {
			color: #fff;
		}
		nav ul.nav-secondmenu li.active a {
			color: #000;
		}
@media (min-width: 1020px) {
	/* Header */
	nav ul.nav-secondmenu {
		display: flex;
		justify-content: flex-start;
		width: auto;
	}
		/* Level 1 */
		nav ul.nav-secondmenu li {
			display: inline-block;
		}
		nav ul.nav-secondmenu li:not(:first-child) {
			margin-top: 0;
			margin-left: 40px;
		}
			/* Hyperlink */
			nav ul.nav-secondmenu li a:hover {
				color: #000;
			}
	
	/* Footer */
	footer ul.nav-secondmenu {
		margin-top: 68px;
	}
}


/*
3rd-Menu
*/
.box-thirdmenu {
	position: relative;
}
header ul.nav-thirdmenu {
	display: flex;
	justify-content: flex-end;
	-webkit-align-items: center; 
	align-items: center;
	width: auto;
	margin-top: 72px;
}
	/* Level 1 */
	header ul.nav-thirdmenu li {
		display: inline-block;
		width: auto;
		position: relative;
	}
		/* Hyperlinks, Icons */
		a.icon-thirdmenu {
			position: relative;
			display: inline-block;
		}
		/* SVG */
		a.icon-thirdmenu svg {
			display: block;
			fill: #fff;
			-o-transition: fill 0.3s ease;
			-ms-transition: fill 0.3s ease;
			-moz-transition: fill 0.3s ease;
			-webkit-transition: fill 0.3s ease;
			transition: fill 0.3s ease;
		}
		a.icon-thirdmenu:hover svg {
			fill: #fff;
		}
			/* Mein Konto */
			a.mein-konto,
			a.mein-konto svg {
				width: 18px;
				height: 20px;
			}
			nav a.mein-konto {
				margin-top: 2px;
				margin-right: 2px;
			}
			/* Merkliste */
			a.merkliste,
			a.merkliste svg {
				width: 22px;
				height: 20px;
			}
			nav a.merkliste {
				margin-top: 18px;
			}
			/* Warenkorb */
			a.warenkorb,
			a.warenkorb svg {
				width: 26px;
				height: 22px;
			}
			a.icon-thirdmenu.warenkorb svg,
			a.icon-thirdmenu.warenkorb:hover svg,
			a.icon-thirdmenu.mein-konto.active svg {
				fill: #000;
			}
			/* Anzahl */
			a.merkliste i,
			a.warenkorb i {
				display: flex;
				justify-content: flex-end;
				-webkit-align-items: flex-start; 
				align-items: flex-start;
				position: absolute;
				right: -1px;
				top: -16px;
				font-style: normal;
				font-size: 0.875rem; /* 14px */
				line-height: 0.875rem; /* 14px */
				letter-spacing: 0;
				color: #000;
			}
			a.warenkorb i {
				right: -1px;
				top: -14px;
				color: #df0f18;
			}
			/* Sprache */
			a.language,
			a.language svg {
				width: 34px;
				height: 25px;
			}
			nav a.language {
				margin-top: 112px;
			}
@media (min-width: 1020px) {
	header ul.nav-thirdmenu {
		margin-top: 128px;
	}
		/* Level 1 */
		header ul.nav-thirdmenu li:nth-child(2),
		header ul.nav-thirdmenu li:nth-child(3) {
			margin-left: 33px;
		}
		header ul.nav-thirdmenu li:nth-child(5) {
			margin-left: 30px;
		}
		header ul.nav-thirdmenu li:nth-child(6) {
			margin-left: 26px;
		}
			/* Level 2 */
			header ul.nav-thirdmenu li div.dropbox {
				display: none;
				position: absolute;
				top: 89px;
				width: 410px;
				height: auto;
				padding: 35px 25px 27px 27px;
				border: 1px solid #df0f18;
				background-color: #fff;
			}
			header ul.nav-thirdmenu li div.dropbox:after {
				content: "";
				position: absolute;
				top: -40px;
				right: 146px;
				width: 57px;
				height: 40px;
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
			}
			header ul.nav-thirdmenu li div.dropbox.desktopsuche {
				/*top: -10px;*/
				right: -216px;
				padding: 0;
			}
			header ul.nav-thirdmenu li div.dropbox.desktopsuche:after {
				right: 197px;
				background-image: url("../Images/Elemente/Nav-Dropdown.svg");
			}
			header ul.nav-thirdmenu li div.dropbox.meinkonto {
				right: -165px;
			}
			header ul.nav-thirdmenu li div.dropbox.meinkonto:after {
				right: 146px;
				background-image: url("../Images/Elemente/Nav-Dropdown.svg");
			}
			header ul.nav-thirdmenu li div.dropbox.warenkorb {
				right: -54px;
				top: 90px;
			}
			header ul.nav-thirdmenu li div.dropbox.warenkorb:after {
				right: 38px;
				background-image: url("../Images/Elemente/Nav-Dropdown.svg");
			}
				/* Reset */
				header ul.nav-thirdmenu li ul.drop-list,
				header ul.nav-thirdmenu li ul.drop-list li {
					display: block;
					width: 100%;
					margin: 0;
					padding: 0;
				}
					header ul.nav-thirdmenu li ul.drop-list li:not(:first-child) {
						border-top: 1px solid #000;
						margin-top: 26px;
						padding-top: 20px;
					}
						header ul.nav-thirdmenu li ul.drop-list li h3.titel-registrieren {
							margin-bottom: 20px;
						}
						header ul.nav-thirdmenu li ul.drop-list li a {
							color: #000;
						}
						header ul.nav-thirdmenu li ul.drop-list li a:hover {
							color: #df0f18;
						}
			
			/* Warenkorb */
			/* Abstände */
			header ul.nav-thirdmenu li div.dropbox.warenkorb > h2 {
				margin-bottom: 20px;
			}
			header ul.nav-thirdmenu li div.dropbox.warenkorb div.text-row-1,
			header ul.nav-thirdmenu li div.dropbox.warenkorb p.text-row-2,
			header ul.nav-thirdmenu li div.dropbox.warenkorb p.text-row-3 {
				margin-top: 35px;
			}
			/* Zeichenbegrenzung */
			header ul.nav-thirdmenu li div.dropbox.warenkorb table.artikel p.mdl320-artikel-row-1,
			header ul.nav-thirdmenu li div.dropbox.warenkorb table.artikel p.mdl320-artikel-row-2 {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
				-webkit-line-clamp: 1;
			}
			/* Tabelle: Artikel */
			header ul.nav-thirdmenu li div.dropbox.warenkorb table.artikel {
				table-layout: fixed;
				border-collapse: separate;
				width: 100%;
				border-top: 1px solid #000;
				font-size: 1rem; /* 16px */
				line-height: 1.5625rem; /* 25px */
				letter-spacing: 0.48px; /* 30px */
				/*font-size: 1.125rem; /* 18px */
				/*line-height: 1.75rem; /* 28px */
				/*letter-spacing: 0.54px; /* 30px */
				color: #000;
			}
			header ul.nav-thirdmenu li div.dropbox.warenkorb table.artikel a {
				color: #000;
			}
			header ul.nav-thirdmenu li div.dropbox.warenkorb table.artikel a:hover {
				color: #df0f18;
			}
				header ul.nav-thirdmenu li div.dropbox.warenkorb table.artikel tr {
					vertical-align: top;
				}
					header ul.nav-thirdmenu li div.dropbox.warenkorb table.artikel td {
						/*display: block;*/
						display: table-cell;
						vertical-align: top;
						text-align: left;
						padding-top: 10px;
						padding-bottom: 0;
						border-bottom: 1px solid #000;
					}
					header ul.nav-thirdmenu li div.dropbox.warenkorb table.artikel td:nth-child(1) {
						padding-right: 5px;
					}
					header ul.nav-thirdmenu li div.dropbox.warenkorb table.artikel td:nth-child(2) {
						width: 18px;
					}
					header ul.nav-thirdmenu li div.dropbox.warenkorb table.artikel td:nth-child(3) {
						width: 90px;
						text-align: right;
					}
			/* Befehl: Einzelner Artikel Löschen */
			header ul.nav-thirdmenu li div.dropbox.warenkorb form {
				position: relative;
				display: inline-block;
				margin: 0;
				padding: 0;
				line-height: 0;
			}
				header ul.nav-thirdmenu li div.dropbox.warenkorb button:focus,
				header ul.nav-thirdmenu li div.dropbox.warenkorb button:active {
					outline: none;
				}
				header ul.nav-thirdmenu li div.dropbox.warenkorb button {
					position: relative;
					display: inline-block;
					margin: 4px 0 0;
					padding: 0;
					border: none;
					background-color: transparent;
				}
				header ul.nav-thirdmenu li div.dropbox.warenkorb button:hover {
				}
				header ul.nav-thirdmenu li div.dropbox.warenkorb button.btn-artikel-del,
				header ul.nav-thirdmenu li div.dropbox.warenkorb button.btn-artikel-del svg {
					width: auto;
					height: 18px;
				}
					header ul.nav-thirdmenu li div.dropbox.warenkorb button svg {
						display: block;
						fill: #000;
						-o-transition: fill 0.3s ease;
						-ms-transition: fill 0.3s ease;
						-moz-transition: fill 0.3s ease;
						-webkit-transition: fill 0.3s ease;
						transition: fill 0.3s ease;
					}
					header ul.nav-thirdmenu li div.dropbox.warenkorb button:hover svg,
					header ul.nav-thirdmenu li div.dropbox.warenkorb button.active svg {
						fill: #df0f18;
					}
			/* Tabelle: Total */
			header ul.nav-thirdmenu li div.dropbox.warenkorb table.total {
				table-layout: fixed;
				border-collapse: separate;
				width: 100%;
				font-family: "SofiaPro-SemiBold";
				font-weight: normal;
				font-size: 1rem; /* 16px */
				line-height: 1.5625rem; /* 25px */
				letter-spacing: 0.48px; /* 30px */
				/*font-size: 1.125rem; /* 18px */
				/*line-height: 1.75rem; /* 28px */
				/*letter-spacing: 0.54px; /* 30px */
			}
				header ul.nav-thirdmenu li div.dropbox.warenkorb table.total tr {
					vertical-align: top;
				}
					header ul.nav-thirdmenu li div.dropbox.warenkorb table.total td {
						/*display: block;*/
						display: table-cell;
						vertical-align: top;
						text-align: left;
						padding-bottom: 6px;
						border-bottom: 3px solid #000;
					}
					header ul.nav-thirdmenu li div.dropbox.warenkorb table.total td:nth-child(2) {
						width: 90px;
						text-align: right;
					}
			/* Befehle */
			header ul.nav-thirdmenu li div.dropbox.warenkorb a.liste-button {
				font-family: "SofiaPro-Regular";
				font-weight: normal;
				font-style: normal;
				font-size: 0.875rem; /* 14px */
				line-height: 1.125rem; /* 18px */
				letter-spacing: 0.56px;
				color: #000;
			}
			header ul.nav-thirdmenu li div.dropbox.warenkorb a.liste-button:hover {
				color: #df0f18;
			}
			header ul.nav-thirdmenu li div.dropbox.warenkorb a.liste-button span {
				position: absolute;
				display: inline-block;
				padding: 2px 0;
			}
				header ul.nav-thirdmenu li div.dropbox.warenkorb a.liste-button svg {
					display: inline-block;
					width: auto;
					height: 18px;
					fill: #000;
					-o-transition: fill 0.3s ease;
					-ms-transition: fill 0.3s ease;
					-moz-transition: fill 0.3s ease;
					-webkit-transition: fill 0.3s ease;
					transition: fill 0.3s ease;
				}
				header ul.nav-thirdmenu li div.dropbox.warenkorb a.liste-button:hover svg {
					fill: #df0f18;
				}
				header ul.nav-thirdmenu li div.dropbox.warenkorb a.liste-button.delete svg {
					margin-right: 16px;
				}
				header ul.nav-thirdmenu li div.dropbox.warenkorb a.liste-button.watchlist svg {
					margin-right: 11px;
				}
			
		
	/* Hyperlinks, Icons */
	a.icon-thirdmenu {
		right: auto;
	}
	/* SVG */
	a.icon-thirdmenu svg {
		fill: #000;
	}
	a.icon-thirdmenu:hover svg,
	a.icon-thirdmenu.warenkorb:hover svg,
	a.icon-thirdmenu.mein-konto.active svg {
		fill: #df0f18;
	}
		/* Suche */
		a.suche,
		a.suche svg {
			width: 19px;
			height: 19px;
		}
		/* Sprache */
		a.language,
		a.language svg {
			width: 28px;
			height: 21px;
		}
		/* Anzahl */
		a.merkliste i {
			color: #df0f18;
		}
}


/*
Sprach-Menu
*/

/* Navigation */
nav .language-nav {
	display: inline-block;
}

/* Footer */
footer .language-nav {
	display: inline-block;
	margin-top: 78px;
}
@media (min-width: 760px) {
	footer .language-nav {
		margin-top: 50px;
	}
}
@media (min-width: 1020px) {
	footer .language-nav {
		margin-top: 58px;
	}
}


/* ############################################################
	HEADERNAVIGAION
############################################################ */

/* Suchformular */
.mobilesearch-form input,
.desktopsearch-form input {
	position: relative;
	width: 100%;
	height: 46px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 46px;
	border: 1px solid #fff;
	background-color: #df0f18;
	border-radius: 0;
	font-size: 1.125rem; /* 18px */
	line-height: 46px;
	letter-spacing: 0.54px; /* 30px */
	color: #fff;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.desktopsearch-form input {
	height: 55px;
	padding-left: 10px;
	padding-right: 46px;
	border: none;
	background-color: #fff;
	line-height: 55px;
	letter-spacing: 0.36px;
	color: rgba(0,0,0,1);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.desktopsearch-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: rgba(0,0,0,1);
	transition: all 0.15s ease;
	opacity: 1; /* Firefox */
}
.desktopsearch-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: rgba(0,0,0,1);
	transition: all 0.15s ease;
}
.desktopsearch-form input::-ms-input-placeholder { /* Microsoft Edge */
	color: rgba(0,0,0,1);
	transition: all 0.15s ease;
}

/* Buttons */
.mobilesearch-form a,
.desktopsearch-form a {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 4px;
	width: 46px;
	height: 46px;
	background-image: url("../Images/Elemente/Form_Suche_weiss.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 19px;
}
.desktopsearch-form a {
	right: 0;
	width: 55px;
	height: 55px;
	background-image: url("../Images/Elemente/Form_Suche_schwarz.svg");
}
@media (min-width: 760px) {
	.mobilesearch-form a {
		right: 25px;
	}
}