/*
Primary color: #009fe0
Default color: #e8eef3;
Text color: #000000;
*/
/*!
* Font Awesome Free 5.10.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons:CC BY 4.0, Fonts:SIL OFL 1.1, Code:MIT License)
*/
@font-face {
	font-family:'Font Awesome 5 Free';
	font-style:normal;
	font-weight:900;
	font-display:auto;
	src:url("../webfonts/fa-solid-900.eot");
	src:url("../webfonts/fa-solid-900.eot?#iefix")
		format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2")
		format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"),
		url("../webfonts/fa-solid-900.ttf") format("truetype"),
		url("../webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fas {
	font-family:'Font Awesome 5 Free';
	font-weight:900;
}

@font-face {
	font-family:'Font Awesome 5 brand';
	font-style:normal;
	font-weight:400;
	font-display:auto;
	src:url("../webfonts/fa-brands-400.eot");
	src:url("../webfonts/fa-brands-400.eot?#iefix")
		format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2")
		format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"),
		url("../webfonts/fa-brands-400.ttf") format("truetype"),
		url("../webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
	font-family:'Font Awesome 5 brand';
	font-weight:400;
}

/* maven-pro-regular - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/maven-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/maven-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/maven-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/maven-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/maven-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/maven-pro-v21-latin-regular.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-600 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../webfonts/maven-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/maven-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/maven-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/maven-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/maven-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/maven-pro-v21-latin-600.svg#MavenPro') format('svg'); /* Legacy iOS */
}



html {
	overflow-y:scroll;	
}

body {
	font-family:'Maven Pro', sans-serif;
	font-size:16px;
	color:#000000;
	background:url(body.jpg);
	background-size:cover;
	padding-top:30px;
}

#page {
	background:#ffffff;
	margin:0px auto;
	max-width:1170px;
	padding:50px 55px 50px 30px;
}

#left {
	float:left;
	width:225px;
}

#right {
	margin-left:265px;
}

#logo {
    display:block;
    width:219px;
    height:125px;
    background:url(logo.png);
    margin-bottom:60px;
}

#online-order-link,
#function-control-link {
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	text-align:left;
	text-transform:uppercase;
	margin-bottom:10px;
	width:100%;
	font-size:18px;
	padding:20px 10px;
}

#function-control-link {
	margin-bottom:30px;
}

#function-control-link small {
	line-height:1.2em;
	display:block;
}

#online-order-link:hover,
#online-order-link:focus,
#function-control-link:hover,
#function-control-link:focus {
	background:#006f9c;
	color:#ffffff;
}

.container {
	min-width:320px;	
}

a {
	color:#009fe0;
}
	
.btn:focus,
.btn:active,
a:focus,
a.active {
  outline:none !important;
}

/* Navigation ------------------------------- */

.navbar {
	padding:0px 0px;	
}

.navbar ul {
	border-top:1px solid #e9eef4;
	width:100%;
}

.navbar li {
	border-bottom:1px solid #e9eef4;
}

.navbar li a {
	padding:5px 5px 5px 17px; 
	color:#009fe0;
	background:url(nav-item.png) left center no-repeat;	
	text-transform:uppercase;
}

.navbar li a:hover,
.navbar li a:focus,
.navbar a.active,
.navbar a:focus,
.navbar a:hover {
	background:url(nav-item.png) left center no-repeat #ffffff;	
	color:#065b7e;
}

.navbar ul.dropdown-menu-2 {
	padding:0px 0px 5px 0px;
	border:none;
	list-style:none;
	display:none;
}

.navbar li.active ul.dropdown-menu-2 {
	display:block;	
}

.navbar ul.dropdown-menu-2 li {
	border:none;
	background:none;
}

.navbar ul.dropdown-menu-2 li a {
	background:none;
	padding:0px 0px 0px 17px;
	font-size:17px;
	text-transform:none;
}

