/*
 Theme Name:     WP Bootstrap Starter Child Theme
 Theme URI:      https://wordpress.org/themes/wp-bootstrap-starter/
 Description:    A child theme of WPBS Theme
 Author:         Afterimage Designs
 Author URI:     https://afterimagedesigns.com/
 Template:       wp-bootstrap-starter
 Version:        1.4
*/

/****************************************
*** Theme customization starts below ***
*****************************************/
@import url('/wp-content/themes/wp-bootstrap-starter-child/webfont.css');


h2.small {
    font-size: calc(1.3rem + .6vw);
}

@media (min-width: 1200px) {
    h2.small {
        font-size: 1.75rem;
    }
}

.screen-reader-text:focus {
    background-color: #333;
    border-radius: 3px;
    box-shadow: 0; 
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 400;
    height: auto;
    left: 0.313rem;
    line-height: normal;
    padding: 5px 10px;
    text-decoration: none;
    top: 0.313rem;
    width: auto;
    z-index: 100000;
}

#page {
    max-width: 92%;
    margin: 0 auto;
    overflow: clip !important;
	overflow-x: clip !important;
}
.sticky-lg-top {top: 20px;}

/*.partner .img-fluid {
    filter: grayscale(100%);
    opacity: .5;
}*/

.error-map {display: none;}
.box.search {
   
    margin-top: 11px;
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3);
    padding: 12px 10px 6px 20px !important;
    background: #eee;
}

.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}

.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}

.offcanvas {background-color: rgba(0, 0, 0, .7);}

