@charset "UTF-8";
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto_light";
  src: url("../fonts/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto_italic";
  src: url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
:root {
  --nrml-primary: #ffd828;
  --nrml-primary-weak: rgba(91,216,124,0.8);
  --nrml-primary-dark: #b64f70;
  --nrml-secondary: #555;
  --nrml-primary-weak: rgba(89,188,172,0.5);
  --nrml-secondary-weak: rgba(255, 255, 255, 0.5);
  --ahrweiler-lightgray: #efefef;
  --ahrweiler-gray: #949A9F;
  --ahrweiler-btn: #e20675;
  --ahrweiler-blue: #2EBDEF;
  --nrml-text: #3c3c3c;
  --nrml-text-weak: rgba(60,60,60,0.3);
  --ahrweiler-text-inverted: #fff;
  --nrml-header-height: 90px;
}

/*
*******************************************************************************
* Global / General
*******************************************************************************
*/
* {
  font-family: "Roboto_light";
}

html {
  font-size: 20px !important;
  scroll-behavior: smooth;
}

body {
  font-family: "Roboto_light";
  font-size: 22px !important;
  line-height: 32px;
}
body.site {
  background-color: white;
}
@media only screen and (min-width: 500px) {
  body #sp-main-body {
    padding: 30px !important;
    padding-bottom: 0 !important;
  }
}
body #sp-component {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}
body #sp-right {
  position: absolute;
  left: 0%;
  z-index: 50;
  padding: 0 !important;
  width: 0;
}
body #sp-right .sp-module {
  border: none !important;
}
body #sp-right .my-fixed {
  position: fixed !important;
  width: 26.3%;
  top: 243px;
}
body #sp-right .my-fixed .sppb-row {
  justify-content: flex-end;
  margin: 0 !important;
  margin-right: 10px !important;
}
body #sp-right .my-fixed2 {
  top: 305px;
}
body #sp-right .my-fixed3 {
  top: 367px;
}
body #sp-right .my-fixed5 {
  top: 429px;
}
body #sp-right .sppb-col-md-9 {
  padding: 0 !important;
  left: 30px;
  position: relative;
}
body #sp-right .sppb-col-md-9 .btnSidebarSecond {
  background: none;
  border: 2px solid #848484 !important;
}
body #sp-right .sppb-col-md-9 .btnSidebarSecond:hover, body #sp-right .sppb-col-md-9 .btnSidebarSecond:focus {
  background-color: #efefef;
}
body #sp-right .sppb-col-md-3 {
  padding: 0 !important;
  flex: 0 0 12% !important;
  max-width: 12% !important;
  left: 27px;
}
body #sp-right .sppb-col-md-3 .sppb-column .sppb-column-addons {
  display: flex;
  justify-content: flex-end;
}
body #sp-right .sppb-col-md-3 .sppb-text-right .sideBtn {
  width: 60px;
  height: 60px;
  line-height: 45px !important;
  font-size: 32px !important;
  background-color: #efefef !important;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.5);
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: "Roboto" !important;
  font-weight: 400;
}
body h1 {
  font-size: 46px;
  margin-bottom: 1.875rem;
}
@media only screen and (max-width: 599px) {
  body h1 {
    font-size: 7vw;
  }
}
body h2 {
  font-size: 40px;
}
@media only screen and (max-width: 599px) {
  body h2 {
    font-size: 6vw;
  }
}
body h3 {
  font-size: 36px;
}
@media only screen and (max-width: 599px) {
  body h3 {
    font-size: 5.2vw;
  }
}
body h4 {
  font-size: 1.25rem;
}
body h5 {
  font-size: 1rem;
}
body a {
  cursor: pointer;
  border: none !important;
  border-radius: 0px !important;
}
body a:hover, body a:active, body a:focus {
  color: var(--nrml-grey);
  text-decoration: none;
}
body .btn_std {
  padding: 15px 30px !important;
  background-color: var(--ahrweiler-btn);
  color: var(--ahrweiler-text-inverted) !important;
}
body .btn_std::before {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  padding-right: 5px;
}
body .btn_std:hover {
  color: var(--ahrweiler-btn) !important;
  background-color: var(--ahrweiler-text-inverted);
}
body .btn_big {
  color: var(--ahrweiler-text-inverted) !important;
  font-size: 25px;
  padding: 20px 50px;
  border-radius: 100px !important;
  background: linear-gradient(276deg, rgb(0, 99, 105) -37%, rgb(0, 194, 195) 100%);
}
body .btn_big::after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  padding-left: 20px;
}
body .btn_big:hover {
  border: none;
  background: linear-gradient(276deg, rgb(0, 89, 94) -37%, rgb(0, 182, 182) 100%);
}
body p {
  margin-top: 1rem;
}
body #sppb-addon-wrapper-1635331560644 #sppb-addon-1635331560644 img {
  max-width: 70% !important;
  margin-top: 8px !important;
}

#sp-header {
  z-index: 500;
}
#sp-header .container {
  max-width: 95%;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
  top: 99%;
}

.com-sppagebuilder #sp-main-body {
  min-height: calc(100vh - 85px);
}

#section-id-1635173210772 {
  width: 100%;
  margin: auto !important;
}

#sp-footer {
  background-color: #fff;
  font-size: 18px;
}
#sp-footer .titleLink {
  font-size: 22px !important;
  font-family: "Roboto" !important;
  font-weight: 700 !important;
}
#sp-footer a:focus {
  color: black !important;
}
#sp-footer #sppb-addon-1635173210794 p {
  margin-bottom: 0px !important;
}
#sp-footer .footerBanner {
  justify-content: flex-end;
}
#sp-footer .footerBanner > div.sppb-column-addons {
  width: 50%;
}
#sp-footer .footerBanner > div.sppb-column-addons h3 {
  font-weight: 600;
}
@media only screen and (max-width: 991px) {
  #sp-footer #section-id-1635232828665 {
    padding: 30px 50px;
  }
  #sp-footer #sppb-addon-1635232828666 {
    padding: 0 !important;
  }
  #sp-footer .footerBanner {
    justify-content: flex-start !important;
    margin-bottom: 20px;
  }
  #sp-footer .footerBanner .sppb-text-right {
    text-align: left !important;
  }
  #sp-footer .footerBanner > div.sppb-column-addons {
    width: 100%;
  }
  #sp-footer .footerBanner > div.sppb-column-addons h3 {
    font-size: 36px !important;
  }
  #sp-footer #sppb-addon-1635232828668 {
    padding: 0 !important;
  }
  #sp-footer .location_links {
    flex-direction: column;
    align-items: flex-start !important;
  }
  #sp-footer .location_links a {
    margin-bottom: 10px !important;
  }
  #sp-footer .location_links p {
    display: none;
  }
}
@media only screen and (max-width: 429px) {
  #sp-footer #section-id-1635232828665 {
    padding: 30px;
  }
}
@media only screen and (max-width: 369px) {
  #sp-footer .footerBanner > div.sppb-column-addons h3 {
    font-size: 28px !important;
  }
  #sp-footer .location_links {
    font-size: 24px;
  }
}
#sp-footer .container {
  max-width: 100%;
}
#sp-footer .container-inner {
  border-top: none;
  padding: 0 !important;
}
#sp-footer #sp-footer2 ul li {
  padding: 0 20px;
  margin: 0px;
}
#sp-footer #sp-footer2 ul li a {
  color: var(--ahrweiler-text-inverted);
  cursor: pointer;
  font-size: 16px;
}
#sp-footer #sp-footer2 ul li a:hover {
  color: var(--nrml-primary);
  text-decoration: none;
}
#sp-footer ul.menu {
  list-style: none;
  display: flex;
}
@media only screen and (min-width: 956px) {
  #sp-footer ul.menu {
    justify-content: flex-end;
  }
}
#sp-footer ul.menu li {
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1349px) {
  #sp-footer .sppb-col-sm-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  #sp-footer #column-id-1635173210789,
  #sp-footer #column-id-1635173210791,
  #sp-footer #column-id-1635173210787 {
    padding: 0px;
  }
}

#sp-bottom {
  background: unset;
  padding-bottom: 0px;
}
#sp-bottom ul.menu {
  list-style: none;
  display: flex;
}
@media only screen and (min-width: 956px) {
  #sp-bottom ul.menu {
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  #sp-bottom ul.menu {
    justify-content: center;
  }
}
#sp-bottom ul.menu li {
  font-size: 16px;
}
#sp-bottom .sp-module {
  margin-bottom: 0px;
}

.sppb-social-share {
  margin-top: 60px;
  margin-bottom: -15px;
}
.sppb-social-share ul {
  display: flex;
  justify-content: center !important;
}
.sppb-social-share ul li {
  margin-bottom: 0px !important;
}

@media only screen and (max-width: 564px) {
  #sp-footer1 .sp-column {
    display: flex;
    justify-content: center;
  }
}

@media only screen and (max-width: 564px) {
  .usercentrics-button.uc-button-bl div.uc-privacy-button-wrapper {
    left: 20px !important;
    bottom: 56px !important;
  }
}

.sp-scroll-up {
  bottom: 60px;
  right: 60px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 30px;
  border-radius: 5px !important;
  background: linear-gradient(45deg, rgb(215, 255, 138) 0%, rgb(0, 191, 195) 100%);
}
.sp-scroll-up:active, .sp-scroll-up:focus {
  background: linear-gradient(45deg, rgb(215, 255, 138) 0%, rgb(0, 191, 195) 100%);
}
.sp-scroll-up:hover {
  background: linear-gradient(45deg, rgb(194, 231, 124) 0%, rgb(0, 160, 163) 100%);
}

