@import url('https://fonts.googleapis.com/css?family=Advent+Pro:300,400,700&display=swap');
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=c15da381-b6c7-4259-872e-fe832b8485fc&fontids=1366574,1366578");
@font-face {
  font-family: "Frutiger Next LT W06 Bold Cond";
  src: url("Fonts/1366574/5b37393f-ce9d-4bac-9246-83299dfac2c2.eot?#iefix");
  src: url("Fonts/1366574/5b37393f-ce9d-4bac-9246-83299dfac2c2.eot?#iefix") format("eot"), url("Fonts/1366574/a05de249-568a-4414-96aa-32998d771087.woff2") format("woff2"), url("Fonts/1366574/1e2854a3-1d8e-4642-9ad5-fafffffe0c3c.woff") format("woff"), url("Fonts/1366574/08e29aa9-fc47-4ad0-99ab-d85aaf474a3e.ttf") format("truetype"); }

@font-face {
  font-family: "Frutiger Next LT W06 Li1366578";
  src: url("Fonts/1366578/b79c2ec5-a7d0-4043-83ac-7fe61feafff7.eot?#iefix");
  src: url("Fonts/1366578/b79c2ec5-a7d0-4043-83ac-7fe61feafff7.eot?#iefix") format("eot"), url("Fonts/1366578/c75850ac-1c2f-4fa3-a90a-2edd5fc960f2.woff2") format("woff2"), url("Fonts/1366578/84c09fc8-8f37-4d94-82b7-5e7c88dcfeae.woff") format("woff"), url("Fonts/1366578/b5ff4170-c488-4a80-8f3b-2115e56cc78b.ttf") format("truetype"); }
/*
 8pt - 11px
 9pt - 12px
 10pt - 13px
 11pt - 15px
 12pt - 16px
 14pt - 19px
 20pt - 26px
 */
