/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-slab-v24-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-slab-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v24-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* GENERELL */
body { font-family: 'Roboto Slab', serif; font-size: 1.6em !important; line-height:150%; font-weight: 300; color: #3d4749; padding-top: 50px; background-color: #f7f7f7; background-image: url("/media/allgemein/cream_pixels.png"); }
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, h3, h4, h5, a { font-weight: 400; color: #9da600; font-family: 'Roboto', sans-serif; font-weight: 300; }
h2 { font-size: 1.3em; line-height:130%; }
.well { border: 0; box-shadow: inset 0 0 0; background-color: #fff; }
.thumbnail { border: 0; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px dotted #D3D3D3; clear: both; }
.page-header { border-bottom: 0 }

/* VIERER */
.vierer { background-color: #ff8c00; padding: 30px 0; background-image: url("/media/allgemein/Kontour.png"); background-repeat: no-repeat; background-position: right bottom; }
.vierer p, .vierer h3 { color: #fff; }

/* FUSS */
.fuss { background-color: #9da600; padding: 30px 0; }
.fuss h3 { color: #E2E7BF; }
.fuss p, .fuss a { color: #fff; }

/* BUTTON */
.btn { border: 0; border-radius: 24px; text-shadow: 0 0 0; }
.btn-bd { color: #fff; background-color: #9da600; text-shadow: 0 1px 1px rgba(0,0,0,0.1); letter-spacing: 0.1em; font-weight: 700; }
.btn-bd:hover { color: #fff; background-color: #ff8c00; }
.btn-bd:active { color: #fff; background-color: #ff8c00; }

.btn-default { color: #ff8c00; background-color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.1); letter-spacing: 0.1em; font-weight: 700; }
.btn-default:hover { color: #fff; background-color: #ff6600; }
.btn-default:active { color: #fff; background-color: #ff6600; }

.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: #ff8c00; }
.navbar-inverse .navbar-nav>li>a { color: #fff; letter-spacing: 0.2em; font-weight: 700; }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #fff; background-color: #ff6600; }
.navbar-brand { color: #fff !important; }
.navbar-inverse .navbar-toggle { border-color: #fff; }
@media (max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #fff; } }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #9da600; }

.nav-tabs { border-bottom: 0px solid #fff }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: 0; }
.nav-tabs > li > a { border: 0 }
.nav-tabs > li > a:hover { border: 0; background-color: #ff8c00; 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: #ff8c00; }

/* 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: #000; color: #fff; }

/* 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; }

@media only screen and (max-device-width: 480px) { .vierer a[href^="tel"]:link, .vierer a[href^="tel"]:visited, .vierer a[href^="tel"]:hover { text-decoration: underline; color: #fff; } }

/* 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; 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;}