/*
Theme Name: Nachbarschaftspflege
Theme URI: https://diekommune.cc
Author: Steffen Sauer
Author URI: https://www.akasu.de
Description: 
Version: 2.5.0
Template: sparkling
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sparkling
Domain Path: /languages/
Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments

This theme, like WordPress, is licensed under the GPL.

sparkling is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.


Nachbarschaftspflege (Berlin):  Blog ID 1
Wittstock:  Blog ID 2

*/

@import url("fonts/genericons.css");

:root {
    --sdb-color-1: #d4b915;
    --sdb-color-2: #009ed4;
    --sdb-color-3: #6e2c4b;
    --sdb-color-4: #fbf9ec;
    --mainfont-regular: KlinicSlab-Book, sans-serif;
    --mainfont-bold: KlinicSlab-Bold, sans-serif;
    --mainfont-bold_italic: KlinicSlab-BookItalic, sans-serif;
}

body { 
    font-family: var(--mainfont-regular);
    background: #235a69;
    letter-spacing: 0.04em;
    -webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
}

b, strong {
    font-family: var(--mainfont-bold);
    font-weight:normal;
}

em {
    font-family: var(--mainfont-bold_italic);
    font-style:normal;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--mainfont-bold);
    font-weight:normal;
}

header nav {
    background: #235a69 !important;
}

header nav .container {
    background: #FFF;
}

#logo img {
    width: 100px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0;
}

.main-content-area {
    background: #FDFCFA;
}

.main-content-area ::selection {
    background-color:#235a69;
    color:white;
}
.website-5 .btn,
.website-5 .main-content-area ::selection {
    background-color:var(--sdb-color-1);
    color:white !important;
}


.post-inner-content {
    border: 0 !important;
    padding-top: 28px;
    margin-bottom: 15px;
}

body.website-5 .post-inner-content {
    border: 0 !important;
    padding-top: 28px;
    margin-bottom: 0;
}
.post-inner-content {
    padding-bottom:0;
}
#colophon {
    border:0;
    background: #235a69 !important;
    padding: 0;
}

.main-content-area {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 30px;
}

header .container {
    padding: 0 30px;
}


.site-info {
    background: #fdfcfa;
	padding-bottom: 30px;
}

body.website-5 .site-info {
	padding-top: 15px;
}

@media only screen and (max-width: 991px) {
	body.website-5 .site-info {
		padding-top: 0;
	}
}

.nav.navbar-nav {
    float: right;
    top: 30px;
    position: relative;
}

@media only screen and (min-width:768px) and (max-width:1199px) {
	.nav.navbar-nav {
    	float: none;
    	top: 0;
	}
	
	.navbar-nav {
    	margin-right: 0 !important;
    	margin-left: 0 !important;
	}
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > .caret,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: transparent;
}

body.website-5 .navbar-default .navbar-nav > .active > a,
body.website-5  .navbar-default .navbar-nav > .active > .caret,
body.website-5  .navbar-default .navbar-nav > .active > a:hover,
body.website-5  .navbar-default .navbar-nav > .active > a:focus,
body.website-5  .navbar-default .navbar-nav > li > a:hover,
body.website-5  .navbar-default .navbar-nav > li:hover > a,
body.website-5  .navbar-default .navbar-nav > li > a:focus,
body.website-5  .navbar-default .navbar-nav > .open > a,
body.website-5  .navbar-default .navbar-nav > .open > a:hover,
body.website-5  .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: var(--sdb-color-2);
}

.navbar-nav li {
    font-size: 1.8em !important;
    border: 3px solid #235a69;
    border-radius: 6px;
    margin: 5px;
    padding:0;
    line-height:.9em;
    text-transform: uppercase;
}

.navbar-nav > li {
    background: none !important;
}

.navbar-default .navbar-nav > li > a {
    font-size:0.6em;
    letter-spacing: .04em;
    padding:7px 6px 6px 6px;
    border:0;
    position:relative;
    display:block;
}

@media only screen and (min-width:768px) and (max-width:991px) {
	body.website-1 .navbar-default .navbar-nav > li > a,
	body.website-2 .navbar-default .navbar-nav > li > a,
	body.website-3 .navbar-default .navbar-nav > li > a {
    	font-size:0.4em;
	}
}

.navbar-nav > li.active, .navbar-nav > li.current-page-ancestor > a, .navbar-nav li:hover {
    background: #235a69 !important;
    color: #fff !important;
}

.navbar-nav li a:link, .navbar-nav li a:visited {
    background: none;
    color: #235a69;
}

.navbar-default .navbar-nav > .active > a {
    color: #fff !important;
}

.navbar-nav li a:active {
    color: #fff;
}

.navbar-nav li.active, .dropdown-menu > .active a, .navbar-nav li.current-page-ancestor a.active{
    background: #235a69;
    color: #fff !important;
}

.navbar-nav li.active {
    background: transparent;
    color: #fff !important;
}

.dropdown-menu > .active a {
	background-color: var(--sdb-color-2);
	color: #fff !important;
}

.navbar-nav a:hover {
    background: #235a69 !important;
    color:#fff !important;
}

.dropdown-menu > .active a, .dropdown-menu > .active a:hover {
    border: 3px solid #235a69;
    background: #235a69 !important;
    color:#fff !important;
}

.navbar-nav > li > .caret {
    display:none;
}

.navbar.navbar-default {
    font-family: var(--mainfont-bold);
    font-weight:normal;
}

.navbar-default .navbar-nav > li > a {
    line-height: 1.3em;
}

.dropdown-menu {
    background-color: transparent !important;
    box-shadow: none;
    border-radius: 0;
    margin-left:0;
    padding-left:0;
    left:-20px;
}

.dropdown-menu li {
    padding:5px;
    border:0;
    height:0;
}

.dropdown-menu li {
    padding: 5px;
    border: 0;
    margin: 3px 0 -10px 12px;
}

body.website-5 .dropdown-menu li {
    padding: 5px;
    border: 0;
    margin: 3px 0 -13px 12px;
}

.dropdown-menu li a {
    border: 3px solid #235a69;
    border-radius: 6px;
    padding:8px 6px 5px 6px;
    font-size: 0.65em;
    font-weight:normal;
    color: #235a69;
}

.dropdown-menu li:hover {
    background:transparent !important;
}

.navbar-nav li:hover .dropdown-menu li {
    height: 55px !important;
}

.navbar-nav li.popmake-service, .navbar-nav li.popmake-service:hover {
    background: #e65046 !important;
    color:#fff !important;
    margin-left:20px !important;
    margin-right: 0;
    border-color: #e65046;
}

@media only screen and (max-width: 991px) {
	.navbar-nav li.popmake-service,
	.navbar-nav li.popmake-service:hover {
		margin-left:15px !important;
	}
}

.navbar-nav li.popmake-service a, .navbar-nav li.popmake-service a:link, .navbar-nav li.popmake-service a:visited, .navbar-nav li.popmake-service a:hover{
    background: #e65046 !important;
    color:#fff !important;
}

.top-section {
    margin-right: auto;
    margin-left: auto;
    max-width: 1170px;
    padding-top: 30px;
    background: #fff;
    position: relative;
    overflow: hidden;
    display:block;
}

#secondary .widget {
    margin-bottom: 30px;
}

.well {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin:0;
    padding:0;
    background:transparent !important;
}

.main-content-area {
    padding-bottom: 0;
}

.main-content-inner h1 {
    font-weight:normal;
    font-family: var(--mainfont-regular);
}

.entry-title {
    color: #235a69;
}

.entry-content {
    font-size: 1.3em;
    color: #235a69;
}

.top-section {
    margin-right: auto;
    margin-left: auto;
    max-width: 1170px;
    padding-top: 0;
    background: #fff;
}

.start-menu-item {
	border-radius: 12px;
    width: 31%;
    float:left;
    padding: 15px;
    text-align:center;
    background: #e65046;
    color: #fff;
    height: 200px;
    text-transform: uppercase;
    font-size:1.1em;
    font-family: var(--mainfont-regular) !important;
    font-style:normal;
    font-weight:normal;
    margin-right: 3.5%;
}

.start-menu-item.sm-item-3 {
    margin-right: 0;
}

.start-menu-item h3 {
    color:#fff;
    text-transform: uppercase;
    font-size: 1.8em;
    font-family: var(--mainfont-bold) !important;
    font-style:normal;
    font-weight:normal;
}

.start-menu-item .genericon {
    font-size: 2em;
}

.zitate {
    background:#fff;
    margin-bottom:5px;
    padding:5px;
    font-size: 1em;
    color: #235a69;
}

.zitate img {
    margin-top: -2px;
}