.sp-megamenu-parent {
  position: relative;
  right: 25%;
}
@media only screen and (max-width: 1599px) {
  .sp-megamenu-parent {
    right: 15%;
  }
}
@media only screen and (max-width: 1449px) {
  .sp-megamenu-parent {
    right: 10%;
  }
}
@media only screen and (max-width: 1399px) {
  .sp-megamenu-parent {
    right: 5%;
  }
}
@media only screen and (max-width: 1299px) {
  .sp-megamenu-parent {
    right: 15%;
  }
}
@media only screen and (max-width: 1199px) {
  .sp-megamenu-parent {
    right: 0%;
  }
}
.sp-megamenu-parent li {
  padding: 0 10px;
}
.sp-megamenu-parent li .offMenu {
  display: none;
}
.sp-megamenu-parent .far::before {
  font-weight: 300;
  font-family: "Font Awesome 6 Pro" !important;
  margin-right: 5px;
}
.sp-megamenu-parent li:last-child {
  text-align: center;
  padding-right: 50px;
}
.sp-megamenu-parent > li > a {
  font-family: "Roboto" !important;
  color: white !important;
  font-size: 18px;
  line-height: var(--nrml-header-height);
  letter-spacing: 1px;
  padding-right: 7px;
  padding-left: 0;
}
@media only screen and (max-width: 1221px) {
  .sp-megamenu-parent > li > a {
    display: none;
  }
}
.sp-megamenu-parent > li:hover > a {
  color: #e20675 !important;
}
.sp-megamenu-parent > li:hover .fa-instagram,
.sp-megamenu-parent > li:hover .fa-facebook {
  background: none;
  color: var(--nrml-primary);
}
.sp-megamenu-parent .sp-mega-group > li > a {
  margin: 5px 0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  box-shadow: none;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li {
  width: unset;
  transition: color 400ms, background-color 400ms;
  margin: 0 0 0 10px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li a {
  padding: 20px 15px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li:last-child {
  text-align: left;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li:hover {
  background-color: var(--nrml-primary);
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-items li:hover a {
  color: var(--ahrweiler-text-inverted);
}

.sp-megamenu-parent.menu-animation-fade-up .sp-has-child:hover > .sp-dropdown {
  animation: spFadeIn 200ms ease-in;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a:after {
  content: "\f0d7";
  font-size: 15px;
  margin-left: 10px;
}

.sp-megamenu-parent .sp-mega-group > li > a {
  color: var(--nrml-text);
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
  color: inherit;
}

.menu_item.item-header {
  padding: 5px;
}
.menu_item.item-header:hover {
  border-left: 4px solid var(--nrml-primary);
  background-color: var(--nrml-gray);
}
.menu_item.item-header:hover a {
  color: var(--ahrweiler-text-inverted);
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 0;
  background-color: var(--ahrweiler-text-inverted);
}

/*
**********************************************************************************************************************************
* Sidebar
**********************************************************************************************************************************
*/
#sidebar {
  display: flex;
  justify-content: end;
  margin-top: 30vh;
  position: fixed;
  right: 0%;
}
#sidebar .infoboxes {
  flex: 8;
}
@media only screen and (max-width: 768px) {
  #sidebar {
    flex-direction: column;
    bottom: 0%;
    width: 100%;
  }
  #sidebar .info_btns {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}
#sidebar #sideBtn5 {
  display: flex;
  justify-content: center;
  align-items: center;
}
#sidebar #sideBtn5 img {
  height: 80%;
}

.infoboxSidebar .search {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #efefef;
  padding-left: 10px;
}

.infoboxSidebar1,
.infoboxSidebar2,
.infoboxSidebar3,
.infoboxSidebar4,
.infoboxSidebar5 {
  display: none;
  background-color: var(--ahrweiler-text-inverted);
  padding: 20px;
  max-width: 380px;
  min-width: 380px;
}
.infoboxSidebar1 .search,
.infoboxSidebar2 .search,
.infoboxSidebar3 .search,
.infoboxSidebar4 .search,
.infoboxSidebar5 .search {
  display: flex;
}
.infoboxSidebar1 .search #search,
.infoboxSidebar2 .search #search,
.infoboxSidebar3 .search #search,
.infoboxSidebar4 .search #search,
.infoboxSidebar5 .search #search {
  border-radius: 0px !important;
  background-color: #efefef;
  border: none;
}
.infoboxSidebar1 .search .btn_suche,
.infoboxSidebar2 .search .btn_suche,
.infoboxSidebar3 .search .btn_suche,
.infoboxSidebar4 .search .btn_suche,
.infoboxSidebar5 .search .btn_suche {
  background-color: var(--ahrweiler-blue);
  color: white;
  border: none;
  padding: 10px 15px;
}
.infoboxSidebar1 h4,
.infoboxSidebar2 h4,
.infoboxSidebar3 h4,
.infoboxSidebar4 h4,
.infoboxSidebar5 h4 {
  font-weight: 600;
}

.sideBtn1,
.sideBtn2,
.sideBtn3,
.sideBtn4,
.sideBtn5 {
  background-color: var(--ahrweiler-text-inverted);
  padding: 10px;
}
.sideBtn1 > i:before,
.sideBtn2 > i:before,
.sideBtn3 > i:before,
.sideBtn4 > i:before,
.sideBtn5 > i:before {
  font-size: 30px;
}

.sideSearchLinkHidden {
  display: none;
}

/*
**********************************************************************************************************************************
Font Awesome
**********************************************************************************************************************************
*/
.fas,
.far,
.fa {
  font-weight: 300 !important;
  font-family: "Font Awesome 6 Pro" !important;
}

.fab {
  font-family: "Font Awesome 5 Brands" !important;
}

/*
**********************************************************************************************************************************
sticky menu 
**********************************************************************************************************************************
*/
#sp-header.header-sticky {
  animation: none !important;
  transition: 0.5s ease-in-out !important;
}

.not-transparent {
  background-color: white !important;
  animation: spFadeInUp 0.5s;
  color: black !important;
  top: 0px !important;
}
.not-transparent #sp-top1 .nummer .phoneModule a {
  color: black !important;
}
.not-transparent #sp-top1 .nummer .phoneModule a:hover, .not-transparent #sp-top1 .nummer .phoneModule a:focus {
  color: #e20675 !important;
}
.not-transparent #sp-top1 div {
  color: black;
}
.not-transparent #sp-top1 div a {
  color: black !important;
}
.not-transparent #sp-top1 div a:hover, .not-transparent #sp-top1 div a:focus {
  color: #e20675 !important;
}
.not-transparent #sp-top1 div .termin:hover {
  color: #e20675 !important;
}
.not-transparent #offcanvas-toggler {
  color: black !important;
}
.not-transparent #offcanvas-toggler:hover {
  color: #e20675 !important;
}
.not-transparent #offcanvas-toggler:hover .fa {
  color: #e20675 !important;
}
.not-transparent #offcanvas-toggler .burger-icon > span {
  background-color: black !important;
}
.not-transparent #offcanvas-toggler:hover .burger-icon > span {
  background-color: #e20675 !important;
}
.not-transparent #offcanvas-toggler .fa {
  color: black !important;
}
.not-transparent #offcanvas-toggler .fa:hover {
  color: #e20675 !important;
}

#sp-header {
  position: absolute;
  box-shadow: none;
  height: var(--nrml-header-height);
  background-color: transparent;
  transition: all ease-in-out 0.5s;
  top: 30px;
}
#sp-header.sticky_menu {
  position: fixed;
  z-index: 50;
  top: 0;
}
#sp-header.no_scroll {
  top: 0;
}
#sp-header .container {
  max-width: 90%;
}
#sp-header .fa-instagram,
#sp-header .fa-facebook {
  color: var(--nrml-text);
}
#sp-header .fa-instagram:hover,
#sp-header .fa-facebook:hover {
  color: var(--nrml-primary);
}
#sp-header #sp-top1 {
  line-height: 90px;
}
#sp-header #sp-top1 .sp-module {
  width: 100%;
}
#sp-header #sp-top1 .sp-page-builder .sppb-col-md-6 {
  padding: 0px 5px !important;
}
#sp-header #sp-top1 .sp-page-builder .sppb-col-md-6 .termin {
  text-align: right;
  padding-right: 20px;
}

#sp-header .logo {
  height: var(--nrml-header-height);
}

div .logo-image {
  height: unset;
  width: 80%;
  margin-left: 15px;
}
@media only screen and (max-width: 1221px) {
  div .logo-image {
    width: 100%;
  }
}

#offcanvas-toggler {
  line-height: var(--nrml-header-height);
  color: white !important;
  font-size: 22px !important;
}
#offcanvas-toggler .burger-icon > span {
  background-color: white;
  width: 18px !important;
  margin-left: 7px !important;
}
#offcanvas-toggler .burger-icon > span:first-child, #offcanvas-toggler .burger-icon > span:last-child {
  width: 25px !important;
  margin-left: 0px !important;
}
#offcanvas-toggler:hover, #offcanvas-toggler:focus {
  color: #e20675 !important;
}
#offcanvas-toggler:hover .burger-icon > span, #offcanvas-toggler:focus .burger-icon > span {
  background-color: #e20675;
}
#offcanvas-toggler .fa {
  color: white !important;
}
#offcanvas-toggler .fa:hover {
  color: #e20675 !important;
}
#offcanvas-toggler::before {
  content: "Menü";
  padding-right: 10px;
  font-weight: 300;
}