h1, .headline-1 {
  font-size: 20px;
  font-family: 'Advent Pro', sans-serif;
  color: #fff;
  padding: 10px 0;
  mix-blend-mode: multiply;
  padding-left: 1rem;
  background: #17547a;
  background: -moz-linear-gradient(-45deg, #17547a 0%, #1a77a5 100%);
  background: -webkit-linear-gradient(-45deg, #17547a 0%, #1a77a5 100%);
  background: linear-gradient(135deg, #17547a 0%, #1a77a5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$blueDark', endColorstr='$blue',GradientType=1); }

.swiper-slide h1 {
  margin-bottom: 30px; }

h2, .headline-2 {
  font-size: 15px;
  color: #000;
  font-family: "Frutiger Next LT W06 Li1366578", sans-serif;
  font-weight: unset;
  letter-spacing: 2px; }

.swiper-slide h2 {
  font-size: 19px; }

h2.text-blau {
  margin-left: -15px; }

h3, .headline-3, .swiper-slide h1 {
  font-size: 26px;
  font-family: 'Advent Pro', sans-serif;
  color: #1a77a5;
  font-weight: 700;
  background: transparent;
  padding: 0;
  text-transform: uppercase; }

figure h3 {
  text-transform: unset; }

h3.align-center {
  /*margin-left: 15px; margin-right: 15px;*/ }

h4, .headline-4 {
  font-size: 15px;
  color: #fff;
  font-family: "Frutiger Next LT W06 Bold Cond", sans-serif;
  font-weight: unset;
  background: #17547a;
  background: -moz-linear-gradient(-45deg, #17547a 0%, #1a77a5 100%);
  background: -webkit-linear-gradient(-45deg, #17547a 0%, #1a77a5 100%);
  background: linear-gradient(135deg, #17547a 0%, #1a77a5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$blueDark', endColorstr='$blue',GradientType=1);
  padding: 1rem 0; }

h5, .card-body h3, h3 + h4 {
  font-size: 19px;
  color: #000;
  font-family: "Frutiger Next LT W06 Bold Cond", sans-serif;
  font-weight: unset;
  background: transparent; }

.card-body h3 {
  padding: 0 0 1rem 0; }
/* 1rem 0 1.5rem;*/
h5 {
  text-transform: uppercase; }

h6 {
  font-size: 19px;
  color: #fff;
  font-family: "Frutiger Next LT W06 Bold Cond", sans-serif;
  font-weight: unset;
  padding: 10px 0;
  background: #1a77a5;
  mix-blend-mode: multiply; }

.text-blau {
  font-size: 26px;
  font-family: 'Advent Pro', sans-serif;
  color: #1a77a5;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1.5rem 0;
  /*1rem*/
  margin-bottom: 0; }

#content ol, ul, dl {
  padding: 0 15px; }

a:hover, a:active, a:focus {
  text-decoration: none; }

a:after {
  display: block;
  content: attr(title);
  font-family: "Frutiger Next LT W06 Bold Cond";
  height: 0;
  overflow: hidden;
  visibility: hidden;
  white-space: nowrap; }

.btn {
  padding: 0.1rem 1.2rem; }
/*.actions {padding: 0 15px;}*/
.rahmen-ecke:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 0 100%, 90% 100%, 100% 86%, 100% 0);
  clip-path: polygon(0 0, 0 100%, 90% 100%, 100% 86%, 100% 0);
  border: 1px solid white; }

.rahmen-ecke {
  background-color: #17547a;
  mix-blend-mode: multiply; }

body {
  font-family: "Frutiger Next LT W06 Li1366578", sans-serif;
  font-size: 16px;
  max-width: 100vw;
  overflow-x: hidden; }

#nav-primary {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.9); }
  #nav-primary .d-flex {
    align-items: center; }

.navbar-brand {
  /*margin-left: -40px;*/ }
  .navbar-brand img {
    max-width: 320px;
    height: auto;
    width: 320px; }

@media all and (min-width: 576px) {
  .navbar-brand img {
    margin-right: 1.8rem; } }

.bg-transparent-white {
  background: #fff; }

ul.navbar-nav {
  padding-right: 0; }
  ul.navbar-nav li, ul.navbar-nav .nav-link {
    font-size: 13px;
    color: #000 !important;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    padding-right: 0.2rem;
    padding-left: 1rem; }
  ul.navbar-nav li a {
    padding: 0.5rem 1rem;
    text-transform: none; }
  ul.navbar-nav .nav-link {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  ul.navbar-nav > li:last-child {
    padding: 0.1rem 0 0 1rem;
    color: #1a77a5; }
    ul.navbar-nav > li:last-child a {
      padding: 0.5rem 0;
      display: inline-table;
      font-size: 11px;
      color: #1a77a5; }
    ul.navbar-nav > li:last-child a.active {
      font-weight: 700; }
  ul.navbar-nav .nav-link:hover, ul.navbar-nav .nav-link:active, ul.navbar-nav .nav-focus:hover, ul.navbar-nav .nav-link.active.current, ul.navbar-nav a:hover, ul.navbar-nav a:active, ul.navbar-nav a:focus {
    /*li:hover, */
    color: #1a77a5 !important;
    font-family: "Frutiger Next LT W06 Bold Cond";
    /*font-weight:700;*/ }
  ul.navbar-nav a:after {
    display: block;
    content: attr(title);
    font-family: "Frutiger Next LT W06 Bold Cond";
    height: 0;
    overflow: hidden;
    visibility: hidden; }

.dropdown-toggle:after {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0; }

.dropdown-menu:before {
  content: "";
  border-top: 0;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d9d9d9;
  border-left: 10px solid transparent;
  position: absolute;
  top: -10px;
  left: calc(50% - 10px); }

.dropdown-menu {
  font-size: 13px;
  color: #000;
  font-weight: 300;
  background-color: #d9d9d9;
  border: 0;
  border-radius: 0;
  text-align: center;
  left: calc(50% + 12px) !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
  .dropdown-menu a {
    color: #000;
    font-weight: 300; }
  .dropdown-menu a:hover, .dropdown-menu a:active, .dropdown-menu a:focus, .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
    color: #1a77a5;
    font-weight: 700;
    background: #d9d9d9; }

.navbar-light {
  /*
   .searchbar-toggler {border-color: transparent; padding: 0.2rem 1rem; margin: 0; margin-right: 0px;}
   .searchbar-toggler-icon {background-image: url('/fileadmin/images/typo3/lupe.svg');width: 1.2rem;height: 1.2rem;}*/ }
  .navbar-light .navbar-toggler {
    border: 0;
    border-radius: 0;
    padding-top: 11px; }
  .navbar-light .navbar-toggler-icon {
    background-image: url('/fileadmin/images/typo3/burger.svg');
    width: 1.2rem;
    height: 1.2rem; }

.navbar-shrinked {
  margin-top: 0rem; }

.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
  padding-right: 15px; }

.mm-menu_offcanvas {
  z-index: 20;
  background: #d9d9d9; }

.mm-menu .mm-listitem_selected > a:not(.mm-btn_next), .mm-menu .mm-listitem_selected > span {
  background: #d9d9d9 !important;
  color: #1a77a5; }

.breadcrumb-section {
  display: none; }

.jumbotron {
  padding: 0; }

.jumbotron.big {
  margin-bottom: 2rem; }
/*	.row {margin-right: 0;margin-left: 0;justify-content: space-between;}
 .container {padding-left:0;padding-right:0;}
 .frame-type-header {padding-left: 15px;}*/
#content {
  /*	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: -25px; right: auto; position: absolute; }
   .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: -25px; left: auto; position: absolute; }*/ }
  #content .ce-gallery.float-right {
    margin-left: 20px; }
  #content .sliderstart.pl0.pr0 {
    padding-right: 0;
    padding-left: 0; }
  #content .sliderstart .swiper-button-next, #content .sliderstart .swiper-button-prev {
    color: #fff !important; }
    #content .sliderstart .swiper-button-prev, #content .sliderstart .swiper-container-rtl .swiper-button-next {
      left: 1rem;
      right: auto;
      position: absolute; }
    #content .sliderstart .swiper-button-next, #content .sliderstart .swiper-container-rtl .swiper-button-prev {
      right: 1rem;
      left: auto;
      position: absolute; }
    #content .sliderstart .swiper-button-next:after, #content .sliderstart .swiper-container-rtl .swiper-button-prev:after {
      content: " ";
      background-image: url('/fileadmin/images/typo3/arrow-right-bold-w.svg');
      background-repeat: no-repeat;
      background-size: cover;
      width: 1.2rem;
      height: 2.3rem; }
    #content .sliderstart .swiper-button-prev:after, #content .sliderstart .swiper-container-rtl .swiper-button-next:after {
      content: " ";
      background-image: url('/fileadmin/images/typo3/arrow-left-bold-w.svg');
      background-repeat: no-repeat;
      background-size: cover;
      width: 1.2rem;
      height: 2.3rem; }
  #content .bgsliderstart {
    min-height: 46rem;
    background-size: cover !important;
    background-position: center center !important; }
    #content .bgsliderstart .frame.default.frame-type-textmedia.frame-layout-0 {
      display: block;
      padding: 1rem;
      max-width: 56%;
      background: #17547a;
      background: -moz-linear-gradient(310deg, transparent 20px, rgba(23, 84, 122, 0.8) 20px, rgba(23, 84, 122, 0.8) 100%);
      background: -webkit-linear-gradient(310deg, transparent 20px, rgba(23, 84, 122, 0.8) 20px, rgba(23, 84, 122, 0.8) 100%);
      background: linear-gradient(310deg, transparent 20px, rgba(23, 84, 122, 0.8) 20px, rgba(23, 84, 122, 0.8) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$blueDarktrans', endColorstr='$blueDarktrans',GradientType=1);
      color: #fff; }
      #content .bgsliderstart .frame.default.frame-type-textmedia.frame-layout-0 h3 {
        color: #fff;
        font-weight: 300; }
      #content .bgsliderstart .frame.default.frame-type-textmedia.frame-layout-0 .ce-bodytext {
        font-size: 26px;
        font-family: 'Advent Pro', sans-serif;
        color: #1a77a5;
        font-weight: 700;
        background: transparent;
        padding: 0;
        text-transform: uppercase;
        color: #fff;
        font-weight: 400; }
        #content .bgsliderstart .frame.default.frame-type-textmedia.frame-layout-0 .ce-bodytext p {
          margin-bottom: 0; }
      #content .bgsliderstart .frame.default.frame-type-textmedia.frame-layout-0 h3.h-slider {
        color: #fff;
        font-weight: 700; }
    #content .bgsliderstart .slider.container {
      z-index: 20;
      display: flex;
      justify-content: flex-end;
      margin-top: 4rem;
      /*mix-blend-mode:multiply;*/ }
  #content .bgsliderstart:before {
    content: "";
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 16%, rgba(255, 255, 255, 0.66) 45%, rgba(255, 255, 255, 0.76) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 16%, rgba(255, 255, 255, 0.66) 45%, rgba(255, 255, 255, 0.76) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 16%, rgba(255, 255, 255, 0.66) 45%, rgba(255, 255, 255, 0.76) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f5ffffff',GradientType=1);
    background: -moz-linear-gradient(-45deg, transparent 50%, rgba(26, 119, 165, 0.4) 100%);
    background: -webkit-linear-gradient(-45deg, transparent 50%, rgba(26, 119, 165, 0.4) 100%);
    background: linear-gradient(135deg, transparent 50%, rgba(26, 119, 165, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=1);
    z-index: 10;
    position: absolute;
    height: 100%;
    width: 100%; }
  #content .bgwsecke {
    padding: 40px;
    color: #000;
    background-color: #fff;
    background: -moz-linear-gradient(315deg, transparent 30px, #fff 30px);
    background: -webkit-linear-gradient(315deg, transparent 30px, #fff 30px);
    background: linear-gradient(315deg, transparent 30px, #fff 30px);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$white', endColorstr='$white',GradientType=1); }
  #content .bgblecke {
    padding: 40px;
    background-color: #17547a;
    background: -moz-linear-gradient(315deg, transparent 30px, #17547a 30px);
    background: -webkit-linear-gradient(315deg, transparent 30px, #17547a 30px);
    background: linear-gradient(315deg, transparent 30px, #17547a 30px);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$blueDark', endColorstr='$blueDark',GradientType=1); }
  #content .card .btn {
    color: #1a77a5;
    border: 1px solid #1a77a5;
    background: #fff; }
  #content .btn {
    border-radius: 0; }
  #content .btn-outline-info {
    color: #1a77a5;
    border: 1px solid #1a77a5;
    background: #fff;
    padding: 0.1rem 1.2rem; }
    #content .btn-outline-info a:hover {
      color: #fff;
      text-decoration: none; }
  #content .form-navigation button {
    color: #1a77a5;
    border: 1px solid #1a77a5;
    background: #fff;
    padding: 0.3rem 1.2rem; }
    #content .form-navigation button a:hover {
      color: #fff;
      text-decoration: none; }
  #content .btn-outline-info:hover, #content .form-navigation button:hover, #content .card .btn:hover {
    background: #17547a;
    background: -moz-linear-gradient(-45deg, #17547a 0%, #1a77a5 100%);
    background: -webkit-linear-gradient(-45deg, #17547a 0%, #1a77a5 100%);
    background: linear-gradient(135deg, #17547a 0%, #1a77a5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$blueDark', endColorstr='$blue',GradientType=1);
    color: #fff;
    border: 1px solid transparent; }
    #content .btn-outline-info:hover a, #content .form-navigation button:hover a, #content .card .btn:hover a {
      color: #fff; }
  #content button {
    border: 0;
    background: transparent;
    font-weight: 300;
    color: #1a77a5;
    position: relative; }
  #content button:hover {
    border: 0;
    background: transparent;
    font-weight: 500;
    color: #1a77a5; }
  #content button.more, #content button.less {
    display: block;
    margin: auto;
    border: 0 !important;
    background: transparent !important;
    color: #000 !important;
    padding: 0.8rem 1rem;
    flex: 0 0 100%;
    font-family: "Frutiger Next LT W06 Bold Cond"; }
  #content button.more:hover, #content button.less:hover {
    color: #1a77a5 !important; }
  #content .form-navigation button {
    /*padding: 0.1rem 5rem;*/
    font-weight: 700; }
  #content .container {
    position: relative; }
  #content .insights.swiper-container-initialized.swiper-container-horizontal {
    overflow: unset; }
  #content .swiper-button-next, #content .swiper-button-prev {
    color: #d9d9d9; }
  #content .swiper-pagination-bullet-active {
    opacity: 1;
    background: #1a77a5; }
  #content .swiper-button-next:after, #content .swiper-container-rtl .swiper-button-prev:after, #content .page-current .slider-nav.next a:after {
    content: " ";
    background-image: url('/fileadmin/images/typo3/arrow-right-bold.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.2rem;
    height: 2.3rem; }
  #content .swiper-button-prev:after, #content .swiper-container-rtl .swiper-button-next:after, #content .page-current .slider-nav.previous a:after {
    content: " ";
    background-image: url('/fileadmin/images/typo3/arrow-left-bold.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.2rem;
    height: 2.3rem; }
  #content .sliderstart.swiper-container-initialized.swiper-container-horizontal div.swiper-pagination-1411.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
    border: 1px solid #fff !important; }
  #content .sliderstart.swiper-container-initialized.swiper-container-horizontal div.swiper-pagination-1411.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff !important; }
  #content .swiper-slide.reference img {
    max-width: 75%;
    padding: 1rem 0; }
  #content .insights .row {
    /* margin: -5px;*/ }
    #content .insights .row .insight:nth-child(n+5) {
      margin-top: 3px; }
    #content .insights .row .insight.element-item.insight-item {
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 8px; }
  #content .insights {
    padding-left: 5px;
    padding-right: 5px; }
  #content .card .btn-block {
    width: calc(100% - 2rem);
    margin: auto; }
    #content .card .card-body {
      padding: 1rem; }
  #content .projects .projects {
    margin: 0 -15px; }
    #content .projects .overlay-link a {
      color: #fff; }
    #content .projects .overlay-link {
      border: 1px solid #fff;
      text-align: center;
      bottom: 0;
      position: absolute;
      left: 0;
      right: 0; }
    #content .projects .overlay-header {
      text-align: center;
      top: 10px;
      position: absolute;
      display: block;
      width: 100%; }
  #content .project.element-item {
    display: block;
    position: relative !important;
    top: unset !important;
    left: unset !important;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: none !important;
    margin-bottom: 30px; }
    #content .project.element-item figure {
      margin-bottom: 0; }
    #content .project.element-item figcaption {
      font-size: 0.8rem;
      position: absolute;
      font-size: 16px;
      color: #fff;
      font-family: "Frutiger Next LT W06 Bold Cond", sans-serif;
      font-weight: unset; }
    #content .project.element-item figcaption.effect {
      top: 30px;
      bottom: 30px;
      right: 30px;
      left: 30px;
      display: none; }
  #content .project.element-item.project-item:hover figcaption.effect {
    display: block; }
  #content .project.element-item.project-item:hover:before {
    opacity: 0.6;
    background: #1a77a5;
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    left: 15px; }
  #content .frame-type-form_formframework h2 {
    font-size: 26px;
    font-family: 'Advent Pro', sans-serif;
    color: #1a77a5;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 1.5rem 0;
    margin-bottom: 0; }
    #content .frame-type-form_formframework .form-control {
      font-size: unset;
      font-weight: 300;
      line-height: 1.5;
      color: #424241;
      background-color: #d9d9d9;
      border: 0;
      border-radius: 0;
      -webkit-transition: unset;
      transition: unset; }
    #content .frame-type-form_formframework .control-label {
      display: none; }
    #content .frame-type-form_formframework input[type="checkbox"] {
      margin-right: 0;
      appearance: none;
      -webkit-appearance: none;
      background-color: #d9d9d9;
      border: 0;
      box-shadow: none;
      padding: 15px;
      border-radius: 0;
      display: inline-block;
      position: relative; }
    #content .frame-type-form_formframework input[type="checkbox"]:checked:after {
      content: '\2714';
      font-size: 14px;
      position: absolute;
      top: 4px;
      left: 8px;
      color: #424241;
      font-size: 20px; }
    #content .frame-type-form_formframework .form-check-label {
      margin-bottom: 0;
      display: flex;
      align-items: flex-start; }
    #content .frame-type-form_formframework .form-check span {
      margin-left: 1rem; }
    #content .frame-type-form_formframework textarea.form-control {
      min-height: 14rem; }
    #content .frame-type-form_formframework span a {
      display: inline-block;
      vertical-align: bottom; }
    #content .frame-type-form_formframework input::-webkit-outer-spin-button, #content .frame-type-form_formframework input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    #content .frame-type-form_formframework input[type=number] {
      -moz-appearance: textfield; }
    #content .frame-type-form_formframework label[for*="fileupload"], #content .frame-type-form_formframework label[htmlfor*="fileupload"] {
      display: inline-block !important;
      cursor: pointer;
      background-color: #d9d9d9;
      font-weight: 300;
      line-height: 1.5;
      color: #424241;
      padding: 7px 15px;
      position: relative;
      min-width: 13rem; }
    #content .frame-type-form_formframework input[type="file"] {
      width: 0.1px;
      height: 0.1px;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      z-index: -1; }
    #content .frame-type-form_formframework input[type="file"] + label[for*="fileupload"] {
      /* "hand" cursor */ }
    #content .frame-type-form_formframework input[type="file"]:focus + label[for*="fileupload"] {
      outline: 1px dotted #000;
      outline: -webkit-focus-ring-color auto 5px; }
    #content .frame-type-form_formframework input[type="file"] + label[for*="fileupload"] {
      font-size: 1.25em;
      font-weight: 700;
      color: white;
      background-color: black;
      display: inline-block; }
    #content .frame-type-form_formframework label[for*="fileupload"], #content .frame-type-form_formframework label[htmlfor*="fileupload"], #content .frame-type-form_formframework select {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-image: linear-gradient(45deg, transparent 50%, #999 50%), linear-gradient(135deg, #999 50%, transparent 50%);
      background-position: calc(100% - 26px) 50%, calc(100% - 13px) 50%;
      background-size: 13px 13px;
      background-repeat: no-repeat; }
  #content #c1364 {
    /*Landkarte*/
    margin-top: 7px; }
  #content .slider {
    /*groß blau*/
    padding-bottom: 1rem; }
    #content .slider .ce-bodytext ol, #content .slider .ce-bodytext ul {
      padding: 0 25px; }
      #content .slider .ce-bodytext ol li, #content .slider .ce-bodytext ul li {
        padding: 0 8px; }
    #content .slider .m-8 {
      margin: 0;
      padding: 0; }
    #content .slider .swiper-slide h3, #content .slider .swiper-slide h1 {
      flex-basis: 100%;
      min-height: unset !important;
      padding: 15px 0; }
    #content .slider .swiper-slide-next, #content .slider .swiper-slide-prev {
      opacity: 0; }
    #content .slider .swiper-slide-active {
      opacity: 1; }
    #content .slider .swiper-button-next, #content .slider .swiper-button-prev {
      color: #fff; }
  #content .slider.sliderblau h3 {
    padding-left: 15px; }
  #content .kop.competences {
    margin: 0 -4rem; }
  #content .kreise-blau .competence.element-item {
    font-size: 26px;
    flex: 0 0 31.3%;
    flex-grow: 0;
    display: flex !important;
    padding: 0.5rem;
    box-sizing: border-box;
    margin: 1%;
    flex-grow: 1;
    color: #fff;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    flex-direction: column;
    font-weight: 300; }
    #content .kreise-blau .competence.element-item:active {
      min-height: 380px;
      flex: 33.3%;
      margin: 0; }
    #content .kreise-blau .company {
      font-family: "Frutiger Next LT W06 Bold Cond", sans-serif;
      font-weight: unset;
      text-transform: uppercase;
      line-height: 40px;
      font-size: 36px; }
    #content .kreise-blau .competence.element-item::before {
      content: '';
      display: table;
      padding-top: calc(90% - 2px);
      border: 1px solid #fff;
      width: 90%;
      position: absolute;
      height: 0;
      border-radius: 100%; }
  #content .competence a, #content .competence .contentheader, #content .competence .contentheader a, #content .competences.kreise-blau .contentheader a {
    color: white;
    z-index: 200;
    position: relative;
    text-decoration: none;
    font-family: 'Advent Pro', sans-serif;
    font-size: 37px;
    line-height: 30px;
    text-transform: uppercase; }
  #content .kreise-blau:before {
    padding-top: 33%;
    content: ""; }

