@charset 'UTF-8';
/* w3 CSS */
body, html {
    height: 100%;
    min-height: 100%;
}
	
body {
	overflow: auto;
	overflow:initial;
    color: #2d3c2c;
}

#topslider.h-100vh {
    height: 100vh;
	min-height: 1200px;
}

/* Fonts */
h1, .h1 {
	margin-bottom: .65rem !important;	
	color: #2d3c2c;
}

h2, .h2 {
	margin-bottom: 1.5rem !important;	
	color: #2d362c;
	font-weight: 400;
}

h3, .h3 {
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-weight: 400;
}

h4, .h4 {
	margin-top: 1rem;
	margin-bottom: 1rem;
	color: #c1d566;	
	font-weight: 400;
}

h5, .h5 {
	margin-top: 1rem;
	margin-bottom: 1rem;
	color: #c1d566;		
	font-weight: 400;
}

.h6-application {
    font-size: 1.425rem;
	margin: 0;
}

p {
    margin-bottom: 1.25rem;
}
/* Fonts */

.list ul {
  list-style-type: none;
  list-style-position: inside;
}

/* Logo */
.navbar-brand img.d-lg-block {
    max-width: 232px !important;
}

.navbar-brand img.d-block {
    max-width: 172px !important;
}

/* Image(s) Weihnachtsslider */
  .img-we-le {
	  max-height: 230px;
  }

  .img-we-re {
	  max-height: 260px;
  }

.list li:before {
  content: "\f26b"; /* Material Design icons Unicode */
  font-family: 'Material-Design-Iconic-Font';
  display: inline-block;
  /* color: #b9b9b9; */
  margin-left: -1.4em;
  width: 1.3em;
}

ul.sociallist {
	margin-top: .5rem;
	margin-bottom: .5rem;	
	padding: 0 15px 0 15px;
}

ul.sociallist li
 {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav-link-social {
    display: block;
    padding: .5rem 0;
}

.formbuilder {
	margin: 0; 
    padding: 0 0 5rem 0;
}

/* Form Builder */
form .btn-primary {
    margin: 3.5rem 0 0 0;	
	width: 100%;
}

form.newsletterform .btn-primary {
    margin: 0;	
	width: 100%;
}

.form-control
{
	font-size: 1rem;
	font-weight: 400;
	display: block;
	width: 100%;
	height: calc(2.9375rem + 2px);
	padding: 1rem .75rem 1rem .75rem;
	background-color: none;	
	transition: none; 
	border: none;
	border-radius: 0;
	/* background-clip: padding-box; */
}

select.ddl-dropdown {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0 !important;
	color: #000;
	line-height: 1.1;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	width: 100%;
	cursor: pointer;
	margin-bottom: 15px;
	background: #c1d566 url("../../../images/drop-down-arrow.png") no-repeat right center;
	background-size: auto;
	background-size: 40px 36px;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #b9b9b9 !important;
	color: #ffffff;
	cursor: pointer;
	margin-bottom: 15px;
	padding: 15px;
	background: #f2f2f2 url("../../../images/drop-down-arrow.png") no-repeat right center;
	background-size: auto;
	background-size: 69px 52px;
}

.control-label {
	font-weight: 400;
}

.control-label.ddl {
	font-weight: 600;
}

.control-label.input-group {
	padding-top: 15px;
	font-weight: 600;
}

.form-control::-moz-placeholder {
    color: #303030;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #303030;
}

.form-control::-webkit-input-placeholder {
    color: #303030;
}

.form-control:focus {
    color: #000000;
}

.formbuilder .has-error .text-danger {
  position: absolute;
  right: 10px;
  top: -15px;
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #c9c9c9;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #dc0b16!important;
  font-size: 1rem;
  font-weight: normal;
  line-height: 24px;
  padding: 12px 19px 12px 19px;
  margin: 12px 0 0 -8px; 
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);
  z-index:15;
  opacity: 1;
}

.formbuilder .text-danger {
  position: relative;
  max-width: 142	px;
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #c9c9c9;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #dc0b16!important;
  font-size: 1rem;
  font-weight: normal;
  line-height: 24px;
  padding: 12px 19px 12px 19px;
  margin: -10px 0 25px 0; 
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);
}

/*
.formbuilder .text-danger:after { 
	content: ''; 
	position: relative; 
	top: -45px; 
	right: -10px; 
	width: 0; 
	height: 0; 	
    border: 9px solid transparent; 
	border-bottom-color: #708090;
	border-top: 0; 
	margin-left: -9px; 
	margin-top: -9px;
	z-index:15;
}
*/

.form-group .checkbox label {
    padding-bottom: -12px;
	font-weight: 500;
    cursor: pointer;
}

