@charset "UTF-8";
/**
 * Additions by Klaus Tachtler to 
 * Foundation for Sites by ZURB
 * Version 6.7.4
 * foundation.zurb.com
 * Licensed under MIT Open Source
 *
 * +--------------------------------------------------------------+
 * | IMPORTANT: Zurb Foundation --> Custom Download -->           |
 * |            XY-Grid with enabled Prototyping Helpers          |
 * +--------------------------------------------------------------+
 */

/**
 * *** Test ONLY ***
 */
code {
	font-size: 0.625em;
}

/**********************************************************************
 * Additional section to file: foundation.css
 **********************************************************************/
body {
	background-color: #e3e3e3;
	font-family: Arial, sans-serif;
}

.h1 {
	color: #000;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0 0 4px 60px;
	text-align: left;
	line-height: 1.45;
	box-sizing: border-box !important;
	white-space: normal !important;
}

.h2 {
	color: #000;
	font-size: 1.125em;
	font-weight: bold;
	margin: 0 0 4px 60px;
	text-align: left;
	line-height: 1.325;
	box-sizing: border-box !important;
	white-space: normal !important;
}

.h3 {
	color: #000;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 4px 60px;
	text-align: left;
	line-height: 1.4;
	box-sizing: border-box !important;
	white-space: normal !important;
}

.h3-text {
	color: #000;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 4px 0;
	text-align: left;
	line-height: 1.4;
	box-sizing: border-box !important;
	white-space: normal !important;
}

.strong-text {
	font-weight: bold;
}

.p-text {
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	margin: 0 0 0 60px;
	text-align: left;
	line-height: 1.0;
	box-sizing: border-box !important;
	white-space: normal !important;
}

.p-text-header {
	padding: 0 0 0 60px;
}

.p-text-label {
	color: #000;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0 0 60px;
	text-align: right;
	line-height: 1.0;
	box-sizing: border-box !important;
	white-space: normal !important;
	max-width: 120px;
}

.p-text-geo-label {
	color: #000;
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-size: 0.825em;
	font-weight: bold;
	text-align: right;
	line-height: 1.0;
	box-sizing: border-box !important;
	white-space: normal !important;
	max-width: 108px;
}

.p-text-value {
	font-size: 0.9em;
}

.p-text-code {
	color: #000;
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-size: 0.9em;
	font-weight: normal;
	padding: 0 0 0 60px;
	text-align: left;
	line-height: 1.0;
	box-sizing: border-box !important;
	white-space: normal !important;
	text-align: right;
}

.p-text-geo-value {
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	color: #000;
	font-size: 0.825em;
	font-weight: normal;
	text-align: left;
	line-height: 1.0;
	box-sizing: border-box !important;
	white-space: normal !important;
	max-width: 128px;
}

.p-text-geo-single-value {
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-size: 0.825em;
	padding: 0 0 0 34px;
}

.li-text {
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	margin: 0 0 0 60px;
	text-align: left;
	line-height: 1.1;
	box-sizing: border-box !important;
	white-space: normal !important;
}

.footer-bar {
	padding: 0.5rem;
	background: #0a0a0a;
	color: #fefefe;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-align: center;
	align-items: center;
}

.footer-bar .menu-icon {
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}

.footer-bar-left, .footer-bar-right {
	-ms-flex: 1 1 0px;
	flex: 1 1 0px;
}

.footer-bar-right {
	text-align: right;
}

.footer-bar-title {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
}

.sticky-top-important {
	margin-top: 0em !important;
}

.button {
	border-radius: 3px;
}

.button.alert {
	background-color: #c60f13;
	color: #fefefe;
}

.button.alert:hover, .button.alert:focus {
	background-color: #9e0c0f;
	color: #fefefe;
}

.button.success {
	background-color: #5da423;
	color: #0a0a0a;
}

.button.success:hover, .button.success:focus {
	background-color: #4a831c;
	color: #0a0a0a;
}

.button.warning {
	background-color: #ffae00;
	color: #0a0a0a;
}

.button.warning:hover, .button.warning:focus {
	background-color: #cc8b00;
	color: #0a0a0a;
}

/**********************************************************************
 * GLOBAL - Section
 **********************************************************************/

/** = Object manipulation =========================================== */

/* 1,580px or higher ================================================ */
@media print , screen and (min-width: 98.75em) {
	.hide-for-very-large {
		display: none !important;
	}
}

/** = Colors ======================================================== */
.color-public {
	color: #41b23d;
}

.color-public-border {
	border-color: #41b23d !important;
}

.color-protected {
	color: #fca822;
}

.color-protected-border {
	border-color: #fca822 !important;
}