.page-current .row {
  align-content: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  /*margin-right: 0;margin-left: 0;*/ }
  .page-current .slider-nav.previous, .page-current .slider-nav.next {
    flex: 0 0 10%;
    text-align: center;
    position: absolute;
    top: 50%; }
  .page-current .slider-nav.previous {
    left: -65px; }
  .page-current .slider-nav.next {
    right: -65px; }
  .page-current .prev-next-container {
    overflow: hidden; }
  .page-current .slider-nav.previous a:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    content: 'prev';
    visibility: unset;
    width: 100%;
    height: 100%; }
  .page-current .slider-nav.next a:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    content: 'next';
    visibility: unset;
    width: 100%;
    height: 100%; }
  .page-current .slider-nav.previous a, .page-current .slider-nav.next a {
    color: #d9d9d9; }

.page-current > .row {
  align-items: center; }

main .frame-type-menu_subpages .nav-item {
  border: 1px solid #1a77a5;
  width: 20%; }

.links1 .frame, .links2 .frame, .links3 .frame, .links4 .frame, .links5 .frame {
  margin: 0.6%; }
  .links1 a, .links2 a, .links3 a, .links4 a, .links5 a {
    width: 100%; }
  .links1 .btn, .links2 .btn, .links3 .btn, .links4 .btn, .links5 .btn {
    padding: 0.1rem 0; }
  .links1 .flex-wrap, .links2 .flex-wrap, .links3 .flex-wrap, .links4 .flex-wrap, .links5 .flex-wrap {
    width: 100%;
    display: flex !important; }
  .links1 .btn-outline-primary, .links2 .btn-outline-primary, .links3 .btn-outline-primary, .links4 .btn-outline-primary, .links5 .btn-outline-primary {
    color: #424241;
    border: 1px solid #1a77a5;
    background: #fff; }
    .links1 .btn-outline-primary a:hover, .links2 .btn-outline-primary a:hover, .links3 .btn-outline-primary a:hover, .links4 .btn-outline-primary a:hover, .links5 .btn-outline-primary a:hover {
      color: #fff;
      text-decoration: none; }
  .links1 .btn-outline-success, .links2 .btn-outline-success, .links3 .btn-outline-success, .links4 .btn-outline-success, .links5 .btn-outline-success, .links1 .btn-outline-primary:hover, .links2 .btn-outline-primary:hover, .links3 .btn-outline-primary:hover, .links4 .btn-outline-primary:hover, .links5 .btn-outline-primary:hover, .links1 .btn-outline-primary:not(:disabled):not(.disabled):active, .links2 .btn-outline-primary:not(:disabled):not(.disabled):active, .links3 .btn-outline-primary:not(:disabled):not(.disabled):active, .links4 .btn-outline-primary:not(:disabled):not(.disabled):active, .links5 .btn-outline-primary:not(:disabled):not(.disabled):active, .links1 .btn-outline-primary:not(:disabled):not(.disabled).active, .links2 .btn-outline-primary:not(:disabled):not(.disabled).active, .links3 .btn-outline-primary:not(:disabled):not(.disabled).active, .links4 .btn-outline-primary:not(:disabled):not(.disabled).active, .links5 .btn-outline-primary:not(:disabled):not(.disabled).active, .links1 .show > .btn-outline-primary.dropdown-toggle, .links2 .show > .btn-outline-primary.dropdown-toggle, .links3 .show > .btn-outline-primary.dropdown-toggle, .links4 .show > .btn-outline-primary.dropdown-toggle, .links5 .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    border: 1px solid transparent;
    background: #17547a;
    background: -moz-linear-gradient(-45deg, #17547a 0%, #1a77a5 100%);
    background: -webkit-linear-gradient(-45deg, #17547a 0%, #1a77a5 100%);
    background: linear-gradient(135deg, #17547a 0%, #1a77a5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$blueDark', endColorstr='$blue',GradientType=1);
    color: #fff;
    border: 1px solid transparent; }
    .links1 .btn-outline-success a, .links2 .btn-outline-success a, .links3 .btn-outline-success a, .links4 .btn-outline-success a, .links5 .btn-outline-success a, .links1 .btn-outline-primary:hover a, .links2 .btn-outline-primary:hover a, .links3 .btn-outline-primary:hover a, .links4 .btn-outline-primary:hover a, .links5 .btn-outline-primary:hover a, .links1 .btn-outline-primary:not(:disabled):not(.disabled):active a, .links2 .btn-outline-primary:not(:disabled):not(.disabled):active a, .links3 .btn-outline-primary:not(:disabled):not(.disabled):active a, .links4 .btn-outline-primary:not(:disabled):not(.disabled):active a, .links5 .btn-outline-primary:not(:disabled):not(.disabled):active a, .links1 .btn-outline-primary:not(:disabled):not(.disabled).active a, .links2 .btn-outline-primary:not(:disabled):not(.disabled).active a, .links3 .btn-outline-primary:not(:disabled):not(.disabled).active a, .links4 .btn-outline-primary:not(:disabled):not(.disabled).active a, .links5 .btn-outline-primary:not(:disabled):not(.disabled).active a, .links1 .show > .btn-outline-primary.dropdown-toggle a, .links2 .show > .btn-outline-primary.dropdown-toggle a, .links3 .show > .btn-outline-primary.dropdown-toggle a, .links4 .show > .btn-outline-primary.dropdown-toggle a, .links5 .show > .btn-outline-primary.dropdown-toggle a, .links1 .btn-outline-success a:hover, .links2 .btn-outline-success a:hover, .links3 .btn-outline-success a:hover, .links4 .btn-outline-success a:hover, .links5 .btn-outline-success a:hover, .links1 .btn-outline-primary:hover a:hover, .links2 .btn-outline-primary:hover a:hover, .links3 .btn-outline-primary:hover a:hover, .links4 .btn-outline-primary:hover a:hover, .links5 .btn-outline-primary:hover a:hover, .links1 .btn-outline-primary:not(:disabled):not(.disabled):active a:hover, .links2 .btn-outline-primary:not(:disabled):not(.disabled):active a:hover, .links3 .btn-outline-primary:not(:disabled):not(.disabled):active a:hover, .links4 .btn-outline-primary:not(:disabled):not(.disabled):active a:hover, .links5 .btn-outline-primary:not(:disabled):not(.disabled):active a:hover, .links1 .btn-outline-primary:not(:disabled):not(.disabled).active a:hover, .links2 .btn-outline-primary:not(:disabled):not(.disabled).active a:hover, .links3 .btn-outline-primary:not(:disabled):not(.disabled).active a:hover, .links4 .btn-outline-primary:not(:disabled):not(.disabled).active a:hover, .links5 .btn-outline-primary:not(:disabled):not(.disabled).active a:hover, .links1 .show > .btn-outline-primary.dropdown-toggle a:hover, .links2 .show > .btn-outline-primary.dropdown-toggle a:hover, .links3 .show > .btn-outline-primary.dropdown-toggle a:hover, .links4 .show > .btn-outline-primary.dropdown-toggle a:hover, .links5 .show > .btn-outline-primary.dropdown-toggle a:hover {
      color: #fff;
      text-decoration: none; }

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

#content .slider.sliderblau {
  margin: 0 -15px !important; }

@media all and (min-width: 576px) {
  #content .swiper-pagination-bullets {
    text-align: center;
    z-index: 20;
    position: absolute; }
    #content .sliderstart .swiper-pagination-bullets {
      text-align: center;
      z-index: 20;
      position: absolute; }
    #content .swiper-container-initialized.swiper-container-horizontal {
      overflow: hidden; } }