.zitate div {
    margin: 0;
    padding: 0;
}

.zitate div.col-sm-9 {
    margin-left:5px;
    float:left;
    width:70%;
    margin-top: -5px;
    line-height:1.3;
}

.content-with-video #primary, .content-with-video #secondary {
    top:0;
}

.home .content-with-video #primary, .home .content-with-video #secondary {
	top: -72px;
}

.subimage {
    position: relative;
    margin-top: 50px;
}

.subimage .caption {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 0.8em;
    text-transform: uppercase;
    width: 100px;
    line-height: .95em;
}

#menu-start {
	margin: 0 15px;
}

@media only screen and (max-width:768px) {
	#menu-start {
		padding-top: 15px;
	}
}

.start-menu-item {
	margin-bottom: 70px;
    margin-top: -48px;
}

body.website-5 .start-menu-item {
	margin-bottom: 70px;
    margin-top: -49px;
}

@media only screen and (max-width: 1199px) {
	.start-menu-item {
		margin-bottom: 70px;
    	margin-top: -47px;
	}
}

@media only screen and (max-width:768px) {
	.start-menu-item {
    	margin-top: 0 !important;
    	margin-bottom: 15px !important;
	}
}

a.start-menu-link  {
    display: block;
    color: #fff;
    margin-top: 0;
}

.start-menu-item h3 {
    margin-top:10px;
    margin-bottom:0;
    font-family: var(--mainfont-bold);
    font-weight: normal;
    font-style: normal;
}

.start-menu-item .genericon {
    display:block;
    font-size:5em;
}

.lgc-column {
    text-transform: uppercase;
    position: relative;
    text-align: center;
    font-weight:normal;
    font-size:1.3em;
    font-family: var(--mainfont-bold);
}

.lgc-column .wp-caption {
    border:0;
    margin:0;
    padding:0;
    font-weight: normal;
    font-size:.7em;
    font-family: var(--mainfont-regular);
}

.lgc-column .wp-caption-text {
    position:absolute;
    top: 0;
    left:0;
    margin: 0;
    padding:5px;
    text-align: left;
    background: rgba(253, 252, 250,.5);
}

.inside-grid-column {
    margin: 0;
    padding: 0;
}

.widget_execphp li a .genericon {
    position:absolute;
    right:10px;
}

.submenu a {
    width:100%;
    display:block;
}

.widget_ultimate_posts {
    padding: 30px 30px 20px 30px;
    color: #235a69 !important;
}

.widget_ultimate_posts a, .widget_ultimate_posts a:hover {
    color: #235a69 !important;
    background: transparent;
}

.widget_ultimate_posts a.more-link {
    text-transform: none;
    float:none;
    display:block;
    font-size:1em;
    text-decoration:underline;
    padding:0;
    margin:0;
    color:#235a69 !important;
}

.upw-posts article {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
    border-top: 1px solid #235a69;
    border-bottom: 0;
    padding-top: 35px;
    position:relative;
    font-size: 1.4em;
}

.upw-posts .entry-meta {
    color: #235a69;
    font-size: 1.2em;
    margin-bottom: 1em;
    line-height: 1.4em;
    position: absolute;
    top: 10px;
}


.upw-posts .entry-summary {
    line-height: 1.2em;
    margin:-0.5em 0 0 0;
}

#secondary .entry-title {
    font-size: 1em !important;
    padding: .1em 0 .2em 0;
}

h1, h2 , h3, h4, h5, h6, p, ul, li, .entry-content a {
    color: #235a69;
}

.featured_stoerer {
    position: absolute;
    top:30px;
    right:30px;
    font-size: 1.4em;
    line-height:1.2em;
    width:175px;
    height:175px;
    border-radius:100px;
    text-align:center;
    background: #e65046;
    color:#fff !important;
    text-transform: uppercase;
    padding:30px 5px 5px 5px;
}

.featured_stoerer a, .featured_stoerer p {
    color:#fff !important;
}

.featured_stoerer .genericon {
    font-size: 3em;
    top: -10px;
    position: relative;
}

.entry-content a {
    text-decoration: underline;
}

.entry-content h1 {
    font-size: 1em;
    font-weight:normal;
    margin-bottom: 0;
    text-transform: uppercase;
}

.type-page header {
    margin-bottom: 0;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
}

article .entry-content h2 {
    font-size:1.4em;
    margin-bottom:30px;
    letter-spacing: 0;
}

article .entry-content p {
    font-size:1em;
    margin-bottom:30px;
}

article .entry-content {
    font-size: 1.4em;
    line-height: 1.3em;
    margin-top:0;
}

footer .col-sm-4 {
    width: 100%;
}

.footer-widget-area .widget {
    margin:0;
    padding:0;
}

#footer-area .footer-widget-area {
    margin: 0;
    padding:0;
}

footer .copyright {
    width: 100%;
    background:#fff;
    color: #235a69;
    font-size: 1.4em;
    text-align:center;
    letter-spacing: .06em;
    margin: 0 auto;
    padding: 20px 0 !important;
    max-width: 1140px;
    float: none;
}

@media only screen and (max-width: 1199px) {
	footer .copyright {
		max-width: 940px;
	}
}

footer .copyright {
    border-top: 1px solid #235a69;
    background: #fdfcfa;
}

footer a, footer a:hover {
    color: #235a69 !important;
}

h5 {
    color: #e65046;
    font-size:2em;
}

h6 {
    color: #e65046;
    font-size:1.3em;
}


hr {
    border-top: 1px solid #e65046;
    height:1px;
}

.fusszeile {
    margin-top: 30px;
    background: #e65046;
    color: #fff;
    text-align:center;
    padding: 20px;
    font-size: 1.4em;
    display: block;
    clear: both;
    overflow: hidden;
}

.fusszeile p {
    color:#fff;
    margin-bottom:0 !important;
}

.fusszeile hr {
    border-top: 1px solid #fff;
    height: 1px;
    margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.scroll-to-top, .scroll-to-top:hover {
    color: #235a69;
    border-radius: 0;
    background: transparent;
    right: 0 !important;
    font-size:1.8em;
    width: 30px;
    line-height: 30px;
}

#primary .parent-submenu {
    display:none;
    margin-top: -50px;
}

.popmake-content .lgc-column {
    text-transform: uppercase;
    position: relative;
    text-align: left;
    font-weight: normal;
    font-size: 1.3em;
    font-family: var(--mainfont-regular);
}

.fb-mobile, .service-mobile {
    display:none;
    text-transform: uppercase;
}


.entry-content form label {
    max-width: 47%;
    float:left;
    padding-right:20px;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: middle;
    max-width: 100%;
}

form hr {
    clear:both;
    opacity:0;
}

.wpcf7 input[type="submit"] {
    background: #e65046 !important;
    color:#fff !important;
    border: 0;
    text-transform: uppercase;
    font-family: var(--mainfont-bold);
    font-size:100%;
    padding:0.45rem 12px 0.55rem 12px;
    letter-spacing: .04em;
	border-radius: 6px;
}
.wpcf7 input[type="file"] {
    position: relative;
}
.fileupload-label {
    max-width: 100% !important;
    width:calc(100% - 40px);
}
.fileupload-label input[type=file] {
    font-size: 1.5rem;
    font-family: var(--mainfont-regular);
}
.wpcf7-list-item-label {
    color: #235a69;
}
.logo-pakt {
    margin-top:1em;
}
.page-child .widget_execphp {
    /*display: none !important;*/
}

input[type="text"], input[type="email"], input[type="submit"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea {
    border-radius: 0;
    border: 1px solid #235a69;
}

.wmpci-popup-wrp.splash {
    background: #fdfbf9;
}

.wmpci-popup-body p {
	margin: 0;
}


/* Start-Popup */

.wmpci-popup-wrp * {
    background: transparent !important;
}

.wmpci-popup-wrp .wmpci-popup-close {
	display: block;
    background: transparent !important;
    height: auto !important;
    position: unset !important;
    width: auto !important;
    right: auto !important;
    top: auto !important;
}

.popup-button a.wmpci-popup-close {
	display: inline-block;
	text-transform: uppercase;
	border: 3px solid;
	padding: 3px 5px 1px 5px;
	font-family: var(--mainfont-bold);
}

.popup-button a.wmpci-popup-close:hover {
	color: #FFF !important;
	background: #d94147 !important;
	border: 3px solid #d94147 !important;
}

img.wmpci-popup-close {
	cursor: pointer;
}

.content-below-video #secondary, .content-with-video #primary {
    padding-left: 0;
    top: -83px;
}

.centered {
    margin:0 auto;
}
.centered .menu {
    background-color:#8cc3af;
}

/* Service - Pop-Up */