/*
*****************************************************
* OffCanvas
*****************************************************
*/
.offcanvas-menu .offcanvas-inner ._menu .menu li .menu-toggler::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 200;
}

.offcanvas-overlay {
  margin-top: 90px;
  z-index: 49 !important;
  background: url("/images/jobcenter-ahrweiler-off-canvas-1920x1080-2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}

.offcanvas-menu {
  margin-top: 90px;
}

.offcanvasHidden {
  display: none !important;
}

@media only screen and (max-width: 991px) {
  .offcanvas-menu .d-flex:first-child {
    display: none !important;
  }
}
.offcanvas-active {
  position: fixed;
  width: 100%;
}
.offcanvas-active #sp-header {
  background-color: white !important;
  animation: spFadeInUp 0.5s;
  color: black !important;
  top: 0px !important;
}
.offcanvas-active #sp-header .nummer,
.offcanvas-active #sp-header a,
.offcanvas-active #sp-header #offcanvas-toggler {
  color: black !important;
}
.offcanvas-active #sp-header span {
  background-color: black;
}
.offcanvas-active .logo,
.offcanvas-active .close-offcanvas {
  display: none;
}
.offcanvas-active .offcanvas-menu {
  opacity: 1;
  padding: 0px 50px;
  width: 100%;
  left: 0;
}
@media only screen and (min-width: 992px) {
  .offcanvas-active .offcanvas-menu {
    width: 75%;
    background: linear-gradient(180deg, white 0%, #efefef 51%, #c8c8c8 100%);
    left: 0 !important;
    right: unset !important;
    -webkit-clip-path: polygon(0% 0, 90% 0%, 70% 100%, 0% 100%);
            clip-path: polygon(0% 0, 90% 0%, 70% 100%, 0% 100%);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .offcanvas-active .offcanvas-menu {
    width: 80%;
    -webkit-clip-path: polygon(0% 0, 92% 0%, 72% 100%, 0% 100%);
            clip-path: polygon(0% 0, 92% 0%, 72% 100%, 0% 100%);
  }
}
@media only screen and (min-width: 992px) {
  .offcanvas-active .offcanvas-menu ul.menu > li {
    margin-bottom: 20px;
  }
}
.offcanvas-active .offcanvas-menu .burger-icon {
  width: 30px !important;
  margin-top: 10px;
  margin-right: 10px;
}
.offcanvas-active .offcanvas-menu .offcanvas-inner ._menu .menu li .menu-toggler::after {
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 200 !important;
}
.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > a,
.offcanvas-active .offcanvas-menu .offcanvas-inner .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  font-size: 32px;
  line-height: 1.2;
  opacity: 0.8;
}
@media only screen and (max-width: 1199px) {
  .offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > a,
  .offcanvas-active .offcanvas-menu .offcanvas-inner .offcanvas-menu .offcanvas-inner ul.menu > li > span {
    font-size: 28px;
  }
}
.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > a:hover,
.offcanvas-active .offcanvas-menu .offcanvas-inner .offcanvas-menu .offcanvas-inner ul.menu > li > span:hover {
  color: black;
  opacity: 1;
}
.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .nav-header > .menu-toggler {
  position: unset !important;
  display: unset !important;
  margin-left: 15px;
}
.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .nav-header > .menu-toggler::after {
  color: black;
}
.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > ul li {
  margin-bottom: 15px;
}
.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > ul li:first-child {
  margin-top: 15px;
}
.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > ul li:last-child {
  margin-bottom: 0px;
}
.offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: 24px;
  line-height: 1.5;
}
@media only screen and (max-width: 1199px) {
  .offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
    font-size: 20px;
  }
}
.offcanvas-active .offcanvas-menu .offcanvas-inner .headerMenu {
  font-size: 60px !important;
  color: black;
  line-height: 1.2;
  opacity: 0.8;
}
@media only screen and (max-width: 1199px) {
  .offcanvas-active .offcanvas-menu .offcanvas-inner .headerMenu {
    font-size: 48px !important;
  }
}
.offcanvas-active .offcanvas-menu .offcanvas-inner .headerMenu:hover {
  color: black;
  opacity: 1;
}

.logo,
.close-offcanvas {
  display: none;
}

.offcanvas-menu {
  opacity: 0;
  padding: 0px 50px;
  width: 100%;
  left: 100%;
  transition: 0.4s ease-in-out;
}
@media only screen and (min-width: 992px) {
  .offcanvas-menu ul.menu > li {
    margin-bottom: 20px;
  }
}
.offcanvas-menu .burger-icon {
  width: 30px !important;
  margin-top: 10px;
  margin-right: 10px;
}
.offcanvas-menu .offcanvas-inner ._menu .menu li .menu-toggler::after {
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 200 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a,
.offcanvas-menu .offcanvas-inner .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  font-size: 32px;
  line-height: 1.2;
  opacity: 0.8;
}
@media only screen and (max-width: 1199px) {
  .offcanvas-menu .offcanvas-inner ul.menu > li > a,
  .offcanvas-menu .offcanvas-inner .offcanvas-menu .offcanvas-inner ul.menu > li > span {
    font-size: 28px;
  }
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a:hover,
.offcanvas-menu .offcanvas-inner .offcanvas-menu .offcanvas-inner ul.menu > li > span:hover {
  color: black;
  opacity: 1;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .nav-header > .menu-toggler {
  position: unset !important;
  display: unset !important;
  margin-left: 15px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .nav-header > .menu-toggler::after {
  color: black;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li {
  margin-bottom: 15px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li:first-child {
  margin-top: 15px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li:last-child {
  margin-bottom: 0px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: 24px;
  line-height: 1.5;
}
@media only screen and (max-width: 1199px) {
  .offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
    font-size: 20px;
  }
}
.offcanvas-menu .offcanvas-inner .headerMenu {
  font-size: 60px !important;
  color: black;
  line-height: 1.2;
  opacity: 0.8;
}
@media only screen and (max-width: 1199px) {
  .offcanvas-menu .offcanvas-inner .headerMenu {
    font-size: 48px !important;
  }
}
.offcanvas-menu .offcanvas-inner .headerMenu:hover {
  color: black;
  opacity: 1;
}

/*
*****************************************************
* FAQ
*****************************************************
*/
summary::-webkit-details-marker {
  display: none;
}

.faq details {
  padding: 10px 20px;
  margin: 30px 0px;
  background-color: #fff;
}
.faq details summary {
  list-style: none;
  font-weight: 600;
}
.faq details summary::after {
  content: "+";
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  right: 20px;
}

.faq details[open] summary::after {
  content: "\f068" !important;
}

.faq details summary {
  display: grid;
  grid-template-columns: 95% 5%;
}

.faq .branch {
  margin: 50px 0px;
}

/*
*****************************************************
* CTA
*****************************************************
*/
.call_to_action {
  background-color: #efefef;
  padding: 50px;
}
@media only screen and (max-width: 767px) {
  .call_to_action {
    padding: 20px;
  }
}

/*
*****************************************************
* Footer
*****************************************************
*/
@media only screen and (min-width: 500px) {
  #sp-footer:first-child {
    padding: 30px !important;
    padding-top: 0 !important;
  }
}
#sp-footer {
  color: black !important;
}
#sp-footer .container {
  background-color: #efefef;
}
#sp-footer a {
  color: #808080;
}
#sp-footer a:hover {
  color: black;
}
@media only screen and (max-width: 575px) {
  #sp-footer a {
    color: black !important;
  }
  #sp-footer #sp-footer1 {
    text-align: center;
    padding: 0 0 10px 0;
  }
  #sp-footer #sp-footer2 {
    text-align: center;
  }
}
#sp-footer #sp-footer2 ul li {
  padding: 0 20px;
  margin: 0px;
  border-right: 1px solid white;
}
#sp-footer #sp-footer2 ul li:last-child {
  border-right: none;
}

#section-id-1633614153081 {
  font-size: 20px;
}
#section-id-1633614153081 .sppb-addon-title {
  font-weight: 600;
  margin-left: auto !important;
  width: 55%;
}
@media only screen and (max-width: 576px) {
  #section-id-1633614153081 .sppb-addon-title {
    width: 100%;
    text-align: center;
    padding-bottom: 20px !important;
  }
}
@media only screen and (min-width: 577px) and (max-width: 768px) {
  #section-id-1633614153081 .sppb-addon-title {
    width: 100%;
    text-align: center;
  }
}

.location_links {
  display: flex;
  font-size: 28px;
}
.location_links > div {
  display: flex;
  align-items: center;
}
.location_links a {
  display: flex;
}
.location_links a p {
  margin: 0px 30px;
  color: var(--ahrweiler-text-inverted);
}

#section-id-1634031887717 h3 {
  font-weight: 600;
}
#section-id-1634031887717 #column-id-1634031887719 > div {
  padding-top: 20px;
  display: flex;
}
#section-id-1634031887717 #column-id-1634031887719 > div a {
  padding: 0px 10px;
  font-weight: 600;
  background-color: transparent;
}
@media only screen and (max-width: 576px) {
  #section-id-1634031887717 #column-id-1634031887719 > div {
    display: block;
  }
  #section-id-1634031887717 #column-id-1634031887719 > div .sppb-text-center {
    text-align: left;
  }
}

