/* Large and Medium devices (desktops, tablets less than 1199px) */
@media (min-width: 768px) and (max-width: 1199px) {
  .main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse {
    padding-right: 50px;
  }
}



.dark.header .navbar-default .navbar-nav > li > a {
  color: #dcdcdc;
  border-bottom: 1px solid transparent;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.9);
}


.dark.header .dropdown-menu > li > a,
.dark.header .mega-menu .menu > li > a {
  color: #dcdcdc;
  border-bottom: 1px solid rgba(57, 66, 69, 0.8);
  text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
}

.dark.header .mega-menu .menu > li > a:hover,
.dark.header .mega-menu .menu > li > a:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  border-color: rgba(57, 66, 69, 0.8);
}


.dark.header .dropdown-menu > li > a:hover,
.dark.header .dropdown-menu > li > a:focus,
.dark.header .nav .open > a,
.dark.header .nav .open > a:hover,
.dark.header .nav .open > a:focus,
.dark.header .dropdown-menu > .active > a,
.dark.header .dropdown-menu > .active > a:hover,
.dark.header .dropdown-menu > .active > a:focus,
.dark.header .dropdown-menu .menu > .active > a,
.dark.header .dropdown-menu .menu > .active > a:hover,
.dark.header .dropdown-menu .menu > .active > a:focus {
  background-color: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  border-color: rgba(57, 66, 69, 0.8);
}




/* auskommentiert sonst keine weisse schrift
.header-top.dark, .header-top.colored {
  color: #4c4c4c;
}
 */

/* first level menu item */
.navbar-default .navbar-nav > li > a {
    color: @gray-dark;
    font-size: 15px;
    padding: 25px 15px 25px 5px;
    z-index: 102;
    border: none;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    .transition(none);
}

.header-top:not(.dark) + .header.dark {
  border-top-color: #d2d2d2;
}


.list-inline {
  margin-top: 5px;
  margin-bottom: 2px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 0px;
  padding-right: 0px;
}



.container .owl-carousel {
  cursor: default;
  cursor: -moz-default;
  cursor: -webkit-default;
  margin-bottom: 10px;
}



.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: 25px;
  left: auto;
  right: 4px;
  line-height: 1;
  
  font-size: 17px;
}

/* first level active menu item when opened einstellungen für Punkt untermenue */
.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, 0, 0, 0.2);
  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: #0030e0;
  background: linear-gradient(180deg, rgba(255, 0, 0, 0.85) 98%, rgba(255, 255, 255, 0.98));
  border-bottom: 1px solid #000000e6;
}



.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)
}

/* Hintergurnd für drop down menue */
.dark.header .dropdown-menu {
    background-color: rgba(0, 112, 125, 0.94);
}

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


a {
    color: #337ab7;
}

.hell a {
    color: #ade0e0;
}



.banner.default-translucent-bg2 {
  min-height: 250px;
  padding-top: 60px;
  padding-bottom: 20px;
}


.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-bg2.hovered:hover:after {
  background-color: rgba(0, 0, 0, 0.2);
}

.banner.parallax,
.banner.light-translucent-bg2,
.banner.dark-translucent-bg2,
.banner.default-translucent-bg2 {
  min-height: 250px;
  padding-top: 60px;
  padding-bottom: 20px;
}





.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;
}



.testimonial-image {
  width: 290px;
  margin: 0 auto;
}