/*
Theme Name: Gase Technik Götz
Theme URI: https://www.diginovum.de
Author: DIGINOVUM
Author URI: https://www.diginovum.de/
Description: Individuelles Theme basierendes auf Bootstrap 5 und ACF, SEO optimiert
Tags: boilerplate, clean, simple, bootstrap5, seo
Text Domain: gtg
*/
/**********************************************************************
     _ _       _                                       _
    | (_)     (_)                                     | |
  __| |_  __ _ _ _ __   _____   ___   _ _ __ ___    __| | ___
 / _` | |/ _` | | '_ \ / _ \ \ / / | | | '_ ` _ \  / _` |/ _ \
| (_| | | (_| | | | | | (_) \ V /| |_| | | | | | || (_| |  __/
 \__,_|_|\__, |_|_| |_|\___/ \_/  \__,_|_| |_| |_(_)__,_|\___|
          __/ |
         |___/
***********************************************************************
URL: https://www.diginovum.de
Creator: DIGINOVUM GmbH
Author: Frank Schmitz
Contact: schmitz@diginovum.de
***********************************************************************
〈 〉 | « » | ← → | ⟵ ⟶ | ‹ › | “ ” | – ⌄ ∨ 📷
❤ ☀ ★ ☂ ☎ ☏ ⌚ ❄ ♫ ☯ 🗸 ✓ ✔✔ 🗹 ✅ ☑
⨯ ✗ ✘ ❌ ☒ ❎ ◄ ► ◅ ▻ • ™ © ® ☘ ✿ ❀ ■
**********************************************************************/