/*
**********************************************************************************************************************************
* sticky menu 
**********************************************************************************************************************************
*/
#sp-header {
  position: fixed;
  box-shadow: none;
  height: var(--nrml-header-height);
  transition: all ease-in-out 0.5s;
  top: 30px;
}
#sp-header #sp-top1 .nummer {
  display: flex;
}
#sp-header #sp-top1 .nummer .fa-phone-alt {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 5px;
}
#sp-header #sp-top1 .nummer .phoneModule {
  margin-left: 5px;
}
@media only screen and (max-width: 1221px) and (min-width: 992px) {
  #sp-header #sp-logo {
    max-width: 28% !important;
  }
}
#sp-header.sticky_menu {
  position: fixed;
  z-index: 50;
  top: 0;
}
#sp-header.no_scroll {
  top: 0;
}
#sp-header .container {
  max-width: 90%;
}
#sp-header .fa-instagram {
  color: var(--nrml-primary);
}
#sp-header a:hover {
  text-decoration: none;
}

/*
*****************************************************
* Hero-Header
*****************************************************
*/
section[id=headerHome] {
  height: 75vh;
  display: flex;
  justify-content: center;
}
section[id=headerHome]::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0%;
  bottom: 0%;
  background-color: #383838;
  opacity: 0.3;
}
@media only screen and (min-width: 1200px) {
  section[id=headerHome] .content a:last-child {
    padding-left: 5px;
  }
  section[id=headerHome] .content .break {
    display: none;
  }
  section[id=headerHome] .content .number {
    display: flex;
  }
  section[id=headerHome] .content .number .fa-phone-alt {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 5px;
  }
}
@media only screen and (max-width: 1199px) {
  section[id=headerHome] .content .numberTool .justify-content-between:first-child {
    flex-direction: column;
  }
  section[id=headerHome] .content .numberTool .justify-content-between:first-child a {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 499px) {
  section[id=headerHome] .content .numberTool .number {
    display: flex;
    align-items: center;
  }
  section[id=headerHome] .content .numberTool .number i {
    margin-right: 5px;
  }
  section[id=headerHome] .content .numberTool .number a {
    margin-left: 5px;
  }
}
section[id=headerHome] .content h2 {
  font-size: 50px !important;
}
section[id=headerHome] .content h2 > em {
  font-family: "Roboto_italic" !important;
}
section[id=headerHome] #column-wrap-id-1633014078199 {
  position: absolute;
  right: -26%;
}
@media only screen and (max-width: 1750px) {
  section[id=headerHome] #column-wrap-id-1633014078199 {
    right: -16%;
  }
}
@media only screen and (max-width: 1500px) {
  section[id=headerHome] #column-wrap-id-1633014078199 {
    right: -5%;
  }
}
section[id=headerHome] #column-wrap-id-1633014078199 #icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
section[id=headerHome] #column-wrap-id-1633014078199 #icon-container a {
  position: absolute;
  z-index: 1;
}

/*
*****************************************************
* Easy Blog
*****************************************************
*/
#eb .fa::before {
  font-weight: 300 !important;
  font-family: "Font Awesome 6 Pro" !important;
}
#eb .eb-headers {
  display: none !important;
  pointer-events: none;
}
#eb .item-container {
  margin-top: 2.5em;
  margin-bottom: 5em;
}
@media only screen and (max-width: 991px) {
  #eb .item-container {
    margin-top: 0px !important;
  }
}
#eb .item-container .item-category {
  display: flex;
  flex-direction: column;
}
#eb .item-container .item-category::after {
  content: "";
  display: inline-block;
  width: 75px;
  height: 3px;
  margin-top: 20px;
  left: 0%;
  background: linear-gradient(90deg, rgb(215, 255, 138) 0%, rgb(0, 191, 195) 100%);
}
#eb .item-container .item-title {
  margin-top: 40px;
}
#eb .item-container a {
  color: var(--ahrweiler-gray);
}
#eb .item-container p {
  margin-top: 10px;
}
#eb .eb-mod * {
  line-height: 1.2 !important;
}
#eb .ebd-block ul li {
  margin-bottom: 5px;
}
#eb .view-all-blogs {
  text-align: center;
}
#eb .view-all-blogs a {
  word-spacing: 3px;
}

.ebd-block {
  height: 250px;
  overflow: hidden;
}

.view-latest .eb-post-listing::before {
  content: " ";
  background-image: url(/images/jobcenter-ahrweiler-sach-und-geldleistungen.jpg);
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  width: 96vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -48vw;
  margin-right: -50vw;
  margin-bottom: 30px;
  background-position: 50% 26%;
}
@media only screen and (max-width: 767px) {
  .view-latest .eb-post-listing::before {
    min-height: 399px;
  }
}
@media only screen and (max-width: 599px) {
  .view-latest .eb-post-listing::before {
    min-height: 349px;
  }
}
@media only screen and (max-width: 499px) {
  .view-latest .eb-post-listing::before {
    min-height: 299px;
  }
}
.view-latest .eb-header {
  display: none !important;
}
.view-latest .eb-post-content {
  margin-top: 20px;
  margin-bottom: 30px;
}
.view-latest .eb-post-content .eb-post-category {
  pointer-events: none !important;
  font-size: 20px !important;
  line-height: 30px;
  color: var(--ahrweiler-gray);
}
.view-latest .eb-post-content .eb-post-title {
  font-size: 40px !important;
  line-height: 1.2 !important;
  font-weight: 700;
  font-family: "Roboto" !important;
}
@media only screen and (max-width: 499px) {
  .view-latest .eb-post-content .eb-post-title {
    font-size: 36px !important;
  }
}
@media only screen and (min-width: 992px) {
  .view-latest .eb-post-content .eb-post-title {
    width: 75%;
  }
}
.view-latest .eb-post-content .eb-post-body {
  font-size: 22px !important;
}
@media only screen and (min-width: 992px) {
  .view-latest .eb-post-content .eb-post-body {
    width: 75% !important;
  }
}
.view-latest .eb-post-content .eb-post-date {
  font-size: 16px !important;
  display: flex !important;
  flex-direction: column !important;
}
.view-latest .eb-post-content .eb-post-date::after {
  content: "";
  display: inline-block;
  width: 75px;
  height: 3px;
  margin-top: 20px;
  left: 0%;
  background: linear-gradient(90deg, rgb(215, 255, 138) 0%, rgb(0, 191, 195) 100%);
}
.view-latest .eb-post-content .ebd-block {
  height: -moz-max-content;
  height: max-content;
}
.view-latest h1 {
  margin-top: 20px !important;
  font-size: 40px !important;
}

.view-entry .eb-header {
  display: none !important;
}
.view-entry .eb-entry {
  padding: 100px 0px !important;
}
.view-entry .eb-post-date {
  line-height: 1.2;
}
.view-entry .eb-post-category {
  pointer-events: none !important;
  font-size: 20px !important;
  line-height: 30px;
  color: var(--ahrweiler-gray);
}
.view-entry .eb-post-category a {
  font-size: 20px !important;
  line-height: 30px;
  color: var(--ahrweiler-gray);
}
.view-entry .ebd-block {
  height: -moz-max-content;
  height: max-content;
}
@media only screen and (max-width: 499px) {
  .view-entry h1 {
    font-size: 36px !important;
  }
}
.view-entry .view-all-blogs {
  text-align: left !important;
  margin: 30px 0 !important;
}
.view-entry .view-all-blogs .backBtn::before {
  content: "\f060" !important;
}

.view-latest .eb-post-head,
.view-latest .eb-entry-head,
.view-entry .eb-post-head,
.view-entry .eb-entry-head {
  display: grid;
  grid-template-rows: 65px max-content 80px;
  grid-template-columns: 100%;
  margin-bottom: 15px;
}
.view-latest .eb-post-head .eb-post-title,
.view-latest .eb-post-head .eb-entry-title,
.view-latest .eb-entry-head .eb-post-title,
.view-latest .eb-entry-head .eb-entry-title,
.view-entry .eb-post-head .eb-post-title,
.view-entry .eb-post-head .eb-entry-title,
.view-entry .eb-entry-head .eb-post-title,
.view-entry .eb-entry-head .eb-entry-title {
  grid-column: 1;
  grid-row-start: 2;
  word-wrap: break-word;
  position: relative;
  z-index: 2;
}
.view-latest .eb-post-head .eb-post-meta,
.view-latest .eb-post-head .eb-entry-meta,
.view-latest .eb-entry-head .eb-post-meta,
.view-latest .eb-entry-head .eb-entry-meta,
.view-entry .eb-post-head .eb-post-meta,
.view-entry .eb-post-head .eb-entry-meta,
.view-entry .eb-entry-head .eb-post-meta,
.view-entry .eb-entry-head .eb-entry-meta {
  grid-column: 1;
  grid-row-start: 1;
  grid-row-end: 4;
  display: grid !important;
  grid-template-rows: 25% 50% 25%;
  grid-template-columns: 100%;
}
.view-latest .eb-post-head .eb-post-meta div:last-child,
.view-latest .eb-post-head .eb-entry-meta div:last-child,
.view-latest .eb-entry-head .eb-post-meta div:last-child,
.view-latest .eb-entry-head .eb-entry-meta div:last-child,
.view-entry .eb-post-head .eb-post-meta div:last-child,
.view-entry .eb-post-head .eb-entry-meta div:last-child,
.view-entry .eb-entry-head .eb-post-meta div:last-child,
.view-entry .eb-entry-head .eb-entry-meta div:last-child {
  grid-column: 1;
  grid-row-start: 1;
}
.view-latest .eb-post-head .eb-post-meta div:last-child::before,
.view-latest .eb-post-head .eb-entry-meta div:last-child::before,
.view-latest .eb-entry-head .eb-post-meta div:last-child::before,
.view-latest .eb-entry-head .eb-entry-meta div:last-child::before,
.view-entry .eb-post-head .eb-post-meta div:last-child::before,
.view-entry .eb-post-head .eb-entry-meta div:last-child::before,
.view-entry .eb-entry-head .eb-post-meta div:last-child::before,
.view-entry .eb-entry-head .eb-entry-meta div:last-child::before {
  padding: 0 !important;
}
.view-latest .eb-post-head .eb-post-meta div:first-child,
.view-latest .eb-post-head .eb-entry-meta div:first-child,
.view-latest .eb-entry-head .eb-post-meta div:first-child,
.view-latest .eb-entry-head .eb-entry-meta div:first-child,
.view-entry .eb-post-head .eb-post-meta div:first-child,
.view-entry .eb-post-head .eb-entry-meta div:first-child,
.view-entry .eb-entry-head .eb-post-meta div:first-child,
.view-entry .eb-entry-head .eb-entry-meta div:first-child {
  grid-column: 1;
  grid-row-start: 3;
}
.view-latest .eb-post-head .eb-post-meta div:first-child::before,
.view-latest .eb-post-head .eb-entry-meta div:first-child::before,
.view-latest .eb-entry-head .eb-post-meta div:first-child::before,
.view-latest .eb-entry-head .eb-entry-meta div:first-child::before,
.view-entry .eb-post-head .eb-post-meta div:first-child::before,
.view-entry .eb-post-head .eb-entry-meta div:first-child::before,
.view-entry .eb-entry-head .eb-post-meta div:first-child::before,
.view-entry .eb-entry-head .eb-entry-meta div:first-child::before {
  display: none;
}