.color-private {
	color: #fb0202;
}

.color-private-border {
	border-color: #fb0202 !important;
}

.color-00 {
	color: #666666;
}

.color-00-background {
	background: #666666;
}

.color-00-border {
	border-color: #666666 !important;
}

.color-00-hover:hover {
	color: #a5a5a5;
}

.color-00-border-bottom:hover, .color-00-border-bottom-active:hover {
	border-bottom: 2px solid #a5a5a5 !important;
}

.color-00-border-bottom-active {
	border-bottom: 2px solid #666666 !important;
}

.stroke-00 {
	stroke: #666666;
}

.color-01 {
	color: #4e6cda;
}

.color-01-background {
	background: #4e6cda;
}

.color-01-border {
	border-color: #4e6cda !important;
}

.color-01-hover:hover {
	color: #7faffb;
}

.color-01-border-bottom:hover, .color-01-border-bottom-active:hover {
	border-bottom: 2px solid #7faffb !important;
}

.color-01-border-bottom-active {
	border-bottom: 2px solid #4e6cda !important;
}

.stroke-01 {
	stroke: #4e6cda;
}

.color-02 {
	color: #f26a07;
}

.color-02-background {
	background: #f26a07;
}

.color-02-border {
	border-color: #f26a07 !important;
}

.color-02-hover:hover {
	color: #fdb758;
}

.color-02-border-bottom:hover, .color-02-border-bottom-active:hover {
	border-bottom: 2px solid #fdb758 !important;
}

.color-02-border-bottom-active {
	border-bottom: 2px solid #f26a07 !important;
}

.stroke-02 {
	stroke: #f26a07;
}

.color-03 {
	color: #ffd80f;
}

.color-03-background {
	background: #ffd80f;
}

.color-03-border {
	border-color: #ffd80f !important;
}

.color-03-hover:hover {
	color: #ffec38;
}

.color-03-border-bottom:hover, .color-03-border-bottom-active:hover {
	border-bottom: 2px solid #ffec38 !important;
}

.color-03-border-bottom-active {
	border-bottom: 2px solid #ffd80f !important;
}

.stroke-03 {
	stroke: #ffd80f;
}

.color-04 {
	color: #35ab21;
}

.color-04-background {
	background: #35ab21;
}

.color-04-border {
	border-color: #35ab21 !important;
}

.color-04-hover:hover {
	color: #6cdd33;
}

.color-04-border-bottom:hover, .color-04-border-bottom-active:hover {
	border-bottom: 2px solid #6cdd33 !important;
}

.color-04-border-bottom-active {
	border-bottom: 2px solid #35ab21 !important;
}

.stroke-04 {
	stroke: #35ab21;
}

.bgwhite {
	background-color: #ffffff !important;
}

/** = fill (color) ================================================== */
.fill-public {
	fill: #41b23d !important;
}

.fill-protected {
	fill: #fca822 !important;
}

.fill-private {
	fill: #fb0202 !important;
}

/** = Icons ========================================================= */
.ico-ic_language-flag-de {
	width: 16px;
	height: 11px;
	background: url('/img/16x16_map_ico.png') -0 -0;
}

.ico-ic_language-flag-en {
	width: 16px;
	height: 11px;
	background: url('/img/16x16_map_ico.png') -16px -0;
}

.ico-ic_language-flag-unknown {
	width: 16px;
	height: 11px;
	background: url('/img/16x16_map_ico.png') -32px -0;
}

.ico-ic_aspect_ratio-canvas {
	width: 16px;
	height: 16px;
	background: url('/img/16x16_map_ico.png') -48px -0;
}

.ico-ic_aspect_ratio-mobile {
	width: 16px;
	height: 16px;
	background: url('/img/16x16_map_ico.png') -64px -0;
}

.ico-ic_aspect_ratio-screen {
	width: 16px;
	height: 16px;
	background: url('/img/16x16_map_ico.png') -80px -0;
}

.ico-ic_aspect_ratio-tablet {
	width: 16px;
	height: 16px;
	background: url('/img/16x16_map_ico.png') -96px -0;
}

.ico-ic_aspect_ratio-unknown {
	width: 16px;
	height: 16px;
	background: url('/img/16x16_map_ico.png') -112px -0;
}

/**********************************************************************
 * MOBILE - Bar
 **********************************************************************/

/** = SVG-Images ==================================================== */
.svg {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	fill: #fff;
}

.svg-geo-error-map {
	display: inline-block;
	vertical-align: middle;
	width: 96px;
	height: 96px;
	fill: #c03;
}

.svg-geo-waiting {
	margin: 0 0 0 16px;
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
}

