/* 24/06/22 Download Center: Icon Hover animation */

.docman-download-links a .st0,
.docman-download-links a:visited .st0 {
	transition: all .4 ease;
	fill: #8B2211;
}

.docman-download-links a:hover .st0,
.docman-download-links a:active .st0,
.docman-download-links a:focus .st0 {
	fill: #333;
}


/* 21/01/22 Offcanvas Fix (Li stacking) */
.uk-nav li + li.uk-parent {
	width:							100%;
}

/* 30/06/21 Navbar Fix (YooTheme Pro Update)*/
.navbar .brand, .navbar .nav > li > a,
.navbar-search, .uk-navbar-item,
.uk-navbar-nav > li > a, .uk-navbar-toggle {
	column-gap:							0;
}

.tm-header.uk-visible\@l.tm-header-overlay {
	position:							absolute;
}

/***** FORM *******/
.zpue-form legend {
	-webkit-box-sizing:					border-box;
	-moz-box-sizing:					border-box;
	box-sizing:							border-box;
	border-top:							1px solid #CCC;
	color:								#333;
	display:							block;
	padding:							5px 0;
	width:								100%;
	margin:								20px 0;
	font-size:							24px;
	line-height:						36px;
}

.zpue-form label {
	font-size:							13px;
	line-height:						16px;
	color:								#999;
}

.zpue-form a {
	color:								#8B2212;
}

.zpue-form .submit {
	background-color:					#8B2212;
	color:								#FFF;
	border:								none;
	font-family:						"Lato";
	font-size:							16px;
	line-height:						40px;
}
.mandatory {
	color:								#8B2212;
	font-size:							18px;
	padding-left:						5px;
}

.check, .radio {
	margin-right:						8px !important;
}

.innerFormRow + .innerFormRow {
	margin-top:							16px;
}

#termsCheck + label {
	color:								#333;
	font-weight:						bold;
	margin-left:						8px;
	font-size:							.9rem;
	line-height:						1rem;
}

#termsCheck {
	margin-top:							0;
}

/* Tooltip */
.toolTip {
	display:							inline-block;
	position:							relative;
	margin-left:						8px;
}

.toolTip dfn {
	display:							none;
	position:							absolute;
	background:							#FFF;
	color:								#666;
	width:								200px;
	top:								0;
	padding:							8px;
	border:								1px solid #666;
	z-index:							800;
}

.toolTip:hover dfn {
	display:							block;
	margin-left:						8px;
}

/* Upload Field */
.zpue-form input[type="file"] {
	border:								1px solid #E5E5E7;
	width:								100%;
	min-width:							100%;
	height:								38px; /* Fix 40px, y 2px less */
	max-height:							40px;
	line-height:						40px;
	padding:							0 8px;
}

@media(min-width:768px){
	.setLeft, .setRight {
		width:							48%;
		display:						inline-block;
		vertical-align:					top;
	}

	.setLeft {
		padding-right:					12px;
	}

	.setRight {
		padding-left:					12px;
	}

	.formRow {
		margin-bottom:					16px;
	}
}
/***** FORM END ***/

.uk-grid-reset-left {
	margin-left:						0;
}

.uk-navbar-sticky {
	box-shadow:							0 4px 4px -4px rgba(51,51,51,.5) !important; /* Boxed Layout Fix */
}

.btn:hover {
	color:								#FFF;
}

.red-border {
	border-top:							3px solid #8B2212;
}

/* Icon color on muted bg */
.uk-section-muted .uk-icon {
	color:								#8B2212 !important;
}

.uk-section-muted .el-content {
	max-width:							768px;
	color:								#333;
	line-height:						1.5em;
}

.uk-section-muted .el-link{
	position:							relative;
}

/* SEARCH:Search result page */
.border-top-grey {
	border-top:						1px solid #CCC;
}

.finder .uk-article {
	padding:							16px 0;
}

.finder article h3 {
	margin-bottom:						0;
}

.finder article h3 + p {
	margin-top:							8px;
	padding-top:						0;
}

.finder a.uk-link-reset {
	text-decoration:					underline !important;
}

span.highlight {
	color:								#8B2212;
	background:							#FFF;
	font-weight:						normal;
	padding:							0;
	text-decoration:					underline;
}

/******************
*** NAVIGATION  ***
*******************/

/* Nav Dropdown */
.uk-navbar-dropdown-nav {
	font-family:						"Lato";
}

.uk-navbar-dropdown-nav > li > a,
.uk-navbar-dropdown-nav > li > a:visited {
	color:								#666;
}

.uk-navbar-dropdown-nav > li > a:hover,
.uk-navbar-dropdown-nav > li > a:focus,
.uk-navbar-dropdown-nav > li > a:active,
.uk-navbar-dropdown-nav > li:hover > a {
	color:								#8B2212;
}

.uk-navbar-dropdown-nav .uk-active {
	background:							#CCC;
}

/* Langugae Switcher */
#module-111 {
	margin-right:						12px;
}

.mod-languages a,
.mod-languages a:visited {
	color:								#666;
	text-transform:						uppercase;
}

.uk-navbar-transparent .mod-languages > .uk-inline > a, .uk-navbar-transparent .mod-languages > .uk-inline > a:visited {
	color:								#FFF;
}

.mod-languages a:hover,
.mod-languages a:active,
.mod-languages a:focus {
	color:								#8B2212;
}

.mod-languages .uk-dropdown {
	padding:							8px;
	min-width:							auto;
}
.mod-languages > .uk-inline > a:after {
	display:							inline-block;
	content:							url('../icons/chevron-down.svg');
	position:							absolute;
	top:								4px;
}

.uk-navbar-transparent .mod-languages > .uk-inline > a:after {
	content:							url('../icons/chevron-down-white.svg');
}

.uk-navbar-transparent .mod-languages > .uk-inline:hover > a:after {
	content:							url('../icons/chevron-down-red.svg');
}