/*
*****************************************************
* Helper Classes
*****************************************************
*/
a.no_link {
  pointer-events: none !important;
}
a.no_link:hover {
  cursor: default;
}

.bg_primary {
  background-color: var(--nrml-primary);
}

.bg_lightgray {
  background-color: var(--ahrweiler-lightgray);
}

.bg_gray {
  background-color: var(--ahrweiler-gray);
}

.bg_text_weak {
  background-color: var(--nrml-text-weak);
}

.bg_white {
  background-color: var(--ahrweiler-text-inverted);
}

.image_padding {
  padding-top: 150px;
  padding-bottom: 150px;
}

.btn_disabled {
  background-color: rgb(180, 180, 180) !important;
  pointer-events: none !important;
}

@media only screen and (max-width: 991px) {
  .order12 .sppb-col-md-6:first-child {
    order: 1;
  }
  .order12 .sppb-col-md-6:last-child {
    order: 2;
  }
  .order21 .sppb-col-md-6:first-child {
    order: 2;
  }
  .order21 .sppb-col-md-6:last-child {
    order: 1;
  }
}
#zitat {
  justify-content: flex-end !important;
}
#zitat > div {
  display: flex;
  justify-content: flex-end !important;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  #zitat > div {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
  #zitat > div .sppb-addon-title {
    text-align: center;
  }
}
#zitat img.sppb-img-responsive {
  border-radius: 100px;
}
#zitat #imageText .sppb-addon-title {
  width: 80%;
}
@media only screen and (max-width: 576px) {
  #zitat #imageText .sppb-addon-title {
    width: 100%;
  }
}

#sppb-addon-wrapper-1633609381539 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#sppb-addon-1633609381536 div {
  width: 100%;
}
#sppb-addon-1633609381536 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#sppb-addon-1633614153077 {
  text-align: center;
  font-size: 20px;
}
#sppb-addon-1633614153077 i {
  padding-right: 20px;
}

.itemid-189 #sp-header .nummer,
.itemid-189 #sp-header a,
.itemid-189 #sp-header #offcanvas-toggler,
.itemid-204 #sp-header .nummer,
.itemid-204 #sp-header a,
.itemid-204 #sp-header #offcanvas-toggler,
.itemid-205 #sp-header .nummer,
.itemid-205 #sp-header a,
.itemid-205 #sp-header #offcanvas-toggler,
.view-entry #sp-header .nummer,
.view-entry #sp-header a,
.view-entry #sp-header #offcanvas-toggler {
  color: black !important;
}
.itemid-189 #sp-header span,
.itemid-204 #sp-header span,
.itemid-205 #sp-header span,
.view-entry #sp-header span {
  background-color: black;
}

.show_submenu {
  display: block !important;
}

.nav-header:hover {
  cursor: pointer;
}

.sppb-addon-table-main * {
  color: #000;
}
.sppb-addon-table-main tbody tr {
  background: rgba(46, 189, 239, 0.102);
}
.sppb-addon-table-main tbody tr td {
  padding: 0px 20px;
}

.sppb-addon-button-group a {
  padding: 15px 30px !important;
  background-color: var(--ahrweiler-btn);
  color: var(--ahrweiler-text-inverted) !important;
  text-transform: uppercase;
}
.sppb-addon-button-group a:hover {
  color: var(--ahrweiler-btn) !important;
  background-color: var(--ahrweiler-text-inverted);
}

/*
*****************************************************
* Overlay Box
*****************************************************
*/
#sp-main-body #sp-component .overlay_box .overlay_left,
#sp-main-body #sp-component .overlay_box .overlay_right {
  z-index: 2;
  background-color: var(--ahrweiler-text-inverted);
}
@media only screen and (min-width: 992px) {
  #sp-main-body #sp-component .overlay_box .overlay_left,
  #sp-main-body #sp-component .overlay_box .overlay_right {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  #sp-main-body #sp-component .overlay_box .overlay_left,
  #sp-main-body #sp-component .overlay_box .overlay_right {
    padding-left: 15px;
    padding-right: 15px;
  }
  #sp-main-body #sp-component .overlay_box .overlay_left .sppb-column-addons,
  #sp-main-body #sp-component .overlay_box .overlay_right .sppb-column-addons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #sp-main-body #sp-component .overlay_box .overlay_left .sppb-column-addons > div:first-child,
  #sp-main-body #sp-component .overlay_box .overlay_right .sppb-column-addons > div:first-child {
    flex: 1 1 100%;
  }
  #sp-main-body #sp-component .overlay_box .overlay_left .sppb-column-addons > div:nth-child(n+4),
  #sp-main-body #sp-component .overlay_box .overlay_right .sppb-column-addons > div:nth-child(n+4) {
    flex: 1 1 35%;
  }
}

.overlay_box {
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  .overlay_box .sppb-text-left .sppb-addon-title {
    padding: 0 15px;
  }
}
.overlay_box .sppb-text-right .sppb-addon-title {
  margin-right: 150px;
}
@media only screen and (max-width: 991px) {
  .overlay_box .sppb-text-right .sppb-addon-title {
    text-align: left;
  }
}
.overlay_box .overlay_left {
  top: 75px;
  left: 75px;
}
@media only screen and (max-width: 991px) {
  .overlay_box .overlay_left {
    left: unset;
    top: unset;
  }
}
@media only screen and (max-width: 991px) {
  .overlay_box .overlay_left_title {
    text-align: left;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .overlay_box .overlay_left_title h2 {
    margin-left: 150px;
  }
}
.overlay_box .overlay_right {
  top: 75px;
  right: 75px;
}
@media only screen and (max-width: 991px) {
  .overlay_box .overlay_right {
    right: unset;
    top: unset;
  }
}
.overlay_box .overlay_menu {
  position: absolute;
  top: 35%;
  left: -160px;
}
@media only screen and (max-width: 1599px) {
  .overlay_box .overlay_menu {
    left: 25%;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 992px) {
  .overlay_box .overlay_menu {
    position: relative;
    top: 0;
    left: 0;
  }
}
.overlay_box .sppb-addon-content {
  padding: 2em 0;
}
.overlay_box td .sppb-addon-content {
  padding: 0;
}

.overlay_box .sppb-order-sm-1 {
  padding-bottom: 50px;
}
.overlay_box .sppb-order-sm-2 {
  padding: 0;
}

/*
*****************************************************
* Stellenangebote
*****************************************************
*/
#stellenangebote .item-category {
  font-size: 20px;
  color: #848484;
}
#stellenangebote .ebd-block,
#stellenangebote p {
  font-size: 22px;
  line-height: 28px !important;
}
#stellenangebote #newsRow #eb .eb-mod {
  display: flex;
  justify-content: space-between;
}
#stellenangebote #newsRow #eb .eb-mod .item-container {
  width: 45%;
}
#stellenangebote #newsRow #eb .eb-mod .ebd-block p,
#stellenangebote #newsRow #eb .eb-mod .ebd-block span {
  line-height: 1.5 !important;
  font-size: 18px !important;
}

/*
*****************************************************
* Standortfinder
*****************************************************
*/
.fa-input {
  font-family: "Font Awesome 6 Pro";
}

#mapBox {
  display: flex;
  justify-content: center;
  padding: 30px;
  background-color: white;
}
#mapBox #infobox {
  width: 45%;
  padding-right: 40px;
}
#mapBox #infobox .titleSmall {
  margin-top: 0;
  color: #848484;
}
#mapBox #infobox #standortButton {
  letter-spacing: 2px;
}
#mapBox #infobox span {
  margin-left: 28px !important;
}
#mapBox #infobox .far {
  width: 22px;
  text-align: center;
}
#mapBox #map {
  width: 55%;
  height: auto;
  margin-left: 30px;
}
#mapBox .postcode_not_supported {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#mapBox .postcode_not_supported i {
  font-size: 30px;
}

