/* -------------------------------------------------------------------*/
/* General & Basic Styles
/* -------------------------------------------------------------------*/

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

html,
body {
    height: 100%;
}

body {
	font-family: 'Mulish', Arial, sans-serif;
	background-color: #e6007e;
}


/* -------------------------------------------------------------------*/
/* Horizontal und vertikal zentrierter Inhaltsbereich
/* -------------------------------------------------------------------*/

.site-wrapper {
	display: block;
	width: 100%;
	height: 100%; /* For at least Firefox */
	min-height: 100%;
}

.site-wrapper-inner {
	display: block;
	vertical-align: top;
}

@media (min-width: 768px) {
	/* Start the vertical centering */
	.site-wrapper {
		display: table;
	}
	
	.site-wrapper-inner {
		display: table-cell;
		vertical-align: middle;
	}
}

.startsite-wrapper {
	display: table;
	width: 100%;
	height: 100%; /* For at least Firefox */
	min-height: 100%;
}

.startsite-wrapper-inner {
	display: table-cell;
	vertical-align: middle;
}


/* -------------------------------------------------------------------*/
/* Navbar
/* -------------------------------------------------------------------*/

nav {
	position: relative;
	width: 100%;
}

.navbar {
	background-color: #e6007e;
	border: 0;
}

.nav > li > a {
	padding: 10px 30px;
}

.navbar-nav {
	width: 100%;
	text-align: center;
}

.navbar-nav > li {
	float: none;
	display: inline-block;
}
@media (max-width: 767px) {
	.navbar-nav > li {
		display: block;
	}
}

.navbar-default .navbar-nav > li > a {
	color: #FFF;
	font-size: 16px;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a.active {
	color: #FFF;
	background-color: transparent;
	text-decoration: underline;
	outline: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #FFF;
	background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
	color: #FFF;
	background-color: transparent;
}

.navbar-collapse {
	 border-bottom: 1px solid transparent;
}
@media (min-width: 768px) {
	.navbar-collapse {
		border-bottom: 0;
	}
}


/* -------------------------------------------------------------------*/
/* Section / Content Basic Styles
/* -------------------------------------------------------------------*/


.container {
	background-color: #e6007e;
}

section {
	position: relative;
	width: 100%;
}

#content {
	position: relative;
	display: block;
	width: 100%;
	min-height: 500px;
	background-color: #fff;
	margin: 0;
	padding: 80px;
}

#content p {
	color: #e6007e;
	font-size: 16px;
}

#content p.ort {
	background: transparent url('../img/gelber-punkt.png') no-repeat scroll 0 0;
	padding-left: 25px;
	color: #e6007e;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}

@media (max-width: 767px) {
  #content {
	  padding: 10px;
	  background-color: #e6007e;
  }
  
  #content p {
	  color: #fff;
  }
  
  #content p.ort {
	  color: #fff;
  }
}

#content-slider {
	position: relative;
	display: block;
	width: 100%;
}

@media (max-width: 767px) {
	#werben img {
		margin-bottom: 10px;
	}
}

#werben-link {
	position: absolute;
	display: block;
	width: 150px;
	height: 150px;
	top: 30%;
	right: -75px;
	z-index: 1001;
}
@media (max-width: 767px) {
	#werben-link {
		display: none;
	}
}

#werben-link  img {
	width: 150px;
	height: 150px;
}

#werben-link a:hover,
#werben-link a:focus {
	outline: none;
}

#nummer {
	position: relative;
	margin: -3.8% 8% 0 8%;
}

.display-table {
	display: table;
	table-layout: fixed;
}

.display-cell {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.img-center {
	width: 75%;
	margin: 0 auto;
}
@media (max-width: 767px) {
	.img-center {
		width: 25%;
		margin: 20px auto;
	}
}

.pipe {
	
}
.pipe:after {
	content: "|";
	padding: 0 0.5em;
}

.page-header {
	padding-bottom: 0;
	margin-top: 0;
	border: none;
}

hr {
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 20px 0 0 0;
	border: none;
	/* fallback */
	background-color: #333;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#333), to(#fff));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-radial-gradient(circle, #333, #fff);
	/* Firefox 3.6+ */
	background: -moz-radial-gradient(circle, #333, #fff);
	/* IE 10 */
	background: -ms-radial-gradient(circle, #333, #fff); 
	/* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}


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

footer {
	position: relative;
	width: 100%;
	margin-top: 50px;
	text-align: center;
}

footer .container-fluid {
	padding: 0;
}

footer p {
	font-size: 16px;
	color: #FFF;
}

footer a {
	color: #FFF;
}

footer a:hover,
footer a:focus {
	color: #FFF;
	outline: none;
}

footer a.impressum-link-close {
	display: none;
}


/* -------------------------------------------------------------------*/
/* Impressum
/* -------------------------------------------------------------------*/

#impressum {
	display: none;
	background-color: #FFF;
}

#impressum .impressum-inner {
	padding: 20px;
	text-align: left;
}

#impressum p {
	font-size: 14px;
	color: #666;
}

#impressum a {
	color: #666;
}

#impressum h5 {
	margin-top: 25px;
	margin-bottom: 5px;
}