input[type="radio"], input[type="checkbox"] {
	background-color: #000000;	
	width: 26px;
	height: 20px;
}
/* Form Builder */
    /* Form Group */	 
	 .form-group { 
		position: relative; 
		margin-bottom: 15px !important;
	 }

	 .form-group label, .form-text {
		padding-left: 0;
	 }

	 .form-group label, 
	 .form-group label .text-uppercase {
		letter-spacing: 0;
		text-transform: none;
		font-size: 1.15rem;
	 }
	 
	 .search-form .form-control
	 {
		font-size: 1.2rem;
		font-weight: 400;
		display: block;
		width: 100%;
		height: calc(2.9375rem + 2px);
		margin-top: 0.5rem;
		padding: 0.5rem .75rem 0.5rem .75rem;
		background-color: #fff;	
		transition: none; 
		border: 1px solid #b9b9b9;
		border-radius: 0;
	 }	
	 
     .newsletterform .form-control
	 {
		font-size: 1.2rem;
		font-weight: 400;
		display: block;
		width: 100%;
		height: calc(2.9375rem + 2px);
		margin-top: 0;
		padding: 0.5rem .75rem 0.5rem .75rem;
		background-color: #fff;	
		transition: none; 
		border: 1px solid #b9b9b9;
		border-radius: 0;
	 }	 
	 
	 textarea.form-control
	 {
		padding: 1rem .75rem 1rem 0;
	 }	 

	.form-control:focus,
	.form-control:active,
	.form-control:visited
	{
		border-color: none;
		outline: 0;
		box-shadow: none;
	}	 

	 .toolbar form .checkbox label {
	  font-size: 0.925em;
	  text-transform: none;
	}
    /* Form Group */	

/* Floating Label */
    /*
	 .form-control:not(textarea), 
	 select.form-control:not([size]):not([multiple]) {
		height: 55px;
		padding: 15px 0 0 0;
	 }
	 */ 

	 .form-group { 
		position: relative; 
		margin-bottom: 15px !important;
	 }

	 .form-group label, .form-text {
		padding-left: 0;
	 }

	 .form-group label, 
	 .form-group label .text-uppercase {
		letter-spacing: 0;
		text-transform: none;
		font-size: 1.15rem;
	 }
	 
	 .search-form .form-control
	 {
		font-size: 1.2rem;
		font-weight: 400;
		display: block;
		width: 100%;
		height: calc(2.9375rem + 2px);
		margin-top: 0.5rem;
		padding: 0.5rem .75rem 0.5rem .75rem;
		background-color: #fff;	
		transition: none; 
		border: 1px solid #b9b9b9;
		border-radius: 0;
	 }	
	 
     .newsletterform .form-control
	 {
		font-size: 1.2rem;
		font-weight: 400;
		display: block;
		width: 100%;
		height: calc(2.9375rem + 2px);
		margin-top: 0;
		padding: 0.5rem .75rem 0.5rem .75rem;
		background-color: #fff;	
		transition: none; 
		border: 1px solid #b9b9b9;
		border-radius: 0;
	 }	 
	 
	 textarea.form-control
	 {
		padding: 1rem .75rem 1rem 0;
	 }	 

	.form-control:focus,
	.form-control:active,
	.form-control:visited
	{
		border-color: none;
		outline: 0;
		box-shadow: none;
	}	 

	 .toolbar form .checkbox label {
	  font-size: 0.925em;
	  text-transform: none;
	}
	 
	.floating-label {
	  position: absolute;
	  font-size: 0.925em;
	  font-weight: normal;
	  position: absolute;
	  pointer-events: none;
	  left: 0;
	  top: calc(50% - 5px);
	  transition: 0.2s ease all; 
	  -moz-transition: 0.2s ease all; 
	  -webkit-transition: 0.2s ease all;
	}	

      input[type="text"].floating-input,  
      input[type="email"].floating-input,
      input[type="password"].floating-input {
	  height: 55px;
	  padding: 15px 0 0 0;		  
      position: relative;
	  display:block;
	  width:100%;
	  background: transparent;
	  background-color: transparent;
	  border:none;
	  outline: none;
	  border-bottom: 1px solid #b9b9b9; 
	}
	
     input[type="text"].floating-input:focus,	 
     input[type="email"].floating-input:focus,
     input[type="password"].floating-input:focus {
	  outline:none;
	  border:none;	  
      border-bottom: 1px dashed #000000; 	   
	}
	
    input[type="text"].floating-input:focus ~ .floating-label, 	
    input[type="email"].floating-input:focus ~ .floating-label, 
    input[type="password"].floating-input:focus ~ .floating-label, 
    input[type="text"].floating-input:valid ~ .floating-label, 
    input[type="email"].floating-input:valid ~ .floating-label, 
    input[type="password"].floating-input:valid ~ .floating-label
    {
	  border:none;		
	  top: -5px;
	  color: #000000;
	}	
	
	textarea.floating-input {
		padding-top: 25px;
	    border-bottom: 1px solid #b9b9b9; 
	}

    textarea.floating-input:focus
		{
	  outline:none;
      border-bottom: 1px dashed #708090; 	   
	}	
	
	.floating-label-textarea {
	  position: absolute;
	  top: calc(50% + 33px);
	  transition: 0.2s ease all; 
	  -moz-transition: 0.2s ease all; 
	  -webkit-transition: 0.2s ease all;	  
	  left: 0;
	}	
	
    textarea:focus ~ .floating-label-textarea,
    textarea:valid ~ .floating-label-textarea
    {
	  top: calc(-25% + 33px);
	  color: #000000;
	}		