.navbar ul.dropdown-menu-2 li a,
.navbar ul.dropdown-menu-2 li a:hover,
.navbar ul.dropdown-menu-2 li a:focus,
.navbar ul.dropdown-menu-2 a.active,
.navbar ul.dropdown-menu-2 a:focus,
.navbar ul.dropdown-menu-2 a:hover {
	background:none;
	padding:0px 0px 0px 17px;
	text-decoration:none;
}

.navbar ul.dropdown-menu-3 {
	padding:0px 0px 5px 0px;
	border:none;
	list-style:none;
	display:none;
}

.navbar ul.dropdown-menu-2 li.active ul.dropdown-menu-3 {
	display:block;	
}

.navbar ul.dropdown-menu-3 li a {
	padding:0px 0px 0px 25px !important;
}

/* Slideshow -------------------------------- */

.slideshow {
	position:relative;	
}

.slideshow .cycle-slide {
	width:100%;	
	min-width:320px;
	overflow:hidden;
}

.slideshow img {
	width:100%;		
}

#cycle-pager {
	position:absolute;
	z-index:999;
	bottom:0px;
	left:0px;
	right:0px;
	font-size:60px;
	line-height:50px;
	text-align:center;	
	opacity:0.5;	
}

#cycle-pager span {
	cursor:pointer;	
}

.cycle-pager-active {
	color:#009fe0;
}

#cycle-prev,
#cycle-next {
	cursor:pointer;
	position:absolute;
	z-index:999;
	top:50%;
	margin-top:-25px;
	width:50px;
	height:50px;
	text-align:center;
	font-size:70px;
	color:#ffffff;
	opacity:0.5;
	left:0px;
}

#cycle-next {
	left:auto;
	right:0px;
}

/* Teaser ------------------------------------ */

.wrapper.teaser {
	padding:0px;
}

.teaser {
	text-align:center;	
}

.teaser a {
	color:#009fe0;
	text-decoration:none;
	transition:color .5s ease-in-out;
	-moz-transition:color .5s ease-in-out;
	-webkit-transition:color .5s ease-in-out;		
	display:block;
	margin-bottom:30px;
}

.teaser a:hover {
	color:#000000;	
}

.teaser img {
	transition:opacity .5s ease-in-out;
	-moz-transition:opacity .5s ease-in-out;
	-webkit-transition:opacity .5s ease-in-out;
	margin-bottom:30px;	
}

.teaser a:hover img {
	opacity:0.5;
}

.teaser .headline {
	padding:20px 0px;
	border-top:1px solid #d3d4d4;
	border-bottom:1px solid #d3d4d4;
	text-transform:uppercase;	
}

.teaser a:hover .headline {
	background:#e9eef4;
	color:#065b7e;	
}

.teaser .clear-lg {
	clear:both;
}

/* Gallery ----------------------------------- */

.wrapper.gallery {
	padding-top:20px;	
}

.wrapper.gallery a {
	display:block;	
}

.wrapper.gallery img {
	display:block;
	margin:0px auto 20px auto;
}

.wrapper.gallery img {
	margin-bottom:20px;
	opacity:1;
	transition:opacity .5s ease-in-out;
	-moz-transition:opacity .5s ease-in-out;
	-webkit-transition:opacity .5s ease-in-out;		
}

.wrapper.gallery img:hover {
	opacity:0.5;	
}

/* Map --------------------------------------- */

#map_canvas {
	height:550px;	
}

/* Text -------------------------------------- */

.wrapper.text {
	padding:15px 0px;
	margin-bottom:15px;
	border-bottom:1px solid #e9eef4;
}

.wrapper.text.layout2  {
	padding:15px 0px;
	margin-bottom:0px;
	border-bottom:none;
}

.wysiwyg a {
	color:#009fe0;	
}

.wysiwyg a:hover {
	color:#666666;	
}

h1, h2,	h3,	h4, h5 {
	margin-top:0px;	
	padding-bottom:5px;
}

