@charset "UTF-8";
:root {
    /* ------------------
        typo 
    ------------------ */
    --step_800: clamp(1.5rem, 1.4022rem + 0.4348vw, 2rem);
    --step_700: 1.5rem;
    --step_600: 1.125rem;
    --step_500: 1rem;
    --step_400: 0.875rem;
    --step_300: 0.75rem;

    --step_spacer_128: clamp(4rem, 3.2174rem + 3.4783vw, 8rem);
    --step_spacer_80: clamp(2.5rem, 2.0109rem + 2.1739vw, 5rem);
    --step_spacer_64: clamp(2rem, 1.6087rem + 1.7391vw, 4rem);
    --step_spacer_40: clamp(1.25rem, 1.0054rem + 1.087vw, 2.5rem);

    --fs_800: var(--step_800, 2rem); /* h1, Boden Check = 32px/2rem */
    --fs_700: var(--step_700, 1.5rem); /* map-overlay = 24px/1.5rem */
    --fs_600: var(--step_600, 1.125rem); /* Copy Text = 18px/1.125rem */
    --fs_500: var(--step_500, 1rem); /* h2, h3 = 16px/1rem */
    --fs_400: var(--step_400, 0.875rem); /* Copy Text Card = 14px/0.875rem */
    --fs_300: var(--step_300, 0.75rem); /* Buttons, h6 = 12px/0.75rem  */

    --lh_800: 2.25rem; /* h1 = 36px/2.25rem */
    --lh_700: 1.5rem; /* map-overlay = 24px/1.5rem */
    --lh_600: 2rem; /* Copy Text = 32px/2rem */
    --lh_500: 1.188rem; /* h2, h3 = 19px/1.188rem */
    --lh_400: 1.25rem; /* Copy Text Card = 20px/1.25rem */
    --lh_300: 0.75rem; /* Buttons = 12px/0.75rem */
    
    /* ------------------
		spacing
	------------------ */
    --primary_header_height: clamp(5.00rem, 4.80rem + 0.87vw, 6.00rem);
    --primary_header_padding_inline: clamp(1.00rem, 0.61rem + 1.74vw, 3.00rem);
    --content-width: 90%;
    
    --spacer_128: var(--step_spacer_128, 8rem); /* 8rem */
    --spacer_80: var(--step_spacer_80, 5rem); /* 5rem */
    --spacer_64: var(--step_spacer_64,4rem); /* 4rem */
    --spacer_40: var(--step_spacer_40, 2.5rem); /* 2.5rem */
    /*
    --spacer_280: clamp(2.00rem, calc(0.67rem + 5.93vw), 6.00rem); /* ab 1400px = clamp(6.00rem, calc(-15.79rem + 24.21vw), 17.50rem) 
    --spacer_160: clamp(2.00rem, calc(0.67rem + 5.93vw), 6.00rem); /* ab 1400px = clamp(6.00rem, calc(-1.58rem + 8.42vw), 10.00rem) 
    --spacer_96: clamp(3.00rem, calc(2.41rem + 2.61vw), 6.00rem);
    --spacer_64: clamp(2.00rem, calc(1.61rem + 1.74vw), 4.00rem); 
    --spacer_48: clamp(2.00rem, calc(0.11rem + 2.11vw), 3.00rem); 
    */

    --btn_padding_inline: clamp(0.75rem, calc(0.70rem + 0.25vw), 1.50rem);
    --btn_padding_block: 0.75rem;

    --card_padding: 2.125rem;

    /* ------------------
		color
	------------------ */    
    --green_light: var(--colorAppSDC);
    --green_light_hover: var(--colorAppHoverSDC);

    --colorApp: var(--colorAppSDC);
    --green_light: var(--colorAppSDC);
    --green_light_hover: var(--colorAppHoverSDC);
    --gradient_bg_green: transparent linear-gradient(139deg, #2B3545 0%, #497872 23%, #69BFA2 100%) 0% 0% no-repeat padding-box;
    --cc_overlay_backgroundColor: rgba(255, 255, 255, 0.7);
    --cc_modal_backgroundColor: #fff;
    --cc_body_text_color: inherit;
    --cc_checkbox_button_backgroundColor: #a6a6a6;
    --cc_color_active_indicator: var(--colorAppSDC);
    --cc_checkbox_button_color: #fff;
    --cc_btn_text_color: #fff;
    --cc_btn_border_color: var(--cc_color_active_indicator);

    /* ------------------
		style
	------------------ */
    --boxShadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.3);
	--borderRadius: 4px;   
}

