/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* Fonts */
@font-face {
	font-family: 'barlow200';
	src: url('../fonts/barlow-v3-latin-200.eot'),
	     url('../fonts/barlow-v3-latin-200.eot?#iefix') format('embedded-opentype'),
	 	 url('../fonts/barlow-v3-latin-200.woff') format('woff'),
	     url('../fonts/barlow-v3-latin-200.woff2') format('woff2'),
	     url('../fonts/barlow-v3-latin-200.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'barlow300';
	src: url('../fonts/barlow-v3-latin-300.eot'),
	     url('../fonts/barlow-v3-latin-300.eot?#iefix') format('embedded-opentype'),
	 	 url('../fonts/barlow-v3-latin-300.woff') format('woff'),
	     url('../fonts/barlow-v3-latin-300.woff2') format('woff2'),
	     url('../fonts/barlow-v3-latin-300.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'barlow400';
	src: url('../fonts/barlow-v3-latin-400.eot'),
	     url('../fonts/barlow-v3-latin-400.eot?#iefix') format('embedded-opentype'),
	 	 url('../fonts/barlow-v3-latin-400.woff') format('woff'),
	     url('../fonts/barlow-v3-latin-400.woff2') format('woff2'),
	     url('../fonts/barlow-v3-latin-400.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'barlow500';
	src: url('../fonts/barlow-v3-latin-500.eot'),
	     url('../fonts/barlow-v3-latin-500.eot?#iefix') format('embedded-opentype'),
	 	 url('../fonts/barlow-v3-latin-500.woff') format('woff'),
	     url('../fonts/barlow-v3-latin-500.woff2') format('woff2'),
	     url('../fonts/barlow-v3-latin-500.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Navbar brand seperate from navigation (used)*/
.navbar-brand-seperate {
	position: absolute; 
    left: 50%;
    margin-left: -65px;
	top: 95px;
	}
/* wrapper for prevent x-scrolling on iOS (used) */
.overflow-x-wrapper {
	overflow-x: hidden;
	position: relative;;
}

/* Home News (used) */
.container-news {
	width: 100%;
    background-image: url("../../media/pages/papertexture_01.jpg");
    background-repeat: no-repeat; 
	background-position: center; 
	background-size:cover;
	padding: 80px 0px 60px 0px;
}
/* Home Intro (used) */
.container-intro {
	width: 100%;
    background-image: url("../../media/pages/woodtexture_01.jpg");
    background-repeat: no-repeat; 
	background-position: center; 
	background-size:cover;
	padding: 80px 0px 80px 0px;
	color: #ffffff;
}
/* Main Content (used) */
.container-primarycontent {
	background-color: #ffffff;
	min-height: calc(100vh - 700px);
}

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

/* Topbutton (used) */
#topbutton {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 0px; /* Place the button at the bottom of the page */
  right: 20px; /* 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: 2rem;
  padding: 0.8rem 1.3rem 0.2rem 1.3rem;	
}
/* Contact form spam protection */
.honeypot {
    position: absolute;
    left: -9999px;
}

/* 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%;
}
/* gallery container 1*/
.container-gallery-responsive {
	float: left; 
	width: 50%; 
	height: auto; 
	overflow: hidden; 
	text-align: center; 
}
/* contact container 1*/
.container-contact-responsive {
	float: left; 
	width: 100%; 
	height: auto; 
	
	text-align: center; 
}
/* featurebox 01 */
.container-featurebox1 {
	background-color: #fdeaf3;
	color: #ea5297;
	margin-top: 20px;
	margin-bottom: 20px; 
}	
/* featurebox 01 */
.container-marktforschung-primary {
	background-color: #fdeaf3;
	color: #ea5297;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px; 
}	
.container-featureboxtext {
	padding: 25px 0px 25px 0px;
}
/* featurebox 01 Link */
a.marktforschunglink:link {
	color: #ea5297;
}
a.marktforschunglink:hover {
	color: #c64781;
}
a.marktforschunglink:visited {
	color: #ea5297;
}
/* 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%;
}
/* Preheader Link */
a.preheaderlink:link {
	color: #ffffff;
}
a.preheaderlink:hover {
	color: #ffffff;
}
a.preheaderlink:visited {
	color: #ffffff;
}
/* featurebox 02 */
.container-featurebox2 {
	background-color: #e5f7f8;
	color: #00adba;
	margin-top: 40px;
	margin-bottom: 40px; 
}	
/* featurebox 02 Link */
a.medizintechniklink:link {
	color: #00adba;
}
a.medizintechniklink:hover {
	color: #15959f;
}
a.medizintechniklink:visited {
	color: #00adba;
}


@media (max-width: 576px) {
.container-gallery-responsive {
	width: 50%; 	
}
.container-newstext {
	margin: 10px 0px 10px 0px;
}
}

/* ====================================================================================================================
 * Custom Styles TBCON
 * ====================================================================================================================*/
/* rote Linie in den Featureboxen */

@media (min-width: 1200px) {
.container-featureboxtext {
    border-left: 2px solid #E64145;
	margin: 0px 0px 0px 36px;
	padding: 25px 20px 25px 20px;
}
}
/* blauer Hintergrund */
.bluewrapper {
    background-color: #305790; 
}
/* Shore */
.SBW-button {
	font-family: barlow500;
	font-style: normal;
}