/* =====================================================================
   theme.css (structured)
   - Bootstrap-based theme stylesheet
   - Sections: Fonts / Tokens / Base / Layout / Components / Utilities / Media Queries
   ===================================================================== */

/* =====================================================================
   Fonts
   ===================================================================== */

/* !Fonts */
/* source-sans-3-200 - latin */
@font-face {
 font-display: swap;
 font-family: 'Source Sans 3';
 font-style: normal;
 font-weight: 200;
 src: url('/assets/bootstrap/fonts/source-sans-3-v19-latin-200.woff2') format('woff2');
 /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-300 - latin */
@font-face {
 font-display: swap;
 font-family: 'Source Sans 3';
 font-style: normal;
 font-weight: 300;
 src: url('/assets/bootstrap/fonts/source-sans-3-v19-latin-300.woff2') format('woff2');
 /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-regular - latin */
@font-face {
 font-display: swap;
 font-family: 'Source Sans 3';
 font-style: normal;
 font-weight: 400;
 src: url('/assets/bootstrap/fonts/source-sans-3-v19-latin-regular.woff2') format('woff2');
 /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-500 - latin */
@font-face {
 font-display: swap;
 font-family: 'Source Sans 3';
 font-style: normal;
 font-weight: 500;
 src: url('/assets/bootstrap/fonts/source-sans-3-v19-latin-500.woff2') format('woff2');
 /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-600 - latin */
@font-face {
 font-display: swap;
 font-family: 'Source Sans 3';
 font-style: normal;
 font-weight: 600;
 src: url('/assets/bootstrap/fonts/source-sans-3-v19-latin-600.woff2') format('woff2');
 /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-700 - latin */
@font-face {
 font-display: swap;
 font-family: 'Source Sans 3';
 font-style: normal;
 font-weight: 700;
 src: url('/assets/bootstrap/fonts/source-sans-3-v19-latin-700.woff2') format('woff2');
 /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-800 - latin */
@font-face {
 font-display: swap;
 font-family: 'Source Sans 3';
 font-style: normal;
 font-weight: 800;
 src: url('/assets/bootstrap/fonts/source-sans-3-v19-latin-800.woff2') format('woff2');
 /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-900 - latin */
@font-face {
 font-display: swap;
 font-family: 'Source Sans 3';
 font-style: normal;
 font-weight: 900;
 src: url('/assets/bootstrap/fonts/source-sans-3-v19-latin-900.woff2') format('woff2');
 /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* asap-condensed-300 - latin */
@font-face {
 font-display: swap;
 font-family: 'Asap Condensed';
 font-style: normal;
 font-weight: 300;
 src: url('/assets/bootstrap/fonts/asap-condensed-v18-latin-300.woff2') format('woff2');
 /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* asap-condensed-regular - latin */
@font-face {
 font-display: swap;
 font-family: 'Asap Condensed';
 font-style: normal;
 font-weight: 400;
 src: url('/assets/bootstrap/fonts/asap-condensed-v18-latin-regular.woff2') format('woff2');
 /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* asap-condensed-700 - latin */
@font-face {
 font-display: swap;
 font-family: 'Asap Condensed';
 font-style: normal;
 font-weight: 700;
 src: url('/assets/bootstrap/fonts/asap-condensed-v18-latin-700.woff2') format('woff2');
 /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
 font-family: Dax-Medium;
 src: url(/assets/bootstrap/fonts/Dax-Medium.otf);
}


/* !/Fonts */

/* =====================================================================
   Design Tokens
   ===================================================================== */



/* =====================================================================
   Base & Typography
   ===================================================================== */

body {
 background-color: #fff;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.footer {
 color: white;
}

h1,
h2,
h3,
h4,
h5,
h6,
span.h1,
span.h2,
span.h3,
span.h4,
span.h5,
span.h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
 font-family: 'Asap Condensed', sans-serif;
 font-weight: 300;
 color: var(--global-first-color-100);
 line-height: 1.2em;
}

h1,
.h1 {
 font-size: 2rem;
 padding-bottom: 0.35rem;
}

h2,
.h2 {
 font-size: 1.6rem;
 /*		margin-bottom:	0.5em;*/
}

.pagetext h2,
.pagetext .h2 {
 margin-top: 2.5rem;
}

.pagetext h2:first-of-type,
.pagetext .h2:first-of-type,
h2.collapsible {
 margin-top: 0.5rem;
}

h2.title,
.infobox h2,
.infobox .h2 {
 margin-top: 0px;
}

h3,
.h3 {
 font-size: 1.5rem;
}

h4,
.h4 {
 font-size: 1.5rem;
}

h5.card-header {
 margin-top: 0px;
}

.fs-7 {
 font-size: 0.85rem;
}

.claim {
 font: 3.5rem/0.85em "Dax-Medium", sans-serif;
 color: #FFF;
 text-align: center;
}

.claimcontainer.justify-content-start .claim {
 text-align: left;
 color: var(--global-first-color-100);
}

.claimcontainer.justify-content-start .subclaim {}

.subclaim {
 position: absolute;
 font-family: "Open Sans Condensed", sans-serif;
 font-size: 1rem;
 font-weight: 300 !important;
 color: #FFF;
 bottom: -0.95rem;
 letter-spacing: 1px;
 width: 100%;
}

.pe-claim {
 padding-right: 2rem;
}

p {
 margin-bottom: 1rem;
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
}

ul {
 padding-left: 1rem;
 margin-bottom: 1.5rem;
 margin-top: 1rem;
}

ul~h2,
ul~.h2,
ul~h3,
ul~.h3 {
 padding-bottom: 0px !important;
 margin-bottom: 0px !important;
}

ul li {
 list-style: none;
 padding-left: 0.5rem;
 position: relative;
}

ul li:before {
 position: absolute;
 top: 0px;
 left: -1rem;
 font-family: bootstrap-icons;
 font-style: normal;
 font-weight: 400;
 text-align: center;
 -moz-osx-font-smoothing: grayscale;
 content: "\f285";
}


a {
 color: var(--global-first-color-100);
 text-decoration: none !important;
}

a:hover,
.nav-item.active a.nav-link {
 color: var(--global-first-color-100);
 text-decoration: none;
}

.footer a,
footer a:hover {
 color: white;
}

.readmore {
 font-weight: 600;
 font-size: 1rem;
}

.readmore:before {
 font-family: Icons;
 font-style: normal;
 font-weight: 400;
 text-align: center;
 -moz-osx-font-smoothing: grayscale;
 content: "\f105";
 padding-right: 0.5rem;
}

.anlauftext {
 color: var(--global-first-color-100);
 font-weight: 400;
}

.textblock p:last-of-type {
 margin-bottom: 0px;
 padding-bottom: 0px;
}

strong,
b {
 font-weight: 600;
}

.small {
 font-size: 0.775em;
 display: block;
}

.text-muted {
 opacity: 0.6;
}

.order-first .figure {
 padding-right: 5rem;
}

.order-last .figure {
 padding-left: 5rem;
}

.figure-caption {
 font-size: 1rem;
 line-height: 1.25em;
}

.order-first .figure-caption {
 text-align: right;
 padding-left: 50%;
}

.order-last .figure-caption {
 text-align: left;
 padding-right: 50%;
}

.text-primary {
 color: var(--global-second-color-100) !important;
}

.text-secondary {
 color: var(--global-first-color-100) !important;
}

.no-hyphens {
 -webkit-hyphens: none;
 -moz-hyphens: none;
 -ms-hyphens: none;
 hyphens: none;
}

.mixcontainer .alert {
 display: none;
}

.mixcontainer.mixitup-container-failed .alert {
 display: block;
}

body.mem .content * {
 color: black !important;
}

/* =====================================================================
   Layout
   ===================================================================== */

.page {
 margin-bottom: -2rem;
}

.topheader {
 background-color: white;
 top: 0px;
 z-index: 10;
 transition: all 0.5s ease-in-out;
}

.scrolling .topheader {
 box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
}

.social {
 z-index: 10;
 transition: all 0.5s ease-in-out;
 opacity: 1;
 width: 2.25rem;
}

.scrolling .social {
 opacity: 0;
}

.header,
.headerStandard {
 background-color: var(--global-first-color-100);
}

.header {}

.header.fullsize {
 z-index: 9;
 top: 0px;
}

.bighead .header {
 background-color: white !important;
}

.bighead .header .row .col {
 background-color: var(--global-first-color-100);
}

.claimcontainer {
 padding-top: 2rem;
 padding-bottom: 2rem;
}

.logo {
 transition: all 0.5s ease-in-out;
}

.page-breadcrumb {
 background-color: white;
}

.footer {
 background-color: var(--global-second-color-100);
 padding-bottom: 6rem;
}

/* =====================================================================
   Components
   ===================================================================== */

/* --- Search ----------------------------------------------------------- */
/* Container */
#search{
  display: flex;
  align-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid #dee2e6;
  border-radius: 999px;
  overflow: hidden;
  transition: width .35s cubic-bezier(.4,0,.2,1);
  cursor: text;
}

/* Icon: fester Slot, zentriert */
#search i{
  flex: 0 0 38px;          /* fix: verhindert Springen */
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  font-size: 1rem;
  opacity: .75;
  pointer-events: none;
  transition: opacity .2s ease;
}

/* Input: initial unsichtbar */
#search .form-control{
  flex: 1 1 auto;          /* nimmt Restbreite, wenn offen */
  width: 0;                /* zu, solange Container klein ist */
  min-width: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  transform: translateX(-8px);
  pointer-events: none;

  transition:
    opacity .25s ease,
    transform .35s cubic-bezier(.4,0,.2,1),
    padding .35s cubic-bezier(.4,0,.2,1);
}

/* Hover / Focus: Container wird breiter */
#search:hover,
#search:focus-within{
  width: 120px; /* offene Breite */
}

@media (min-width: 992px) {
#search:hover,
#search:focus-within{
  width: 180px; /* offene Breite */
}

}



/* Input sichtbar + Padding nur im Input (kein Layout-Shift am Icon) */
#search:hover .form-control,
#search:focus-within .form-control {
  width: auto;
  padding: 0 .75rem 0 .75rem;  /* links etwas kleiner wegen Icon */
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

/* Icon aktiver */
#search:hover i,
#search:focus-within i{
  opacity: 1;
}

/* Bootstrap Focus deaktivieren */
#search .form-control:focus{
  box-shadow: none !important;
  border-color: transparent !important;
  outline: none !important;
}

#content mark.we-search-hit{
  padding: .05em .2em;
  border-radius: .25rem;
}

#content mark.we-search-hit--first{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}


/* --- Navigation ----------------------------------------------------------- */
.breadcrumb {
 padding: 0.75rem 0;
 background-color: transparent;
 border-radius: 0rem !important;
 line-height: 1em;
 font-size: 1rem;
}

.breadcrumb a {
 color: var(--global-first-color-100);
}

.breadcrumb-item+.breadcrumb-item::before {
 display: inline-block;
 padding-right: 0.25rem;
 color: var(--global-second-color-50);
 font-family: bootstrap-icons;
 font-style: normal;
 font-weight: 400;
 text-align: center;
 -moz-osx-font-smoothing: grayscale;
 content: "\f285";
}

.breadcrumb li:last-child {
 display: none;
}

ul.subnavi {
 font-family: 'Open Sans Condensed', sans-serif;
}

/*ul.subnavi li:first-child	{
border-top:	1px	solid	 var(--global-second-color-40);
}

ul.subnavi li	 {
border-bottom:	1px	solid	 var(--global-second-color-40);
}*/

ul.subnavi li:before {
 content: "";
}

ul.subnavi li a {
 color: var(--global-second-color-100);
 font-weight: 400;
}

ul.subnavi li a:hover,
ul.subnavi li.active a {
 color: var(--global-first-color-100);
 font-weight: 400;
}

.mtrigger {
 font-size: 2rem;
 cursor: pointer;
}

#offcanvasNavi.offcanvas {
 font-family: 'Asap Condensed', sans-serif;
 background-color: var(--global-first-color-100);
}