@font-face {
	font-family: regular;
	font-weight: 400;
	font-style: normal;
	src: url(../../../general/fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
}
@font-face {
	font-family: medium;
	font-weight: 400;
	font-style: normal;
	src: url(../../../general/fonts/Montserrat/Montserrat-Medium.ttf) format("truetype");
}
@font-face {
	font-family: semi-bold;
	font-weight: 400;
	font-style: normal;
	src: url(../../../general/fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype");
}
@font-face {
	font-family: bold;
	font-weight: 400;
	font-style: normal;
	src: url(../../../general/fonts/Montserrat/Montserrat-Bold.ttf) format("truetype");
}

/* ------------------
	General 
------------------ */
html {
	scroll-behavior: smooth;
}

/*
*, ::after, ::before {
    box-sizing: border-box;
}
*/

.btn {
    position: relative;
    border: 1px solid var(--colorAppMall);
    border-radius: var(--borderRadius); 
    outline: none;   
    display: inline-flex;
    align-items: center;
    padding: var(--btn_padding_block) var(--btn_padding_inline);
    font-family: regular;
    font-size: var(--fs_300);
    line-height: var(--lh_300);
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.btn:hover,
.btn:focus {
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
}
.btn svg {
	position: relative;  
	margin-left: 1rem;
    font-size: var(--fs_500);
}

.btn.btn-primary {
    color: #fff;
    border: 1px solid var(--colorAppSDC);
    background-color: var(--colorAppSDC);
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    text-transform: uppercase;
    border: 1px solid var(--colorAppHoverSDC);
    background-color: var(--colorAppHoverSDC);
}

.btn.btn-news-readmore {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    text-transform: initial;
}

.text-center {
    text-align: center;
}

.cc-btn {
    background-color: var(--cc_color_active_indicator);
    border: 1px solid var(--cc_btn_border_color);
    color: var(--cc_btn_text_color);
}
.cc-btn.cc-btn-default:hover {
    background-color: var(--colorAppHoverSDC);
}
.cc-btn-ghost {
    background-color: transparent;
    border: 1px solid var(--cc_color_active_indicator);
    color: var(--n1Blue);
}
.cc-btn-ghost:hover {
    background-color: var(--cc_color_active_indicator);
    border: 1px solid var(--cc_btn_border_color);
    color: var(--cc_btn_text_color);
}
.cc-btn {
    margin-bottom: 0;
}

/* ------------------
    Typo 
------------------ */
body,
html {
	color: var(--n1Blue);
	font-family: regular;
	font-weight: 400;
	font-size: 16px;
}
body {
	font-size: var(--fs_600);
	line-height: var(--lh_600);
    margin: 0;
    padding: 0;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
p {
    margin: 0;
    padding: 0;
}

h1, .h1 {
    font-family: regular;
    font-size: var(--fs_800);
    line-height: var(--lh_800);
    color: var(--colorAppSDC);
    margin-bottom: var(--spacer_40);
}
h2, .h2,
h3, .h3  {
    font-family: medium;
    font-size: var(--fs_500);
    line-height: var(--lh_500);    
}
h4, .h4 {
    font-family: regular;
    font-size: var(--fs_300);
    line-height: var(--lh_300); 
    margin-bottom: 1.75rem;
}

h2, .h2 {
    margin-bottom: 1rem;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

section a {
    text-decoration: none;
    color: var(--colorAppSDC);
}
section a:hover,
section a:focus {
    text-decoration: none;
    color: var(--colorAppHoverSDC);
}

.hl-with-hr, p {
    margin-bottom: var(--spacer_40);
}
img {
    max-width: 100%;
}

.card p,
.slider-card p {
    font-size: var(--fs_400);
    line-height: var(--lh_400);
}

.footer-content a,
.footer-content span {
    font-size: var(--fs_300);
	line-height: var(--lh_400);
}
.footer-content a,
.imprint a,
.legal a {
    color: var(--n1Blue);
    text-decoration: underline;
}
.footer-content a:hover,
.footer-content a:focus,
.imprint a:hover,
.imprint a:focus,
.legal a:hover,
.legal a:focus {
    color: var(--colorAppSDC);
    text-decoration: underline;
}

/* ------------------
	Structure 
------------------ */
.primary-header {
    position: fixed;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: var(--primary_header_height);
    padding-inline: var(--primary_header_padding_inline);
    background-color: #fff;
    box-shadow: var(--boxShadow);
    z-index: 100;
}
.primary-header .header-logo {
    position: relative;
    max-height: var(--primary_header_height);    
    line-height: 1;

    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    gap: 2rem;
}
.primary-header .header-logo .app-logo img {
    max-height: 100%;
    max-width: 100%;
    width: 8rem;
}
.primary-header .header-logo .app-info {
    display: none;
}
.primary-header .header-logo .app-info .selected-company {
    font-family: medium;
    font-size: 0.6875rem;
    margin-bottom: 0.25rem;
    line-height: 1.1;
}
.primary-header .header-logo .app-info .selected-app {
    font-family: semi-bold;
    font-size: var(--headlineSizeLevel2);
    margin-bottom: 0;
}

.header-cta {
    display: none;
}
.header-cta.mobile-only {
    display: inline-flex;
    position: absolute;
    bottom: 1.5rem;
    line-height: 1.2;
    margin-left: calc(50% - 6rem);
    z-index: 50;    
}

.content {
    margin-top: var(--primary_header_height); 
}

.map-section {
    position: relative;
}
.map-overlay {
    display: none;
    position: absolute;
    top: 0;    
    left: 0;
    right: 0;
    height: var(--spacer_64);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    background-color: rgba(105, 191, 162, 0.9);
    z-index: 50;
}

.map-container {
    width: 100%;
    height: calc(100vh - 25rem);
    margin-bottom: var(--spacer_80); 
}

.content-section {
    position: relative;
    width: var(--content-width);
    margin: 0 auto var(--spacer_128);
}

.welcome-section > p:last-of-type {
    margin-bottom: var(--spacer_80);
}
.welcome-section hr {
    width: 10rem;
    margin: var(--spacer_80) auto var(--spacer_40);
}

.clusterbuero {
    text-align: center;
}
.clusterbuero img {
   width: 12rem;
   margin-bottom: 1rem;
}
.clusterbuero img:last-child {
   margin-top: 1rem;
}
.clusterbuero a {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    color: var(--colorAppSDC);
    font-family: medium;
    text-decoration: none;
}
.clusterbuero a svg {
    position: relative;
    top: 0.1rem;
    font-size: 1.2rem;
    margin-right: 0.3rem;    
}
.cluster-info p {
    margin-bottom: 0;
}

header.hl-with-hr hr {
    display: none;
}
.news-section{
    margin-bottom: var(--spacer_40) !important; 
}
.news-section h6 {
    font-size: 1rem;
    margin: 0 0 0.5rem;   
} 

/* slider styles */
.slider-wrap {
    --control_size: 2rem;
    --control_color_dark: hsl(0, 0%, 60%);
    --control_color_light: hsl(0, 0%, 89%);
}
.tns-outer {
    position: relative;
    width: 86%;
    margin-inline: auto;
}
.tns-slider {
    display: flex;
}
ul.controls {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.controls [data-controls] {
    border: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    z-index: 1;
    background: transparent;
    cursor: pointer;
}
ul.controls [data-controls="prev"] {
    left: 0;
}
ul.controls [data-controls="next"] {
    right: 0;
}
ul.controls [data-controls] svg {
    font-size: var(--control_size);
    color: var(--control_color_dark);
}
ul.controls [data-controls].disabled {
    cursor: initial;
}
ul.controls [data-controls].disabled svg {
    color: var(--control_color_light);
}

.slider-card .slider-card-bg {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 2rem;
}
.slider-card[data-category="News"] .slider-card-bg {
    background-color: var(--colorAppSDC);
    color: #fff;
}
.slider-card[data-category="Schulungen"] .slider-card-bg {
    background-color: #79847F;
    color: #fff;
}

.slider-card p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.more-apps-section header {
    margin-bottom: calc(clamp(2rem, calc(1.79rem + 0.97vw), 3rem) + 1rem);
}

/* App Slider */
.app-slider-wrap {
    width: var(--slider_width);
    max-width: var(--slider_maxwidth);
    margin: 0 auto;
    position: relative;
}
.app-slider-wrap ul.controls {
    list-style: none;
    position: absolute;
    width: 100%;
}
.app-slider-wrap.app-slider ul.controls {
    top: calc(50% - 1rem);
}
.app-slider-wrap ul.controls li {
    position: absolute;
    font-size: 1.6rem;
    color: var(--blue);
    cursor: pointer;
 }
.app-slider-wrap ul.controls .prev {
   left: 0;
}
.app-slider-wrap ul.controls .next {
   right: 0;
}    
.app-slider .app-img img {
    display: none;
    width: 60rem;
    margin-bottom: 0;
 }
.app-slider .app-info {
    text-align: left;
 }
.app-slider .app-info > div {
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 1.2rem;
    font-family: 'semi-bold';
    margin-bottom: clamp(2rem, calc(1.79rem + 0.97vw), 3rem);
}
.app-slider .app-info img {
    width: 3rem;
    margin: 0 1rem 0 0;
 }
 .app-slider .app-info p {
    margin-bottom: clamp(2rem, calc(1.79rem + 0.97vw), 3rem);
 }
 .app-slider .app-info ul {
    list-style: initial;
    padding-left: 1.5rem;
 }

 .additional-section .somelogos {
    --logo_column_count: 2;
    
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(var(--logo_column_count), 1fr);
    width: 100%;
    margin: 0 auto;
 }
 .additional-section .somelogos img {
    max-width: 6.5rem;
 }

.content-sub {
    width: var(--content-width);
    min-height: calc(100vh - 32.5rem);
    margin: calc(var(--primary_header_height) + var(--spacer_80)) auto var(--spacer_80);
}
.content-sub .breadcrumb {
    margin-bottom: 1rem;
}
.content-sub .breadcrumb a {
    font-family: medium;
    font-size: var(--step_400);
	line-height: var(--lh_400);
}
.content-sub .breadcrumb a,
.content-sub .breadcrumb a:hover,
.content-sub .breadcrumb a:focus {
    color: var(--n1Blue);
    text-decoration: none;
}
.content-sub .breadcrumb svg {
    color: var(--colorAppSDC);
    margin-right: 0.5rem;
}
.content-sub .blog-section {
    margin-bottom: var(--spacer_128);
}
.content-sub .blog-section .blog-text h3{
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: var(--colorAppSDC);
}
.content-sub .blog-section .blog-text .btn{
    margin-top: 0.5rem;
}
.content-sub .blog-img img {
    aspect-ratio: 16/9;
    margin-bottom: var(--spacer_40);
    object-fit: contain;
}
.content-sub .news-section {
    position: relative;
}

.content-sub.imprint h2,
.content-sub.legal h2 {
    font-family: medium;
    font-size: var(--fs_600);
    line-height: var(--lh_600);
}
.content-sub.imprint h3,
.content-sub.legal h3 {
    font-family: medium;
    font-size: var(--fs_500);
    line-height: var(--lh_500);
}
.content-sub.legal h4 {
    font-family: medium;
    font-size: var(--fs_400);
    line-height: var(--lh_400);
}

.cards {
    --cards_column_count: 1;
    
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(var(--cards_column_count), 1fr);
}
.card {
    text-align: left;
    box-shadow: var(--boxShadow);

    border: none;
}
.card-header {
    padding: 0;
    background-color: transparent;
}
.card .card-header img{
    height: 12rem;
    width: 100%;
}
.card .card-body {
    padding: var(--card_padding) var(--card_padding);
}
.card .card-body p {
    margin-bottom: 0;
}
.card .card-footer {
    padding: 0 var(--card_padding) var(--card_padding);
    border: none;
    background-color: transparent;
}

.card .card-header.special{
    display: flex;
    justify-content: center;
}
.card .card-header.special img{
    width: auto;
}

.select2-container .select2-selection--single {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    border-color: var(--n1Blue) !important;
    outline: 0 !important;
    line-height: var(--inputLineHeight) !important;
    height: var(--singleInputHeight) !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
    font-size: var(--inputFontSize) !important;
    font-family: regular;
}
.select2-container--default .select2-selection .select2-selection__rendered {
    line-height: var(--inputLineHeight) !important;
    font-size: var(--inputFontSize) !important;
    font-family: regular !important;
    color: var(--n1Blue) !important;
    padding: 0 1.625rem 0 0.375rem !important;
    height: var(--singleInputHeight) !important;
}
.select2-container--default .select2-selection .select2-selection__arrow {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    -webkit-transition: 0.3s !important;
    transition: 0.3s !important;
    height: var(--singleInputHeight) !important;
    width: 1.875rem !important;
    line-height: var(--inputLineHeight) !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    pointer-events: none !important;
}
.select2-container--default .select2-selection .select2-selection__arrow::before {
    background: url(../../img/landingpage/icon-arrow-down.svg) no-repeat;
    content: "";
    cursor: pointer;
    height: 7px;
    right: 10px;
    top: 8px;
    width: 12px;
    transition: all 0.2s;
}
.select2.select2-container.select2-container--open .select2-selection__arrow::before {
    background: url(../../img/landingpage/icon-arrow-down.svg) no-repeat;
    content: "";
    cursor: pointer;
    height: 7px;
    right: 10px;
    top: 8px;
    width: 12px;
    transform: rotate(180deg);
    transition: all 0.2s;
}
.select2-container--default .select2-selection .select2-selection__arrow b,
.select2-container--default .select2-search--dropdown {
    display: none;
}
.select2-container--default.select2-container--open .select2-dropdown--below {
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid var(--n1Blue);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    font-family: regular;
    font-size: 12px;
}
.select2-container--default .select2-results {
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}
.select2-container--default .select2-results__option {
    background: hsl(0, 0%, 100%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-family: regular;
    font-size: 11px;
    margin-bottom: 0;
    padding: 5px 10px;
    position: relative;
    word-break: break-word;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--colorAppSDC) !important;
}

.hl-with-hr.with-dropdown .select2-container--default {
    width: 15rem !important;
}
.hl-with-hr.with-dropdown .select2-container {
    margin-left: 2rem;
}

/* tooltip map */
.map-container .gm-style .gm-style-iw-c {
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	top: 0;
	left: 0;
	transform: translate3d(-50%, -100%, 0);
	background-color: hsl(0, 0%, 100%);
	border-radius: 0;
    border: 1px solid var(--colorAppSDC);
	-webkit-box-shadow: 3px 3px 6px rgb(0 0 0 / 30%);
	box-shadow: 3px 3px 6px rgb(0 0 0 / 30%);
	z-index: 24;
	max-width: 370px !important;
	padding: 0;
}
.map-container .slick-slider {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.gm-style .top-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	position: relative;
}
.gm-style .top-content .info {
	margin-top: 0.2rem;
	width: 100%;
    position: relative;
}
.gm-style .top-content .info h4 {
	font-size: 13px;
	line-height: 1.2;
	font-family: semi-bold;
	margin-top: 0;
	word-break: break-all;
	margin-bottom: 0;
	text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 92%;
    overflow: hidden;
}
.gm-style .top-content .info svg {
	position: absolute;
    right: 0.3rem;
}
.gm-style .top-content {
	margin-bottom: 1.5rem;
}
.gm-style .top-content .icon {
	display: block !important;
	position: absolute;
	top: 0;
	left: -1.2rem;
	width: 1rem;
}
.gm-style .top-content .icon img {
	width: 100%;
}
.gm-style .top-content .icon svg[data-prefix*="n1"] {
	font-size: 0.8rem;
}
.gm-style .top-content .icon svg[data-icon*="kippstelle"] {
	position: relative;
	top: 0.2rem;
}

.gm-style .map-definition-table {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0;
}
.gm-style .map-definition-table dt,
.gm-style .map-definition-table dd {
	margin-bottom: 1rem;
}
.gm-style .map-definition-table dt {
	width: 9rem;
	font-weight: 500;
}
.gm-style .map-definition-table dd {
	width: 8rem;
}

.map-container .gm-style .gm-style-iw-t .gm-style-iw-c .gm-style-iw-d {
	padding: 0;
	overflow-x: hidden !important;
}
.map-container .gm-style .gm-style-iw-t .gm-style-iw-c button {
	display: none;
	right: 0.2rem !important;
}
.map-container .gm-style .gm-style-iw-t .gm-style-iw-c button[title="Close"] {
	top: 0.2rem !important;
}
.map-container
	.gm-style
	.gm-style-iw-t
	.gm-style-iw-c
	button[aria-label="Schließen"] {
	top: 0 !important;
	right: 0 !important;
}

.map-container
	.gm-style
	.gm-style-iw-t
	.gm-style-iw-c
	.locations-carousel
	.icon {
	display: none;
}
.map-container .gm-style .gm-style-iw-t .gm-style-iw-c .info-window {
	/* padding: 1.5rem 2rem 1.5rem 2.2rem; */
	padding: 0 2rem 1.5rem 2.2rem;
}
.map-container .gm-style .gm-style-iw-chr button span{
	margin: 0 !important;
	margin-left: 12px !important;
}
.map-container .gm-style .gm-style-iw-chr button{
	height: auto !important;
}
.map-container .gm-style .gm-style-iw-chr{
	margin-top: 0.75rem;
}

.map-container
	.gm-style
	.gm-style-iw-t
	.gm-style-iw-c
	.info-window
	.top-content
	.info
	p,
.map-container
	.gm-style
	.gm-style-iw-t
	.gm-style-iw-c
	.info-window
	.info-window-link {
	font-size: 11px;
	line-height: 13px;
	font-family: medium;
}
.map-container
	.gm-style
	.gm-style-iw-t
	.gm-style-iw-c
	.info-window
	.top-content
	.info
	p {
	margin-top: 1.5rem;
}
.map-container
	.gm-style
	.gm-style-iw-t
	.gm-style-iw-c
	.info-window
	.top-content
	.info
	p:last-child {
	margin-bottom: 0;
}
.map-container .gm-style .gm-style-iw-t .gm-style-iw-c .info-window .depots {
	margin-top: 10px;
	width: 100%;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.map-container .gm-style .gm-style-iw-t .gm-style-iw-c .info-window .depots p {
	font-size: 11px;
	line-height: 16px;
	font-family: medium;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.map-container
	.gm-style
	.gm-style-iw-t
	.gm-style-iw-c
	.info-window
	.depots
	p:first-child {
	margin-right: 30px;
}
.map-container
	.gm-style
	.gm-style-iw-t
	.gm-style-iw-c
	.info-window
	.depots
	p
	.count {
	color: hsl(0, 0%, 100%);
	font-size: 11px;
	line-height: 18px;
	font-family: semi-bold;
	width: 30px;
	height: 30px;
	margin-left: 7px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: var(--colorApp);
}
.map-container
	.gm-style
	.gm-style-iw-t
	.gm-style-iw-c
	.info-window
	.info-window-link {
	margin-top: 1rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.map-container
	.gm-style
	.gm-style-iw-t
	.gm-style-iw-c
	.info-window
	.info-window-link
	svg {
	margin-right: 0.5rem;
    color: var(--colorAppSDC);
	font-size: 1rem;
}
.map-container
	.gm-style
	.gm-style-iw-t
	.gm-style-iw-c
	.info-window
	.info-window-link:hover
	svg {
    color: var(--colorAppSDC);
}
.map-container .gm-style .gm-style-iw-t::after {
	z-index: 25;
	background: hsl(0, 0%, 100%);
	border-left: 1px solid var(--colorApp);
	border-bottom: 1px solid var(--colorApp);
}

.map-tooltip-link {
	margin-top: 0.5rem;
	margin-left: 0;
}
.map-tooltip-link {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: var(--n1Blue);
	width: 100%;
}
.map-tooltip-link span {
	font-size: 11px;
	line-height: 13px;
	font-family: medium;
	margin-right: 0.3rem;
}

.slick-slider .slick-arrow {
	z-index: 99999;
	display: block !important;
	bottom: 7px;
	top: inherit;
	-webkit-transform: inherit;
	-ms-transform: inherit;
	transform: inherit;
	height: 25px;
}
.slick-slider .slick-arrow.slick-prev,
.slick-slider .slick-arrow.slick-next {
	position: absolute;
	bottom: 0.5rem;
}
.slick-slider .slick-arrow.slick-prev {
	left: 0.5rem;
}
.slick-slider .slick-arrow.slick-next {
	right: 0.5rem;
}
.slick-slider .slick-arrow.slick-next:before {
	content: "\203A";
	color: var(--n1Blue);
}
.slick-slider .slick-arrow.slick-prev:before {
	content: "\2039";
	color: var(--n1Blue);
}
.slick-slider .slick-arrow.slick-prev svg,
.slick-slider .slick-arrow.slick-next svg {
	font-size: 1rem;
	color: var(--n1Blue);
}
.slick-slider .slick-arrow.slick-disabled {
	cursor: not-allowed;
}
.slick-slider .slick-arrow.slick-disabled svg {
	color: var(--colorBorder);
}
.map-container
	.gm-style
	.gm-style-iw-t
	.gm-style-iw-c
	.locations-carousel
	.slide-count {
	margin-top: 15px;
	text-align: center;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	margin-bottom: 0.5rem;
	position: relative;
	bottom: 0.5rem;
	font-size: 11px;
	line-height: 13px;
	font-family: medium;
}

.cc-modal-body {
    max-height: 80vh;
}






footer {
    display: flex;
    justify-content: space-between;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: hsl(0, 0%, 89%);
    padding: 2rem;
    z-index: 100;
    box-shadow: 0.1875rem 0 0.375rem rgb(0 0 0 / 30%);
}
footer a, footer .myn1 {
    font-size: 0.75rem;
    font-family: medium;
    line-height: 1.4;
    color: #767676;
}
footer a {
    text-decoration: underline;
}
footer ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
footer .left-col {
   margin-bottom: 1rem;
}
footer .right-col {
   display: flex;
   align-items: center;
   text-align: right;
}
footer .right-col img {
    width: 5rem;
    margin-left: 1rem;
}


/* ************************* */
/* ***** media queries ***** */
/* ************************* */

@media (min-width: 31em) {  /* ca 490er Auflösung */

}

@media (min-width: 59em) {  /* ca 950er Auflösung */
    :root {
        --content-width: 80%;
        --spacer_160: clamp(6.00rem, calc(-1.58rem + 8.42vw), 10.00rem);
    }
    
    .primary-header .header-logo {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
    }
    

    .primary-header .header-logo .app-logo img {
        padding-left: 1rem;
    }
    .primary-header .header-logo .app-logo:first-child img {
        padding-left: 0;
    }
    .primary-header .header-logo .app-logo::before {
        content: "";
        border-left: 1px solid var(--n1Blue);
        height: 82px;
        position: absolute;
        top: 0;
    }
    .primary-header .header-logo .app-logo:first-child::before {
        content: "";
        border-left: none;
    }
    .primary-header .header-logo .app-logo {
        margin-right: 1rem;
    }
    .primary-header .header-logo .app-info {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-right: 1rem;
    }
    .primary-header .header-logo .app-logo img {
        width: 10rem;
    }

    .header-cta {
        display: inline-flex;
    }
    .header-cta.mobile-only {
        display: none;
    }

    
    .map-overlay {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .map-container {
        height: calc(100vh - 30rem);
    }
    .content-section {
        width: var(--content-width);
        padding-inline: 0; 
        margin-inline: auto;       
    }
    .welcome-section,
    .more-apps-section {
        text-align: center;
    }

    .clusterbuero {
        --col-width: 15rem;
        --col-gap: 2rem;
        
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        width: calc((var(--col-width) *3) + (var(--col-gap) *3));
        margin-inline: auto;
        text-align: left;
    }
    .clusterbuero img {
        width: var(--col-width);
        margin-bottom: 0;
        /* padding-right: var(--col-gap); */
     }
     .clusterbuero a {
         justify-content: center;
         padding-left: 0;
     }
    .cluster-info {
        width: var(--col-width);
        text-align: center;
        /* padding-left: var(--col-gap); */
    }

    .slider-wrap {
        --control_size: 3rem;
    }
    .tns-outer {
        width: 100%;
    }
    ul.controls [data-controls="prev"] {
        left: calc(var(--control_size) *-1);
    }
    ul.controls [data-controls="next"] {
        right: calc(var(--control_size) *-1);
    }

    .app-slider-wrap.app-slider {
        --slider_width: 100%;
        --slider_maxwidth: 100%;
        
        width: var(--slider_width);
        max-width: var(--slider_maxwidth);
    }

    .app-slider-wrap ul.controls li {
        font-size: 2rem;
     }
    .app-slider .app-item-wrap {
        display: flex;
        gap: 2rem;
     }
    .app-slider .app-img img {
        display: block;
     } 

     .additional-section .somelogos {
        --logo_column_count: 4;

        gap: 4;
        width: 90%;
     }
     .additional-section .somelogos img {
        max-width: 10rem;
    }

     .cards {
        --cards_column_count: 3;
    }

    header.hl-with-hr {
        display: flex;
        align-items: center;
    }
    header.hl-with-hr hr {
        display: inline-block;
        margin: 0;
        flex: 1;
        border: 1px solid var(--n1Blue);
        margin-left: 2rem;
    }

    footer {
       padding: 3rem;
    }
    .footer-content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: var(--content-width);
        margin-inline: auto;
    }
    .footer-content > div {
        width: 50%;
    }
    .footer-content .rightcol {
        justify-content: end;
    }
    .footer-content .rightcol img {
        width: 5rem;
        margin-left: 0.5rem;
    }
    .footer-content .leftcol {
        margin-bottom: 0;
    }
}

@media (min-width: 71em) {  /* ca 1100er Auflösung */

}

@media (min-width: 86em) {  /* ca 1400er Auflösung */
    :root {
        --map_container_height: 30rem; 
        --content-width: 72rem;
    }
    .content-section {
        width: var(--content-width);
    }
    .slider-wrap {
        --control_size: 4rem;
    }

    .app-slider-wrap.app-slider {
        --slider_width: 100%;
        --slider_maxwidth: calc(var(--content-width) - var(--spacer_80) * 2);

        width: var(--slider_width);
        max-width: var(--slider_maxwidth);
        box-shadow: var(--boxShadow);
        padding: var(--spacer_80);
    }
    .app-slider .app-img img {
        width: 50rem;
    }

    .app-slider-wrap ul.controls li {
        font-size: 2.6rem;
     }

     .clusterbuero {
        --col-width: 17rem;
    }
    .clusterbuero img {
        width: var(--col-width);
     }
    .clusterbuero img:last-child {
        margin-top: 0;
     }
     .clusterbuero a {
         justify-content: center;
         padding-left: 0;
     }
    .cluster-info {
        width: var(--col-width);
        text-align: center;
    }
}

@media (min-width: 118em) {  /* ca 1890er Auflösung */
    :root {
        --map_container_height: 36rem; 
    }

    .map-container {
        height: calc(100vh - 30rem); 
    }

    .clusterbuero a {
        font-size: 1.3rem;
    }
    .clusterbuero a svg {
        top: 0.3rem;
        font-size: 1.4rem;
    }

    .additional-section ul {
        columns: 3 24rem;
    }
}

@media (min-width: 137em) {  /* ca 2200er Auflösung */
    .map-container {
        height: calc(100vh - 40rem); 
    }
}