/* cmsms stylesheet: GoogleFonts modified: Montag, 14. April 2025 16:41:22 */
/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(http://pcservice.logistik-in-xxl.de/assets/templates/bs5-pcwesche2025/fonts/lato-v24-latin-regular.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(http://pcservice.logistik-in-xxl.de/assets/templates/bs5-pcwesche2025/fonts/lato-v24-latin-700.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cmsms stylesheet: Styles_PCSW modified: Montag, 14. April 2025 16:41:33 */
/* Basis-Farbvariablen mit Helligkeitsabstufungen */
:root {

    --btn-border-radius: 0 !important;
    /* Textfarbe */
    --color-black: #0b2161;
    --color-white: #fff;
    --color-grey: rgb(141, 143, 155);
  
    /* Primärfarbe (Basis, Hover und aktive Variante) */
    --color-primary: rgb(0, 131, 216);           /* Basis-Hintergrundfarbe */
    --color-primary-border: rgba(0, 131, 216, 0.94); /* Randfarbe, z. B. für Disabled */
    --color-primary-hover: rgba(0, 131, 216, 0.949); /* Hover-Hintergrund (leichte Abweichung) */
    --color-primary-dark: rgb(6, 134, 197);          /* Aktiv: dunklere Variante */
  
    /* Varianten für aktive und Disabled-Zustände */
    --color-secondary-active: rgba(6, 134, 197, 0.946);  /* Aktiv: Randfarbe */
    --color-secondary-disabled: rgba(6, 134, 197, 0.94); /* Disabled: Randfarbe */
  
    /* Schatten- und Fokuseffekte */
    --color-focus-shadow: 64, 169, 174;         /* RGB-Werte für Fokus-Schatten (.btn-primary) */
    --color-focus-shadow-outline: 77, 203, 209;   /* RGB-Werte für Fokus-Schatten (.btn-outline-*) */
    --color-shadow: rgba(0, 0, 0, 0.125);         /* Allgemeiner Schatten */
  }

/* Globals */
p {
    color: var(--color-grey);
    font-size: 1.125rem;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.herosection p,
.last-footer p {
    color: var(--color-white);
}
a {color: var(--color-primary);}
strong {
    color: var(--color-black);
}
sup {
    font-size:2.25em;
    font-weight:700;
}
/* Header */
.navbar-brand .small {
    font-size: 0.5rem;
    text-align: center;
    letter-spacing: .25rem;
    margin-top: -3px;
    color: var(--color-grey);
}

.navbar-brand img {
    mix-blend-mode: multiply;
}

@media (min-width: 576px) {
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.825rem;
        padding-left: 0.825rem;
        font-size: 1.125rem;
    }
}

.nav-links, .nav-link {
    color: var(--color-primary);
    margin: 0 10px;
    font-weight: 500;
}

.nav-links .nav-link:hover {
    color: rgba(77, 203, 209, 0.94);
}

.nav-link.active,
.nav-link:hover {
    border-bottom: 1px solid;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--color-primary);}
.nav-link:hover {
    border-color: var(--color-grey);
    color: var(--color-primary);
}

.herosection {
    background-image: url('http://pcservice.logistik-in-xxl.de/assets/templates/bs5-pcwesche2025/images/bgHeader.jpg');
    background-size: cover;
    background-position: center;
    padding: 50px 0;
    color: var(--color-white);
}

.spacer_top {
    padding-top: 4rem;
}

.spacer_bottom {
    padding-bottom: 5rem
}

/* Footer */
.logo-footer {
    border: 2px solid;
    padding: .25em;
    background: #ececec;
}
/* Optional: Größe der Icons */
.social-icons a {
    color: var(--color-black);
    margin: 0 5px;
    font-size: 1.2rem;
}

.social-icons a:hover {
    color: #007bff;
}

/* Last Footer */
/* Optional: Abstand zwischen den Listenelementen */
.last-footer .inline-list li {
    margin-right: 15px;
}

/* Entfernt den letzten rechten Margin */
.last-footer .inline-list li:last-child {
    margin-right: 0;
}

/* Optional: Styling für den Absatz und die Liste */
.last-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: .875rem;
}

.last-footer hr {
    flex-basis: 100%;
    border-top: 1px solid var(--color-grey);
    margin-bottom: 10px;
}
.footer address a {text-decoration: none}
@media (max-width:576px) {
    .footerlinks.inline-list {
        flex-direction: column !important;
        align-items: center;
        line-height: 2;
    }
}

.bg-dark {
    background-color: rgba(2, 37, 64, 1) !important;
    color: var(--color-white);
}

.bg-dark a,
.bg-dark a:hover,
.bg-dark a:visited {
    color: var(--color-white);
    transition: none;
}

.bg-dark a:active {
    color: #f4f4f4;
}

.bg-dark a.nav-link:hover {
    color: #f4f4f4;
}

.bg-dark a:hover {
    text-decoration: underline;
}

.last-footer a.text-decoration-none:hover {
    text-decoration: underline !important
}

/* LISE */
.card-body {
    background: #f2f2f2;
    -webkit-box-shadow: 10px -10px 60px 0px rgba(204, 204, 204, 0.54);
    -moz-box-shadow: 10px -10px 60px 0px rgba(204, 204, 204, 0.54);
    box-shadow: 10px -10px 60px 0px rgba(204, 204, 204, 0.54);
}