html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] {
    padding-right: 0;
}
.yt-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
.yt-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sidebar .menu-item a:hover {
    opacity: 0.9;
}

/* Mobile */

@media only screen and (min-width:768px) {
    .top-section {
        width: 970px;
    }
    
    .post-inner-content {
    	border: 0 !important;
    	padding-left: 30px;
    	padding-right: 30px;
	}
    
    .scroll-to-top, .scroll-to-top:hover {
        width: 100%;
        bottom: 0;
        z-index: 10002;
    }
}

@media only screen and (max-width:991px) {
    .top-section {
        width: 750px;
    }
}

@media only screen and (max-width:767px) {
    .top-section {
        width: 100%;
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {

	
	.navbar-header {
    	width: 100%;
    	text-align: center;
	}
}

@media only screen and (min-width:1200px) {
    .top-section {
        width: 1170px;
    }
}

@media only screen and (max-width: 1199px) {
    .top-section {
        height: auto;
    }
}

@media only screen and (max-width: 991px) {
    
    .navbar-nav li {
        border: 3px solid #235a69;
        margin: 5px 5px 5px 0;
        padding: 0;
        line-height: .9em;
        text-transform: uppercase;
    }

    .home .content-with-video #primary, .home .content-with-video #secondary {
        top: 30px;
    }

    .wpgmp_map {
        width: 100% !important;
    }

    #primary .menu li.menu-item-has-children {
       background: transparent !important;
        padding: 0 !important;
    }

    #primary .menu li.menu-item-has-children a {
        color: #fff !important;
        background: #235a69 !important;
        padding: 13px 10px 13px 10px;
        margin-bottom: 10px;
        display:block;
    }

    #primary .menu li ul li {
        padding: 0 !important;

    }

}

@media only screen and (max-width: 767px) {
    
    /* header */
    
    .navbar-nav li {
        font-size: 1.4em !important;
    }

    header nav .container {
        background: #FDFCFA;
    }

    #logo {
        text-align:center;
    }


    #logo img {
        width: 81px;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .navbar-toggle {
        content: 'Menü';
        position:absolute;
        left:15px;
        top:40px;
        color: #235a69;
        border: 3px solid #235a69 !important;
        border-radius: 0;
        width: 100px;
        height:32px;
        padding: 5px 13px 10px 5px;
    }

    .navbar-toggle:after {
        content: 'Menü';
        text-transform: uppercase;
        color: #235a69;
        font-size: 1.5em;
        top:-2.2rem;
        left:16px;
        position: relative;
    }

    .navbar-toggle .icon-bar {
        background-color: #235a69 !important;
        width:18px;
        height: 0.28rem;
		border-radius: 0;
    }

    .nav.navbar-nav {
        top:0;
        float:none;
    }
    
    .navbar-collapse {
        border-top: 0;
    }

    .navbar-collapse .navbar-nav li, .navbar-collapse .navbar-nav li a, .navbar-collapse .navbar-nav li a, .navbar-default .navbar-nav > .active > a {
        background: #fff;
        color: #235a69;
        width: 100%;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 1em;
        line-height: 1.2em;
        letter-spacing: .04em;
        padding: 3px 5px 0 5px;
        border: 0;
        position: relative;
        top: 0;
    }

    .top-section {
        height: auto;
        margin-top:0;
    }

    .featured_stoerer {
        width:105px;
        height:105px;
        font-size:1em;
        line-height:1em;
        padding: 25px 5px 5px 5px;
    }

    .featured_stoerer .genericon {
        font-size: 2em;
        top: -10px;
        position: relative;
    }
    
    #menu-start {
        margin-bottom: 0;
        top: 0 !important;
        position: relative;
        display: block;
        overflow: hidden;
    }

    .start-menu-item {
        width: 100% !important;
        display:block !important;
        overflow:hidden !important;
        margin-bottom: 15px !important;
        margin-left: 0 !important;
    	margin-right: 0 !important;
        position:relative !important;
        height:100px !important;
    }

    .start-menu-item h3 {
        margin-bottom:0;
        margin-top: 7px;
    }

    .start-menu-item .genericon {
        font-size: 4em;
        position: absolute;
        top: 10px;
        left: 10px;
    }

    #primary, #secondary {
        /*top:0 !important;*/
        position: unset;
    }
    
    .zitate {
        display:none;
    }

    .entry-content .col-sm-8 {
        padding-left: 0 !important;
        padding-right: 0;
        left: -5px;
        right: -5px;
    }

    footer {
        bottom: 0;
        background: #fff !important;
        overflow: hidden;
        z-index: 10000;
        font-size: 0.8em !important;
        height: auto;
        width: 100%;
    }
    
    footer .copyright {
        width: 100%;
        color: #235a69;
        font-size: 1.2em;
        text-align: center;
        letter-spacing: .06em;
        border:0;
        margin:0;
        padding: 20px 0 70px 0 !important;
    }

    #secondary .widget_execphp a {
        color: #C1C0C0;
        font-size: .8em;
    }
    
    .scroll-to-top, .scroll-to-top:hover {
    	color: #FFF;
    	background: #235a69;
    	opacity: 1;
	}
	
	.col-md-8, .col-sm-12 {
    	padding-right: 15px !important;
    	padding-left: 15px !important;
	}
	
	.post-inner-content {
		padding-top: 0;
	}
	
	.navbar-nav {
    	margin-right: 5px;
	}

    /* facebook */
    
    .fb-mobile, .service-mobile {
        display:block;
    }

    .fb-mobile {
        position:fixed;
        bottom:10px;
        left: 15px;
        background: #3b5998;
        width:30px;
        height: 30px;
    }

    .fb-mobile a, .fb-mobile a:link, .fb-mobile a:visited, .fb-mobile a:hover {
        color:#3b5998 !important;
        background: #3b5998 !important;
        width:30px;
        height:30px;
        z-index:1;
    }

    .fb-mobile:hover {
        background: #3b5998;
    }

    .fb-mobile a:after {
        color:#fff !important;
        background: #3b5998;
        font-family: 'Genericons';
        content: '\f204';
        position:relative;
        top:2px;
        left:-3px;
        z-index:1000;
        font-size:1.4em;
    }

    .service-mobile {
		background: url(https://www.nachbarschaftspflege-wittstock.de/wp-content/uploads/sites/2/2021/06/NBSP-Infobutton.png) !important;
		background-size: 100% !important;
		height: 34px;
		width: 34px;
        position: absolute;
        right: 15px;
        top: 48px;
    }

    .service-mobile a, .service-mobile a:link, .service-mobile a:visited, .service-mobile a:hover {
        color: transparent;
    }

    .entry-content form label {
        max-width: 100%;
        float:none;
        padding-right:0;
    }

    .home .top-section {
       height: unset !important;
    }

    .home .top-section iframe {
        top:0 !important;
    }

    .home .main-content-area {
        margin-bottom: 0;
    }

    .post-inner-content {
        border: 0 !important;
        padding-left: 0;
        padding-right: 0;
    }
    
    .home .post-inner-content {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .nav.navbar-nav {
    	margin-bottom: 15px;
	}
	
	.widget_execphp {
    	padding: 15px 15px 5px 15px;
	}
	
	#primary .parent-submenu {
    	margin: 0;
	}
	
	.submenu a {
    	text-transform: uppercase;
	}
	
	ul.submenu {
		margin-bottom: 0;
	}
	
	.main-content-area {
    	background: #fff;
	}
	
	h1 {
		margin-top: 30px;
	}
	
	.widget_media_image > h3,
	.widget_custom_html > h3,
	.widget_text > h3,
    .widget_nav_menu > h3 {
		color: #235a69 !important;
        margin: 0 !important;
    }
	
	.widget_media_image > h3,
	.widget_custom_html > h3,
	.widget_text > h3,
    .widget_nav_menu > h3 {
    	padding-top: 12px !important;
    	padding-left: 15px !important;
		padding-right: 15px !important;
		padding-bottom: 14px !important;
    }

	.widget_text p {
		margin-left: 15px !important;
		margin-right: 15px !important;
	}

	.col-md-8, .col-sm-12 {
    	padding-right: 15px;
    	padding-left: 15px;
	}

	.navbar-collapse {
    	margin-right: -20px;
	}

	.custom-html-widget iframe {
		margin-bottom: -9px;
	}

	.cff-wrapper {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.widget-area a {
		color: #235a69 !important;
		text-decoration: none;
		border-bottom: 1px solid #235a69;
	}

    .vimeo-div {
        top:79px;
        background: #FDFCFA !important;
    }

    .content-with-video {
        top: -20px;
    }

     .vimeo-div, .top-section img {
        position:relative;
    }

    /*#primary, #secondary {
        position: relative;
        top: -52px;
        z-index:10000;
        margin-bottom:-10px;
    }*/

    .content-below-video #secondary, .content-with-video #primary {
    	padding-left: 0;
    	top: -5px;
	}

}

