:root{
	--primary-bg-color: #28699F;
	--text-color: #4F4F4F;
}

form#catalog label
{
	color: var(--primary-bg-color); 
	font-weight: 700; 
	font-size: 15px; 
	padding-bottom: 5px;	
}
	

form#catalog input 
{
	color: var(--text-color);
	border: 1px solid #69727d;
	border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s;
	margin-bottom: 25px;
	
	&:focus{
		box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
		outline: 0;
	}
}

form#catalog button
{
	color: white; 
	border: 2px solid var(--primary-bg-color); 
	border-radius: 500px; 
	cursor: pointer; 
	background-color: var(--primary-bg-color);
	font-size: 15px;
	font-family: inherit;
	min-height: 49px;
	min-width: 120px;
	
	&:hover {
		background-color: white;
		color: var(--primary-bg-color);		
	}
}

.elementor-field-group{
	margin-bottom: 25px;
}

.elementor-field-group label{
	color: var(--primary-bg-color); 
}

.elementor-field-group button{
	color: white; 
	border: 2px solid var(--primary-bg-color) !important; 
	border-radius: 500px !important; 
	cursor: pointer; 
	background-color: var(--primary-bg-color);
	font-size: 15px;
	font-family: inherit;
	min-height: 49px;
	min-width: 120px;
	
	&:hover {
		background-color: white;
		color: var(--primary-bg-color);		
	}
}

.elementor-widget-container > p > a > button {
	border: 2px solid var(--primary-bg-color) !important; 
	
	&:hover {
		background-color: var(--primary-bg-color);
	}
}

.elementor-select-wrapper.remove-before:before {
    content: "" !important;
}

.select-caret-down-wrapper{
	font-size: 11px;
    inset-inline-end: 10px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.select-caret-down-wrapper svg {
	    aspect-ratio: unset;
    display: unset;
    width: 1em;
    fill: currentColor;
    overflow: visible;
    font-size: 11px;
    pointer-events: none;
}

a > button {
	color: white; 
	border: 2px solid var(--primary-bg-color); 
	border-radius: 500px; 
	cursor: pointer; 
	background-color: var(--primary-bg-color);
	font-size: 15px;
	font-family: inherit;
	min-height: 49px;
	min-width: 120px;
	
	&:hover {
		background-color: white !important;
		color: var(--primary-bg-color);		
	}
}


.btn-group {width: 100%;}


.btn-group button {
	border-radius: 3px !important;
    background-color: white !important;
    border: 1px solid black !important;
    color: var(--text-color) !important;
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	margin: 0px 0px 25px 0px !important;
}

.btn-group ul {
	width: 85%;
	margin-top: -25px;
}

.btn-group button.multiselect {width: 85%!important; margin: 15px 0 0 0; text-align: left;}

.dropdown-menu > .active > a {
	background-color: unset !important;
}

.dropdown-menu > .active > a > label >input[type=checkbox],
.dropdown-menu > li > a > label >input[type=checkbox]{
	margin-top: 0px !important;
}

/* vor der Dropdownliste, z.B. Kategorie*/
article table tr td a {color: #575757; padding: 14px 0; display: block; cursor: pointer; font-family: 'ProximaNova-Light', sans-serif; } 
article table tr td a:hover {text-decoration: none; color: #000;} 
article table tr td a:after {text-decoration: none;}
/* type, z.B. Setups*/
div.form-group ul {margin: 0; padding: 0; list-style-type: none; display: block; width: 85%;}
div.form-group ul li {width: 100%; margin: 0 0 40px 0;}
div.form-group ul li span {display: block; font-family: 'ProximaNova-Bold', sans-serif; padding: 14px 0 0 0; width: 100% font-size: 14px; color: #000080; }
div.form-group ul li a.downloadZIPCatalog_ {display: block; font-family: 'ProximaNova-Bold', sans-serif; padding: 14px 25px 0 0; font-size: 14px; color: #000080; width: 100%; background: #fff url('icon-download.svg') right 14px no-repeat; background-size: 18px 20px;}
div.form-group ul li a:hover {text-decoration: none;}
div.form-group ul li a:after {display: block; margin: 10px 0 0 0; padding: 14px 0; width: 100%; text-indent: 28px; font-size: 13px; color: #575757;}
/* link, z.B. setup Build 39*/
div.form-group ul li ul {width: 100%; border-bottom: none;}
div.form-group ul li ul li {margin: 0 0 10px 0; color: #959599;}
div.form-group ul li ul li:first-of-type {border-top: 1px solid #000080;}
div.form-group ul li ul li + li {border-top: 1px solid #959599;}
div.form-group ul li ul li span {width: 100%; display: block; padding: 14px 25px 0 0; border: none; cursor: not-allowed; font-family: 'ProximaNova-Light', sans-serif; color: #959599; background: #fff url('img/icons/icon-eye-off.svg') right 14px no-repeat; background-size: 18px 20px;}
div.form-group ul li ul li span:hover {opacity: .6;}
div.form-group ul li ul li a.downloadfileCatalog_ {width: 100%; color: #575757; padding: 14px 25px 0 0; display: block; cursor: pointer; font-family: 'ProximaNova-Light', sans-serif; background: #fff url('icon-download.svg') right 14px no-repeat; background-size: 18px 20px;}
div.form-group ul li ul li a:hover {text-decoration: none; color: #000;}
div.form-group ul li ul li a:after {display: none;}


table.catalog { width: 85%; }
/* type, z.B. Setups*/
td.catalogZip { margin: 0; padding: 0; display: block; width: 100%; }
td.catalogZip span { display: block; font-family: 'ProximaNova-Bold', sans-serif; padding: 14px 0 0 0; width: 100% font-size: 14px; color: #000080; }
td.catalogZip a { display: block; font-family: 'ProximaNova-Bold', sans-serif; padding: 14px 25px 0 0; font-size: 14px; color: #000080; width: 100%; background: #fff url('icon-download.svg') right center no-repeat; background-size: 18px 20px;}
td.catalogZip a:hover { text-decoration: none;}
td.catalogZip a:after { display: block; margin: 10px 0 0 0; padding: 14px 0; width: 100%; text-indent: 28px; font-size: 13px; color: #575757;}
/* link, z.B. setup Build 39*/
td.catalogFile { border: none; width: 100%; margin: 0 0 10px 0; color: #959599; }
td.catalogFile span { width: 100%; display: block; padding: 14px 25px 0 0; border: none; cursor: not-allowed; font-family: 'ProximaNova-Light', sans-serif; color: #959599; background: #fff url('img/icons/icon-eye-off.svg') right 14px no-repeat; background-size: 18px 20px;}
td.catalogFile span:hover { opacity: .6;}
td.catalogFile a { width: 100%; color: #575757; padding: 14px 25px 0 0; display: block; cursor: pointer; font-family: 'ProximaNova-Light', sans-serif; background: #fff url('icon-download.svg') right center no-repeat; background-size: 18px 20px;}
td.catalogFile a:hover { text-decoration: none; color: #000;}
td.catalogFile a:after { display: none;}

td.catalogNote { width: auto; margin: 0 0 10px 0; color: #959599;}
td.catalogNote a { padding: 14px 20px 0 0; display: block; cursor: pointer; background: #fff url('icon-notes.png') right center no-repeat; background-size: 18px 20px;}