.svg-geo-ok {
	margin: 0 0 0 12px;
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	fill: #0c3;
}

.svg-geo-error {
	margin: 0 0 0 16px;
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	fill: #f03;
}

/** = Bar [medium] ================================================== */
.icon-text {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 1px 0;
	padding: 0;
}

.button-text {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.75rem;
	padding: 3px 0 0 2px;
}

.position-left {
	width: 304px;
	-ms-transform: translateX(-304px);
	transform: translateX(-304px);
}

.position-right {
	width: 304px;
	-ms-transform: translateX(304px);
	transform: translateX(304px);
}

/**********************************************************************
 * MOBILE - Title-bar
 **********************************************************************/

/** = Title-bar [small] ============================================= */
.small-title-bar {
	/* background-color: #2f3439; */
	background-color: #000;
	border-bottom: 1px solid #000;
	height: 56px;
	padding: 2px 4px;
	box-shadow: 0 4px 8px 0px rgba(10, 10, 10, 0.7);
	transition: box-shadow 0.2s;
	z-index: 6 !important;
}

.small-title-bar-title-text {
	font-size: 1rem;
	font-weight: normal;
	padding: 0 0 0 8px;
	text-align: left;
}

/** max-width: 56px = 72px - 16px (.title-bar padding-left) */
.small-title-bar-left {
	max-width: 56px;
}

.small-portrait-icon-title-bar {
	display: inline-block;
	vertical-align: middle;
	margin: 6px 0 0 -16px;
}

/** = Title-bar [medium] ============================================ */
.medium-title-bar-left {
	max-width: 96px;
}

.title-bar-title-text {
	font-size: 1rem;
	font-weight: normal;
	padding: 0 0 0 8px;
	text-align: left;
}

/** padding: 11px = icon 24x24 (px) with border of 1px to reach a button size of 48x48 (px) */
.button-title-bar {
	background-color: transparent !important;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	color: #ddd !important;
	margin: 0;
	padding: 10px 11px 10px 11px;
}

.button-title-bar-active {
	background-color: #ddd !important;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	color: #4a4a4a !important;
	margin: 0;
	padding: 10px 11px 10px 11px;
}

.button-title-bar-black {
	background-color: transparent !important;
	border-top: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-bottom: 2px solid #cacaca;
	color: #000 !important;
	margin: 0;
	padding: 10px 11px 10px 11px;
}

.button-title-bar-link {
	background-color: transparent !important;
	border-top: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-bottom: 2px solid #cacaca;
	color: #2ba6cb !important;
	margin: 0;
	padding: 10px 11px 10px 11px;
}

.button-title-bar-nocolor {
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	margin: 0 0 4px 0;
	padding: 10px 11px 10px 11px;
}

.button-title-bar:hover, .button-title-bar-active:hover,
	.button-title-bar-black:hover {
	background-color: #444 !important;
	border-bottom: 2px solid #7faffb;
	color: #fff !important;
}

.button-title-bar-black:hover, .button-title-bar-link:hover {
	background-color: #ddd !important;
	border-bottom: 2px solid #7faffb;
	color: #fff !important;
}

.button-title-bar:active, .button-title-bar-active:active,
	.button-title-bar-black:active, .button-title-bar-link:active {
	background-color: #fff !important;
	color: #4a4a4a !important;
}

.button-title-bar svg, .button-title-bar:focus {
	fill: #ddd;
}

.button-title-bar-black svg {
	fill: #000;
}

.button-title-bar-link svg {
	fill: #2ba6cb;
}

.button-title-bar:hover, .button-title-bar-active:hover svg {
	fill: #fff;
}

.button-title-bar-black:hover svg {
	fill: #000;
}

.button-title-bar-link:hover svg {
	fill: #2ba6cb;
}

.button-title-bar:active svg, .button-title-bar-active:active svg,
	.button-title-bar-black:active svg {
	fill: #4a4a4a;
}

.button-title-bar-active svg, .button-title-bar-active:focus svg {
	fill: #4a4a4a;
}

.button-title-bar-black:focus svg {
	fill: #000;
}

.button-title-bar-link:focus svg {
	fill: #2ba6cb;
}

.button-title-bar-more {
	padding: 10px 5px 10px 5px !important;
}

/**********************************************************************
 * MOBILE - Footer-bar
 **********************************************************************/
.text-cookies-bar {
	background-color: transparent !important;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	color: #ddd !important;
	margin: 0;
	padding: 10px 11px 10px 11px;
}

.cookies-text {
	display: inline-block;
	vertical-align: top;
	font-size: 0.75rem;
	padding: 0 0 0 2px;
}

