html, body {
background-image: url(holzhintergrund.jpg);
background-repeat: repeat;
background-size: inherit;
background-attachment: inherit;
background-position: 0 0;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/barlow-condensed-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Barlow Condensed Regular'), local('BarlowCondensed-Regular'),
       url('fonts/barlow-condensed-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/barlow-condensed-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/barlow-condensed-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/barlow-condensed-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/barlow-condensed-v4-latin-regular.svg#BarlowCondensed') format('svg'); /* Legacy iOS */
}

a {
  color: #333;
}
#sp-main-body a:hover {
  text-decoration: underline;
}
.sp-megamenu-parent >li.active>a,
.sp-megamenu-parent >li:hover>a {
  color: #fff;
  background: #ff9900;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: #ff9900;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  background: #ff9900;
}
#offcanvas-toggler >i {
  color: #fff;
}
#offcanvas-toggler >i:hover {
  color: #999;
}
.btn-primary,
.sppb-btn-primary {
  border-color: #0faae4;
  background-color: #004d9e;
}
.btn-primary:hover,
.sppb-btn-primary:hover {
  border-color: #0d8ab9;
  background-color: #0e9cd1;
}
ul.social-icons >li a:hover {
  color: #004d9e;
}
.sp-page-title {
  background: #004d9e;
}
.layout-boxed .body-innerwrapper {
  background: #ffffff;
}
.sp-module ul >li >a {
  color: #000000;
}
.sp-module ul >li >a:hover {
  color: #004d9e;
}
.sp-module .latestnews >div >a {
  color: #000000;
}
.sp-module .latestnews >div >a:hover {
  color: #004d9e;
}
.sp-module .tagscloud .tag-name:hover {
  background: #004d9e;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
  background: #004d9e;
}
.search .btn-toolbar button {
  background: #004d9e;
}
.post-format {
  background: #004d9e;
}
.voting-symbol span.star.active:before {
  color: #004d9e;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
  color: #0e9cd1;
}
.entry-link,
.entry-quote {
  background: #004d9e;
}
blockquote {
  border-color: #004d9e;
}
.carousel-left:hover,
.carousel-right:hover {
  background: #004d9e;
}
#sp-footer {

}
.sp-comingsoon body {
  background-color: #004d9e;
}
.pagination>li>a,
.pagination>li>span {
  color: #000000;
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
  text-decoration: none !important;
}
.pagination>.active>a,
.pagination>.active>span {
  border-color: #004d9e;
  background-color: #004d9e;
  color: #fff;
}
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
  border-color: #004d9e;
  background-color: #004d9e;
  color: #fff;
}