@media only screen and (max-width: 668px) {
    #secondary {
        top: 45px !important;
        margin-bottom: 50px;
    }

    .vimeo-div {
        top: -25px;
    }

    .home .vimeo-div {
        top: -25px;
    } 

    .vidbg-container {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .start-menu-item {
        width: 100%;
        display:block;
        overflow:hidden;
        margin-bottom: 15px;
        position:relative;
        height:100px;
    }

    .start-menu-item h3 {
        margin-bottom:0;
        font-size:1.3em;
    }

    .start-menu-item .genericon {
        font-size: 4em;
        position: absolute;
        top: 20px;
        left: 10px;
    }

    .startmenu-text {
        width: 75%;
        display: inline-block;
        line-height: 1.2em;
    }
    
    footer .copyright { 
        font-size: 0.9em;
        height: 75px;
        padding: 20px 0 120px 0 !important;
    }

    footer .footer-impressum {
        display:block;
        margin-top: -4px;
    }
}
	
.pum-theme-364 .pum-container, .pum-theme-lightbox .pum-container {
    min-width: 0;
    max-width: 91% !important;
    top: 20px !important;
    left: 20px !important;
    opacity: 1;
    right: 20px;
}
/*}*/

.player .vp-player-layout {
    top: 0 !important;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 2px;
}

.startmenu-text {
    display: inline-block;
    line-height: 1.2em;
}

.sm-text-1 {
    max-width: 100px;
}

.sm-text-2 {
    max-width: 140px;
}

.sm-text-3 {
    max-width: 180px;
}

.home .page a {
	text-decoration: none;
	color: #e65046;
	border-bottom: 2px solid;
}

.col-md-8, .col-sm-12 {
    padding-right: 15px;
    padding-left: 15px;
}

@media only screen and (max-width: 768px) { 
	.navbar-collapse {
    	margin-right: -20px;
	}
}

.custom-html-widget iframe {
	margin-bottom: -9px;
}

.cff-wrapper {
	margin-left: 30px;
	margin-right: 30px;
}

.submenu a {
    padding-top: 2px;
}

#secondary .submenu .fas, .parent-submenu .fas {
    margin-top: -1px;
}

#cff .cff-item:first-child {
    border-top: none;
}

#cff .cff-item {
    border-top: 3px solid #235a69;
}

ul {
	padding-left: 20px;
}

/*#child-455 {
	background: #e65046;
}*/

label {
    font-weight: 400;
}

select {
    border-radius: 0;
    border: 1px solid #235a69;
    padding: 3px;
}

span.wpcf7-list-item {
    margin: 0;
}

input[type="checkbox"], input[type="radio"] {
    margin: -4px 4px 0 0;
}

/* LINKS */

footer a {
	border-bottom: 1px solid;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}

#secondary .widget a {
    color: #235a69;
    border-bottom: 1px solid;
}
#secondary .widget a:hover {
    color: #235a69;
    -webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}

#secondary .widget .gallery a {
    border-bottom:0;
}


.submenu a {
	border-bottom: none !important;
}

.fusszeile a {
	color: #FFF;
}

/* WIDGETS */

ul.heateor_sss_sharing_ul {
    margin: 30px 25px !important;
}

.widget_heateor_sss_sharing {
	background: #FFF;
	padding-bottom: 35px;
}

#secondary .widget > h3 {
	margin-bottom: 0;
}

.widget_text .textwidget {
	background: #FFF;
	padding-top: 30px;
	padding-bottom: 25px;
}

.widget_custom_html .custom-html-widget {
	padding-top: 0;
	padding-bottom: 0;
}

.widget_media_image {
	background: #8cc3af !important;
	margin-bottom: 0 !important;
}

.widget_custom_html {
	background: #8cc3af !important;
}

.widget_media_image img {
	width: 100%;
}

#secondary {
	padding-left: 0;
	padding-bottom: 15px;
}

@media only screen and (max-width: 991px) {
	#secondary {
		padding-left: 15px;
		padding-bottom: 15px;
	}
}

.widget_media_image > h3,
.widget_custom_html > h3,
.widget_text > h3,
.widget_wpgmp_google_map_widget_class h3,
.widget_nav_menu h3,
.widget_ultimate_posts h3, 
.widget_reaktionen h3,
.widget_heateor_sss_sharing h3 {
	border-radius: 0 12px 0 0;
	background: #235a69;
	color: #FFF !important;
	font-size: 1.3em !important;
    padding: 27px 30px 24px;
}

@media only screen and (max-width: 991px) {
	.widget_media_image > h3,
	.widget_custom_html > h3,
	.widget_text > h3,
	.widget_wpgmp_google_map_widget_class h3,
	.widget_nav_menu h3,
	.widget_ultimate_posts h3, 
	.widget_reaktionen h3,
	.widget_heateor_sss_sharing h3 {
		border-radius: 12px 12px 0 0;
	}
}

.wpgmp_map {
	border-radius: 0 0 12px 0;
	width: 100% !important;
}

@media only screen and (max-width: 991px) {
	.wpgmp_map {
		border-radius: 0 0 12px 12px;
	}
}

body.website-5 .widget_heateor_sss_sharing h3,
body.website-5 .widget_text > h3,
body.website-5 .widget_esf_instagram_feed > h3,
body.website-5 .widget_easy_facebook_feed > h3{
	font-size: 1.3em !important;
	color: #FFF !important;
	background-color: var(--sdb-color-2);
    padding-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 24px;
}

.widget_nav_menu h3,
.widget_ultimate_posts h3,
.widget_reaktionen h3 {
    font-size: 1.3em !important;
    color: #FFF !important;
    background: #235a69;
    margin: -30px -30px 30px -30px !important;
}

.widget_reaktionen {
    background: #fff !important;
}

.wpgmp_map_parent {
    margin-bottom: 0;
}

.widget_text p {
	font-size: 1.3em;
	line-height: 1.2;
	margin-left: 30px;
	margin-right: 30px;
}

/* TRENNLINIEN */

hr {
	margin-top: 30px;
	margin-bottom: 30px;
    border-top: 3px solid #235a69;
    height: 0;
}

/* INFOBLUME */

.gallery-caption {
    background-color: #235a69;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.1;
}

body.website-2 .gallery-item::before {
	display: none;
}

.gallery-item::before {
	color: #FFF;
	font-family: 'Font Awesome 5 Free';
	content: "\f05a";
	font-weight: 900;
	font-style: normal;
	top: 4px;
	position: absolute;
	left: 7px;
}

#gallery-4 .gallery-item::before {
	content: "";
}

.top-section {
    background: #FDFCFA !important;
}

/* Google Maps Einsatzorte standalone */

.einsatzort_map {
    /**/
}


/* LISTEN */

ul {
    margin-bottom: 30px;
}

/* IFRAME */

iframe {
	border: 0;
}

/* TEL LINKS */

a[href^="tel:"] {
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: none !important;
}


/* Seiten ohne Headerbild */

.content-without-image #primary, .content-without-image #secondary {
    top: 0;
    z-index:1;
}

/* Submenu in Submenu */ 

.dropdown-menu li a {
    background: #fff;
}

.caret {
    display:none;
}

#secondary .menu li {
    margin-bottom: 10px;
}


/* Ultimate Post Widget */ 

.widget_ultimate_posts li {
    border: 0 !important;
    padding-bottom: 10px;
    display:block;
    overflow:hidden;
}

.widget_ultimate_posts ul:last-child {
    padding-bottom: 0 !important;
}

.widget_ultimate_posts .col-xs-3 {
    padding:0;
}

.widget_ultimate_posts .col-xs-9 {
    padding-right:0;
}

.widget_ultimate_posts a {
    border:0 !important;
}

.widget_ultimate_posts .upw-post-title {
    font-size: 1.3em;
    margin: 0;
    padding:0;
}

.widget_ultimate_posts .upw-meta {
    color:#ccc;
}

/* Posts */

.post {
    color: #235a69;
    background:#fff;
} 

.post .post-inner-content {
    padding:0;
}

.post h1 {
    color: #235a69;
}

.backlink {
    color: #fff;
    background: #235a69;
    padding: 5px;
    font-size: 1.3em;
    margin-bottom: 2em;
}

.category {
    color: #235a69;
    text-transform: uppercase;
    font-size: 1.3em;
    margin-top: 1em;
}

.post img {
    float: left;
    margin: 0 1em 1em 0;
}

