/* roboto-slab-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-slab-v34-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-slab-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-slab-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-slab-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* GENERELL */
body { font-family: 'Roboto Slab', serif; font-size: 1.5em !important; line-height:160%; font-weight: 300; color: #474747; padding-top: 50px; }
a { color: #B63027; }
.img-responsive { border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width: auto; }
.jumbotron { background-color: #fff; margin-top: 30px; }
h1, h2, h3 { font-weight: 300; }
h1 { font-size: 1.5em; line-height: 1.4em; letter-spacing: 0.4em; }
h2 { font-size: 1.2em; line-height: 1.4em; }
h3 { font-weight: 700; font-size: 14px; line-height: -1.428571429; letter-spacing: 0.12em; margin-bottom: 15px; color: #585858; text-transform: uppercase; -webkit-font-smoothing: antialiased; }
.label-default { background-color: #f18400; letter-spacing: 0.12em; }
.thumbnail { border: 0; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px dotted #D3D3D3; clear: both; }
.gray { background-image: url("/media/allgemein/papier.png"); }
.white { background-color: #fff; }
.brown { background-color: #8b7359; }
.brown h1 { color: #fff; }
.page-header { border-bottom: 0; }
.carousel { border-radius: 6px; overflow: hidden; }

/* VIERER */
.vierer { background-color: #8b7359; padding: 30px 0; }
.vierer h3, .vierer p { color: #e0e2dd; }
.vierer hr { border-top: 1px dotted #e0e2dd}

.well { border: 0; box-shadow: inset 0 0 0; background-color: #4c061e; }
@media (min-width:767px) { .vierer .well { min-height: 400px } }
@media (min-width:767px) { .well-partner { min-height: 350px } }

/* FUSS */
.fuss { background-color: #474747; padding: 30px 0; }
.fuss h3 { color: #eeeeee; }
.fuss p, .fuss p a { color: #eeeeee; }

/* BUTTON */
.btn-bd { color: #fff; background-color: #8b7359; text-shadow: 0 1px 1px rgba(0,0,0,0.1); text-transform: uppercase; letter-spacing: 0.1em; font-weight: 400; }
.btn-bd:hover { color: #fff; background-color: #A7AAAE; }
.btn-bd:active { color: #fff; background-color: #A7AAAE; }

.btn-default { color: #fff; background-color: transparent; border-color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.1); text-transform: uppercase; letter-spacing: 0.1em;  }
.btn-default:hover { color: #fff; background-color: #A5A8AC; border-color: #fff; }
.btn-default:active { color: #fff; background-color: #A5A8AC; border-color: #fff; }

.btn-primary { background-color: #A5A8AC; border-color: #A5A8AC }
.btn-primary:hover { color: #fff; background-color: #626263; border-color: #626263; }
.btn-primary:active { color: #fff; background-color: #626263; border-color: #626263; }

.btn-danger { color: #fff; background-color: transparent; border-color: #fff; }
.btn-danger:hover { color: #fff; background-color: #BFBDBD; border-color: #fff; }
.btn-danger.active { color: #fff; background-color: #B63027; border-color: #fff; }

/* NAVI */
.navbar-fixed-top {border-width: 0 0 0; }
.navbar-inverse { background-color: #4c2923; }
.navbar-inverse .navbar-nav>li>a { color: #fff; letter-spacing: 0.2em;  text-transform: uppercase; font-weight: 400; }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #fff; background-color: #474747; }
.navbar-brand { color: #fff !important; }
.navbar-inverse .navbar-toggle { border-color: #fff; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #8b7359; }

@media (max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #fff } }

/* PAGINATION */
.pagination>li>a, .pagination>li>span, .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #4c2923; }

/* GALLERY */
.gallery img { margin-bottom:25px; }
#lightbox .modal-content { display: inline-block; text-align: center; }

.gallerist { background: #EEE; }
.gallerist img { display: block; height: 200px; }
@media screen and ( min-width: 768px ) { .gallerist img { height: 400px; } }

/* BACK TO TOP */
.back-to-top { cursor: pointer;  position: fixed; bottom: 30px; right: 30px; display: none; background-color: #fff; color: #4c2923; }

/* BILDER */
.img-responsive-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
.img-responsive-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }
.img-50-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 50%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
.img-50-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 50%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }
.img-33-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 33%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
.img-33-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 33%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }
.img-25-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 25%; height: auto; width: auto; border-radius: 6px; margin-right: 15px; margin-bottom: 15px;}
.img-25-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 25%; height: auto; width: auto; border-radius: 6px; margin-left: 15px; margin-bottom: 15px; }

/* COOKIE BAR */
#cookie-bar {background:#282828; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:10px 0; }
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%; }
#cookie-bar.fixed.bottom {bottom: 0; top: auto; z-index: 1000}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#fff !important; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#82b646;}
#cookie-bar .cb-enable:hover {background:@farbezwei;}
#cookie-bar .cb-disable {background:#f6ae01;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}