ul.mainnavi {
 border-top: 1px solid var(--global-navi-main-link-color);
 font-weight: 400;
}

ul.mainnavi li {
 border-bottom: 1px solid var(--global-navi-main-link-color);
 position: relative;
}

ul.mainnavi li:before {
 content: "";
}

ul.mainnavi li a {
 padding-left: 1rem;
 display: inline-block;
}

ul.mainnavi li a:before {
 position: absolute;
 top: 0.75rem;
 left: 0px;
 font-family: bootstrap-icons;
 font-style: normal;
 font-weight: 400;
 text-align: center;
 -moz-osx-font-smoothing: grayscale;
 content: "\f285";
 color: white;
 font-size: 1rem;
}

ul.mainnavi li li a:before {
 top: 0.3rem;
}

ul.mainnavi li a.collapsible:before {
 content: "";
}

ul.mainnavi li ul li {
 border-bottom: none;
}

/* Legacy mainnavi snippet (disabled / kept for reference)
ul.mainnavi li:before {
  content:	"";
}

ul.mainnavi li ul li	{
  border-bottom:	none;
}

ul.mainnavi li ul li::before {
  position: absolute;
  top: 0px;
  left: -1.3rem;
  font-family: bootstrap-icons;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  -moz-osx-font-smoothing: grayscale;
  content: "\f285";
  
color: white;
}

*/