/* Floating Label */

/* Material Icons for Form */
.form-group .material-icons {
	/* color: #b9b9b9; */
    margin: -5px 3px 0 0;
}
/* Material Icons for Form */

.bg-header {
    background-color: #2d362c;	
	background-position: center center; 
}

#topslider .row.no-gutters.responsive.h-100vh {
    height: 100vh !important;
}

#topslider .row.no-gutters.responsive .move a {
  color: #dc0b16;
}

.main .mb-top
 {
	margin-top: 6rem !important;
}

.text-secondary {
    color: #2d362c !important;
}

.text-primary {
    color: #c1d566 !important;
}

.fixed-top {
    position: fixed; 
    z-index: 1030;
    top: 0;
    right: 0;
    left: 0;
}

section {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

section#section-2 {
    padding-top: 5rem;
    padding-bottom: 5rem;	
}

section.bg-blue-light {
    padding-top: 4rem;
    padding-bottom: 4rem;	
}

.full-width {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}	

#topslider .center {
	position:absolute;
	bottom: 40vh !important;
	text-align: left;
	padding:0 25px 0 25px;
}

#topslider .bottom {
	position:absolute;
	bottom: 0 !important;
	text-align: center;
}

.container.topcontainer {
    /* max-width: 1300px; */
}

.bg-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
	background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.bg-container.left {
	background-position: left center;
}

.bg-container.right {
	background-position: left center;
}

.img-bt.bg-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
	background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: vontain;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.img-bt.bg-container.left {
	background-position: left center;
}

.img-bt.bg-container.right {
	background-position: right center;
}

.img-bt {
    min-height: 900px;
}

.img-bg {
	height: 50vh;
}

img.owl-lazy.cardthumbnail {
	width: auto;
	height: 360px;
	max-height: 360px;
}

img.responsive {
	width: 100%;
	height: auto;
	max-width: 500px;
}

.bg-container.slide-1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.bg-container.overlay-30::before
{
	background-color: rgba(36, 60, 100, 0) !important;
}

.sidenav {
	padding: 0;
	margin: 0;
}

.sidenav li {
	background-color: #f9f9f9;
}

.sidenav li {
	list-style-type: none;
}

.sidenav li ul {
	padding: 0;
}

.sidenav li ul li a {
	padding-left: 1.5rem;
}

.sidenav li.active a {
	color: #c1d566;
}

.sidenav li.active ul li a {
	color: #000000;
}

.sidenav li ul li.active a {
	color: #c1d566;
}

.list-group-item {
    position: relative;
    display: block;
    margin-bottom: -1px;
    padding: .5rem;
    border: none;
    background-color: transparent;
}

.dropdown-menu-item {
    margin-bottom: .6rem;
}

.search i {
    cursor: pointer;
    color: rgba(0, 0, 0, 1);
}

.search.open i {
    color: #000;
}

.search.open i:hover {
    color: #c1d566;
}

.searchmobile {
	display: none;
}

.searchmobile i {
	outline: none;
	border: none;
	box-shadow: none;
	display: none;
}

.menu-toggle.open .search.open i {
    background: #ffffff;
}

.search .form-control {
    font-size: 1.1rem;
    font-weight: 400;

    width: 0;
    padding: 0;
    transition: width .8s ease-in-out;
    color: #000;
    border-bottom: 1px solid rgba(45, 54, 44, .5);
    background: transparent;
}