.cookies-text-link {
	display: inline-block;
	vertical-align: top;
	font-size: 0.75rem;
	padding: 0 0 0 2px;
	text-decoration: underline;
}

/** padding: 11px = icon 24x24 (px) with border of 1px to reach a button size of 48x48 (px) */
.button-cookies-bar {
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	margin: 0;
	padding: 10px 11px 10px 11px;
}

/** = Footer-bar [small] ============================================ */
.small-footer-bar {
	/* background-color: #2f3439; */
	background-color: #000;
	border-top: 1px solid #000;
	height: 56px;
	padding: 2px 4px;
	box-shadow: 0 -4px 8px 0px rgba(10, 10, 10, 0.7);
	transition: box-shadow 0.2s;
}

.small-cookies-bar {
	display: inline-block;
	vertical-align: bottom;
	background-color: #000;
	border-top: 1px solid #000;
	padding: 2px 4px;
	box-shadow: 0 -4px 8px 0px rgba(10, 10, 10, 0.7);
	transition: box-shadow 0.2s;
}

/** = Footer-bar [medium] =========================================== */
.medium-footer-bar-right {
	max-width: 256px;
}

.medium-cookies-bar {
	/* background-color: #2f3439; */
	background-color: #000;
	border-top: 1px solid #000;
	padding: 2px 4px;
	box-shadow: 0 -4px 8px 0px rgba(10, 10, 10, 0.7);
	transition: box-shadow 0.2s;
}

.medium-cookies-bar-right {
	max-width: 256px;
}

/**********************************************************************
 * MOBILE - OffCanvas
 **********************************************************************/
.off-canvas {
	background-color: #fafafa;
}

.off-canvas-close-button-right, .off-canvas-close-button-right:focus {
	color: #8a8a8a;
}

.off-canvas-close-button-right:hover {
	color: #2f3439;
}

.off-canvas-close-button-right:active {
	color: #000;
}

.off-canvas-close-button-left, .off-canvas-close-button-left:focus {
	color: #8a8a8a;
	left: 0.66rem;
	right: auto;
}

.off-canvas-close-button-left:hover {
	color: #2f3439;
}

.off-canvas-close-button-left:active {
	color: #000;
}

.off-canvas-head-callout {
	position: relative;
	background-color: #e0e0e0;
	border: 0;
	border-radius: 0;
	color: #0a0a0a;
	height: 56px;
	margin: 0;
	padding: 1rem;
}

.off-canvas-head-callout-svg {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	fill: #8a8a8a;
}

.off-canvas-title-callout {
	position: relative;
	background-color: #e0e0e0;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #b2b2b2;
	color: #0a0a0a;
	line-height: 1;
	height: 72px;
	margin: 0;
	padding: 1rem;
	box-shadow: 0 4px 4px -2px rgba(10, 10, 10, 0.3);
	transition: box-shadow 0.2s;
}

.off-canvas-title-callout-title-text {
	font-size: 1.125rem;
	font-weight: normal;
	padding: 0 0 0 56px;
	text-align: left;
}

.off-canvas-title-callout-description-text {
	display: block;
	vertical-align: middle;
	font-size: 0.75rem;
	font-weight: normal;
	padding: 8px 0 0 56px;
	text-align: left;
}

.off-canvas-title-callout-description-ico {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 2px 4px;
}

.off-canvas-title-callout-description-item {
	font-size: 0.75rem;
	font-weight: normal;
	padding: 0 0 0 4px;
	text-align: left;
}

.off-canvas-subtitle-callout {
	position: relative;
	background-color: #fafafa;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #b2b2b2;
	color: #0a0a0a;
	line-height: 1;
	height: 48px;
	margin: 6px 0 8px 0;
	padding: 1rem;
}

.off-canvas-subtitle-callout-title-text {
	font-size: 0.875rem;
	font-weight: normal;
	padding: 0 0 0 56px;
	text-align: left;
}

.off-canvas-body-button {
	border-radius: 0;
	margin: 1px 0 1px 0;
	padding: 3px 15px 3px 15px;
	width: 100%;
	text-align: left;
}

.off-canvas-body-button:focus {
	background-color: #e0e0e0 !important;
}

.off-canvas-body-button:hover {
	background-color: #e0e0e0 !important;
}

.off-canvas-body-button:active {
	background-color: #b2b2b2 !important;
}

.off-canvas-body-background-item-svg {
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin: 0;
	fill: #b2b2b2;
}

.off-canvas-body-background-item-svg-small {
	vertical-align: middle;
	width: 32px;
	height: 32px;
	margin: 4px;
	fill: #b2b2b2;
}