ul#navID11 li::before {
 content: "";
}

ul#navID11 {
 padding-left: 0px;
}

ul.mainnavi li a {
 color: var(--global-navi-main-link-color);
 opacity: 0.8;
}

ul.mainnavi li a:hover,
ul.mainnavi li a.active {
 opacity: 1;
}

ul.mainnavi li a.active {
 opacity: 1;
 font-weight: 500;
}

ul.mainnavi li li li:first-child a,
ul#navID1 li:first-child a {
 font-weight: 500;
 margin-bottom: 1rem;
 display: inline-block;
}

ul.mainnavi a.collapsible.collapsed:after {
 position: absolute;
 top: 0.45rem;
 right: 0px;
 content: "\f27e";
 font-family: bootstrap-icons;
 font-style: normal;
 font-weight: 400;
 text-decoration: inherit;
 text-align: center;
 transform: rotate(0deg);
}

ul.mainnavi a.collapsible:after {
 position: absolute;
 top: 0.45rem;
 right: 0px;
 content: "\f27e";
 font-family: bootstrap-icons;
 font-style: normal;
 font-weight: 400;
 text-decoration: inherit;
 text-align: center;
 transform: rotate(-180deg);
}

ul.mainnavi li li a.collapsible.collapsed::after,
ul.mainnavi li li a.collapsible:after {
 top: 0rem;
}

ul.footernavi-col li:first-child {
display: none;
}


/*ul#navID1 li:first-child, ul#navID2 li:first-child {
font-weight:	700;
}*/


/* --- Buttons ----------------------------------------------------------- */
button,
.btn,
.btn-secondary {
 border: 0px;
}

.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
 box-shadow: none !important;
}

/*.btn-sm, .btn-group-sm > .btn {
line-height: 0.875rem;
padding-top:	0.35rem;
padding-bottom:	0.35rem;
}*/

.btn-primary{
 color: white;
 background-color: var(--global-first-color-100);
}

.btn-secondary,
.catlabel {
 background-color: var(--global-second-color-20);
 color: var(--global-second-color-80);
}

.skilllabel,
.catlabel {
 font-family: 'Open Sans Condensed', sans-serif !important;
 font-weight: 300 !important;
}

.questionnaire button,
.questionnaire .btn,
.questionnaire .btn-secondary {
 background-color: var(--global-first-color-50);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
 background-color: var(--global-second-color-100);
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
 background-color: var(--global-first-color-100);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
 box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
 background-color: var(--global-second-color-100);
}

.btn-xs,
.btn-group-xs>.btn {
 padding: 0.25rem;
 font-size: 0.75rem;
 line-height: 0.75rem;
 border-radius: 0.15rem;
}

.btn-circle.btn-sm {
 width: 30px;
 height: 30px;
 padding: 6px 0px;
 border-radius: 50%;
 text-align: center;
}

.btn-circle.btn-md {
 width: 50px;
 height: 50px;
 padding: 7px 10px;
 border-radius: 50%;
 text-align: center;
}

.btn-circle.btn-xl {
 width: 70px;
 height: 70px;
 padding: 10px 16px;
 border-radius: 50%;
 text-align: center;
}

.labels .btn {
 margin-bottom: 0.25em;
}

.btn.icon {
 padding-right: 0.5rem;
 padding-left: 0.5rem;
}

.btn-sm.icon i,
.btn-danger.icon i {
 margin-right: 0px;
}

button.icon.dots {
 padding-left: 0px;
 padding-right: 0px;
}

.dots svg {
 margin-right: 0px !important;
}

.btn.collapsed svg {
 rotate: 180deg;
}

.btn.toggleclass.active {
 background-color: var(--global-first-color-60) !important;
}

.social .btn {
 color: #ffffff;
}