.post .post-date {
    display:block;
    overflow: hidden;
    font-style: italic;
    color:#ccc;
}

.without-image #primary, .without-image #secondary {
    margin-top:30px;
    margin-bottom:30px;
}

.dropdown li {
    color: #235a69;
}

.dropdown-menu li:hover {
    background: transparent;
}

.dropdown .drowdown li > a {
    background: #fff !important;
    color: #235a69 !important;
}

.dropdown-menu li a {
    background: #fff !important;
    color: #235a69;
}

.einsatzort_menu li {
    padding-top: 2px;
}

.einsatzort_menu .fas {
    margin-top: -2px;
}

.dropdown .dropdown li {
    margin: -1px 0 -13px -5px !important;
}

/* Partner Seite */
.sidebar .gallery,
body.page-id-178 .gallery {
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}
body.page-id-178 .gallery-item {
    width:100%;
    max-width: calc((100% / 3) - 4px);
    padding:1em;
}

body.page-id-549 .sidebar .gallery-columns-1 .gallery-item,
body.page-id-549 .sidebar .gallery-columns-2 .gallery-item,
body.page-id-549 .sidebar .gallery-columns-3 .gallery-item {
    max-width:55%;
    margin:2em 1em;
}
body.page-id-178 .sidebar .gallery-columns-1 .gallery-item,
body.page-id-178 .sidebar .gallery-columns-2 .gallery-item,
body.page-id-178 .sidebar .gallery-columns-3 .gallery-item {
    max-width:55%;
    margin:2em 1em;
}


@media only screen and (max-width: 600px) {
    
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .current-page-ancestor > a {
        color:#fff !important;
        background: #235a69 !important;
    }
    
    .gallery-caption {
        /*font-size: 9px;*/
    }
    
    .fa-angle-up::before {
        top: 3px;
        position: relative;
    }

    .gallery-columns-3 .gallery-item {
        width: 100%;
        max-width:100%;
    }

    .gallery-columns-3 .gallery-item img {
        width: 100%;
    }

}

body.page-id-12 .featured_stoerer {
    background: #3b5998;
}

.widget_nav_menu li.menu-item-has-children {
    background: transparent !important;
    padding: 0 !important;
}

.widget_nav_menu li.menu-item-has-children > a > i {
    display:none;
}

.widget_nav_menu li.menu-item-has-children a {
    color:#fff !important;
    background: #235a69 !important;
    padding: 13px 10px 13px 10px;
    margin-bottom: 10px;
}

.widget_nav_menu li .sub-menu li {
    padding: 0 !important;
}

.widget ul ul.sub-menu {
    padding: 0 0 0 30px;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.navbar-default button:focus,
.navbar-default button:hover,
.navbar-default .btn:focus,
.navbar-default .btn:hover {
    background-color: transparent;
}

/* DIE BRÜCKE - Styles BLAU */

body.website-5,
body.website-5 h1,
body.website-5 h2,
body.website-5 h3,
body.website-5 .quote_author {
	font-family: 'Barlow', sans-serif;
}

body.website-5 h1 {
	line-height: 0.95;
}

body.website-5 h2,
body.website-5 h3 {
	font-family: 'Barlow-Bold', sans-serif;
	/*font-weight: bold;*/
	letter-spacing: 0.08rem;
}

body.website-5 b,
body.website-5 strong {
    font-family: 'Barlow-Bold', sans-serif;
    /*font-weight: bold;*/
}

body.website-5,
body.website-5 #colophon {
	background-color: var(--sdb-color-3) !important;
}

body.website-5 header nav {
    background-color: var(--sdb-color-2) !important;
}

body.website-5 #logo img {
	margin-top: 30px;
	margin-bottom: 30px;
	width: 200px;
}

@media only screen and (max-width: 1199px) {
	body.website-5.home .top-section {
		height: 400px;
	}
}

@media only screen and (max-width: 991px) {
	body.website-5.home .top-section {
		height: 293px;
	}
}

/*body.website-2 .top-section,*/
body.website-5 .top-section {
	height: inherit;
}

body.website-5 .top-section,
body.website-5 .main-content-area,
body.website-5 .site-info {
	background-color: var(--sdb-color-4) !important;
}

body.website-5 footer .copyright {
	color: var(--sdb-color-2);
	background: none;
	border-top: 3px solid var(--sdb-color-2);
}

body.website-5 footer a,
body.website-5 footer a:hover {
    color: var(--sdb-color-2) !important;
}

body.website-5 .scroll-to-top,
body.website-5 .scroll-to-top:hover {
    color: var(--sdb-color-2);
}

body.website-5 h1,
body.website-5 h2,
body.website-5 h3,
body.website-5 h4,
body.website-5 h5,
body.website-5 h6,
body.website-5 p,
body.website-5 ul,
body.website-5 li,
body.website-5 .entry-content a {
    color: var(--sdb-color-2);
}

body.website-5 .widget-title {
	background-color: var(--sdb-color-2);
}

body.website-2 .widget_media_image,
body.website-5 .widget_media_image {
	background-color: transparent !important;
	margin-bottom: 0 !important;
}

body.website-2 .widget_media_image img,
body.website-5 .widget_media_image img {
	background-color: #FFF;
	padding: 30px;
}

body.website-2 #secondary .widget a,
body.website-5 #secondary .widget a {
    border-bottom: none;
}

body.website-5 .navbar {
	z-index: 20000;
}

body.website-5 .navbar.navbar-default {
    font-family: 'Barlow-Bold', sans-serif;
    /*font-weight: bold;*/
}

body.website-5 .navbar-default .navbar-nav > li > a,
body.website-5 .dropdown-menu > li > a {
	line-height: 1;
    padding: 8px 8px 9px 8px;
}

body.website-5 .navbar-nav > li {
    background: #FFF !important;
}

body.website-5 .navbar-nav li {
    border: 2px solid var(--sdb-color-2);
}

body.website-5 .dropdown-menu li {
    border: none;
}

body.website-5 .dropdown-menu li a {
    border: 2px solid var(--sdb-color-2);
	color: var(--sdb-color-2);
	font-weight: bold;
}

body.website-5 .navbar-nav li a:link,
body.website-5 .navbar-nav li a:visited {
    color: inherit;
}

body.website-5 .navbar-nav a:hover,
body.website-5 .dropdown-menu a:hover,
body.website-5 .navbar-nav > li.current-page-ancestor > a,
body.website-5 .dropdown-menu > .active a {
    background-color: var(--sdb-color-2) !important;
	color: #FFF !important;
}

body.website-5 .dropdown-menu > .active a:hover {
    border: 3px solid var(--sdb-color-2);
}

body.website-5 .featured_stoerer {
	background-color: var(--sdb-color-1);
}

body.website-5 article .entry-content p,
body.website-5 ul {
    margin-bottom: 20px;
}

body.website-5 hr {
	border-top: 3px solid var(--sdb-color-2);
	height: 0;
	margin: 30px;
}

body.website-5 .entry-content hr {
	border-top: 1px solid var(--sdb-color-2);
	height: 0;
	margin: 30px 0 30px 0;
}

body.website-5 .featured_stoerer {
	font-weight: bold;
}

body.website-5 .genericon-external::before {
    display: none;
}

body.website-5 #secondary .sub-menu li a,
body.website-5 #secondary .widget_execphp li a,
body.website-5 #secondary .widget_nav_menu li a {
    font-family:'Barlow', sans-serif;
}

body.website-5 #secondary .sub-menu li.lh-bg a,
#secondary .sub-menu li.lh-bg a {
    background-color:#ce8219 !important;
}

.mobil-footer {
	display: none !important;
}

.desktop-footer {
	display: inline;
}

@media only screen and (max-width: 991px) {
	body.website-5 .widget_text > h3 {
		height: auto;
	}
	body.website-5 #primary {
		margin-bottom: 0;
		margin-top: 0;
		top: 0 !important;
	}
	body.website-5 .home #primary {
		padding-top: 0 !important;
	}
	body.website-5 .home .main-content-area {
		margin-top: 0;
	}
	body.website-5 .post-inner-content {
		padding: 20px;
	}
	body.website-5 #secondary {
		margin: 20px 15px 0 15px;
		max-width: 100%;
		padding-right: 30px;
		top: 0 !important;
	}
    body.website-5 .main-content-area {
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 15px !important;
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
	body.website-5 .widget_text .textwidget {
    	padding: 20px;
	}
	body.website-5 .widget_text p {
		margin-left: 0;
		margin-right: 0;
	}
	body.website-5 .site-info {
    	padding: 0 15px 40px 15px;
	}
	.site-info {
    	padding: 0 15px 50px 15px;
	}
	.site-info .row {
    	margin: 0;
	}
	body.website-5 h1 {
		margin-top: 0;
	}
	body.website-5 h2 {
		margin-bottom: 20px;
	}
	body.website-5 .footer-mail {
    	display: inline !important;
	}
	body.website-5 footer {
		height: unset;
    	position: unset;
    }
    body.website-5 footer .copyright {
		height: unset;
		margin: 0;
    }
    body.website-5 .scroll-to-top {
    	background: none;
    	bottom: 20px !important;
    	left: 0;
		margin-left: auto;
		margin-right: auto;
    }
    .scroll-to-top {
    	bottom: 20px !important;
    	left: 0;
		margin-left: auto;
		margin-right: auto;
    }
	body.website-5 hr {
		margin: 20px 0;
	}
	.mobil-footer {
		display: block;
	}
}