@media all and (max-width: 576px) {
  #content .kreise-blau {
    padding: calc(39% - 15px) 0 !important; } }

@media all and (min-width: 576px) and (max-width: 768px) {
  .container {
    width: 540px; }

  #content .kreise-blau {
    padding: calc(38% - 14px) 0 !important; }
    #content .container {
      width: 461px; }
    #content .swiper-pagination-bullets {
      text-align: center; }
    #content .swiper-container-initialized.swiper-container-horizontal {
      overflow: hidden; } }

@media all and (max-width: 768px) {
  #content {
    /**/ }
    #content .linkliste .btn, #content .links1 .frame, #content .links2 .frame, #content .links3 .frame, #content .links4 .frame, #content .links5 .frame {
      flex: 0 0 100%; }
    #content .linkliste.links1 .btn, #content .linkliste.links2 .btn, #content .linkliste.links3 .btn, #content .linkliste.links4 .btn, #content .linkliste.links5 .btn {
      margin: 0.6% 0 !important;
      width: 100%; }
    #content .linkliste .btn, #content .links1 .frame {
      flex: 0 0 100%; }
    #content .links2 .frame, #content .links3 .frame, #content .links4 .frame, #content .links5 .frame {
      margin: 0.6% 0; }
    #content .linkliste .btn:nth-child(even), #content .links1 .frame:nth-child(even), #content .links2 .frame:nth-child(even), #content .links3 .frame:nth-child(even), #content .links4 .frame:nth-child(even), #content .links5 .frame:nth-child(even) {
      margin-right: 0; }
    #content .linkliste .btn:nth-child(odd), #content .links1 .frame:nth-child(odd), #content .links2 .frame:nth-child(odd), #content .links3 .frame:nth-child(odd), #content .links4 .frame:nth-child(odd), #content .links5 .frame:nth-child(odd) {
      margin-left: 0; }
    #content .links1 .frame .btn, #content .links2 .frame .btn, #content .links3 .frame .btn, #content .links4 .frame .btn, #content .links5 .frame .btn {
      margin-left: 0 !important; }
    #content .insights.swiper-container-initialized.swiper-container-horizontal .caption-wrapper.caption-align-right {
      display: none; }
    #content .kreise-blau {
      border: 1px solid #fff;
      border-radius: 100%;
      height: 100%;
      margin: 8%;
      font-size: 26px;
      font-weight: 300; }
    #content .kreise-blau.swiper-container-horizontal > .swiper-pagination-bullets, #content .kreise-blau .swiper-pagination-custom, #content .kreise-blau .swiper-pagination-fraction {
      bottom: -42px;
      position: absolute; }
    #content .button-group-projects {
      padding: 0 0 1rem 0; }
      #content .button-group-projects button:before {
        content: "";
        width: 12px;
        height: 12px;
        border: 1px solid #1a77a5;
        display: inline-block;
        position: absolute;
        left: 0;
        bottom: 0; }
      #content .button-group-projects button.is-checked:before {
        content: "";
        width: 12px;
        height: 12px;
        border: 1px solid #1a77a5;
        background: #1a77a5;
        display: inline-block;
        position: absolute;
        left: 0;
        bottom: 0; }
      #content .button-group-projects button:first-child {
        margin-left: 0; }
      #content .button-group-projects button:focus {
        outline: 0; }
      #content .button-group-projects button {
        border: 0;
        background: transparent;
        font-weight: 300;
        color: #1a77a5;
        position: relative;
        padding-left: 19px;
        margin-left: 10px;
        line-height: 12px; }
      #content .button-group-projects button:hover {
        border: 0;
        background: transparent;
        font-weight: 500;
        color: #1a77a5; } }