.off-canvas-body-item-svg {
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: 8px 8px 8px -32px;
	fill: #8a8a8a;
}

.off-canvas-body-item-svg-small {
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: 8px 8px 8px -32px;
	fill: #8a8a8a;
}

.off-canvas-body-background-item-svg-protection-border {
	vertical-align: middle;
	width: 26px;
	height: 26px;
	margin: 14px 0 0 -22px;
	fill: #000;
}

.off-canvas-body-background-item-svg-protection {
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: 14px 0 0 -25px;
	fill: #fff;
}

.off-canvas-body-item-svg-protection {
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: 14px 0 0 -20px;
	fill: #b2b2b2;
}

.off-canvas-body-item-ico {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 1px 16px;
}

.off-canvas-body-item-text {
	color: #000;
	font-size: 0.75rem;
	font-weight: normal;
	padding: 0 0 0 4px;
	text-align: left;
}

.off-canvas-area-button-00, .off-canvas-area-button-01,
	.off-canvas-area-button-02, .off-canvas-area-button-03,
	.off-canvas-area-button-04 {
	border-radius: 0;
	margin: 1px 0 1px 0;
	padding: 3px 15px 3px 15px;
	width: 100%;
	text-align: left;
}

.off-canvas-area-button-00:focus, .off-canvas-area-button-01:focus,
	.off-canvas-area-button-02:focus, .off-canvas-area-button-03:focus,
	.off-canvas-area-button-04:focus {
	background-color: #e0e0e0 !important;
}

.off-canvas-area-button-00:hover, .off-canvas-area-button-01:hover,
	.off-canvas-area-button-02:hover, .off-canvas-area-button-03:hover,
	.off-canvas-area-button-04:hover {
	background-color: #e0e0e0 !important;
}

.off-canvas-area-button-00:active, .off-canvas-area-button-01:active,
	.off-canvas-area-button-02:active, .off-canvas-area-button-03:active,
	.off-canvas-area-button-04:active {
	background-color: #b2b2b2 !important;
}

.off-canvas-area-button-00:hover strong {
	border-color: #a5a5a5 !important;
}

.off-canvas-area-button-01:hover strong {
	border-color: #7faffb !important;
}

.off-canvas-area-button-02:hover strong {
	border-color: #fdb758 !important;
}

.off-canvas-area-button-03:hover strong {
	border-color: #ffec38 !important;
}

.off-canvas-area-button-04:hover strong {
	border-color: #6cdd33 !important;
}

.off-canvas-area-callout-svg, .off-canvas-menu-callout-svg {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin: 0 0 0 232px;
	fill: #8a8a8a;
}

.off-canvas-area-id00-svg {
	fill: #666666;
}

.off-canvas-area-id01-svg {
	fill: #4e6cda;
}

.off-canvas-area-id02-svg {
	fill: #f26a07;
}

.off-canvas-area-id03-svg {
	fill: #ffd80f;
}

.off-canvas-area-id04-svg {
	fill: #35ab21;
}

.off-canvas-area-title-callout-description-item {
	font-size: 0.75rem;
	font-weight: bold;
	padding: 0 0 0 4px;
	text-align: left;
}

.off-canvas-area-item-text {
	position: absolute;
	color: #000;
	font-size: 0.75rem;
	font-weight: bold;
	margin: 7px 0 0 25px;
	text-align: left;
}

.off-canvas-area-item-text-description {
	position: absolute;
	color: #000;
	font-size: 0.75rem;
	font-weight: normal;
	padding: 22px 0 0 25px;
	text-align: left;
}

.off-canvas-area-item-text-border {
	position: absolute;
	border-left: 5px solid #d7d7d7;
	height: 26px;
	margin: 7px 0 0 16px;
}

.off-canvas-tools-body-item-text {
	padding: 0 0 0 16px !important;
}

.off-canvas-tools-item-svg {
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin: 0;
	fill: #8a8a8a;
}

.off-canvas-divider-callout {
	position: relative;
	background-color: #fafafa;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #b2b2b2;
	color: #0a0a0a;
	line-height: 1;
	height: 1px;
	margin: 0 0 0 72px;
}

/**********************************************************************
 * MOBILE - Main
 **********************************************************************/
.grid-container-main {
	margin-top: 4px !important;
	margin-bottom: 4px !important;
	margin-left: .9375rem;
	margin-right: .9375rem;
}

.cell-main {
	min-width: 286px !important;
}

.masonry-css {
	-webkit-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 1rem;
	column-gap: 1rem;
}