h1 {
	color:#009fe0;	
	text-transform:uppercase;
	font-size:35px;
	margin-bottom:25px;
}

h1 span {
	color:#000000;
}

h2 {
	color:#009fe0;
	font-size:28px;
	text-transform:uppercase;
}

h3 {
	color:#009fe0;
	font-size:20px;
	text-transform:uppercase;
	padding-bottom:0px;
}

/* Text image -------------------------------- */

.wrapper.text-image {
	padding:30px 0px;
	overflow:hidden;
	border-bottom:1px solid #e9eef4;
}

.wrapper.text-image h2 {
	margin-bottom:0px;
}

.wrapper.text-image h3 {
	margin-bottom:0px;
	padding-bottom:2px;
}

.wrapper.text-image p {
	margin-bottom:5px;
}

.wrapper.text-image a {
	text-transform:uppercase;
}

.wrapper.text-image .image {
	max-width:125px;
	float:left;
}

.wrapper.text-image .text {
	margin-left:140px;
	padding-bottom:30px;
}

/* Header image ------------------------------ */

.wrapper.image {
	padding-bottom:35px;
}

.wrapper.header.image .background {
	background:url(header-image.jpg);
	background-size:auto 100%;
	background-position:right;
	height:178px;
	color:#ffffff;
	font-size:38px;
	line-height:158px;
	padding:10px;
	text-align:right;
}

.wrapper.header.image img {
	float:right;
}

.wrapper.header.image .title {
	margin-right:200px;
}

/* Accordeon --------------------------------- */

.wrapper.accordeon {
	padding:30px 0px;
	cursor:pointer;
}

.wrapper.accordeon .more {
	padding-top:12px;
	display:none;
}

.wrapper.accordeon img {
	margin-bottom:15px;
}

/* Yform ------------------------------------- */

#yform-position {
	position:relative;
	top:-100px;
}

.wrapper.yform {
    padding:50px 0px;
}

#rex-yform label {
	display:none;	
}

#rex-yform #yform-formular-salutatioin div.radio,
#rex-yform #yform-formular-function div.radio {
	float:left;
	width:100px;
}

#rex-yform #yform-formular-side div.checkbox {
	float:left;
	width:100px;
	color:#009fe0;
}

#rex-yform .form-check-group,
#rex-yform .form-select-group {
	margin-bottom:1em;
}

#rex-yform .form-check-group label {
	display:block;
	font-size:18px;
}

#rex-yform .form-check-group input {
	margin-right:10px;
}

#rex-yform .checkbox label {
	display:block;
	float:none;
	width:100%;
	font-weight:normal;
}

#rex-yform .form-control {
	padding:0px 10px;	
}

#rex-yform select,
#rex-yform input,
#rex-yform textarea,
#rex-yform button {
	font-family:'Maven Pro', sans-serif;
	font-size:18px;
}

#rex-yform input[type=file] {
	border:none;
	padding:0px;
}

#rex-yform input[type=checkbox] {
	margin-right:5px;
}

#rex-yform textarea {
    height:150px;
}

#yform-formular-email,
#yform-formular-subject {
	display:none;	
}

#article-39 #yform-formular-email {
	display:block;	
}

#rex-yform .form-control.first.w-50,
#rex-yform .select-dropdown.first.w-50 {
	width:48% !important;
	margin-right:2% !important;
}

#rex-yform .box {
	background:#f5f5f5;
	padding:10px;
	margin-bottom:30px;
}

#rex-yform .box.left {
	clear:both;
}

#rex-yform .box .radio {
	padding-left:25px;	
}

#rex-yform .box .form-group {
	padding-left:25px;	
}

#rex-yform .box img {
	float:left;	
	margin-bottom:10px;
}

#rex-yform .box #yform-formular-imager-choices {
	float:left;
	color:#009fe0;
	font-size:28px;
	text-align:center;
}