.mod-languages .uk-nav > li > a {
	font-family:						'Lato';
	text-transform:						none;
}

.mod-languages .uk-dropdown-nav > li > a {
	color:								#666;
}

.mod-languages .uk-dropdown-nav > li.uk-active > a,
.mod-languages .uk-dropdown-nav > li > a:focus,
.mod-languages .uk-dropdown-nav > li > a:hover {
	color:								#8B2212;
}

/*****************
*** OFFCANVAS  ***
******************/
.uk-offcanvas-bar {
	border-right:						3px solid #8B2212;
}

.uk-nav-default {
	font-family:						"Lato" !important;
}

.uk-modal-body {
	padding-top:						40px;
}

.uk-offcanvas-bar > .uk-grid {
	flex-direction:						column-reverse;
}

.uk-offcanvas-bar .uk-search-default {
	width:								100%;
}

/* Menu */
.uk-modal-body .uk-nav > li > a {
	padding:							0;
}

.uk-modal-body .uk-nav > li:not(.uk-parent) > a {
	padding-bottom: 16px;
}

.uk-modal-body .uk-nav-sub a {
	text-transform:						none;
	padding:							4px 0;
}

.uk-modal-body ul.uk-nav-sub {
	padding:							0 0 16px 16px;
}

/*************
*** FOOTER ***
*************/
#footer {
	font-size:							14px;
	margin-top:							75px;
}

#footer .uk-subnav > li:not(:last-child) {
	border-right:						1px solid #CCC;
	padding:							0 15px;
	height:								20px;
	margin-bottom:						8px;
}

#footer .uk-subnav > li > a {
	max-height:							20px;
	line-height:						1.2em;
}

/************************
****** CHRONOFORMS ******
************************/
.chronopage {
	padding:							0;
}

.ui.form .field > label {
	margin:								0 0 2px 0 !important;
	color:								#999 !important;
	font-size:							13px !important;
	font-weight:						normal !important;
}
.ui.selection.dropdown,
.ui.form textarea,
.ui.input textarea {
	border-radius:						0 !important;
	border:								1px solid #666 !important;
}

.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="file"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="search"]:focus,
.ui.form input[type="tel"]:focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="url"]:focus,
.ui.selection.dropdown:focus {
	border-color:						#651823 !important;
}

.G3-body button,
#gpage {
	border-radius:						0;
	font-family:						"Lato";
	background:							#651823;
	color:								#FFF;
	font-weight:						normal;
}


.ui.form .required.field > .checkbox::after,
.ui.form .required.field > label::after,
.ui.form .required.fields.grouped > label::after,
.ui.form .required.fields:not(.grouped) > .field > .checkbox::after,
.ui.form .required.fields:not(.grouped) > .field > label::after,
.ui.form label.required::after {
	color:								#651823 !important;
}

.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="file"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="text"],
.ui.form input[type="time"],
.ui.form input[type="url"] {
	border-radius:						0 !important;
	border:								1px solid #666 !important;
}

/************************
******** DOCMAN *********
************************/
.form-group, .uk-margin {
	margin-bottom:						16px;
}


/* Tree */
.uk-nav-zpue-docman li > a {
	padding-right:						10px;
	border-left:						2px solid transparent;
	transition:							all .4s ease;
}
.uk-nav-zpue-docman .uk-active > a,
.uk-nav-zpue-docman li > a:hover {
	border-left:						2px solid #651823;
}

/* Third Level */
.uk-nav-zpue-docman .uk-nav .uk-nav .uk-active > a,
.uk-nav-zpue-docman .uk-nav .uk-nav > li > a:hover {
	background:							#F3F3F3;
}

.uk-nav-zpue-docman > li > a {
	font-size:							18px;
	line-height:						24px;
	color:								#333;
	padding-left:						8px;
}

.uk-nav-zpue-docman > li:not(:last-child) {
	border-bottom:						1px solid #CCC;
}

.uk-nav-zpue-docman .uk-nav > li > a {
	padding-left:						24px;
}

.uk-nav-zpue-docman .uk-nav .uk-nav > li > a {
	padding-left:						32px;
}

.uk-nav-zpue-docman > li > a > ul > li > a {
	font-size:							16px;
	color:								#333;
}

.uk-nav-zpue-docman ul li {
	border-top:							1px solid #CCC;
}

.uk-nav-zpue-docman .uk-nav .uk-nav {
	background:							#FFF;
}

/*** Sidebar ***/
.docman-title {
	font-family:						Lato;
	line-height:						1.85;
	font-size:							13px;
	color:								#333;
	text-transform:						uppercase;
}

.form-group input {
	border:								none !important;
	border-bottom:						1px solid #CCC !important;
}

.select2-search__field {
	opacity:							0;
}

.select2-selection.select2-selection--multiple {
	border-radius:						0;
	border-top:							0;
	border-left:						0;
	border-right:						0;
	border-bottom:						1px solid #CCC;
}

.select2-selection.select2-selection--multiple:hover,
.select2-selection.select2-selection--multiple:focus,
.select2-selection.select2-selection--multiple:active,
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection{
	border-color:						#BA2619 !important;
	text-shadow:						none;
	box-shadow:							none !important;
}

/*** Documents ***/
.download-item {
	border-top:							1px solid #CCC;
}

.k-ui-namespace .k-pagination {
	border-top:							1px solid #CCC;
	padding-top:						16px;
	justify-content:					center;
	flex-direction:						column;
	font-family:						"Lato";
	font-size:							18px;
}

.k-ui-namespace .k-pagination .k-pagination__pages > li > a {
	border-radius:						0 !important;
}

.k-ui-namespace .k-pagination .k-pagination__pages > .k-is-active > a, .k-ui-namespace .k-pagination .k-pagination__pages > .k-is-active > a:hover, .k-ui-namespace .k-pagination .k-pagination__pages > .k-is-active > a:focus, .k-ui-namespace .k-pagination .k-pagination__pages > .k-is-active > span, .k-ui-namespace .k-pagination .k-pagination__pages > .k-is-active > span:hover, .k-ui-namespace .k-pagination .k-pagination__pages > .k-is-active > span:focus {
	background-color:					transparent;
	border:								none;
	color:								#651823;
}