@media all and (min-width: 768px) and (max-width: 992px) {
  .container {
    width: 720px; }

  #content {
    /**/ }
    #content .kreise-blau .company, #content .competence .contentheader {
      font-size: 25px; }
    #content .container {
      width: 642px; }
    #content .projects {
      margin: 1rem 0;
      height: auto !important;
      display: flex !important;
      flex-wrap: wrap;
      padding: 1rem 0; }
    #content .frame-type-form_formframework .form-check {
      font-size: 14px;
      text-align: justify;
      padding-bottom: 0rem;
      line-height: 18px; }
    #content .kreise-blau .competence.element-item {
      min-height: 230px; }
    #content .sliderstart .swiper-pagination-bullets {
      left: unset;
      text-align: center;
      bottom: 1rem;
      position: absolute;
      z-index: 20; }
    #content .linkliste .btn, #content .links1 .frame {
      flex: 0 0 100%; }
    #content .linkliste .btn, #content .links2 .frame, #content .links3 .frame, #content .links4 .frame, #content .links5 .frame {
      flex: 0 0 49.4%; }
    #content .linkliste .btn:nth-child(even), #content .links1 .frame:nth-child(even), #content .links2 .frame:nth-child(even), #content .links3 .frame:nth-child(even), #content .links4 .frame:nth-child(even), #content .links5 .frame:nth-child(even) {
      margin-right: 0; }
    #content .linkliste .btn:nth-child(odd), #content .links1 .frame:nth-child(odd), #content .links2 .frame:nth-child(odd), #content .links3 .frame:nth-child(odd), #content .links4 .frame:nth-child(odd), #content .links5 .frame:nth-child(odd) {
      margin-left: 0; }
    #content .links1 .frame .btn, #content .links2 .frame .btn, #content .links3 .frame .btn, #content .links4 .frame .btn, #content .links5 .frame .btn {
      margin-left: 0 !important; }
    #content .linkliste.links2 .btn {
      margin: 0.6% !important;
      flex: 0 0 49.4%; }
    #content .linkliste.links3 .btn {
      margin: 0.6% !important;
      width: 32.5%; }
    #content .linkliste.links4 .btn {
      margin: 0.6% !important;
      width: 23.8%; }
    #content .linkliste.links5 .btn {
      margin: 0.6% !important;
      width: 49.4%; }
    #content .linkliste.links5 .btn:nth-child(odd) {
      margin-left: 0 !important; }
    #content .linkliste.links5 .btn:nth-child(even) {
      margin-right: 0 !important; }
    #content .linkliste .btn:nth-child(even), #content .links1 .frame:nth-child(even), #content .linkliste.links2 .btn:nth-child(even), #content .links2 .frame:nth-child(even), #content .links3 .frame:nth-child(even), #content .links4 .frame:nth-child(even), #content .links5 .frame:nth-child(even) {
      margin-right: 0 !important; }
    #content .linkliste .btn:nth-child(odd), #content .links1 .frame:nth-child(odd), #content .linkliste.links2 .btn:nth-child(odd), #content .links2 .frame:nth-child(odd), #content .links3 .frame:nth-child(odd), #content .links4 .frame:nth-child(odd), #content .links5 .frame:nth-child(odd) {
      margin-left: 0 !important; }
    #content .button-group-projects {
      padding: 0 0 1rem 0; }
      #content .button-group-projects button:before {
        content: "";
        width: 12px;
        height: 12px;
        border: 1px solid #1a77a5;
        display: inline-block;
        position: absolute;
        left: 0;
        bottom: 0; }
      #content .button-group-projects button.is-checked:before {
        content: "";
        width: 12px;
        height: 12px;
        border: 1px solid #1a77a5;
        background: #1a77a5;
        display: inline-block;
        position: absolute;
        left: 0;
        bottom: 0; }
      #content .button-group-projects button:first-child {
        margin-left: 0; }
      #content .button-group-projects button:focus {
        outline: 0; }
      #content .button-group-projects button {
        border: 0;
        background: transparent;
        font-weight: 300;
        color: #1a77a5;
        position: relative;
        padding-left: 27px;
        margin-left: 46px;
        line-height: 12px; }
      #content .button-group-projects button:hover {
        border: 0;
        background: transparent;
        font-weight: 500;
        color: #1a77a5; } }