#rex-yform .box #yform-formular-imagel-choices {
	color:#009fe0;
	font-size:28px;
	text-align:center;
}

#rex-yform .box #yform-formular-imager-choices .radio,
#rex-yform .box #yform-formular-imagel-choices .radio {
	height:31px;
	text-align:center;
}

#rex-yform .box #yform-formular-imager-choices .radio label,
#rex-yform .box #yform-formular-imagel-choices .radio label {
	font-size:0px;	
}

#rex-yform #yform-formular-file1 label {
	display:block;
	text-transform:uppercase;
	color:#009fe0;
	font-size:28px;
}

#rex-yform #yform-formular-file3 label {
	display:block;
	text-transform:uppercase;
	color:#009fe0;
	font-size:28px;
}

#yform-formular-field-92-formular_absenden,
#yform-formular-field-93-formular_absenden {
	padding:15px 60px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	margin:0px auto;
	display:block;
	font-size:22px !important;
}

.btn.btn-primary {
	color:#ffffff;
	border-color:#009fe0;
	background:#009fe0;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
	background:#ffffff;
	color:#009fe0;
}

.btn.btn-default {
	border-color:#e8eef3;
	background:#e8eef3;
	color:#000000
}

.btn.btn-default:hover,
.btn.btn-default:focus {
	background:#ffffff;
	color:#000000
}

.btn-custom {
	width:100%;
	text-align:left;
	border:1px solid #ced4da;
	color:#495057;
}

.dropdown-menu {
	right:0px !important;
}

.dropdown-item {
	line-height:35px;
	padding-left:50px;
	font-size:18px;
	background-size:35px 35px;
	background-repeat:no-repeat;
}

.dropdown button {
	overflow:hidden;
}

#yform-formular-color select {
	display:none !important;
}

.dropdown-item {
	white-space:normal;
}

.dropdown-item.value-1 {
	background-image:url(/farben/weiss-opak.jpg);
}

.dropdown-item.value-2 {
	background-image:url(/farben/hautfarben-opak.jpg);
}

.dropdown-item.value-3 {
	background-image:url(/farben/gelb-opak.jpg);
}

.dropdown-item.value-4 {
	background-image:url(/farben/orange-opak.jpg);
}

.dropdown-item.value-5 {
	background-image:url(/farben/rosa-opak.jpg);
}

.dropdown-item.value-6 {
	background-image:url(/farben/himbeerrot-opak.jpg);
}

.dropdown-item.value-7 {
	background-image:url(/farben/rot-opak.jpg);
}

.dropdown-item.value-8 {
	background-image:url(/farben/hellblau-opak.jpg);
}

.dropdown-item.value-9 {
	background-image:url(/farben/blau-opak.jpg);
}

.dropdown-item.value-10 {
	background-image:url(/farben/dunkelrot-opak.jpg);
}

.dropdown-item.value-11 {
	background-image:url(/farben/lila-opak.jpg);
}

.dropdown-item.value-12 {
	background-image:url(/farben/gruen-opak.jpg);
}

.dropdown-item.value-13 {
	background-image:url(/farben/fuchsia-magenta-opak.jpg);
}

.dropdown-item.value-14 {
	background-image:url(/farben/schwarz-opak.jpg);
}

.dropdown-item.value-15 {
	background-image:url(/farben/neongelb-opak.jpg);
}

.dropdown-item.value-16 {
	background-image:url(/farben/neonorange-opak.jpg);
}

.dropdown-item.value-17 {
	background-image:url(/farben/neonpink-opak.jpg);
}

.dropdown-item.value-18 {
	background-image:url(/farben/neongruen-opak.jpg);
}

.dropdown-item.value-19 {
	background-image:url(/farben/bioskin.jpg);
}

.dropdown-item.value-20 {
	background-image:url(/farben/roetlich-transparent.jpg);
}

.dropdown-item.value-21 {
	background-image:url(/farben/klar-transparent.jpg);
}

