.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
body, html { height:100%;    -ms-overflow-style: scrollbar;  }

body { /*overflow-x:hidden;*/ position:relative; background-color:#fff; color:#fff;
	font-family: 'Montserrat', sans-serif !important; font-size:18px; font-weight:400; background-image: url(../images/hg.jpg); background-position: center; background-size: cover; background-attachment: fixed;
}

a {
  color:#fff
}
a:hover {color:#8a8a8a}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
.btn {
  font-weight: 400;
}
.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
a:hover,
a:focus {
  color:#8a8a8a;
  text-decoration: none;
  outline: none;
}

.tcenter { text-align:center;}
.tright { text-align:right;}
.versteckt { opacity:0}
.sichtbar { opacity:1}
.shadow { box-shadow:0px 0px 3px 1px #333; -moz-box-shadow:0px 0px 3px 1px #333; -webkit-box-shadow:0px 0px 3px 1px #333;}
.inner-shadow {     -moz-box-shadow:    inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #000;
    -webkit-box-shadow: inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #000;
     box-shadow:        inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #000;}

.h1, h1, h2 {
    font-size: 36px; margin: 0;
}
h2 {  color:#8a8a8a; margin-bottom: 30px}

.modal, .modal a{color:#8a8a8a; }
.modal a {text-decoration: underline}
.modal h2 {margin: 30px 0 10px}
.modal * {border-radius:0 !important}
.modal-header {border:none}

footer {  z-index:200; line-height:normal; }

/* Large desktops and laptops */
@media (min-width: 1200px) {
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1409px) {
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    body {font-size:16px;}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    body {font-size:14px;}
}