/**********************************************************************
***  BOOTSTRAP 5
**********************************************************************/
  /* PADDING */
    .pxy-s {padding: 2vw!important;}
    .pxy-m {padding: 4vw!important;}
    .pxy-l {padding: 6vw!important;}

    .py-xs {padding-top: 1vw!important; padding-bottom: 1vw!important;}
    .py-s {padding-top: 2vw!important; padding-bottom: 2vw!important;}
    .py-m {padding-top: 4vw!important; padding-bottom: 4vw!important;}
    .py-l {padding-top: 6vw!important; padding-bottom: 6vw!important;}
    .py-0 {padding-top: 0!important; padding-bottom: 0!important;}

    .pt-xs {padding-top: 1vw!important;}
    .pt-s {padding-top: 2vw!important;}
    .pt-m {padding-top: 4vw!important;}
    .pt-l {padding-top: 6vw!important;}
    .pt-0 {padding-top: 0!important;}

    .pb-xs {padding-bottom: 1vw!important;}
    .pb-s {padding-bottom: 2vw!important;}
    .pb-m {padding-bottom: 4vw!important;}
    .pb-l {padding-bottom: 6vw!important;}
    .pb-0 {padding-bottom: 0!important;}

    .padding {padding: 15px;}


  /* MARGIN */
    .my-s {margin-top: 2vw!important; margin-bottom: 2vw!important;}
    .my-m {margin-top: 4vw!important; margin-bottom: 4vw!important;}
    .my-l {margin-top: 6vw!important; margin-bottom: 6vw!important;}

    .mb-l {margin-bottom: 60px!important;}


  /* GRID */
    /*  .d-grid .gap-5

    */
    .row {
      --bs-gutter-x: 30px;
      --bs-gutter-y: 30px;
    }

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      --bs-gutter-x: 30px;
    }

    .accordion {
      --bs-accordion-color: #000;
      --bs-accordion-btn-focus-border-color: transparent;
      --bs-accordion-btn-focus-box-shadow: none;
      --bs-accordion-btn-focus-border-color: transparent;
      --bs-accordion-btn-focus-box-shadow. none;
      --bs-accordion-active-color: #000;
      --bs-accordion-active-bg: transparent;
      --bs-accordion-border-width: 0;
      --bs-accordion-border-color: transparent;
      --bs-accordion-btn-focus-border-color: transparent;
      --bs-accordion-btn-focus-box-shadow: none;

      --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg transform='matrix(1 0 0 1 8.5 8.5)'%3E%3Cpath style='stroke: %23515D74; fill: %23515D74;' transform=' translate(-8, -8)' d='M 1.646 4.646 C 1.7398042630101669 4.551958299312365 1.8671727391417587 4.499106216314582 2 4.499106216314582 C 2.1328272608582415 4.499106216314582 2.260195736989833 4.551958299312365 2.354 4.646 L 8 10.293 L 13.646 4.645999999999999 C 13.841508801440101 4.450491198559898 14.1584911985599 4.450491198559898 14.354000000000001 4.645999999999999 C 14.549508801440101 4.8415088014401 14.549508801440101 5.158491198559898 14.354000000000001 5.353999999999999 L 8.354000000000001 11.354 C 8.260195736989834 11.448041700687634 8.132827260858242 11.500893783685418 8 11.500893783685418 C 7.867172739141759 11.500893783685418 7.739804263010168 11.448041700687634 7.646000000000001 11.354 L 1.6460000000000008 5.353999999999999 C 1.551958299312366 5.260195736989832 1.499106216314582 5.132827260858241 1.499106216314582 4.999999999999999 C 1.499106216314582 4.867172739141758 1.551958299312366 4.739804263010166 1.6460000000000008 4.645999999999999 z' stroke-linecap='round'%0A/%3E%3C/g%3E%3C/svg%3E");

      --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg transform='rotate(180,4.2498689,4.2500001)'%0A%3E%3Cpath style='fill:%23515D74;stroke:%23515D74' transform='translate(-8,-8)' d='M 1.646,4.646 C 1.7398043,4.5519583 1.8671727,4.4991062 2,4.4991062 c 0.1328273,0 0.2601957,0.052852 0.354,0.1468938 L 8,10.293 13.646,4.646 c 0.195509,-0.1955088 0.512491,-0.1955088 0.708,0 0.195509,0.1955088 0.195509,0.5124912 0,0.708 l -6,6 C 8.260196,11.44804 8.1328273,11.500894 8,11.500894 c -0.1328273,0 -0.2601957,-0.05285 -0.354,-0.146894 l -6,-6 C 1.5519583,5.2601957 1.4991062,5.1328273 1.4991062,5 c 0,-0.1328273 0.052852,-0.2601957 0.1468938,-0.354 z' stroke-linecap='round'%0A/%3E%3C/g%3E%3C/svg%3E");
    }

    .accordion-button::after,
    .accordion-button.collapsed::after {transform: rotate(-90deg)!important;}

    .accordion-button:not(.collapsed)::after {transform: rotate(180deg)!important;}

    .ratio-3x4 {padding-top: calc(4 / 3 * 100%);}
    .ratio-9x16 {padding-top: calc(16 / 9 * 100%);}
    .ratio-9x21 {padding-top: calc(21 / 9 * 100%);}


  /* COLORS */
    :root,
    [data-bs-theme=light] {
      --bs-gray-300: #F4F4F4;
    }

    .navbar.navbar-gtg {
      --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23004aad' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
    }

    .accordion {
      /*--bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg transform='matrix(1 0 0 1 8.5 8.5)'%3E%3Cpath style='stroke: %23ff2d21; fill: %23ff2d21;' transform=' translate(-8, -8)' d='M 1.646 4.646 C 1.7398042630101669 4.551958299312365 1.8671727391417587 4.499106216314582 2 4.499106216314582 C 2.1328272608582415 4.499106216314582 2.260195736989833 4.551958299312365 2.354 4.646 L 8 10.293 L 13.646 4.645999999999999 C 13.841508801440101 4.450491198559898 14.1584911985599 4.450491198559898 14.354000000000001 4.645999999999999 C 14.549508801440101 4.8415088014401 14.549508801440101 5.158491198559898 14.354000000000001 5.353999999999999 L 8.354000000000001 11.354 C 8.260195736989834 11.448041700687634 8.132827260858242 11.500893783685418 8 11.500893783685418 C 7.867172739141759 11.500893783685418 7.739804263010168 11.448041700687634 7.646000000000001 11.354 L 1.6460000000000008 5.353999999999999 C 1.551958299312366 5.260195736989832 1.499106216314582 5.132827260858241 1.499106216314582 4.999999999999999 C 1.499106216314582 4.867172739141758 1.551958299312366 4.739804263010166 1.6460000000000008 4.645999999999999 z' stroke-linecap='round'%0A/%3E%3C/g%3E%3C/svg%3E");
      --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg transform='rotate(180,4.2498689,4.2500001)'%0A%3E%3Cpath style='fill:%23ff2d21;stroke:%23ff2d21' transform='translate(-8,-8)' d='M 1.646,4.646 C 1.7398043,4.5519583 1.8671727,4.4991062 2,4.4991062 c 0.1328273,0 0.2601957,0.052852 0.354,0.1468938 L 8,10.293 13.646,4.646 c 0.195509,-0.1955088 0.512491,-0.1955088 0.708,0 0.195509,0.1955088 0.195509,0.5124912 0,0.708 l -6,6 C 8.260196,11.44804 8.1328273,11.500894 8,11.500894 c -0.1328273,0 -0.2601957,-0.05285 -0.354,-0.146894 l -6,-6 C 1.5519583,5.2601957 1.4991062,5.1328273 1.4991062,5 c 0,-0.1328273 0.052852,-0.2601957 0.1468938,-0.354 z' stroke-linecap='round'%0A/%3E%3C/g%3E%3C/svg%3E");*/
    }

    .form-control:focus {
      color: var(--bs-body-color);
      background-color: var(--bs-body-bg);
      border-color: #004aad;
      outline: 0;
      box-shadow: 0 0 4px -1px #004aad;
    }

  /* ELEMENTS */
    .card {
      --bs-card-border-width: 0;
    }