.dropdown-item.value-22 {
	background-image:url(/farben/mittelbraun-transparent.jpg);
}

.dropdown-item.value-23 {
	background-image:url(/farben/blau-transparent.jpg);
}

.dropdown-item.value-24 {
	background-image:url(/farben/klar-farblos.jpg);
}

.dropdown-item.value-25 {
	background-image:url(/farben/rosa.jpg);
}

.dropdown-item.value-26 {
	background-image:url(/farben/regular.jpg);
}

.dropdown-item.value-27 {
	background-image:url(/farben/ice-blue.jpg);
}

.dropdown-item.value-28 {
	background-image:url(/farben/jeans-blue.jpg);
}

.dropdown-item.value-29 {
	background-image:url(/farben/rainbow.jpg);
}

.dropdown-item.value-30 {
	background-image:url(/farben/golden-nugget.jpg);
}

.dropdown-item.value-31 {
	background-image:url(/farben/honey.jpg);
}

.dropdown-item.value-32 {
	background-image:url(/farben/copper-rose.jpg);
}

.dropdown-item.value-33 {
	background-image:url(/farben/dark-lavender.jpg);
}

#yform-formular-type,
#yform-formular-shape,
#yform-formular-form,
#yform-formular-filter,
#yform-formular-material,
#yform-formular-color-left,
#yform-formular-color-right,
#yform-formular-color,
#yform-formular-surface,
#yform-formular-zb,
#yform-formular-zbl,
#yform-formular-zbr,
#yform-formular-gg,
#yform-formular-cymba,
#yform-formular-tube,
#yform-formular-tubetype,
#yform-formular-manufacturer,
#yform-formular-receiver,
#yform-formular-amplifier,
#yform-formular-supply,
#yform-formular-special,
#yform-formular-scan,
#yform-formular-file-hint,
#yform-formular-file1-2,
#yform-formular-file3-4,
#formular-senden {
	display:none;
}

.gesendet #yform-formular-type,
.gesendet #yform-formular-shape,
.gesendet #yform-formular-form,
.gesendet #yform-formular-filter,
#article-29 #yform-formular-filter,
.gesendet #yform-formular-material,
.gesendet #yform-formular-color-left,
.gesendet #yform-formular-color-right,
.gesendet #yform-formular-color,
.gesendet #yform-formular-surface,
.gesendet #yform-formular-zb,
.gesendet #yform-formular-zbl,
.gesendet #yform-formular-zbr,
.gesendet #yform-formular-gg,
.gesendet #yform-formular-cymba,
.gesendet #yform-formular-tube,
.gesendet #yform-formular-tubetype,
.gesendet #yform-formular-manufacturer,
.gesendet #yform-formular-receiver,
.gesendet #yform-formular-amplifier,
.gesendet #yform-formular-supply,
.gesendet #yform-formular-special,
.gesendet #yform-formular-scan,
.gesendet #yform-formular-file-hint,
.gesendet #yform-formular-file1-2,
.gesendet #yform-formular-file3-4,
.gesendet #formular-senden {
	display:block;
}

.calender {
	background:#ffffff;
}

.form-1 #yform-formular-special select {
	min-height:185px;
}

.form-2 #yform-formular-special select {
	min-height:255px;
}

.form-3 #yform-formular-special select {
	min-height:360px;
}

.form-4 #yform-formular-special select {
	min-height:155px;
}

.form-5 #yform-formular-special select {
	min-height:210px;
}

/* Parallax ---------------------------------- */

.wrapper.parallax .row {
	margin:0px;
}

.wrapper.parallax .background {
	height:500px;
	width:100%;
	background-size:100% auto;	
}

@media screen and (max-width:1999px) {

	.wrapper.parallax .background {
		background-size:auto 800px;
	}
	
}

/* Youtube ----------------------------------- */

.wrapper.youtube {
	padding:50px 0px;
}

.wrapper.youtube iframe {
	width:620px;
	height:348px;
}