.k-ui-namespace .k-pagination .k-pagination__pages {
	display:							inline-flex;
	margin:								16px auto 0;
}

.k-ui-namespace .k-pagination .k-pagination__pages > li > a, .k-ui-namespace .k-pagination .k-pagination__pages > li > span {
	border:								none;
	color:								rgb(153,153,153);
}

.k-ui-namespace .k-pagination .k-pagination__pages>li>a:hover,
.k-ui-namespace .k-pagination .k-pagination__pages>li>a:focus,
.k-ui-namespace .k-pagination .k-pagination__pages>li>span:hover,
.k-ui-namespace .k-pagination .k-pagination__pages>li>span:focus {
	background-color:					transparent;
	color:								#651823;
	border:								none;
}

.download-item article {
	padding:							12px 0;
}

.uk-article-title {
	margin:								4px 0 12px 0;
}

.docman-download-links {
	padding-top:						8px;
}
.docman-download-links a:hover,
.docman-download-links a:focus {
	text-decoration:					none;
}

.uk-article + .uk-article {
	margin-top:							16px;
}

/* Select Sort oder */
#sort-documents {
	-moz-appearance:					none;
	-webkit-appearance:					none;
	appearance:							none;
	border:								none;
	-moz-padding-start:					calc(10px - 3px);
	height:								32px;
	padding-right:						24px;
	cursor:								pointer;
	position:							relative;
	background:							url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cdefs/%3E%3Cpath fill='%23333' fill-rule='nonzero' d='M0 3.856c0-.11.041-.22.123-.303a.416.416 0 01.595 0L8 10.95l7.28-7.397a.416.416 0 01.595 0 .432.432 0 010 .605l-7.579 7.7a.416.416 0 01-.595 0l-7.579-7.7A.432.432 0 010 3.855z'/%3E%3C/svg%3E%0A") no-repeat;
	background-position:				right 5px top 50%;
	width:								240px;
}

/* Tags */
.tag,
.tag:active,
.tag:focus,
.tag:visited {
	border:								1px solid #666;
	color:								#666;
	padding:							4px 8px;
	border-radius:						16px;
	font-size:							14px;
	display:							inline-block;
	margin-bottom:						8px;
	margin-right:						8px;
}

.tag:hover {
	border:								1px solid #666;
	color:								#FFF;
	background:							#666;
	text-decoration:					none;
}

/* GSVT-Mitglieder */
.tag-d-gsvt-mitglieder,
.tag-d-gsvt-mitglieder:active,
.tag-d-gsvt-mitglieder:focus,
.tag-d-gsvt-mitglieder:visited {
	color:								#FFF;
	background:							#F4B73F;
	border-color:						#F4B73F;
}

.tag-d-gsvt-mitglieder:hover {
	color:								#F4B73F;
	background:							#FFF;
	border-color:						#F4B73F;
}

/* Händler */
.tag-c-haendler,
.tag-c-haendler:active,
.tag-c-haendler:focus,
.tag-c-haendler:visited{
	color:								#FFF;
	background:							#BA2619;
	border-color:						#BA2619;
}

.tag-c-haendler:hover {
	color:								#BA2619;
	background:							#FFF;
	border-color:						#BA2619;
}

/* Hersteller & Importeure */
.tag-c-hersteller-importeure,
.tag-c-hersteller-importeure:active,
.tag-c-hersteller-importeure:focus,
.tag-c-hersteller-importeure:visited{
	color:								#FFF;
	background:							#6F959F;
	border-color:						#6F959F;
}

.tag-c-hersteller-importeure:hover {
	color:								#6F959F;
	background:							#FFF;
	border-color:						#6F959F;
}

/* Nicht-GSVT-Mitglieder */
.tag-d-nicht-gsvt-mitglieder,
.tag-d-nicht-gsvt-mitglieder:active,
.tag-d-nicht-gsvt-mitglieder:focus,
.tag-d-nicht-gsvt-mitglieder:visited{
	color:								#FFF;
	background:							#EE8032;
	border-color:						#EE8032;
}

.tag-d-nicht-gsvt-mitglieder:hover {
	color:								#EE8032;
	background:							#FFF;
	border-color:						#EE8032;
}

/* Tag Medien */
.tag-b-rohlinge,
.tag-b-rohlinge:active,
.tag-b-rohlinge:focus,
.tag-b-rohlinge:visited,

.tag-b-brenner,
.tag-b-brenner:active,
.tag-b-brenner:focus,
.tag-b-brenner:visited,

.tag-b-festplatten,
.tag-b-festplatten:active,
.tag-b-festplatten:focus,
.tag-b-festplatten:visited,

.tag-b-leermedien,
.tag-b-leermedien:active,
.tag-b-leermedien:focus,
.tag-b-leermedien:visited,

.tag-b-mobiltelefone,
.tag-b-mobiltelefone:active,
.tag-b-mobiltelefone:focus,
.tag-b-mobiltelefone:visited,

.tag-b-pcs,
.tag-b-pcs:active,
.tag-b-pcs:focus,
.tag-b-pcs:visited,

.tag-b-smartwatches,
.tag-b-smartwatches:active,
.tag-b-smartwatches:focus,
.tag-b-smartwatches:visited,

.tag-b-tablets,
.tag-b-tablets:active,
.tag-b-tablets:focus,
.tag-b-tablets:visited,

.tag-b-unterhaltungselektronik,
.tag-b-unterhaltungselektronik:active,
.tag-b-unterhaltungselektronik:focus,
.tag-b-unterhaltungselektronik:visited,