@media screen and (min-width: 37.5em) {
	.masonry-css {
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media screen and (min-width: 56.25em) {
	.masonry-css {
		-webkit-column-count: 3;
		column-count: 3;
	}
}

@media screen and (min-width: 75em) {
	.masonry-css {
		-webkit-column-count: 4;
		column-count: 4;
	}
}

@media screen and (min-width: 93.75em) {
	.masonry-css {
		-webkit-column-count: 5;
		column-count: 5;
	}
}

@media screen and (min-width: 112.5em) {
	.masonry-css {
		-webkit-column-count: 6;
		column-count: 6;
	}
}

@media screen and (min-width: 131.25em) {
	.masonry-css {
		-webkit-column-count: 7;
		column-count: 7;
	}
}

@media screen and (min-width: 150em) {
	.masonry-css {
		-webkit-column-count: 8;
		column-count: 8;
	}
}

@media screen and (min-width: 168.75em) {
	.masonry-css {
		-webkit-column-count: 9;
		column-count: 9;
	}
}

@media screen and (min-width: 157.5em) {
	.masonry-css {
		-webkit-column-count: 10;
		column-count: 10;
	}
}

@media screen and (min-width: 206.25em) {
	.masonry-css {
		-webkit-column-count: 11;
		column-count: 11;
	}
}

@media screen and (min-width: 225em) {
	.masonry-css {
		-webkit-column-count: 12;
		column-count: 12;
	}
}

.masonry-css-item {
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}

.button-main {
	background-color: #f0f0f0 !important;
	border-top: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-bottom: 2px solid #cacaca;
	color: #4a4a4a !important;
	margin: 4px 0 4px 0;
	padding: 7px 1px 6px 7px;
	width: 100%;
	text-align: left;
	max-width: 100% !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: nowrap !important;
}

.button-main:focus {
	background-color: #fff !important;
}

.button-main:hover {
	background-color: #fff !important;
}

.button-main:active {
	background-color: #cacaca !important;
}

.button-main-item-text-border {
	border-left: 5px solid #d7d7d7;
	height: 56px;
	margin: 0 0 0 4px;
}

.button-main-item-text {
	color: #000;
	font-size: 0.80rem;
	font-weight: bold;
	margin: 0 0 0 7px;
	text-align: left;
	line-height: 1.20;
}

.button-main-item-text-description {
	color: #000;
	font-size: 0.75rem;
	font-weight: normal;
	padding: 0 0 0 7px;
	text-align: left;
	line-height: 1.25;
}

.button-main-item-text-url {
	color: #1779ba;
	font-size: 0.70rem;
	font-weight: normal;
	padding: 10px 0 0 7px;
	text-align: left;
	line-height: 1.3;
}

.button-main-svg-protection {
	width: 16px;
	height: 16px;
	fill: #1779ba;
	margin: 40px 0 0 -16px;
}

.button-main-svg-url {
	width: 16px;
	height: 16px;
	fill: #1779ba;
	margin: 40px 0 0 -32px;
}

.button-list-frame {
	background-color: #f0f0f0 !important;
	border-top: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-bottom: 2px solid #cacaca !important;
	color: #4a4a4a !important;
	margin: 4px 0 4px 0;
	padding: 0px 7px 6px 7px;
	width: 100%;
	text-align: left;
	max-width: 100% !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: nowrap !important;
}

.button-list-frame:focus {
	background-color: #ffff !important;
}

.button-list-frame:hover {
	background-color: #ffff !important;
}

.button-list-frame:active {
	background-color: #fff !important;
}

.button-list-frame-item-text-border {
	border-left: 5px solid #d7d7d7;
	height: 40px;
	margin: 0 0 0 4px;
}

.button-list-frame-item-text {
	color: #000;
	font-size: 0.80rem;
	font-weight: bold;
	margin: 0 0 0 7px;
	text-align: left;
	line-height: 1.20;
}

.button-list-frame-item-text-seperator {
	border-top: 1px solid #cacaca;
	margin: 4px 0 3px 56px;
}

.button-list-frame-item-text-placeholder {
	float: right;
	margin: 0 0 0 16px;
}

.button-list-frame-item-text-description {
	color: #000;
	font-size: 0.75rem;
	font-weight: normal;
	padding: 0 0 0 7px;
	text-align: left;
	line-height: 1.25;
}

.button-list {
	background-color: #f8f8f8 !important;
	border-top: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-bottom: 2px solid #cacaca !important;
	color: #4a4a4a;
	margin: 8px 7px 0 0;
	padding: 7px 4px 6px 7px;
	width: 100%;
	text-align: left;
	max-width: 100% !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: nowrap !important;
}

.button-list:focus {
	background-color: #fff !important;
}

.button-list:hover {
	background-color: #fff !important;
}

.button-list:active {
	background-color: #cacaca !important;
}

.button-list-item-text-border {
	border-left: 5px solid #d7d7d7;
	height: 32px;
	margin: 0 0 0 36px;
}

.button-list-svg-text {
	width: 16px;
	height: 16px;
	fill: #cacaca;
	margin: 0 0 0 -25px;
}

.button-list-item-text {
	color: #000;
	font-size: 0.80rem;
	font-weight: normal;
	margin: 0 0 0 4px;
	text-align: left;
	line-height: 1.20;
}

.button-list-svg-url {
	width: 16px;
	height: 16px;
	fill: #1779ba;
	margin: 0 0 0 -25px;
}

.button-list-item-text-url {
	color: #1779ba;
	font-size: 0.70rem;
	font-weight: normal;
	padding: 0 0 0 4px;
	text-align: left;
	line-height: 1.3;
}

.button-head-frame {
	background-color: #fff !important;
	border-top: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-bottom: 2px solid #cacaca;
	color: #4a4a4a !important;
	margin: 4px 0 4px 0;
	padding: 7px 7px 6px 7px;
	width: 100%;
	text-align: left;
	max-width: 100% !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	cursor: default !important;
}

.button-head-svg {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin: 0 4px 0 0;
	fill: #8a8a8a;
}

.button-head-line-svg {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: 2px 4px 0 15px;
	fill: #000;
}

.button-head-line-svg-tab {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: 2px 4px 0 60px;
	fill: #000;
}

.button-head-text-border {
	border-left: 5px solid #d7d7d7;
	height: 40px;
	margin: 0 0 0 4px;
}

.button-head-text {
	color: #000;
	font-size: 1.25rem;
	font-weight: bold;
	margin: 0 0 0 7px;
	text-align: left;
	line-height: 1.65;
}

.button-head-text-seperator {
	border-top: 1px solid #cacaca;
	margin: 4px 0 0 60px;
}

.button-text-line-seperator {
	margin: 0 4px 0 60px;
	width: 48px;
	height: 48px;
}

.button-text-line-svg {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: 12px;
	fill: #000;
}

/**********************************************************************
 * MOBILE - visitordata - accordion
 **********************************************************************/
.md-tabs>.tabs-panel>.accordion dl, ol, ul {
	background-color: transparent !important;
	margin-bottom: 0;
	line-height: 1.0;
}

.md-tabs>.md-tabs-columns>.md-tabs-sticky>.tabs {
	border: 1px solid #cacaca;
	margin: 0;
	list-style-type: none;
	display: table;
	width: 100%;
	box-shadow: 0 4px 8px 0px rgba(10, 10, 10, 0.7);
	transition: box-shadow 0.2s;
}

.md-tabs>.md-tabs-columns>.md-tabs-sticky>.tabs>.tabs-title {
	display: table-cell;
	width: calc(100%/ 3);
	text-align: center;
	display: inline-block;
}

.md-tabs>.md-tabs-columns>.md-tabs-sticky>.tabs>.tabs-title>a {
	color: #4a4a4a;
	background-color: transparent;
	outline: none;
}

.md-tabs>.md-tabs-columns>.md-tabs-sticky>.tabs>.tabs-title.is-active>a
	{
	color: #000000;
	font-weight: bold;
	background-color: transparent;
	outline: none;
}

.md-tabs>.md-tabs-columns>.md-tabs-sticky>.tabs>.tabs-title.is-active:nth-of-type(1) 
	 ~ .slide {
	left: calc(( 100%/ 3)* 0);
}

.md-tabs>.md-tabs-columns>.md-tabs-sticky>.tabs>.tabs-title.is-active:nth-of-type(2) 
	 ~ .slide {
	left: calc(( 100%/ 3)* 1);
}

.md-tabs>.md-tabs-columns>.md-tabs-sticky>.tabs>.tabs-title.is-active:nth-of-type(3) 
	 ~ .slide {
	left: calc(( 100%/ 3)* 2);
}

.md-tabs>.md-tabs-columns>.md-tabs-sticky>.tabs>.tabs-title>a:focus {
	background-color: transparent;
}

.md-tabs>.md-tabs-columns>.md-tabs-sticky>.tabs>.tabs-title>a:hover {
	background-color: #e9e9e9;
}

.md-tabs>.tabs-content>#map {
	position: absolute;
	height: calc(100% - 224px);
	width: calc(100% - 2px);
	z-index: 0;
}

.md-tabs>.tabs-content {
	border: 0;
	background-color: transparent;
}

.md-tabs>.tabs-content>.tabs-panel {
	padding: 0;
}

.md-tabs>.tabs-content>#data .accordion-title, .md-tabs>.tabs-content>#user .accordion-title
	{
	color: #4a4a4a;
}

.md-tabs>.tabs-content>#data .accordion-title[aria-expanded="true"],
	.md-tabs>.tabs-content>#user .accordion-title[aria-expanded="true"] {
	color: #000000;
	background-color: transparent;
}