.search.open .form-control:hover {
    border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.search.open .form-control:focus {
    border-bottom: 1px solid rgba(193, 213, 102, 1);
}

.search .form-control::placeholder {
    color: #595959;
    font-size: 1.1rem;
}

.search.open .form-control:focus::placeholder {
    color: #000;
}

.menu-toggle span {
    background: #2d362c;
}

.menu-toggle.open .cross span {
    background: #2d362c;
}

.fs-1 {
    font-size: 1.6rem !important;
}

.fw-medium {
    font-weight: 500 !important;
}

h2.fw-medium, .h2.fw-medium {
    font-weight: 400 !important;
}

.footer::before {
    background-color: rgba(45, 54, 44, 1);
}

.footer {
	background-color: #ffffff;
	background-image: url(../img/footer-bg.png);
	background-position: right center; 
}

.footer h6,
.footer .text-uppercase {
    font-weight: 600;
}

.footer .mb-lg-4 {
    margin-bottom: 0.5rem !important;
}

.footer .my-1 {
	margin-top: .65rem !important;
	margin-bottom: .35rem !important;
}

.footer .fs-lg--2 {
    font-size: .9125rem !important;
}

.footer .fs-lg--1 {
    font-size: 1.125rem !important;
}

.pt-footer {
    padding-top: 5.4rem !important;
}

.pt-footer-bottom {
    padding-top: 5.2rem !important;
}

.bg-secondary {
    background-color: #243c64 !important;
}

/* Portfolio */

.portfolio_menu li a {
    padding: 6px 15px;
    letter-spacing: 0.03em;
    cursor: pointer;
    margin-bottom: 5px;
    display: inline-block;
    transition: all 0.5s;
    color: rgba(0, 0, 0, 0.5) !important;
    margin-top: 5px;
}

.portfolio_menu li {
    margin-right: 0px !important;
}

.portfolio_menu li:after {
    content: "-";
    margin: 0px 15px;
    position: relative;
    display: inline-block;
    top: 1px;
}

.portfolio_menu li:last-child:after {
    content: "";
    display: none;
}

.portfolio_menu a.active,
.portfolio_menu a:hover {
    color: #fff !important;
    background-color: #000;
    padding: 8px 16px;
    border-radius: 5px;
}

.portfolio_box .portfolio_detail h4 {
    font-size: 1.125rem;
    color: #000;
}

.portfolio_box .portfolio_detail p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 1rem;
}

.portfolio_item {
    padding: 10px;
    position: relative;
}

.portfolio_item .portfolio_box {
    margin: 0;
    position: relative;
    overflow: hidden;
}

.portfolio_item .portfolio_box .portfolio_img {
    transition: all 0.3s ease 0s;
}

.portfolio_item .portfolio_box img {
    top: 0;
    position: relative;
}

.portfolio_item .portfolio_box img {
    cursor: pointer;
    display: block;
    opacity: 1;
    width: 100%;
    transition: all 0.3s ease 0s;
}

.portfolio_item .portfolio_box:hover img {
    cursor: pointer;
    opacity: 0.5;
    transform: scale(1, 1);
    top: -88px;
}

.portfolio_item .portfolio_detail {
    height: auto;
    position: absolute;
    background-color: #ffffff;
    opacity: 0;
    bottom: -101px;
    width: 100%;
    padding: 20px 0px;
}

.portfolio_box:hover .portfolio_detail {
    bottom: 0;
}

.portfolio_box:hover .portfolio_detail {
    opacity: 1;
    transition: all 0.3s ease 0s;
}

/* Contact Slider right */
.contactslider {
	display: inline;
    background: rgba(242, 242, 242, 1);
    color: #000;
	z-index: 1060;
	padding: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	right: 0 !important;
}

.slidercontent {
	 margin: 0;
     padding: 0;
}

.slidercontent .inner {
     margin: 0;
}

.contactslider.close {
	display: none;
}

.contactslider .slidercontent {
     padding: 0;
}

.contactslider .card
{
    min-width: 100%;

    word-wrap: break-word;

    border: none;
    border-radius: 0; 
    background-color: transparent;
    background-clip: border-box;

    -ms-flex-direction: column;
	
	margin:0;
}

.contactslider .card-header {
    margin: 0;
    padding: .25rem 1.25rem .25rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, .125);
    background: rgba(255, 255, 255, 1.0);
	border: none;
}

.contactslider .card-body {
    padding: 0;
}

.cardgrid.col-lg-3,
.cardgrid.col-lg-4,
.cardgrid.col-lg-6
{
	padding-right: 1rem;
	padding-left: 0;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 1px solid rgba(0, 0, 0, 0, .125);
        border-right-color: rgba(0, 0, 0, 0.125);
        border-right-style: solid;
        border-right-width: 1px;
        border-bottom-color: rgba(0, 0, 0, 0.125);
        border-bottom-style: solid;
		border-bottom-width: 1px;
		border-left-color: rgba(0, 0, 0, 0.125);
		border-left-style: solid;
		border-left-width: 1px;	
        border-top-color: rgba(0, 0, 0, 0.125);
        border-top-style: solid;
		border-top-width: 1px;		
}

.card-deck .card {
        transition: all .2s ease-in-out;
}

.card-deck .card:hover {
	cursor: arrow;
	background-color: #f2f2f2;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
	/* transform: scale(1.015); */
}