.tag-b-usb-sticks-speicherkarten,
.tag-b-usb-sticks-speicherkarten:active,
.tag-b-usb-sticks-speicherkarten:focus,
.tag-b-usb-sticks-speicherkarten:visited {
	color:								#FFF;
	background:							#CCC;
	border-color:						#CCC;
}

.tag-b-rohlinge:hover,
.tag-b-brenner:hover,
.tag-b-festplatten:hover,
.tag-b-leermedien:hover,
.tag-b-mobiltelefone:hover,
.tag-b-pcs:hover,
.tag-b-smartwatches:hover,
.tag-b-tablets:hover,
.tag-b-unterhaltungselektronik:hover,
.tag-b-usb-sticks-speicherkarten:hover {
	color:								#CCC;
	background:							#FFF;
	border-color:						#CCC;
}

/* Gewerbliche Endabnhemer & Behörden */
.tag-c-gewerbliche-endabnehmer-behoerden,
.tag-c-gewerbliche-endabnehmer-behoerden:active,
.tag-c-gewerbliche-endabnehmer-behoerden:focus,
.tag-c-gewerbliche-endabnehmer-behoerden:visited {
	color:								#FFF;
	background:							#98CBA5;
	border-color:						#98CBA5;
}

.tag-c-gewerbliche-endabnehmer-behoerden:hover {
	color:								#FFF;
	background:							#98CBA5;
	border-color:						#98CBA5;
}

/* New Tags 06/21 */
.tag-e-bdm,
.tag-e-bdm:active,
.tag-e-bdm:focus,
.tag-e-bdm:visited,
.tag-e-im,
.tag-e-im:active,
.tag-e-im:focus,
.tag-e-im:visited,
.tag-e-bch,
.tag-e-bch:active,
.tag-e-bch:focus,
.tag-e-bch:visited,
.tag-e-bitkom,
.tag-e-bitkom:active,
.tag-e-bitkom:focus,
.tag-e-bitkom:visited,
.tag-e-vere,
.tag-e-vere:active,
.tag-e-vere:focus,
.tag-e-vere:visited,
.tag-e-gww,
.tag-e-gww:active,
.tag-e-gww:focus,
.tag-e-gww:visited,
.tag-e-zvei,
.tag-e-zvei:active,
.tag-e-zvei:focus,
.tag-e-zvei:visited {
	color:								#F4B73F;
	background:							#FFF;
	border-color:						#F4B73F;
}

.tag-e-bdm:hover,
.tag-e-im:hover,
.tag-e-bch:hover,
.tag-e-bitkom:hover,
.tag-e-vere:hover,
.tag-e-gww:hover,
.tag-e-zvei:focus {
	color:								#FFF;
	background:							#F4B73F;
	border-color:						#F4B73F;
}

/************************
***** REGISTRATION ******
************************/
#q {
	height:								42px;
}

.well {
	padding:							0;
	margin-bottom:						16px;
	background-color:					#FFF;
}

.registration legend {
	font-size:							24px;
	line-height:						36px;
	margin-bottom:						8px;
	font-family:						"Cardo";
	padding-left:						0 !important;
}

.registration fieldset {
	margin:								0;
	display:							flex;
	flex-wrap:							wrap;
	padding:							0;
	list-style:							none;

	margin-left:						-24px;
}

.registration fieldset:not(.word) > * {
	padding-left:						24px;
}

.registration fieldset > .control-group {
	margin:								0;
	padding:							0;
	list-style:							none;
}

.registration .form-horizontal .control-label {
	float:								none;
	padding:							0;
	text-align:							left;
	color:								#999;
	font-family:						"Lato";
	font-size:							13px;
	width:								100%;
}

.registration .form-horizontal .controls {
	min-width:							1px;
	flex:								1;
	margin:								0;
}

.registration input[type="checkbox"],
.registration input[type="radio"] {
	width:								20px;
	height:								20px;
	margin-right:						8px;
}

.registration fieldset > .control-group.field-spacer {
	width:								100%;
	margin-bottom:						16px;
}

.registration fieldset + fieldset {
	margin-top:							16px;
}

.registration fieldset > .control-group + .control-group {
	margin-bottom:							16px;
}

.registration .checkbox,
.registration .radio {
	padding-left:						0;
	padding-right:						8px;
	font-family:						"Lato";
	font-size:							16px;
	line-height:						24px;
}

.registration .red ,
.registration .star {
	color:								#8B2212;
}

.registration .optional {
	display:							none;
}
.registration .btn {
	margin-top:							16px;
}

/* Error */
.error {
	color:								#8B2212;
	padding:							0;
	margin:								0;
}

/* Registration Error */
input[aria-invalid="true"] {
	border-color:						#8B2212;
	background:							#8B2212;
}

/* BTN Add Marke */
#button_add_marke,
#button_add_marke:visited {
	height:								40px;
	background:							#8B2212;
	border:								none;
	color:								#FFF;
	padding:							4px 16px;
	margin:								0;
}

#button_add_marke:hover,
#button_add_marke:focus,
#button_add_marke:active {
	background:							#651823;
}

/* Hinweis */
.hinweis {
	color:								#8B2212;
	font-size:							13px;
}

/* Icon */
.icon.icon_info {
	margin-top:							-4px;
	color:								#000;
}

/* Disables */
.registration fieldset:nth-child(2) .control-group:nth-child(2) > .control-label,
.registration fieldset:nth-child(4) .control-group:nth-child(7) > .control-label,
.registration fieldset:nth-child(4) .control-group:nth-child(8) > .control-label,
.registration fieldset:nth-child(4) .control-group:nth-child(9) > .control-label {
	display:							none;
}

.registration fieldset:nth-child(2) .control-group:nth-child(2),
.registration fieldset:nth-child(4) .control-group:nth-child(7),
.registration fieldset:nth-child(4) .control-group:nth-child(8),
.registration fieldset:nth-child(4) .control-group:nth-child(9) {
	width:								100%;
}

.registration fieldset:nth-child(2) .control-group:nth-child(2) {
	margin-bottom:						16px;
}