@media all and (max-width: 992px) {
  #content .swiper-slide.swiper-slide-active div div.container {
    padding-left: 0;
    padding-right: 0; }
    #content .projects .overlay-header {
      text-align: center;
      top: 10px;
      position: absolute;
      display: block;
      width: 100%;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical; } }

@media all and (min-width: 993px) {
  #content .button-group-projects {
    padding: 0 0 1rem 0; }
    #content .button-group-projects button:before {
      content: "";
      width: 12px;
      height: 12px;
      border: 1px solid #1a77a5;
      display: inline-block;
      position: absolute;
      left: 0;
      bottom: 0; }
    #content .button-group-projects button.is-checked:before {
      content: "";
      width: 12px;
      height: 12px;
      border: 1px solid #1a77a5;
      background: #1a77a5;
      display: inline-block;
      position: absolute;
      left: 0;
      bottom: 0; }
    #content .button-group-projects button:first-child {
      margin-left: 0; }
    #content .button-group-projects button:focus {
      outline: 0; }
    #content .button-group-projects button {
      border: 0;
      background: transparent;
      font-weight: 300;
      color: #1a77a5;
      position: relative;
      padding-left: 27px;
      margin-left: 46px;
      line-height: 12px; }
    #content .button-group-projects button:hover {
      border: 0;
      background: transparent;
      font-weight: 500;
      color: #1a77a5; } }