h1 {font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; text-transform:uppercase; color: #0e91cb;}
h2,h3,h4,h5,h6 {font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif; color: #69c3cd;}

#sp-header {max-width: 100% !important;}

@media (max-width: 992px) {#sp-header {top: 35px;} #sp-header .logo {top: -76px}}
@media (max-width: 768px) {#sp-header {top: 80px;} #sp-header .logo {top: -76px}}

#sp-navigation.menu-fixed {
    position: fixed;
    z-index: 9999;
	display: block;
	width: 100%;
	max-width: 1240px;
}

#sp-navigation {
    position: relative;
    top: 0;
    z-index: 99;
}

.homebutton .fa-home{font-size: 25px; margin-top: 5px;width: 23px;}
.kontakt img {display: inline; padding: 5px 15px 5px 0;}


ul.nav.menu {padding-top: 30px;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:focus > a, .sp-megamenu-parent > li:active > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {color: #fff; background-color: #0e91cb;}
.sp-megamenu-parent > li:hover > a {background: #69c3cd;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module li.active > a, .offcanvas-menu .offcanvas-inner .sp-module .deeper.parent li.active > a {color: #fff; background-color: #0e91cb;}

table tr td {padding: 0px 15px 0px 5px;}
table tr:nth-child(odd) {background: rgba(0,0,0,0.05);}
@media (max-width: 992px) {table tr td {padding: 0px 3px 0px 3px;}}
@media (min-width: 768px) {#sp-right {padding-top: 55px;}}


@media (max-width: 991px) {.startbox {width: 46%; margin-bottom: 20px; float:left}}
@media (max-width: 500px) {.startbox {width: 100%; margin: 0 0 20px 0; min-height: auto;}}

.startbox h3 {color: #fff;}
.startbox hr {border: 0 solid #000; background: transparent; height: 0; width: 70%; margin: 15px auto; border-bottom: 1px solid rgba(255,255,255,0.5);}

#sp-right ul.nav.menu li a{padding-left: 15px; background: #004d9e; color: #fff; word-wrap: break-word;}
#sp-right .nav.menu .current.active a, #sp-right ul.nav.menu li a:hover {background: #ff9900; color: #fff; text-decoration: none;}

#sp-footer {background-color: #333;}

#sp-main-body .pull-left {padding-right: 15px; display: block;}
@media (max-width: 600px) {#sp-main-body .pull-left {float: none; padding: 0;}}

#sp-main-body #sp-component {font-size: 16px; line-height: 25px;}
.pagination-wrapper {padding-top:30px; border-top: 1px solid #333;}


#sp-main-body article.item li {padding-top: 7px;}

a[href$=".pdf"]{
background-image: url(../../../../images/pdf.png);
background-position: center left;
background-repeat: no-repeat;
padding-left: 35px;
height: 30px;
display: inline-block;
padding-top: 3px;
}

.newsflash-title:nth-child(n + 2) {padding-top: 15px; border-top: 1px solid #004d9e;}
.newsflash-title {font-weight: bold;}
.newsflash p {line-height: 22px;}
.readmore {background: #004d9e; color: #fff; margin-top: 8px; display: inline-block; position: relative;}
a.readmore {padding: 7px 12px;}
a.readmore:hover {text-decoration: none !important; color: #fff; background: #ff9900;}
.newsdate {color:#777; font-size: 16px; font-weight: normal; padding-bottom: 7px; display: inline-block;}
.newsdate:before {content: 'Ver\00f6 ffentlicht:  '}

#sp-right .category-module.mod-list li a {line-height: 22px; list-style: circle; padding: 5px; font-size: 16px;}
#sp-right .mod-articles-category-group {font-size: 22px; font-weight: bold; color: #004d9e; padding-top: 15px;}
#sp-right .mod-articles-category-date {padding: 7px 0 0 0; display: inline-table; color: #777;}
#sp-right a.mod-articles-category-title:hover, #sp-right a.mod-articles-category-title.active {background: rgba(0,0,0,0.07); color: #004d9e; text-decoration: none;}

#sp-top-bar {font-size: 16px;}

body.startseite #sp-page-title {background-color: #333333; padding: 0 5px 5px 5px; margin: 60px 0 0 0;}
@media (min-width: 768px) and (max-width: 991px) {body.startseite #sp-page-title {margin: 35px 0 0 0;} #sp-top2 { text-align: right;}}
@media (max-width: 768px) {body.startseite #sp-page-title {margin: 80px 0 0 0;}}

#sp-bottom {border-top: 5px solid #333;}
#sp-bottom1 {width: 100%;}
#sp-bottom1:before {background: url(zimmermann.png); width: 150px; height: 172px; position: absolute; content: ''; right: 50px; top: -170px;}
@media (max-width: 768px) {#sp-bottom1:before {top: -190px;} #sp-main-body {padding-bottom: 60px;}}
#sp-bottom h3 {color: #fff;}
#sp-footer a {font-size: 18px;}
#sp-footer a:hover {color: #999;}

#sp-page-title .sp-module ul > li > a {padding: 0;}

#sp-main-body {background: url(zunftzeichen-der-zimmerleute.gif); background-position: center 60%; background-repeat: no-repeat;}

/* Slideshow flicker */
ul.uk-slideshow li {  
  -webkit-transition: none !important;  
  transition: none !important;  
}