#searchAgency {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
}
#searchAgency .input-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 10px;
  height: 63px;
  width: 30%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  background-color: #fff;
}
#searchAgency .input-wrapper input {
  border: none;
  width: 100%;
  height: 100%;
}

#standortfinder .searchFinder #searchAgency,
#standortfinder .searchFinder .sppb-addon-content {
  display: flex;
  width: 100%;
}
#standortfinder .searchFinder input {
  border-radius: 0px;
  height: 63px;
  width: 30%;
  padding-left: 35px;
}
#standortfinder .searchFinder .btn_std {
  border: none;
  background-color: var(--ahrweiler-blue);
  margin-left: 20px;
}
#standortfinder .searchFinder .btn_std::before {
  content: none;
}
#standortfinder .searchFinder .btn_std:hover, #standortfinder .searchFinder .btn_std:focus {
  color: white !important;
  background-color: #29a9d8;
}
@media only screen and (min-width: 440px) {
  #standortfinder #finderModule .searchData span {
    margin-left: 30px;
  }
}
#standortfinder #finderModule .searchData .fa-map-marker-alt {
  padding: 0px 5px;
}
#standortfinder #finderModule .searchData hr {
  -o-border-image: linear-gradient(90deg, rgb(180, 239, 131) 0%, rgb(56, 190, 237) 100%);
     border-image: linear-gradient(90deg, rgb(180, 239, 131) 0%, rgb(56, 190, 237) 100%);
}
@media only screen and (min-width: 440px) {
  #standortfinder #finderModule .searchData hr {
    margin: 20px 27px;
  }
}
#standortfinder #finderModule .finderMap #sppb-addon-gmap-1636970907221 {
  height: 670px;
}

/*
*****************************************************
* Home
*****************************************************
*/
#sliderRow .sppb-addon-single-image-container {
  width: 100%;
}
#sliderRow .sppb-addon-single-image-container img {
  width: 100%;
}
#sliderRow .sliderBtn {
  position: absolute;
  width: 50%;
  bottom: 260px;
  left: 25%;
  transition: 0.4s ease-in-out;
}
#sliderRow .sliderBtn:hover {
  cursor: pointer;
  filter: brightness(0.9);
}

/*
*****************************************************
* KONTAKT
*****************************************************
*/
.contact input[type=text]:not(.form-control):focus,
.contact input[type=email]:not(.form-control):focus,
.contact input[type=url]:not(.form-control):focus,
.contact input[type=date]:not(.form-control):focus,
.contact input[type=password]:not(.form-control):focus,
.contact input[type=search]:not(.form-control):focus,
.contact input[type=tel]:not(.form-control):focus,
.contact input[type=number]:not(.form-control):focus,
.contact select:not(.form-control):focus {
  border-color: #848484 !important;
}
.contact #sppb-form-builder-field-3 {
  margin-bottom: 60px;
}
.contact .sppb-form-control,
.contact .sppb-form-group .sppb-form-control {
  font-size: 1rem;
}
.contact .sppb-form-control:focus {
  border-color: #848484;
}
.contact .sppb-form-control:focus::-moz-placeholder {
  color: transparent !important;
  visibility: hidden !important;
}
.contact .sppb-form-control:focus::placeholder {
  color: transparent !important;
  visibility: hidden !important;
}
.contact .sppb-form-check .sppb-form-check-label {
  line-height: 32px;
}
.contact .sppb-form-group:active > label {
  color: #848484 !important;
}
.contact .sppb-form-check {
  padding-bottom: 5px;
  margin-top: 50px !important;
}
.contact .sppb-addon-raw-html p {
  margin: 0 !important;
}
.contact .sppb-addon-raw-html p .fa-mobile {
  padding: 0 2px;
}
.contact .fa-w-16 {
  display: none;
}
.contact .sppb-btn {
  background-color: var(--ahrweiler-blue);
  border: none !important;
  font-size: 20px;
  padding: 15px 20px;
  margin-top: 30px !important;
}
.contact .sppb-btn:hover {
  background-color: #29a9d8;
}
.contact a {
  color: #848484;
}
.contact a:hover {
  color: black;
}

/*
*****************************************************
* Auf einen Blick
*****************************************************
*/
#switchBox .switchBox {
  display: flex;
}
#switchBox .switchBox .switch_btns {
  height: 375px;
  width: 10% !important;
}
@media only screen and (max-width: 991px) {
  #switchBox .switchBox .switch_btns {
    width: 15% !important;
  }
}
#switchBox .switchBox .switch_btns .switchBtn {
  height: 125px;
  background-color: #f2f2f2;
  border: 2px solid white;
  font-size: 20px !important;
}
#switchBox .switchBox .switch_btns .switchBtn:hover {
  cursor: pointer;
}
#switchBox .switchBox .switch_btns .switchBtn p {
  padding: 20px 25px;
  text-align: center;
}
#switchBox .switchBox .switch_btns .switchBtn p i::before {
  font-size: 35px !important;
}
#switchBox .switchBox .switch_btns .switchBtnActive {
  background-color: #e3e3e3;
  border: 2px solid #e3e3e3;
}
#switchBox .switchBox .infoboxes {
  height: 375px;
  width: 90% !important;
}
@media only screen and (max-width: 991px) {
  #switchBox .switchBox .infoboxes {
    width: 85% !important;
  }
}
#switchBox .switchBox .infoboxes .infobox {
  background-color: #f2f2f2;
  height: 375px;
  font-size: 18px !important;
  border: 2px solid white;
}
#switchBox .switchBox .infoboxes .infobox p,
#switchBox .switchBox .infoboxes .infobox h3 {
  margin: 0;
  padding: 25px;
}
#switchBox .switchBox .infoboxes .infoboxActive {
  background-color: #e3e3e3;
  border: 2px solid #e3e3e3;
}
#switchBox .switchBox .infoboxes .infobox2,
#switchBox .switchBox .infoboxes .infobox3,
#switchBox .switchBox .infoboxes .infobox5,
#switchBox .switchBox .infoboxes .infobox6 {
  display: none;
}

/*
*****************************************************
* Das Jobcenter in Zahlen
*****************************************************
*/
#zahlenModul1 .modulBox {
  min-height: 475px;
}
#zahlenModul1 .modulBox .sppb-col-md-6 .moduleBar {
  width: 210px !important;
  transform: rotate(270deg);
  margin: 0px 0px 197px 0px;
  position: relative;
  right: 40px;
  top: 70px;
}

#zahlenModul2 .modulBox {
  min-height: 650px;
}

/*
*****************************************************
* weitere Fragen?
*****************************************************
*/
#weitere-fragen {
  color: #fff;
}
#weitere-fragen #numBox a {
  font-size: 30px;
  font-weight: 600;
}