@media all and (min-width: 992px) and (max-width: 1200px) {
  .container {
    width: 960px; }

  #content {
    /**/ }
    #content .competence a {
      padding: 0.7rem; }
    #content .kreise-blau .company, #content .competence .contentheader {
      font-size: 33px; }
    #content .container {
      max-width: 852px; }
    #content .projects {
      margin: 1rem 0;
      height: auto !important;
      display: flex !important;
      flex-wrap: wrap;
      padding: 1rem 0; }
    #content .frame-type-form_formframework .form-check {
      font-size: 14px;
      text-align: justify;
      padding-bottom: 2rem;
      line-height: 21px; }
    #content .kreise-blau .competence.element-item {
      min-height: 310px; }
    #content .swiper-container-initialized.swiper-container-horizontal {
      overflow: hidden;
      margin-left: -15px; }
    #content .linkliste.links2 .btn {
      margin: 0.6% !important;
      flex: 0 0 49.4%; }
    #content .linkliste.links3 .btn {
      margin: 0.6% !important;
      width: 32.5%; }
    #content .linkliste.links4 .btn {
      margin: 0.6% !important;
      width: 23.8%; }
    #content .linkliste.links5 .btn {
      margin: 0.6% !important;
      width: 49.4%; }
    #content .linkliste .btn, #content .links1 .frame {
      flex: 0 0 100%; }
    #content .linkliste .btn, #content .links2 .frame, #content .links3 .frame, #content .links4 .frame, #content .links5 .frame {
      flex: 0 0 49.4%; }
    #content .linkliste .btn:nth-child(even), #content .links1 .frame:nth-child(even), #content .links2 .frame:nth-child(even), #content .links3 .frame:nth-child(even), #content .links4 .frame:nth-child(even), #content .links5 .frame:nth-child(even) {
      margin-right: 0 !important; }
    #content .linkliste .btn:nth-child(odd), #content .links1 .frame:nth-child(odd), #content .links2 .frame:nth-child(odd), #content .links3 .frame:nth-child(odd), #content .links4 .frame:nth-child(odd), #content .links5 .frame:nth-child(odd) {
      margin-left: 0 !important; }
    #content .links1 .frame .btn, #content .links2 .frame .btn, #content .links3 .frame .btn, #content .links4 .frame .btn, #content .links5 .frame .btn {
      margin-left: 0 !important; } }

@media all and (max-width: 1200px) {
  #content .projects .overlay-header {
    text-align: center;
    top: 0;
    position: absolute;
    display: block;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; } }

@media all and (min-width: 1200px) {
  .container {
    max-width: 1140px; }

  #content {
    /**/ }
    #content .competence a {
      padding: 2rem; }
    #content .container {
      max-width: 1032px; }
    #content .projects {
      margin: 1rem 0;
      height: auto !important;
      display: flex !important;
      flex-wrap: wrap;
      padding: 0; }
      #content .projects .overlay-header {
        text-align: center;
        top: 10px;
        position: absolute;
        display: block;
        width: 100%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }
    #content .frame-type-form_formframework .form-check {
      font-size: 16px;
      text-align: justify;
      padding-bottom: 2rem;
      line-height: 25px;
      padding-left: 0; }
    #content .kreise-blau .competence.element-item {
      min-height: 370px; }
    #content .linkliste.links1 .btn, #content .links1 .frame {
      flex: 0 0 100%; }
    #content .linkliste.links2 .btn, #content .links2 .frame {
      flex: 0 0 49.4%;
      margin: 0.6% !important; }
    #content .linkliste.links3 .btn, #content .links3 .frame {
      flex: 0 0 32.5%;
      margin: 0.6% !important; }
    #content .linkliste.links4 .btn, #content .links4 .frame {
      flex: 0 0 23.8%;
      margin: 0.6% !important; }
    #content .linkliste.links5 .btn, #content .links5 .frame {
      flex: 0 0 19%;
      margin: 0.6% !important; }
    #content .linkliste.links2 .btn:nth-child(even), #content .links2 .frame:nth-child(even) {
      margin-right: 0 !important; }
    #content .linkliste.links2 .btn:nth-child(odd), #content .links2 .frame:nth-child(odd) {
      margin-left: 0 !important; }
    #content .linkliste.links3 .btn:nth-child(3n+1), #content .links3 .frame:nth-child(3n+1) {
      margin-left: 0 !important; }
    #content .linkliste.links3 .btn:nth-child(3n), #content .links3 .frame:nth-child(3n) {
      margin-right: 0 !important; }
    #content .linkliste.links4 .btn:nth-child(4n+1), #content .links4 .frame:nth-child(4n+1) {
      margin-left: 0 !important; }
    #content .linkliste.links4 .btn:nth-child(4n), #content .links4 .frame:nth-child(4n) {
      margin-right: 0 !important; }
    #content .links5 .frame:first-child, #content .links5 .frame:nth-child(5n+6) {
      margin-left: 0 !important; }
    #content .links5 .frame:nth-child(5n+5) {
      margin-right: 0 !important; }
    #content .links1 .frame .btn, #content .links2 .frame .btn, #content .links3 .frame .btn, #content .links4 .frame .btn, #content .links5 .frame .btn {
      margin-left: 0 !important; }
    #content .linkliste.links5 .btn:first-child, #content .linkliste.links5 .btn:nth-child(5n+6) {
      margin-left: 0 !important; }
    #content .linkliste.links5 .btn:nth-child(5n+1) {
      margin-left: 0 !important; }
    #content .linkliste.links5 .btn:nth-child(5n+5) {
      margin-right: 0 !important; } }

@media all and (max-width: 992px) {
  .navbar-shrinked {
    margin-top: -0.5rem; }

  #content {
    /*.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: -33px; }
     .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: -33px; }*/ }
    #content .swiper-container-horizontal {
      padding-bottom: 1rem; }
    #content .insights.swiper-container-initialized.swiper-container-horizontal .caption-wrapper.caption-align-right {
      display: none; }
    #content .kreise-blau .competence.element-item:before {
      padding-top: calc(100% - 2px);
      width: 100%; }
    #content .kop.competences {
      margin: 0 -2rem; } }

.footer-section {
  font-size: 13px;
  margin-top: 0;
  border-top: 0;
  background: #494948;
  color: #fff; }
  .footer-section #c1327 {
    padding-bottom: 2rem; }
  .footer-section a {
    color: #fff;
    line-height: 1.4 !important; }
  .footer-section a:hover, .footer-section a:active, .footer-section a:focus {
    color: #fff;
    font-family: "Frutiger Next LT W06 Bold Cond";
    text-decoration: none;
    line-height: 1.4 !important; }
  .footer-section [title~="unbenutzt"] {
    display: none; }
  .footer-section .header-footer {
    margin-bottom: 1rem;
    margin-top: 1rem;
    display: block;
    font-weight: 700; }
  .footer-section .header-footer a:hover {
    color: #000; }
  .footer-section .btn {
    line-height: 1.4; }
  .footer-section .btn-outline-info {
    color: #fff;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0 !important;
    font-size: 14px;
    text-align: left;
    min-width: 100%; }
  .footer-section .btn-outline-info:not(:disabled):not(.disabled):active, .footer-section .btn-outline-info:not(:disabled):not(.disabled).active, .footer-section .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    border: 0;
    background: transparent;
    border-color: transparent; }
  .footer-section .frame-type-menu_subpages a:hover {
    color: #fff; }
  .footer-section .flex-wrap {
    flex-direction: column; }
  .footer-section ul.footer-links li a {
    padding: 0 1rem 2px;
    line-height: 14px;
    border-right: 1px solid #fff;
    text-align: center; }
  .footer-section ul.footer-links li:first-child a {
    padding: 0 1rem 2px 0; }
  .footer-section .copyright.mt-2 {
    margin-top: 0 !important;
    margin-left: 1rem;
    line-height: 18px; }

@media all and (min-width: 992px) {
  .footer-section .mobil .d-none {
    display: block !important; }

  #c1335 {
    margin-top: -1.5rem; } }