/**********************************************************************
*** FONTS
*********************************************************************/
  /* open-sans-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: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/google/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  /* open-sans-italic - 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: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('./fonts/google/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  /* open-sans-600 - 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: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/google/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  /* montserrat-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: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/google/montserrat-v29-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }



  .opensans {font-family: 'Open Sans';}
  .montserrat {font-family: 'Montserrat'; font-weight: 700;}


/**********************************************************************
*** HELPER
*********************************************************************/
  svg {max-height:100%;}
  body.admin-bar #page-navigation.sticky-top {top:30px;}
  .embed-responsive > iframe {border: 0 none; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
  :focus {outline:0; -webkit-outline: 0; -moz-outline: 0; -ms-outline: 0; -o-outline: 0;}
  .aligncenter {margin-left: auto; margin-right: auto;}
  .screen-reader-text {display: none!important;}
  .embed-responsive-3by4 {padding-bottom: 116.25%;}
  .navbar-toggler:focus {box-shadow: none;}
  .row {margin-top: 0;}
  .row > * {margin-top: 0;}
  .col-12.col-md-none {flex: 1 0 0%;}
  .ajax-loader {display: none!important;}
  .dropdown-toggle {white-space: inherit;}
  ::selection {background: #004aad; color: #fff;}
  .hidden {display: none!important;}
  .relative {position: relative;}
  .dashicons, .dashicons-before::before {width: auto; height: auto;}
  img.alignright {float: right;}



  /*****************************
  *** TEXT
  ******************************/
    /*.text-bolder {font-weight: 400;}*/
    .text-shadow {text-shadow: 1px 1px 5px #666;}


  /*****************************
  *** IMAGE
  ******************************/
    /*.content-item-text img[class^="wp-image-"],
    img[class*=" wp-image-"] {display: block; max-width: 100%; height: auto;}*/
    img.aligncenter {/*display: inline-block!important;*/}
    .img-circle {background-color: white; border-radius: 50%;}
    .img-rounded {border-radius: 9px; box-shadow: 0px 0px 10px -5px #666;}


/**********************************************************************
*** STYLES FÜR gtg
*********************************************************************/
  html.loaded {background-color: #fff;}

  html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    color: #515D74;
    background-color: #fff;
  }

  body {
    background-color: #fff;
    color: #515D74;
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
  }


  /*****************************
  *** TEXT
  ******************************/
    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {
      font-family: 'Montserrat';
      font-weight: 700;
      margin-top: 0px;
      margin-bottom: 0px;
      color: #004AAD;
      line-height: 1.3;
      /*hyphens: auto;*/
    }

    h1, .h1 {font-size: 65px;}
    h2, .h2 {font-size: 30px;}
    h3, .h3 {font-size: 20px;}
    h4, .h4 {font-size: 18px;}
    h5, .h5 {font-size: 18px;}

    .xl {font-size: 60px;}
    .l {font-size: 24px;}
    .m {font-size: 21px;}
    .s {font-size: 18px;}
    .xs {font-size: 80%;}

    p {
      margin: 0 0 10px;
    }

    p:last-child {
      margin: 0;
    }

    small {
      font-size: 80%;
    }

    strong,
    .bold {
      font-weight: 700;
    }

    ul {}

    figcaption {padding-top: 10px;}

    .rounded,
    .content-section-text-media .content-item-media-image > a > img {
      border-radius: 9px!important;
    }


  /*****************************
  *** LINKS
  ******************************/
    a {
      color: #000;
      transition: 0.3s all ease;
    }

    p > a {
      text-decoration: underline;
      color: #004aad;
      transition: 0.3s all ease;
      font-weight: 400;
    }
    a:hover {color: #004aad;}
    a:focus {color: #000000; outline: none; outline-offset: -2px;}

    .text-link,
    .widget_text a {
      color: #FF2D21;
      padding: 0;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: 900;
      letter-spacing: 0.125rem;
    }

    .text-link:hover,
    .widget_text a:hover {
      color: #000!important;
    }

    .no-link {
      text-decoration: none!important;
      color: inherit!important;
    }


  /*****************************
  *** COLORS
  ******************************/
    /*.bg-black .content-heading,
    .bg-black .content-title-heading,
    .bg-black .content-txt,
    .bg-darkblue .content-heading,
    .bg-darkblue .content-heading,
    .bg-darkblue .content-title-heading,
    .bg-darkblue .content-intro,
    .bg-darkblue .content-outro,
    .bg-darkblue .content-txt {
      color: white!important;
    }*/

    .white {color:white!important;}
    .black {color: #333!important;}
    .grey {color: #F0F0F0!important;}
    .lightgrey {color: #F8F8F8!important;}
    .darkgrey {color: #515d74!important;}
    .blue {color:#004aad!important;}
    .yellow {color: #F6B61B!important;}
    /*.lightgrey {color: #ebebeb!important;}
    .red {color: #004aad!important;}
    .darkblue {color: #1E3D60!important;}
    .lightblue {color:#E1EDFB!important;}
    .orange {color: #F99D77!important;}*/

    .bg-white {background-color:white!important;}
    .bg-black {background-color: #333!important;}
    .bg-grey {background-color: #F0F0F0!important;}
    .bg-lightgrey {background-color: #F8F8F8!important;}
    .bg-darkgrey {background-color: #515d74!important;}
    .bg-yellow {background-color: #FCDF69!important;}
    .bg-blue {background-color:#004aad!important;}
    .bg-blue-gradient {background: #004AAD; background: linear-gradient(90deg,rgba(0, 74, 173, 1) 0%, rgba(128, 159, 229, 1) 100%);}
    .bg-blue-gradient-reverse,
    .content-section-image-text-right .bg-blue-gradient {background: #004AAD; background: linear-gradient(270deg,rgba(0, 74, 173, 1) 0%, rgba(128, 159, 229, 1) 100%);}
    /*.bg-lightgrey {background-color: #ebebeb!important;}
    .bg-red {background-color: #004aad!important;}
    .bg-grey {background-color: #e7eaea!important;}
    .bg-darkblue {background-color: #1E3D60!important;}
    .bg-orange {background-color: #F99D77!important;}
    .bg-lightblue {background-color:#E1EDFB!important;}*/

    .bg-blue .section-subline,
    .bg-blue .content-title-heading,
    .bg-blue .section-intro,
    .bg-blue .tile-item-content,
    .bg-blue .section-outro,
    .bg-blue .content-item-subheading,
    .bg-blue-gradient .section-subline,
    .bg-blue-gradient .content-title-heading,
    .bg-blue-gradient .section-intro,
    .bg-blue-gradient .tile-item-content,
    .bg-blue-gradient .section-outro,
    .bg-blue-gradient .content-item-subheading,
    .bg-blue-gradient-reverse .content-title-subheading,
    .bg-blue-gradient-reverse .content-item-text,
    .bg-blue-gradient-reverse .content-item-subline,
    .bg-blue-gradient .content-title-subheading,
    .bg-blue-gradient .content-item-text,
    .bg-blue-gradient .content-item-subline {
      color: white;
    }


  /*****************************
  *** BUTTONS
  ******************************/
    .btn-gtg {
      display: inline-block;
      text-align: center;
      text-decoration: none;
      border-radius: 4px;
      border: 2px solid #004AAD;
      padding: 12px 15px;
      font-family: 'Montserrat';
      font-weight: 700;
      /*font-size: 16px;
      line-height: 1.125em;*/
      transition: background 300ms, border 300ms, color 300ms;
      /*transform: scale3d(1, 1, 1);*/
      color: #004AAD!important;
      background-color: transparent;
      min-width: 120px;
    }

    .btn-gtg:hover,
    .btn-gtg:focus,
    .btn-gtg:active {
      background: #fff;
      border-color: black;
      color: black!important;
    }

    /*.btn-gtg .dashicons {
      font-size: 14px;
      height: 15px;
    }*/


  /*****************************
  *** MISC
  ******************************/
    .shadow-sm {box-shadow: rgba(30, 61, 96, 0.03) 0px 5px 15px 0px;}
    .shadow {box-shadow: 1px 2px 10px rgba(0,0,0,0.1);}
    .shadow-lg {}

    blockquote {
      border-left: 11px solid #f99d77;
      box-shadow: rgba(30, 61, 96, 0.1) 0px 5px 15px 0px;
      background-color: #fff;
      border-radius: 10px 20px 20px 10px;
      margin: 3vw 0 2vw 3vw;
      max-width: 900px;
      padding: 2vw 2vw 2vw 4vw;
      font-size: 24px;
      line-height: 1.583em;
      background-color: #ebebeb;
    }

    pre {
      font-weight: 700;
      line-height: 1.8;
      border-left: 6px solid #D2CDC6;
      border-radius: 0 6px 6px 0;
      color: #004aad;
      background-color: #F4F4F4;
      padding: 0 15px;
      margin: 15px 0;
    }

    hr {
      margin-top: 0px;
      margin-bottom: 0px;
      border-color: #BEBEBE;
      border-width: 2px;
      border-radius: 1px;
      width: 100%;
    }

    .bg-image {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #F8F8F8;
      transition: all .5s ease;
      filter: blur(5px);
    }

    .bg-image.bg-image-loaded {
      filter: blur(0px);
    }

    .list-square ul {
      list-style-type: none;
      padding-left: 15px;
    }

    .list-square ul li {
      padding: 5px 0 5px 20px;
      position: relative;
    }

    .list-square ul li::before {
      content: '■';
      color: #B0CB52;
      position: absolute;
      left: 0;
      font-size: 130%;
      top: 1px;
    }

    .list-jobs ul {
      list-style: none!important;
      padding-left: 0px;
      text-align: left;
    }

    .list-jobs ul li {
      margin-bottom: 30px;
    }

    .box {
      padding: 30px 45px;
      border-radius: 6px;
    }


/**********************************************************************
*** SITE-NAVIGATION
*********************************************************************/

  /*****************************
  *** SITE-META-TOP
  ******************************/
    /*#site-navigation-meta a {
      margin-right: 15px;
      text-decoration: none;
    }*/


  /*****************************
  *** NAVBAR
  ******************************/
    .navbar-gtg {
      background-color: #fff;
      height: 85px;
      /*box-shadow: 0px 15px 15px -5px rgba(128, 128, 128, 0.4);*/
    }

    /*#page-navigation.scrolled {
      box-shadow: var(--bs-box-shadow) !important;
    }*/

    .navbar-brand {
    }

    #nav-logo {
      height: 50px;
    }

    .navbar-gtg.scrolled #nav-logo {
      margin-top: 0;
    }

    .navbar-gtg .navbar-nav > li {
      padding: 0 15px;
      text-align: center;
      vertical-align: middle;
    }

    .navbar-gtg .navbar-nav > li.dropdown:hover {
    }

    .navbar-gtg .navbar-nav > li a {
      color: #004AAD;
      background-color: transparent;
      padding: 0 1.5em;
      line-height: 21px;
      font-family: 'Open Sans', sans-serif;
      font-weight: normal;
      font-size: 18px;
      /*letter-spacing: 0;
      text-transform: uppercase;*/
      text-decoration: none;
      transition: none;
    }

    .navbar-gtg .navbar-nav li:hover > a,
    .navbar-gtg .navbar-nav li > a:active,
    .navbar-gtg .navbar-nav li > a:focus,
    .navbar-gtg .navbar-nav li.current_page_item > a,
    .navbar-gtg .navbar-nav li.current-page-ancestor > a,
    .navbar-gtg .navbar-nav li.current_page_parent > a,
    .navbar-gtg .navbar-nav > li a.active {
      background-color: transparent;
      color: #004AAD;
      font-weight: bold;
    }

    li.menu-item-has-children.dropdown:hover > .dropdown-menu {
      display: block;
    }

    .dropdown-menu {
      background: white;
      color: #004AAD;
      padding: 0.75em 1.5em;
      border-top: 20px solid white;
      border-radius: 0;
      right: 17px;
      border-left: 0;
      border-right: 0;
      border-bottom: 0;
      box-shadow: 2px 0 0 0 #004AAD;
      text-align: right;
    }

    .dropdown-menu > ul li::after {
    }

    .navbar-gtg .navbar-nav .dropdown-menu li {
      padding: 5px 0;
    }

    .navbar-gtg .navbar-nav .dropdown-menu li a {
      color: #004AAD;
      padding-right: 5px;
    }

    .navbar-gtg .navbar-nav .dropdown-menu li:hover > a,
    .navbar-gtg .navbar-nav .dropdown-menu li.current_page_item > a {
      background-color: white;
      color: #004AAD;
    }

    .linkedin.menu-item img {
      max-height: 25px;
    }


/**********************************************************************
*** PAGE-HEADER
*********************************************************************/
  #page-header {
    max-width: 1440px;
    margin: 0 auto 0;
    position: relative;
  }

  #page-header-link {
    padding-top: 15px;
  }

  #page-header.has-img {

  }

  #page-header.has-img.has-bg {
    background: transparent;
  }

  #page-header-content {
    padding: 60px 30px;
  }

  #page-header-title,
  #page-header-text {
    color: #fff;
  }

  #page-header-title {
  }



  /*****************************
  *** SITE HEADER IMAGE
  ******************************/
    #site-header-img {}


  /*****************************
  *** SITE HEADER VIDEO
  ******************************/


  /*****************************
  *** PAGE HEADER BG
  ******************************/
    #page-header-bg {}

    #page-header.has-img #page-header-bg {
      padding-top: 34%;
      margin-bottom: 0;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    #page-header-intro {
      /*margin-top: -220px;*/
      margin-bottom: 160px;
    }

    #page-header-bg #page-header-content-wrapper {
      /*position: absolute;
      bottom: -280px;
      left: 0;
      right: 0;*/
    }

    .img-header {
      position: absolute;
      left: 0;
      top: 0;
      background-color: white;
      right: 0;
      margin-top: -48%;
      padding: 25px;
    }


  /*****************************
  *** PAGE HEADER THUMBNAIL
  ******************************/
    #page-header-thumbnail {}

    #page-header-thumbnail {
      padding-top: 34%;
      margin-bottom: 0;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }



  /*****************************
  *** SITE HEADER SLIDER
  ******************************/


/**********************************************************************
*** CONTENT-SECTIONS
*********************************************************************/
  #main-content {}

  #page-content {
    background-color: white;
    position: relative;
  }

  #page-content.has-sidebar {
    padding-top: 3vw;
  }

  #page-content .container {}
  #page-content .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
  }

  .container-fluid.content-container .content-item-text-position-right .content-item-image {
    padding-left: 0;
  }

  .container-fluid.content-container .content-item-text-position-left .content-item-image {
    padding-right: 0;
  }

  .content-section {
    position: relative;
    max-width: 1690px;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
  }

  .content-section.bg-blue-gradient,
  .content-section.bg-blue-gradient-reverse {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .section-intro > div > p:last-child,
  .section-intro > p:last-child,
  .section-area > div > p:last-child,
  .section-outro > div > p:last-child {margin-bottom: 0;}

  .section-title {
    padding-bottom: 15px;
    text-align: center;
  }

  .section-subline,
  .content-item-subline {
    color: #101010;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
  }

  .section-intro {
    padding-bottom: 30px;
  }

  .section-area {
  }

  .section-outro {
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .section-link {
    /*text-align: center;*/
    padding-bottom: 30px;
    padding-top: 30px;
  }


  [class*="container bg-"] {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  [class*="content-item bg-"] {
    padding: 15px;
  }

  .content-title-heading {
    margin-bottom: 15px;
  }

  .content-title-subheading {
    margin-bottom: 20px;
  }

  .item-title {}
  .item-txt {}
  .img-item {}
  .img-media {}
  .img-icon {max-width: 130px;}

  .content-link,
  .content-item-link {
    margin-top: 30px;
  }

  .content-item-link a {
    /*font-weight: 900;*/
    letter-spacing: 0;
    color: #FF2D21;
    text-decoration: none;
  }

  .content-section ul {
  }


  /*****************************
  *** TEXT
  ******************************/
    .content-section-text {}

    .content-section-text .section-area {
      padding-top: 30px;
    }

    .content-section-text .content-item {
      margin-bottom: 30px;
    }

    .content-section-text .content-item-subheading {
      margin-bottom: 15px;
    }

    /*.layout-icon .content-item-1 {
      padding: 4vw 0;
      text-align: center;
      position: relative;
    }*/

    /*.layout-icon .content-item-1::before {
      content: '';
      background-image: url(./img/icon.svg);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      opacity: .2;
      z-index: -1;
    }*/


    .layout-list ul {
      list-style-type: none;
    }

    .layout-list ul li {
      padding: 5px 0;
      position: relative;
    }

    .layout-list ul li::before {
      /*content: "\f487";*/
      content: "\f15e";
      color: #1E3D60;
      font-family: dashicons;
      display: inline-block;
      left: -30px;
      top: 5px;
      position: absolute;
    }


  /*****************************
  *** TEXT-IMAGE
  ******************************/
    .content-section-image-text {}

    .content-section-image-text .content-intro {
      padding-bottom: 45px;
    }

    /*.content-section-image-text .content-item-image-wrapper {
      position: absolute;
      left: 0;
      right: 0;
      top: -50%;
      transform: translateY(-50%);
    }

    .content-section-image-text .content-link {
      padding-top: 30px;
    }*/

    /*.content-section-image-text .content-item-image-wrapper {
      position: absolute;
      right: 0;
      top: -6vw;
      bottom: -6vw;
      width: 33%;
    }*/

    .content-section-image-text .content-item-image {
      position: relative;
    }

    .content-section-image-text .content-item-image-wrapper {
      position: absolute;
      right: 0;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      max-height: 600px;
      overflow: hidden;
      border-radius: 9px !important;
    }

    /*.col-lg-5 > .content-item-image-wrapper {width: 41.66666667%;}
    .col-lg-4 > .content-item-image-wrapper {width: 33.33333333%;}
    .col-lg-3 > .content-item-image-wrapper {width: 25%;}
    .col-lg-2 > .content-item-image-wrapper {width: 16.66666666%;}*/

    /*.content-section-image-text .content-item-text-position-right .content-item-image-wrapper {
      right: unset;
      left: 0;
    }*/

    .img-text-image-bg {
      height: 100%;
      margin-bottom: 0;
      /*border-radius: 9px;
      background-position: center;
      background-size: cover;*/
    }


  /*****************************
  *** SLIDER
  ******************************/
    .content-section-slider-image {}

    .slider-background {
      padding: 12vw 6vw;
      text-align: center;
    }

    .content-section-slider-image .content-title-subheading {
      font-size: 32px;
      text-transform: uppercase;
      /*text-shadow: 0 0 1px #000;*/
    }

    .slider-item {
      width: 100%;
    }

    .content-section-slider-image .slider-item a {
      text-decoration: none;
    }

    .slider-image.slider-loaded .slider-background,
    .slider-image.slider-loaded .slider-item  {
      height: 100%;
    }

    .slider-background::before {
      content: '';
      /*background: linear-gradient(180deg,rgba(255, 255, 255, 0) 20%, rgba(30, 74, 173, 0.6) 90%);*/
      background: black;
      opacity: 30%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      z-index: -1;
      border-radius: 9px !important;
    }


  /*****************************
  *** TEAM
  ******************************/
    .content-section-team {}


  /*****************************
  *** TEASER
  ******************************/
    .content-section-teaser {}

    .teaser-item {
      margin-bottom: 30px;
    }

    .teaser-item::before {
      content: '';
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg,rgba(255, 255, 255, 0) 20%, rgba(30, 74, 173, 0.6) 90%);
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      border-radius: 9px !important;
    }

    .teaser-link {
      position: absolute;
      bottom: 30px;
      left: 0;
      right: 0;
    }


  /*****************************
  *** SHORTCODE
  ******************************/
    .content-section-shortcode {}

    .content-section-shortcode .content-item {
      padding: 0;
    }

    .content-section-shortcode .content-item {
      position: relative;
      padding: 0!important;
    }


  /*****************************
  *** INFO
  ******************************/
    .content-section-info {}

    .content-section-info .content-item-subheading {
      margin-bottom: 10px;
    }

    .info-text li {
      padding: 3px 0;
    }


  /*****************************
  *** FAQ
  ******************************/
    .content-section-faq {}

    .content-section-faq .accordion-item {
      margin-bottom: 30px;
      border: 1px solid #f8f8f8;
      border-radius: 9px !important;
      background-color: #f8f8f8;
      box-shadow: rgba(30, 61, 96, 0.03) 0px 5px 15px 0px;
      overflow: hidden;
    }

    /*.content-section-faq .header,
    .content-section-faq .accordion-button {
      border-radius: 9px !important;
    }*/

    .content-section-faq .accordion-item .accordion-title {
      font-weight: bold;
      color: #515D74;
    }

    .content-section-faq .accordion-item,
    .content-section-faq .accordion-item .accordion-header,
    .content-section-faq .accordion-item .accordion-button,
    .content-section-faq .accordion-item .accordion-title {
      background-color: #f8f8f8!important;
    }

    .content-section-faq .accordion-body {
      padding-top: 0;
    }

    .content-section-faq .accordion-item,
    .content-section-faq .accordion-button {
      background-color: #f8f8f8;
    }


  /*****************************
  *** CONTACT
  ******************************/
    .content-section-contact {}

    .contact-icons {
      padding-top: 2px;
      padding-bottom: 2px;
    }


  /*****************************
  *** TILES
  ******************************/
    .content-section-tiles {}

    .content-section-tiles .content-area > div {
      margin-bottom: 30px;
    }

    .content-item-tile {
      height: 100%;
      padding-bottom: 15px;
      border-radius: 20px;
    }

    .tile-item-image figure {
      padding-top: 56%;
      border-radius: 20px 20px 0 0;
    }

    .tile-item-content {
      padding: 0 15px 0;
      position: relative;
    }

    .tile-item-content.has-link {
     padding-bottom: 75px;
    }

    .tile-item-content .tile-item-link {
      position: absolute;
      bottom: 0px;
      left: 15px;
    }

    .tile-item-content .tile-item-link .btn-gtg {
      padding: 15px;
      font-size: 80%;
    }


    /*** LAYOUT ICON ***/
      .icon-box {
        margin: 0 15px;
      }


/**********************************************************************
*** SITE-FOOTER
*********************************************************************/
  #site-footer {}

  #site-footer hr {
    max-width: 1290px;
    margin: 0 auto ;
  }

  #site-footer {
    font-size:14px;
    /*padding: 0 0 30px;*/
    position: relative;
    max-width: 1920px;
    margin: 60px auto 0;
  }

  .footer-block > p strong {
    font-size: 18px;
    color: #004AAD;
    margin-bottom: 15px;
  }

  #site-footer a,
  #site-footer .h3,
  #site-footer .h4 {text-decoration: none;}

  #site-footer a {
    color: #515D74;
  }

  #site-footer a:hover {
    text-decoration: underline;
  }

  /*#social-links {padding-left: 0; list-style: none;}
  #social-links li {display: inline-block; margin-right: 15px; width: 30px; height: 30px;}*/


  /*****************************
  *** COOKIE MENUS
  ******************************/
    #menu-cookies {
      list-style: none;
      padding-left: 0;
    }

    #menu-cookies li {
      display: inline-block;
    }




  /*****************************
  *** PAGE-FOOTER-META
  ******************************/
    /*#site-footer-meta {}

    #site-footer-meta {
      padding: 45px 0 15px;
    }

    #footer-icon {
      max-width: 95px;
    }

    #footer-logo {
      width: 115px;
      display: inline-block;
    }*/


/**********************************************************************
*** HOME
*********************************************************************/



/**********************************************************************
*** SIDEBAR
*********************************************************************/
  .sidebar-wrapper .widget {}

  .widget_text {}



/**********************************************************************
*** FORMS
*********************************************************************/
    .wpcf7 {
      display: block;
      margin-bottom: 30px;
    }

    .wpcf7-form label {
      margin-bottom: 5px;
      color: black;
      font-weight: bold;
    }

    .wpcf7 input[type="text"],
    .wpcf7 input[type="email"] {
      width: 100%;
      -webkit-appearance: none;
      border-radius: 0;
      padding: 10px 10px;
      border: none;
      border: 1px solid #E0E0E0;
      border-radius: 6px;
      margin-bottom: 30px;
      color: #000;
      background-color: white;
    }

    .wpcf7 textarea {
      resize: vertical;
      width: 100%;
      line-height: 140%;
      padding: 10px 10px;
      -webkit-appearance: none;
      border-radius: 6px;
      border: 1px solid #E0E0E0;
      color: #000;
      background-color: #fff;
    }

    .wpcf7-select {
      margin-bottom: 30px;
      padding: 10px 10px;
      background-color: white;
      border: 0px solid black;
      width: 100%;
    }

    .wpcf7-select option {}

    .wpcf7 .wpcf7-not-valid-tip,
    .wpcf7 .screen-reader-response {display: none!important;}

    .wpcf7 .wpcf7-response-output {
      margin-top: 15px;
    }

    .wpcf7 .wpcf7-not-valid {border: 2px solid red!important; display: inline-block;}

    .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
      display: block!important;
      text-align: center;
      padding: 20px;
    }

    .wpcf7-acceptance .wpcf7-list-item-label {
      padding-left: 10px;
      text-indent: 0px;
      display: inline-block;
      vertical-align: super;
      font-weight: normal;
      font-size: 80%;
    }

    .form-datenschutz {
      padding-top: 10px;
    }

    .wpcf7 #datenschutz {
      vertical-align: text-top;
    }

    .wpcf7-list-item [type="checkbox"] {
      vertical-align: super;
    }

    .wpcf7 *:disabled {
      opacity: .5;
      cursor: not-allowed;
    }

    .wpcf7-not-valid-tip {
      color: #004aad;
      padding: 2px;
      text-align: center;
    }

    .screen-reader-response {
      display: none!important;
    }

    :disabled {
      opacity: .4;
    }

    .wpcf7-form.sent .wpcf7-response-output {
      padding: 5px;
      margin-top: 30px;
      background-color: tomato;
      text-align: center;
      color: white;
      border-radius: 6px;
    }



