#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "UTF-8";

/* The fonts rem trick */
html {
  font-size: 62.5%;
}

/* Fonts */
.barlow-thin {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-extralight {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-light {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-extrabold {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-thin-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-extralight-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-light-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-regular-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-bold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-extrabold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-black-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: italic;
}

/* Defaults */
.invisible {
  display: none;
}

ul {
  list-style: none;
}

body {
  background-color: rgb(249, 250, 251);

  /*background-color: rgb(249, 250, 251);*/
  /*background-color: rgb(244, 245, 246);*/
  /*background-color: rgb(245, 122, 0);*/
  /*background-color: rgb(38, 69, 95);*/

  font-family: "Barlow", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.6rem;
  padding: 0;
  margin: 0;
}

* {
  box-sizing: content-box;
}

#header {
  background-color: rgb(38, 69, 95);
  z-index: 10;
}

.header a {
  color: rgb(255, 255, 255);
}

.header-logo {
  font-size: 4.2rem;
  line-height: 4.2rem;
}

.header-logo a {
  text-decoration: none;
}

@media (min-width: 62.5em) {
  .header-logo {
    z-index: 10;
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    padding: 0;
  }
}

.header-logo > .inside {
  @media (max-width: 62.5em) {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  @media (min-width: 62.5em) {
      position: absolute;
      top: 2.8rem;
      /*top: 3.8rem;*/
    }
}

.header-logo-text {
  padding: 20px;
  display: inline-block;
  box-sizing: content-box;
  background-color: rgb(255, 255, 255);
  padding-top: 1.4rem;
  padding-bottom: 1.8rem;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
  border-radius: 1.2rem;
  border: 1px solid rgb(38, 69, 95, 0.2);
}

.logo-text-orange {
  font-weight: 700;
  color: #f57a00;
}

.logo-text-blue {
  font-weight: 700;
  color: #26455f;
}

.logo-first-line {
  padding: 0;
  margin: 0;
  display: block;
}

.logo-second-line {
  box-sizing: content-box;
  display: block;
  padding-left: 6.2rem;
}

.header-navigation {
  padding: 0 2rem 0 2rem;
}

.header-navigation .mod_navigation {
  max-width: 680px;
  margin: 0 auto 60px auto;

  @media (min-width: 62.5em) {
    max-width: 120rem;
    margin: 0 auto;
  }
}

.header-navigation ul {
  margin: 0;
  padding: 0;

  @media (min-width: 62.5em) {
    display: flex;
    justify-content: flex-end;
    gap: 32px;
  }
}

.header-navigation li {
  font-size: 1.8rem;
  line-height: 2.0rem;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

@media (min-width: 62.5em) {
  .header-navigation li {
    font-size: 2rem;
    line-height: 2.4rem;
    border-top: 0;
    margin: 0;
    position: relative;
  }
}
@media (min-width: 75em) {
  .header-navigation li {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}

.header-navigation li > a:hover,
.header-navigation li > a:focus,
.header-navigation li > a:active {
  color: #FFF;
  text-decoration: underline;
}
@media (min-width: 62.5em) {
  .header-navigation li > a:hover,
  .header-navigation li > a:focus,
  .header-navigation li > a:active {
    text-decoration: none;
  }
}

.header-navigation li > a,
.header-navigation li > strong {
  display: block;
  font-weight: 400;
  position: relative;
  text-decoration: none;
}
@media (min-width: 75em) {
  .header-navigation li > a,
  .header-navigation li > strong {
    display: flex;
  }
}
.header-navigation li > a ,
.header-navigation li > strong {
  display: flex;
  padding: 10px 20px 12px 0;
  white-space: nowrap;
}
@media (min-width: 62.5em) {
  .header-navigation li > a ,
  .header-navigation li > strong {
    padding: 14px 0 18px 0;
  }
}
@media (min-width: 75em) {
  .header-navigation li > a ,
  .header-navigation li > strong {
    padding: 14px 0 20px 0;
  }
}

.header-navigation .active strong {
  font-weight: 600;
  color: #FFF;
}

@media (min-width: 62.5em) {
  .header-navigation .level_1 > li > a:hover:after,
  .header-navigation .level_1 > li > a:focus:after,
  .header-navigation .level_1 > li > a:active:after,
  .header-navigation .level_1 > .active:not(.override) > strong:after,
  .header-navigation .level_1 > .trail:not(.override) > a:after {
    background-color: #f57a00;
    content: " ";
    position: absolute;
    display: block;
    bottom: -0.2rem;
    left: 0;
    width: 100%;
    height: 0.2rem;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
}

@media (min-width: 62.5em) {
  .header-navigation .level_1 > .active.override > strong:hover:after,
  .header-navigation .level_1 > .active.override > strong:focus:after,
  .header-navigation .level_1 > .active.override > strong:active:after {
    background-color: #a10086;
    content: " ";
    position: absolute;
    display: block;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 5px;
  }
}

.content-text h1,
.content-text h2,
.content-text h3,
.ce_form h1,
.ce_form h2,
.ce_form h3
 {
  color: rgb(38, 69, 95);
  padding-left: 1.6rem;
  border-left: 2px solid rgb(245, 122, 0);
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.mod_article > .content-text {
  position: relative;
  max-width: 96rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.6;
  color: rgba(38, 69, 95, 0.8);

  padding-left: 2rem;
  padding-right: 2rem;

  @media (min-width: 62.5em) {
    top: 12rem;
  }
}

.mod_article > .ce_form {
  position: relative;
  
  max-width: 96rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.6;
  color: rgba(38, 69, 95, 0.8);

  padding-left: 2rem;
  padding-right: 4rem;

  @media (min-width: 62.5em) {
    top: 12rem;
  }
}

/* Forms */
label {
  display: block;
  padding-bottom: 0.6rem;
  font-weight: 500;
}

.widget {
}

.widget > .text,
.widget > .textarea {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 300;
  width: 100%;
  margin: 0;
  padding: 1rem 1rem 1rem 1rem;
  display: block;
  font-family: "Barlow", Arial, Helvetica, sans-serif;
  color: rgba(38, 69, 95, 0.8);
}

div + div:has(> label) {
  display: block;
  padding-top: 2rem;
}

.widget-submit {
  margin-top: 2.2rem;
}

button {
  cursor: pointer;
  font-size: 2rem;
  font-family: "Barlow", Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.6;
  padding: 0.6rem 2.4rem 0.8rem 2.4rem;
  color: rgb(255, 255, 255);
  background-color: rgb(38, 69, 95);
  border: 1px solid rgb(38, 69, 95);
  border-radius: 0.3rem;
  float: right;
}
button:hover,
button:focus,
button:active {
  cursor: pointer;
  text-decoration: none;
  background-color: rgb(245, 122, 0);
  border: 1px solid rgb(245, 122, 0);
  border-radius: 0.3rem;
}

button:focus {
  outline: 2px solid rgb(245, 122, 0);
  border-radius: 0.3rem;
}

input:focus,
textarea:focus {
  outline: 2px solid rgb(245, 122, 0);
  border-radius: 0.3rem;
  border: 1px solid rgb(255, 255, 255);
}

input,
textarea {
 border-radius: 0.3rem;
  border: 1px solid rgba(38, 69, 95, 0.2);
}

/* cbox */
#cboxWrapper,
#colorbox {
  overflow: visible;
}

#cboxOverlay {
  background: #121517
}

#cboxWrapper,
#colorbox {
  overflow: visible
}

#colorbox [id="cboxLoadedContent"] {
  background: #121517;
  border: none
}

#colorbox [id="cboxTitle"],
#colorbox [id="cboxCurrent"] {
  font-size: 0.875rem;
  line-height: 1.5;
  top: -2.25rem;
  color: #afb8c0
}

#colorbox [id="cboxClose"],
#colorbox [id="cboxPrevious"],
#colorbox [id="cboxNext"] {
  width: 2.25rem;
  height: 2.25rem;
  transition: background ease-in-out 0.5s
}

#colorbox [id="cboxClose"]:hover,
#colorbox [id="cboxClose"]:focus-visible,
#colorbox [id="cboxPrevious"]:hover,
#colorbox [id="cboxPrevious"]:focus-visible,
#colorbox [id="cboxNext"]:hover,
#colorbox [id="cboxNext"]:focus-visible {
  background-color: grey
}

@media only screen and (min-width:64rem) {
  #colorbox [id="cboxClose"],
  #colorbox [id="cboxPrevious"],
  #colorbox [id="cboxNext"] {
      width: 3rem;
      height: 3rem
  }
}

#colorbox [id="cboxPrevious"],
#colorbox [id="cboxNext"] {
  margin-block-start: 0;
  transform: translateY(-50%)
}

#colorbox [id="cboxClose"] {
  top: 0rem;
  right: 0.5rem;
  /*border-radius: 50%;*/
  background: #142533 url("../../files/contao-garage/system/images/icons/close-x.svg") center center no-repeat
}

#colorbox [id="cboxPrevious"] {
  left: 0;
  background: #142533 url("../../files/contao-garage/system/images/icons/caret-left--white.svg") center center no-repeat;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem
}

#colorbox [id="cboxNext"] {
  right: 0;
  background: #142533 url("../../files/contao-garage/system/images/icons/caret-right--white.svg") center center no-repeat;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem
}