@media all and (max-width: 992px) {
  .footer-section .header-footer {
    margin-top: 1rem; }
    .footer-section .frame-type-menu_subpages .header-footer {
      background-color: #424241;
      padding: 8px; }
      .footer-section .frame-type-menu_subpages .header-footer:after {
        content: "";
        border-top: 12px solid #fff;
        border-right: 11px solid transparent;
        border-left: 11px solid transparent;
        border-bottom: 0;
        position: absolute;
        top: 2rem;
        right: 24px; }
    .footer-section .footer-links.nav.nav-inline.float-right {
      float: left !important; } }

@media all and (max-width: 992px) and (min-width: 1200px) {
  .footer-section .container .row .col {
    margin: 7px; } }

@media all and (max-width: 991px) {
  .footer-section .container .row .col {
    margin: -15px; } }

#cookie-bar a::after {
  display: unset; }

#topcontrol {
  display: none; }

#content .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: -65px; }

#content .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: -65px; }

.frame-layout-0 .swiper-pagination-bullet {
  border: 1px solid #1a77a5;
  margin-top: 1rem !important; }
  .frame-layout-0 .swiper-pagination-bullet-active {
    background: #1a77a5; }
  .frame-layout-0 .swiper-container-horizontal > .swiper-pagination-bullets, .frame-layout-0 .swiper-pagination-custom, .frame-layout-0 .swiper-pagination-fraction {
    text-align: center; }

.frame-layout-1 {
  background: #d9d9d9; }
  .frame-layout-1 .swiper-pagination-bullet {
    border: 1px solid #1a77a5;
    margin-top: 1rem !important; }
  .frame-layout-1 .swiper-pagination-bullet-active {
    background: #1a77a5; }
  .frame-layout-1 .swiper-container-horizontal > .swiper-pagination-bullets, .frame-layout-1 .swiper-pagination-custom, .frame-layout-1 .swiper-pagination-fraction {
    text-align: center; }

#content .frame-layout-2 {
  background: #17547a;
  background: -moz-linear-gradient(-45deg, #17547a 0%, #1a77a5 100%);
  background: -webkit-linear-gradient(-45deg, #17547a 0%, #1a77a5 100%);
  background: linear-gradient(135deg, #17547a 0%, #1a77a5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$blueDark', endColorstr='$blue',GradientType=1);
  color: #fff;
  padding: 3rem 0 3rem 0;
  /*a:before{content: 'prev';font-family: swiper-icons;font-size: var(--swiper-navigation-size);text-transform: none !important;}*/ }
  #content .frame-layout-2 h1, #content .frame-layout-2 h2, #content .frame-layout-2 h3, #content .frame-layout-2 h4, #content .frame-layout-2 h5 {
    color: #fff; }
  #content .frame-layout-2 h1 {
    font-size: 28px;
    font-family: 'Advent Pro', sans-serif;
    color: #fff;
    padding: 0;
    background: transparent;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
    mix-blend-mode: unset; }
  #content .frame-layout-2 h2 {
    font-weight: 700;
    font-size: 19px;
    letter-spacing: unset;
    text-transform: uppercase; }
  #content .frame-layout-2 h3 {
    text-transform: uppercase; }
  #content .frame-layout-2 a {
    color: #fff;
    font-family: "Frutiger Next LT W06 Bold Cond"; }
  #content .frame-layout-2 a:after {
    display: table-caption;
    content: attr(title);
    font-family: "Frutiger Next LT W06 Bold Cond";
    height: 0;
    overflow: hidden;
    visibility: hidden; }
  #content .frame-layout-2 .style1 {
    color: white;
    font-weight: 700; }
  #content .frame-layout-2 .container.page-current {
    padding-left: 0;
    padding-right: 0; }
  #content .frame-layout-2 .swiper-pagination-bullet {
    border: 1px solid #fff;
    margin-top: 1rem !important; }
  #content .frame-layout-2 .swiper-pagination-bullet-active {
    background: #fff !important; }
  #content .frame-layout-2 .swiper-container-horizontal > .swiper-pagination-bullets, #content .frame-layout-2 .swiper-pagination-custom, #content .frame-layout-2 .swiper-pagination-fraction {
    text-align: center;
    bottom: unset; }
  #content .frame-layout-2 .swiper-button-next:after, #content .frame-layout-2 .swiper-container-rtl .swiper-button-prev:after {
    content: " ";
    background-image: url('/fileadmin/images/typo3/arrow-right-bold-w.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.2rem;
    height: 2.3rem; }
  #content .frame-layout-2 .swiper-button-prev:after, #content .frame-layout-2 .swiper-container-rtl .swiper-button-next:after {
    content: " ";
    background-image: url('/fileadmin/images/typo3/arrow-left-bold-w.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.2rem;
    height: 2.3rem; }
/*special*/
#c1359 {
  text-transform: uppercase; }

.fa-phone::before, a.mail:before, a[href^="javascript:linkTo_UnCryptMailto"]:before {
  content: ""; }

#c1378 {
  padding: 3rem 0 1rem 0; }

#c1335 .container {
  width: unset; }
  #c1335 .container .d-block.col-2.d-sm-block.col-sm-2.d-md-block.col-md-6.d-lg-block.col-lg-6.d-xl-block.col-xl-6 {
    padding: 0;
    margin: 0;
    max-width: 35%; }

@media all and (min-width: 576px) and (max-width: 992px) {
  .footer-section div.container div.row.row-reverse div.d-block.colindex-0 {
    padding: 0; }

  .footer-section div.container div.row.row-reverse div.d-block.colindex-1 {
    padding: 0; } }

@media all and (min-width: 768px) {
  .footer-section div.container div.row.row-reverse div.d-block.colindex-0 {
    max-width: 75%; } }

@media all and (max-width: 768px) {
  #c1335 .container {
    width: unset; }
    #c1335 .container .d-block.col-2.d-sm-block.col-sm-2.d-md-block.col-md-6.d-lg-block.col-lg-6.d-xl-block.col-xl-6 {
      padding: 0;
      margin: 0;
      max-width: 12%; } }

@media all and (min-width: 768px) and (max-width: 992px) {
  #c2244 .col-md-7, #c2244 .col-md-5, #c2244 .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%; } }