.btn.phone {
 background-color: var(--global-second-color-60) !important;
 border-top-right-radius: 0px !important;
}

.btn.email {
 background-color: var(--global-second-color-60) !important;
}

.btn.linkedin {
 background-color: #0075b1;
}

.btn.facebook {
 background-color: #195490;
 border-bottom-right-radius: 0px !important;
}


/* --- Dropdown ----------------------------------------------------------- */
.dropdown-toggle.btn-circle::after {
 display: none;
}

.dropdown-toggle i.icon {
 padding: 0;
 margin: 0;
}

.dropdown-menu {
 box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
}

.dropdown-menu-center {
 right: auto;
 left: 50%;
 transform: translate(-50%, 0);
}

.dropdown-item {
 padding-left: 1rem;
 padding-right: 1rem;
}

.dropdown-submenu {
 position: relative;
}

.dropdown-submenu a::after {
 transform: rotate(-90deg);
 position: absolute;
 right: 6px;
 top: .8em;
}

.dropdown-submenu .dropdown-menu {
 top: 0;
 left: 100%;
 margin-left: .1rem;
 margin-right: .1rem;
}

/*@media (min-width: 992px) {
.animate {
animation-duration: 0.3s;
animation-fill-mode: both;
}
}

@keyframes slideIn {
0% {
transform: translateY(1rem);
opacity: 0;
}
100% {
transform:translateY(0.5rem);
opacity: 1;
}
0% {
transform: translateY(1rem);
opacity: 0;
}
}


.slideIn {
animation-name: slideIn;
}*/


/* --- Accordion ----------------------------------------------------------- */
h2.collapsible {
 cursor: pointer;
 border-top: 1px solid var(--global-second-color-40);
 padding-right: 3.5rem;
 position: relative;
}

h2.collapsible:last-of-type.collapsed {
 border-bottom: 1px solid var(--global-second-color-40);
}

h2.collapsible.collapsed:after {
 position: absolute;
 top: 1rem;
 right: 0px;
 content: "\f27b";
 font-family: bootstrap-icons;
 font-style: normal;
 font-weight: 400;
 text-decoration: inherit;
 text-align: center;
 transform: rotate(90deg);
}

h2.collapsible:after {
 position: absolute;
 top: 1rem;
 right: 0px;
 content: "\f27b";
 font-family: bootstrap-icons;
 font-style: normal;
 font-weight: 400;
 text-decoration: inherit;
 text-align: center;
 transform: rotate(-90deg);
}


/* --- Tooltips ----------------------------------------------------------- */
.tooltip-inner{

 font-family: 'Nunito', sans-serif;
 font-weight: 400;
 line-height: 1rem;
 text-align: left;
 padding: 0.5rem;

 background-color: var(--global-first-color-100);
 box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}


.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before {
 border-top-color: var(--global-first-color-100) !important;
}

.bs-tooltip-right .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="right"] .tooltip-arrow::before {
 border-right-color: var(--global-first-color-100) !important;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow::before {
 border-bottom-color: var(--global-first-color-100) !important;
}

.bs-tooltip-left .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="left"] .tooltip-arrow::before {
 border-left-color: var(--global-first-color-100) !important;
}


/* --- Forms ----------------------------------------------------------- */
.btn-primary.disabled,
.btn-primary:disabled {
 background-color: var(--global-second-color-40);
 border-color: var(--global-second-color-40);
}

.custom-control-input:checked~.custom-control-label::before {
 border-color: var(--global-first-color-100);
 background-color: var(--global-first-color-100);
}

.form-select,
.form-select-lg {
 color: var(--global-second-color-100) !important;
 padding-left: 0.5rem !important;
 font-weight: 300;
 font-size: 1.15rem;
}

.form-check-input:checked {
 background-color: var(--global-first-color-100);
 border-color: var(--global-first-color-100);
}


/* --- Cards ----------------------------------------------------------- */
.card {
 border: none;
 background-color: var(--global-card-bg-color);
}

.card-header {
 background-color: var(--global-second-color-10);
 border-bottom: none;
}

.card-footer {
 background-color: var(--global-card-footer-bg-color);
 border-top: none;
}


/* --- Infoboxen ----------------------------------------------------------- */
.card.infobox {
 background-color: var(--global-card-bg-color);
}


/* --- Tab Content ----------------------------------------------------------- */
.nav-tabs {
 border-bottom: none !important;
}

.nav-tabs button.nav-link {
 color: var(--global-second-color-100);
 border-radius: 0px !important;
 border-top: none !important;
 border-bottom: 0px !important;
 border-left: none !important;
 border-right: 2px solid var(--global-second-color-40) !important;
}

.nav-tabs button.nav-link:hover {
 color: var(--global-first-color-100);
}

.nav-tabs button:first-child.nav-link {
 border-left: 2px solid var(--global-second-color-40) !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
 color: var(--global-first-color-100);
 background-color: #fff;
}

.tab-pane {
 border-bottom: 1px solid var(--global-second-color-40);
 border-left: 1px solid var(--global-second-color-40);
 border-right: 1px solid var(--global-second-color-40);
}


/* --- Images ----------------------------------------------------------- */
.siegel {
 height: 22vw;
}


/* --- Image Gallery ----------------------------------------------------------- */
#lightgallery a {
 position: relative;
 cursor: pointer;
}

#lightgallery a::before {
 font-family: 'Icons';
 content: "\f00e";
 opacity: 0;
 font-style: normal;
 font-weight: normal;
 text-decoration: inherit;
 text-align: center;
 speak: none;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 -moz-osx-font-smoothing: grayscale;
 -webkit--webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 position: absolute;
 font-size: 2rem;
 color: white;
 top: calc(50% - 1rem);
 left: calc(50% - 1rem);
 transition: all 0.5s ease-in-out;
 z-index: 99;
}

