/*
Theme Name: Dreampainter
Description: Dreampainter WP-Bootstrap-Theme
Author: S. Braun
Author URI: http://www.dreampainter.de
Version: 1.4.6
Tags: responsive, dreampainter
*/


body, html {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1em;
  line-height: 1.7em;
  box-sizing: border-box;
}

.alignleft { float: left; margin: 0px 15px 15px 0px; }
.alignright { float: right; margin: 0px 0px 15px 15px; }
.aligncenter { display: block; margin: 0px auto; }

a { color: #77A1AD; }


/* Header */
h1, h2, h3, h4, h5, h6, h7, h8 { color: #89B5C2; }

/* Helper Classes */
.white { color: #FFF; }

/* Top Bar */
#top-bar { min-height: 40px; background: #575757; color: #FFF;  }
#top-bar .row > div { padding-top: 5px; padding-bottom: 5px; }
#top-bar h2.widgettitle { margin: 0px; padding: 0px; font-size: 18px; font-weight: bold; color: #FFF; }


/* Structure */
#header-container {  }
#header-container .navbar { margin: 0px; }
#logo, #header-right, #header-left, #header-center { margin: 20px 0px; }


#content { background: #FFF; padding: 0px 20px; }


#footer-secondary { background: #656364; color: #FFF; }
#footer-secondary-copyright { font-size: 0.8em; }
#footer input { color: #3F3F3F; }
.footer-widget h4 i { display: none; }


#main-nav-row-container { background: #818181; }

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Navbar
.navbar { background: #818181; border: 0px; }
.navbar .nav > li > a { color: #FFF; }
.navbar .nav > li > a:hover { background: #89b5c2; }
 */

.navbar-wrapper .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}

#mobile-nav { display: none; }
#header-right .nav, #header-left .nav, #main-nav-container { display: block; }
#header-left .nav-pills > li, #header-right .nav-pills > li { float: none; display: inline-block; }
#header-right { text-align: right; }


/* Sidebar */
#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5 {
    margin: 0px 0px 15px 0px;
    padding: 0px;
    color: #817F82;
}

#sidebar .textwidget, #sidebar .menu-info-container { margin-bottom: 20px; }
#sidebar .menu { margin: 0px 0px 0px 30px; padding: 0px; }
#sidebar .menu a { display: block; }
#sidebar .menu .current-menu-item { font-weight: bold; }


/* Slider */


/* cta */
.jumbo-cta { padding: 0px 10px; color: #FFF; }
.jumbo-cta div { height: 70px; line-height: 70px; text-align: center; }
.jumbo-cta div:first-child { background: #89B5C2; }
.jumbo-cta div:last-child { background: grey; }
.jumbo-cta h2 { margin: 0px; line-height: 70px; color: #FFF; }
.jumbo-cta a { display: block; color: #FFF; }

/* Teaser */


/* Forms */


/* Tables */


/* other elements */
img { max-width: 100%; }

#map { margin-bottom: 30px; }

#map, #map_canvas { 
    width: 100%; 
    height: 400px; 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}


#search-container { text-align: right; }
#searchform { margin: 10px 0px 10px 0px; padding: 0px; }
#searchform input.form-control { padding: 0px 5px; line-height: 1em; height: 30px; width: 170px; }

#scrollToTop {
	width:50px; 
	height:50px;
        line-height: 50px; 
	text-align:center; 
	background: #5B5B5B;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	position:fixed;
        z-index: 10000;
	bottom:20px;
	right:20px;
	display:none;
}
#scrollToTop:hover{
	text-decoration:none;
        background: #5B5B5B;
        color: #FFF;
}
#scrollToTop i {
        line-height: 40px;
}

#cookies-note { 
    display: none;
    position: fixed; 
    width: 100%; 
    box-sizing: border-box; 
    padding: 15px 2%; 
    background: rgba(55,55,54,0.9);
    color: #FFF;
    text-align: center;
    line-height: 1.2em;
}

.cookies-note-top { top: 0px; }
.cookies-note-bottom { bottom: 0px; }

.cookies-note-btn {
    color: #fff;
    background-color: #FF6100;
    border: 0px;
}


/* Contact-Bar */
#contact-bar {
    position: absolute;
    top: 0px;
    z-index: 100000;
    margin-top: 150px;
}

#contact-bar.contact-bar-fixed {
    position: fixed;
}

#contact-bar.contact-bar-scroll {
    position: absolute;
}


#contact-bar.contact-bar-right {
    right: 0px;
    text-align: right;
}

#contact-bar.contact-bar-left {
    left: 0px;
    text-align: left;
}

