/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.4.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/


.light-translucent-bg:after {
  background-color: rgba(255, 255, 255, 0.55);
}




.header-first {
  padding: 8px 0 5px 0;
}



.marquee {
  height: 25px;
  width: 1520px;

  overflow: hidden;
  position: relative;
}

.marquee div {
  display: block;
  width: 200%;
  height: 30px;

  position: absolute;
  overflow: hidden;

  animation: marquee 15s linear infinite;
}

.marquee span {
  float: left;
  width: 50%;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}











h3 {
    font-size: 20px;
}



body {
  font-size: 15px;
  line-height: 1.4666666667; 
  color: #000000; 
  background-color: #ffffff;
  font-weight: 300;
}


/* Arrow for parent menu item
------------------------------ */
.dropdown > a:before {
  font-family: 'FontAwesome';
  content: "\f0d7";
  position: absolute;
  top: 30px;
  left: auto;
  right: 4px;
  line-height: 1;
  color: #b7e4e4;
  font-size: 17px;
}

/* first level active menu item when opened */
.dark.header .main-navigation .navbar-nav > .open > a,
.dark.header .main-navigation .navbar-nav > .open > a:hover,
.dark.header .main-navigation .navbar-nav > .open > a:focus,
.dark.header .main-navigation .navbar-nav > .dropdown > a:focus {
  background-color: rgba(0, 234, 255, 0.15);
  color: #ffffff;
  border-bottom-color: #2e3537;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  z-index: 106;
}


.transparent50 {
  opacity: 0.5;
}

.transparent30 {
  opacity: 0.7;
}




/* Logo setzen so das es über blauen Rand geht und beim scrollen ein anderes Bild verwendet wird dafür muss das normale bild das in der html datei geladen wird transparent sein . die bilder werden als Backround image eingesetzt */


.logo img {
  max-height: 100%;
  background-image: url("../bilder/logo3.png");
  background-repeat: no-repeat;
  margin: 0px 0 -30px 0;
 
}



.fixed-header-on .header .logo img {
  max-height: 60px;
  background-image: url("../bilder/logo_m_schrift3.png");
  background-repeat: no-repeat;
  margin: 0px 0 -1px 0;
}




/* Medium devices (tablets, phones) */
@media (min-width: 992px) and (max-width: 1199px) {
  .site-slogan {
    font-size: 11px;
  }
}

/* Small devices (tablets, phones less than 991px) */
@media (max-width: 991px) {
  header:not(.full-width) .logo img {
    margin: 0 auto;
    max-height: 0px;
    
  }

  body.full-page header .logo img {
    margin: 0;
  }

  .site-slogan {
    text-align: center;
  }

  body.full-page .site-slogan {
    text-align: left;
  }
}














/* Ende der gestaltung des Logos */


.pattern-30 {
  background-image: url("../bilder/background2.png");
  background-repeat: repeat;
  background-position: 0 0;
  background-attachment: fixed;
}

.user-bg1{
 background-image: url("../bilder/background2.png");
 background-repeat: repeat;
 background-position: 0 0;
 background-attachment: fixed;

}


.fixed-header-on .dark.header.fixed {
  background-color: rgba(132, 53, 0, 0.8);
}



.dark-bg {
  background-color: rgba(2, 8, 72, 1);
  color: #cdcdcd;
}



.transparent-gray-bg {
  background-color: #fafafa;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
}


.list-icons li, .list li {
    padding: 5px 0;
    font-size: 13px;
}   
   
.beige {
  background-color: rgba(252, 229, 175, 0.19)
}

.dark.header .dropdown-menu {
    background-color: rgba(102, 102, 102, 0.90);
}

.dark.header .dropdown-menu > li > a, .dark.header .mega-menu .menu > li > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.gewaesserunterhaltung {
    font-style: normal;
    font-size: 14px;
}

.gewaesserunterhaltung a {
    color: #337ab7;
}

a {
    color: #337ab7;
}

.hell a {
    color: #ade0e0;
}

.dark-translucent-bg2:after {
  background-color: rgba(0, 0, 0, 0.13);
}

.dark-translucent-bg2,
.dark-translucent-bg2 h1,
.dark-translucent-bg2 h2,
.dark-translucent-bg2 h3,
.dark-translucent-bg2 h4,
.dark-translucent-bg2 h5,
.dark-translucent-bg2 h6 {
  color: #222222;
}


.dark-translucent-bg.hovered:hover:after {
  background-color: rgba(0, 0, 0, 0.2);
}

.collapse-style-2 .panel-heading a.collapsed {
  background-color: rgb(104, 170, 119);
}

.color-gruen {
  background-color: rgb(174, 255, 201);
}

.color-gelb {
  background-color: rgb(251, 255, 174);
}

.textgroesse-10 {
  font-size: 10px;
}

.textgroesse-11 {
  font-size: 10px;
}

/*Thumbnails
------------------------------------*/
a.thumbnail {
    padding: 0;
    border: none;
    margin-bottom: 15px;
}

.thumbnail-style {
    padding: 7px;
    margin-bottom: 20px;
    box-shadow: 0 0 1px #bbb;
}
.thumbnail-style:hover {
    box-shadow: 0 0 8px #ddd;
  transition: box-shadow 0.2s ease-in-out;
}

.thumbnail h3,
.thumbnail-style h3 {
    margin: 6px 0 8px 0;
}

.thumbnail h3 a,
.thumbnail-style h3 a {
    color: #585f69;
    font-size: 18px;
}

.thumbnail h3 a:hover,
.thumbnail-style h3 a:hover {
    color: #3498db;
    text-decoration: none;
}

.thumbnail-style .thumbnail-img {
    position: relative;
    margin-bottom: 11px;
}

.thumbnail-style a.btn-more {
    right: -10px;
    bottom: 10px;
    color: #fff;
    padding: 1px 6px;
    position: absolute;
    background: #3498db;
    display: inline-block;
}
.thumbnail-style a.btn-more:hover {
    text-decoration: none;
    box-shadow: 0 0 0 2px #5fb611;
}
.thumbnail-style:hover a.btn-more {
    right: 10px;
}

.thumbnail-kenburn img {
    left: 10px;
    margin-left: -10px;
    position: relative;
    transition: all 0.8s ease-in-out;
}
.thumbnail-kenburn:hover img {
    transform: scale(1.2) rotate(2deg);
}

.overflow-h { overflow: hidden;}
.overflow-a { overflow: auto;}
.overflow-hidden { overflow: hidden;}

.clear-both { clear: both;}




.light-blue-bg.shadow,
.light-blue-bg.shadow-narrow {
  background-color: rgb(212, 238, 248);
}

.light-blue-bg.shadow:before,
.light-blue-bg.shadow-narrow:before {
  background-color: rgb(212, 238, 248);
}



.fullscreen-bg {
  background: url("../bilder/hintergrund-bg2.jpg") 50% 0px no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}