@media only screen and (max-width: 767px) {
	#primary {
		padding-top: 15px;
	}
	body.website-5.page-template-page-without-image #primary {
		padding-top: 0;
	}
	.home #primary {
		padding-top: 0;
	}
	body.website-5 #secondary.col-sm-12 {
    	padding-right: 0 !important;
    	padding-left: 0 !important;
	}
	body.website-5 footer .copyright {
		padding-bottom: 20px !important;
	}
	body.website-5 .featured_stoerer {
    	padding: 20px 5px 5px 5px;
	}
	body.website-5 .featured_stoerer img {
		margin: 0 auto;
		padding: 0;
	}
	body.website-5 .featured_stoerer p {
		margin: 0 0 5px;
	}
	body.website-5 footer .copyright {
    	width: 100% !important;
    	margin: 0 !important;
	}
	.desktop-footer {
		display: none !important;
	}
	body.website-5 footer, 
	body.website-5 footer .copyright {
    	font-size: 1.2em !important;
	}
	.navbar-collapse .navbar-nav li.social-icons-menu {
		display: inline-block;
	}
	body.website-5 .service-mobile {
		background: url(https://www.sozialstation-die-bruecke.de/wp-content/uploads/sites/5/2021/02/SozialstationDieBruecke-Service-Icon.png) !important;
		background-size: 100% !important;
		color: transparent !important;
    	height: 45px;
    	right: 20px;
    	top: 31px;
    	width: 45px;
	}
	body.website-5 .service-mobile a {
		display: none;
	}
	body.website-5 .navbar-collapse .navbar-nav li:not(.social-icons-menu) a {
		color: var(--sdb-color-2);
	}
	.site-info {
    	padding: 0 15px;
	}
}

body.website-5 .gallery {
    margin-top: 40px;
}
body.website-5 .sidebar .gallery {
    margin-top:0;
}


body.website-5 .gallery-item {
    margin: 0 20px 20px 0;
}

body.website-5 .gallery-columns-3 .gallery-item {
    max-width: -webkit-calc(33.3% - 20px);
    max-width: calc(33.3% - 20px);
}

body.website-5 .gallery-item img {
	border-radius: 300px;
}

body.website-5.page-id-549 .gallery-item img {
	border-radius: 0;
}

body.website-5 .gallery-caption {
	background-color: var(--sdb-color-2);
	font-size: 14px;
	line-height: 1.4;
}

body.website-5.page-id-549 .gallery-caption {
	display: table;
	height: 100% !important;
	hyphens: none;
	justify-content: center;
	min-height: 100%;
}

body.website-5.page-id-549 .gallery-caption a {
	color: #FFF;
	display: table-cell;
	height: 100%;
	text-decoration: none;
	vertical-align: middle;
}

body.website-5.page-id-549 .gallery-caption::before {
	display: none !important;
}

body.website-5 .gallery-item::before {
	display: none !important;
}

body.website-5 .widget_execphp {
    background-color: var(--sdb-color-2) !important;
}

body.website-5 .widget_execphp li {
    background-color: var(--sdb-color-3);
}

body.website-5 #child-455 {
    background-color: var(--sdb-color-3);
}

body.website-5 .fusszeile {
    background-color: var(--sdb-color-1);
}

body.website-5 .fusszeile p,
body.website-5 .fusszeile a {
	color: #FFF;
}

body.website-5 .fusszeile hr {
	border-top: 3px solid #FFF;
}

body.website-5 .widget_nav_menu {
    background: #FFF !important;
}

body.website-5 .widget_nav_menu li {
    background-color: var(--sdb-color-3) !important;
}

body.website-5 #secondary .widget .textwidget a {
    color: var(--sdb-color-2) !important;
	text-decoration: underline !important;
}
body.website-5.page-id-549 #secondary .gallery-caption a {
    color:#fff !important;
    text-decoration: none !important;
}

body.website-5 #wpgmp_google_map_widget_class-10 {
	margin-top: 30px;
}

/* SERVICE */

body.website-5 li.popmake-service,
body.website-5 li.popmake-service:hover {
    background: url(https://www.sozialstation-die-bruecke.de/wp-content/uploads/sites/5/2021/02/SozialstationDieBruecke-Service-Icon.png) !important;
    background-size: 100% !important;
	border: none !important;
	height: 38px;
	width: 38px;
}

@media only screen and (max-width: 767px) {
	#hauptmenue .popmake-service {
		display: none;
	}
}

body.website-1 li.popmake-service,
body.website-1 li.popmake-service:hover,
body.website-2 li.popmake-service,
body.website-2 li.popmake-service:hover,
body.website-3 li.popmake-service,
body.website-3 li.popmake-service:hover {
    background: url(/wp-content/themes/nbsp/NBSP-Infobutton.png) !important;
    background-size: 100% !important;
	border: none !important;
	height: 34px;
	width: 34px;
}

.navbar-nav li.popmake-service a,
.navbar-nav li.popmake-service a:link,
.navbar-nav li.popmake-service a:visited,
.navbar-collapse .navbar-nav li.popmake-service a:hover {
    background: rgba(0, 0, 0, 0) !important;
    color: rgba(0, 0, 0, 0) !important;
}

body.website-5 .popmake-content .lgc-column {
    text-transform: uppercase;
    position: relative;
    text-align: left;
    font-weight: normal;
    font-size: 1.3em;
    font-family: 'Barlow', sans-serif;
}

body.website-5 .popmake-content .lgc-column a {
    color: var(--sdb-color-2);
    text-decoration: underline;
}

body.website-5 .lgc-column p {
    margin-bottom: 1.2em;
}

body.website-5 .pum-theme-3,
body.website-5 .pum-theme-default-theme {
    background-color: transparent !important;
}

body.website-5 .pum-theme-3 .pum-container,
body.website-5 .pum-theme-default-theme .pum-container {
    border: 3px solid var(--sdb-color-2);
    box-shadow: none;
    background-color: #FFF;
}

body.website-5 .pum-theme-654 .pum-content + .pum-close,
body.website-5 .pum-theme-lightbox .pum-content + .pum-close {
	height: 45px;
    width: 45px;
	padding-bottom: 8px !important;
	padding-left: 3px !important;
}

body.page-template-page-no-image.website-5 #primary,
body.page-template-page-no-image.website-5 #secondary {
	margin-top: -7px;
}

@media only screen and (max-width: 991px) {
	body.page-template-page-no-image.website-5 #secondary {
		margin-top: 15px;
	}
}

.upl-list li {
	border-top: 1px solid;
	padding-top: 15px !important;
}

.upl-post-title {
	font-weight: bold;
}

.upl-post-excerpt a {
	text-decoration: none;
}

/*body.website-2.single #primary, body.website-2.single #secondary,*/
body.website-5.single #primary, body.website-5.single #secondary {
    top: -7px !important;
}

body.website-5.single .post h1 {
	font-weight: normal;
}

body.website-5.single .post {
	padding: 0;
}

body.website-5.single .navbar-nav > li.karriere > a,
body.website-5.single .dropdown-menu > li.karriere > a {
    background: var(--sdb-color-2) !important;
	color: #FFF !important;
}

#cc-window {
	z-index: 30000;
}

body.website-5 .widget_execphp li,
body.website-5 .widget_nav_menu li {
    font-family: 'Barlow-Bold', sans-serif;
    /*font-weight: bold;*/
    text-transform: uppercase;
}

body.website-5 .widget_execphp li#child-587 {
    background-color: var(--sdb-color-1) !important;
}

body.website-5 .wpcf7 input[type="submit"] {
    background-color: var(--sdb-color-1) !important;
    font-family: 'Barlow-Bold', sans-serif;
    font-size: 19.6px;
    /*font-weight: bold;*/
    padding: 5px 10px 7px 10px;
}

body.website-5 .submenu a {
    padding-top: 0;
    padding-bottom: 2px;
}