/**********************************************************************
*** BREAKPOINT XL MAX 1399px
*********************************************************************/
  @media (max-width: 1399px) {

    /** BASICS **/
      body {}
      h1, .h1 {}
      h2, .h2 {}
      h3, .h3 {}
      h4, .h4 {}
      h5, .h5 {}
      h6, .h6 {}


    /** MENU **/
      .navbar-gtg .navbar-nav > li {padding: 18px 0px 12px;}
      .dropdown-menu {right: 2px;}

    /** HEADER **/
      .img-header {margin-top: -38%;}

    /** CONTENT **/
      

    /** FOOTER **/


  }



/**********************************************************************
*** BREAKPOINT LG MAX 1199px
*********************************************************************/
  @media (max-width: 1199px) {

    /** BASICS **/
      body {}
      h1, .h1 {}
      h2, .h2 {}
      h3, .h3 {}
      h4, .h4 {}
      h5, .h5 {}
      h6, .h6 {}

      .btn-gtg {font-size: 18px;}


    /** MENU **/


    /** HEADER **/
      #page-header-content {padding: 30px 30px;}
      .img-header {margin-top: -49%;}
      .navbar-gtg .navbar-nav > li {padding: 18px 0px 12px;}


    /** CONTENT **/
      .content-section-tiles.layout-testimonial .content-area .col-12 {margin-bottom: 30px;}


    /** FOOTER **/


  }