.card-deck .card:hover a {
	font-weight: bold;
}

 #trigger {
	display: none;
	position: relative; 
	right: 39px;
	top: 100px; 
	max-width: 50px; 	
	float: left; 	
	text-align: left; 	
	background-color: rgba(255, 255, 255, .85); 
	/* box-shadow: 0 0 5px #243c64; */ 
	padding: 7px 10px 5px 10px; 
	border: 0; 
    border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-left: 1px solid #c9c9c9;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	border-right: 1px solid #fff;
    cursor: pointer;
}

#trigger:hover {	
	background-color: rgba(255, 255, 255, 1); 
}

.triggerbefore {
	display: inline;
	font-size: 1.425rem;
	font-weight: 700;
	color: rgba(0, 0, 0, 1); 
}

.triggerbefore:hover {
	display: inline;
	color: rgba(223, 0, 10, 1); 
}
/* Contact Slider right end */

/* Openstreetmap */
#map {
	width: 100%;
	height: 600px;
}

.leaflet-popup-content {
	font-size: 0.925rem;
}

.leaflet-marker-pane,
.leaflet-marker-icon {
	border: 0;
}

/* Scroll ToTop */
#back-to-top {
	background: #d1e08c; 
    position: fixed;
    bottom: 114px;
    right: 0;
    z-index: 9999;
    width: 45px;
    height: 45px;
	font-size: 1.6rem;
    text-align: center;
    line-height: 45px;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

#back-to-top:hover {
	background: #2d362c; 
}

#back-to-top.show {
    opacity: 1;
}
/* Scroll ToTop end */

/* BLOG */
.blog-item img {
	  width: 100%;
	  max-width: 450px;  
}
/* BLOG end */

#ImageRotator img {
	  max-width: 100%;  
}

.socialicons-overlay {
	position:absolute; 
	top: 132px; 
	right:0;
}

.socialicons-overlay i::before {
	color: #ffffff;
    opacity: 0.725;
	transition: width .5s ease-in-out;
}

.socialicons-overlay i:hover::before {
	color: #ffffff;
    opacity: 1.0;
	transition: width .5s ease-in-out;
}

.move a {
    line-height: 0;
    transition: opacity .35s ease;
    opacity: .8;
    color: #fff;
}

.top .move a {
    line-height: 0;
    color: #b9b9b9;
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border: none;
}

.navbar-toggler {
    font-size: 1.725rem;
    line-height: 1;
    padding: .25rem;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: transparent;
}

/* Cardcontainer with Overlay */
.cardcontainer { 
    position: relative;
    width: 100% /*50%*/;
	margin: 0;
}

/* Cardcontainer with Content */
.cardcontainer.ap { 
    position: relative;
    width: 320px;
    max-width: 320px;	
	margin: 0;
}

.card-img { 
    width: 200px;
    max-width: 200px;
    border-radius: 15px;	
    margin: 0 auto;	
}

.cardthumbnail /* image */ {
    display: block;
    width: 100%;
    height: auto;
    overflow:hidden;
	border-radius: 24px; 	
}

.cardoverlay {
    position: absolute;
    height: 100%;
    width: 100%;
	border-radius: 24px; 		
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity:0.5;
    visibility: hidden;
		-webkit-transition: opacity .45s linear;
		-moz-transition: opacity .45s linear;
		-o-transition: opacity .45s linear;
		-ms-transition: opacity .45s linear;
	transition: opacity .45s linear;
    transform: translateY(-100%);
}

.cardcontainer:hover .cardoverlay,
.cardcontainer:hover .cardoverlay .cardcaption i,
.cardcontainer:hover .cardoverlay .cardcaptionicon i
{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.cardcontainer:hover .cardoverlay .cardcaption i,
.cardcontainer:hover .cardoverlay .cardcaptionicon i
{
   transition-delay: 300ms;
}

.cardcaption { 
   position: absolute;
   margin:auto;
   overflow: hidden;
   top: 0;
   left: 0;
   width: 100%;
   max-width: calc(70% - .35rem);
   padding: .75rem  0 0 1.25rem;
   height: 100%;
   text-align: left;
   display: flex;
   justify-content: left;
   align-items: left;
   font-size: 1.4rem;   
   line-height: 2.2rem;   
   color: #fff;   
}

.cardcaption p .spantext {
	font-size: 1rem !important;
    line-height: 1rem !important;
	margin: 0;
	padding: 0;
}

	.cardcaption.medium { 
       max-width: calc(75% - .35rem);	
	   font-size: 1.1rem;
	   line-height: 1.7rem;  
	}

	.cardcaption.small { 
       max-width: calc(75% - .35rem);	
	   font-size: 1.0rem;
	   line-height: 1.5rem;  
	}

.cardcaption i {
  opacity: 0;
  visibility: hidden;
   display: inline-block;
   transform: translateY(-20px);
    transition: all .5s ease;
}

.cardcaptionicon { 
   position: absolute;
   margin:auto;
   overflow: hidden;
   top: 0;
   left: 0;
   width: 100%;
   max-width: calc(90% - .35rem);
   padding: .75rem  0 0 1.25rem;
   height: 100%;
   text-align: left;
   display: flex;
   justify-content: left;
   align-items: left;
   font-size: 2.5rem;
   color: #fff;  
}

.cardcaptionicon i {
   position: absolute;
   margin:auto;
   overflow: hidden;
   top: 0;
   right: 0;
   opacity: 1;
   padding-top: 0.75rem;   
   visibility: hide;
   display: inline-block;
   transition: opacity .45s linear;
		-webkit-transition: opacity .45s linear;
		-moz-transition: opacity .45s linear;
		-o-transition: opacity .45s linear;
		-ms-transition: opacity .45s linear;	
   transform: translateY(-100%);
   text-align: right;
   display: flex;
   justify-content: right;
   align-items: right;   	
}
/* End Cardcontainer with Overlay */

/*
.owl-carousel.carousel-nav-inside-container .owl-nav {
	width: 110px;
    top: 115%;
    right: auto;
    bottom: auto;
}
*/

#onhover {
  display: none;
}

