/*--------------------------------------------------------------
# FONTS
--------------------------------------------------------------*/
/* exo-2-100 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/exo-2-v20-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-100.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-200 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/exo-2-v20-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-200.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-300 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/exo-2-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-300.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-regular - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/exo-2-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-regular.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-500 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/exo-2-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-500.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-600 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/exo-2-v20-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-600.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-700 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/exo-2-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-700.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-800 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/exo-2-v20-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-800.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-900 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/exo-2-v20-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-900.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-100italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/exo-2-v20-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-100italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-200italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/exo-2-v20-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-200italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-300italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/exo-2-v20-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-300italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/exo-2-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-500italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/exo-2-v20-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-500italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-600italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/exo-2-v20-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-600italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-700italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/exo-2-v20-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-700italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-800italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/exo-2-v20-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-800italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-900italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/exo-2-v20-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/exo-2-v20-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v20-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v20-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v20-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v20-latin-900italic.svg#Exo2') format('svg'); /* Legacy iOS */
}


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Exo 2";
  color: #54514F;
  font-weight: 500;
}
a {text-decoration: none;}
a {color: #1a8ed3; font-weight: 600;}
a:hover {color: #1a8ed3;}
a.linkarrow::before {
	content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #1a8ed3;
  font-size: .8em;
  padding-right: .5em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Exo 2", sans-serif;
  margin-bottom: .7rem;
  font-weight: 600;
}
.h1, h1 {
    font-size: 2.8rem;
	font-weight: 700;
}
h1.alt {
	font-size: 1.8rem;
	font-weight: 600;
}
@media only screen and (max-width: 767px) {
	.h1, h1 {
		font-size: 2.3rem;
		-webkit-hyphens: auto;
   		-moz-hyphens: auto;
        hyphens: auto;	
	}	
}
h2.products {font-size: 2.4rem;}
.h2, h2 {
    font-size: 1.8rem;
}
.h3, h3 {
    font-size: 1.5rem;
}
.h4, h4 {
    font-size: 1.35rem;
}
.h5, h5 {
    font-size: 1.2rem;
}
.h6, h6 {
    font-size: 1rem;
}
.text-light {
    color: #fff !important;
}
span.lighter {font-weight: 500!important;}

.bg-dark {background-color: #20252d !important;}
.bg-darkgrey {background-color: #20252D; color: #fff;}
.bg-darkgreyborder {background-color: #20252D; color: #fff; border: 1px solid #fff;}
.bg-grey {background-color: #9BA0A6; color: #fff;}
.bg-grey a {color: #fff;}
.bg-grey a.linkarrow::before {color: #fff;}
.bg-grey a:hover {color: #fff;}
.bg-blue {background-color: #1A8ED3; color: #fff;}
.bg-blue a {color: #20252D;}
.bg-blue a.linkarrow::before {color: #20252D;}
.bg-blue a:hover {color: #20252D;}
.bg-green {background-color: #A9C938; color: #fff;}
.bg-green a {color: #fff;}
.bg-green a.linkarrow::before {color: #fff;}
.bg-green a:hover {color: #fff;}

.lpg {color: #EDD149;}
.oil {color: #AF162C;}
.aqua {color: #263179;}
.blue {color: #1A8ED3;}
.multi {color: #171852;}
.mobile {color: #f6d024;}

.frame-padding-3 {padding: 1rem !important;}

@media screen and (min-width: 1440px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1140px;
	}
}

/*Buttons*/
.btn {
	padding: .7rem;
	line-height: 1;
}
.btn-primary {
	color:#fff;
	background-color:#1A8ED3;
	border-color:#1A8ED3;
	font-weight: 600;
}
.btn-primary:hover {
    color: #54514F;
    background-color: #dbdbdb;
    border-color: #dbdbdb;
}
.btn-primary:focus {
	color:#54514F;
	background-color:#dbdbdb;
	border-color:#dbdbdb;
	box-shadow:0 0 0 .25rem rgba(130,138,145,0)
}
.btn-primary.active,
.btn-primary:active {
	color:#54514F;
	background-color:#dbdbdb;
	border-color:#dbdbdb;
}
.btn-primary.active:focus,
.btn-primary:active:focus {
	box-shadow:0 0 0 .25rem rgba(130,138,145,0)
}
.btn-primary.linkarrow::before {color: #fff;}
.btn-primary.linkarrow:hover::before {color:#54514F;}

.btn-secondary {
	color:#fff;
	background-color:#9BA0A6;
	border-color:#9BA0A6;
	font-weight: 600;
}
.btn-secondary:hover {
    color: #54514F;
    background-color: #dbdbdb;
    border-color: #dbdbdb;
}
.btn-secondary:focus {
	color:#54514F;
	background-color:#dbdbdb;
	border-color:#dbdbdb;
	box-shadow:0 0 0 .25rem rgba(130,138,145,0)
}
.btn-secondary.active,
.btn-secondary:active {
	color:#54514F;
	background-color:#dbdbdb;
	border-color:#dbdbdb;
}
.btn-secondary.active:focus,
.btn-secondary:active:focus {
	box-shadow:0 0 0 .25rem rgba(130,138,145,0)
}
.btn-secondary.linkarrow::before {color: #fff;}
.btn-secondary.linkarrow:hover::before {color:#54514F;}

/*Typo-eigene Galerie*/
.ce-gallery[data-ce-columns="2"] .ce-column {width: 48%;  padding: 0 5px;}
.ce-gallery[data-ce-columns="3"] .ce-column {width: 32%;  padding: 0 5px;}
.ce-gallery[data-ce-columns="4"] .ce-column {width: 23%;  padding: 0 5px;}
.ce-gallery[data-ce-columns="5"] .ce-column {width: 18%;  padding: 0 5px;}
@media screen and (max-width: 768px) {
	.ce-gallery[data-ce-columns="3"] .ce-column {width: 48%;  padding: 5px;}
}
@media screen and (max-width: 540px) {
	.ce-gallery[data-ce-columns="3"] .ce-column {width: 100%;  padding: 5px 0;}
}
/*Contentelemente*/
.image-embed-item {
    max-width: 100%;
    width: 100%;
    height: auto;
	object-fit: cover;
}
/* Bilder*/
.frame-type-image header h4.ce-headline-center,
.frame-type-image header h5.ce-headline-center,
.frame-type-image header h6.ce-headline-center {padding-top: .7rem;}
.frame-type-image a img:hover {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	transition: all 0.4s;
}
/*Uploads*/
.ce-uploads li {
    margin: 0 0 0.4em 0;
}
/*YouTube*/
.youtubevideo > .videoWrapper > .coverimage > .covertext {
    display: none;
}
@media screen and (max-width: 992px) {
	.videoWrapper {
	  position: relative;
	  padding-bottom: 56.25%; /* 16:9 */
	  height: 0;
	}
	.videoWrapper iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}
}
@media screen and (min-width: 992px) {
	.youtubevideo {
		max-width:800px;
		margin-right:auto!important;
		margin-left:auto!important
	}
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 1rem;
	bottom: 1rem;
	z-index: 996;
	background: #1a8ed3;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	transition: all 0.4s;
}
.back-to-top i {
	font-size: 1rem;
	line-height: 0;
}
.back-to-top:hover, .back-to-top.active:hover {
	background: #9BA0A6!important;
	color: #fff!important;
	text-decoration: none!important;
}
.back-to-top.active {
	visibility: visible;
	opacity: 1;
}

/****************************************************
** Quick-Access Menu (right)
****************************************************/
.quick-access {
	display: none;
	position: fixed;
	top: 50%;
	z-index: 1100;
	right: 0; 
	transform: translateY(calc(-50%)) translateX(calc( 100% - 50px));
}
@media (min-width: 1024px) {
	.quick-access {display: block;}
}
.quick-access ul {margin: 0; 	padding: 0;}
.quick-access li {
	margin-bottom: 2px;
	transition: transform .4s ease-in-out;
	overflow: hidden;
}
.quick-access li:hover { transform: translateX(calc(-100% + 50px)); }
.quick-access li a {
	display: flex;
	height: 50px;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}
.quick-access li a span {
	flex: 1;
	padding: 0 20px;
	line-height: 50px;
	background: #20252D;
}
.quick-access li a i {
	width: 50px;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: #20252D;
	border-left: 3px solid #1a8ed3;
}
.quick-access span {order: 2;}
.quick-access li:hover a span,
.quick-access li:hover a i{ background: #1a8ed3; }

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  background: rgba(255, 255, 255, 1);
}
#header.header-scrolled {
  background: rgba(255, 255, 255, 1);
}
#header a.navbar-brand {
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-bottom: 0.5rem;
}
#header a.navbar-brand a {color: #54514F;}
#header a.navbar-brand img {
  max-height: 100px;
  width: auto;
}
#header.header-scrolled a.navbar-brand img {
  max-height: 70px;
  width: auto;
}

@media only screen and (max-width: 992px) {
	#header a.navbar-brand {padding-left: 1rem; padding-bottom: 0;}
	#header a.navbar-brand img {
	  max-height: 50px;
	  width: auto;
	}
	#header.header-scrolled a.navbar-brand img {max-height: 50px;}
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.navbar-dark .navbar-nav li.nav-item:hover{background-color: #191926; }
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
	padding: 0.7em 1em;
}
.navbar-dark .navbar-nav li.nav-item .nav-link.active{color: #1A8ED3; }
.dropdown-menu {
    min-width: 15rem;
    color: #fff;
    background-color: #191926;
    background-clip: padding-box;
    border: 0px solid rgba(0,0,0,0);
	border-top: 1px solid #20252D;
    border-radius: 0;
}
.dropdown-menu .dropdown-item{color: #fff; padding: 0.5em 1em;}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover {
    color: #1a8ed3;
    background-color: #191926;
}
.dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    color: #1a8ed3;
    background-color: #191926;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .4em;
	margin-right: 0.5em;
    vertical-align: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow:before {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	font-display: block;
	font-size: small;
	content: "\f078";   
  }

@media only screen and (min-width: 992px) {
  .navbar {
    flex-direction: column;
	padding-bottom: 2px;
  }
}
@media only screen and (max-width: 992px) {
	.navbar-dark .navbar-toggler {margin-right: 1rem;}
	.navbar-nav.sm-collapsible .sub-arrow {right: 0.85rem;}
}
/*--------------------------------------------------------------
# Language Menu
--------------------------------------------------------------*/
.lang {background-color: #20252D; padding-top: .3rem; padding-bottom: .1rem; text-align:right;}
.lang ul {list-style: none; padding-left: 0; margin-bottom: 0; margin-right: 1.5rem }
.lang ul li {display: inline; padding-left: .5rem; color: #fff;}
.lang ul li.nav-item a {color: #fff; font-size: 1rem; font-weight: 400;}
.lang ul li.nav-item a:hover {color: #1a8ed3;}
.lang ul li.nav-item.active a {color: #1a8ed3; font-size: 1rem;}
@media only screen and (max-width: 992px) {
	.lang ul {margin-right: 1rem;}
}

/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 0;
  overflow: hidden;
}

/*--------------------------------------------------------------
# Slider (Home)
--------------------------------------------------------------*/
.carousel-caption {
    position: absolute;
	top: 1.6vw;
	left:53%;
	right: 8%; 
	text-align: left;	
}
.carousel-caption h2 {
	font-size: 2.8vw; 
	font-weight: 600;
	font-style: italic;
	line-height: 1;
}
.carousel-caption p {
	font-size: 2.6vw; 
	font-weight: 300;
	font-style: italic;
	line-height: 1;
}
.carousel-caption .btn.btn-primary {
	color: #fff;
	background-color: #A9C938;
	border-color: #A9C938;
	font-size: 1.2vw; 
	font-weight: 500;
	font-style: italic;
}
.carousel-caption a.btn.btn-primary::before{
	display: none;
}
@media only screen and (max-width: 1440px) {
	.carousel-caption {
		top: 0.6vw;	
	}
}
@media only screen and (max-width: 992px) {
	.carousel-caption {
		top: 0vw;	
	}
}
@media only screen and (max-width: 767px) {
	.carousel-caption {
		top: 3vw;
		left: 15%;	
	}
	.carousel-caption h2 {
		font-size: 5vw; 
	}
	.carousel-caption p {
		font-size: 4.5vw; 
	}
	.carousel-caption .btn.btn-primary {
		font-size: 2.5vw; 
	}
}
@media only screen and (max-width: 470px) {
	.carousel-caption {
		top: 1vw;	
	}
}
@media only screen and (max-width: 320px) {
	.carousel-caption {
		top: -2vw;	
	}
}
/*--------------------------------------------------------------
# Produktslider
--------------------------------------------------------------*/
.product_slider .carousel-inner {margin-bottom: 7rem;}

@media only screen and (max-width: 767px) {
	.product_slider .carousel-inner {
		margin-bottom: 6rem;
	}
}
.product_slider .carousel-indicators {
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	z-index:2;
	display:flex;
	/*justify-content:center;*/
	justify-content:left;
	padding:0;
	margin-right:0;
	margin-bottom:1rem;
	margin-left:0;
	list-style:none
}
.product_slider .carousel-indicators [data-bs-target] {
	box-sizing:content-box;
	flex:0 1 auto;
	width:70px;
	height:3px;
	padding:0;
	margin-right:3px;
	margin-left:3px;
	text-indent:-999px;
	cursor:pointer;
	background-color:#fff;
	background-clip:padding-box;
	border:0;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	opacity:.5;
	transition:opacity .6s ease
}
.product_slider .carousel-indicators button {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;	
}
.product_slider .carousel-item img {
	object-fit: cover;
	object-position: center;
	height: 50vh;
	overflow: hidden;
}
.lightbox-carousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.lightbox-carousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

/*--------------------------------------------------------------
# einfaches Akkordeon (FAQ)
--------------------------------------------------------------*/
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #9BA0A6;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:focus {
	z-index:3;
	border-color:#9BA0A6;
	outline:0;
	box-shadow:0 0 0 0 rgba(0,0,0,0)
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
.accordion-body a::before {display:none;}

/*--------------------------------------------------------------
# Akkordeon
--------------------------------------------------------------*/
.c-accordion-item {width: 100%;}
.c-accordion-item:last-child {border-bottom: none;}
.c-accordion-title {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: .36em .72em;
    font-size: 1.1em;
    transition: all .3s;
	border: solid #ddd; 
  	border-width: 1px 1px 0 1px;
}
.c-accordion-item:last-child .c-accordion-title{border: 1px solid #ddd;}
.c-accordion-title:hover {
    cursor: pointer;
	background-color: #EFEFEF;
}
.c-accordion-item.act .c-accordion-title:hover{background-color: transparent;}
.c-accordion-title::before {
	font-family:'Font Awesome 5 Free'!important;
    content:"\f0fe";
	padding-right: 0.5rem;
}
.c-accordion-item.act .c-accordion-title::before {
    transition: all .3s ease;
    content:"\f146";
}
.c-accordion-content {
    transition: max-height .5s linear;
    overflow: hidden;
    max-height: 0;
	background: #EFEFEF;
	border: solid #ddd; 
  	border-width: 0 1px 0 1px;	
}
.c-accordion-item.act .c-accordion-content {
    max-height: var(--max-height);
    margin-bottom: 1em;
	border-width: 0 1px 1px 1px;
	padding-bottom: 0.5rem;
}
.c-accordion-content div:first-child header {display: none;}
.c-accordion-item .c-accordion-content .frame {padding: .72em;}
.c-accordion-item .ce-intext.ce-left .ce-gallery,
.c-accordion-item .ce-intext.ce-right .ce-gallery {
    max-width: 50%;
}

/*--------------------------------------------------------------
# Link Liste
--------------------------------------------------------------*/
.linklist .nav-item {
	background: #EFEFEF;
	padding: 0.75rem 1.5rem;
	margin-bottom: 0.4rem;
}
.linklist .nav-item:hover {background: #dbdbdb;}
.linklist .nav-item .nav-link {color: #54514F;}
.linklist.lesspadding .nav-item {line-height: normal;}
.linklist.lesspadding a.nav-link {font-weight: 500;}


/*--------------------------------------------------------------
# NEWS
--------------------------------------------------------------*/
.news .card {color: #54514F;}
.news .card a {color: #54514F;}
.news .card a:hover {color: #54514F;}
.news .card a img.card-img-top:hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  transition: all 0.4s;
}
.news .card .card-body {padding: 1rem 1rem 0 1rem;}
.news .card .card-text {font-weight: 300;}
.news .card .card-text p {margin-bottom: 0;}
.news .card .card-footer {
  padding: .5rem 1rem 1rem 1rem;
  background-color: rgba(255,255,255,0);
  border-top: 1px solid rgba(0,0,0,0);
}
.news .card .card-footer:last-child {border-radius: 0;}
.news .card .card-footer a {color: #1a8ed3; font-weight: 600;}
.news .card .card-footer a::before {
  content: "\f054"!important;
  font-family: 'Font Awesome 5 Free'!important;
  font-weight: 900!important;
  color: #1a8ed3;
  font-size: .8em;
  padding-right: .5em;
}
.news .card .card-footer a:hover {color: #1a8ed3;}
/*Detail*/
.news.news-single h1 {
	font-size: 1.8rem;
	font-weight: 700;
}
.news.news-single .lead {
	font-size: 1rem;
	font-weight: 700;
}
.news.news-single .news-related-content header {hyphens: auto;}
.news.news-single .news-related-files .card {color: #fff;}
.news.news-single .news-related-files .card .card-body {padding: 1rem 1rem;}
.news.news-single .news-related-files .btn.btn-primary {
    color: #fff;
    background-color: #1a8ed3;
    border-color: #1a8ed3;
    font-size: 1.2rem;
    font-weight: 500;
    font-style: italic;
}
.news.news-single .card.bg-grey {color: #fff;}
.news.news-single .card.bg-grey a {color: #fff;}
.news.news-single .card.bg-grey a:hover {color: #fff;}

/*Pagination*/
.page-link {
    color: #1a8ed3;
}
.page-link:hover {
    color: #1a8ed3;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.page-item.active .page-link {
    color: #fff;
    background-color: #1a8ed3;
    border-color: #1a8ed3;
}

/*--------------------------------------------------------------
# COOKIE CONSENT
--------------------------------------------------------------*/
.cookie-consent-container .consent-modal {
  width: min(100%,560px)!important;
  max-height: calc(100vh - 50px)!important;
  min-height: 295px!important;
}
.cookie-consent-container .consent-modal.open {
  width: min(100%,750px)!important;
  height: calc(100vh - 50px)!important;
}
.cookie-consent-container .label input:disabled:checked ~ .checkmark {
    opacity: 1!important;
}
.cookie-consent-container .label input:checked ~ .checkmark {
    background-color: #1A8ED3!important;
}
.cookie-consent-container .buttons .btn {
  font-weight: 300!important;
  max-width: 370px!important;
  margin: 0 auto!important;
  padding: 11px 10px!important;
  line-height: 100%!important;
}
@media (min-width: 500px) {
  .cookie-consent-container .buttons .btn{
    grid-column: auto/span 2!important;
  }
}
.cookie-consent-container .buttons .btn--secondary {
  opacity: 1!important;
    color: #fff!important;
    background-color: #1A8ED3!important;
    border-color: #1A8ED3!important;
}
.cookie-consent-container .buttons .btn--secondary:hover {
  	opacity: 0.75!important;
    color: #fff!important;
    background-color: #1A8ED3!important;
    border-color: #1A8ED3!important;  
}
.cookie-consent-container .buttons .btn:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
}
.btn-check:focus + .btn,
.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  font-size: 0.9rem;
  background: #20252d;
  color: #fff;
}
#footer a {color: #1a8ed3; font-weight: 600;}
#footer a:hover {color: #1a8ed3;}
#footer ul {padding-left: 0;}
#footer ul li {
	text-align: center; 
	list-style: none; 
	padding-bottom: 10px;
}
#footer .copyright {
	background: #191926;
	color: rgba(255,255,255,0.8);
}

@media (max-width: 768px) {
	#footer ul li {text-align: left;}
}