/**********************************************************************
*** BREAKPOINT MD MAX 991px
*********************************************************************/
  @media (max-width: 991px) {

    /** BASICS **/
      body {}
      h1, .h1 {font-size: 40px;}
      h2, .h2 {font-size: 38px;}
      h3, .h3 {font-size: 28px;}
      h4, .h4 {font-size: 18px;}

      .btn-gtg {}

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


    /** MENU **/


    /** NAV **/
      .navbar-brand {margin-right: 50px;}
      #nav-logo {max-width: 80%;}
      .navbar-gtg .navbar-nav > li a {line-height: 16px; font-size: 14px;}
      .dropdown-menu {right: 2px;}
      .dropdown-toggle::after {display: none;}


    /** HEADER **/
      #page-header-intro {margin-bottom: 0;}
      .img-header {margin-top: -14%; position: relative; max-width: 200px;}


    /** CONTENT **/
      .content-item-image-wrapper {margin-right: 0; margin-bottom: 30px;}
      .content-section-text .content-item.layout-icon {margin-bottom: 0px;}
      /*body.home .content-section-image-text .content-item-image-wrapper {height: 300px; overflow: hidden; position: relative; margin-bottom: -30px;}*/
      body.home .content-section-image-text .content-item-image-wrapper {}

      .content-section-image-text .content-item-image-wrapper {
        position: relative;
        top: 50%;
        left: 0;
        transform: none;
      }
      /*.content-item-text-position-left .content-item-image-wrapper {float: right;}*/



    /** FOOTER **/
      #page-footer {margin-top: 0;}
      #footer-logo {margin-bottom: 15px;}


  }