/*
*****************************************************
* Responsive
*****************************************************
*/
@media only screen and (max-width: 1521px) {
  #sp-header #offcanvas-toggler {
    margin-left: 5px !important;
  }
  #sp-header #sp-top1 {
    padding-left: 0 !important;
  }
}
@media only screen and (max-width: 1399px) {
  #sp-header .container {
    padding-left: 0 !important;
  }
  #sp-header #sp-top1 .sp-page-builder .sppb-col-md-6 {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 1278px) {
  #sp-header .sp-megamenu-parent .sp-menu-item {
    padding: 0px !important;
  }
  #sp-header .sp-megamenu-parent .nummerHeader {
    padding-right: 0px !important;
  }
  #sp-header .sp-megamenu-parent .terminHeader {
    padding-right: 10px !important;
  }
  #sp-header #offcanvas-toggler {
    margin-left: 0px !important;
    bottom: 0px !important;
  }
  #sp-header .termin,
  #sp-header .nummer {
    font-size: 18px !important;
  }
  #sp-header .sp-module {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  #sp-header #offcanvas-toggler {
    margin-right: 20px;
  }
  #headerHome .content {
    right: 0px;
  }
  #searchAgency #search {
    padding-left: 15px !important;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  #zahlenModul1 .modulBox .wertCounter .sppb-animated-number {
    font-size: 80px !important;
  }
  #zahlenModul1 .modulBox .sppb-addon-title {
    font-size: 18px !important;
  }
  #zahlenModul1 .modulBox .sppb-col-md-6 .moduleBar {
    margin: 0px 0px 220px 0px;
    right: 55px !important;
  }
}
@media only screen and (max-width: 991px) {
  #headerHome .content {
    right: unset;
  }
  #headerHome::after {
    width: 100%;
  }
  #headerHome #sppb-addon-wrapper-1635421043787 {
    height: 300px !important;
  }
  #sppb-addon-wrapper-1633609381539 {
    top: 45%;
  }
  .btn_big {
    padding: 20px 30px !important;
  }
  #sp-footer .column2,
  #sp-footer .column3,
  #sp-footer .column4 {
    padding-left: 0px !important;
  }
  #sp-footer .column3,
  #sp-footer .column4 {
    margin-top: 30px !important;
  }
  #zahlenModul1 .modulBox {
    margin: 15px 0px !important;
  }
  #zahlenModul1 .modulBox .sppb-col-md-6 .moduleBar {
    right: -45px !important;
  }
  #searchAgency #search {
    width: 40% !important;
  }
  #searchAgency .btn_std {
    width: 30% !important;
  }
  #mapBox {
    flex-direction: column;
  }
  #mapBox #map {
    width: 100%;
    height: 400px;
    margin: 30px 0 0 !important;
  }
  #sliderRow .sliderBtn {
    bottom: 200px;
  }
  .offcanvas-active .offcanvas-menu {
    padding: 0px 10px;
  }
  .offcanvas-active .offcanvas-menu .logo .logo-image {
    width: 70% !important;
  }
  .offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > a,
  .offcanvas-active .offcanvas-menu .offcanvas-inner .offcanvas-menu .offcanvas-inner ul.menu > li > span {
    font-size: 26px;
  }
  .offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
    font-size: 20px;
  }
  .offcanvas-active .offcanvas-menu .offcanvas-inner .headerMenu {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 771px) {
  .btn_big {
    font-size: 22px !important;
  }
}
@media only screen and (max-width: 767px) {
  .sp-scroll-up {
    display: none !important;
    opacity: 0 !important;
  }
  #sp-right {
    left: 0 !important;
  }
  #sp-right .sppb-col-md-9 {
    left: -39px !important;
  }
  #sp-right .sppb-col-md-3 {
    padding: 0 !important;
    flex: 0 0 12% !important;
    max-width: 12% !important;
    left: 0px !important;
  }
  #sppb-addon-wrapper-1633609381539 {
    top: 40%;
    left: 45%;
  }
  .btn_big {
    padding: 20px 15px !important;
    font-size: 18px !important;
    width: 125%;
  }
  #sppb-addon-1633590967990 .sppb-text-right {
    text-align: left;
  }
  #column-id-1633590967974 {
    justify-content: flex-start !important;
  }
  #column-id-1633590967974 .sppb-column-addons {
    justify-content: flex-start !important;
  }
  #zahlenModul1 .modulBox .sppb-col-md-6 .moduleBar {
    right: 0px !important;
    margin: 35px 0px 250px 0px !important;
  }
  #sliderRow {
    padding-bottom: 0 !important;
  }
  #sliderRow .sliderBtn {
    bottom: 300px;
    width: 75%;
    left: 12.5%;
  }
  #sp-footer .column2 {
    margin-top: 30px !important;
  }
  #sp-footer .column1,
  #sp-footer .column2,
  #sp-footer .column3,
  #sp-footer .column4 {
    padding-right: 0px !important;
  }
  #switchBox .switchBox {
    flex-direction: column;
  }
  #switchBox .switchBox .switch_btns {
    height: unset;
    width: 100% !important;
    display: flex;
  }
  #switchBox .switchBox .switch_btns .switchBtn {
    height: 100px;
    width: 33.3333333%;
  }
  #switchBox .switchBox .switch_btns .switchBtn p {
    padding: 10px 25px !important;
  }
  #switchBox .switchBox .infoboxes {
    height: 375px;
    width: 100% !important;
  }
  #switchBox .switchBox .infoboxes .infobox {
    height: 375px;
  }
  #weitere-fragen #column-wrap-id-1633614153074 .sppb-addon-raw-html h3 {
    font-size: 28px !important;
  }
  #weitere-fragen #column-wrap-id-1633614153074 .sppb-addon-raw-html h3 i {
    padding-right: 5px !important;
  }
  #searchAgency #search {
    width: 55% !important;
  }
  #searchAgency .btn_std {
    width: 30% !important;
  }
  #section-id-1639123678105 {
    display: none;
  }
  #company {
    flex-direction: column;
  }
  #section-id-1652689004339 {
    padding-top: 50px !important;
  }
}
@media only screen and (max-width: 659px) {
  #sp-header #offcanvas-toggler {
    margin-right: 15px;
  }
  .offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > a,
  .offcanvas-active .offcanvas-menu .offcanvas-inner .offcanvas-menu .offcanvas-inner ul.menu > li > span {
    font-size: 20px;
  }
  .offcanvas-active .offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
    font-size: 16px;
  }
  .offcanvas-active .offcanvas-menu .offcanvas-inner .headerMenu {
    font-size: 32px !important;
  }
}
@media only screen and (max-width: 599px) {
  #headerHome {
    height: 659px !important;
  }
  #headerHome p {
    font-size: 4.5vw !important;
  }
  #headerHome #sppb-addon-wrapper-1635421043787 {
    height: 200px !important;
  }
  .textResponsive p,
  .textResponsive div,
  #section-id-1634025490154 .ebd-block,
  #section-id-1634025490154 p {
    font-size: 4.5vw !important;
  }
  #column-id-1635249132712 .sppb-addon-content,
  #section-id-1634025490154 .item-category {
    font-size: 3.5vw;
  }
  #column-wrap-id-1633590967974 #column-id-1633590967974 {
    justify-content: flex-start !important;
  }
  #column-wrap-id-1633590967974 #column-id-1633590967974 .sppb-column-addons {
    justify-content: flex-start !important;
  }
  #sppb-addon-wrapper-1633609381539 {
    top: 32%;
  }
  #weitere-fragen #column-wrap-id-1633614153074 .sppb-addon-raw-html h3 {
    font-size: 22px !important;
  }
  #searchAgency #search {
    width: 50% !important;
  }
  #searchAgency .btn_std {
    width: 40% !important;
  }
  #mapBox #map {
    height: 320px;
  }
  #sp-footer .titleLink h3 {
    font-size: 26px !important;
    font-family: "Roboto" !important;
    font-weight: 700 !important;
  }
  #sp-footer a:focus {
    color: black !important;
  }
}
@media only screen and (max-width: 576px) {
  .btn_big {
    padding: 20px 15px !important;
    font-size: 16px !important;
  }
  #switchBox .switchBox .infoboxes {
    height: 420px;
  }
  #switchBox .switchBox .infoboxes .infobox {
    height: 420px;
  }
  .itemid-224 .sppb-addon-table-main.bt tbody td,
  .itemid-224 .sppb-addon-table-main.bt tfoot td,
  .itemid-224 .sppb-addon-table-main.bt tfoot th {
    flex-direction: column;
  }
}
@media only screen and (max-width: 519px) {
  #zitat #imageText .sppb-row {
    flex-direction: column;
  }
  #zitat #imageText .sppb-row div {
    max-width: 100%;
  }
  #zitat #imageText .sppb-row div .sppb-addon-single-image {
    text-align: center !important;
  }
}
@media only screen and (max-width: 499px) {
  #offcanvas-toggler::before {
    display: none !important;
  }
  #sliderRow .sliderBtn {
    bottom: 220px;
  }
  #sp-main-body {
    padding: 15px !important;
    padding-bottom: 0 !important;
  }
  #sp-footer:first-child {
    padding: 15px !important;
    padding-top: 0 !important;
  }
  #sp-footer .copyright {
    padding-bottom: 30px;
  }
  #headerHome {
    margin-bottom: 15px !important;
  }
  #stellenangebote #newsRow #eb .eb-mod {
    flex-direction: column;
  }
  #stellenangebote #newsRow #eb .eb-mod .item-container {
    width: 100%;
  }
  #section-id-1648222969163 #sppb-addon-wrapper-1648222969154,
  #section-id-1648222969163 #sppb-addon-1648222969154 h4.sppb-addon-title {
    margin: 0px 0px 0px 0px;
  }
  #section-id-1648222969163 .sppb-addon-table-main thead tr,
  #section-id-1648222969163 .sppb-addon-table-main tbody tr {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 449px) {
  #headerHome {
    height: 639px !important;
  }
  #headerHome #sppb-addon-wrapper-1635421043787 {
    height: 150px !important;
  }
  #sppb-addon-wrapper-1635229564611 {
    margin-bottom: 60px !important;
  }
  #switchBox .switchBox .infoboxes {
    height: 460px;
  }
  #switchBox .switchBox .infoboxes .infobox {
    height: 460px;
  }
}
@media only screen and (max-width: 405px) {
  .btn_big {
    width: 140%;
  }
  #sppb-addon-wrapper-1633609381539 {
    left: 37%;
  }
  #headerHome .content h2 {
    font-size: 40px !important;
  }
  .view-all-blogs .btn_std {
    width: 100%;
    display: flex;
    line-height: 1.5 !important;
  }
}
@media only screen and (max-width: 399px) {
  #sliderRow .sliderBtn {
    bottom: 200px;
  }
  .view-all-blogs .btn_std {
    justify-content: center;
  }
  .view-all-blogs .backBtn::before {
    position: relative;
    top: 0 !important;
  }
  #switchBox .switchBox .infoboxes {
    height: 500px;
  }
  #switchBox .switchBox .infoboxes .infobox {
    height: 500px;
  }
  #weitere-fragen #numBox a {
    font-size: 24px;
  }
  .faq details summary {
    font-size: 18px;
  }
  .faq details p {
    font-size: 16px;
  }
  #section-id-1635173210772 {
    padding: 80px 30px 30px 30px !important;
  }
}
@media only screen and (max-width: 369px) {
  #switchBox .switchBox .infoboxes {
    height: 550px;
  }
  #switchBox .switchBox .infoboxes .infobox {
    height: 550px;
  }
  #weitere-fragen #numBox a {
    font-size: 22px;
  }
}
@media only screen and (max-width: 335px) {
  .btn_big {
    padding: 10px 15px !important;
    font-size: 14px !important;
  }
  #headerHome .content h2 {
    font-size: 36px !important;
  }
}
@media only screen and (max-height: 859px) {
  #sp-right #sidebar {
    margin-top: 6.5rem !important;
  }
  #sp-right .infoboxes .infoboxSidebar {
    font-size: 18px !important;
  }
  #sp-right .infoboxes .infoboxSidebar h4 {
    font-size: 1.4rem;
  }
  #sp-right .infoboxes .infoboxSidebar .btn_std {
    padding: 10px 20px !important;
  }
}
@media only screen and (max-height: 668px) {
  #sp-right #sidebar {
    margin-top: 6rem !important;
  }
  #sp-right .infoboxes .infoboxSidebar {
    padding: 25px !important;
    font-size: 16px !important;
  }
  #sp-right .infoboxes .infoboxSidebar h4 {
    font-size: 1.3rem;
  }
  #sp-right .infoboxes .infoboxSidebar p {
    margin: 10px 0px !important;
  }
}
@media only screen and (max-height: 630px) {
  #sp-right #sidebar {
    margin-top: 5rem !important;
  }
  #sp-right .infoboxes .infoboxSidebar {
    padding: 25px !important;
    font-size: 16px !important;
  }
  #sp-right .infoboxes .infoboxSidebar h4 {
    font-size: 1.3rem;
  }
  #sp-right .infoboxes .infoboxSidebar p {
    margin: 10px 0px !important;
  }
}
@media only screen and (max-height: 759px) and (min-width: 400px) {
  #sp-right .infoboxes .infoboxSidebar {
    padding: 20px !important;
    font-size: 16px !important;
  }
  #sp-right .infoboxes .infoboxSidebar h4 {
    font-size: 1.3rem;
  }
  #sp-right .infoboxes .infoboxSidebar p {
    margin: 10px 0px !important;
  }
}
@media only screen and (max-width: 399px) {
  #sp-right .infoboxes .infoboxSidebar {
    font-size: 18px !important;
  }
  #sp-right .infoboxes .infoboxSidebar h4 {
    font-size: 1.4rem;
  }
  #sp-right .infoboxes .infoboxSidebar .btn_std {
    padding: 10px 20px !important;
  }
}
@media only screen and (min-width: 389px) {
  .breakText .break {
    display: none;
  }
}
/*
*****************************************************
* Sidebar
*****************************************************
*/
@media only screen and (max-width: 767px) {
  #sp-right .infoboxes {
    display: flex;
    justify-content: center;
  }
  #sp-right .infoboxes .infoboxSidebar {
    max-width: 280px;
    min-width: 280px;
  }
  #sp-right .infoboxes .infoboxSidebar1 {
    max-width: 386px !important;
  }
  #sp-right .infoboxes .infoboxSidebar2 {
    top: 0 !important;
  }
  #sp-right .infoboxes .infoboxSidebar3 {
    top: 0 !important;
  }
  #sp-right .infoboxes .infoboxSidebar4 {
    top: 0 !important;
  }
  #sp-right .infoboxes .infoboxSidebar5 {
    top: 0 !important;
  }
  #sp-right .info_btns .sideBtn {
    margin: 0px !important;
  }
  #sp-right .info_btns .sideBtn1 {
    margin-left: 0 !important;
  }
}
@media only screen and (max-height: 699px) {
  #sp-right .infoboxes {
    display: flex;
    justify-content: center;
  }
  #sp-right .infoboxes .infoboxSidebar {
    max-width: 280px;
    min-width: 280px;
  }
  #sp-right .infoboxes .infoboxSidebar1 {
    max-width: 386px !important;
  }
  #sp-right .infoboxes .infoboxSidebar2 {
    top: 0 !important;
  }
  #sp-right .infoboxes .infoboxSidebar3 {
    top: 0 !important;
  }
  #sp-right .infoboxes .infoboxSidebar4 {
    top: 0 !important;
  }
  #sp-right .infoboxes .infoboxSidebar5 {
    top: 0 !important;
  }
  #sp-right .info_btns .sideBtn {
    margin: 0px !important;
  }
  #sp-right .info_btns .sideBtn1 {
    margin-left: 0 !important;
  }
}
#sp-right .info_btns .sideBtn {
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.15);
  height: 60px;
  width: 60px;
  background-color: #efefef;
  border: none;
  margin: 0px;
  text-align: center;
}
#sp-right .info_btns .sideBtn .far {
  line-height: 1.4 !important;
}
#sp-right .info_btns .sideBtn:hover, #sp-right .info_btns .sideBtn:focus {
  outline: none !important;
  cursor: pointer;
}
#sp-right .info_btns .sideBtnActive {
  background: linear-gradient(45deg, rgb(215, 255, 138) 0%, rgb(0, 191, 195) 100%);
  color: white;
}
#sp-right .info_btns .sideBtn1 {
  margin-top: 0 !important;
}
#sp-right .infoboxes .infoboxSidebar {
  background-color: white;
  padding: 30px;
  height: -moz-max-content;
  height: max-content;
  display: none;
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.15);
}
#sp-right .infoboxes .infoboxSidebar h4,
#sp-right .infoboxes .infoboxSidebar h5 {
  font-weight: 500;
}
#sp-right .infoboxes .infoboxSidebar h5 {
  margin-bottom: 5px !important;
}
#sp-right .infoboxes .infoboxSidebar .time {
  margin: 0px 0px 15px 0px !important;
}
#sp-right .infoboxes .infoboxSidebar .btn_std {
  border: none;
}
#sp-right .infoboxes .infoboxSidebar .btn_std:hover, #sp-right .infoboxes .infoboxSidebar .btn_std:focus {
  outline: none !important;
}
#sp-right .infoboxes .infoboxSidebar .btn_std::before {
  content: none;
}
#sp-right .infoboxes .infoboxSidebar1,
#sp-right .infoboxes .infoboxSidebar2,
#sp-right .infoboxes .infoboxSidebar3,
#sp-right .infoboxes .infoboxSidebar4,
#sp-right .infoboxes .infoboxSidebar5 {
  position: relative;
}
#sp-right .infoboxes .infoboxSidebar2 {
  top: 61px;
}
#sp-right .infoboxes .infoboxSidebar3 {
  top: 122px;
}
#sp-right .infoboxes .infoboxSidebar4 {
  top: 183px;
}
#sp-right .infoboxes .infoboxSidebar5 {
  top: 244px;
}