.navbar-brand a:after{content:"Hier finden Sie Rat und Hilfe in Bonn"; display: block; color: #333; font-weight: 400; font-size: 20px; top: -4px; position: relative;}

@media(max-width: 550.98px){
	.navbar-brand a:after{font-size: 17px;}
}

#page {max-width: 92%;margin: 0 auto; overflow-x: hidden;}
body {font-size: 22px; font-family: 'Source Sans 3', sans-serif !Important; color: #333; font-weight: 300;}
body.login  h1 a {background-image: url();}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {padding: 0.8rem;  color: #408065; font-weight: 400; font-size: 25px;}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a { color: #408065; font-weight: 400; font-size: 25px;}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover{color: #569569;}
body:not(.theme-preset-active) footer#colophon { color: #444; background: url(/wp-content/themes/wp-bootstrap-starter-child/img/foot-back.png) no-repeat 0 0 ; height: 394px; border-top: 0px solid #fff; display: flex;
    flex-direction: row;
    align-content: flex-end;
    flex-wrap: wrap;}
body:not(.theme-preset-active) #page-sub-header h1, body:not(.theme-preset-active) #page-sub-header p {color: #fff; font-size: 50px;}
body:not(.theme-preset-active) #page-sub-header p {color: #fff; font-size: 40px;}
body:not(.theme-preset-active) #masthead .navbar-nav > li#menu-item-322 > a {background: #408065; padding: 6px 25px; border-radius: 30px; margin: 6px 15px 0 15px; color: #fff; width: max-content; font-size: 23px;}
body:not(.theme-preset-active) #masthead .navbar-nav > li#menu-item-322 > a:hover{background: #569569;}
    
b, strong {font-weight: 400 !important;}
a {color: #408065;}
a:hover {color: #408065;}
h1, h2, h3, h4, h5, h6 {color: #333; font-weight: 300;}
h1 b, h2 b{font-weight: 600 !important;}
h1{font-size: 50px; letter-spacing: -2px;}
h2{font-size: 40px; letter-spacing: -2px;}
.header{text-align: center; margin-top: 30px;}
.header-partner{margin-bottom: 15px; text-align: center;}
.text-big {font-size: 1.7rem;}
.img-fluid {border-radius: 5px;}
.centa{display: flex; justify-content: center;}
.centa2 {display: flex;
    flex-direction: column;
     align-items: center;margin-bottom: -70px;}

.imprint {display: flex; align-content: flex-end;
flex-wrap: wrap;}
.imprint a {text-decoration: none;}

.btn{background: #408065; color: #fff; padding: 10px 30px; border-radius: 30px; font-size: 25px;}
.btn:hover {color: #fff; text-decoration: none; background: #666;}

.partner{display: flex; justify-content: center; margin-bottom: 10px;}


.box {padding: 0; background: #fff; border-radius: 5px; color: #333; font-size: 20px;}
.box h2 { color: #408065; font-size: 23px; letter-spacing: 0px;}
.box a.btn, .search-head  a.btn {display: block; width: 100%; padding: 5px 15px; background: #408065; color: #fff; margin-top: 15px;}
.box a { color: #408065; }
.search-head  a.btn {display: inline-block; width: auto; margin-top: 0; margin-right: 20px;}
.box.orange { background: #408065; color: #fff; font-size: 18px; padding: 25px 25px 15px 25px; box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3);}
.box.orange h2 { color: #fff;  }
.box.orange a.btn {padding: 7px 15px; background: transparent; color: #fff; margin-top: 20px; border: 1px solid #fff;}

.footer-right {text-align: right;}
.footer-right a {color: #fff; }


.filter-btn.btn:before {content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 8px;}
.button-filter .filter-btn{background-color: transparent;
    color: #666;
    display: block;
   
	    border: 1px solid #666;}
.filter-btn.btn-primary:hover{ }

.tab-content .add{border-left: 1px solid #ddd; padding-left: 30px; height: 100%; font-size: 16px; font-weight: 400;}
.tab-content .fa-universal-access{font-size: 35px;}


.tab-content .flaggen img { height: auto; max-width: 35px;  float: left; margin-right: 7px;border: 1px solid #ddd; margin-bottom: 5px;}
.tab-content .col-xxl-3 ul{list-style: none outside none; padding-left: 0;}
.tab-content .fa-tag:before {margin-right: 8px; font-size: 14px; display: none;}
.tab-content .fa-check:before {color: #408065; font-size: 16px;}

/*.tab-content .traeger li{display: inline-flex;}
.tab-content .traeger{border-bottom: 1px solid #ccc; padding-bottom: 10px;}

.tab-content .traeger .fas:before {top: 1px; position: relative; font-size: 12px; margin-right: 4px;}*/



.tab-content .traeger-head{    margin-bottom: 8px;font-style: italic; font-weight: 400; font-size: 13px;     padding-top: 11px;}

.tab-content .traeger img { height: auto; max-width: 40px; margin-right: 7px; margin-bottom: 10px;}
.tab-content .traeger{    display: inline-flex;}
.tab-content .traeger-wrap{clear: left;}

.tab-content #nav-602 .traeger img {max-width: 100px;}

.tab-content .thema li{padding: 3px 8px; background: #eee;  max-width: max-content; margin-bottom: 5px; border-radius: 3px; font-size: 14px;}

.tab-content .flaggen{margin-top: 20px;}

.tab-content .sprachmittlung{clear: left;  padding-top: 10px; font-style: italic;}


#page-sub-header {padding-top: 8rem; padding-bottom: 8rem;}

h1.entry-title {display: none;}
header#masthead {z-index: 10;    background-color: transparent; position: relative; box-shadow: none;}
header#masthead {padding: 25px 0;}
header#masthead .container    {max-width: 100%;     padding-right: 0;
    padding-left: 0;}

.navbar-brand {position: absolute; background: #fff; padding: 6px 0 4px; left: 0;      border-radius: 5px;}
.navbar-brand img {}
.navbar-light .navbar-toggler {border-color: #fff;}
 .navbar {
    justify-content: end !important;
}
#content.site-content  {background: #fff; border-top: 1px solid #fff; padding-top: 0px; padding-bottom: 40px;}

button:focus {outline: none !important; outline: 0 !important;}
.navbar-toggler:focus { box-shadow: none;}

.item-list {padding: 0px 0px 0px 25px;}
.no-result, .error-map {padding: 25px 0px 25px 25px;}
.item .subtitle {font-weight: 400;}
.item h2 {font-size: 22px; font-weight: 400; margin-bottom: 0; letter-spacing: 0px; padding-bottom: 0;}
.item .label {font-weight: 500; display: inline-block; margin-right: 5px;}
.item a {color: #333; text-decoration: underline;}

.item a.link {color: #333; text-decoration: none; font-weight: 400; display: block;}
.item a.link.homepage {margin-top: 10px;}
.item a.link:before{content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 9px;
    font-size: 19px;color: #666;}
	
	.item a.link.online:before{content: "\f108"; padding-right: 8px; font-size: 17px;}
	

.item .nav-tabs {margin-top: 13px; margin-bottom: 14px;}
.item .nav-tabs .nav-link {padding: 7px 15px 6px 15px; font-size: 16px; font-weight: 400; line-height: 1;}
.item .fas:before {top: 2px; position: relative;}

.item p:last-child{margin-bottom: 0;}

.adress {margin-bottom: 10px; margin-top: 5px;}

.leaflet-popup-content-wrapper .adress {margin-top: 5px;}
.leaflet-popup-content-wrapper .title {margin-bottom: 0px !Important;}
.termine {margin-top: 12px;}

.menu-item-345 a:before {content: "\f05a"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 8px;     font-size: 19px;}
.menu-item-322 a:before {content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 8px;     font-size: 18px;}

/*###### KONTAKT ######*/
.ma-img {float: left; max-width: 50%; margin-right: 30px;}
.ma-name{font-size: 23px;}
.ma-info{background: #f7f7f7e3; padding: 22px; border-radius: 5px; position: absolute; right: 60px; top: 30px; min-width: 292px; font-size: 20px;}
.ma-info .adress {margin-bottom: 10px;}
.ma-wrap {    position: relative;}
/*###### END ######*/

/*###### MAP ######*/
#list {max-width: 800px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px;}
.item {padding: 25px 30px 25px 30px; box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3); margin-bottom: 20px; line-height: 1.4; font-size: 18px; }
.title {font-weight: bold; margin-bottom: 5px}
.lat{margin-top: 10px; text-align: right;}
.map, .web{margin: 0 0 10px 0; display: inline-block;}
.map{margin-right: 6px;}
.map a, .web a{padding: 4px 12px; background-color: #e00; text-decoration: none; color: #fff !important; font-size: 15px; border-radius: 5px; margin-top: 10px; display: block; max-width: max-content;}

.web a{background-color: #666;}
#map {width: 100vw; height: 85vh; overflow: hidden;}
#progress { display: none; position: absolute; z-index: 1000;left: 400px; top: 300px; width: 200px; height: 20px; margin-top: -20px; margin-left: -100px; background-color: #fff; background-color: rgba(255, 255, 255, 0.7);   border-radius: 4px; padding: 2px;}
#progress-bar { width: 0; height: 100%; background-color: #76A6FC; border-radius: 4px;}
.leaflet-container {height: 1200px; width: 600px; max-width: 100%; max-height: 100%; font-family: 'Source Sans 3', sans-serif !Important;}
.mycluster {width: 40px; height: 40px; background-color: greenyellow; text-align: center;font-size: 24px;}

.marker-cluster-small {background-color: transparent;}
.marker-cluster div {color: #fff; background-color: #408065 !important; width: 40px; height: 40px; margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 50%; font: 17px 'Source Sans 3', sans-serif !important; font-weight: 700;}
.marker-cluster span { line-height: 41px;}
:root{ /* ... */ --mapfilter: grayscale(1); /* ... */}/* ... */
html body.dark{/* ... */ --mapfilter: invert(1) grayscale(1);/* ... */}
.map-layer, .leaflet-tile-container { filter: var(--mapfilter); -webkit-filter: var(--mapfilter);}
.mapboxgl-map {filter: grayscale(1);}
.marker-cluster-small {background-color: transparent !Important;}
.leaflet-popup-content {font-size: 15px !important;}
.leaflet-popup-tip-container {margin-top: 0px; margin-left: -10px;}



.marker-cluster.marker-cluster-medium div {width: 40px;  height: 40px; border-radius: 22px;     font: 20px 'Source Sans 3', sans-serif !important;}
.marker-cluster-medium{width: 50px !Important;  height: 50px !Important; border-radius: 36px !Important;}
.marker-cluster.marker-cluster-medium span {line-height: 40px;}

.marker-cluster.marker-cluster-large div {width: 50px;  height: 50px; border-radius: 30px;     font: 23px 'Source Sans 3', sans-serif !important;}
.marker-cluster-large{width: 60px !Important;  height: 60px !Important; border-radius: 34px !Important;}
.marker-cluster.marker-cluster-large span {line-height: 49px;}
/*###### END ######*/

/*###### SEARCH ######*/

.search-filter-results {padding-top: 0px;}
.searchandfilter ul {margin-left: 0; padding-left: 0;}
.searchandfilter ul li {display: inline-block; margin-right: 0px;}
.searchandfilter ul li.sf-field-post-meta-zielgruppe, .searchandfilter ul li.sf-field-post-meta-thema, .searchandfilter ul li.sf-field-reset {display: block;}
.searchandfilter ul li.sf-field-reset input, .box.search input {width: 100%;}
.searchandfilter ul li.sf-field-reset input {background-color: #444;}
.searchandfilter select.sf-input-select {min-width: 100%; max-width: 100%; box-sizing: border-box; padding: 10px; background: #fff; border: 1px solid #666; border-radius: 4px; -webkit-appearance: none;
-moz-appearance: none; appearance: none;}
.search-wrap .searchandfilter ul li.sf-field-reset {display: none;}
.search-head .searchandfilter ul li.sf-field-sort_order, .search-head .searchandfilter ul li.sf-field-post-meta-traeger, .search-head .sf-field-post-meta-barrierefrei, .search-head .sf-field-post-meta-beratung-moeglich{display: none;}
.search-head .searchandfilter ul li.sf-field-post-meta-zielgruppe {margin-right: 12px; margin-left: 12px;}
.search-head .searchandfilter ul li.sf-field-post-meta-zielgruppe, .search-head  .searchandfilter ul li.sf-field-post-meta-thema {display: inline;}
.search-head .searchandfilter label {width: 300px; position: relative;}
.search-head .sf-field-submit input, .search-head .sf-field-reset input, .searchandfilter h4 {display: none;}
.search-head .sf-field-search input {width: 300px;}
.search-head  {position: absolute; margin: 0 auto;  z-index: 9;  padding: 10px 20px 10px 20px; background: rgba(51,51,51, 0.7); height: auto; top: auto; bottom: 150px; border-radius: 5px; display: flex; justify-content: center; max-width: max-content;}
.search-head select, .search-wrap select, .search-head input, .search-wrap input,.box.search.map select, .box.search.map input {font-size: 18px;}
.sf-field-submit input, .sf-field-reset input {background-color: #D4011D; color: #fff; padding: 10px 15px; border: 0; border-radius: 4px;}
.sf-field-reset input {background-color: #666;}
.sf-field-search input {padding: 10px 15px; border: 1px solid #666; border-radius: 4px;}
li.sf-field-search {width: 100%;}
.search-head  li.sf-field-search {max-width: 300px;}
.home .sf-field-search, .home .sf-field-post-meta-thema {margin-right: 10px;}
hr { margin-top: 30px; margin-bottom: 30px; border: 0; border-top: 1px dashed #ccc;}
.count {text-align: right; font-size: 15px; }

.box.search.map input {width: auto;  display: inline-block;}

.sf-field-post-meta-barrierefrei .sf-level-0, .sf-field-post-meta-beratung-moeglich .sf-level-0 {    display: flex !important;}
.sf-field-post-meta-barrierefrei .sf-level-0 .sf-label-checkbox, .sf-field-post-meta-beratung-moeglich .sf-label-checkbox{order: 1; font-size: 16px; font-weight: 400;}
.sf-field-post-meta-barrierefrei .sf-level-0 .sf-input-checkbox, .sf-field-post-meta-beratung-moeglich .sf-input-checkbox{width: 20px !important;}

.sf-field-post-meta-barrierefrei{margin-bottom: -20px !important;}
.searchandfilter select.sf-input-select {color: #444 !important;}
.box.search.map .searchandfilter select.sf-input-select { box-sizing: border-box; padding: 10px; background: #fff; border: 1px solid #666; border-radius: 4px; color: #444;}
.box.search.map .searchandfilter label {width: 100%; position: relative;}
.box.search.map li.sf-field-search {width: auto;}
.box.search.map .searchandfilter ul li.sf-field-post-meta-zielgruppe, .searchandfilter ul li.sf-field-post-meta-thema, .searchandfilter ul li.sf-field-reset {display: inline-block; }
.box.search.map .searchandfilter ul li {margin-right: 10px;}
.searchandfilter li.sf-field-post-meta-zielgruppe label::after, .searchandfilter li.sf-field-post-meta-thema label::after , .searchandfilter li.sf-field-post-meta-ortsteil label::after, .searchandfilter li.sf-field-post-meta-traeger label::after{position: absolute; top: 11px; right: 7px; background: url('/wp-content/themes/wp-bootstrap-starter-child/dropdown.png') no-repeat 0 0; z-index: 1; pointer-events: none; 
content: ""; width: 28px; height: 28px;}
/*###### END ######*/
 .shariff .theme-round .shariff-button.whatsapp .shariff-icon svg {
  padding: 8px 3px;}
  a.shariff-link {background-color: #999 !important;}
	  p, strong, b {-webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;
}
/*###### NAV ######*/
.row.search-wrap {    justify-content: center; position: relative; }
.nav-tabs {border-bottom: none; margin-bottom: 30px; margin-top: 10px;}
.nav-tabs .nav-link { border: 0; border-radius: 4px; background: #666; color: #fff; margin-right: 10px; padding: 5px 15px; font-size: 20px; text-decoration: none; font-weight: 400;} 
.nav-tabs .nav-link.edit { border: 0; border-radius: 50%; padding: 5px 9px; background: #fff; color: #666; margin-right: 0px; } 
.nav-tabs .nav-link.marker {border-radius: 50%; padding: 5px 9px; width: 30px;
  height: 30px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background: #408065; color: #fff;}


#nav1-tab:before {content: "\f3c5"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 8px;     font-size: 19px;}
#nav2-tab:before {content: "\f0ca"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 8px;     font-size: 19px;}

/*###### END ######*/
/*###### NAV offcanvas Bootstrap 5 ######*/
.nav-chief ul#menu-menu-1 {list-style: none;     margin-bottom: 0;}
.nav-chief .nav-link {padding: 5px 30px !important;
    color: #555;
    font-weight: 400;
    font-size: 25px;
    background: #eee;
    border-radius: 30px;
    margin-top: 6px;}
.nav-chief .btn-close {padding: 20px;}
.nav-chief .menu-item-322 .nav-link {background: #408065; padding: 6px 25px; border-radius: 30px; margin: 6px 0 0; color: #fff !important; width: max-content; font-size: 23px;}
.nav-chief .menu-item-322 .nav-link, .nav-chief .nav-link, .btn {padding: 5px 15px !important; border-radius: 4px; font-size: 18px;}
.btn.search {font-size: 25px; margin-top: 20px;}
.btn.search:before {content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 8px;
font-size: 80%;}
.nav-chief .btn-close {
  padding: 10px;

 
  border-radius: 0;
  background-color: #999;
}

/*########### MODAL ###########*/

.hinweis{display: none !Important;}

.modal-header {border-bottom: 0;}
.modal {box-shadow:0px 4px 16px 0px rgba(0,0,0,0.36);  }
.modal-content { background: #fff;border-radius: 15px 0;}
.modal-body { padding: 1px 30px 25px; text-align: center; font-weight: 300; margin-top: -15px; font-size: 22px;}
.modal-text {line-height: 1.3; margin-bottom: 20px; font-size: 18px; color: #444; text-align: left;}
.modal-backdrop{opacity:0.6 !important;}
.modal-backdrop + .modal-backdrop {display: none;}
.modal-header .btn-close:before{content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	color: #333;}
.modal-header .btn-close {
    position: relative;
    right: -14px;
    top: -16px;
    border: 0;
    background: #fff;
    font-size: 20px;
    font-weight: 400;
    color: #444;
    max-width: max-content;
    padding: 7px 10px;
    line-height: 1;
    border-radius: 50%;
    box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 17%);
	    opacity: 1;
}

.modal h2{font-size: 30px;font-weight: 300;}
.modal-text div {text-align: center;}


@media (min-width: 320px) {
img.spirale {max-width: 190px;}
img.diakonie {max-width: 190px;}
}
@media (min-width: 992px){
	.container.c-big{max-width: 1140px;}
}
@media (min-width: 1200px) {
	.container.c-big{max-width: 1300px;}
	.shariff-wrap{display: none !important;}
.nav-chief  li  a {padding: 0.8rem;}
.nav-chief .btn-close {display: none;}
.nav-chief ul#menu-menu-1 {display: flex;}
.nav-chief .menu-item-322 .nav-link {margin: 6px 0 0 15px; }}
@media (min-width: 1400px){
.container.c-big{max-width: 1620px;}
}




@media (max-width: 1199.98px) {
.nav-chief .nav-link {padding: 0.5rem 0;}
.nav-chief ul#menu-menu-1 {padding-left: 0;}
.nav-chief .navbar-collapse {margin-top: 0px;}
}
@media (max-width: 767.98px) {
.tab-content .add {border-left: 0; padding-left: 0; margin-top: 30px; border-top: 1px solid #ddd; padding-top: 30px;}
.btn.search, .btn {font-size: 18px;}
.nav-chief .menu-item-322 .nav-link {font-size: 20px;}
.nav-chief .nav-link {font-size: 19px;}
}
/*###### End NAV offcanvas Bootstrap 5 ######*/
.leaflet-top, .leaflet-bottom {
    
z-index: 4  !important;}
.leaflet-pane {
    z-index: 2 !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
.navbar-brand img {max-width: 249px;}
}


@media (min-width: 991px) and (max-width: 1199px) { 
.tab-content .add {border-left: 0; padding-left: 0; margin-top: 30px; border-top: 1px solid #ddd; padding-top: 30px;}
}

@media (max-width: 1199px) { 
body:not(.theme-preset-active) #masthead .navbar-nav > li#menu-item-322 > a {margin-top: 15px; margin-bottom: 15px; margin-left: 10px; padding: 6px 25px;}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {padding: 0.5rem 0.8rem 0rem 0.8rem;}
.navbar-brand { left: 0; }
.navbar-brand img { max-width: 212px;}
.navbar {justify-content: end;}
.navbar-collapse {margin-top: 30px;  border-radius: 5px; padding: 14px;}
.ma-info {padding: 20px; right: 0px; top: 32px; min-width: 269px; font-size: 19px;}
.ma-img {max-width: 60%;}
.shariff-wrap .shariff.shariff-align-flex-end ul {
    justify-content: center;
    align-items: center;
}
.shariff-wrap {margin-top: 20px; color: #eee;
    text-align: center;
      border-radius: 5px;
font-weight: 400;}
}


@media (max-width: 1053px) { 

.home .sf-field-post-meta-thema {
    margin-right: 0;}
}
@media (max-width: 991.98px) { 
.partner img{margin-bottom: 30px;}
.dont-show{display: none !important;}
.post-38 .box.search .sf-field-reset {max-width: 400px; margin: 0 auto;}
.container.sm-full {max-width: 100%;}
.container.sm-full .col-lg-8 {padding: 0 30px;}

h1{ font-size: 2.6rem; letter-spacing: -1px;}
h2{ font-size: 2.0rem; letter-spacing: -1px;}

.item h2{ font-size: 23px; letter-spacing: 0px;}
body {font-size: 21px;}
.text-big {font-size: 1.4rem;}
.tab-pane  {font-size: 18px;}
.box.search { border-radius: 0; padding: 15px 20px;}

.box.search .searchandfilter li.sf-field-post-meta-zielgruppe label::after, .box.search .searchandfilter li.sf-field-post-meta-thema label::after {top: 10px; right: 7px;}
.box.h-100 {height: auto !important; margin-bottom: 30px;}
.box a.btn {font-size: 1.2rem;}
.count {padding: 15px 0;}
.navbar-brand img {max-width: 194px;}
.ma-wrap{display: flex;justify-content: space-evenly;}
.ma-img {max-width: 45%; margin-bottom: 50px;}
.ma-info {padding: 22px; right: 30px; top: 51px; font-size: 20px;}
.entry-content{margin: 0 0 0;}
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
.box.search.map .searchandfilter select.sf-input-select {min-width: 220px; max-width: 220px;}
.searchandfilter ul li.sf-field-post-meta-thema {display: inline;}
.searchandfilter label {width: 50%;}
.searchandfilter ul li.sf-field-reset input, .box.search input, .searchandfilter ul li {width: auto;}
.searchandfilter ul li.sf-field-reset, .box.search input.search-filter-reset {width: 100%;}
.box.search.map .searchandfilter label {width: auto;}
/*.search-head .searchandfilter ul li.sf-field-reset input, .search-head .searchandfilter ul li {
    width: 230px;
}
.search-head .searchandfilter label, .search-head .sf-field-search input {
    width: 240px;
    position: relative;
}
.search-head li.sf-field-search {
    max-width: 170px;
}
.search-head .sf-field-search input, .search-head .sf-field-search label {width: 180px;}
}*/
.search-mask .searchandfilter ul li {
display: inline-block !important;}
}

@media (max-width: 767.98px){ 
.box.search .sf-field-search input, .box.search .searchandfilter select.sf-input-select, .box.search .sf-field-reset input {
    font-size: 1.2rem !important;
}
.box.search.map .searchandfilter label {display: block !important;}
.search-head select, .search-wrap select {font-size: 16px;}
h1  { font-size: 2.2rem;}
h2,.item h2  {font-size: 20px;}
body {font-size: 19px;}
.text-big {font-size: 1.3rem;}
.navbar-brand {}
.navbar-brand img {max-width: 186px;}
.search-head  .searchandfilter ul li.sf-field-post-meta-zielgruppe/*, .searchandfilter ul li.sf-field-reset .search-head  .searchandfilter ul li.sf-field-post-meta-thema*/ {display: none;}
.search-head  {position: absolute; margin: 0 auto;     background: rgba(51,51,51, .7); border-radius: 5px; }
.search-head .searchandfilter label, .search-head li.sf-field-search, .search-head .sf-field-search input {width: 250px;}
.search-head li.sf-field-search {max-width: 100%;}
.search-head .sf-field-post-meta-thema {display: block !important;}
.home .sf-field-search {margin-right: 0;}
.count {padding: 45px 0 15px !important;}
header#masthead {padding: 20px 0;}
.header {margin-top: 15px;}

.mt-10 {margin-top: 5px;}
.mt-20 {margin-top: 10px;}
.mt-30 {margin-top: 15px;}
.mt-40 {margin-top: 20px;}
.mt-50 {margin-top: 25px;}
.mt-60 {margin-top: 30px;}
.mb-10 {margin-bottom: 5px;}
.mb-20 {margin-bottom: 10px;}
.mb-30 {margin-bottom: 15px;}
.mb-40 {margin-bottom: 20px;}
.mb-50 {margin-bottom: 25px;}
.mb-60 {margin-bottom: 30px;}
.ma-wrap{display: flex;justify-content: flex-start;}
.ma-img {max-width: 60%; margin-bottom: 50px;}
.ma-name {font-size: 21px;}
.ma-info {padding: 22px 22px 7px 22px; right: 20px; top: 50px; font-size: 20px;}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {font-size: 22px;}
body:not(.theme-preset-active) #masthead .navbar-nav > li#menu-item-322 > a { margin-top: 13px; padding: 8px 18px; font-size: 19px;}
.menu-item-322 a:before {font-size: 17px;}
.searchandfilter ul {flex-direction: column !important; display: flex !important;}
}

@media (max-width: 549.98px){ 
h1  { font-size: 2rem;}
body {font-size: 17px;}
.navbar-brand img {max-width: 160px;}
.ma-img {max-width: 60%; margin-bottom: 40px;}
.ma-name {font-size: 19px;}
.ma-info {padding: 19px 19px 4px 19px; right: 12px; top: 45px; font-size: 17px; min-width: 230px;}
.btn, .btn.search {font-size: 18px;}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {font-size: 20px;}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a{font-size: 20px;}
}

@media (max-width: 449.98px){
.ma-info {padding: 14px 6px 0px 12px; right: 8px; top: 32px; font-size: 17px; min-width: 215px;}
.ma-name {font-size: 18px;}
.item .nav-tabs .nav-link {padding: 7px 10px 6px 10px; font-size: 15px;}
}
.sf-field-reset a:before {content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 8px; }
.sf-field-reset a {background-color: transparent;
    margin-top: -5px;
    padding-left: 8px;
    color: #555 !important;
    font-size: 16px;
font-weight: 400;}

.box.search.map input {width: 100%;}
.box.search.map select, .box.search.map input {
    font-size: 14px;
}

.search-mask .searchandfilter li.sf-field-post-meta-thema label::after, .search-mask .searchandfilter li.sf-field-post-meta-ortsteil label::after, .search-mask .searchandfilter li.sf-field-post-meta-traeger label::after {top: 7px;}
.search-mask .searchandfilter ul li {
    display: block;}
.search-mask .map {display: block; margin-right: 0;}

@media (max-width: 991.98px) {
.search-results .button-filter {display: none;}
	.search-mask .searchandfilter li.sf-field-post-meta-thema label::after, .search-mask .searchandfilter li.sf-field-post-meta-ortsteil label::after, .search-mask .searchandfilter li.sf-field-post-meta-traeger label::after, .box.search .searchandfilter li.sf-field-post-meta-thema label::after {top: 7px;}
	
}

@media (min-width: 991.98px){ 
.button-filter p {display: none;}
.search-results .box.search {display: none;}
.search-mask {padding-right: 25px;}

}
@media (min-width: 1399px) { 
.max-90 {max-width: 93%;}
}




@media (max-width: 1053px) { 
.search-head .sf-field-post-meta-ortsteil{display: none !important;}
}

@media (max-width: 551.98px) { 
.nav-tabs .nav-link { 
padding: 5px 10px; font-size: 18px;}
.filter-btn {width: 100%;}
.search-head {bottom: 120px;}
}

@media (min-width: 1014px) {
.two-cols {column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
column-gap: 60px;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-rule: 1px solid #ccc;
-webkit-column-rule: 1px solid #ccc;
-moz-column-rule: 1px solid #ccc;}
header.fh .header-group {border-bottom: 0;}
}