#contact-bar .btn { 
    position: relative;
    display: block; 
    border: 0px;
    margin-bottom: 1px;
    border-radius: 0px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    overflow: hidden;
    font-size: 26px;
    padding: 0px;
}

#contact-bar.contact-bar-left .btn {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#contact-bar.contact-bar-right .btn {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.contact-bar-content-container {
    position: absolute;
    top: 0px;
    right: 0px;
    box-sizing: border-box;
    padding: 0px;
}

.contact-bar-content-container-right {
    right: 0px;
}

.contact-bar-content-container-left {
    left: 0px;
}

.contact-bar-content {
    position: fixed;
    top: 0px;
    right: -300px;
    width: 300px;
    height: 100%;
    background: rgba(255,255,255,1);
    color: #000;
    z-index: 10000;
    box-sizing: border-box;
    padding: 20px;
    opacity: 1;
    -webkit-box-shadow: inset 8px 0px 6px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 8px 0px 6px -5px rgba(0,0,0,0.75);
    box-shadow: inset 8px 0px 6px -5px rgba(0,0,0,0.75);
    overflow: scroll;
}

.contact-bar-content-container-right .contact-bar-content {
    right: -300px;
    -webkit-box-shadow: inset 8px 0px 6px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 8px 0px 6px -5px rgba(0,0,0,0.75);
    box-shadow: inset 8px 0px 6px -5px rgba(0,0,0,0.75);
}

.contact-bar-content-container-left .contact-bar-content {
    left: -300px;
    -webkit-box-shadow: inset -8px 0px 6px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: inset -8px 0px 6px -5px rgba(0,0,0,0.75);
    box-shadow: inset -8px 0px 6px -5px rgba(0,0,0,0.75);
}

.contact-bar-content-container-dismiss { position: absolute; top: 5px; right: 5px; color: #c8c8c8; border: 0px; }
.contact-bar-content-container-dismiss:hover { color: #adadad; border: 0px !important; }

.sticky { position: fixed; z-index: 10000; }


/*
 * Cookie Consent
 */

#cookie-consent-modal { line-height: 1.3em; }
#cookie-consent-modal #cookie-consent-form { margin: 15px 0px; }
#cookie-consent-modal #cookie-consent-form label { font-weight: bold; margin-right: 20px; min-width: 150px; }
#cookie-consent-modal #cookie-consent-form .btn-details { cursor: pointer; display: inline-block; margin-bottom: 10px; }
#cookie-consent-modal #cookie-consent-form .collapse { }
#cookie-consent-modal #cookie-consent-form .collapse table th:first-child { }
#cookie-consent-modal #cookie-consent-form .categorie-description { margin-bottom: 20px; }



@media (min-width: 1025px) {
    #footer-container.footer-fixed { position: fixed; bottom: 0px; z-index: -1; width: 100%; }
    #footer-container.footer-sticky { position: fixed; bottom: 0px; z-index: 100; width: 100%; }
}


@media (max-width: 1200px) {
    
    .header-style-3 #header-left, .header-style-3 #header-right { display: none !important; }
    .header-style-3 #logo { text-align: center; }
    #mobile-nav { display: block; }
    #mobile-nav .navbar { padding: 0px 10px; }
    #mobile-nav .navbar-toggle { margin-right: 0px; }
    #mobile-nav .navbar-collapse { padding-left: 0px; padding-right: 0px; }
    #main-nav-container, .main-nav-container, #menu-hauptmenue, #menu-hauptmenue.nav { display: none !important; }
    #mobile-nav .navbar-inverse { border: none;}
}



@media (max-width: 960px) {
    
    #search-container  {
        position: absolute;
        z-index: 1000;
        margin-top: -50px;
        right: 20px;
        width: 100%;
        text-align: right;
    }
    
    
    #searchform input.form-control { display: inline-block; }

}

@media (max-width: 767px) {

    #search-container  {
        position: absolute;
        z-index: 1000;
        left: 10px;
        width: 300px;
        margin-top: 0px;
        text-align: left;
    }
    
    #searchform input.form-control { display: inline-block; }
    
    #footer .row .container .row > div { margin-bottom: 20px; }
    #footer-secondary * { text-align: center; }
    
    .footer-widget { border-bottom: 1px solid #000; }
    .footer-widget h4 { cursor: pointer; }
    .footer-widget h4 i { float: right; display: block; }
    /* .footer-widget > div { display: none; } */
    
}


@media (max-width: 600px) {
    
    #logo { text-align: center; width: 100%; }
    #header-right, #header-left { display: none; } 
    
}

@media (max-width: 480px) {
    
    body *, #content { }
    img { max-width: 100%; } 
    #search-container { width: 240px; } 
    
}