.card-text-element {
    letter-spacing: 0.025rem;
    padding: .25rem 0;
}

/* Module */
.partnerBox {
    display: block;
    border: 1px solid rgba(1, 1, 28, 0.15);
    padding: .625rem;
    height: 12.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

/* Cookie Consent */
.termsfeed-com---palette-light.termsfeed-com---nb {
    background-color: rgba(20, 20, 20, .9) !important;
    color: #fff!important;
}
.cc-nb-main-container * {
    color: #fff!important;
}
.termsfeed-com---palette-light .cc-nb-changep {
color:#000!important;
}

/* Teamviewer */
.teamviewer {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: .8125rem .9375rem;
    margin-bottom: 1.75rem;
    color: var(--color-black);
    text-transform: uppercase;
    letter-spacing: 1px
}

.teamviewer::before {
    content: "";
    /* Füge den content-Wert hinzu */
    background-image: url(http://pcservice.logistik-in-xxl.de/assets/templates/bs5-pcwesche2025/images/teamviewer.png);
    width: 1.875rem;
    height: 1.875rem;
    display: inline-block;
    margin-right: 1.125rem;
}

.cms_form {
    padding: 2rem;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.cms_form .form-check+.form-check {
    display: none;
}

.cms_submit.fbsubmit {
    border: none;
    background: transparent
}

.page_kontakt h1+.col-md-6 {
    border: 1px solid var(--color-grey);
    padding: 1.5rem;
    margin-bottom: 3rem;
}

.map-container {
    width: 100%;
    position: relative;
    padding-top: 25%;
    /* 4:1 Seitenverhältnis (100% / 4) */
    max-height: 300px;
    /* Obergrenze für große Bildschirme */
    min-height: 150px;
    /* Mindesthöhe für kleine Bildschirme */
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.container-fluid.googlemapfullsize {
    padding-left: 0 !important;
    padding-right: 0 !important
}

/* Bootstrap Overrides */


/* Bootstrap Overrides für .btn-primary */
.btn-primary {
  --bs-btn-color: var(--color-black);
  --bs-btn-bg: var(--color-primary);
  --bs-btn-border-color: var(--color-primary-border);
  --bs-btn-hover-color: var(--color-black);
  --bs-btn-hover-bg: var(--color-primary-hover);
  --bs-btn-hover-border-color: var(--color-primary-border);
  --bs-btn-focus-shadow-rgb: var(--color-focus-shadow);
  --bs-btn-active-color: var(--color-black);
  --bs-btn-active-bg: var(--color-primary-dark);
  --bs-btn-active-border-color: var(--color-secondary-active);
  --bs-btn-active-shadow: inset 0 3px 5px var(--color-shadow);
  --bs-btn-disabled-color: var(--color-black);
  --bs-btn-disabled-bg: var(--color-primary-border);
  --bs-btn-disabled-border-color: var(--color-secondary-disabled);
}

/* Bootstrap Overrides für Outline-Buttons (.btn-outline-primary, .btn-outline-success) */
.btn-outline-primary,
.btn-outline-success {
  color: var(--color-primary-border);
  
  --bs-btn-color: var(--color-primary-border);
  --bs-btn-border-color: var(--color-primary-border);
  --bs-btn-hover-color: var(--color-black);
  --bs-btn-hover-bg: var(--color-primary-hover);
  --bs-btn-hover-border-color: var(--color-primary-border);
  --bs-btn-focus-shadow-rgb: var(--color-focus-shadow-outline);
  --bs-btn-active-color: var(--color-black);
  --bs-btn-active-bg: var(--color-primary-hover);
  --bs-btn-active-border-color: var(--color-primary-border);
  --bs-btn-active-shadow: inset 0 3px 5px var(--color-shadow);
  --bs-btn-disabled-color: var(--color-primary-border);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--color-primary-border);
  --bs-gradient: none;
}


.btn:hover,
.custom-button:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}
/* cmsms stylesheet: GoogleMaps modified: Montag, 14. April 2025 18:15:43 */
div.privacy-msg {background:url('http://pcservice.logistik-in-xxl.de/assets/templates/bs5-pcwesche2025/images/gmap.webp');border: 1px solid #fff;background-position: center center;background-size: cover;background-repeat:no-repeat;position: absolute;left:0;top:0;}div.privacy-msg p {max-width:30vw;min-width: 300px;border: 1px solid #ccc;padding: 5px;text-align:center;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: left;color:#222;-webkit-box-shadow: 0 10px 6px -6px #777;-moz-box-shadow: 0 10px 6px -6px #777;box-shadow: 0 10px 6px -6px #777;z-index:10;font-size:85%;}div.privacy-msg p {box-sizing:content-box;padding:15px;background:rgba(255,255,255,0.9)}div.privacy-msg input {width: auto;display:inline-block;margin:0 5px 0 0;line-height:20px;height:20px;min-height:auto;vertical-align:bottom;}div.privacy-map-msg label {line-height: 20px;display: inline-block;color:#005bac;vertical-align:bottom;margin-bottom:0;font-size:14px;}div.privacy-map-msg a {font-weight: 700;color:#005bac;display: block;margin-top:10px;margin-bottom:5px;position:relative;z-index:10;}div.privacy-map-msg br {display: none}div.privacy-map-msg p a {padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid #ccc;border-radius: 0;}div.privacy-map-msg p a:hover {text-decoration: none;color:#fff!important;background: #005bac;}