/************************
******** PROFIL *********
************************/

#users-profile-core {
	clear:								both;
}

.profile legend {
	font-family:						"Cardo";
	font-size:							32px;
	border-bottom:						1px solid #8B2212;
	width:								100%;
}

.dl-horizontal dt {
	width:								232px;
	text-align:							left;
	font-weight:						normal;
	font-family:						"Lato";
	margin-right:						16px;
}

.dl-horizontal > * {
	padding:							8px;
	height:								32px;
	min-height:							32px;
	max-height:							40px;
}

.dl-horizontal > :nth-child(4n+2) {
	background:							#F1F1F1;
}

.dl-horizontal > :nth-child(4n+1) {
	background:							#F1F1F1;
}

@media (max-width: 640px) {
	.registration .form-horizontal .control-group,
	.registration .form-horizontal .control-label,
	.registration .form-horizontal .controls {
		width:							100%;
	}
}

@media (min-width: 640px) {
	/* Registration*/
	.registration .control-group:not(.field-spacer) {
		width:							calc(50% - 24px); /* Fix for Gap */
		box-sizing:						border-box;
		max-width:						100%;
		padding-right:					24px;
	}

	/* Search Result Page */
	.finder {
		max-width:						80%;
		margin:							0 auto;
		margin-bottom:					0px;
	}
}

/************************
*** YOOTHEME ELEMENTS ***
************************/

/*** News (Blog Komponente( ***/
.uk-article > .uk-h4 {
	text-transform:						none;
}

/*** ZPÜ Titelbild groß ***/
.overlay-hr {
	border-top:							1px solid #FFF !important;
	min-width:							240px;
	margin:								8px auto; /* Width defined by subhead -10% */
}

.teaser-big .uk-overlay {
	background:							rgba(0,0,0,.1);
	box-shadow:							0 0 1.5em 1.5em rgba(0,0,0,0.1);
	border:								none;
	border-radius:							1%; /* Fix for border in Chromium */
}

/*** ZPÜ Titelbild klein ***/
.teaser-small .el-image {
	min-height:							150px;
	object-fit:							cover;
}

.teaser-small .overlay-headline-small {
	text-shadow:						0 0 8px rgba(0,0,0,.33);
}

.overlay-headline-small{
	margin-bottom:						0;
}

/*** ZPÜ CTA ***/
.uk-button {
	padding:							0 16px;
	position:							relative;
	display:							table;
}

.uk-button > .uk-text-left {
	padding-right:						64px;
}

.uk-text-left + .uk-icon,
.uk-section-muted .grid-icon {
	position:							absolute;
	top:								0;
	bottom:								0;
	right:								12px;
	margin-top:							auto;
	margin-bottom:						auto;
	line-height:						40px;
}

.uk-button + .uk-button {
	margin-top:							24px;
}

.uk-button-text {
	display:							table;
}
/* Element: ZPÜ Slider */
.zpue-slider .uk-card-media-top {
	padding:							16px;
	border-bottom:						3px solid #8B2212;
}

.zpue-slider .uk-card-body {
	padding:							25px;
}

.zpue-slider h4 {
	margin-bottom:						8px;
	text-align:							left;
}

.zpue-slider h4 + * {
	margin:								0;
	padding:							0;
	text-align:							left;
}

/*** Element: Accordeon ***/
.uk-accordion .uk-open .el-title {
	background:							transparent;
	border-top:							2px solid #8B2212;
	padding-bottom:						0;
}

.uk-accordion .el-content {
	padding:							0 50px 15px;
}

.uk-accordion-title:before {
	width:								16px;
	height:								16px;
	margin-top:							8px;
}

/* Element: Switcher */
.uk-tab {
	background:							#F3F3F3;
	min-height:							48px;
}

.nav-tabs > li > a, .uk-tab > * {
	background:							#FFF;
}

.nav-tabs > li > a, .uk-tab > * > a {
	border-bottom:						none;
	border-top:							2px solid transparent;
	background:							#F3F3F3;
	height:								48px;
	line-height:						48px;
	padding:							0 30px;
	min-width:							90px; /* Klären*/
}

.nav-tabs > .active > a, .uk-tab > .uk-active > a {
	background:							#FFF;
}

/* Switcher: Mobile */
.switcher-section > button {
	font-family:						"Cardo";
	font-size:							24px;
	line-height:						30px;
	width:								auto;
	background:							#FFF;
	border:								none;
	border-top:							3px solid #8B2212;
	color:								#000;
	min-height:							40px;
	text-align:							left;
}

.switcher-section > .uk-dropdown {
	margin-top:							0;
}

.switcher-section > .uk-dropdown li + li {
	border-top:							1px solid #999;
}

.switcher-section > button:hover,
.switcher-section > button:focus,
.switcher-section > button:active {
	background:							#FFF;
	color:								#8B2212;
	border-top:							3px solid #999;
}

.switcher-section {
	padding:							0 16px;
	background:							#CCC;
	margin:								0 -16px;
}

.zpue-switcher-nav {
	flex-wrap:							nowrap;
	flex-direction:						column;
	align-items:						self-start;
	background:							#FFF;
}

.zpue-switcher-nav > li {
	width:								100%;
}


.zpue-switcher-nav > li > a {
	background:							transparent;
	border:								none;
	font-size:							24px;
	padding-left:						0;
	white-space:						normal;
	height:								auto;
	text-align:							left;
}

.zpue-switcher-nav > li.uk-active > a,
.zpue-switcher-nav > li > a:hover,
.zpue-switcher-nav > li > a:focus,
.zpue-switcher-nav > li > a:active {
	background:							transparent;
	border:								none;
	color:								#8B2212;
}


/* Element: Anker Navigation */
.uk-anker-nav-btn {
	height:								10px;
	background:							#F3F3F3;
	border-bottom:						2px solid #8B2212;
	z-index:							780;
}