.md-tabs>.tabs-content>#data .accordion-title:focus, .md-tabs>.tabs-content>#user .accordion-title:focus
	{
	background-color: transparent;
}

.md-tabs>.tabs-content>#data .accordion-title:hover, .md-tabs>.tabs-content>#user .accordion-title:hover
	{
	background-color: #e6e6e6;
}

.md-tabs>.tabs-content>#data .accordion-title::before, .md-tabs>.tabs-content>#user .accordion-title::before
	{
	border-top: 2px solid #4a4a4a;
	border-bottom: 0;
	content: "\25BC";
}

.md-tabs>.tabs-content>#data .accordion-content, .md-tabs>.tabs-content>#user .accordion-content
	{
	padding: 0;
}

.md-tabs>.tabs-content>#data .is-active>.accordion-title::before,
	.md-tabs>.tabs-content>#user .is-active>.accordion-title::before {
	border-top: 0;
	border-bottom: 2px solid #4a4a4a;
	content: "\25B2";
}

.slide {
	width: calc(100%/ 3);
	height: 2px;
	position: relative;
	left: 0;
	top: 51px;
	transition: left 0.3s ease-out;
}

.accordion-single>.accordion>.accordion-item>.accordion-title {
	padding: 8px;
}

.accordion-single>.accordion>.accordion-item>.accordion-title,
	.accordion-single>.accordion>.accordion-item>.accordion-title:focus,
	.accordion-single>.accordion>.accordion-item>.accordion-title:hover {
	color: #4a4a4a;
}

