/****************
 --- Passwort ---
 ****************/
#exampleModalCenter0 {
	z-index: 99999;
	padding: 0 !important;
}
#hero-password {
	height: 100%;
	background: url(imgs/hero-1.jpg) no-repeat top center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    background-size: cover;
}
#hero-password h1 {
	font-size: 2rem;
	margin-top: 3rem;
}
@media (min-width: 992px) {
#hero-password h1 {
	font-size: 3rem;
}
}
#hero-password h2,
#hero-password p {
	color: #fff;
}
#hero-password h2 {
	font-size: 2rem;
	margin-bottom: 1.5rem;
	line-height: 2rem !important;
}
#hero-password p {
	margin-top: -5px;
}
#hero-password .form-control {
	background: transparent;
	border: 3px solid #fff;
	border-right: 4px solid #fff;
	color: #fff;
}
#hero-password .btn {
	padding: .375rem 1.5rem;
	border-radius: 0;
}
#bsalert {
	margin: 0 auto;
	max-width: 400px;
	border-radius: 0;
}
.hide-things {
	display: none !important;
}
.unhide-things {
	display: block !important;
}
.michael {
	display: none;	
}
.nico {
	display: none;	
}

/***************
 --- Globals ---
 ***************/
html,
body {
	height: 100%;
	font-family: 'Arial';
	background: transparent;
	color: #333;
}
h1 {
	font-family: 'Trebuchet MS';
	color: #fff;
	font-size: 3.5rem;
}
h2 {
	font-family: 'Trebuchet MS';
	color: #333;
	font-size: 1.375rem;
	line-height: 1.375rem;
}
p {
	font-size:1.09rem;
	font-weight: 100;
	line-height:1.45rem;
}
a {
	color: #1bba23;
}
a:hover,
a:focus {
	color: rgba(0,0,0,.4) !important;
	text-decoration: none;
	-webkit-transition: all 0.75s ease;
	transition: all 0.75s ease;
}
.active {
	color: #d26a02 !important;
}

/**********************
 --- Cookie Hinweis ---
 **********************/
.cc-window {
	display: block;
	text-align: center;
	font-size: 11px;
	font-weight: 700;
	border-radius: 5px;
	padding: 8px 21px !important;
}
.cc-banner {
	width: auto !important;
	margin: 0 25% 0 25%;
}
.cc-message {
	margin-bottom: 0;
	line-height: 1.5rem;
}
.cc-bottom {
	bottom: 30px !important;
}
.cc-link2 {
	padding: 0;
	text-decoration: underline dotted;
	color: rgb(102, 102, 102);
}
.cc-compliance2 {
	display: block;
}
.cc-btn {
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #bbb !important;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	font: bold 12px "helvetica neue",helvetica,arial,sans-serif;
	line-height: 1;
	padding: 5px 15px !important;
	text-shadow: 0 1px 0 #fff;
	margin-left: 20px;
	color: #333;
}
.cc-link,
.cc-compliance {
	display: none;
}

/******************
 --- Navigation ---
 ******************/
nav {
	background: #fff;
	box-shadow: 0 0 7px rgba(0,0,0,.1) !important;
}
nav .container-fluid {
	max-width: 1133px;
}
.navbar-toggler {
	padding: .9rem 1rem;
	border-color: transparent !Important;
}
.nav-item {
	font-family: 'Trebuchet MS';
	font-size: 1.2rem;
}
.navbar-light .navbar-nav .nav-link {
	padding: 17px .65rem;
	color: rgba(0,0,0,.6);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
	color: #fff;
}

/*****************
 --- Sektion 1 ---
 *****************/
#hero {
	height: 100%;
	min-height: 300px;
	margin-top: 73.4667px;
}
@media (min-width: 992px) {
#hero {
	margin-top: 78.8px;
}
}
@media (max-width: 991.98px) {
#hero {
	background-attachment: scroll !important;
}
}
.jumbotron {
	background: transparent !important;
	margin-bottom: 0;
}
@media (min-width: 992px) {
#hero h1 {
	margin-top: 8rem !important;
	margin-bottom: 8.5rem !important;
}
}
#hero a {
	font-size: 1.25rem;
}

