/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* Fonts */
@font-face {
  font-family: 'oswald300';
  src: url('../fonts/oswald-v53-latin-300'), 
	   url('../fonts/oswald-v53-latin-300.eot?#iefix') format('embedded-opentype'), 
	   url('../fonts/oswald-v53-latin-300.woff') format('woff'), 
	   url('../fonts/oswald-v53-latin-300.woff2') format('woff2'), 
	   url('../fonts/oswald-v53-latin-300.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'oswald500';
  src: url('../fonts/oswald-v53-latin-500.eot'),
	   url('../fonts/oswald-v53-latin-500.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/oswald-v53-latin-500.woff') format('woff'),
	   url('../fonts/oswald-v53-latin-500.woff2') format('woff2'), 
	   url('../fonts/oswald-v53-latin-500.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* Navbar brand seperate from navigation */
.navbar-brand-seperate {
	position: absolute; 
	margin-left: -160px;
    left: 50%;	
	top: 100px;
	}
/* wrapper for prevent x-scrolling on iOS */
.overflow-x-wrapper {
	overflow-x: hidden;
	position: relative;;
}
/* Home News */
.container-news {
	margin: 0px 0px 0px 0px;
}

/* Main Content */
.container-primarycontent {
	background-color: #ffffff;
	min-height: calc(100vh - 500px);
	margin: 40px 0px 0px 0px;
}


/* Article Header Container (used) */
.container-articleheader {
    width: 100%; 
	height: 700px; 
    margin-bottom: 80px;
}

/* Footer (Used) */
.footer {
  position: relative;
  background-color: #66819B;
  padding: 50px 0px 50px 0px;
  color: #ffffff;
}

/* Topbutton (used) */
#topbutton {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 15px; /* Place the button at the bottom of the page */
  right: 10px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  cursor: pointer; /* Add a mouse pointer on hover */
  font-size: 50px;
  line-height: 10px;
  padding: 41px 26px 22px 26px;
}
/* Contact form spam protection */
.honeypot {
    position: absolute;
    left: -9999px;
}
/* gallery container 1*/
.container-gallery-responsive {
	float: left; 
	width: 50%; 
	height: auto; 
	overflow: hidden; 
	text-align: center; 
}
@media (max-width: 576px) {
.container-gallery-responsive {
	width: 50%; 	
}
}
/* contact container 1*/
.container-contact-responsive {
	float: left; 
	width: 100%; 
	height: auto; 	
	text-align: center; 
}
/* Preheader */
.container-preheader {
  background: rgba(0, 0, 0, 0.75);
  text-align: right;
  color: #ffffff;
  height: 60px;
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  z-index: 4;
  width: 100%;
}

/* Anchor Jumpmark */
.jump {
  visibility: hidden;
  height: 0px !important;
  position: absolute;
  margin: -212px;
}
/* Nav */
.nav .nav {
	padding-left: 15px;
}
.container-navigation1 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  top: 0px;	
}

/* Text blocks */
.text img {
	max-width: 100%;
}


/* Preheader Link */
a.preheaderlink:link {
	color: #ffffff;
}
a.preheaderlink:hover {
	color: #ffffff;
}
a.preheaderlink:visited {
	color: #ffffff;
}


/* Kundenstimmen */
.container-kundenstimmen {
	width: 100%;
	background-color: #eeecf5;
	background-image: url(../../assets/images/content/topflowers1.png);
	background-repeat: no-repeat;
    background-position: center top;	
	margin: 40px 0px 0px 0px;
	padding: 120px 0px 40px 0px;
}	

/* CTA */
.cta {
	font-family: oswald500;
	font-size: 15px;
	line-height: 19px;
	color: #ffffff;
	background-color: #0aacb9;
	height: 80px;
	width: 80px;
    position: fixed;
    left: 0px;
	bottom: 40px;
	z-index: 100;
	padding:10px;
}
@media (min-width: 576px) {
.cta {
	font-size: 20px;
	line-height: 25px;
	height: 120px;
	width: 120px;
}
}
.cta:hover {
	background-image: url(../../media/header/ctabghover.png);
}
/* Container Slides */
.container-slides {
	width: 100%;
	height: 600px;
	background-position: top;
	background-size: cover;

}

/* Toggler Navigation bleibt rechts und verkleinert navbar-brand */
.navbarmobile-spacebetween {
	display: flex;
	
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 1199.98px) {
  .navbarmobile-spacebetween {
    width: 100%;
  }
}

/* ====================================================================================================================
 * Custom Styles 
 * ====================================================================================================================*/
.container-newstext {
	background-color: #66819B;
	height: 550px;
	padding: 40px 40px 40px 40px;
}
@media (max-width: 991.98px) {
.container-newstext {
	height: auto;
	padding: 25px 25px 25px 25px;
}
}
/* Featureboxen */
.container-featurebox1text {
	background-color: #EFB856;
	padding: 40px 40px 40px 40px;
}
.container-featurebox2text {
	background-color: #ffffff;
	padding: 40px 40px 40px 40px;

}
/* Container um das fehlende Padding bei cols zu ersetzen */
.container-padding {
	padding: 0px 0px 25px 0px;	
}
@media (min-width: 576px) {
.container-padding {
	padding: 0px 25px 25px 25px;
}
}
/* Blauer Kasten 100 % Width */
.container-blue {
	background-color: #66819B;
	padding: 25px 0px 25px 0px;
	margin: 40px 0px 40px 0px;
	color: #ffffff;
}
/* Pinker Kasten 100 % Width */
.container-pink {
	background-color: #B83581;
	padding: 25px 0px 25px 0px;
	margin: 40px 0px 40px 0px;
	color: #ffffff;
}
/* Main Content Full Width */
.container-fullwidth {
	padding: 40px 40px 40px 40px;
}
@media (max-width: 991.98px) {
.container-fullwidth {
	padding: 25px 25px 25px 25px;
}
}
/* Individuelle Bildgrößen */

.imagesize1 {
	height: 300px;
}
@media (min-width: 576px) {
.imagesize1 {
	height: 550px;
}
}
.blogthumbnail {
	height: 300px;
	width: 100%;
}
@media (min-width: 576px) {
.blogthumbnail {
	height: 388px;
}
}
/* Welle unter Slider */
.sliderwave {
	position: absolute;
	z-index: 1;
	background-image: url(../../assets/images/slider/sliderwave.png);
	background-position: bottom;
	background-repeat: repeat-x;
	top: 390px;
	width: 100%;
	height: 150px;
}
/* Welle unter Header */
.headerwave {
	position: absolute;
	z-index: 1;
	background-image: url(../../assets/images/slider/sliderwave.png);
	background-position: bottom;
	background-repeat: repeat-x;
	top: 300px;
	width: 100%;
	height: 150px;
}