.uk-anker-toggle-button {
	border:								1px solid #8B2212;
	border-radius:						60px;
	width:								25px;
	height:								25px;
	background:							#FFF;
	padding:							0;
}
.uk-anker-toggle-button:focus {
	outline:							none;
	box-shadow:							none;
}

.uk-anker-nav .uk-card-body {
	padding:							6px 20px;
	font-size:							14px;
	line-height:						30px;
}

.uk-anker-nav .uk-active {
	background:							#F3F3F3;
}

.uk-anker-nav .uk-card-body:hover,
.uk-anker-nav .uk-card-body:focus {
	background:							#F3F3F3;
}

.uk-anker-nav .uk-active > a{
	color:								#8B2212;
}

.uk-anker-nav .uk-card-body:hover > a,
.uk-anker-nav .uk-card-body:focus > a,
.uk-anker-nav .uk-card-body > a:hover,
.uk-anker-nav .uk-card-body > a:focus{
	color:								#8B2212;
	text-decoration:					none;
}

.uk-anker-nav {
	background:							#FFF;
}

.uk-anker-nav .uk-panel > a {
	padding:							5px 20px;
	background:							gray;
}

.uk-anker-z {
	z-index:							770;
	position:							relative
}

.uk-z-index {
	z-index:							970;
}

.uk-anker-toggle-button svg {
	-webkit-transition:					.3s ease-in-out;
	-moz-transition:					.3s ease-in-out;
	-o-transition:						.3s ease-in-out;
	transition:							.3s ease-in-out;
}

.flip-horicontal > svg {
	-webkit-transform:					rotate(180deg);
	-moz-transform:						rotate(180deg);
	-ms-transform:						rotate(180deg);
	-o-transform:						rotate(180deg);
	transform:							rotate(180deg);
	-webkit-transform-origin:			10px 10px;
	-moz-transform-origin:				10px 10px;
	-ms-transform-origin:				10px 10px;
	-o-transform-origin:				10px 10px;
	transform-origin:					10px 10px;
	color:								#8B2212;
}

/* Element: ZPÜ Table */
.zpue-table th {
	text-align:							center;
	border-right:						1px solid #CCC;
	font-weight:						bold;
}

.zpue-table th > *,
.zpue-table td > *{
	margin:								0;
	padding:							0;
}
.zpue-table th:last-child {
	border-right:						none;
}

.zpue-table thead {
	border-bottom:						3px solid #8B2212;
}

.zpue-table td {
	border-right:						1px solid #CCC;
}

.uk-table td.th-style,
.uk-table th.th-style {
	font-weight:						bold;
	border-right:						3px solid #8B2212;
}

.zpue-table td:last-child {
	border-right:						none;
}

/* Element: ZPÜ Fließtext */

/* Overlay on Mobile*/
.text-overlay-item {
	position:							absolute;
	top:								0;
	left:								0;
	right:								0;
	bottom:								0;
	background:							-moz-linear-gradient(top, rgba(255,255,255,0) 33%, rgba(255,255,255,1) 100%);
	background:							-webkit-linear-gradient(top, rgba(255,255,255,0) 33%,rgba(255,255,255,1) 100%);
	background:							linear-gradient(to bottom, rgba(255,255,255,0) 33%,rgba(255,255,255,1) 100%);
	filter:								progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#FFFfff',GradientType=0 );
}

.text-overlay + hr {
	margin-top:							0;
}

/* Temp Fix */
.uk-navbar-left {
	margin-left:						auto;
}

.uk-navbar-center:not(:only-child) {
	left:								0;
	transform:							translate(0,-50%);
}

/* Zpü Kachel */
.zpue-kacheln .uk-h3,
.zpue-kacheln .uk-icon {
	color:								#8B2212;
}

.zpue-kachel-margin-left {
	margin-left:						32px;
}

.zpue-kacheln:hover .uk-card-body {
	background:							#E4E4E4;
	text-decoration:					none;
}

.zpue-kacheln:hover span {
	text-decoration:					none;
}

@media ( max-width:640px ){
	/* General */
	.uk-h2, h2 {
		font-size:						28px;
		line-height:					32px;
	}

	.uk-section-small {
		padding-top:					16px;
		padding-bottom:					16px;
	}

	* + .uk-margin {
		margin-top:						24px !important;
	}

	.navbar .brand, .navbar .nav > li > a, .navbar-search,
	.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
		padding:						0 16px;
	}

	/* Footer */
	#footer {
		margin-top:						16px;
	}

	.uk-subnav {
		margin-left:					-16px;
	}

	#footer .uk-width-1-4\@m {
		text-align:						right;
	}

	/************************
	******** DOCMAN *********
	************************/
	.docman-tags {
		padding-top:					8px;
	}

	.com_docman {
		margin-top:						-40px; /* Fix position to Top */
	}

	/************************
	*** YOOTHEME ELEMENTS ***
	************************/

	/*** ZPÜ Titelbild groß ***/
	.overlay-headline {
		margin-bottom:					0;
	}

	/*** ZPÜ Slider ***/
	.zpue-slider .uk-card-body {
		padding:						8px 16px;
	}

	.zpue-slider .uk-card-media-top {
		padding:						0 16px;
	}

	.uk-dotnav > * {
		padding-left:					8px;
	}

	.uk-dotnav > * > * {
		width:							12px;
		height:							12px;
	}

	/*** ZPÜ Ankernav ***/
	.uk-anker-toggle > li {
		border-bottom:					1px solid #CCC;
	}

	.uk-anker-nav .uk-card-body {
		padding:						0 20px;
	}

	/*** ZPÜ CTA ***/
	.grid-icon {
		position:						absolute;
		right:							16px;
		top:							12px;
	}

	.uk-button > .uk-text-left {
		padding-right:					32px;
		display:						inline-block;
		line-height:					24px;
	}

	.uk-button + .uk-button,
	.uk-button + .uk-button-text,
	.uk-button-text +.uk-button,
	.uk-button-text + .uk-button-text {
		margin-top:						8px;
	}

	#slider > div > ul{
		width:							80%;
		margin:							0 auto;
	}

	.uk-button {
		width:							100%;
	}

	#downloads .uk-first-column {
		text-align:						center;
	}

	.overlay-headline-small {
		font-size:						28px !important;
	}

	/* Mobile Shadow */
	.uk-sticky-below {
		box-shadow:						1px 1px 3px 0 rgba(51,51,51,.5);
	}

	/* Element: Accordeon */
	.uk-accordion-title {
		padding:						15px 0;
	}

	.uk-accordion .el-content {
		padding:						0 0 15px;
	}

	/* Element Anker NAv */
	.uk-anker-nav > div {
	padding:							10px 15px;
	border-bottom:						1px solid #CCC;
	}

	/* ZPÜ Kachel */
	.zpue-kachel-margin-left {
		margin-left:					8px;
	}

	.zpue-kacheln img {
		max-width:						40px;
	}

	.zpue-kacheln .uk-h3 {
		font-size:						20px;
		line-height:					28px;
	}

	.zpue-kacheln + .zpue-kacheln {
		margin-top:						12px;
	}
}