/*****************
 --- Sektion 2 ---
 *****************/
#sektion-2 {
	padding-top: 65px;
	padding-bottom: 65px;
}
@media (min-width: 992px) {
#sektion-2 {
	height: 548px;
	padding-top: 108px;
	padding-bottom: 108px;
}
#img {
	height: 225px;
	margin-bottom: 30px !important;
}
#logo {
	width: 225px;
}
}
#sektion-2 .container-fluid {
	max-width: 1240px;
}
@media (max-width: 1199.98px){
#sektion-2 .container-fluid {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
}
@media (min-width: 1200px){
.minus-margin-30 {
	margin-left: -30px;
}
.minus-margin-40 {
	margin-left: -40px;
}
}
@media (max-width: 1199.98px){
.hiddden {
	display: none;
}
}

/*****************
 --- Sektion 3 ---
 *****************/
#sektion-3 {
	height: 550px;
	background: url(imgs/hero-2.jpg) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    background-size: cover;
}
@media (max-width: 991.98px) {
#sektion-3 {
	background-attachment: scroll !important;
}
}

/*****************
 --- Sektion 4 ---
 *****************/
#sektion-4 {
	padding-top: 103px;
	padding-bottom: 83px;
}
#sektion-4 .container-fluid {
	max-width:964px;
}
@media (max-width: 1199.98px){
#sektion-4 .container-fluid {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
}
#sektion-4 hr {
	border: 1px solid #666 !important;
}

/**************
 --- Footer ---
 **************/
footer {
	padding: 1rem 0rem;
}
footer .container-fluid {
	max-width: 1305px;
}
footer a {
	color: #bbb !important;
	font-size: 1.15rem;
}

/*********************
 --- Modal Globals ---
 *********************/
.modal {
	z-index: 1;
	padding-right: 0;
	overflow-y: auto;
}
.modal-open-i {
	overflow: hidden;
}
.modal-open-i-padding {
	padding-right: 33px;
}
.modal.fade{
  opacity:1;
}
.modal.fade .modal-dialog {
   -webkit-transform: translate(0);
   -moz-transform: translate(0);
   transform: translate(0);
}
.modal-dialog {
	min-width: 100%;
	height: 100%;
	margin: 0;
}
.modal-body {
	padding: 0;
}
.modal-content {
	border-radius: 0;
	border: none;
	display: table;
	height: 100%;
}
.modal-backdrop {
	position: relative;
}
#exampleModalCenter1,
#exampleModalCenter2,
#exampleModalCenter3,
#exampleModalCenter4 {
	padding-right: 0 !important;
	margin-top: 73.4667px;
}
@media (min-width: 992px) {
#exampleModalCenter1,
#exampleModalCenter2,
#exampleModalCenter3,
#exampleModalCenter4 {
	padding-right: 0 !important;
	margin-top: 78.8px;
}
.padding-top-108 {
	padding-top: 108px;
}
}
.modal-toggle-display {
	display: none;
}

/****************************
 --- Modal 1: Zum Angebot ---
 ****************************/
#modal-1 {
	padding-top: 65px;
	padding-bottom: 65px;
}
@media (min-width: 992px) {
#modal-1  {
	padding-top: 108px;
	padding-bottom: 136px;
}
#modal-1 #img {
	height: 340px;
	margin-bottom: 30px !important;
}
#modal-1 #logo {
	width: 265px;
}
.margin-modal-1 {
	margin-left: -53px;
}
}
#modal-1  .container-fluid {
	max-width: 1240px;
}
@media (max-width: 991.98px){
#modal-1  .container-fluid {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
}
@media (min-width: 1200px){
.minus-margin-48 {
	margin-left: -40px;
}
}
@media (max-width: 1199.98px){
.hiddden {
	display: none;
}
}
@media (min-width: 992px){
.hiddden2 {
	display: none;
}
}

/*********************************
 --- Modal 2: Unsere Standorte ---
 *********************************/