#surround:hover span[id="initial"] {
  display: none;
}

#surround:hover span[id="onhover"] {
  display: block;
  opacity: 0.5;
}

.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
	background-color: #c1d566;
	color: #ffffff;
	font-weight: 400;
	padding: 20px;
	cursor: pointer;
}

.fileupload-buttonbar {
	margin: 0 0 15px 0;	
	cursor: pointer;
}

form .form624615325_upload .control-label {
	margin: 15px 0 10px 0;	
}

.fileupload-content .fade:not(.show) {
    opacity: 1;
}

.fileupload-content .table th, .table td {
    padding: .75rem 0;
    vertical-align: top;
    border-top: 1px solid #c1d566;	
}

.fileinput-button {
	cursor: pointer;
}

.fileinput-button i {
	font-size: 3.125rem;
	font-weight: 600;
}

.zmdi-hc-2x {
    font-size: 1.375em;
	font-weight: 400;
}

@media (min-width: 992px) {	
	.navbar-dark .navbar-text a,
	.navbar-dark .navbar-text a:visited,
	.navbar-dark .navbar-text a:focus	
	{
		color: #000000;
	}	

	.navbar-dark .navbar-text a:hover,
	.navbar-dark .navbar-text a:active	{
		color: #c1d566;
	}
	
	.spyre-nav-lg {
	  -webkit-user-select: none;  /* Chrome all / Safari all */
	  -moz-user-select: none;     /* Firefox all */
	  -ms-user-select: none;      /* IE 10+ */
	  user-select: none;          /* Likely future */      
	}
	
	.spyre-nav-lg li a.active {
		text-decoration: none;
		color: #c1d566;
	}	
	
	.spyre-navbar {
		width: 100%;
		background-color: rgba(255, 255, 255, 1) !important;
		padding: 50px 0 50px 0;
		-webkit-transition: padding 0.6s ease;
		-moz-transition: padding 0.6s ease;
		-o-transition: padding 0.6s ease;
		transition: padding 0.6s ease;
	}	
	
	.navbarflex.spyre-navbar {
		width: 100%;
		margin-top: 0;
	}	
	
	.navbarflex {
	    background-color: rgba(255, 255, 255, 1.0) !important;	
		padding: 30px 0 30px 0;
		  -webkit-transition:padding 0.6s linear;
		  -moz-transition:padding 0.6s linear;  
		  -o-transition:padding 0.6s linear;         
		  transition:padding 0.6s linear; 
        border-bottom: 1px solid;    
		border-bottom-color: rgba(45, 54, 44, 0.2);		  
	}

	.navbarflex .navbar-brand img {
		text-align: left;	
	}	
	
	.navbarflex .navbar-brand img {
		transform: scale(0.775);
		transform-origin: left center;
        transition: all .2s ease-in-out;	
	}	

	.spyre-navbar .navbar-brand, 
	.spyre-navbar .navbar-text,
    .spyre-navbar .search,
    .spyre-navbar .navbar-toggle {
		margin-top: 0;
	}

	.spyre-navbar-nav-lg
	{
		padding: 15px 0 15px 0;
		border-radius: 5px;
		
		width: 100%;
		float:right;
		
		position: relative;
		display: inline;
	}

	ul.spyre-nav-lg
	{
		width: auto;
		height: auto;
		margin: 0 auto;
		padding: 0;	

		list-style: none;
		list-style-type: none;
		list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);

		text-align: center;
	}
	
	.spyre-nav-lg li {
		float: left;
		margin-right: 40px;
	}		
	
	.spyre-nav-lg li ul li {	
		float: none;
		margin-right: 0;
	}
	
	.spyre-nav-lg li ul li a {
        background-color: rgba(255, 255, 255, 0.5) !important;
        font-size: 1.125rem;		
		padding: 10px 5px 10px 5px;
	}

	.spyre-nav-lg li ul li a:hover {
        background-color: rgba(255, 255, 255, 0.3) !important;
		color: #c1d566;
	}

	.spyre-nav-lg .show .spyre-nav-link-lg.dropdown-toggle::after
	{
		content: '\f2fc';
	}
	.spyre-nav-lg .active .spyre-nav-link-lg,
	.spyre-nav-lg .show .spyre-nav-link-lg
	{
		color: #f12639;
	}

	.spyre-nav-item-lg .dropdown-menu
	{
		position: absolute;
		float: none;
		min-width: 15rem;
		
		background-color: rgba(255, 255, 255, 0.9) !important;

		padding: .5rem .5rem;
		
		margin-top: 47px;

		text-align: left; 

		border: none;
		background: none;
		z-index: 1090;
	}
	
	.dropdown-menu {
		border-radius: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: .5rem;
	    border-bottom-right-radius: .5rem;
	}	
	
    .navbarflex .spyre-nav-item-lg .dropdown-menu
	{
		margin-top: 20px;
	}

	.dropdown-menu-item-lg.active .dropdown-menu-link-lg,
	.dropdown-menu-item-lg.show .dropdown-menu-link-lg
	{
		color: #f12639;
	}

	.spyre-nav-link-lg.dropdown-toggle::after {
		font-family: 'Material-Design-Iconic-Font';
		font-weight: normal;
		font-style: normal;
		display: inline-block;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.dropdown-menu-link-lg
	{
		font-family: 'sinter-light-2', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		font-size: 1.25rem;
		font-weight: 400;
		line-height: 1.85rem;
		line-height: 1.65rem;

		position: relative;

		display: block;

		transition: color .3s ease; 

		color: #243c64;
	}
	
	.dropdown-menu-link-lg:hover
	{
		text-decoration: none;

		color: #f12639;
	}

	h2, .h2 {
		font-size: 2.95rem;
	}
}