@media( min-width:768px ) {
	/************************
	*** YOOTHEME ELEMENTS ***
	************************/

	/*** ZPÜ Titelbild groß ***/
	.overlay-headline {
		font-size:						150px;
		line-height:					110px;
		margin-bottom:					0; /* Gap via hr */
	}

	.overlay-headline-small {
		font-size:						48px;
	}

	.subhead {
		font-size:						20px;
	}

	/*** ZPÜ CTA ***/
	.uk-text-left + .uk-icon {
		position:						relative;
	}
}

@media( min-width:640px ) {
	/************************
	****** DOCMAN ******
	************************/

	/* Documents */
	.zpue-margin-right {
		margin-right:					16px;
	}

	.zpue-margin-top {
		margin-top:						16px;
	}
}

@media( min-width:960px ) {
	/************************
	****** CHRONOFORMS ******
	************************/
	.chronopage {
		max-width:						60%;
		width:							60% !important;
		margin:							0 auto;
	}

	/*** Element: Accordeon ***/
	.uk-accordion .uk-panel {
		max-width:						90%;
	}

	/*** Element: Switcher ***/
	.uk-switcher > li {
		max-width:						90%;
	}

	/*** Section class 80 */
	.zpue-section-80 .uk-width-1-5\@m {
		width:							10%;
	}

	.zpue-section-80 .uk-width-3-5\@m {
		width:							80%;
	}
}

@media ( max-width: 1199px ) {
	/* Burger Menu Icon */
	.uk-navbar-toggle-icon svg {
		width:							30px;
		height:							30px;
	}

	/* Navbar */
	.uk-navbar-container {
		padding-top:					20px;
		padding-bottom:					20px;
		height:							30px;
	}
}

/* Navigation Fix */
@media ( min-width: 1200px ) and ( max-width: 1281px ) {
	.uk-search-default {
		width:							110px;
	}

	.navbar .brand, .navbar .nav > li > a,
	.navbar-search, .uk-navbar-item, .uk-navbar-nav > li > a,
	.uk-navbar-toggle {
		padding:						0 8px;
	}
}

form#member-registration {
    padding-left: 24px;
}

 

.registration fieldset {
    padding: 0 16px !important;
}

 

fieldset#jform_com_fields_user_definition,
fieldset#jform_com_fields_user_aktualitaet,
fieldset#jform_com_fields_user_datenschutz,
fieldset#jform_com_fields_user_agb
{
    border: none !important;
}

 

form#member-registration input {
    width: 100% !important;
    height: 38px!important;
    border: 1px solid #666 !important;
    padding: 0 0 0 4px;
}

 

 

#member-registration button {
    background-color: #8b2212;
    color: #FFF;
    border: 1px solid #8b2212;
    line-height:38px;
    padding:0 16px;
}

 

#member-registration button:hover {
    background-color: #651823;
    color: #fff;
    border-color: #999;
}

 

.visually-hidden {
    display:none;
}

 

form#member-registration input[type="checkbox"] {
    width: 20px !important;
    display: inline-block;
    vertical-align: top;
}

 

form#member-registration input[type="checkbox"] + label.form-check-label {
    display: inline-block;
    width: 85%;
}

 

form#member-registration input[type="password"] {
    width: calc(100% - 60px) !important;
}

 

.registration fieldset:not(.word) > * {
    padding-left: 8px !important;
}

 

/* Repeat password */
@media(min-width:640px) and (max-width:1022px) {
     label#jform_password2-lbl {
        padding-top: 72px;
        display: block;
    }   
}

 

@media(min-width:1023px) {
    label#jform_password2-lbl {
        padding-top: 48px;
        display: block;
    }
}

 

#jform_com_fields_user_strasse-desc {
    display:none !important;
}

/*
 Here comes custom css we extracted from the YOOtheme custom code part
 It it is cleaner to have this here instead of in the database
*/ 

/* Tags */
/* GSVT-Mitglieder */
.tag-d_gsvt-mitglieder,
.tag-d_gsvt-mitglieder:active,
.tag-d_gsvt-mitglieder:focus,
.tag-d_gsvt-mitglieder:visited {
	color:								#FFF !important;
	background:							#F4B73F;
	border-color:						#F4B73F !important;
}

.tag-d_gsvt-mitglieder:hover {
	color:								#F4B73F !important;
	background:							#FFF;
	border-color:						#F4B73F !important;
}

/* Händler */
.tag-c_haendler,
.tag-c_haendler:active,
.tag-c_haendler:focus,
.tag-c_haendler:visited{
	color:								#FFF !important;
	background:							#BA2619;
	border-color:						#BA2619 !important;
}

.tag-c_haendler:hover {
	color:								#BA2619 !important;
	background:							#FFF;
	border-color:						#BA2619 !important;
}