body.website-5 .entry-content {
    font-size: 1.3em;
    color: var(--sdb-color-2);
}

body.website-5 .wpcf7-list-item-label {
    color: var(--sdb-color-2);
}

body.website-5 .start-menu-item {
    background-color: var(--sdb-color-2);
}

body.website-5 .start-menu-item h3 {
	color: #FFF;
    font-family: 'Barlow-Bold', sans-serif !important;
    font-size: 1.65em;
    /*font-weight: bold;*/
}

body.website-5 .startmenu-text {
    font-family: 'Barlow', sans-serif !important;
    font-size: 1.185em;
}

body.website-5 .sm-text-1,
body.website-5 .sm-text-2,
body.website-5 .sm-text-3 {
    max-width: 100%;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #46b450;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    color: #ffb900;
    line-height: 1.1em;
    padding: 0.3em 0.5em 0.4em 0.5em;
}

body.website-5 .featherlight:last-of-type {
    background-color: var(--sdb-color-3) !important;
}

body.website-5 .featherlight .featherlight-content .caption {
	font-family: 'Barlow-Bold', sans-serif !important;
	/*font-weight: bold !important;*/
	letter-spacing: 0.08rem !important;
}

body.website-5 .navbar-toggle::after {
    content: '';
}

body.website-5 .navbar-toggle {
    content: '';
    left: 20px;
    top: 23px;
    border: 3px solid var(--sdb-color-2) !important;
    width: 45px;
    height: 45px;
    padding: 10px 13px 10px 5px;
}

body.website-5 .navbar-toggle .icon-bar {
    background-color: var(--sdb-color-2) !important;
	height: 3px;
	width: 29px;
}

body.website-5 .navbar-default .navbar-nav > .active > a,
body.website-5 .navbar-default .navbar-nav > .current-page-ancestor > a {
    background: var(--sdb-color-2) !important;
	color: #FFF !important;
}

/*body.website-5 .navbar-collapse .navbar-nav li a:hover {
	color: #FFF !important;
}*/

body.website-5 a {
    color: var(--sdb-color-2);
}

body.website-5 .main-content-area {
    margin-bottom: 0;
    margin-top: -69px;
}
body.page-template-page-links .main-content-area {
    margin-top: 0;
}

body.page-template-page-links #menu-links.sub-menu li:nth-child(odd) a {
    background-color: #e65046;
}
body.website-5.page-template-page-links #menu-links.sub-menu li:nth-child(odd) a {
    background-color: var(--sdb-color-1) !important;
}


body.website-5.page-template-page-no-image .main-content-area {
    margin-top: 0;
}

.main-content-area {
    margin-bottom: 0;
    margin-top: -71px;
}
.main-content-area.youtube-wrapper {
    margin-top:0;
    padding-top:15px;
}


@media only screen and (max-width: 1199px) {
	.main-content-area {
    	margin-top: -71px;
	}
}

@media only screen and (max-width: 991px) {
	.main-content-area {
    	margin-top: 0;
	}
	
	body.website-1 .main-content-area {
    	margin-top: 0;
	}
}

body.website-5.home .main-content-area {
    margin-top: 0;
}

body.website-1.home .main-content-area {
    margin-top: 0;
}

.home .main-content-area {
    margin-top: 0;
}

button.jetzt-bewerben {
	background: #e65046;
	border-radius: 6px;
	font-family: var(--mainfont-bold);
	letter-spacing: .04em;
	padding: 0.85rem 12px 0.55rem 12px;
}

body.website-5 button.jetzt-bewerben {
    background-color: var(--sdb-color-2);
    font-family: 'Barlow', sans-serif;
}

body.website-5 button.jetzt-bewerben a {
    color: #FFF;
}

button.jetzt-bewerben a {
	color: #FFF;
	text-decoration: none;
}

.soliloquy-container .soliloquy-prev {
	background-color: #235a69 !important;
    left: 30px !important;
}

.soliloquy-container .soliloquy-next {
	background-color: #235a69 !important;
	right: 30px !important;
}

body.website-5 .soliloquy-container .soliloquy-prev,
body.website-5 .soliloquy-container .soliloquy-next {
    background-color: var(--sdb-color-1) !important;
}

.post-inner-content {
    background-color: transparent !important;
}

ul.submenu {
	margin: 0;
}

body.website-2.single.karriere .top-section {
	display: none;
}

body.website-2.karriere #primary,
body.website-2.karriere #secondary {
    margin-bottom: 30px;
	top: 0;
}

body.website-2.karriere .beitragsdatum {
	display: none;
}

body.blog .post-inner-content,
body.downloads .post-inner-content {
	padding-right: 0;
}

body.single-post .post-inner-content {
	padding-right: 30px;
}


body.blog .upl-list li {
    border-top: none;
    padding-top: 0 !important;
}

body.website-2 .dropdown-menu li.menu-item-962 a {
    border: 3px solid #e65046 !important;
    color: #e65046 !important;
}

body.website-2 .dropdown-menu li.menu-item-962 a:hover,
body.website-2 .dropdown-menu li.menu-item-962.current-menu-item a,
body.website-2 .dropdown-menu li.menu-item-962.current_page_item a {
    background: #e65046 !important;
    color: #FFF !important;
}

body.website-2 .widget_execphp li#child-455,
body.website-2 .widget_nav_menu li#child-455 {
    background: #e65046;
}

.widget ul li {
    border-radius: 6px;
}

.soliloquy-container .soliloquy-prev,
.soliloquy-container .soliloquy-next {
	border-radius: 20px;
	height: 34px !important;
	width: 34px !important;
}

li.hidden {
	display: none;
}
.widget_box_anfrage {
    background-color:#8cc3af !important;
    border-bottom-right-radius:10rem;
    border-top-right-radius: 10rem;
}
body.website-5 .widget_box_anfrage {
    background-color:var(--sdb-color-2) !important;
}
.widget_box_anfrage .textwidget {
    padding:2em;
    background:none !important;
}
.widget_box_anfrage .textwidget a {
    color:#235a69;
    text-decoration: none !important;
    border-bottom:none !important;
    font-size: 4rem;
    line-height:1;
    font-family: var(--mainfont-bold);
    font-weight: normal;
}
body.website-5 #secondary .widget_box_anfrage .textwidget a {
    color:var(--sdb-color-1) !important;
    text-decoration: none !important;
    font-family: 'Barlow-Bold', sans-serif;
}
.widget_box_anfrage .textwidget span {
    display: block;
    color:white;
    font-size: 3rem;
    font-family: var(--mainfont-regular);
    font-weight: normal;
}
body.website-5 #secondary .textwidget span {
    font-family: 'Barlow', sans-serif;
}

@media only screen and (max-width: 767px) {

    /* social media mobile */
    
    li.insta-icon,
    li.fb-icon {
    	background-size: auto 100% !important;
    }
    
    li.insta-icon,
    li.fb-icon {
    	width: 38px !important;
    }
    
    .navbar-collapse .navbar-nav li.insta-icon,
    .navbar-collapse .navbar-nav li.insta-icon a,
    .navbar-collapse .navbar-nav li.fb-icon,
    .navbar-collapse .navbar-nav li.fb-icon a {
    	background-color: transparent !important;
    	color: transparent !important;
    }
}

.esf-insta-follow-btn {
	background: #235a69 !important;
	color: #FFF !important;
	margin-top: 17px !important;
}

.efbl-col-12 {
	padding: 0 !important;
}

.efbl-fullwidth-skin {
	padding: 0 !important;
}

.navbar-nav > li {
	display: inline-block;
    float: none;
    vertical-align: middle;
}

@media only screen and (max-width: 1199px) { 
	.navbar-collapse {
    	padding-right: 0;
    	padding-left: 0;
    	text-align: center;
	}
}

@media only screen and (max-width: 767px) { 
	.navbar-collapse {
    	padding-right: 20px;
    	padding-left: 20px;
	}
}

@media only screen and (max-width: 1199px) {
	#logo {
		padding-left: 0;
    	position: relative;
    	z-index: 2;
	}
}

@media only screen and (max-width: 767px) {
	#logo {
		padding-left: 0;
    	position: unset;
    	z-index: 0;
	}
}

.site-main {
	background: #FFF;
	border-radius: 12px 0 12px 0;
}

.home .site-main {
	background: #FFF;
	border-radius: 0;
}

@media only screen and (max-width: 991px) {
	.site-main {
		border-radius: 0 0 12px 12px;
	}
}