/* Footer ------------------------------------ */

.wrapper.footer {
	padding:10px 0px;
	text-align:right;
	font-size:16px;
	color:#51535a;
}

#footer .container {
	max-width:1200px;
}

#footer ul {
	padding:0px;	
	margin:0px;
}

#footer li {
	list-style:none;
	display:inline;
	padding:0px 5px;
}

#footer a {
	color:#009fe0;
}

#footer a.mailto {
	color:#51535a;
	text-decoration:underline;
}

.calender > .sp-cal-days > a:nth-child(1) {
	display:none;
}

.user-login .wrapper.text.layout3 {
	display:none;
}

#article-30.user-login .rex-yform {
	display:none;
}

@media screen and (max-width:991px) {

	body {
		padding-top:0px;
	}
	
	#page {
		padding-top:15px;
	}
	
	#left {
		float:none;
		width:100%;
	}
	
	#right {
		margin-left:0px;
	}
	
	.container2 {
	    max-width:720px;
    	padding-right:15px;
    	padding-left:15px;
    	margin-right:auto;
    	margin-left:auto;
	}
	
	#logo {
		margin-bottom:0px;
	}
	
	.navbar-expand-lg {
    	background:none;
    	padding-top:48px;
    	position:relative;
	}
	
	.navbar-toggler {
	    border:2px solid #009fe0;
	    background:#009fe0;
	    color:#ffffff;
	    position:absolute;
	    right:15px;
	    top:-15px;
	    -webkit-border-radius:0px;
	    -moz-border-radius:0px;
	    border-radius:0px;
	}
	
	#navbarSupportedContent {
		background:#e7eef4;
		position:absolute;
		z-index:9999;
		top:48px;
		left:0px;
		right:0px;
		border:0px;		
	}
	
	.navbar li {
		border-bottom:1px solid #d3deea;
	}
	
	.navbar-toggler .fas {	
		font-size:22px;
		line-height:30px;
	}
	
	.navbar-expand-lg .navbar .nav-item {
		padding:0px;
	}
	
	.navbar ul {
		padding:0px 15px;
	}
	
	.navbar > li > a:hover,
	.navbar > li > a:focus,
	.navbar > .active > a,
	.navbar > .active > a:focus,
	.navbar > .active > a:hover {
		border:none;
		color:#ffffff;
	}
	
	.navbar li a:hover,
	.navbar li a:focus,
	.navbar a.active,
	.navbar a:focus,
	.navbar a:hover {
		background-color:transparent;
	}
	
	.navbar > li > .dropdown-menu {
		visibility:visible;
		opacity:1;
		border:none;
	}
		
	.wrapper.parallax .background {
	    height:300px;
		background-size:auto 650px;	    
	}
	
	.wrapper.gallery .col-sm-3 {
		display:block;
		max-width:400px;
		margin:0px auto;
	}
	
	.teaser .odd {
		clear:both;
	}
	
}

@media screen and (max-width:767px) {
	
	#page {
		padding:15px 0px;
	}
	
	#logo {
		width:156px;
		height:93px;
		background-size:cover;
	}
	
	.wrapper.header.image .background {
		font-size:20px;
		white-space:nowrap;
	}
	
	h1 {
		font-size:28px;
	}
	
	h2 {
		font-size:20px;
	}
	
	h3 {
		font-size:16px;
	}
	
	.slideshow img {
		width:200%;
		max-width:200%;
		margin-left:-50%;	
	}
	
	.wrapper.youtube iframe {
		width:445px;
		max-width:100%;
		height:250px;
	}
	
	#rex-yform {
		padding:0px 15px;
	}
	
	#rex-yform .wysiwyg {
		padding-top:20px;
	}
	
	#footer li.bar {
		display:none;
	}
	
	#footer li {
		float:right;
	}
	
	#footer li.clear,
	#footer li.clear {
		clear:both;
	}
	
}