@import url(partial/fonts.css);
@import url(../fonts/font-awesome/css/font-awesome.min.css);

/*
Yellow :#fdff76
green : #184405;
*/

body {background: #184405; color:rgb(255,255,255); }

h1,
h2,
h3,
h4,
h5 {font-family: 'cardo'; }

.bottom-dotted {border-bottom: 1px dotted #184405; }
.bg-white, .trans-white {background-color:rgba(255,255,255,.7); }
.m-bt-50 {margin-bottom:50px;}
.txt-red {
    color: rgb(255, 77, 77);
}
.bg-green {
    background-image: -ms-radial-gradient(center top, ellipse farthest-side, rgb(24,68,5) 0%, rgb(6,18,0) 100%); 
    background-image: -moz-radial-gradient(center top, ellipse farthest-side, rgb(24,68,5) 0%, rgb(6,18,0) 100%);
    background-image: -o-radial-gradient(center top, ellipse farthest-side, rgb(24,68,5) 0%, rgb(6,18,0) 100%);
    background-image: -webkit-gradient(radial, center top, 0, center top, 258, color-stop(0, rgb(24,68,5)), color-stop(100, rgb(6,18,0)));
    background-image: -webkit-radial-gradient(center top, ellipse farthest-side, rgb(24,68,5) 0%, rgb(6,18,0) 100%);
    background-image: radial-gradient(ellipse farthest-side at center top, rgb(24,68,5) 0%, rgb(6,18,0) 100%);
}
.txt-green {color:#184405; }
.txt-uc {text-transform: uppercase; }
.txt-bold {font-weight: bold; }
.visible {opacity: 1 }
.bg-green a {color:#fdff76; text-decoration: none; }
a:hover {text-decoration: underline; }

.voffset100 {height:100px; width:100%; display:block; background-color:rgba(0,0,0,0); }
.voffset60 {height:60px; width:100%; display:block; background-color:rgba(0,0,0,0); }
.voffset30 {height:30px; width:100%; display:block; background-color:rgba(0,0,0,0); } 

section  {padding:150px 0; height:auto; display:block; }

/* navbar */
.navbar-default {border:none; }
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover {color:gold; }
.navbar-nav > li > a {padding-bottom: 10px; padding-top: 15px; color:rgb(255,255,255); }
.navbar-nav > li > a:hover {color:gold; }

a.navbar-brand {font-family: 'fatboy_slim_bltc_brkregular'; color:#ffffff; }

.navbar-default .navbar-toggle .icon-bar {background-color: #ffffff; }
.navbar-default .navbar-toggle {border-color: #ffffff; }
.navbar-default .navbar-brand {color: #ffffff; }

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {border-color: rgb(253, 255, 118); background-color:rgba(0,0,0,0); }

.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar {color: rgb(253, 255, 118); }

div.ccm-block-switch-language-flags {
  display: inline-block;
  /* line-height: 0px; */
  /* margin-top: -19px; */
  padding-bottom: 7px;
}
/* logo */
.logo {text-align: center; margin-bottom: 10px; padding-bottom: 10px; }
.logo h2 {font-family: 'fatboy_slim_bltc_brkregular';}
.logo.green {color: #184405; border-bottom: 1px dotted #184405;}
.logo.white {color: white; border-bottom: 1px dotted #fff;text-shadow: 0 0 2px #000;}

.logo-wrapper {margin:0 auto; } 
.logo small { clear: both; width: 100%; text-align: center; display: block; color:inherit; }
.logo .subtext {
  letter-spacing: 3px;
  padding-top: 9px;
  text-transform: uppercase;
}
.logo .left { float:left; }
.logo .right { float:right; }

/* SECTION */
#header {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 200; }

.header-top {width  : 100%; padding: 15px 0 5px; }
.header-top .info {text-align : center; text-transform: uppercase; color: #184405; }
.header-top .info-2 {font-size: 14px;}
.sticky {position: fixed; top:0; left:0; width:100%; z-index:210;}
.sticky nav {box-shadow: 0 0 10px rgba(0,0,0,.7); border-bottom:1px solid rgba(255,255,255,.3); }
.header-bottom {bottom : 0; font-weight: bold; left: 0; line-height: 23px; position   : absolute; text-align : center; width      : 100%; z-index    : 10; padding: 0px 0; }
.open {font-weight: bold; color: #fff; text-align: center; }
#webticker ul li {font-size:14px;} 


/* ==========================================================================
Home
========================================================================== */
#home {background: url(../images/bg/big/6.JPG) center center/cover no-repeat fixed; min-height:100vh; padding-top: 20vh;}
.intro {color: rgb(255, 255, 255); font-size: 41px; font-weight: bolder; line-height: 51px; padding: 15px; text-align: center; text-shadow: 0px 0px 54px rgb(0,0,0); transform: rotateZ(-5deg); top: 60%; }

/* ==========================================================================
Menues Table
========================================================================== */
#menues {background: url(../images/bg/big/17.JPG) center center/cover no-repeat fixed transparent; }
#menues .menues-container { background-color: rgba(255,255,255,.7);padding-bottom:15px;}
.menues { color: #184405; padding-top: 30px; }
.menues table {width: 100%; margin-top:15px;}
.menues table td{font-size: 18px; line-height: 22px; padding: 15px; text-align: center; }
.menues table tbody tr:nth-child(odd) {background-color: rgba(255,255,255,.7); color: #184405; }
.menues table tbody tr:nth-child(even) {background-color: rgba(255,255,255,0); color: #184405; }
.menues>h1 {left: -13px; position: relative; text-align: center; top: -10px; transform: rotate(-6deg); }
/* ==========================================================================
Downloads
========================================================================== */
#downloads {}
.download-1 {text-align:center; }
.download-2 {}
.download-2 ul {padding-left: 50px; padding-top: 50px; }
.download-2 ul li {font-weight: bold; list-style: outside none circle; padding: 10px 0 10px 7px; }

/* ==========================================================================
Kontakt Google Maps
========================================================================== */
#contact {padding:50px 0 0 0; margin:0; min-height: 100vh ; height:auto; width:100%; position:relative; display:block; overflow:hidden; }
#contact iframe{ padding:0; margin:0; min-height:90vh; height:auto; width:100%; }
#contact .overlay {padding:150px 0; background-color: rgba(255, 255, 255,.7); display: block; height: auto; left: 0; min-height: 100vh; position: absolute; top: 0; width: 100%; z-index: 10; color:#184405; }
#contact .switch {padding:50px 0; background-color: rgba(255, 255, 255,.7); display: block; height: auto; left: 0; position: absolute; top: 0; width: 100%; z-index: 12; color:#184405; }
.maps iframe{
    pointer-events: none;
    opacity: .9;
}
.embed-container {display:block;background-color:rgba(24,68,5,.1)}
/* ==========================================================================
Gallery
========================================================================== */
#gallery {background-color: rgb(19, 53, 4); margin:0; padding:0; }
.gallery ul {margin : 0; padding: 0; width  : 100%; }
.gallery ul li {float           : left; min-height      : 100%; width           : 25%; background-color: #000; list-style      : none; }
.gallery figure {position: relative; overflow: hidden; margin-bottom: -15px; }
.gallery figure img {width : 100%; height : 100%; -webkit-transition: all 300ms ease-in-out; transition : all 300ms ease-in-out; }
.gallery figure:hover img, .gallery figure:focus img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.gallery figcaption {position: absolute; top: 0; left: 0; padding      : 25% 0; width             : 100%; height            : 100%; background-color  : rgba(19, 53, 4, 0.85); text-align        : center; font-size         : 15px; opacity           : 0; -webkit-transition: all 300ms ease-in-out; transition        : all 300ms ease-in-out; }
.gallery figcaption a {color: #fff }
.gallery figcaption a:hover, .gallery figcaption a:focus {color: #73d0da }
.gallery figure:hover figcaption, .gallery figure:focus figcaption {opacity: 1 }
.gallery figure.cs-hover figcaption {opacity: 1 }
.gallery figcaption i {font-size: 35px }
.gallery figcaption p {margin-bottom : 0; text-transform: uppercase; font-weight: 400; }
.gallery figcaption .caption-content {position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -100px; width: 200px; -webkit-transform : translate(0px, 15px); -ms-transform: translate(0px, 15px); transform: translate(0px, 15px); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.gallery figure:hover figcaption .caption-content, .gallery figure:focus figcaption .caption-content {-webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); }

/* ==========================================================================
Quotes
========================================================================== */
#quotes {padding:50px 0; margin:0; }
.seal > img {height: auto; opacity: 0.7; transform: rotate(-21deg); width: 200px; }
.slider-1 {color: rgba(255, 255, 255, 1); display: block; font-size: 40px; font-weight: bold; height: 145px; padding: 40px 0; text-align: center; }
/* ==========================================================================
Footer
========================================================================== */
footer {padding:100px 0; }
footer h1 {padding:15px 0; }
footer p {line-height: 20px; }
.copyright {font-size: 14px; padding-top:50px; }
.big-heart {
  font-size:92px;
}
/*bootstrap*/
.carousel-inner > .item > a > img, 
.carousel-inner > .item > img, 
.img-responsive, .thumbnail a > img, 
.thumbnail > img {display: block; height: auto; margin: 0 auto; max-width: 100%; }
label {display: inline-block; font-weight: 700; margin-bottom: 5px; max-width: 100%; padding: 5px 0 10px !important; }

.modal[data-modal-color] {
  color: #fff;
}

.modal .modal-header {
  padding: 23px 26px;
  border-bottom: 1px solid transparent;
}

.modal .modal-content {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31);
  border-radius: 3px;
  border: 0;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid transparent;
}

.modal[data-modal-color] .modal-footer {
  background: rgba(0, 0, 0, 0.1);
}

.modal[data-modal-color] .modal-footer .btn-link {
  font-weight: 400;
}

.modal[data-modal-color] .modal-title, .modal[data-modal-color] .modal-footer .btn-link {
  color: #fff;
}

.modal[data-modal-color] .modal-backdrop {
  background: #fff;
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal .modal-footer .btn-link {
  font-size: 14px;
  color: #000;
  font-weight: 500;
}

.btn-link {
  color: #797979;
  text-decoration: none;
  border-radius: 2px;
}

.modal[data-modal-color] .modal-footer .btn-link:hover {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration:none;
}

.modal[data-modal-color] .modal-footer .btn-link {
  font-weight: 400;
}

/* ========== MODAL COLORS ===============================*/
.modal[data-modal-color="blue"] .modal-content {
  background: #2196f3;
}

.modal[data-modal-color="lightblue"] .modal-content {
  background: #03a9f4;
}

.modal[data-modal-color="cyan"] .modal-content {
  background: #00bcd4;
}

.modal[data-modal-color="green"] .modal-content {
  background: #184405;
}

.modal[data-modal-color="lightgreen"] .modal-content {
  background: #8bc34a;
}

.modal[data-modal-color="red"] .modal-content {
  background: #f44336;
}

.modal[data-modal-color="amber"] .modal-content {
  background: #ffc107;
}

.modal[data-modal-color="orange"] .modal-content {
  background: #ff9800;
}

.modal[data-modal-color="teal"] .modal-content {
  background: #009688;
}

.modal[data-modal-color="bluegray"] .modal-content {
  background: #607d8b;
}


/* PULSE */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.anim-pulse.animated,
.anim-pulse.animated-hover:hover,
.anim-parent.animated-hover:hover > .anim-pulse {
  -webkit-animation: pulse 2s linear infinite;
  animation: pulse 2s linear infinite;
}

.anim-pulse.animated.anim-fast,
.anim-pulse.animated-hover.anim-fast:hover,
.anim-parent.animated-hover:hover > .anim-pulse.anim-fast {
  -webkit-animation: pulse 1s linear infinite;
  animation: pulse 1s linear infinite;
}

.anim-pulse.animated.anim-slow,
.anim-pulse.animated-hover.anim-slow:hover,
.anim-parent.animated-hover:hover > .anim-pulse.anim-slow {
  -webkit-animation: pulse 3s linear infinite;
  anima