#sp-feature {
  max-width: 60vw;
  margin: 150px auto 0;
  display: none;
  position: absolute;
  transition: all ease 0.3s;
  left: 0;
  right: 0;
  z-index: 123153432;
  background-color: white;
  padding: 0 30px;
}
@media screen and (max-width: 776px) {
  #sp-feature {
    max-width: 90vw;
    padding: 0 15px;
    margin-top: 100px auto 0;
  }
  #sp-feature p {
    font-size: 16px;
  }
}

.mod_easybloglatestblogs {
  margin-top: 2.5em;
  margin-bottom: 5em;
}
.mod_easybloglatestblogs .mod-item {
  margin-top: 0px !important;
  border-top: none !important;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 80px max-content max-content;
}
@media only screen and (max-width: 991px) {
  .mod_easybloglatestblogs .mod-item {
    margin-bottom: 50px !important;
    grid-template-rows: 60px max-content max-content;
  }
}
.mod_easybloglatestblogs .mod-item:first-child {
  padding: 0 25px 0 0 !important;
}
@media only screen and (max-width: 991px) {
  .mod_easybloglatestblogs .mod-item:first-child {
    padding: 0 !important;
  }
}
.mod_easybloglatestblogs .mod-item:last-child {
  padding: 0 0 0 25px !important;
}
@media only screen and (max-width: 991px) {
  .mod_easybloglatestblogs .mod-item:last-child {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 991px) {
  .mod_easybloglatestblogs {
    margin-top: 0px !important;
  }
}
.mod_easybloglatestblogs .eb-mod-title {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 2;
  grid-row-end: 2;
}
.mod_easybloglatestblogs .eb-mod-title a {
  line-height: 0.9;
}
.mod_easybloglatestblogs .mod-post-type {
  display: flex;
  flex-direction: column;
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 1;
  grid-row-end: 1;
}
.mod_easybloglatestblogs .mod-post-type a {
  pointer-events: none !important;
  color: #848484;
  font-size: 20px !important;
}
.mod_easybloglatestblogs .mod-post-type::after {
  content: "";
  display: inline-block;
  width: 75px;
  height: 3px;
  margin-top: 20px;
  left: 0%;
  background: linear-gradient(90deg, rgb(215, 255, 138) 0%, rgb(0, 191, 195) 100%);
}
.mod_easybloglatestblogs .eb-mod-media-title {
  font-size: 36px !important;
}
@media only screen and (max-width: 599px) {
  .mod_easybloglatestblogs .eb-mod-media-title {
    font-size: 28px !important;
  }
}
.mod_easybloglatestblogs .eb-mod-media-title {
  color: var(--ahrweiler-gray);
}
.mod_easybloglatestblogs .eb-mod-body {
  margin-top: 30px;
  font-size: 18px !important;
  line-height: 27px !important;
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 3;
  grid-row-end: 3;
}
.mod_easybloglatestblogs .eb-mod * {
  line-height: 1.2;
}
.mod_easybloglatestblogs .ebd-block ul li {
  margin-bottom: 5px;
}
.mod_easybloglatestblogs .eb-mod {
  margin-bottom: 50px;
}
@media only screen and (max-width: 991px) {
  .mod_easybloglatestblogs .eb-mod {
    flex-direction: column;
  }
}
.mod_easybloglatestblogs .view-all-blogs {
  display: flex;
  justify-content: center;
  height: -moz-max-content;
  height: max-content;
}
.mod_easybloglatestblogs .view-all-blogs a {
  word-spacing: 3px;
  padding: 20px 35px !important;
}/*# sourceMappingURL=custom.css.map */