/*
Theme Name: AWO HN 2025
Theme URL: https://awo-heilbronn.org
Description: NGO Website
Author: Nico Jantz
Author URI: https://get-up.works
Version: 1.0.0
*/


body { font-family: 'Fira Sans', sans-serif; }
body, .form-control, #footer .contact-card h2 { font-size: .875rem; }
.fw-400 { font-weight: 400; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .strong, strong, b, .fw-700 { font-weight: 700; }
.xstrong { font-weight: 900; }


/* BASE COLORS ------ */

.red, 
.required, label sup
{ color: #e2001A; }
.orange 
{ color: #ec7405; }
.yellow, 
#footer a:focus, #footer a:active 
{ color: #fecd1b; }
.blue
{ color: #e2001a; }
.blue-text, 
a:hover, a:focus, a:active, 
label.labelfocus
{ color: #e2001a; }
.green
{ color: #79b530; }
.black
{ color: #000; }
.text-black, 
body, a
{ color: #212529; }
.gray-dark,
.navbar-light .navbar-nav .nav-link, #main-nav-mobile .navbar-nav .dropdown-menu li.active + li.current-menu-item.menu-item-has-children.active > a, 
.alert, .wp-caption-text, figure figcaption, form label, .form-control, .form-control:focus, .form-check label a:not(:hover):not(:focus):not(:active), 
.tooltip.alert-warning
{ color: #3b3b39; }
.gray-dark-accent-light
{ color: #484846; }
.gray,
blockquote
{ color: #87867e; }
.gray-accent-light
{ color: #aaa9a5; }
.gray-light
{ color: #d2d2cf; }
.gray-xlight
{ color: #f2f2ee; }
.white, 
.tooltip.alert-danger, .tooltip.alert-info, 
#footer a
{ color: #fff; }

 /* bg */
.bg-red,
.navbar-light .mainnav-open.navbar-toggler .navbar-toggler-icon, 
.tooltip.alert-danger, .tooltip-left.alert-danger::after, 
.slider-dotnav ul.slick-dots li.slick-active
{ background-color: #e2001A; }
.bg-orange 
{ background-color: #ec7405; }
.bg-yellow, 
.tooltip.alert-warning, .tooltip-left.alert-warning::after
{ background-color: #fecd1b; }
.bg-green
{ background-color: #79b530; }
.bg-green30
{ background-color: #d7e9c0; }
.bg-green15
{ background-color: #ebf4e0; }
.bg-green-text, 
.tooltip.alert-info, .tooltip-left.alert-info::after
{ background-color: #487d09; }
.bg-blue
{ background-color: #e2001a; }
.bg-blue-text
{ background-color: #e2001a; }
.bg-black, 
.navbar-light .navbar-toggler-icon
{ background-color: #000; }
.bg-gray-xdark 
{ background-color: #1c1c1b; }
.bg-gray-dark
{ background-color: #3b3b39; }
.bg-gray,
.slider-dotnav ul.slick-dots li
{ background-color: #87867e; }
.bg-gray-accent-light
{ background-color: #aaa9a5; }
.bg-gray-light, 
.tooltip-left::before
{ background-color: #d2d2cf; }
.bg-gray-xlight, 
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover,
hr, .wp-caption-text 
{ background-color: #f2f2ee; }
.bg-gray-xlight-accent-dark
{ background-color: #eaeae0; }
body
{ background-color: #fbfbfb; }
.bg-white,
.alert:not(.alert-light):not([class*="bg-"]):not(.tooltip)
{ background-color: #fff; }
.bg-transparent { background-color: transparent; }

 /* border */
.border-red, 
.alert-danger
{ border-color: #e2001A; }
.border-orange
{ border-color: #ec7405; }
.border-yellow,
.alert-warning, #footer li.list-group-item:hover::after
{ border-color: #CCC; }
.border-green,
.alert-success
{ border-color: #79b530; }
.border-blue, 
.btn-primary, .btn-primary:focus, .alert-primary, .alert-info
{ border-color: #e2001a; }
.border-black
{ border-color: #000; }
.border-gray-dark
{ border-color: #3b3b39; }
.border-gray,
.alert-dark, .alert-secondary, .arrow::after, .form-control:hover 
{ border-color: #87867e; }
.border-gray-light, 
.alert-light, .form-control
{ border-color: #d2d2cf; }
.border-gray-xlight,
blockquote:before, blockquote:after, .slider-main-nav.border-bottom
{ border-color: #f2f2ee; }
.border-white
{ border-color: #fff; }

 /* svg */
.fill-red, 
a.close-popup:hover, a.close-popup:focus, .close:hover svg, .close:focus svg, .close:active svg
{ fill: #e2001A; }
.fill-orange 
{ fill: #ec7405; }
.fill-yellow 
{ fill: #fecd1b; }
.fill-green
{ fill: #79b530; }
.fill-blue
{ fill: #e2001a; }
.fill-black
{ fill: #000; }
.fill-gray-dark
{ fill: #3b3b39; }
.fill-gray,
.slider-arrow:hover svg, .close svg
{ fill: #87867e; }
.fill-gray-light
{ fill: #d2d2cf; }
.fill-gray-xlight, 
#post-edit-widget a svg
{ fill: #f2f2ee; }
.fill-white,
.slider-arrow:hover svg, 
#post-edit-widget a:hover svg, #post-edit-widget a:focus svg
{ fill: #fff; }



/* ANIMATIONS ------ */

  /* fadeIn */
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.fadeIn{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name:fadeIn;animation-name:fadeIn;}
img.fadeIn{-webkit-animation-duration: 1.25s; animation-duration: 1.25s;}
  /* fadeInDown */
@-webkit-keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}
@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}
.fadeInDown{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
/* fadeInUp */
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.fadeInUp{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
/* slideInUp */
@-webkit-keyframes slideInUp {from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes slideInUp {from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.slideInUp{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name:slideInUp;animation-name:slideInUp;}
  /* fadeOut */
@-webkit-keyframes fadeOut{from{opacity:1;}to{opacity:0}}
@keyframes fadeOut{from{opacity:1;}to{opacity:0}}
.fadeOut{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name:fadeOut;animation-name:fadeOut;}
  /* fadeOutUp */
@-webkit-keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}
@keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}
.fadeOutUp{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}
 /* shake-narrow  */
@keyframes shakeNarrow  { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-2px, 0, 0); } 40%, 60% { transform: translate3d(2px, 0, 0) } }
.shake-narrow  {-webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: shakeNarrow ; animation-name: shakeNarrow; }
 /* bg---FadeIn */
@keyframes bgGray10FadeIn { from {background-color: #fff;} to {background-color: #f0f1f2;} }
.bg-gray10-fadeIn { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-name: bgGray10FadeIn; animation-name: bgGray10FadeIn; }



/* LAYOUT ------ */

body { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
::-moz-selection { background:rgba(39, 43, 47, 0.99); color:#ffffff; }
::-webkit-selection { background:rgba(39, 43, 47, 0.99); color:#ffffff; }
::selection { background:rgba(39, 43, 47, 0.99); color:#ffffff; }
.container-xl { max-width: 1280px; }
#content { padding-top: 1rem; padding-bottom: 2rem; border-top: 1px solid #f2f2ee; }
#header + #content { border-top: 0; }
@media (min-width: 768px) {
 .col_spacer_left, .col_spacer_full { padding-left: 1.5rem; }
 .col_spacer_right, .col_spacer_full { padding-right: 1.5rem; }
}
@media (min-width: 992px) {
 .col_spacer_left, .col_spacer_full, .col_spacer_right-lg.col_spacer_full { padding-left: 2rem; }
 .col_spacer_right, .col_spacer_full, .col_spacer_left-lg.col_spacer_full { padding-right: 2rem; }
}
@media (min-width: 1200px) {
 .col_spacer_left, .col_spacer_full { padding-left: 2.75rem; }
 .col_spacer_right, .col_spacer_full { padding-right: 2.75rem; }
}
@media (min-width: 1400px) {
 .col_spacer_left, .col_spacer_full { padding-left: 3.5rem; }
 .col_spacer_right, .col_spacer_full { padding-right: 3.5rem; }
}


/* HEADER ------ */
#seitenanfang { padding-bottom: 1rem; }
#header-nav-secondary { border-bottom-width: 1px; border-bottom-style: solid; }
#header-nav-secondary a { font-size: .875rem; }
#header-nav-secondary a:not(:hover):not(:focus):not(:active) { color: #87867e; }
#header-nav-secondary svg * { transition: fill .15s ease-in-out; }
 /* secondary nav */
#header-nav-secondary > * { height: 36px; }
#header-nav-secondary > a svg { width: 16px; height: 16px; }
 /* search */
#header-searchbutton { border-right-width: 1px; border-right-style: solid; }
#header-searchbutton svg { margin-right: .25rem; }
 /* contact */
#header-nav-secondary > a#header-contact :hover svg, #header-nav-secondary > a#header-contact:focus svg { color: #e2001a; }

 /* font size switch */
#fontsize-switch:hover > span { color: #3b3b39; }
#fontsize-switch .btn { width: 20px; height: 20px; line-height: 1; }
#fontsize-switch .btn:hover, #fontsize-switch .btn:focus, #fontsize-switch .btn:active { background-color: #e2001a; }
#fontsize-switch svg { fill: #87867e; }
#fontsize-switch svg .icon-action { fill: #000; }
#fontsize-switch .btn:hover svg .icon-action, #fontsize-switch .btn:focus svg .icon-action, #fontsize-switch .btn:active svg .icon-action { fill: #fff; }
#fontsize-switch .btn:hover svg .icon-circle, #fontsize-switch .btn:focus svg .icon-circle, #fontsize-switch .btn:active svg .icon-circle { fill: #e2001a; }
 /* navbar */
.navbar-light .navbar-nav li.active > .nav-link, .navbar-nav .dropdown-menu li.active > a, 
body.active-menu-45 .navbar-nav .menu-main-awo a, 
body.active-menu-81 .navbar-nav .menu-main-familien-jugendliche a, 
body.active-menu-82 .navbar-nav .menu-main-beratung a, 
body.active-menu-80 .navbar-nav .menu-main-schule a, 
body.active-menu-48 .navbar-nav .menu-main-inklusion a, 
body.active-menu-83 .navbar-nav .menu-main-freizeit a, 
body.single-projekte .navbar-nav .menu-main-projekte a, body.page-template-projektarchiv .navbar-nav .menu-main-projekte a, body.tax-projektbereiche .navbar-nav .menu-main-projekte a,
#sidebar-menu li.active > a,
body.single-post #sidebar-menu .sidebar-menu-news a, 
body.single-events #sidebar-menu .sidebar-menu-termine a
{ color: #e2001A; }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:active, 
body.active-menu-45 .navbar-nav #submenu-awo > a, 
body.single-events .navbar-nav #submenu-awo-sha .sidebar-menu-termine a,  
body.single-post .navbar-nav #submenu-awo-sha .sidebar-menu-news a,  
body.active-menu-81 .navbar-nav #submenu-familien-jugendliche > a, 
body.active-menu-82 .navbar-nav #submenu-beratung > a, 
body.active-menu-80 .navbar-nav #submenu-schule > a, 
body.active-menu-48 .navbar-nav #submenu-inklusion > a, 
body.active-menu-48 .navbar-nav #submenu-freizeit > a, 
body.single-projekte .navbar-nav #submenu-projekte > a, body.post-type-archive-projekte .navbar-nav #submenu-projekte > a, body.page-template-projektarchiv .navbar-nav #submenu-projekte > a
{ color: #e2001a; }
body:after { display: none; content: ''; position: fixed; top: 0; right: 0; bottom: -100px; left: 0; overflow: hidden; z-index: 1020; }
#page-top.navbar { animation-duration: .5s; }
body.mobilemenu-open #page-top.navbar, body.mobilemenu-closing #page-top.navbar, body.desktopmenu-open #page-top.navbar, body.desktopmenu-closing #page-top.navbar { z-index: 1030; }
.navbar .container-xl { flex-direction: column; }
.navbar .container-xl > .row { width: 100%; }
#header-banner { flex-direction: column; }
.navbar-brand { width: 100%; padding-top: .25rem; padding-bottom: .25rem; margin-left: -.25rem; }
.navbar-brand img { width: 100%; }
#header-banner > div { border: 1px solid #d2d2cf; border-left: 0; border-right: 0; padding: .25rem 0; margin-top: 1rem; }
#page-top.navbar .navbar-toggler { height: 44px; padding: 10px; margin-right: -.5rem; }
.navbar .navbar-toggler:focus { box-shadow: 0 0 0; }
.navbar .navbar-toggler:focus-visible { outline: none; }
#page-top.navbar .navbar-toggler-icon, #page-top.navbar .navbar-toggler-icon:before, #page-top.navbar .navbar-toggler-icon:after { height: 3px; width: 30px; left: 0; transition: all 0.3s ease-in-out; }
#page-top.navbar .navbar-toggler-icon { background-image: none; position: relative; top: -3px; margin: auto; }
#page-top.navbar .navbar-toggler-icon:before, #page-top.navbar .navbar-toggler-icon:after { content: ""; position: absolute; top: 0; }
.navbar-light .navbar-toggler-icon:before { box-shadow: 0 -8px 0 0 #000; }
.navbar-light .navbar-toggler-icon:after { box-shadow: 0 8px 0 0 #000; }
#page-top.navbar .mainnav-open.navbar-toggler .navbar-toggler-icon { transform: rotate(45deg); }
#page-top.navbar .navbar-toggler.mainnav-open .navbar-toggler-icon:before { left: -8px; transform: translateY(0) rotate(90deg); }
.navbar-light .navbar-toggler.mainnav-open .navbar-toggler-icon:before { box-shadow: 0 -8px 0 0 #e2001A; }
.navbar-light .navbar-toggler.mainnav-open .navbar-toggler-icon:after { box-shadow: 0 0 0 0 #e2001A; }
 /* top level */
.nav-fill .nav-item, .nav-fill > .nav-link { text-align: left; }
.navbar-nav li > .nav-link { font-size: 1rem; }
#header-nav .navbar-nav li > .nav-link { padding: .5rem; }
#header-nav .navbar-nav li:first-child > .nav-link { margin-left: -.5rem; }
#header-nav .navbar-nav li:last-child > .nav-link { margin-right: -.5rem; }
#main-nav-mobile .navbar-nav { width: 100%; }
#main-nav-mobile .navbar-nav li { padding: .375rem 0; }
#main-nav-mobile .navbar-nav > li { border-bottom: 1px solid #f2f2ee; }
#main-nav-mobile .navbar-nav > li:last-child { border-bottom: 0; }
#main-nav-mobile .navbar-nav li a { display: block; padding: .5rem 0; }
#main-nav-mobile .navbar-nav li > a.dropdown-toggle::after { padding: 3px; border-color: #87867e; }
#main-nav-mobile .navbar-nav li.show > a.dropdown-toggle::after { border-color: #e2001a; }
#main-nav-mobile .navbar-nav > li a.dropdown-toggle { position: relative; }
#main-nav-mobile .navbar-nav > li a.dropdown-toggle:after { position: absolute; top: 50%; right: .5rem; transform: translate(-50%,-50%) rotate(45deg); -webkit-transform: translate(-50%,-50%) rotate(45deg); }
 /* sub menu */
#main-nav-mobile .navbar-nav li.dropdown.show > a.dropdown-toggle, #main-nav-mobile .navbar-nav li.current-menu-ancestor > a.dropdown-toggle { color: #e2001a; }
#main-nav-mobile .navbar-nav .dropdown-menu, #submenu-wrap .dropdown-menu { display: block; background: transparent; border-radius: 0; border: 0; }
#main-nav-mobile .navbar-nav .dropdown-menu li { overflow: hidden; }
#main-nav-mobile .navbar-nav ul.dropdown-menu ul.dropdown-menu li, #sidebar-menu ul.sub-menu li { padding-left: .5rem; }
#main-nav-mobile .navbar-nav .dropdown-menu li:last-child { margin-bottom: .5rem; }
#main-nav-mobile .navbar-nav a.dropdown-item { background: #fff; }
#main-nav-mobile .navbar-nav > li > .dropdown-menu.show > li a { opacity: 0; -webkit-animation-name: fadeInDown!important; animation-name: fadeInDown!important; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
#main-nav-mobile .navbar-nav li li { padding-top: .125rem; padding-bottom: .125rem; }
#main-nav-mobile .navbar-nav .dropdown-menu li:last-child { margin-bottom: .5rem; }
#main-nav-mobile .navbar-nav .dropdown-menu li li:last-child { margin-bottom: .125rem; }
#main-nav-mobile .navbar-nav li li a { font-size: .875rem; padding-top: .375rem; padding-bottom: .375rem; }
#main-nav-mobile .navbar-nav li li a.dropdown-toggle:after { position: relative; top: 1px; left: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
@media (hover: hover) {
 #header-nav-secondary > a#header-searchbutton:hover svg { color: #e2001a; }
 #header-nav .navbar-nav li > .nav-link::after { content: ''; display: block; margin: .125rem auto 0; height: 2px; background-color: #000; width: 0; transition: width .25s; }
 #header-nav .navbar-nav li > .nav-link:hover::after { width: 2rem; }
 #main-nav-mobile .navbar-nav li a:hover { color: #e2001a; }
 #main-nav-mobile .navbar-nav li:not(.show) > a.dropdown-toggle:hover::after { border-color: #e2001a; }
}
@media (min-width: 335px) {
 .navbar-brand { width: 8rem; }
}
@media (min-width: 420px) {
 #seitenanfang { padding-bottom: 2.25rem; }
 #header-banner { flex-direction: inherit; }
 .navbar-brand { width: 6rem; }
 #header-banner > div { border: 0; margin-top: 0; margin-left: auto; padding: 0 0 0 .5rem; }
 #main-nav-mobile { padding-top: 1.5rem; }
 #main-nav-mobile .navbar-nav { border-top: 1px solid #d2d2cf; }
}
@media (min-width: 576px) {
 #header-nav-secondary { background-color: #fff; }
 #header-nav-secondary > * { height: 44px; }
 .navbar-brand { width: 8rem; }
 #main-nav-mobile .navbar-nav li a { padding: .5rem; }
}
@media (min-width: 768px) {}
@media (min-width: 992px) {
 body.desktopmenu-closed::after { display: none; background-color: transparent; z-index: -1; opacity: 0; }
 body.desktopmenu-open::after, body.desktopmenu-closing::after { display: block; -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; bottom: -50px; background: rgba(0,0,0,.85); }
 body.desktopmenu-open::after { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
 body.desktopmenu-closing::after { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
 #seitenanfang, #header-banner { padding-bottom: 1.5rem; }
 .navbar-brand { width: 10rem; }
 #header-nav .navbar-nav li > .nav-link { font-size: 1.125rem; }
 #main-nav-mobile .navbar-nav { margin: 0 -.25rem; width: calc(100% + .5rem); }
 .nav-fill .nav-item > a { display: inline-block; }
 .navbar-expand-lg .navbar-nav .nav-link { padding-right: .25rem; padding-left: .25rem; }
 .navbar-nav .dropdown-menu { top: -500px; margin: 0; padding: 0; }
}
@media (min-width: 1200px) {
 #seitenanfang, #header-banner { padding-bottom: 2.25rem; }
}
@media (max-width: 991.98px) {
 body.mobilemenu-closed::after { display: none; background-color: transparent; z-index: -1; opacity: 0; }
 body.mobilemenu-open::after, body.mobilemenu-closing::after { display: block; -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; background: rgba(0,0,0,.85); }
 body.mobilemenu-open::after { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
 body.mobilemenu-closing::after { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
 #page-top.navbar.open { height: auto; }
 #page-top.navbar .mobilemenu-collapse { position: absolute; bottom: auto; top: 210px; left: -100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; transition: transform .3s ease-in-out, visibility .3s ease-in-out; }
 #page-top.navbar .mobilemenu-collapse.has-sticky-nav { position: fixed; top: 30px; max-height: calc(100% - 30px); overflow-y: auto; }
 #page-top.navbar.fixed-top .mobilemenu-collapse { position: fixed; }
 #page-top.navbar.navbar-light .mobilemenu-collapse { background-color: #fff; }
 #page-top.navbar .mobilemenu-collapse.open { visibility: visible; transform: translateX(100%); }
 .dropdown .dropdown-menu { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; max-height: 0; display: block; overflow: hidden; opacity: 0; padding: 0; margin: 0; }
 .dropdown.subnav-open .dropdown-menu { -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; }
 .dropdown .dropdown-menu.show { max-height: 1000px; opacity: 1; }
 .sticky-nav { position: fixed; top: 0; right: 0; left: 0; background: #fff; z-index: 1040; padding-right: 1.5rem!important; margin-top: -1px!important; }
}
@media (max-width: 767.98px) {
 .sticky-nav { padding-right: 15px!important; }
}
@media (max-width: 575.98px) {
 #page-top.navbar .mobilemenu-collapse { top: 155px; }
 #page-top.navbar .mobilemenu-collapse.has-sticky-nav { top: 20px; }
}
@media (max-width: 419.98px) {
 #page-top.navbar .mobilemenu-collapse { top: 265px; }
 #page-top.navbar .mobilemenu-collapse.has-sticky-nav { top: 50px; }
}
@media (max-width: 334.98px) {
 .navbar-brand { height: 100px; }
 .navbar-brand img { height: 100%; width: auto; }
 #page-top.navbar .mobilemenu-collapse { top: 225px; }
 #header-nav-secondary > a span { display: none; }
 #header-nav-secondary > a#header-contact svg { margin-right: .25rem; }
}
@media (max-width: 259.98px) {
 .navbar-brand { height: 85px; }
 #page-top.navbar .mobilemenu-collapse { top: 215px; }
}


/* HEADER MEDIA ----- */
#media-header .col > div { height: 9.5rem; }
#media-header .portrait.item-col-2 { max-width: 40% }
#media-header .portrait.item-col-3 { max-width: 27% }
#media-header .portrait.item-col-4 { max-width: 20% }
#media-header .col.foto img { width: 100%; height: 100%; object-fit: cover; }
#media-header .col.svg.landscape img { width: 100%; height: auto; }
#media-header .col.svg.portrait img { width: auto; height: 100%; }
@media (min-width: 335px) { #media-header .col > div { height: 7.5rem; } }
@media (min-width: 576px) { #media-header .col > div { height: 8.5rem; } }
@media (min-width: 992px) { #media-header .col > div { height: 10.5rem; } }
@media (min-width: 1200px) { #media-header .col > div { height: 12.5rem; } }
@media (max-width: 767.98px) { #media-header .row > .col:nth-child(4) { display: none; } }
@media (max-width: 479.98px) {
 #media-header .row > .col:nth-child(3) { display: none; }
 #media-header .col.portrait:not(.item-col-1) { max-width: 40%; }
}
@media (max-width: 334.98px) { #media-header .row > .col:nth-child(2) { display: none; } }


/* ARCHIVES ----- */
.post-list-item { margin-bottom: 2rem; }
.post-list-item article, .post-list article a, .post-list-item article > div { height: 100%; }
.post-list article a { padding-bottom: 52px; }
.post-list article a * { -webkit-transition: color .125s linear; -moz-transition: color .125s linear; -o-transition: color .125s linear; -ms-transition: color .125s linear; transition: color .125s linear; }
.post-list article a:hover, .post-list article a:focus, .post-list article a:active { text-decoration: none; color: #212529; }
.post-list article a:hover .title-line, .post-list article a:focus .title-line, .post-list article a:active .title-line { color: #e2001a; }
.post-list article a:hover .sub-headline > *:not(.title-line):not(.pre-title-line), .post-list article a:focus .sub-headline > *:not(.title-line):not(.pre-title-line), .post-list article a:active .sub-headline > *:not(.title-line):not(.pre-title-line), .post-list article a:hover div:not(.thumb-wrap) *, .post-list article a:focus div:not(.thumb-wrap) *, .post-list article a:active div:not(.thumb-wrap) *, 
.post-list article a:hover .excerpt, .post-list article a:focus .excerpt, .post-list article a:active .excerpt { text-decoration: underline; }
.thumb-wrap img { z-index: 1; }
.thumb-wrap .postlist-img { position: relative; width: 100%; height: 100%; object-fit: cover; }
.thumb-wrap .postlist-icon { width: 100%; height: 3.25rem; opacity: .25; transition: opacity .15s ease-in-out; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.post-list article a:hover .thumb-wrap .postlist-icon, .post-list article a:focus .thumb-wrap .postlist-icon, .post-list article a:active .thumb-wrap .postlist-icon { opacity: .5; }
.thumb-wrap .thumb-label { top: 0; left: 0; z-index: 2; padding-bottom: .125rem; font-size: .75rem; line-height: 1.375; color: #fff; background-color: #87867e; }
.post-list article .sub-headline small { font-size: .875rem; }
.post-list article p.read-more { width: 100%; bottom: 0; border-top-width: 1px; border-top-style: solid; padding-top: 14px; transition: color .125; }
.post-list article p.read-more > span, .post-list article p.read-more > span::after { height: 24px; }
.post-list article p.read-more > span { font-size: .6875rem; line-height: 1; }
.post-list article p.read-more > span::after { content: ''; width: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; background-size: 100% auto; background-color: #87867e; opacity: .75; -webkit-transition: background-color .1875s linear, opacity .1875s linear; -moz-transition: background-color .1875s linear, opacity .1875s linear; -o-transition: background-color .1875s linear, opacity .1875s linear; -ms-transition: background-color .1875s linear, opacity .1875s linear; transition: background-color .1875s linear, opacity .1875s linear; }
.post-list article a:hover p.read-more > span::after, .post-list article a:focus p.read-more > span::after, .post-list article a:active p.read-more > span::after { background-color: #e2001A; opacity: 1; }
.post-list article p.read-more > span > span { padding-top: .125rem; }
.post-list article a:hover p.read-more > span > span, .post-list article a:focus p.read-more > span > span, .post-list article a:active p.read-more > span > span { color: #212529; }
a.custom-archive-link, a.custom-archive-link:hover, a.custom-archive-link:focus, a.custom-archive-link:active { text-decoration: underline; }
.no-posts + .nav-links { margin-top: 2.5rem; }
 /* pagination */
.nav-links { padding-top: 1rem; padding-bottom: .75rem; }
.pagination .nav-links { line-height: 1; overflow-x: auto; display: flex; flex-flow: nowrap; }
.page-numbers, a.page-numbers { color: #3b3b39; font-size: 15px; display: inline-block; padding: 7px 2px; margin-right: .5rem; border-radius: .2rem; text-align: center; width: 29px; height: 29px; background-color: #f2f2ee; flex-shrink: 0; }
.page-numbers.dots { color: #aaa9a5; margin: 0 .25rem 0 -.25rem; background: transparent; }
.wp-pagenavi .extend { margin: 0 .5rem 0 -.5rem; }
a.page-numbers:not(.prev):not(.next) { text-decoration: underline; }
a.page-numbers:hover, a.page-numbers:focus { color: #fff; background: #e2001a; }
.page-numbers.current { color: #fff; background: #3b3b39; }
.page-numbers svg { margin-top: -3px; fill: #3b3b39; transition: fill .15s ease-in-out; width: 16px; }
.page-numbers.next svg { margin-left: 2px; }
.page-numbers:hover svg, .page-numbers:focus svg { fill: #fff; }
@media (max-width: 639.98px) { .post-list .post-list-item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }
@media (max-width: 419.98px) { .post-list .post-list-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 1rem; } }

 /* related posts */
#aehnliche-beitraege .post-list .post-list-item:nth-child(3) { display: none; } 
#aehnliche-beitraege .post-list-item a { text-decoration: none; }
@media (min-width: 640px) { #aehnliche-beitraege .post-list .post-list-item:nth-child(3) { display: block; } }
@media (min-width: 768px) { #aehnliche-beitraege .post-list .post-list-item:nth-child(3) { display: none; } }
@media (min-width: 992px) { #aehnliche-beitraege .post-list .post-list-item:nth-child(3) { display: block; } }


/* SIDEBAR ----- */
#sidebar-menu li { padding: .125rem 0; border-color: #f2f2ee; }
#sidebar-menu li.list-group-item.active { background-color: #fff; border-color: #f2f2ee; }
#sidebar-menu li a { display: block; padding: .5rem .25rem; }
#sidebar-menu li ul { padding: 0; margin: 0; }
#sidebar-menu li li { border: 0; }
#sidebar-menu li li a { padding: .25rem; }
#sidebar * + .secondary { padding-top: 2rem; }
.sidebar-banner { max-width: 14rem; }
.sidebar-banner img { width: 100%; }
@media (min-width: 992px) { #sidebar-menu .list-group-item.d-lg-none + .list-group-item { border-top: 0; } }


/* FOOTER ----- */
#footer { padding-top: 1.5rem; }
#footer ul.list-group { margin-top: -.25rem; }
#footer li.list-group-item { background: transparent; border: 0; border-bottom: 1px solid #484846; border-radius: 0; padding: 0 0 .5rem; margin-bottom: .5rem; }
#footer li.list-group-item:last-child { border-bottom: 0; margin-bottom: .125rem; }
#footer li.list-group-item::after { position: absolute; top: .75rem; right: .25rem; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#footer li.list-group-item a { display: block; padding: .25rem 1rem .25rem .25rem; }
#footer-organization > div { padding: 2.25rem .25rem; border: 1px solid #484846; border-left: 0; border-right: 0; margin-bottom: .75rem; width: 100%; }
#footer-organization p { margin-bottom: .75rem; }
#footer-claim strong { font-size: 1.125rem; }
#footer-contact .contact-card h2 { line-height: 1.5; font-weight: 400; margin-bottom: .75rem; }
#footer-contact ul { margin-bottom: 0; }
#footer-contact ul + ul { margin-top: 1rem; }
#footer-contact li { margin-bottom: .25rem; }
#footer-contact li:last-child { margin-bottom: 0; }
#footer .order-last p { border-top: 1px solid #484846; padding: 1.75rem 0 45px; margin-bottom: 1.75rem; }
#footer .branch-profiles { margin: 1rem 0 -.5rem -.5rem; }
#footer-contact ul.branch-opening + ul.branch-profiles { margin-top: 1.5rem; }
#footer .branch-profiles li { margin: 0 0 .5rem .5rem; display: inline-block; float: left; }
.back-to-top.btn { opacity: 0; cursor: pointer; bottom: 45px; right: 10px; width: 40px; height: 40px; background-color: rgba(210,210,207,.85); }
#back-to-top.arrow::after { border-width: 0 2px 2px 0; border-color: #3b3b39; padding: 4px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); position: relative; top: calc(50% - 9px); }
#back-to-top.btn:focus { box-shadow: none; }
@media (hover: hover) {
 #footer a:hover { color: #ccc; }
 #back-to-top.btn:hover { background-color: #e2001A; }
 #back-to-top.arrow:hover::after { border-color: #fff; }
}
@media (min-width: 480px) {
 #footer-organization { display: flex; justify-content: space-between; flex-direction: row; }
 #footer-organization > #footer-claim { width: calc(50% + 1rem); }
 #footer-organization > #footer-claim + #footer-contact { width: calc(50% - 1rem); }
}
@media (min-width: 576px) {
 #footer-organization > div { margin-bottom: 0; border-bottom: 0; }
 #footer .order-last p { padding: 1.75rem 50px 0; }
 .back-to-top.btn { width: 50px; height: 50px; }
 #back-to-top.arrow::after { padding: 6px; top: calc(50% - 6px); }
}
@media (min-width: 768px) {
 #footer-organization { justify-content: inherit; flex-direction: column; }
 #footer-organization > div { border: 0; width: auto; padding: 0 0 1.5rem; }
 #footer-organization > #footer-claim, #footer-organization > #footer-claim + #footer-contact { width: auto; }
}
@media (min-width: 992px) {
 #footer-organization { justify-content: space-between; flex-direction: row; }
 #footer .branch-profiles { max-width: 12rem; }
}
@media (min-width: 1200px) {
 #footer { padding-top: 3rem; }
}
@media (max-width: 479.98px) {
 #footer-organization > #footer-claim { border-bottom: 0; }
 #footer-organization > div + div { border-top: 0; }
 #footer-organization > #footer-claim { padding-bottom: 1rem; }
 #footer-organization > #footer-claim + #footer-contact { padding-top: 0;  }
}
@media (max-width: 767.98px) {
 .back-to-top.keyboard-active { display: none; }
}

 /* modal */
.modal-backdrop.show { opacity: .85; }
.modal-header .nav-tabs { padding-right: 20px; }
.modal-title { font-size: 1.5rem; line-height: 1.125; }
.modal-header .close { width: 2rem; padding: 0; margin: -2px 0 0 auto; }

 /* edit button */
#post-edit-widget { bottom: 0; left: 0; z-index: 1015; }
#post-edit-widget .icon { position: absolute; }
#post-edit-widget a { background-color: #202020; background-color: rgba(32,32,32,.7); width: 42px; line-height: 0; margin-bottom: 1px; }
#post-edit-widget a:hover { background-color: #111; }
#post-edit-widget .icon { width: 20px; height: 20px; top: 50%; left: 50%; transform: translate(-50%,-50%); }
#post-edit-widget svg { max-width: 100%; }

#sb_instagram .sbi_follow_btn a:focus, #sb_instagram .sbi_follow_btn a:hover {
    box-shadow: none !important;
}

.embed-responsive-16by9::before {
    background: #ccc;
    padding-top: 450px;
}
#home-header .slider-dotnav ul.slick-dots li.slick-active {
    background-color: #e2001A!important;
}


@media print {
 #header, #post-edit-widget { display: none; }
 h1, h2, h3, h4, h5, h6, .panel-heading { page-break-after: avoid; }
 img, iframe { display: block; page-break-inside: avoid; }
}