#lightgallery a:hover:before {
 opacity: 1;
}

#lightgallery a img {
 opacity: 1;
 transition: all 0.5s ease-in-out;
 border-radius: 0.5rem;
 overflow: hidden;
}

#lightgallery a:hover img {
 opacity: 0.6;
}


/* --- Tables ----------------------------------------------------------- */
.table> :not(caption)>*>* {
 background-color: rgba(255, 255, 255, 0.5) !important;
}

caption {
 font-weight: 600;
}

table.table-dark td {
 border-top: 1px solid var(--global-second-color-40) !important;
 padding-left: 0px !important;
}

table.table-dark tr {
 border-color: var(--global-second-color-40) !important;
}

table.table-dark th,
table.table-dark td,
table.table-dark thead th {
 border-top: 1px solid var(--global-second-color-40) !important;
 background-color: transparent !important;
}

.table-dark {
 background-color: transparent !important;
}

table.table-dark tr:last-child td {
 border-bottom: 1px solid var(--global-second-color-40) !important;
}


/* --- Slider ----------------------------------------------------------- */
.slider {
 height: 50vh;
 position: relative;
}

.headline h1 {
 color: white;
 font-size: 1.25rem !important;
 line-height: 1.2em;
}

.headline {
 color: white;
 line-height: 24px;
 font-size: 24px !important;
 font-weight: 600;
 position: absolute;
 bottom: 5vh;
 left: 5vw;
 background-color: var(--global-first-color-100);
 border-radius: 0.25rem;
 margin-right: 5vw;
}

.carousel .headline {
 bottom: 10vh;
}

.subline {
 font-size: 14px !important;
 line-height: 14px;
 font-weight: 400;
 color: white;
 position: absolute;
 bottom: calc(10vh - 1rem - 16px);
 left: 5vw;
 background-color: var(--global-first-color-100);
 border-radius: 0.25rem;
}

.headline {
 animation: headlineslide ease 2s;
 animation-iteration-count: 1;
 transform-origin: 0% 0%;
 animation-fill-mode: forwards;
 /*when the spec is finished*/
 /*Chrome 16+, Safari 4+*/
 /*FF 5+*/
 /*Not implemented yet*/
 /*IE 10+*/
}

@keyframes headlineslide {
 0% {
  opacity: 0;
  transform: translate(-999px, 0px);
 }

 100% {
  opacity: 1;
  transform: translate(0px, 0px);
 }
}


.subline {
 animation: sublineslide ease 2s;
 animation-iteration-count: 1;
 transform-origin: 0% 0%;
 animation-fill-mode: forwards;
 /*when the spec is finished*/
 /*Chrome 16+, Safari 4+*/
 /*FF 5+*/
 /*Not implemented yet*/
 /*IE 10+*/
}

@keyframes sublineslide {
 0% {
  opacity: 0;
  transform: translate(999px, 0px);
 }

 100% {
  opacity: 1;
  transform: translate(0px, 0px);
 }
}


.slider.container-fluid {
 padding-right: 0;
 padding-left: 0;
}

.slider .carousel-inner,
.slider .carousel-item,
.slider .headerimage {
 height: 50vh;
}

.carousel {
 background-color: var(--global-card-bg-color);
}

.carousel-indicators [data-bs-target] {
 background-color: var(--global-second-color-40);
}


/* --- Icons ----------------------------------------------------------- */
i.icon.circular.invers {
 border-style: none;
 background-color: var(--global-first-color-100);
 color: white;
 box-shadow: none;
}

.en {
 width: 2rem;
 height: 2rem;
 border-radius: 50%;
 background: url(/assets/shared/flag-en.png) center center no-repeat;
 background-size: auto;
 display: inline-block;
 background-size: cover;
 text-indent: -999px;
}

.de {
 width: 2rem;
 height: 2rem;
 border-radius: 50%;
 background: url(/assets/shared/flag-de.png) center center no-repeat;
 background-size: auto;
 display: inline-block;
 background-size: cover;
 text-indent: -999px;
}


/* --- FX ----------------------------------------------------------- */
.team{
  transition:
    transform .4s cubic-bezier(.4,0,.2,1),
    box-shadow .4s cubic-bezier(.4,0,.2,1);
  transform: translateZ(0);
  backface-visibility: hidden;
}

.team img{
  transition:
    transform .45s cubic-bezier(.4,0,.2,1),
    filter .45s cubic-bezier(.4,0,.2,1);
  will-change: transform;
  object-fit: cover;
  height: 100%;
}

.team:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,.10);
}

.team:hover img,
.team:focus-within img{
  transform: scale(1.06);
  filter: saturate(1.05) contrast(1.04);
}


/* --- Card Slider ----------------------------------------------------------- */
.card-slider__viewport {
  overflow: hidden;
}

.card-slider__track {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: .25rem;
  align-items: stretch; /* gleiche Höhe */
  -webkit-overflow-scrolling: touch;
}

.card-slider__track::-webkit-scrollbar {
  display: none;
}

.card-slider__track {
  scrollbar-width: none;
}

.card-slider__item {
  scroll-snap-align: start;
  flex: 0 0 100%; /* mobile: 1 sichtbar */
  display: flex;
}

@media (min-width: 768px) {
  .card-slider__item { flex-basis: calc(50% - .5rem); } /* md: 2 */
}

@media (min-width: 992px) {
  .card-slider__item { flex-basis: calc(33.333% - .666rem); } /* lg: 3 */
}

/* optional xl: 4 */
/* @media (min-width: 1200px){
  .card-slider__item{ flex-basis: calc(25% - .75rem); }
} */

/* Controls */
.card-slider__control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  width: 3rem;
  height: 3rem;
  display: grid;
  place-items: center;
  z-index: 2;
}

.card-slider__control--prev { left: .25rem; }
.card-slider__control--next { right: .25rem; }