.accordion-single>.accordion>.accordion-item>.accordion-title[aria-expanded="true"]
	{
	color: #000000;
	background-color: transparent;
}

.accordion-single>.accordion>.accordion-item>.accordion-title:focus {
	background-color: transparent;
}

.accordion-single>.accordion>.accordion-item>.accordion-title:hover {
	background-color: #e6e6e6;
}

.accordion-single>.accordion>.accordion-item>.accordion-title::before {
	border-top: 2px solid #4a4a4a;
	border-bottom: 0;
	content: "\25BC";
	margin-top: 8px;
	right: 0.563rem;
	top: 0;
}

.accordion-single>.accordion>.accordion-item.is-active>.accordion-title::before
	{
	border-top: 0;
	border-bottom: 2px solid #4a4a4a;
	content: "\25B2";
}

.accordion-single>.accordion>.accordion-item>.accordion-content {
	border: 1px solid #e6e6e6 !important;
	padding: 0 8px 8px 8px;
}

/**********************************************************************
 * MOBILE - Leaflet
 **********************************************************************/
.leaflet-map {
	position: absolute;
	border: 1px solid #cacaca;
	height: calc(100% - 32px);
	width: calc(100% - 32px);
	z-index: 0;
}

.leaflet-control-search .search-input {
	display: block;
	float: left;
	background: #fff;
	border: 1px solid #666;
	border-radius: 2px;
	height: 32px !important;
	padding: 0 20px 0 2px;
	margin: 4px 0 4px 4px;
	width: 150px;
}

/**********************************************************************
 * TABLET - Bar
 **********************************************************************/

/**********************************************************************
 * TABLET - Title-bar
 **********************************************************************/

/**********************************************************************
 * TABLET - Footer-bar
 **********************************************************************/

/**********************************************************************
 * TABLET - OffCanvas
 **********************************************************************/

/**********************************************************************
 * SCREEN - Bar
 **********************************************************************/

/**********************************************************************
 * SCREEN - Title-bar
 **********************************************************************/
.button-dropdown-arrow::after {
	top: 0.75em !important;
	margin-left: 0.125em !important;
}

/**********************************************************************
 * SCREEN - Footer-bar
 **********************************************************************/

/**********************************************************************
 * SCREEN - OffCanvas
 **********************************************************************/

/**********************************************************************
 * CANVAS - Bar
 **********************************************************************/

/**********************************************************************
 * CANVAS - Title-bar
 **********************************************************************/

/**********************************************************************
 * CANVAS - Footer-bar
 **********************************************************************/

/**********************************************************************
 * CANVAS - OffCanvas
 **********************************************************************/