/**********************************************************************
*** BREAKPOINT SM MAX 767px
*********************************************************************/
  @media (max-width: 767px) {

    /** BASICS **/
      body {font-size: 16px;}

      h1, .h1 {font-size: 30px;}
      h2, .h2 {font-size: 28px;}
      h3, .h3 {font-size: 21px;}
      h4, .h4 {font-size: 18px;}

      .section-intro h2,
      .section-ontro h3,
      .section-intro h4,
      .section-outro h2,
      .section-outro h3,
      .section-outro h4 {margin-top: 15px;}

      .xl {font-size: 24px; line-height: 30px;}
      .l {font-size: 21px; line-height: 29px;}

      p {margin: 0 0 10px;}

      .btn-gtg {font-size: 16px;}

      .py-s {padding-top: 4vw !important; padding-bottom: 4vw !important;}


    /** NAV **/
      /*#page-navigation {box-shadow: var(--bs-box-shadow) !important;}*/
      .navbar-gtg {height: 65px; padding-top: 2px;}
      /*.navbar-brand {margin: 0 auto; padding-top: 10px;}*/
      #nav-logo {max-width: 100%; height: 26px;}
      .navbar-gtg #hauptmenu {max-width: 85%;}
      .navbar-toggler {border: 0px solid #fff; color: var(--bs-navbar-color);}
      .navbar-gtg .navbar-nav > li {text-align: center; display: block; vertical-align: middle; max-width: 100%;}
      .navbar-gtg .navbar-nav li {padding: 10px 0 10px;}
      .navbar-gtg .navbar-nav li a {padding: 0;}
      .navbar-gtg .navbar-nav > li {padding: 20px 0 20px;}
      .navbar-gtg .navbar-nav > li a {padding-bottom: 0;}
      .navbar-gtg .navbar-nav > li > a {font-size: 18px;}
      .dropdown-toggle::after {display: none;}
      .dropdown-menu {display: block; box-shadow: none; text-align: center; background: #fff; border-top: 0px solid white;}
      .dropdown-menu a {padding-top: 15px; text-transform: none!important; color: #000!important;}
      .navbar-gtg .navbar-nav li a.active {color: #004aad!important; background-color: #fff!important; border-right: 0px!important;}
      .navbar-gtg .navbar-nav .dropdown-menu li:hover > a,
      .navbar-gtg .navbar-nav .dropdown-menu li.current_page_item > a {background-color: #fff; border-right: 2px solid #FFF;}


    /** HEADER **/
      #page-header.has-img {background: white;}
      #page-header-intro {margin-bottom: 30px;}


    /** CONTENT **/

      .img-header {margin-top: -6%;}
      .content-section-faq .accordion-item .accordion-title {font-size: 16px !important; hyphens: auto;}
      .content-section-faq .accordion-item {padding: 0;}
      .content-section-faq .accordion-item .accordion-title .dashicons {display: none;}

      .content-section-image-text .content-item-image-wrapper {margin-bottom: 15px;}

      .content-section-tiles.layout-expert .tile-item-image {padding: 0 60px 30px;}

      .content-item-tile {height: auto;}

      .content-section-text .section-content > div {margin-bottom: 30px;}

      blockquote {margin-top: 30px; font-size: 19px;}

      .list-jobs .btn-gtg {display: block; white-space: pre; text-overflow: ellipsis; overflow: hidden;}

      .section-intro > div > ul li,
      .section-outro > div > ul li {padding: 5px 0;}

      .slider-background {padding: 28vw 6vw;}

      .content-section-info .item-text.info-text {margin-bottom: 30px;}

      #postaladdress {margin-bottom: 30px;}


    /** PAGE **/


    /** BLOG **/
    .blog-item {padding-bottom: 50px; margin-bottom: 45px; height: auto;}


    /** FOOTER **/
      #site-footer {margin: 0px auto 0;}
      #site-footer-meta {padding: 15px 0 15px;}
      #site-footer-meta .text-end {margin-top: 30px; text-align: left!important;}
      #site-footer-block-1 img.alignright {float: none; margin: 0 auto; display: block;}


    /** FOOTER MENU **/
      #site-footer-menu-mobile {padding: 5px 0; background-color: #1E3D60;}
      #site-footer-menu-mobile .col-3 {padding-left: 8px; padding-right: 8px;}
      #site-footer-menu-mobile a {color: white; display: block; text-decoration: none; font-size: 12px;}
      #site-footer-menu-mobile .dashicons {display: block; margin: 0 auto;}
      .img-footer {width: 22px; display: block; margin: 0 auto;}

      .footer-block li {padding: 5px 0;}
      #footer-block-3 {margin-top: 30px;}


  }



/**********************************************************************
*** BREAKPOINT XS MAX 575px
*********************************************************************/
  @media (max-width: 575px) {

    /** BASICS **/
      body {font-size: 15px;}
      .py-m {padding-top: 30px!important; padding-bottom: 30px!important;}


    /** MENU **/


    /** HEADER **/
      #page-navigation-meta a {margin-right: 13px;}
      .img-header {padding-bottom: 0;}
      #page-header-intro {margin-bottom: 0;}
      /*.img-header {position: relative; margin-top: 0; display:none!important;}*/


    /** CONTENT **/
      h1.content-title-heading {margin-bottom: 0; margin-top: 30px;}


    /** PAGE **/


    /** FOOTER **/
      #footer-linked-in .m {font-size: 18px;}
      .footer-block {margin-bottom: 30px;}

  }



/**********************************************************************
*** IE 10+
*********************************************************************/
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {



  }