.card-slider__control > span {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .25));
}

/* Indicators */
.card-slider__indicators {
  display: flex;
  justify-content: center;
  gap: .5rem;
  margin-top: .75rem;
  padding-bottom: .5rem;
}

.card-slider__dot {
  width: .6rem;
  height: .6rem;
  border-radius: 999px;
  border: 0;
  padding: 0;
  background: rgba(0, 0, 0, .25);
  opacity: .35;
  transition: opacity .2s ease, transform .2s ease, background-color .2s ease;
}

/* optional: sichtbare Dots NICHT dunkler, nur falls du sie überhaupt markieren willst */
.card-slider__dot.is-visible {
  opacity: .35;
}

/* nur EIN Dot ist "current" */
.card-slider__dot.is-current,
.card-slider__dot[aria-current="location"] {
  opacity: 1;
  background: rgba(0, 0, 0, .65);
  transform: scale(1.15);
}


/* Basis – keine klassische Border */
.card-slider__item .card, .listview-item .card {
  position: relative;
  border: 0;
  overflow: hidden;
  transition: transform .35s cubic-bezier(.4,0,.2,1);
}

/* Subtile innere Struktur */
.card-slider__item .card::after, .listview-item .card::after {
  content:"";
  position:absolute;
  inset:0;
  box-shadow: inset 0 0 0 0px rgba(0,0,0,.06);
  pointer-events:none;
  transition: box-shadow .35s cubic-bezier(.4,0,.2,1);
}

/* Akzentlinie oben */
.card-slider__item .card::before, .listview-item .card::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background: var(--global-first-color-100);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s cubic-bezier(.4,0,.2,1);
  pointer-events:none;
}

/* Hover / Focus */
.card-slider__item:hover .card::before,
.card-slider__item:focus-within .card::before, .listview-item:hover .card::before {
  transform: scaleX(1);
}

.card-slider__item:hover .card::after,
.card-slider__item:focus-within .card::after, .listview-item:hover .card::after {
  box-shadow:
    inset 0 0 0 0px rgba(0,0,0,.10),
    inset 0 -80px 120px rgba(0,0,0,.03);
}

/* Titel subtil akzentuieren */
.card-slider__item .card-title a, .listview-item .card-title a {
  transition: color .25s ease;
}

.card-slider__item:hover .card-title a,
.card-slider__item:focus-within .card-title a, .listview-item:hover .card-title a {
  color: var(--global-first-color-100);
}

/* =====================================================================
   Utilities
   ===================================================================== */

/* --- additional helper classes ----------------------------------------------------------- */
.pt-8,
.py-8 {
 padding-top: 3rem !important;
}

.pb-8,
.py-8 {
 padding-bottom: 3rem !important;
}

.ms-n4 {
 margin-left: -1.25rem;
}

.me-n4 {
 margin-right: -1.25rem;
}

.mce-content-body {
 padding: 2rem;
}


/* --- Text Marker Effect ----------------------------------------------------------- */
.textmarker {
 text-shadow: -3px 0px 3px yellow, 3px 0px 3px yellow, 6px 0px 6px yellow, 0 5px 3px yellow, -6px 0px 6px yellow, 0 -5px 3px yellow;
 color: rgba(0, 0, 0, 0.65);
 font-weight: 500;
}


/**
 * CSS Grid System
 * ======================================
 */

/* Base */
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0,1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.grid-cols-2 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.grid-cols-5 { grid-template-columns: repeat(5, minmax(0,1fr)); }
.grid-cols-6 { grid-template-columns: repeat(6, minmax(0,1fr)); }

/* Breakpoints (Bootstrap: sm, md, lg, xl, xxl) */
@media (min-width: 576px){
  .grid-cols-sm-1 { grid-template-columns: repeat(1, minmax(0,1fr)); }
  .grid-cols-sm-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .grid-cols-sm-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .grid-cols-sm-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .grid-cols-sm-5 { grid-template-columns: repeat(5, minmax(0,1fr)); }
  .grid-cols-sm-6 { grid-template-columns: repeat(6, minmax(0,1fr)); }
}
@media (min-width: 768px){
  .grid-cols-md-1 { grid-template-columns: repeat(1, minmax(0,1fr)); }
  .grid-cols-md-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .grid-cols-md-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .grid-cols-md-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .grid-cols-md-5 { grid-template-columns: repeat(5, minmax(0,1fr)); }
  .grid-cols-md-6 { grid-template-columns: repeat(6, minmax(0,1fr)); }
}
@media (min-width: 992px){
  .grid-cols-lg-1 { grid-template-columns: repeat(1, minmax(0,1fr)); }
  .grid-cols-lg-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .grid-cols-lg-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .grid-cols-lg-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .grid-cols-lg-5 { grid-template-columns: repeat(5, minmax(0,1fr)); }
  .grid-cols-lg-6 { grid-template-columns: repeat(6, minmax(0,1fr)); }
}
@media (min-width: 1200px){
  .grid-cols-xl-1 { grid-template-columns: repeat(1, minmax(0,1fr)); }
  .grid-cols-xl-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .grid-cols-xl-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .grid-cols-xl-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .grid-cols-xl-5 { grid-template-columns: repeat(5, minmax(0,1fr)); }
  .grid-cols-xl-6 { grid-template-columns: repeat(6, minmax(0,1fr)); }
}
@media (min-width: 1400px){
  .grid-cols-xxl-1 { grid-template-columns: repeat(1, minmax(0,1fr)); }
  .grid-cols-xxl-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .grid-cols-xxl-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .grid-cols-xxl-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .grid-cols-xxl-5 { grid-template-columns: repeat(5, minmax(0,1fr)); }
  .grid-cols-xxl-6 { grid-template-columns: repeat(6, minmax(0,1fr)); }
}