#modal-2 {
	padding-top: 65px;
	padding-bottom: 65px;
}
@media (min-width: 992px) {
#modal-2  {
	padding-top: 0;
	padding-bottom: 0;
}
#modal-2 #img {
	height: 665px;
}
#modal-2 #logo {
	width: 265px;
}
}
#modal-2  .container-fluid {
	max-width: 1240px;
}
@media (max-width: 991.98px){
#modal-2  .container-fluid {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
}
@media (min-width: 1200px){
.plus-margin-56 {
	margin-left: 56px;
}
}
@media (max-width: 1199.98px){
.hiddden {
	display: none;
}
}
@media (min-width: 992px){
.hiddden2 {
	display: none;
}
}

/****************************
 --- Modal 3: Zum Angebot ---
 ****************************/
#modal-3 {
	padding-top: 65px;
	padding-bottom: 65px;
}
@media (min-width: 992px) {
#modal-3  {
	padding-top: 0;
	padding-bottom: 0;
}
#modal-3 #img {
	height: 665px;
}
#modal-3 #logo {
	width: 265px;
}
}
#modal-3  .container-fluid {
	max-width: 1240px;
}
@media (max-width: 991.98px){
#modal-3  .container-fluid {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
}
@media (min-width: 1200px){
.minus-margin-30 {
	margin-left: -30px;
}
}
@media (max-width: 1199.98px){
.hiddden {
	display: none;
}
}
@media (min-width: 992px){
.hiddden2 {
	display: none;
}
}
.form-control {
	border-radius: 0;
	font-size: .9rem;
	height: calc(2.75rem + 2px);
	padding: .75rem 1rem;
	background-color: #e8e8e8;
	border: 1px solid #e8e8e8;
}
label {
	margin-bottom: 0;
}
.smaller-font-size {
	font-size: .9rem;
	color: #666;
}
#sendMessageButton {
	background-color: #e8e8e8;
	color: #333;
	border: 2px solid #555;
	font-size: 1.1rem;
	padding: .6rem 1.25rem;
}
.help-block ul {
	padding-left: 0;
	font-size: .9rem;
}
.help-block ul li{
	list-style: none;
}
.alert-success {
	margin-top: 1rem;
	text-align: center;
}

/**************************
 --- Modal 4: Impressum ---
 **************************/
#modal-4 {
	padding-top: 65px;
	padding-bottom: 65px;
}
@media (min-width: 992px) {
#modal-4  {
	padding-top: 0;
	padding-bottom: 0;
}
#modal-4 #img {
	height: 665px;
}
#modal-4 #logo {
	width: 265px;
}
}
#modal-4  .container-fluid {
	max-width: 1240px;
}
@media (max-width: 991.98px){
#modal-4  .container-fluid {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
}
@media (min-width: 1200px){
.plus-margin-56 {
	margin-left: 56px;
}
}
@media (max-width: 1199.98px){
.hiddden {
	display: none;
}
}
@media (min-width: 992px){
.hiddden2 {
	display: none;
}
}

/*******************
 --- Datenschutz ---
 *******************/
#datenschutz {
	margin-top: 73.4667px;
	padding-top: 108px;
	padding-bottom: 83px;
}
@media (min-width: 992px) {
#datenschutz {
	margin-top: 78.8px;
}
}
#datenschutz  .container-fluid {
	max-width: 1240px;
}
#datenschutz h1 {
	color: #000;
	font-size: 1.5rem;
}
#datenschutz h3 {
	font-family: 'Trebuchet MS';
	color: #333;
	font-size: 1.25rem;
	line-height: 1.25rem;
}
#datenschutz p,
#datenschutz li {
	color: #666;
}



/***********************************************
 --- Sektion 1: zweite Zeile (Melanie Mauer) ---
 ***********************************************/
@media (min-width: 992px) {
#hero h1 {
	margin-top: 8rem !important;
	margin-bottom: 0rem !important;
}
} 
#hero h3 {
	font-family: 'Trebuchet MS';
	color: #ccc;
	font-size: 2.5rem;
	line-height: 2.5rem;
	margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
#hero h3 {
	margin-bottom: 6rem !important;
}
}
/************
 --- Ende ---
 ************/