/* Hersteller & Importeure */
.tag-c_hersteller-importeure,
.tag-c_hersteller-importeure:active,
.tag-c_hersteller-importeure:focus,
.tag-c_hersteller-importeure:visited{
	color:								#FFF !important;
	background:							#6F959F;
	border-color:						#6F959F !important;
}

.tag-c_hersteller-importeure:hover {
	color:								#6F959F !important;
	background:							#FFF;
	border-color:						#6F959F !important;
}

/* Nicht-GSVT-Mitglieder */
.tag-d_nicht-gsvt-mitglieder,
.tag-d_nicht-gsvt-mitglieder:active,
.tag-d_nicht-gsvt-mitglieder:focus,
.tag-d_nicht-gsvt-mitglieder:visited{
	color:								#FFF !important;
	background:							#EE8032;
	border-color:						#EE8032 !important;
}

.tag-d_nicht-gsvt-mitglieder:hover {
	color:								#EE8032 !important;
	background:							#FFF;
	border-color:						#EE8032 !important;
}

/* Tag Medien */
.tag-b_rohlinge,
.tag-b_rohlinge:active,
.tag-b_rohlinge:focus,
.tag-b_rohlinge:visited,

.tag-b_brenner,
.tag-b_brenner:active,
.tag-b_brenner:focus,
.tag-b_brenner:visited,

.tag-b_festplatten,
.tag-b_festplatten:active,
.tag-b_festplatten:focus,
.tag-b_festplatten:visited,

.tag-b_leermedien,
.tag-b_leermedien:active,
.tag-b_leermedien:focus,
.tag-b_leermedien:visited,

.tag-b_mobiltelefone,
.tag-b_mobiltelefone:active,
.tag-b_mobiltelefone:focus,
.tag-b_mobiltelefone:visited,

.tag-b_pcs,
.tag-b_pcs:active,
.tag-b_pcs:focus,
.tag-b_pcs:visited,

.tag-b_smartwatches,
.tag-b_smartwatches:active,
.tag-b_smartwatches:focus,
.tag-b_smartwatches:visited,

.tag-b_tablets,
.tag-b_tablets:active,
.tag-b_tablets:focus,
.tag-b_tablets:visited,

.tag-b_unterhaltungselektronik,
.tag-b_unterhaltungselektronik:active,
.tag-b_unterhaltungselektronik:focus,
.tag-b_unterhaltungselektronik:visited,

.tag-b_usb-sticks_speicherkarten,
.tag-b_usb-sticks_speicherkarten:active,
.tag-b_usb-sticks_speicherkarten:focus,
.tag-b_usb-sticks_speicherkarten:visited {
	color:								#FFF !important;
	background:							#CCC;
	border-color:						#CCC !important;
}

.tag-b_rohlinge:hover,
.tag-b_brenner:hover,
.tag-b_festplatten:hover,
.tag-b_leermedien:hover,
.tag-b_mobiltelefone:hover,
.tag-b_pcs:hover,
.tag-b_smartwatches:hover,
.tag-b_tablets:hover,
.tag-b_unterhaltungselektronik:hover,
.tag-b_usb-sticks_speicherkarten:hover {
	color:								#CCC !important;
	background:							#FFF;
	border-color:						#CCC !important;
}

/* Gewerbliche Endabnhemer & Behörden */
.tag-c_gewerbliche_endabnehmer_behoerden,
.tag-c_gewerbliche_endabnehmer_behoerden:active,
.tag-c_gewerbliche_endabnehmer_behoerden:focus,
.tag-c_gewerbliche_endabnehmer_behoerden:visited {
	color:								#FFF !important;
	background:							#98CBA5;
	border-color:						#98CBA5 !important;
}

.tag-c_gewerbliche_endabnehmer_behoerden:hover {
	color:								#FFF !important;
	background:							#98CBA5;
	border-color:						#98CBA5 !important;
}

/* New Tags 06/21 */
.tag-e_bdm,
.tag-e_bdm:active,
.tag-e_bdm:focus,
.tag-e_bdm:visited,
.tag-e_im,
.tag-e_im:active,
.tag-e_im:focus,
.tag-e_im:visited,
.tag-e_bch,
.tag-e_bch:active,
.tag-e_bch:focus,
.tag-e_bch:visited,
.tag-e_bitkom,
.tag-e_bitkom:active,
.tag-e_bitkom:focus,
.tag-e_bitkom:visited,
.tag-e_vere,
.tag-e_vere:active,
.tag-e_vere:focus,
.tag-e_vere:visited,
.tag-e_gww,
.tag-e_gww:active,
.tag-e_gww:focus,
.tag-e_gww:visited,
.tag-e_zvei,
.tag-e_zvei:active,
.tag-e_zvei:focus,
.tag-e_zvei:visited {
	color:								#F4B73F !important;
	background:							#FFF;
	border-color:						#F4B73F !important;
}

.tag-e_bdm:hover,
.tag-e_im:hover,
.tag-e_bch:hover,
.tag-e_bitkom:hover,
.tag-e_vere:hover,
.tag-e_gww:hover,
.tag-e_zvei:focus {
	color:								#FFF !important;
	background:							#F4B73F;
	border-color:						#F4B73F !important;
}

#footer .uk-subnav > li:last-child {
    margin-bottom: 8px;
}

/* ChronoForms7 Registration Form */
/* Collapse columns on mobile */
form#registration-registration_page_start .ui.grid > [class*="two column"].row > .column {
  @media only screen and (max-width: 640px) {
    width: 100% !important;
  }
}
form#registration-registration_page_start .ui.grid > [class*="two column"].row {
  @media only screen and (max-width: 640px) {
    row-gap: 14px;
  }
}

/* Use full width for registration form (overides custom.css in childtheme for contactform */
#registration_registration_page_start.chronopage {
	max-width: 100%;
	width: 100% !important;
}


/* Scroll offset for anchor links to account for fixed header */
[id] {
    scroll-margin-top: 100px;
}