/* Column-major Grid: füllt erst die Spalte (oben→unten), dann die nächste Spalte */
/* Basis: column-major Grid aus vorherigem Snippet */
.grid-col-major{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-template-rows: repeat(var(--rows-per-col, 5), auto);
  gap: .5rem;
  grid-template-columns: repeat(1, 1fr); /* sm = 1 */
}
@media (min-width: 768px){   .grid-col-major{ grid-template-columns: repeat(2, 1fr); } } /* md = 2 */
@media (min-width: 992px){   .grid-col-major{ grid-template-columns: repeat(3, 1fr); } } /* lg = 3 */
@media (min-width: 1200px){  .grid-col-major{ grid-template-columns: repeat(4, 1fr); } } /* xl = 4 */

/* === Rows-Utilities (2–12) ========================================= */
/* Non-responsive */
.rows-2  { --rows-per-col: 2; }
.rows-3  { --rows-per-col: 3; }
.rows-4  { --rows-per-col: 4; }
.rows-5  { --rows-per-col: 5; }
.rows-6  { --rows-per-col: 6; }
.rows-7  { --rows-per-col: 7; }
.rows-8  { --rows-per-col: 8; }
.rows-9  { --rows-per-col: 9; }
.rows-10 { --rows-per-col: 10; }
.rows-11 { --rows-per-col: 11; }
.rows-12 { --rows-per-col: 12; }

/* Responsive (md, lg, xl) */
@media (min-width: 768px){
  .rows-md-2  { --rows-per-col: 2; }
  .rows-md-3  { --rows-per-col: 3; }
  .rows-md-4  { --rows-per-col: 4; }
  .rows-md-5  { --rows-per-col: 5; }
  .rows-md-6  { --rows-per-col: 6; }
  .rows-md-7  { --rows-per-col: 7; }
  .rows-md-8  { --rows-per-col: 8; }
  .rows-md-9  { --rows-per-col: 9; }
  .rows-md-10 { --rows-per-col: 10; }
  .rows-md-11 { --rows-per-col: 11; }
  .rows-md-12 { --rows-per-col: 12; }
}
@media (min-width: 992px){
  .rows-lg-2  { --rows-per-col: 2; }
  .rows-lg-3  { --rows-per-col: 3; }
  .rows-lg-4  { --rows-per-col: 4; }
  .rows-lg-5  { --rows-per-col: 5; }
  .rows-lg-6  { --rows-per-col: 6; }
  .rows-lg-7  { --rows-per-col: 7; }
  .rows-lg-8  { --rows-per-col: 8; }
  .rows-lg-9  { --rows-per-col: 9; }
  .rows-lg-10 { --rows-per-col: 10; }
  .rows-lg-11 { --rows-per-col: 11; }
  .rows-lg-12 { --rows-per-col: 12; }
}
@media (min-width: 1200px){
  .rows-xl-2  { --rows-per-col: 2; }
  .rows-xl-3  { --rows-per-col: 3; }
  .rows-xl-4  { --rows-per-col: 4; }
  .rows-xl-5  { --rows-per-col: 5; }
  .rows-xl-6  { --rows-per-col: 6; }
  .rows-xl-7  { --rows-per-col: 7; }
  .rows-xl-8  { --rows-per-col: 8; }
  .rows-xl-9  { --rows-per-col: 9; }
  .rows-xl-10 { --rows-per-col: 10; }
  .rows-xl-11 { --rows-per-col: 11; }
  .rows-xl-12 { --rows-per-col: 12; }
}


/* ! css-grid Steuerung */



/* =====================================================================
   Media Queries
   ===================================================================== */

@media (min-width: 992px) {
.animate {
animation-duration: 0.3s;
animation-fill-mode: both;
}
}

@media (min-width: 576px) {
 /*	@group	Container	*/

 .container,
 .container-fluid,
 .container-sm,
 .container-md,
 .container-lg,
 .container-xl {
  width: 100%;
  padding-right: calc(6vw - 15px);
  padding-left: calc(6vw - 15px);
  margin-right: auto;
  margin-left: auto;
 }

 /*	@end	*/
}