body.website-5 .embed-container {
    position: relative;
    padding-bottom: 43%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

body.website-2 .embed-container {
    position: relative;
    padding-bottom: 56.3%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

body.website-1.home .embed-container {
	position: relative;
    padding-bottom: 43%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

body.website-1 .embed-container {
	position: relative;
    padding-bottom: 56.3%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

body.website-3.home .embed-container {
	position: relative;
    padding-bottom: 43%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

body.website-3 .embed-container {
	position: relative;
    padding-bottom: 56.3%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

ul#menu-hauptmenue {
	margin-bottom: 15px;
}

#footer-area nav {
	display: none;
}

.grecaptcha-badge {
    bottom:2rem !important;
}
#cmplz-manage-consent .cmplz-manage-consent {
    z-index: 10003 !important;
}

@media only screen and (max-width: 991px) {

	body.ambulante-pflege .widget-title {
		display: none;
	}
	
	.page-template-page-without-image #primary .parent-submenu {
		margin-top: 0;
	}
	
	body.website-2 #secondary {
		margin-top: 0 !important;
		max-width: 100% !important;
		padding-left: 15px;
	}
}

.submenu li {
	text-transform: uppercase;
}

@media only screen and (min-width: 0px) {
	.pum-container.pum-responsive.pum-responsive-medium {
    	margin-left: auto;
    	margin-right: auto;
    	width: 100%;
	}
	
	.pum-theme-364 .pum-container, .pum-theme-lightbox .pum-container {
    	left: 0 !important;
    	opacity: 1;
    	right: 0 !important;
    	max-width: 1170px !important;
	}
	
	.pum-theme-364 .pum-container, .pum-theme-lightbox .pum-container {
    	top: 0 !important;
	}
}



/*
    Mobile First
*/
/* NP Modal */
.pum-theme-bruecke-theme .pum-content p,
.pum-theme-np-theme .pum-content p {
    color:inherit;
    font-size: 1.5em;
}
.pum-theme-bruecke-theme .pum-content,
.pum-theme-np-theme .pum-content {
    outline:none;
}
.pum-theme-bruecke-theme .newsletter-modal-btn {
    background-color:var(--sdb-color-4);
    color:var(--sdb-color-2);
}
.pum-theme-np-theme .newsletter-modal-btn {
    background-color:#235a69;
    color:#e65046;
}
.newsletter-modal-btn {
    display:inline-block;
    padding:0.25em 0.5em;
    margin-top:0.5em;
    font-size: 0.75em;
    border-radius: 5px;
}


/* Quotes */
.quote_item::after {
    clear:both;
    content:"";
    display:table;
}
.quote_author_pic {
    text-align: center;
    border-radius: 50%;
    margin:0 auto;
}
.quote_author_pic img,
.quote_author_pic span {
    border-radius: 50%;
    margin:0 auto;
}
.quote_author_pic span {
    margin-top:3em;
    display:block;
}
.quote_author_pic span::before {
    display:inline-block;
    font-size:7.7em;
    content: "\f110";
    font-family: 'dashicons';
}
.quote_author {
    text-align: center;
    margin-top:10px;
}
.quote_content {}
.quote_centered {}

.reihe {
    margin-bottom:2.5rem;
}
.reihe .control-label {
    width:100%;
}
.reihe .spa-6 .wpcf7-select,
.reihe .spa-12 .wpcf7-select {
    width:100% !important;
}

.select-wrap {
    width:100% !important;
    max-width: 100% !important;
}
.wg-auswahl {
    width:100%;
}
.wg-form-control {
    width:100%;
}
.wg-auswahl-vorschau {
    display:block;
    width: 100%;
    transition:all 0.2s ease-in-out;
}
.wg-auswahl-vorschau:hover {
    opacity: 0.8;
}

body.page-template-page-links #secondary {
    max-width: 100%;
    margin: 0 auto;
    float: none;
    padding: 0;
}
.job-wrapper {
    display:flex;
    justify-content: flex-start;
    flex-flow:row wrap;
    text-align: center;
    padding:0 30px 30px 30px;
    gap:30px;
}
.job-item figure {
    position: relative;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
    overflow:hidden;
}
.job-item figure img {
    float:none;
    margin:0;
    transition: 0.2s all ease-in-out;
    object-fit: cover;
    object-position: center;
    height:250px;
}
.job-item figure:hover img {
    -webkit-transform:scale(1.05);
    transform:scale(1.05);
}

.job-item figcaption a {
    position: absolute;
    bottom:0;
    width:100%;
    min-height:74px;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color:rgba(35, 90, 105, 0.75);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    padding:1em;
    color:white;
    font-size:1.2em;
    line-height: 1.2;
}
.website-5 .job-item figcaption a {
    background-color:rgba(0, 158, 212, 0.75);
}
.job-item {
    flex-basis:100%;
}
.job-item a {
    display:block;
}
.jobs-entry-content {
    padding-right:30px;
    padding-left:30px;
    padding-bottom:15px;
}
.emoji {
    width:1em;
}
.post-type-archive-weihnachtskalender .page-header:not(.entry-header) {
    padding-left:30px;
    padding-right:30px;
    margin-bottom:0;
}
.post-type-archive-weihnachtskalender .hentry.weihnachtskalender {
    border:1px solid rgba(0,0,0,0.1);
    padding:1em 2em 0;
    margin-bottom:1em;
}

@media only screen and (min-width: 500px) {
    .widget_box_anfrage {
        margin-right:5em;
    }
    .widget_box_anfrage .textwidget span {
        font-size: 2.75rem;
    }
}
@media only screen and (min-width: 768px) {
    body.page-template-page-links #secondary {
        max-width: 75%;
    }
    .slick-initialized .slick-slide.quote_item {
        display:flex;
    }
    .quote_author_pic {
        /*float:left;*/
        width:33%;
    }
    .quote_content {
        display:flex;
        justify-content: center;
        align-items: center;

        /*float:right;*/
        width:66%;
    }

    .reihe {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .reihe .control-label {
        max-width:100%;
        padding-right:0;
    }

    .spa-1, .spa-2, .spa-3, .spa-4, .spa-5, .spa-6, .spa-7, .spa-8, .spa-9, .spa-10, .spa-11, .spa-12 {
        display: flex;
    }
    .spa-1, .spa-2, .spa-3, .spa-4, .spa-5, .spa-6, .spa-7, .spa-8, .spa-9, .spa-10, .spa-11, .spa-12 {
        padding-left:0.5rem;
        padding-right:0.5rem;
    }
    .spa-1:first-child, .spa-2:first-child, .spa-3:first-child, .spa-4:first-child, .spa-5:first-child, .spa-6:first-child, .spa-7:first-child, .spa-8:first-child, .spa-9:first-child, .spa-10:first-child, .spa-11:first-child {
    }
    .spa-1 {flex-basis: 8.33%;max-width: 8.33%;}
    .spa-2 {flex-basis: 16.66%;max-width: 16.66%;}
    .spa-3 {flex-basis: 25%;max-width: 25%;}
    .spa-4 {flex-basis: 33.33%;max-width: 33.33%;}
    .spa-5 {flex-basis: 41.66%;max-width: 41.66%;}
    .spa-6 {flex-basis: 50%;max-width: 50%;}
    .spa-7 {flex-basis: 58.33%;max-width: 58.33%;}
    .spa-8 {flex-basis: 66.66%;max-width: 66.66%;}
    .spa-9 {flex-basis: 75%;max-width: 75%;}
    .spa-10 {flex-basis: 83.33%;max-width: 83.33%;}
    .spa-11 {flex-basis: 91.66%;max-width: 91.66%;}
    .spa-12 {flex-basis: 100%; max-width: 100%;}

    body.page-id-549 .sidebar .gallery-columns-1 .gallery-item,
    body.page-id-178 .sidebar .gallery-columns-1 .gallery-item {
        max-width: 55%;
    }
    body.page-id-549 .sidebar .gallery-columns-2 .gallery-item,
    body.page-id-178 .sidebar .gallery-columns-2 .gallery-item {
        max-width: calc((100% / 2) - 4px);
    }
    body.page-id-549 .sidebar .gallery-columns-3 .gallery-item,
    body.page-id-178 .sidebar .gallery-columns-3 .gallery-item {
        max-width: calc((100% / 3) - 4px);
    }
    .job-item {
        flex-basis:calc(50% - 15px);
    }

    .soliloquy-container .soliloquy-next,
    .soliloquy-container .soliloquy-prev {
        margin-top: -30px !important;
    }

}
@media only screen and (min-width: 991px) {
    body.page-template-page-links #secondary {
        max-width: 50%;
    }
    .soliloquy-container .soliloquy-next,
    .soliloquy-container .soliloquy-prev {
        margin-top: -50px !important;
    }
}
@media only screen and (min-width: 1200px) {
    .widget_box_anfrage .textwidget span {
        font-size: 3rem;
    }
}