section .container {padding-top:90px; padding-bottom:90px;}
section .container.first {padding-top:40px; padding-bottom:90px;}
.start-logo {width:300px; position:absolute; z-index:110;}
.start-logo img {width:100%;}
.parallax-border {border-bottom:10px solid #bf272e; color:#fff;}
.parallax-text { color:#fff;  position:absolute; top:430px; z-index:110; padding:15px;}
.parallax-text h1{ text-transform: uppercase;}
h2 {text-transform: uppercase;}
nav {position:absolute; top:-80px; opacity:0; transition: all ease 0.8s; border-bottom:10px solid #bf272e; z-index:10;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.0);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.0);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.0);

}
.is-sticky nav {top:0px; border-bottom:10px solid #bf272e; z-index:99;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);
opacity:1;


}

.parallax-window.header {height:800px;}
p.big {font-size:25px;}
.anschrift {position:relative; padding-left:33px;}
.anschrift span {position:absolute; font-size:25px; left:0; top:5px;}
section.red {background:#9f2420; color:#fff; border-bottom: 10px solid #343a40;}
section.white {background:#fff; color:#1e1e1e;}
section.gray {background:#e4e4e4; color:#1e1e1e;}

section.red .card {background:#9f2420; color:#fff; padding:15px;}
#map {border-bottom:10px solid #bf272e;}
.navbar-brand {width:100px; position:fixed; top:-180px; transition: all ease 1s;}
.is-sticky .navbar-brand {top:-5px;}
.navbar-brand img {
  width:100%;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
p a {color: #9f2420; }
p a:hover {color: #9f2420; }

footer {background: #1a1a1a; color:#fff; padding:30px 0 30px 0; border-top:10px solid #bf272e;}
footer h4 {text-transform: uppercase;}
footer a, footer p {color:#cbcbcb;}
footer a:hover {color:#fff;}
section.red a, section.red a:hover {color:#fff;}
.headline-spacer {border-bottom:1px solid #9f2420; width:150px; margin-top:15px; margin-bottom:20px;}
.headline-spacer.center {margin:auto; margin-top:15px; margin-bottom:20px;}
section.red .headline-spacer {border-bottom:1px solid #fff; width:150px;}

.mailmessage {text-align: center; }
.mailmessage .error_message {padding:40px; color:#9f2420; font-weight:bold;}
#success_page h2 {color: #7fa300;}

.btn {padding-bottom:9px; border:none; text-transform: uppercase;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
  transition: all ease 0.8s;
  position:relative;
}
.btn.ico {
  padding-left:30px;
}
.btn span {
 position:absolute; top:12px; left:8px; transition: all ease 0.8s;
}
.btn:hover span {
left:13px;
}
.btn:hover {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.0);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.0);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.0);
}
.btn:focus, .btn:active {border:none!important; outline: none!important; box-shadow: none!important;}
.btn.btn-primary {background:#bf272e;}
.btn.btn-primary:active {background:#9f2420!important;}
.btn.btn-primary:hover {background:#9f2420;}

section.red .btn.btn-primary {background:#fff; color:#1e1e1e;}
section.red .btn.btn-primary:active {background:#fff!important; color:#1e1e1e;}
section.red .btn.btn-primary:hover {background:#fff; color:#1e1e1e;}

.card {
  -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
}
.parallax-darkoverlay {
  position:relative; z-index:5;
  -webkit-box-shadow: inset 0px 0px 225px 109px rgba(0,0,0,1);
  -moz-box-shadow: inset 0px 0px 225px 109px rgba(0,0,0,1);
  box-shadow: inset 0px 0px 225px 109px rgba(0,0,0,1);
}
.img-full {width:100%;}

ul.checklist {padding-left:0px;}
ul.checklist li {list-style-type: none; position:relative; padding-left:20px;}
ul.checklist li span {position:absolute; left:0; top:4px;}

textarea.kontaktarea {height:182px;}

.form-control:focus {box-shadow:none; border-color: #1a1a1a; }
.form-control {height:50px;}

@media (max-width: 991px) {
section.red .card { padding:0px;}
  .start-logo {width:200px; }
  .parallax-window.header {height:350px;}
  .navbar-brand {left: 50%; margin-left: -50px;}
  .navbar-nav {margin-top: 20px;}
}


@media (max-width: 767px) {
  h2 { font-size:22px;}
  h3 { font-size:19px;}
section.red .card { padding:0px;}
section.red .card .card-body{ padding:10px;}
  section .container {padding-top:45px; padding-bottom:45px;}
  section .container.first {padding-top:20px; padding-bottom:45px;}
  .start-logo {width:100px; }
  .anschrift { padding-left:23px;}
.anschrift span {font-size:17px;}
  p.big {font-size:17px;}
  .parallax-window.header {height:250px;}
}