@media (min-width: 768px) {
 /*	@group	Theme Structure	*/

 .custom-header-img {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
  margin-top: -1.5rem;
 }

 .claimcontainer {
  padding-top: 8rem;
  padding-bottom: 8rem;
 }

 /*	@end	*/

 /*	@group	Slider	*/

 .slider {
  height: 50vh;
  position: relative;
 }

 .headline h1 {
  color: white;
  font-size: 24px !important;
  line-height: 24px;
  border-radius: 0.25rem;
 }

 .headline {
  color: white;
  line-height: 24px;
  font-size: 24px !important;
  font-weight: 600;
  position: absolute;
  bottom: 10vh;
  left: 5vw;
  background-color: var(--global-first-color-100);
  border-radius: 0.25rem;
 }

 .subline {
  font-size: 14px !important;
  line-height: 14px;
  font-weight: 400;
  color: white;
  position: absolute;
  bottom: calc(10vh - 1rem - 16px);
  left: 5vw;
  background-color: var(--global-first-color-100);
  border-radius: 0.25rem;
 }

 .slider.container-fluid {
  padding-right: 0;
  padding-left: 0;
 }

 .slider .carousel-inner,
 .slider .carousel-item,
 .slider .headerimage {
  height: 50vh;
 }

 /*	@end	*/

 /*	@group	Typography	*/

 body {
  font-size: 1.35rem;
 }

 h1,
 .h1 {
  font-size: 3.5rem;
 }

 h2,
 .h2 {
  font-size: 2rem;
 }

 h2.title,
 .infobox h2,
 .infobox .h2 {
  margin-top: 0px;
 }

 h3,
 .h3 {
  font-size: 1.65rem;
 }

 h4,
 .h4 {
  font-size: 1.5rem;
 }

 h5,
 .h5 {
  font-size: 1.25rem;
 }

 .claim {
  font: 8rem/1em "Dax-Medium", sans-serif;
  color: #FFF;
  text-align: center;
 }

 .subclaim {
  position: absolute;
  font-size: 2rem;
  line-height: 1em;
  font-weight: 300 !important;
  color: #FFF;
  bottom: -1.75rem;
  letter-spacing: 1px;
  width: 100%;
  ;
 }

 .pe-claim {
  padding-right: 6rem;
 }


 /*	@end	*/

 /*	@group	Navigation	*/

 .navbar-nav .nav-item .nav-link {
  padding-left: 0rem;
  padding-right: 0rem;
  padding-top: 0px;
  padding-bottom: 0.5rem !important;
  line-height: 1rem;
  margin-bottom: -0.5rem;
 }

 .navbar-nav .nav-item .nav-link:before {
  display: inline-block;
  /*		padding-right: 1rem;*/
  color: var(--global-second-color-20);
  /*		content: "/";*/
 }

 .navbar-nav .nav-item:first-child .nav-link:before {
  padding-right: 0px;
  content: "";
 }

 .navbar-nav .nav-item.dropdown .dropdown-menu {
  background-color: var(--global-first-color-100) !important;
  padding: 0 0px 0px !important;
  margin: 0px !important;
  top: calc(100% + 0.5rem);
  left: 1rem;
 }

 .navbar-nav .nav-item:first-child.dropdown .dropdown-menu {
  left: 0rem;
 }

 .navbar-nav .nav-item:last-child.dropdown .dropdown-menu {
  right: 0rem;
  left: inherit;
 }

 .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
  padding: 0.25rem 1rem 0.25px !important;
  color: hsla(0, 0%, 100%, .8) !important;
  background: transparent;
 }

 .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:first-child {
  padding: 1rem 1rem 0rem !important;
 }

 .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:last-child {
  padding-right: 1rem !important;
  padding-bottom: 1rem !important;
  padding-left: 1rem !important;
 }

 .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
  color: hsla(0, 0%, 100%, 1.0) !important;
  background: transparent;
 }

 /*	@end	*/

 /*	@group	Tab Navigation	*/

 .nav-tabs .nav-link {
  padding: 0.5rem 0.75rem;
 }

 /*	@end	*/

 /*	@group	Badges	*/

 .badge-circle {
  font-size: 0.7rem;
  padding: 0.4em;
  min-width: 1.8em;
  height: 1.8em;
  text-indent: 0;
  margin-left: 0rem;
  margin-top: -0.45rem;
 }

 /*	@end	*/

 /*	@group	Cards	*/

 .row.card-footer {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-bottom: -1.5rem;
 }

 /*	@end	*/
}

@media (min-width: 992px) {

 /*	@group Theme Structure	*/

 .claimcontainer {
  padding-top: 3rem;
  padding-bottom: 5rem;
 }

 /*	@end	*/

 /*	@group Typography	*/

 .headline h1 {
  font-size: 48px !important;
  line-height: 48px;
 }

 .headline {
  color: white;
  line-height: 48px;
  font-size: 48px !important;
  bottom: 10vh;
  left: 5vw;
 }

 .subline {
  font-size: 24px !important;
  line-height: 24px;
  bottom: calc(10vh - 1rem - 26px);
  left: 10vw;
 }

 .claim {
  font: 10rem/1em "Dax-Medium", sans-serif;
  color: #FFF;
  text-align: center;
 }

 .subclaim {
  position: absolute;
  font-size: 2.3rem;
  line-height: 1em;
  font-weight: 300 !important;
  color: #FFF;
  bottom: -2.3rem;
  letter-spacing: 1px;
  width: 100%;
 }

 .pe-claim {
  padding-right: 4em;
 }

 .siegel {
  height: 10vw;
 }

 /*	@end	*/

 /*	@group Container	*/

 .container,
 .container-fluid,
 .container-sm,
 .container-md,
 .container-lg,
 .container-xl {
  width: 100%;
  padding-right: calc(4vw - 15px);
  padding-left: calc(4vw - 15px);
  margin-right: auto;
  margin-left: auto;
 }

 /*	@end	*/
}

@media (min-width: 1200px) {
 /*	@group Container	*/

 .container,
 .container-fluid,
 .container-sm,
 .container-md,
 .container-lg,
 .container-xl {
  width: 100%;
  padding-right: calc(8vw - 15px);
  padding-left: calc(8vw - 15px);
  margin-right: auto;
  margin-left: auto;
 }

 /*	@end	*/

 /*	@group	Typography	*/


 .pe-claim {
  padding-right: 4em;
 }

 /*	@end	*/

}

@media (min-width: 1600px) {
 /*	@group	Container	*/

 .container,
 .container-fluid,
 .container-sm,
 .container-md,
 .container-lg,
 .container-xl {
  width: 100%;
  padding-right: calc(10vw - 15px);
  padding-left: calc(10vw - 15px);
  margin-right: auto;
  margin-left: auto;
 }


 /*	@end	*/

 /*	@group	Typography	*/

 .claim {
  font: 13rem/1em "Dax-Medium", sans-serif;
  color: #FFF;
  text-align: center;
 }

 .pe-claim {
  padding-right: 7.5em;
 }

 /*	@end	*/
}

@media (min-width: 2024px) {
 /*	@group	Container	*/

 .container,
 .container-fluid,
 .container-sm,
 .container-md,
 .container-lg,
 .container-xl {
  width: 100%;
  padding-right: calc(15vw - 15px);
  padding-left: calc(15vw - 15px);
  margin-right: auto;
  margin-left: auto;
 }

 /*	@end	*/
}