@media (max-width: 1920px) {
	.img-bt {
		min-height: 720px;
	}
}	

@media (max-width: 1600px) {
	.col-lg-8 .col-lg-6 {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	
	#topslider .row.no-gutters.responsive.h-100vh {
		height: 90vh !important;
	}	
	
	.bg-container {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.bg-container.left {
		background-position: center center;
	}

	.bg-container.right {
		background-position: center center;
	}

	.img-bt.bg-container {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.img-bt.bg-container.left {
		background-position: center center;
	}

	.img-bt.bg-container.right {
		background-position: center center;
	}	

	.img-bt {
		min-height: 520px;
	}		
}

@media (max-width: 1200px) {
	.bg-container {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	#topslider .row.no-gutters.responsive.h-100vh {
		height: 70vh !important;
	}	
	
	.img-bt.bg-container {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}	

	.img-bt {
		min-height: 450px;
	}	

	.fs-5 {
		font-size: 2.5rem !important;
	}	
	
	.spyre-nav-lg li {
		margin-right: 30px;
	}
	
	.move a {
		line-height: 0;
		transition: opacity .35s ease;
		opacity: .8;
		color: #fff;
	}	
}

@media (max-width: 991px) {
	#topslider .mt-6 {
		margin-top: 6.5rem !important;
	}	
	
	/* Contact Slider right */
	.contactslider {
		background: rgba(243, 248, 252, 1);
	}		
	
	.spyre-navbar .navbar-brand {
		margin-top: 0;
	}
	
	.spyre-navbar-nav
	{
		height: calc(100vh - 192px);	
	}
	
	.main.mb-top {
		margin-top: 2.5rem !important;
	}	

	.searchmobile i
	{
		width:100%;
		position:relative;
		margin-top:65px;
		z-index:1070;
	}
	
	.searchmobile .search.form-control
	{
		background: transparent;
		width:80%;
		border: none;
		border-bottom: 1px solid #cdced3;
		float: left;
		transition: none; 
		border-radius: 0;
		background-clip: padding-box;		
	}
	.searchmobile .search.form-control:focus
	{
		color: #dc0b16;
		border: none;
		border-bottom: 1px solid #f99ea6;
		outline: 0;
		background-color: #fff;
		box-shadow: none;
	}
	.searchmobile .search.form-control:disabled,
	.searchmobile .search.form-control[readonly]
	{
		opacity: 1; 
		background-color: #fff;
		border-bottom: 1px solid #f99ea6;
	}		

	.searchmobile .zmdi.zmdi-search {
		font-size: 1.925em;
		color: rgba(239, 38, 47, 0.725);
		margin-top: 7px;
		outline: none;
	}
	.searchmobile .zmdi.zmdi-search:hover {
		font-size: 1.925em;
		color: rgba(239, 38, 47, 1.0);
		margin-top: 7px;
	}
	
	.search i,
	.search span {
		outline: none;
		border: none;
		box-shadow: none;
	}

	.searchmobile {
		outline: none;
		border: none;
		box-shadow: none;
		display: block;
		margin-top: 65px;
	}
	
	.img-bg {
		height: 35vh;
	}
	
	img.owl-lazy.cardthumbnail {
	    width: auto;
		height: 300px;
		max-height: 300px;
	}	
	
	img.responsive {
		width: 100%;
        height: auto;
		max-width: 450px;
	}	
	
	#topslider .row.no-gutters.responsive.h-100vh {
		height: 60vh !important;
	}	

	.bg-container.overlay-30::before
	{
		background-color: rgba(36, 60, 100, 0) !important;
	}	
	
	.container {
		max-width: 100%; 
		margin-right: auto;
		margin-left: auto;
		padding-right: 15px;
		padding-left: 15px;
	}

	.cardgrid.col-lg-3,
	.cardgrid.col-lg-4,
	.cardgrid.col-lg-6
	{
		padding-right: 0;
		padding-left: 0;
	}	
	
	.card-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 1.25rem;
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem;
		orphans: 1;
		widows: 1;
	}
	
	.bg-container {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.img-bt.bg-container {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}	

	.img-bt {
		min-height: 360px;
	}		
	
	form {
		margin: 0; 
		padding: 0 0 1rem 0;
	}	
}

