/* Left in for compability reasons */
/* Background transitions */
/* Bild Filter */
:root {
  --header-height: 112px;
  --header-padding-bottom: 16px;
  --sticky-top: calc(
    var(--header-height) + var(--sticky-promobar-height)
    );
  --container-padding: 16px;
  --sticky-promobar-height: 0.01px;
  --header-breakpoint: 1532px;
  --media-center-sidebar-width: 380px;
  --spacer-sx: 20px;
  --spacer-s: 30px;
  --spacer-m: 50px;
  --spacer-l: 75px;
}
:root:has(.sticky_promobar:not(.hide)) {
  --sticky-promobar-height: 48px;
}
@media (min-width: 768px) {
  :root {
    --container-padding: 32px;
  }
}
@media (min-width: 1200px) {
  :root {
    --container-padding: 32px;
  }
}
@media (min-width: 1532px) {
  :root {
    --header-padding-bottom: 32px;
    --header-height: 112px;
  }
}
@media (min-width: 1500px) {
  :root {
    --media-center-sidebar-width: 450px;
  }
}
@media (min-width: 768px) {
  :root {
    --spacer-sx: 32px;
    --spacer-s: 65px;
    --spacer-m: 80px;
    --spacer-l: 180px;
  }
}

/* MIXINS */
@media (min-width: 911px) {
  .swbt-override--black .location .location_background_filter {
    background-image: linear-gradient(to bottom, rgba(22, 46, 70, 0), #162e46);
  }
  .location {
    position: relative;
  }
  .location .location_background_filter {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(22, 46, 70, 0), #162e46);
    top: 0;
  }
  .location .bg_img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
  }
  .location .bg_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top left;
  }
  .location .location_content_grid {
    display: grid;
    grid-template-columns: minmax(15px, calc((100vw - 1500px) / 2)) minmax(15px, 750px) minmax(15px, 750px) minmax(15px, calc((100vw - 1500px) / 2));
    grid-template-rows: auto auto;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    position: relative;
    top: 0;
    z-index: 2;
  }
  .location .location_content_grid .location_header_block {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-column-end: 4;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .location .location_content_grid .location_header_block .location-slider-controlls {
    display: none;
  }
  .location .location_content_grid .location_map {
    grid-row-start: 2;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-column-end: 4;
    text-align: center;
    position: relative;
  }
  .location .location_content_grid .location_map .location_map_img {
    height: 1000px;
    width: 870px;
    object-fit: contain;
    object-position: center;
  }
  .location .location_content_grid .location_map .locations_wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    width: 870px;
    height: 100%;
    transform: translate(-50%, 0%);
    /*
    .belgien{
        top: 620px;
        left: 210px
    }
    .daenemark{
        top: 450px;
        left: 270px;
    }
    .deutschland{
        top: 600px;
        left: 300px;
    }
    .finnland{
        top: 300px;
        left: 530px;
    }
    .frankreich{
        top: 700px;
        left: 150px;
    }
    .niderlande {
        top: 545px;
        left: 230px;
    }
    .oestereich {
        top: 680px;
        left: 350px;
    }
    .polen {
        top: 570px;
        left: 450px;
    }
    .portugal {
        top: 850px;
        left: 0px;
    }
    .schweden {
        top: 400px;
        left: 360px;
    }
    .schweiz {
        top: 700px;
        left: 250px;
    }
    .spanien {
        top: 830px;
        left: 100px;
    }
    .england {
        top: 580px;
        left: 100px;
    }*/
  }
  .location .location_content_grid .location_map .locations_wrapper .aachen {
    top: 590px;
    left: 250px;
  }
  .location .location_content_grid .location_map .locations_wrapper .besigheim {
    top: 730px;
    left: 400px;
  }
  .location .location_content_grid .location_map .locations_wrapper .grosswallstadt {
    top: 650px;
    left: 420px;
  }
  .location .location_content_grid .location_map .locations_wrapper .halle {
    top: 500px;
    left: 580px;
  }
  .location .location_content_grid .location_map .locations_wrapper .cologne {
    top: 570px;
    left: 275px;
  }
  .location .location_content_grid .location_map .locations_wrapper .magdeburg {
    top: 450px;
    left: 570px;
  }
  .location .location_content_grid .location_map .locations_wrapper .ulm {
    top: 780px;
    left: 440px;
  }
  .location .location_content_grid .location_map .locations_wrapper .wiesbaden {
    top: 630px;
    left: 300px;
  }
  .location .location_content_grid .location_map .locations_wrapper .waardenburg {
    top: 505px;
    left: 130px;
  }
  .location .location_content_grid .location_map .locations_wrapper .kontich {
    top: 580px;
    left: 100px;
  }
  .location .location_content_grid .location_map .locations_wrapper .basel {
    top: 850px;
    left: 310px;
  }
  .location .location_content_grid .location_map .locations_wrapper .jona {
    top: 880px;
    left: 380px;
  }
  .location .location_content_grid .location_map .locations_wrapper .luzern {
    top: 900px;
    left: 320px;
  }
  .location .location_content_grid .location_map .locations_wrapper .wettingen {
    top: 860px;
    left: 340px;
  }
  .location .location_content_grid .location_map .locations_wrapper .kopenhagen {
    top: 150px;
    left: 550px;
  }
  .location .location_content_grid .location_map .locations_wrapper .malmoe {
    top: 170px;
    left: 600px;
  }
  .location .location_content_grid .location_map .projekt {
    position: absolute;
    width: 55px;
  }
  .location .location_content_grid .location_map .projekt .marker {
    z-index: 5;
    height: 55px;
  }
  .location .location_content_grid .location_map .projekt .marker img {
    height: 55px;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(267deg) brightness(204%) contrast(102%);
  }
  .location .location_content_grid .location_map .projekt .projekt_content {
    display: none;
    position: absolute;
    background-color: #000;
    text-align: left;
    z-index: 10;
    width: 350px;
    margin-left: -175px;
  }
  .location .location_content_grid .location_map .projekt .projekt_content .projekt_headline {
    font-size: 16px;
    font-weight: 500;
    padding-top: 40px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 10px;
  }
  .location .location_content_grid .location_map .projekt .projekt_content .projekt_text {
    font-size: 15px;
    padding-left: 50px;
    padding-right: 50px;
  }
  .location .location_content_grid .location_map .projekt .projekt_content .projekt_button {
    min-height: 50px;
    vertical-align: middle;
    padding-left: 50px;
    width: 100%;
    margin-top: 20px;
    display: flex;
  }
  .location .location_content_grid .location_map .projekt .projekt_content .projekt_button .location_btn {
    height: auto;
    width: 100%;
    display: block;
    vertical-align: middle;
  }
  .location .location_content_grid .location_map .projekt .projekt_content .projekt_button .location_btn .location_buttonrow {
    height: 100%;
    width: 100%;
    padding-right: 50px;
    display: flex;
    align-items: flex-end;
    position: relative;
  }
  .location .location_content_grid .location_map .projekt .projekt_content .projekt_button .location_btn .readmore_btn {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 50px;
    width: 50px;
    height: 50px;
    width: 50px;
    padding: 15px;
    padding-top: 13px;
  }
  .location .location_content_grid .location_map .projekt .projekt_content .projekt_button .location_btn .readmore_btn img {
    transform: rotate(180deg);
    height: 20px;
    width: 20px;
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(225deg) brightness(105%) contrast(103%);
  }
  .location .location_content_grid .location_map .projekt.aachen .projekt_content, .location .location_content_grid .location_map .projekt.wiesbaden .projekt_content, .location .location_content_grid .location_map .projekt.grosswallstadt .projekt_content, .location .location_content_grid .location_map .projekt.besigheim .projekt_content, .location .location_content_grid .location_map .projekt.ulm .projekt_content, .location .location_content_grid .location_map .projekt.basel .projekt_content, .location .location_content_grid .location_map .projekt.wettingen .projekt_content, .location .location_content_grid .location_map .projekt.luzern .projekt_content, .location .location_content_grid .location_map .projekt.jona .projekt_content {
    bottom: 55px;
  }
  .location .location_content_grid .location_map .projekt:hover .projekt_content {
    display: block;
  }
  #show_overflow {
    overflow: unset;
  }
}
@media (max-width: 910px) {
  .location {
    position: relative;
  }
  .location .location_background_filter {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent, #162E46);
    top: 0;
  }
  .location .bg_img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
  }
  .location .bg_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .location .location_content_grid {
    display: grid;
    grid-template-columns: minmax(15px, calc((100vw - 1500px) / 2)) minmax(15px, 750px) minmax(15px, 750px) minmax(15px, calc((100vw - 1500px) / 2));
    grid-template-rows: auto auto;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    position: relative;
    top: 0;
    z-index: 2;
  }
  .location .location_content_grid .location_header_block {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-column-end: 4;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 95px;
  }
  .location .location_content_grid .location_header_block .location-slider-controlls {
    display: block;
    margin-top: 35px;
  }
  .location .location_content_grid .location_header_block .location-slider-controlls .location_slider_buttons {
    display: flex;
    position: absolute;
    right: 65px;
  }
  .location .location_content_grid .location_header_block .location-slider-controlls .location_slider_buttons .location_slider_prev {
    height: 60px;
    width: 60px;
    padding: 15px;
    margin-right: 30px;
  }
  .location .location_content_grid .location_header_block .location-slider-controlls .location_slider_buttons .location_slider_prev img {
    height: 30px;
    width: 30px;
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(225deg) brightness(105%) contrast(103%);
  }
  .location .location_content_grid .location_header_block .location-slider-controlls .location_slider_buttons .location_slider_next {
    background-color: #DEDC00;
    background-image: linear-gradient(90deg, #DEDC00 0%, #FCFCA8 100%);
    height: 60px;
    width: 60px;
    padding: 15px;
    margin-right: -20px;
  }
  .location .location_content_grid .location_header_block .location-slider-controlls .location_slider_buttons .location_slider_next img {
    transform: rotate(180deg);
    height: 30px;
    width: 30px;
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(225deg) brightness(105%) contrast(103%);
  }
  .location .location_content_grid .location_map {
    grid-row-start: 2;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-column-end: 4;
    text-align: center;
    position: relative;
  }
  .location .location_content_grid .location_map .location_map_img {
    height: 500px;
    width: 870px;
  }
  .location .location_content_grid .location_map .locations_wrapper {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
  }
  .location .location_content_grid .location_map .locations_wrapper .projekt {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
  }
  .location .location_content_grid .location_map .locations_wrapper .projekt .marker {
    z-index: 5;
    height: 75px;
    position: absolute;
    right: 5px;
    top: 10px;
  }
  .location .location_content_grid .location_map .locations_wrapper .projekt .marker img {
    height: 75px;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(267deg) brightness(104%) contrast(102%);
  }
  .location .location_content_grid .location_map .locations_wrapper .projekt .projekt_content {
    background-color: #000;
    text-align: left;
  }
  .location .location_content_grid .location_map .locations_wrapper .projekt .projekt_content .projekt_headline {
    font-size: 16px;
    font-weight: 500;
    padding-top: 70px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 10px;
  }
  .location .location_content_grid .location_map .locations_wrapper .projekt .projekt_content .projekt_text {
    font-size: 15px;
    padding-left: 50px;
    padding-right: 50px;
  }
  .location .location_content_grid .location_map .locations_wrapper .projekt .projekt_content .projekt_button {
    min-height: 50px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 50px;
    width: 100%;
    margin-top: 20px;
    display: flex;
  }
  .location .location_content_grid .location_map .locations_wrapper .projekt .projekt_content .projekt_button .location_btn {
    height: auto;
    width: 100%;
    display: block;
    vertical-align: middle;
  }
  .location .location_content_grid .location_map .locations_wrapper .projekt .projekt_content .projekt_button .location_btn .location_buttonrow {
    height: 100%;
    width: 100%;
    padding-right: 50px;
    align-items: flex-end;
    display: flex;
    align-items: center;
    position: relative;
  }
  .location .location_content_grid .location_map .locations_wrapper .projekt .projekt_content .projekt_button .location_btn .readmore_btn {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 50px;
    width: 50px;
    height: 50px;
    width: 50px;
    padding: 15px;
    padding-top: 13px;
  }
  .location .location_content_grid .location_map .locations_wrapper .projekt .projekt_content .projekt_button .location_btn .readmore_btn img {
    transform: rotate(180deg);
    height: 20px;
    width: 20px;
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(225deg) brightness(105%) contrast(103%);
  }
}
@media (max-width: 910px) {
  .location .location_content_grid .location_map .location_map_img {
    object-fit: contain;
  }
}
/*# sourceMappingURL=location.css.map */