@media (max-width: 767px) {	
	/* Image(s) Weihnachtsslider */
	.img-we {
		max-height:120px;
	}	
	
	h1, .h1 {
		font-size: 2.625rem;
	}

	h1.headline-ts,
	.h1.headline-ts
	{
		font-size: 2.625rem;
	}

    .fs-lg-6 {
		font-size: 2.425rem !important;
	}	
		
	h2, .h2 {
		font-size: 2.225rem;
	}
	
	h3, .h3 {
		 font-size: 1.825rem;
	}

	h4, .h4 {
		font-size: 1.625rem;
	}

	h5, .h5 {
		font-size: 1.425rem;
	}

	h6, .h6 {
		font-size: 1.225rem;
	}		
	.footer-bottom {
		margin-top: 15px;
	}
	
	.card-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
		orphans: 0;
		widows: ;
	}
	
	img.owl-lazy.cardthumbnail {
	    width: auto;
		height: 260px;
		max-height: 260px;
	}
	
	#topslider .row.no-gutters.responsive.h-100vh {
		height: 36vh !important;
	}
	
	.bg-container.slide-1 {
	  top: 2.5vh;
	}	
	
	.bg-container {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.img-bt.bg-container {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}	

	.img-bt {
		min-height: 480px;
	}		
	
	.video-module {
		display: none;
	}
	
	section#section-2 {
		padding-top: 2rem;
		padding-bottom: 1rem;
	}
	
	.pt-7, .py-7 {
		padding-top: 2rem !important;
		padding-bottom: 1rem !important;		
	}
	
	.pt-footer {
		padding-top: 1rem !important;
	}

	.pt-footer-bottom {
		padding-top: 1rem !important;
	}	
}

@media (max-width: 480px) {	
	.img-bg {
		height: 30vh;
	}	
	
	h1, .h1 {
		font-size: 2.225rem;
	}	
	
	h1.headline-ts,
	.h1.headline-ts
	{
		font-size: 2.225rem;
	}
	
    .fs-lg-6 {
		font-size: 2.225rem !important;
	}		
		
	h2, .h2 {
		font-size: 1.825rem;
	}
	
	h3, .h3 {
		 font-size: 1.625rem;
	}

	h4, .h4 {
		font-size: 1.425rem;
	}

	h5, .h5 {
		font-size: 1.225rem;
	}

	h6, .h6 {
		font-size: 1.125rem;
	}	
	
	section#topslider {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}		

	section {
		padding-top: 3rem;
		padding-bottom: 5rem;
	}
	
	.mb-7, .my-7 {
		margin-bottom: 3rem !important;
	}	
	
	.ml-3, .mx-3 {
		margin-left: 0.5rem !important;
		margin-right: 0 !important;
	}		
	
	.slider {
		display: none;
	}
	
	#topslider .row.no-gutters.responsive.h-100vh {
		height: 35vh !important;
	}	
	
	.bg-container {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.img-bt.bg-container {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}	

	.img-bt {
		min-height: 280px;
	}	
	
	.faq .card-header button {
		font-size: 1.25rem;
	}
		
	.btn .pl-6, .px-6 {
    padding-left: 1.5rem !important;
    }
	
	.btn .pr-6, .px-6 {
		padding-right: 1.5rem !important;
	}	
}