@charset "UTF-8";
/*INCLUDES of bootstrap mixins*/
/* COLOURS */
/*FONTS*/
@font-face {
  font-family: "intro";
  src: url("../assets/fonts/intro/intro.woff2") format("woff2"), url("../assets/fonts/intro/intro.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sans_r";
  src: url("../assets/fonts/TheSans_Regular/TheSansE4s-5_Plain.woff2") format("woff2"), url("../assets/fonts/TheSans_Regular/TheSansE4s-5_Plain.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sans_b";
  src: url("../assets/fonts/TheSans_Bold/TheSansE4s-7_Bold.woff2") format("woff2"), url("../assets/fonts/TheSans_Bold/TheSansE4s-7_Bold.woff") format("woff");
  font-weight: normal;
  font-style: bold;
}
@font-face {
  font-family: "sans_i";
  src: url("../assets/fonts/TheSans_Italic/TheSansE4s-5iPlainItalic.woff2") format("woff2"), url("../assets/fonts/TheSans_Italic/TheSansE4s-5iPlainItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
/*BASIC TYPO3 STYLING*/
/* default styles for extension "tx_frontend" */
.ce-align-left {
  text-align: left;
}

.ce-align-center {
  text-align: center;
}

.ce-align-right {
  text-align: right;
}

.ce-table td, .ce-table th {
  vertical-align: top;
}

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
  overflow: hidden;
}

.ce-left .ce-gallery, .ce-column {
  float: left;
}

.ce-center .ce-outer {
  position: relative;
  float: right;
  right: 50%;
}

.ce-center .ce-inner {
  position: relative;
  float: right;
  right: -50%;
}

.ce-right .ce-gallery {
  float: right;
}

.ce-gallery figure {
  display: table;
  margin: 0;
}

.ce-gallery figcaption {
  display: table-caption;
  caption-side: bottom;
}

.ce-gallery img {
  display: block;
  width: 100%;
  height: auto;
}

.frame-layout-0 .ce-gallery img[src$=".svg"], .frame-layout-0 .ce-gallery img[src$=".SVG"] {
  width: 100%;
  height: 200px;
}

.frame-layout-1 .ce-gallery img[src$=".svg"], .frame-layout-1 .ce-gallery img[src$=".SVG"] {
  width: 100%;
  height: auto;
  padding-bottom: 1rem;
}

.frame-layout-1 .ce-gallery img[src$=".svg"], .frame-layout-1 .ce-gallery img[src$=".SVG"] {
  width: 100%;
  height: 75px;
  padding-bottom: 1rem;
}

.frame-layout-2 .ce-gallery img {
  padding: 5px 0;
}

.ce-gallery iframe {
  border-width: 0;
}

.ce-border img,
.ce-border iframe {
  border: 2px solid #000000;
  padding: 0px;
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery {
  margin-bottom: 10px;
}

.ce-above .ce-gallery {
  margin-bottom: 0;
}

.ce-intext.ce-right .ce-gallery {
  margin-left: 10px;
}

.ce-intext.ce-left .ce-gallery {
  margin-right: 10px;
}

.ce-below .ce-gallery {
  margin-top: 10px;
}

.ce-column {
  margin-right: 10px;
}

.ce-column:last-child {
  margin-right: 0;
}

.ce-row {
  margin-bottom: 10px;
}

.ce-row:last-child {
  margin-bottom: 0;
}

.ce-above .ce-bodytext {
  clear: both;
}

.ce-intext.ce-left ol, .ce-intext.ce-left ul {
  padding-left: 40px;
  overflow: auto;
}

/* Headline */
.ce-headline-left {
  text-align: left;
}

.ce-headline-center {
  text-align: center;
}

.ce-headline-right {
  text-align: right;
}

/* Uploads */
.ce-uploads {
  margin: 0;
  padding: 0;
}

.ce-uploads li {
  list-style: none outside none;
  margin: 1em 0;
}

.ce-uploads img {
  float: left;
  padding-right: 1em;
  vertical-align: top;
}

.ce-uploads span {
  display: block;
}

/* Table */
.ce-table {
  width: 100%;
  max-width: 100%;
}

.ce-table th, .ce-table td {
  padding: 0.5em 0.75em;
  vertical-align: top;
}

.ce-table thead th {
  border-bottom: 2px solid #dadada;
}

.ce-table th, .ce-table td {
  border-top: 1px solid #dadada;
}

.ce-table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.ce-table-bordered th, .ce-table-bordered td {
  border: 1px solid #dadada;
}

/* Space */
.frame-space-before-extra-small {
  margin-top: 1em;
}

.frame-space-before-small {
  margin-top: 2em;
}

.frame-space-before-medium {
  margin-top: 3em;
}

.frame-space-before-large {
  margin-top: 4em;
}

.frame-space-before-extra-large {
  margin-top: 5em;
}

.frame-space-after-extra-small {
  margin-bottom: 1em;
}

.frame-space-after-small {
  margin-bottom: 2em;
}

.frame-space-after-medium {
  margin-bottom: 3em;
}

.frame-space-after-large {
  margin-bottom: 4em;
}

.frame-space-after-extra-large {
  margin-bottom: 5em;
}

/* Frame */
.frame-ruler-before:before {
  content: "";
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  margin-bottom: 2em;
}

.frame-ruler-after:after {
  content: "";
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  margin-top: 2em;
}

.frame-indent {
  margin-left: 15%;
  margin-right: 15%;
}

.frame-indent-left {
  margin-left: 33%;
}

.frame-indent-right {
  margin-right: 33%;
}

.frame-type-html figcaption {
  display: table-caption;
  caption-side: bottom;
  display: block;
  font-size: small;
  position: relative;
  top: -2rem;
}

/*Ausblenden vom doppelt gerenderten Inhalt bei 2-click media*/
.frame-type-textmedia > .ce-textpic > .ce-gallery:nth-child(2) {
  display: none;
}

/* VIEW PORT - Menü Umschaltung / Content Umschaltung */
@media (min-width: 1200px) {
  /*Scroll-ziel um Höhe der fixed Nav nach unten verschieben*/
  :target:before {
    content: "";
    display: block;
    height: 100px;
    margin: -100px 0 0;
  }
  nav {
    /*NAVIGATION - MENÜ: Tab-Accordion Umschaltung*/
  }
  nav label.hamburg {
    margin: 0 2rem;
  }
  nav .navbar-brand {
    float: none;
    position: absolute;
    left: 50%;
    top: 3rem;
    transform: translate(-50%, -50%);
  }
  nav .navbar-brand > img {
    width: 300px;
  }
  nav .nav-tabs {
    display: flex !important;
  }
  nav .card {
    border: none;
  }
  nav .card .card-header {
    display: none;
  }
  nav .card .collapse {
    display: block;
  }
  nav .card-body {
    padding: 0;
  }
  nav .card-body .btn {
    padding: 1.5rem 1rem;
    height: 100%;
  }
  nav #search {
    display: block;
  }
  nav #searchbar, nav #loginbar {
    display: none;
  }
  /*CONTENT*/
  main {
    /* --> Header Grafik Branche wieder einblenden - Ersatznavigation ausblenden --> Ersatznavi fehlt noch
        #branche svg{
            display: block;
        }*/
    /*Hemisphere Matrix Umbruch bei Mob*/
    /* Toplink Positionierung */
  }
  main .row {
    padding-right: 2rem;
  }
  main #contentbar {
    padding: 0 1rem;
  }
  main #contentbar > .row {
    padding-right: 0;
  }
  main #contentbar > .row .outer {
    width: 33%;
    padding: none;
  }
  main #contentbar > .row .inner {
    width: 33%;
    padding: none;
  }
  main .top-link {
    bottom: 3rem;
    left: 3rem;
  }
  main .txt-xlg {
    font-size: 4rem;
  }
  main .txt-lg {
    font-size: 3rem;
  }
  main .txt-md {
    font-size: 2rem;
  }
}
@media (max-width: 1200px) {
  /*Scroll-ziel um Höhe der fixed Nav nach unten verschieben*/
  :target:before {
    content: "";
    display: block;
    height: 60px;
    margin: -60px 0 0;
  }
  /*NAVIGATION - MENÜ*/
  nav label.hamburg {
    margin: 0 2rem 0 0;
  }
  nav .navbar-brand {
    float: right;
  }
  nav .navbar-brand > img {
    margin-right: 2rem;
  }
  nav .card .card-header {
    background-color: white;
  }
  nav .tab-content .tab-pane {
    display: block !important;
    opacity: 1;
  }
  nav .card-body {
    padding: 0;
  }
  nav .card-body .btn {
    padding: 0.5rem 0.5rem;
    height: 100%;
  }
  nav #search, nav #searchbarToggle {
    display: none;
  }
  /*CONTENT*/
  main {
    /*  --> Header Grafik Branche ausblenden - Ersatznavigation mit Icons einblenden --> fehlt noch
        #branche svg{
            display: none;
        }*/
    /* 
    .container{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    */
    /*Hemisphere Matrix */
    /* Toplink Positionierung */
  }
  main .row {
    padding-right: 2rem;
  }
  main #contentbar {
    padding: 0 1rem;
  }
  main #contentbar > .row {
    padding-right: 0;
  }
  main #contentbar > .row .outer {
    width: 100%;
    padding: none;
  }
  main #contentbar > .row .inner {
    width: 100%;
    padding: none;
  }
  main .top-link {
    bottom: 1rem;
    left: 1rem;
  }
}
@media (max-width: 768px) {
  /*Linie Bullet-CE bei Branchenseite ausblenden */
  main {
    /*
    .container{
        padding-left: 0;
        padding-right: 0;
    }
    */
  }
  main .second-column.content {
    padding-left: 0.75rem;
    border-left: none;
  }
  main section .row .col-md4, main section .row .col-lg-4 {
    padding-bottom: 3rem;
  }
  main section#acontent684 .content {
    padding: 0.75rem;
  }
  main blockquote {
    margin: 0 0 1rem 0 !important;
  }
  main .frame-space-before-extra-large {
    margin-top: 3rem;
  }
  main .frame-space-after-extra-large {
    margin-bottom: 3rem;
  }
  h1, .h1 {
    font-size: 1.75rem;
  }
  h2, .h2 {
    font-size: 1.5rem;
  }
  h3, .h3 {
    font-size: 1.35rem;
  }
  h4, .h4 {
    font-size: 1.25rem;
    font-weight: bold;
  }
  .txt-xlg {
    font-size: 3.5rem;
  }
  .txt-lg {
    font-size: 2.5rem;
  }
  .txt-md {
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) {
  /*Linie Bullet-CE bei Branchenseite ausblenden */
  main .second-column.content {
    padding-left: 1.75rem;
    border-left: 1px solid #ededed;
  }
}
@media (max-width: 576px) {
  /*GridBranche für das zweiColumns Element*/
  main .row {
    padding: 0;
  }
}
@media (max-width: 450px) {
  nav .navbar-brand {
    float: right;
    width: 200px !important;
    padding-top: 0.5rem;
  }
  nav .navbar-brand > img {
    margin-right: 0rem;
    width: 200px !important;
  }
  main {
    /*
    .container{
        padding-left: 0;
        padding-right: 0;
    }
    */
  }
  main section#acontent684 .content {
    padding: 0.5rem;
  }
  main blockquote {
    margin: 0 0 1rem 0 !important;
  }
  main .frame-space-before-extra-large {
    margin-top: 2rem;
  }
  main .frame-space-after-extra-large {
    margin-bottom: 2rem;
  }
  h1, .h1 {
    font-size: 1.5rem;
  }
  h2, .h2 {
    font-size: 1.25rem;
  }
  h3, .h3 {
    font-size: 1.15rem;
  }
  h4, .h4 {
    font-size: 1.1rem;
    font-weight: bold;
  }
  .txt-xlg {
    font-size: 3rem;
  }
  .txt-lg {
    font-size: 2rem;
  }
  .txt-md {
    font-size: 1.5rem;
  }
}
html {
  scroll-behavior: smooth;
}

::-moz-selection {
  background: #1cbbff;
  color: #ededed;
}

::selection {
  background: #1cbbff;
  color: #ededed;
}

::-moz-selection {
  background: #1cbbff;
  color: #ededed;
}

/* General BODY tag */
body {
  font-family: sans_r, Roboto, Arial, "Noto Sans", sans-serif;
  background-color: white;
  color: #2b2c30;
}
body b, body strong {
  font-family: sans_b, Roboto, Arial, "Noto Sans", sans-serif;
}
body b > a, body strong > a {
  font-family: sans_r, Roboto, Arial, "Noto Sans", sans-serif;
  font-weight: normal;
}
body i, body em {
  font-family: sans_i, Roboto, Arial, "Noto Sans", sans-serif;
}
body li {
  padding-bottom: 0.5rem;
}
body li.breadcrumb-item {
  padding-bottom: 0rem;
}
body .intro, body .section-header, body .page-header, body .jumbo-header, body .card-header {
  font-family: intro;
}
body .btn {
  transition: none;
}
body a {
  color: #1cbbff;
}
body a:hover, body a:focus {
  color: #85888f;
  text-decoration: none;
}
body a > button:hover {
  text-decoration: none;
}
body button:active, body .btn:active {
  outline: none;
  box-shadow: none;
  text-decoration: none;
}
body button:focus, body .btn:focus {
  outline: none;
  box-shadow: none;
  text-decoration: none;
}
body blockquote {
  margin: 0 3rem 1rem 3rem;
  padding: 1rem 6rem 0 1rem;
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  background-color: white;
  background-image: url("../assets/brand/Quote.svg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100px 100px;
}
body .blue {
  color: #1cbbff;
}
body .shark {
  color: #2b2c30;
}
body .tuna {
  color: #383a3e;
}
body .panther {
  color: #46484d;
}
body .greyhound {
  color: #65676f;
}
body .koala {
  color: #85888f;
}
body .dolphin {
  color: #ededed;
}
body .black {
  background: black;
}
body .white {
  background: white;
}
body .modal-dialog .modal-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #65676f;
}
body .modal-dialog .modal-header#cookieman-modal-title, body .modal-dialog .modal-header .modal-title {
  font-family: intro;
  color: white;
}
body .modal-dialog .modal-header button.close {
  line-height: inherit;
  text-shadow: 0 0 0 #65676f;
  color: white;
  opacity: 1;
}
body .modal-dialog .modal-body .btn-primary {
  padding: 0.375rem 0.75rem;
  color: white;
  background-color: #1cbbff;
  border-color: #1cbbff;
}
body .modal-dialog .modal-body .btn-primary:hover {
  color: #1cbbff;
  border-color: #1cbbff;
  text-decoration: none;
}
body .modal-dialog .modal-body .btn-primary:not(:disabled):not(.disabled):active:focus,
body .modal-dialog .modal-body .btn-primary:not(:disabled):not(.disabled).active:focus,
body .modal-dialog .modal-body .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}
body .modal-dialog .modal-body .btn-secondary {
  padding: 0.375rem 0.75rem;
  background-color: #85888f;
  border-color: #85888f;
}
body .modal-dialog .modal-body .btn-secondary:hover {
  color: #85888f;
  background-color: white;
  border-color: #85888f;
}
body .modal-dialog .modal-body .btn-secondary:not(:disabled):not(.disabled):active:focus,
body .modal-dialog .modal-body .btn-secondary:not(:disabled):not(.disabled).active:focus,
body .modal-dialog .modal-body .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: none;
}
body .modal-dialog .modal-footer button.btn-default, body .modal-dialog .modal-footer button.btn-primary:first-of-type {
  background-color: white;
  color: #85888f;
  border-color: #85888f;
}
body .modal-dialog .modal-footer button.btn-default:hover, body .modal-dialog .modal-footer button.btn-primary:first-of-type:hover {
  color: #2b2c30;
  border-color: #2b2c30;
}
body .modal-dialog .modal-footer button.btn-primary {
  background-color: #1cbbff;
  border-color: #1cbbff;
}
body .modal-dialog .modal-footer button.btn-primary:hover {
  color: #1cbbff;
  background-color: white;
  border-color: #1cbbff;
  text-decoration: none;
}
body .modal-dialog .modal-footer button.btn-primary:not(:disabled):not(.disabled):active:focus, body .modal-dialog .modal-footer button.btn-primary:not(:disabled):not(.disabled).active:focus, body .modal-dialog .modal-footer button.btn-primary:not(:disabled):not(.disabled):active, body .modal-dialog .modal-footer button.btn-primary:not(:disabled):not(.disabled).active {
  box-shadow: none;
  color: white;
  background-color: #1cbbff;
  border-color: #1cbbff;
}
body #cookieman-modal [data-toggle=collapse][data-target="#cookieman-settings"]:after {
  font-size: 1.5rem;
}
body #cookieman-acco .card {
  border-radius: 0;
  border: none;
}
body #cookieman-acco .card .card-header {
  border-radius: 0;
  padding: 0.8rem;
  min-height: 2rem;
  font-size: 1.5rem;
  border: none;
  background-color: #ededed;
}
body #cookieman-acco .card .card-header a {
  color: #85888f;
  text-decoration: none;
}
body #cookieman-acco .card .card-header a:hover, body #cookieman-acco .card .card-header a:focus {
  color: #1cbbff;
}
body #cookieman-acco .card .card-header a[data-toggle=collapse]:after {
  font-family: sans_r;
  font-size: inherit;
}
body #cookieman-acco .card .card-body {
  border: 1px solid #ededed;
}
body #cookieman-acco .card .card-body:focus, body #cookieman-acco .card .card-body:active {
  color: #1cbbff;
  text-decoration: none;
}
body #cookieman-acco .card .card-body.collapsed {
  color: #85888f;
}
body #cookieman-acco .card .card-body:not(.collapsed) {
  color: #2b2c30;
}
body #cookieman-acco .card .card-body .alert-primary {
  color: #1cbbff;
  background-color: #ededed;
  border-color: #1cbbff;
}
body #cookieman-acco .card .card-body#cookieman-acco-mandatory .alert-primary {
  color: #1cbbff;
  background-color: #ededed;
  border-color: #85888f;
}
body #cookieman-acco .card .card-header:hover, body #cookieman-acco .card .card-header:focus {
  background-color: white;
  outline: 1px solid #ededed;
  color: #1cbbff;
}

/* NAVIGATION top - sticky */
nav {
  /* Hamburger inkl. Animation */
  /* Search inkl. Animation */
}
nav.navbar {
  padding: 0.5rem 0 1px 0;
}
nav.navbar > .container-fluid {
  padding: 0;
}
nav label.hamburg {
  display: block;
  background: #2b2c30;
  width: 60px;
  height: 50px;
  position: relative;
  border-radius: 4px;
  cursor: pointer;
}
nav input#hamburg {
  display: none;
}
nav .line {
  position: absolute;
  left: 15px;
  height: 2px;
  width: 30px;
  background: white;
  border-radius: 2px;
  display: block;
  transition: 0.5s;
  transform-origin: center;
}
nav .line:nth-child(1) {
  top: 16px;
}
nav .line:nth-child(2) {
  top: 24px;
}
nav .line:nth-child(3) {
  top: 32px;
}
nav #hamburg:checked + .hamburg .line:nth-child(1) {
  transform: translateY(8px) rotate(-45deg);
}
nav #hamburg:checked + .hamburg .line:nth-child(2) {
  opacity: 0;
}
nav #hamburg:checked + .hamburg .line:nth-child(3) {
  transform: translateY(-8px) rotate(45deg);
}
nav.navbar-dark .navbar-toggler {
  color: white;
  border: none;
  outline: none;
}
nav .form-control {
  color: #46484d;
  font-size: 0.5rem;
  line-height: 1.5;
}
nav .form-control:focus {
  border: 0;
}
nav .search-icon_item {
  background: transparent;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  height: 50px;
  width: 55px;
  cursor: pointer;
}
nav .search-icon_item:before {
  background-color: white;
  border-radius: 2.5px;
  content: "";
  display: inline-block;
  height: 8px;
  left: 29px;
  position: absolute;
  top: 32px;
  transform: rotate(-45deg);
  transition: all 0.15s linear;
  width: 3px;
}
nav .search-icon_item:after {
  border: 2px solid white;
  border-radius: 50%;
  box-sizing: content-box;
  content: "";
  height: 15px;
  left: 10px;
  position: absolute;
  top: 15px;
  transform-origin: 50% 50%;
  transition: all 0.15s linear;
  width: 15px;
}
nav .search-icon--transformed .search-icon_item:before {
  height: 25px;
  left: 23px;
  top: 15px;
  width: 2px;
}
nav .search-icon--transformed .search-icon_item:after {
  background-color: white;
  border: 0;
  border-radius: 0;
  height: 25px;
  left: 23px;
  transform: rotate(45deg);
  width: 2px;
}
nav #ke_search_searchfield_submit {
  width: 75px;
  border: 1px solid #ededed;
}
nav #ke_search_searchfield_submit .search-icon_item-nt {
  background: transparent;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 50px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: -6px;
}
nav #ke_search_searchfield_submit .search-icon_item-nt:before {
  background-color: white;
  border-radius: 2.5px;
  content: "";
  display: inline-block;
  height: 8px;
  left: 29px;
  position: absolute;
  top: 32px;
  transform: rotate(-45deg);
  width: 3px;
}
nav #ke_search_searchfield_submit .search-icon_item-nt:after {
  border: 2px solid white;
  border-radius: 50%;
  box-sizing: content-box;
  content: "";
  height: 15px;
  left: 10px;
  position: absolute;
  top: 15px;
  transform-origin: 50% 50%;
  width: 15px;
}
nav #ke_search_searchfield_submit:hover {
  background-color: #85888f;
}
nav i.fas {
  color: white;
  font-size: 1.7rem;
  margin-top: 5px;
}
nav .nav-item {
  padding: 10px;
}
nav .dropdown-toggle:after {
  display: none;
}
nav .dropdown-menu {
  position: absolute;
  left: auto;
  right: 0;
  background-color: #85888f;
  color: white;
  padding: 0;
  margin: 0;
  background-clip: border-box;
  border-radius: 0;
  float: right;
  min-width: 10rem;
  text-align: center;
}
nav .dropdown-menu .dropdown-item {
  background-color: #2b2c30;
  color: white;
  padding: 0.5rem 1.5rem;
}
nav .dropdown-menu .dropdown-item.active {
  background-color: #85888f;
}
nav .dropdown-menu .dropdown-item:hover {
  background-color: #ededed;
  color: #46484d;
}
nav .dropdown-menu .dropdown-item.text-muted:hover {
  background-color: #2b2c30;
}
nav #loginbar {
  /*
  .col {
      width: 100%;
      text-align: center;
      background-color: $shark;
      color: $white;
      padding: 0.5rem 1.5rem;
      &.active{                
          background-color: $koala;
      }
      &:hover {
          background-color: $dolphin;
          color: $panther;
      }
      &.text-muted:hover{
          background-color: $shark;
      }
  }
  */
}
nav #loginbar .dropdown-menu {
  width: 100%;
  text-align: center;
}
nav #navbarToggle {
  background-color: white;
}
nav #navbarToggle > .container-fluid {
  padding: 0;
}
nav #searchbar {
  background-color: #2b2c30;
}
nav .input-group {
  padding: 0.5rem;
}
nav .navbar-brand {
  width: 300px;
  height: 50px;
}
nav .nav-tabs {
  /* Tab-Accordion Umschaltung */
  display: none;
}
nav .nav-tabs .nav-item:hover {
  background-color: #ededed;
}
nav .nav-tabs .nav-item:hover a.nav-link {
  background-color: #ededed;
}
nav .nav-tabs a.nav-link {
  font-family: intro;
  font-size: 1.5rem;
  color: #85888f;
  border: 0;
}
nav .nav-tabs a.nav-link.active {
  color: #1cbbff;
  background-color: white;
}
nav .nav-tabs a.nav-link.active:hover {
  background-color: #ededed;
}
nav .card {
  border: 0;
  outline: 0;
  outline: none;
}
nav .card:hover > .card-header {
  background-color: #ededed;
}
nav .card.tab-pane > a {
  font-family: intro;
  font-size: 1.5rem;
  color: #85888f;
  border: 0;
}
nav .card.tab-pane > a:hover {
  text-decoration: none;
  outline: none;
}
nav .card.tab-pane > a:hover .card-header {
  background: #ededed;
}
nav .card.tab-pane > a:focus, nav .card.tab-pane > a.active {
  color: #1cbbff;
  text-decoration: none;
}
nav .card.tab-pane > a.collapsed {
  color: #85888f;
}
nav .card.tab-pane > a .card-header {
  background: transparent;
  border-top: 1px solid #ededed;
  border-bottom: 0;
}
nav .card-body {
  padding: 0;
}
nav .card-body .icon {
  width: 100px;
  height: 80px;
}
nav .card-body .btn a {
  color: #46484d;
}
nav .card-body .btn a:hover, nav .card-body .btn a:focus {
  text-decoration: none;
}
nav .card-body .btn:hover, nav .card-body .btn:focus {
  background-color: #ededed;
  border-radius: 0;
}
nav .card-body .btn.active {
  border: 1px solid #1cbbff;
  border-radius: 0;
  background-color: #ededed;
  color: #1cbbff;
}

/* CONTENT bereich */
main {
  /*Breadcrumbs */
  /*Anpassungen Carousel Startseite*/
  /*Nav / Menü Subpages / Blog-Listenelement*/
  /*Nav / Menü SubSubpages*/
  /*Manuelle Anpassungen Startseite*/
  /*header im Content wird doppelt gerendered, so wird QUICK+DIRTY das falsche Rendering ausgeblendet*/
  /*
  #header-pushnews {
      padding: 0;
      >.header-cards{
          width: 90%; 
          margin-left: auto; 
          margin-right: auto; 
          left: 0; 
          right: 0;
          >.cards-grid{
              color: #ededed; 
              display: grid; 
              grid-template-columns: repeat(auto-fit, minmax(370px, 1fr)); 
              grid-gap: 1rem;
              .card {
                  padding: 15px; 
                  min-width: 350px;
                  >.row {padding:0;}
                  .img {display: flex; justify-content:center;}
              }
          }
      }
  }*/
  /*
  .start-header{
      position: relative; 
      top:0; 
      left:0; 
      margin-bottom: 130px; //Um Abstand für die Card-Elemente zu schaffen
      .header-cards{
          width: 90%; 
          position: absolute; 
          z-index: 123; 
          margin-left: auto; 
          margin-right: auto; 
          left: 0; 
          right: 0;
          bottom: -100px;
          .cards-grid{
              color: #ededed; 
              display: grid; 
              grid-template-columns: repeat(auto-fit, minmax(370px, 1fr)); 
              grid-gap: .5rem;
              .card{
                  padding: 15px; 
                  min-width: 350px;
                  .row{
                      padding:0;
                  }
              }
          }
      }
      .header-bild{
          .slogan {         
              position: absolute; 
              z-index: 234; 
              left: 5%; 
              width: 30%; 
              top: 25%;        
              @media(max-width:768px) {width: 90%; top: 40%;}    
              @media(max-width:1440px) {width: 70%; top: 30%;} 
              h1{font-size:1.5rem; padding-bottom: 1.5rem;}    
              h2{font-size:4rem; line-height:1;}
          }
      }
  }


  */
  /* Klassen für Anpassungen Download-Explorer*/
  /* Klassen für Formular und selber erstellet Buttons*/
  /* Allgemeine Anpassungen am Formularaufbau - basierend auf Survey-Formular 'Made in Germany / Cyber'*/
  /* Spezielle Anpassungen am Forumlar 'Survey-Made in Germany / Cyber*/
  /* Klassen für powermail */
  /* Klassen für ke_search auf Suchergebnis-Seite*/
  /* Ergebnisliste für ke_search*/
  /* Klassen für dp_cookieconsent */
  /* Klassen für file_list */
}
main nav > ol.breadcrumb {
  margin-bottom: 0;
  padding: 0.25rem 1rem 0.25rem 3rem;
  border-radius: 0;
  background-color: white;
}
main nav > ol.breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 1rem;
}
main nav > ol.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  padding-right: 1rem;
}
main nav > ol.breadcrumb .active {
  color: #46484d;
}
main .carousel-control-prev, main .carousel-control-next {
  width: 10%;
}
main .carousel-control-prev .carousel-control-next-icon, main .carousel-control-next .carousel-control-next-icon {
  background-image: url("../assets/sprites/next.svg");
}
main .carousel-control-prev .carousel-control-prev-icon, main .carousel-control-next .carousel-control-prev-icon {
  background-image: url("../assets/sprites/prev.svg");
}
main .carousel-item {
  background-size: 100% auto;
}
main .carousel svg g#Content .text, main .carousel svg g#See_more .text, main .carousel svg g#Cta .text {
  fill: white;
  font-family: intro;
}
main .carousel svg g#Content .text-special, main .carousel svg g#See_more .text-special, main .carousel svg g#Cta .text-special {
  fill: #1cbbff;
  font-family: intro;
}
main .carousel svg g#Content .text-plain, main .carousel svg g#See_more .text-plain, main .carousel svg g#Cta .text-plain {
  fill: #46484d;
  font-family: sans_r;
}
main .carousel svg g#Content .bg-seemore, main .carousel svg g#See_more .bg-seemore, main .carousel svg g#Cta .bg-seemore {
  display: inline;
  fill: #1cbbff;
}
main .carousel svg g#Content .bg-cta, main .carousel svg g#See_more .bg-cta, main .carousel svg g#Cta .bg-cta {
  display: inline;
  fill: #F9B232;
}
main .carousel svg > a > g#Video path, main .carousel svg > a > g#Video_two path {
  fill: #1cbbff;
}
main .carousel svg > a > g#Video polygon, main .carousel svg > a > g#Video_two polygon {
  fill: white;
}
main .carousel svg > a > g#Video:hover path, main .carousel svg > a > g#Video_two:hover path {
  fill: white;
}
main .carousel svg > a > g#Video:hover polygon, main .carousel svg > a > g#Video_two:hover polygon {
  fill: #1cbbff;
}
main .carousel svg > a > g#Content:hover .text, main .carousel svg > a > g#See_more:hover .text {
  fill: #1cbbff;
}
main .carousel svg > a > g#Content:hover .text-special, main .carousel svg > a > g#See_more:hover .text-special {
  fill: white;
  font-family: intro;
}
main .carousel svg > a > g#Content:hover .bg-seemore, main .carousel svg > a > g#See_more:hover .bg-seemore {
  display: inline;
  fill: white;
}
main .carousel svg > a > g#Cta:hover .text {
  fill: #F9B232;
}
main .carousel svg > a > g#Cta:hover .text-special {
  fill: white;
  font-family: intro;
}
main .carousel svg > a > g#Cta:hover .bg-cta {
  display: inline;
  fill: white;
}
main .carousel svg g#Key_visual .text-key-visual {
  fill: white;
  font-family: sans_b, Roboto, Arial, "Noto Sans", sans-serif;
  font-size: 58px;
}
main .frame-type-menu_subpages, main .blogcontainer {
  /*Anpassungen für die Elemente in der Blog-Liste*/
  /* 
  .postmetagroup__item--published .blogicon{
  }
  */
  /*Anpassungen für die Elemente in der Blog-Sidebar / Widgets*/
}
main .frame-type-menu_subpages .blogarchiveheader__title .blogicon, main .frame-type-menu_subpages .postmetagroup__item--authors .blogicon, main .blogcontainer .blogarchiveheader__title .blogicon, main .blogcontainer .postmetagroup__item--authors .blogicon {
  display: none;
}
main .frame-type-menu_subpages .blogavatar, main .blogcontainer .blogavatar {
  border-radius: 0;
  float: left;
}
main .frame-type-menu_subpages .postlist--latest .card-deck > .col-lg-6.first, main .frame-type-menu_subpages .postlist--recent .card-deck > .col-lg-6.first, main .blogcontainer .postlist--latest .card-deck > .col-lg-6.first, main .blogcontainer .postlist--recent .card-deck > .col-lg-6.first {
  flex: 0 0 100%;
  max-width: 100%;
}
main .frame-type-menu_subpages .bloglist__image, main .blogcontainer .bloglist__image {
  margin-right: 2rem;
  display: inline-flex;
  /*.blogavatar{
      border-radius: 0;
      float: left;
  } */
}
main .frame-type-menu_subpages .bloglist__image .bloglist__title, main .blogcontainer .bloglist__image .bloglist__title {
  padding-left: 1rem;
}
main .frame-type-menu_subpages .bloglist__image .bloglist__title p, main .blogcontainer .bloglist__image .bloglist__title p {
  font-size: 1rem;
}
main .frame-type-menu_subpages .bloglist__item, main .blogcontainer .bloglist__item {
  border-bottom: 1px solid #ededed;
}
main .frame-type-menu_subpages .bloglist__item:last-of-type, main .blogcontainer .bloglist__item:last-of-type {
  border-bottom: 0;
}
main .frame-type-menu_subpages .postauthors .postauthor__header, main .frame-type-menu_subpages .postauthors .postauthor-more__header, main .blogcontainer .postauthors .postauthor__header, main .blogcontainer .postauthors .postauthor-more__header {
  color: #85888f;
}
main .frame-type-menu_subpages .postauthors .postauthor__avatar, main .blogcontainer .postauthors .postauthor__avatar {
  align-self: end;
}
main .frame-type-menu_subpages .postauthors .postauthor__avatar .postauthor__avatarimage.blogavatar, main .blogcontainer .postauthors .postauthor__avatar .postauthor__avatarimage.blogavatar {
  border-radius: 0;
}
main .frame-type-menu_subpages .postauthors .postauthor__title p, main .blogcontainer .postauthors .postauthor__title p {
  margin-bottom: 0;
}
main .frame-type-menu_subpages .postauthors .postauthor.postauthor--full, main .blogcontainer .postauthors .postauthor.postauthor--full {
  padding-bottom: 1rem;
}
main .frame-type-menu_subpages .blogarchiveheader__description p, main .blogcontainer .blogarchiveheader__description p {
  font-size: 1rem;
}
main .frame-type-menu_subpages .blogtaglist, main .blogcontainer .blogtaglist {
  padding-top: 1rem;
}
main .frame-type-menu_subpages .blogcontainer-sidebar, main .frame-type-menu_subpages .postheader, main .blogcontainer .blogcontainer-sidebar, main .blogcontainer .postheader {
  padding-top: 1.75rem;
}
main .frame-type-menu_subpages .blogcontainer-sidebar .blogwidgets, main .frame-type-menu_subpages .postheader .blogwidgets, main .blogcontainer .blogcontainer-sidebar .blogwidgets, main .blogcontainer .postheader .blogwidgets {
  padding-top: 1.75rem;
}
main .frame-type-menu_subpages .blogcontainer-sidebar .blogwidgets ul.blogwidgetlist, main .frame-type-menu_subpages .postheader .blogwidgets ul.blogwidgetlist, main .blogcontainer .blogcontainer-sidebar .blogwidgets ul.blogwidgetlist, main .blogcontainer .postheader .blogwidgets ul.blogwidgetlist {
  list-style-type: disc;
}
main .frame-type-menu_subpages .blogcontainer-sidebar .blogwidgets ul.blogwidgetlist.blogwidgetlist--recentposts, main .frame-type-menu_subpages .blogcontainer-sidebar .blogwidgets ul.blogwidgetlist.blogwidgetlist--categories, main .frame-type-menu_subpages .postheader .blogwidgets ul.blogwidgetlist.blogwidgetlist--recentposts, main .frame-type-menu_subpages .postheader .blogwidgets ul.blogwidgetlist.blogwidgetlist--categories, main .blogcontainer .blogcontainer-sidebar .blogwidgets ul.blogwidgetlist.blogwidgetlist--recentposts, main .blogcontainer .blogcontainer-sidebar .blogwidgets ul.blogwidgetlist.blogwidgetlist--categories, main .blogcontainer .postheader .blogwidgets ul.blogwidgetlist.blogwidgetlist--recentposts, main .blogcontainer .postheader .blogwidgets ul.blogwidgetlist.blogwidgetlist--categories {
  padding-left: 18px;
}
main .frame-type-menu_subpages .blogcontainer-sidebar .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item, main .frame-type-menu_subpages .postheader .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item, main .blogcontainer .blogcontainer-sidebar .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item, main .blogcontainer .postheader .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item {
  padding-bottom: 0px !important;
}
main .frame-type-menu_subpages .blogcontainer-sidebar .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item.blogwidgetlist__item--year > .blogwidgetlist__itemlink > .blogwidgetlist__itemtitle, main .frame-type-menu_subpages .postheader .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item.blogwidgetlist__item--year > .blogwidgetlist__itemlink > .blogwidgetlist__itemtitle, main .blogcontainer .blogcontainer-sidebar .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item.blogwidgetlist__item--year > .blogwidgetlist__itemlink > .blogwidgetlist__itemtitle, main .blogcontainer .postheader .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item.blogwidgetlist__item--year > .blogwidgetlist__itemlink > .blogwidgetlist__itemtitle {
  font-size: 1.25rem;
}
main .frame-type-menu_subpages .blogcontainer-sidebar .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item.blogwidgetlist__item--year ul.blogwidgetlist, main .frame-type-menu_subpages .postheader .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item.blogwidgetlist__item--year ul.blogwidgetlist, main .blogcontainer .blogcontainer-sidebar .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item.blogwidgetlist__item--year ul.blogwidgetlist, main .blogcontainer .postheader .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item.blogwidgetlist__item--year ul.blogwidgetlist {
  padding-left: 18px;
}
main .frame-type-menu_subpages .blogcontainer-sidebar .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item .blogwidgetlist_date, main .frame-type-menu_subpages .postheader .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item .blogwidgetlist_date, main .blogcontainer .blogcontainer-sidebar .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item .blogwidgetlist_date, main .blogcontainer .postheader .blogwidgets ul.blogwidgetlist li.blogwidgetlist__item .blogwidgetlist_date {
  color: #85888f;
}
main .frame-type-menu_subpages .blogcontainer-sidebar .blogwidgets .blogwidget__title .blogwidget_icon, main .frame-type-menu_subpages .postheader .blogwidgets .blogwidget__title .blogwidget_icon, main .blogcontainer .blogcontainer-sidebar .blogwidgets .blogwidget__title .blogwidget_icon, main .blogcontainer .postheader .blogwidgets .blogwidget__title .blogwidget_icon {
  padding-right: 5px;
  top: 0.125em;
  position: relative;
  display: inline-flex;
  align-self: center;
}
main .frame-type-menu_subpages .blogcontainer-sidebar .blogwidgets .blogwidget__title .blogwidget_icon svg, main .frame-type-menu_subpages .postheader .blogwidgets .blogwidget__title .blogwidget_icon svg, main .blogcontainer .blogcontainer-sidebar .blogwidgets .blogwidget__title .blogwidget_icon svg, main .blogcontainer .postheader .blogwidgets .blogwidget__title .blogwidget_icon svg {
  height: 1em;
  width: 1em;
}
main .frame-type-menu_subpages footer.postfooter, main .frame-type-menu_subpages footer.blogarchivefooter, main .blogcontainer footer.postfooter, main .blogcontainer footer.blogarchivefooter {
  border-bottom: solid 1px #ededed;
  border-top: solid 1px #ededed;
  margin-bottom: 3rem;
}
main .frame-type-menu_subpages footer.postfooter a, main .frame-type-menu_subpages footer.blogarchivefooter a, main .blogcontainer footer.postfooter a, main .blogcontainer footer.blogarchivefooter a {
  color: #85888f !important;
}
main .frame-type-menu_subpages footer.postfooter a:hover, main .frame-type-menu_subpages footer.postfooter a:focus, main .frame-type-menu_subpages footer.blogarchivefooter a:hover, main .frame-type-menu_subpages footer.blogarchivefooter a:focus, main .blogcontainer footer.postfooter a:hover, main .blogcontainer footer.postfooter a:focus, main .blogcontainer footer.blogarchivefooter a:hover, main .blogcontainer footer.blogarchivefooter a:focus {
  color: #1cbbff !important;
}
main .frame-type-menu_subpages .blogcontainer-sidebar li.nav-item, main .blogcontainer .blogcontainer-sidebar li.nav-item {
  padding-bottom: 0;
}
main .frame-type-menu_subpages .blogcontainer-sidebar .tab-content, main .blogcontainer .blogcontainer-sidebar .tab-content {
  padding: 0.5rem;
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  margin-bottom: 2rem;
  /*
  ul.blogwidgetlist  {
      list-style: initial;
  }*/
}
main .frame-type-menu_subpages .card-deck, main .blogcontainer .card-deck {
  /*Anpassungen für die Blog-Listen*/
}
main .frame-type-menu_subpages .card-deck.row, main .blogcontainer .card-deck.row {
  padding: 0;
}
main .frame-type-menu_subpages .card-deck.row > div, main .blogcontainer .card-deck.row > div {
  padding: 0;
}
main .frame-type-menu_subpages .card-deck .card, main .blogcontainer .card-deck .card {
  margin-bottom: 1.5rem;
  width: 100%;
  flex-direction: column !important;
  /* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
}
main .frame-type-menu_subpages .card-deck .card:hover, main .blogcontainer .card-deck .card:hover {
  border: 1px solid #1cbbff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
main .frame-type-menu_subpages .card-deck .card .card-img-top, main .blogcontainer .card-deck .card .card-img-top {
  width: 100%;
  height: auto;
}
main .frame-type-menu_subpages .card-deck .card .card-img-overlay, main .blogcontainer .card-deck .card .card-img-overlay {
  padding: 0;
}
main .frame-type-menu_subpages .card-deck .card .card-body, main .blogcontainer .card-deck .card .card-body {
  text-align: center;
}
main .frame-type-menu_subpages .card-deck .card .card-body .card-title a, main .blogcontainer .card-deck .card .card-body .card-title a {
  color: #46484d;
}
main .frame-type-menu_subpages .card-deck .card .card-body .card-title a:hover, main .frame-type-menu_subpages .card-deck .card .card-body .card-title a:active, main .blogcontainer .card-deck .card .card-body .card-title a:hover, main .blogcontainer .card-deck .card .card-body .card-title a:active {
  text-decoration: none;
  color: #1cbbff;
}
main .frame-type-menu_subpages .card-deck .card .flip-box, main .blogcontainer .card-deck .card .flip-box {
  background-color: transparent;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  /* This container is needed to position the front and back side */
  /* Do an horizontal flip when you move the mouse over the flip box container */
}
main .frame-type-menu_subpages .card-deck .card .flip-box .flip-box-inner, main .blogcontainer .card-deck .card .flip-box .flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  /* Position the front and back side */
  /* Style the front side */
  /* Style the back side */
}
main .frame-type-menu_subpages .card-deck .card .flip-box .flip-box-inner .flip-box-front, main .frame-type-menu_subpages .card-deck .card .flip-box .flip-box-inner .flip-box-back, main .blogcontainer .card-deck .card .flip-box .flip-box-inner .flip-box-front, main .blogcontainer .card-deck .card .flip-box .flip-box-inner .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; /* Safari */
  backface-visibility: hidden;
}
main .frame-type-menu_subpages .card-deck .card .flip-box .flip-box-inner .flip-box-front .card-text, main .frame-type-menu_subpages .card-deck .card .flip-box .flip-box-inner .flip-box-back .card-text, main .blogcontainer .card-deck .card .flip-box .flip-box-inner .flip-box-front .card-text, main .blogcontainer .card-deck .card .flip-box .flip-box-inner .flip-box-back .card-text {
  text-align: left;
}
main .frame-type-menu_subpages .card-deck .card .flip-box .flip-box-inner .flip-box-front, main .blogcontainer .card-deck .card .flip-box .flip-box-inner .flip-box-front {
  color: black;
}
main .frame-type-menu_subpages .card-deck .card .flip-box .flip-box-inner .flip-box-back, main .blogcontainer .card-deck .card .flip-box .flip-box-inner .flip-box-back {
  background-color: rgba(70, 72, 77, 0.75);
  color: #ededed;
  transform: rotateX(180deg);
}
main .frame-type-menu_subpages .card-deck .card .flip-box:hover .flip-box-inner, main .blogcontainer .card-deck .card .flip-box:hover .flip-box-inner {
  transform: rotateX(180deg);
}
main .frame-type-menu_subpages .card-deck .postlist__post, main .blogcontainer .card-deck .postlist__post {
  margin-bottom: 1.5rem;
}
main .frame-type-menu_subpages .card-deck .postlist__post:first-of-type, main .blogcontainer .card-deck .postlist__post:first-of-type {
  margin-top: 0;
}
main .frame-type-menu_subpages .card-deck .postlist__post .card, main .blogcontainer .card-deck .postlist__post .card {
  width: inherit;
  height: 100%;
}
main .frame-type-menu_subpages .card-deck .postlist__post .card .blogimage img, main .blogcontainer .card-deck .postlist__post .card .blogimage img {
  width: 100%;
}
main .frame-type-menu_subpages .card-deck .postlist__post .card .card-body, main .blogcontainer .card-deck .postlist__post .card .card-body {
  text-align: left;
}
main .frame-type-menu_subpages .card-group .card, main .blogcontainer .card-group .card {
  flex: 1 0 33%;
}
main .frame-type-menu_subpages .card-group .card .icon, main .blogcontainer .card-group .card .icon {
  width: 90%;
  height: 125px;
  display: block;
  margin: 2rem auto;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  main .frame-type-menu_subpages .card-columns, main .blogcontainer .card-columns {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  main .frame-type-menu_subpages .card-columns, main .blogcontainer .card-columns {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  main .frame-type-menu_subpages .card-columns, main .blogcontainer .card-columns {
    -moz-column-count: 3;
         column-count: 3;
  }
}
@media (min-width: 1200px) {
  main .frame-type-menu_subpages .card-columns, main .blogcontainer .card-columns {
    -moz-column-count: 3;
         column-count: 3;
  }
}
main .frame-type-menu_subpages .card-columns .card .card-img-bottom, main .frame-type-menu_subpages .card-columns .card .card-img-top, main .blogcontainer .card-columns .card .card-img-bottom, main .blogcontainer .card-columns .card .card-img-top {
  width: 100%;
  height: auto;
  filter: grayscale(100%);
}
main .frame-type-menu_subpages .card-columns .card .card-img-bottom:hover, main .frame-type-menu_subpages .card-columns .card .card-img-top:hover, main .blogcontainer .card-columns .card .card-img-bottom:hover, main .blogcontainer .card-columns .card .card-img-top:hover {
  filter: grayscale(0%);
}
main .frame-type-menu_pages {
  padding: 1rem;
}
main .frame-type-menu_pages .submenu a {
  text-align: center;
  vertical-align: middle;
}
main .frame-type-menu_pages .submenu a .icon {
  width: 100%;
  height: 125px;
  display: block;
}
main .frame-type-menu_pages .submenu a p {
  margin-bottom: 0;
  margin-block-end: 0;
}
main #c2145 {
  background-color: #46484d;
  color: white;
}
main .card-deck.row {
  padding: 0;
}
main .card-deck.row > div {
  padding: 0;
}
main .card-deck .card {
  margin-bottom: 1.5rem;
  width: 100%;
  flex-direction: column !important;
}
main .card-deck .card:hover {
  border: 1px solid #1cbbff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
main .card-deck .card .card-img-top {
  width: 100%;
  height: auto;
}
main .card-deck .card .card-img-overlay {
  padding: 0;
}
main .card-deck .card .card-body .card-title a {
  color: #46484d;
}
main .card-deck .card .card-body .card-title a:hover, main .card-deck .card .card-body .card-title a:active {
  text-decoration: none;
  color: #1cbbff;
}
main .frame-type-gridelements_pi1 > header {
  display: none;
}
main ul.ce-bullets {
  list-style: none;
  padding-inline-start: 16px;
}
main ul.ce-bullets li {
  padding-bottom: 1rem;
  color: inherit;
}
main ul.ce-bullets li:before {
  content: "￭";
  color: #1cbbff;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
main ul.ce-bullets li:first-child {
  padding-top: 1rem;
}
main .page-header {
  padding: 0.8rem;
  padding: 0.5rem 0 0.2rem 0;
  min-height: 2rem;
  background-color: #ededed;
  color: #2b2c30;
  text-align: center;
}
main .page-header h1 {
  font-size: 1.75rem;
  font-size: 2.5rem;
}
main .page-header h1 > a, main .page-header h1 > a:active, main .page-header h1 > a:focus {
  color: #2b2c30;
  text-decoration: none;
}
main .page-header h1 > a:hover {
  color: #46484d;
}
main .page-header + .frame > .ce-image > .ce-gallery figure {
  margin: 0;
}
main .page-header + .frame > .ce-image > .ce-gallery figure.image > img {
  width: 100%;
  height: auto;
}
main .acontent .ce-gallery {
  margin-bottom: -1px !important;
}
main .acontent .ce-gallery figcaption {
  font-size: small;
}
main .bcontent .ce-gallery {
  margin-bottom: -1px !important;
}
main .bcontent .ce-gallery figcaption {
  display: block;
  font-size: small;
  position: relative;
  top: -2em;
}
main #branche {
  background-size: 100% auto;
}
main #branche g#container {
  filter: none;
}
main #branche g#container .text {
  font-family: sans_r, Roboto, Arial, "Noto Sans", sans-serif;
  font-size: 12px;
  fill: #65676f;
}
main #branche g#container .icon {
  fill: #65676f;
}
main #branche g#container .button {
  fill: white;
  stroke: #1cbbff;
  stroke-width: 3;
  stroke-miterlimit: 10;
}
main #branche g#container > a:hover {
  cursor: pointer;
  text-decoration: none;
}
main #branche g#container > a:hover .button {
  stroke: #65676f;
  fill: white;
}
main #branche g#container > a:hover .icon, main #branche g#container > a:hover .text {
  fill: #1cbbff;
}
main #branche g#container > g.active .button {
  fill: #65676f;
  transition: fill 1s;
  stroke: #1cbbff;
  transition: stroke 1s;
}
main #branche g#container > g.active .icon {
  fill: #1cbbff;
  transition: fill 1s;
}
main #branche g#container > g.active .text {
  fill: #ededed;
  transition: fill 1s;
}
main > div.frame-type-header > header > h2 {
  font-family: intro;
  padding: 0.8rem;
  min-height: 2rem;
  background-color: #2b2c30;
  color: white;
  position: relative;
  top: -1px;
  margin-bottom: 0;
}
main section.bcontent .row.content {
  display: block;
}
main section.bcontent .ce-column {
  margin-right: 0px;
}
main section.bcontent .techpartner {
  border-bottom: 1px solid #ededed;
  padding-top: 40px;
  padding-bottom: 20px;
}
main section.bcontent .techpartner img {
  padding: 5px 0;
}
main section .section-header {
  padding: 0.8rem;
  min-height: 2rem;
  background-color: #2b2c30;
  color: white;
  position: relative;
  top: -1px;
}
main section .images {
  padding: 0 1rem 2rem 1rem;
}
main section .images figure {
  margin-bottom: 0;
}
main section .images figure img {
  margin-bottom: 2rem;
  border: #ededed 1px solid;
  width: 100% !important;
  height: auto;
}
main section .second-column.content {
  background-color: white;
  background-image: url("../assets/brand/Panther_Dolphin.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 40%;
  margin: 0 0 4rem 0;
  padding-top: 0;
}
main section .content {
  padding: 1.75rem 1rem;
}
main section .ce-column-vid {
  float: none;
}
main section .ce-center .ce-outer-vid {
  position: relative;
  right: 50%;
}
main section .ce-center .ce-inner-vid {
  position: relative;
  right: -50%;
}
main section .ce-gallery figure.video {
  display: block;
}
main section .frame-type-form_formframework {
  padding: 0 1rem;
}
main section .frame-type-form_formframework .row {
  padding-right: 0;
}
main section .frame-type-form_formframework hr.ce-div {
  border-top: 2px solid #1cbbff;
}
main section .nav-pills .nav-link.active, main section .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1cbbff;
}
main section .nav-pills .nav-link {
  border-radius: 0.25rem;
  background-color: #ededed;
  color: #46484d;
  margin: 0.5rem 0.5rem 0;
  padding: 1rem;
}
main section .nav-pills .nav-link:hover {
  color: white;
  background-color: #85888f;
  cursor: pointer;
}
main section #buttonbar {
  padding: 0 0.5rem;
}
main section .st0 {
  display: none;
}
main section .st1 {
  display: inline;
  fill: #1cbbff;
}
main section .st2 {
  fill: #ededed;
  font-family: sans_r;
  font-size: 50px;
}
main section .st5 {
  display: inline;
  fill: #85888f;
}
main section #contentbar, main section #backbone #Backbone_Modules {
  padding: 0 1rem;
}
main section #contentbar .st4, main section #backbone #Backbone_Modules .st4 {
  fill: #ededed;
}
main section #contentbar .st6, main section #backbone #Backbone_Modules .st6 {
  fill: #85888f;
  stroke: #65676f;
  stroke-width: 2px;
}
main section #contentbar .st7, main section #backbone #Backbone_Modules .st7 {
  font-family: sans_r;
  font-size: 33px;
}
main section #contentbar .st8, main section #backbone #Backbone_Modules .st8 {
  fill: white;
  font-family: sans_r;
  font-size: 33px;
}
main section #contentbar .st10, main section #backbone #Backbone_Modules .st10 {
  fill: #65676f;
  font-family: sans_r;
  font-size: 19px;
}
main section #contentbar .st12, main section #backbone #Backbone_Modules .st12 {
  fill: #1cbbff;
  font-family: sans_r;
  font-size: 44px;
}
main section #contentbar g[type=button]:hover > path, main section #backbone #Backbone_Modules g[type=button]:hover > path {
  stroke: #1cbbff;
  stroke-width: 2px;
}
main section #contentbar .hemi-btn > path, main section #backbone #Backbone_Modules .hemi-btn > path {
  fill: #ededed;
}
main section #contentbar .hemi-btn > g > text, main section #backbone #Backbone_Modules .hemi-btn > g > text {
  fill: #65676f;
  font-family: sans_r;
  font-size: 19px;
}
main section #contentbar .hemi-btn > #plus, main section #backbone #Backbone_Modules .hemi-btn > #plus {
  display: none;
}
main section #contentbar .hemi-btn.plus #plus, main section #backbone #Backbone_Modules .hemi-btn.plus #plus {
  fill: #1cbbff;
  font-family: sans_r;
  font-size: 44px;
  display: block;
}
main section #contentbar .hemi-btn.active[type=button]:hover > path, main section #backbone #Backbone_Modules .hemi-btn.active[type=button]:hover > path {
  stroke: #ededed;
  stroke-width: 2px;
}
main section #contentbar .hemi-btn.active > path, main section #backbone #Backbone_Modules .hemi-btn.active > path {
  fill: #1cbbff;
}
main section #contentbar .hemi-btn.active > g > text, main section #backbone #Backbone_Modules .hemi-btn.active > g > text {
  fill: #ededed;
}
main section #contentbar .hemi-btn.inactive > path, main section #backbone #Backbone_Modules .hemi-btn.inactive > path {
  fill: #85888f;
  stroke: #65676f;
  stroke-width: 2px;
}
main section #contentbar .hemi-btn.inactive > g > text, main section #backbone #Backbone_Modules .hemi-btn.inactive > g > text {
  fill: #65676f;
  font-family: sans_r;
  font-size: 19px;
}
main section #backbone {
  margin: 0 0 1rem 0;
}
main section #monthHeader h3 {
  background: #ededed;
  padding: 1rem;
}
main section .infos {
  padding: 0;
}
main section .infos li {
  list-style: none;
}
main section span.aussteller_Ru {
  padding-left: 120px;
}
main section span.halle_Ru {
  padding-left: 170px;
}
main section span.stand_Ru {
  padding-left: 154px;
}
main section span.dauer_Ru {
  padding-left: 46px;
}
main section span.aussteller_De {
  padding-left: 18px;
}
main section span.halle_De {
  padding-left: 51px;
}
main section span.standDauer_De {
  padding-left: 45px;
}
main section span.aussteller {
  padding-left: 18px;
}
main section span.halle {
  padding-left: 54px;
}
main section span.standDauer {
  padding-left: 41px;
}
main section span.dauer {
  padding-left: 42px;
}
main .frame-type-gridelements_pi1 .frame-type-gridelements_pi1 .frame-type-gridelements_pi1 > .acontent > .container {
  padding-right: 0;
  padding-left: 0;
}
main .frame-type-gridelements_pi1 .frame-type-gridelements_pi1 .frame-type-gridelements_pi1 > .acontent > .container > .row.content {
  padding-right: 0;
  padding-left: 0;
}
main .grid-accordion .card {
  border-radius: 0;
  border: none;
}
main .grid-accordion .card .card-link .card-header {
  text-align: center;
  border-radius: 0;
  padding: 0.8rem;
  min-height: 2rem;
  font-size: 1.5rem;
  border: none;
  background-color: #ededed;
}
main .grid-accordion .card .card-link .card-header #chevron > .line {
  background-color: #85888f;
}
main .grid-accordion .card .card-link #chevron {
  width: 40px;
  height: 40px;
  right: 2rem;
  top: 1rem;
  position: absolute;
}
main .grid-accordion .card .card-link #chevron .line {
  position: absolute;
  right: 0.75rem;
  height: 2px;
  width: 20px;
  background: #85888f;
  border-radius: 2px;
  display: block;
}
main .grid-accordion .card .card-link #chevron .line:nth-child(1) {
  top: 1rem;
  transform: translateY(0px) rotate(-40deg);
}
main .grid-accordion .card .card-link #chevron .line:nth-child(2) {
  top: 1rem;
  transform: translateY(12px) rotate(40deg);
}
main .grid-accordion .card .card-link:focus, main .grid-accordion .card .card-link:active {
  color: #1cbbff;
  text-decoration: none;
}
main .grid-accordion .card .card-link:focus #chevron > .line, main .grid-accordion .card .card-link:active #chevron > .line {
  background-color: #1cbbff;
}
main .grid-accordion .card .card-link.collapsed {
  color: #85888f;
}
main .grid-accordion .card .card-link.collapsed #chevron {
  transition: transform 0.5s;
  transform: rotateZ(-90deg);
}
main .grid-accordion .card .card-link.collapsed #chevron > .line {
  background-color: #85888f;
}
main .grid-accordion .card .card-link:not(.collapsed) {
  color: #1cbbff;
}
main .grid-accordion .card .card-link:not(.collapsed) #chevron {
  transition: transform 0.5s;
  transform: rotateZ(90deg);
}
main .grid-accordion .card .card-link:not(.collapsed) #chevron > .line {
  background-color: #1cbbff;
}
main .grid-accordion .card .card-link .card-header:hover, main .grid-accordion .card .card-link .card-header:focus {
  background-color: white;
  outline: 1px solid #ededed;
  color: #1cbbff;
}
main .grid-accordion .card .card-link .card-header:hover #chevron > .line, main .grid-accordion .card .card-link .card-header:focus #chevron > .line {
  background-color: #1cbbff;
}
main .grid-accordion .card .card-body {
  border: 1px solid #ededed;
}
main .grid-accordion:last-child {
  margin-bottom: 2rem;
}
main .grid-accordion .card-body .bcontent h2.section-header, main .grid-accordion .card-body .acontent h2.section-header {
  display: none;
}
main .table {
  color: #2b2c30;
}
main .table caption {
  color: #85888f;
  font-size: 0.8rem;
  text-align: left;
  padding: 0 2rem;
}
main .table .thead-light th {
  color: #46484d;
  background-color: #ededed;
  border: none;
}
main .table .table thead th {
  border-bottom: 2px solid #ededed;
}
main .table th, main .table td {
  padding: 0.5rem;
  border-top: 1px solid #ededed;
  text-align: center;
}
main .table th:first-child, main .table td:first-child {
  text-align: left;
}
main .table th:last-child, main .table td:last-child {
  text-align: right;
}
main div.frame-type-table.frame-layout-3 th, main div.frame-type-table.frame-layout-3 td {
  text-align: left;
}
main div.frame-type-table.frame-layout-3 th ul, main div.frame-type-table.frame-layout-3 td ul {
  padding-inline-start: 15px;
}
main div.frame-type-text.frame-layout-3 header {
  color: #85888f;
  background-color: #ededed;
  padding: 0.5rem 0 0.25rem 0;
  margin-bottom: 0.5rem;
}
main div.frame-type-text.frame-layout-3 p {
  font-size: small;
  font-style: italic;
}
main #acontent2240 .container, main #acontent2241 .container, main #acontent2242 .container, main #acontent2244 .container {
  padding: 0;
  margin: 0;
  min-width: 100% !important;
}
main #acontent2240 .container .content, main #acontent2241 .container .content, main #acontent2242 .container .content, main #acontent2244 .container .content {
  padding: 0;
  margin: 0;
  width: 100%;
}
main #acontent2240 .container .content .col-lg-6.col-md-6, main #acontent2241 .container .content .col-lg-6.col-md-6, main #acontent2242 .container .content .col-lg-6.col-md-6, main #acontent2244 .container .content .col-lg-6.col-md-6 {
  padding: 0;
  margin-top: auto;
  margin-bottom: auto;
}
main #acontent2240 .container .content .col-lg-6.col-md-6 .ce-gallery img, main #acontent2241 .container .content .col-lg-6.col-md-6 .ce-gallery img, main #acontent2242 .container .content .col-lg-6.col-md-6 .ce-gallery img, main #acontent2244 .container .content .col-lg-6.col-md-6 .ce-gallery img {
  display: block;
  width: 100%;
  height: auto;
}
main #acontent2240 .container .content .col-lg-6.col-md-6 .frame-type-text, main #acontent2241 .container .content .col-lg-6.col-md-6 .frame-type-text, main #acontent2242 .container .content .col-lg-6.col-md-6 .frame-type-text, main #acontent2244 .container .content .col-lg-6.col-md-6 .frame-type-text {
  width: 80%;
  padding: 2rem;
}
main #acontent2240 .container .content .col-lg-6.col-md-6 .frame-type-text.frame-layout-2, main #acontent2241 .container .content .col-lg-6.col-md-6 .frame-type-text.frame-layout-2, main #acontent2242 .container .content .col-lg-6.col-md-6 .frame-type-text.frame-layout-2, main #acontent2244 .container .content .col-lg-6.col-md-6 .frame-type-text.frame-layout-2 {
  float: right;
}
@media (max-width: 1200px) {
  main #acontent2240 .container .content .col-lg-6.col-md-6 .frame-type-text, main #acontent2241 .container .content .col-lg-6.col-md-6 .frame-type-text, main #acontent2242 .container .content .col-lg-6.col-md-6 .frame-type-text, main #acontent2244 .container .content .col-lg-6.col-md-6 .frame-type-text {
    width: 100%;
    padding: 0.75rem;
  }
}
@media (max-width: 768px) {
  main #acontent2240 > .container > .content > .col-lg-6.col-md-6 img, main #acontent2241 > .container > .content > .col-lg-6.col-md-6 img, main #acontent2242 > .container > .content > .col-lg-6.col-md-6 img, main #acontent2244 > .container > .content > .col-lg-6.col-md-6 img {
    display: block;
    width: 100%;
    height: auto;
  }
  main #acontent2240 > .container > .content > .col-lg-6.col-md-6 .frame-type-text, main #acontent2241 > .container > .content > .col-lg-6.col-md-6 .frame-type-text, main #acontent2242 > .container > .content > .col-lg-6.col-md-6 .frame-type-text, main #acontent2244 > .container > .content > .col-lg-6.col-md-6 .frame-type-text {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  main #acontent2240 > .container > .content > .col-lg-6.col-md-6 .frame-type-text.frame-layout-1, main #acontent2241 > .container > .content > .col-lg-6.col-md-6 .frame-type-text.frame-layout-1, main #acontent2242 > .container > .content > .col-lg-6.col-md-6 .frame-type-text.frame-layout-1, main #acontent2244 > .container > .content > .col-lg-6.col-md-6 .frame-type-text.frame-layout-1 {
    float: none;
  }
  main #c2240, main #c2241, main #c2242 {
    border-bottom: 2px #1cbbff solid;
  }
  main #c2241 {
    padding-bottom: 5px;
  }
  main #c2242 {
    padding-top: 5px;
  }
}
main #header-start {
  padding: 0;
  margin: 0;
  background-color: white;
}
main #header-start > .col-lg-7 {
  width: 100%;
  height: auto;
}
main #header-start > .col-lg-7 > .slogan {
  padding: 1rem 5rem 1rem 0;
  margin-left: 6%;
}
@media (max-width: 768px) {
  main #header-start > .col-lg-7 > .slogan > h2 {
    font-size: 2rem;
    padding-top: 4rem;
  }
}
@media (min-width: 768px) {
  main #header-start > .col-lg-7 > .slogan > h2 {
    font-size: 2.5rem;
    padding-top: 3rem;
  }
}
@media (min-width: 1200px) {
  main #header-start > .col-lg-7 > .slogan > h2 {
    font-size: 3rem;
  }
}
@media (min-width: 1440px) {
  main #header-start > .col-lg-7 > .slogan > h2 {
    font-size: 4rem;
  }
}
main #header-start > .col-lg-7 > .slogan h1 {
  color: #2b2c30;
  padding-bottom: 4rem;
}
@media (max-width: 768px) {
  main #header-start > .col-lg-7 > .slogan h1 {
    font-size: 1.5rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 768px) {
  main #header-start > .col-lg-7 > .slogan h1 {
    font-size: 1.75rem;
    padding-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  main #header-start > .col-lg-7 > .slogan h1 {
    font-size: 2rem;
  }
}
@media (min-width: 1440px) {
  main #header-start > .col-lg-7 > .slogan h1 {
    font-size: 2.5rem;
  }
}
main #header-start > .col-lg-5 {
  background-color: #ffffff;
  aspect-ratio: 4/3;
  padding: 0;
  margin: 0 auto;
}
main #header-start > .col-lg-5 > #header-video {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 555;
}
main #header-start > .col-lg-5 > #header-video > svg {
  position: absolute;
  left: -1px;
  height: calc(100% + 1px);
}
main #header-start > .col-lg-5 > #header-video > video {
  height: 100%;
}
main #header-pushnews > .row {
  padding: 0 4%;
  color: #ededed;
}
main #branchen-start .card {
  margin: 0 0 1rem 0;
}
main #branchen-start .card > svg {
  padding: 0 1.5rem 1rem 1.5rem;
}
main #branchen-start .card .card-body {
  padding: 0.25rem;
}
main .stoerer-bild {
  position: relative;
}
main .stoerer-bild .stoerer-slogan {
  position: absolute;
  z-index: 235;
  right: 5%;
}
@media (max-width: 768px) {
  main .stoerer-bild .stoerer-slogan {
    width: 90%;
    top: 50%;
  }
}
@media (min-width: 768px) {
  main .stoerer-bild .stoerer-slogan {
    width: 90%;
    top: 55%;
  }
}
@media (min-width: 1200px) {
  main .stoerer-bild .stoerer-slogan {
    width: 90%;
    top: 55%;
  }
}
@media (min-width: 1440px) {
  main .stoerer-bild .stoerer-slogan {
    width: 40%;
    top: 10%;
  }
}
main .panomeraVgl1 {
  width: 350px;
  height: 395px;
  background-image: url("../../../../../../fileadmin/user_upload/Daten/Panomera/VergleichSlider/panomeraS_vgl2.jpg");
  position: absolute;
  left: 0px;
}
main .panomeraVgl2 {
  width: 350px;
  height: 395px;
  background-image: url("../../../../../../fileadmin/user_upload/Daten/Panomera/VergleichSlider/panomeraS_vgl1.jpg");
  position: absolute;
  left: 0px;
}
main .location {
  padding-top: 2rem;
}
main .location .card {
  width: 95%;
  margin: 2.5%;
  border: none;
  border-radius: 0;
}
main .location .card .card-img-top {
  border-radius: 0;
}
main .location .card .card-body {
  border: 1px solid #ededed;
}
main .location ul {
  list-style-type: none;
}
main .location hr {
  border-top: 1px solid #ededed;
}
main .location .form-group {
  margin: auto;
  border: none;
}
main .location .form-group .form-control {
  background-color: #ededed;
  outline: none;
  border: none;
  border-radius: 0;
  transition: none;
}
main .location .form-group .form-control:focus, main .location .form-group .form-control:active {
  outline: none;
  box-shadow: none;
  border: none;
}
main .location .dallvertrieb, main .location #noContact {
  padding-top: 2rem;
}
main .top-link {
  display: none;
  background-color: #46484d;
  color: white;
  position: fixed;
  width: 40px;
  height: 40px;
  padding: 1rem;
}
main .top-link .line {
  position: absolute;
  left: 10px;
  height: 2px;
  width: 20px;
  background: white;
  border-radius: 2px;
  display: block;
  transform-origin: center;
}
main .top-link .line:nth-child(1) {
  top: 18px;
  transform: translateX(-6px) rotate(-50deg);
}
main .top-link .line:nth-child(2) {
  top: 18px;
  transform: translateX(6px) rotate(50deg);
}
main .top-link:hover {
  background-color: #ededed;
}
main .top-link:hover .line {
  background-color: #46484d;
}
main .tx-download-explorer .folder-icon {
  background: url("../assets/sprites/folder_icon.svg") no-repeat 0 3px;
  background-size: 25px 25px;
  width: 30px;
}
main .tx-download-explorer .selected > .folder-icon {
  background: url("../assets/sprites/folder_icon_open.svg") no-repeat 0 3px;
  background-size: 25px 25px;
  width: 30px;
}
main .tx-download-explorer .files-bundle {
  border-left: 1px solid #ededed;
}
main .btn-group, main .btn-group-vertical {
  padding-bottom: 1rem;
}
main button, main input, main select, main textarea, main .tx-powermail a, main a.bloglist__link, main a.style {
  /*margin-right: 0.5rem;*/
  margin-bottom: 0.5rem;
  /* Allgemeine Formularanpassungen */
}
main button.btn, main input.btn, main select.btn, main textarea.btn, main .tx-powermail a.btn, main a.bloglist__link.btn, main a.style.btn {
  border: 1px solid #85888f;
  border-radius: 0.25rem !important;
}
main button.btn:hover, main input.btn:hover, main select.btn:hover, main textarea.btn:hover, main .tx-powermail a.btn:hover, main a.bloglist__link.btn:hover, main a.style.btn:hover {
  color: #1cbbff;
  background-color: white;
  border-color: #1cbbff;
  text-decoration: none;
}
main button.btn-primary, main input.btn-primary, main select.btn-primary, main textarea.btn-primary, main .tx-powermail a.btn-primary, main a.bloglist__link.btn-primary, main a.style.btn-primary {
  background-color: #1cbbff;
  border-color: #1cbbff;
}
main button.btn-primary:not(:disabled):not(.disabled):active:focus, main button.btn-primary:not(:disabled):not(.disabled).active:focus, main input.btn-primary:not(:disabled):not(.disabled):active:focus, main input.btn-primary:not(:disabled):not(.disabled).active:focus, main select.btn-primary:not(:disabled):not(.disabled):active:focus, main select.btn-primary:not(:disabled):not(.disabled).active:focus, main textarea.btn-primary:not(:disabled):not(.disabled):active:focus, main textarea.btn-primary:not(:disabled):not(.disabled).active:focus, main .tx-powermail a.btn-primary:not(:disabled):not(.disabled):active:focus, main .tx-powermail a.btn-primary:not(:disabled):not(.disabled).active:focus, main a.bloglist__link.btn-primary:not(:disabled):not(.disabled):active:focus, main a.bloglist__link.btn-primary:not(:disabled):not(.disabled).active:focus, main a.style.btn-primary:not(:disabled):not(.disabled):active:focus, main a.style.btn-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}
main button.btn-primary:not(:disabled):not(.disabled):active, main button.btn-primary:not(:disabled):not(.disabled).active, main input.btn-primary:not(:disabled):not(.disabled):active, main input.btn-primary:not(:disabled):not(.disabled).active, main select.btn-primary:not(:disabled):not(.disabled):active, main select.btn-primary:not(:disabled):not(.disabled).active, main textarea.btn-primary:not(:disabled):not(.disabled):active, main textarea.btn-primary:not(:disabled):not(.disabled).active, main .tx-powermail a.btn-primary:not(:disabled):not(.disabled):active, main .tx-powermail a.btn-primary:not(:disabled):not(.disabled).active, main a.bloglist__link.btn-primary:not(:disabled):not(.disabled):active, main a.bloglist__link.btn-primary:not(:disabled):not(.disabled).active, main a.style.btn-primary:not(:disabled):not(.disabled):active, main a.style.btn-primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #1cbbff;
  border-color: #1cbbff;
}
main button.form-control:focus, main input.form-control:focus, main select.form-control:focus, main textarea.form-control:focus, main .tx-powermail a.form-control:focus, main a.bloglist__link.form-control:focus, main a.style.form-control:focus {
  box-shadow: none;
  border-color: #1cbbff;
}
main button.form-control:focus.parsley-error, main input.form-control:focus.parsley-error, main select.form-control:focus.parsley-error, main textarea.form-control:focus.parsley-error, main .tx-powermail a.form-control:focus.parsley-error, main a.bloglist__link.form-control:focus.parsley-error, main a.style.form-control:focus.parsley-error {
  border-color: #E13F32;
}
main .form-check {
  padding-left: 0;
}
main .form-group {
  margin-left: 1rem;
}
main .form-group .form-group {
  margin-left: 0;
}
main .form-group .form-group .form-group {
  margin-left: 1rem;
}
main input[type=radio], main input[type=checkbox] {
  margin-right: 1rem;
}
main #umfrage-MadeinGermanyCyber-4491-fieldset-5.form-group .form-group:nth-child(2) {
  margin-bottom: 0;
}
main #umfrage-MadeinGermanyCyber-4491-fieldset-5.form-group .form-group:nth-child(3) label.control-label {
  display: none;
}
main #umfrage-MadeinGermanyCyber-4491-fieldset-5.form-group .form-group:nth-child(3) input {
  margin-bottom: 1rem;
}
main #umfrage-MadeinGermanyCyber-4491 div.radio {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 2.75rem;
}
main .tx-powermail {
  /* Anpassung für Kampagnenformular - set Button to Layout-1*/
  /* Allgemeine Anpassungen für Powermail */
  /* Anpassungen für Button-Group bei mehrseitigen Formularen */
}
main .tx-powermail .layout1 {
  /* Anpassungen für HTML Feld (DATENSCHUTZERKLÄRUNG), damit es über die ganze Breite geht - set HTML Feld to Layout-1 */
}
main .tx-powermail .layout1 input {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
main .tx-powermail .layout1 input.btn {
  border: 1px solid #85888f;
  border-radius: 0.25rem !important;
}
main .tx-powermail .layout1 input.btn:hover {
  color: #F9B232;
  background-color: white;
  border-color: #F9B232;
}
main .tx-powermail .layout1 input.btn-primary {
  background-color: #F9B232;
  border-color: #F9B232;
}
main .tx-powermail .layout1 input.btn-primary:not(:disabled):not(.disabled):active:focus, main .tx-powermail .layout1 input.btn-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}
main .tx-powermail .layout1 input.btn-primary:not(:disabled):not(.disabled):active, main .tx-powermail .layout1 input.btn-primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #F9B232;
  border-color: #F9B232;
}
main .tx-powermail .layout1 input.btn-danger {
  background-color: #E13F32;
  border-color: #E13F32;
}
main .tx-powermail .layout1 input.btn-danger:not(:disabled):not(.disabled):active:focus, main .tx-powermail .layout1 input.btn-danger:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}
main .tx-powermail .layout1 input.btn-danger:not(:disabled):not(.disabled):active, main .tx-powermail .layout1 input.btn-danger:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #E13F32;
  border-color: #E13F32;
}
main .tx-powermail .layout1 input.btn-danger:hover {
  color: #E13F32;
  background-color: white;
  border-color: #E13F32;
}
main .tx-powermail .layout1.powermail_fieldwrap_type_html > .col-sm-9 {
  flex: 0 0 100%;
  max-width: 100%;
}
main .tx-powermail .layout1.powermail_fieldwrap_type_html > .col-sm-9 a {
  margin-right: 0;
}
main .tx-powermail .powermail_fieldset .powermail_field_error,
main .tx-powermail .powermail_fieldset .parsley-error,
main .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus,
main .tx-powermail .powermail_fieldset div.error {
  color: #E13F32;
}
main .tx-powermail .powermail_fieldset .parsley-errors-list > li {
  color: #E13F32;
}
main .tx-powermail .powermail_legend {
  display: none;
}
main .tx-powermail .row {
  padding-right: 0;
}
main .tx-powermail .form-group {
  margin-left: 0;
  padding-left: 0;
}
main .tx-powermail .form-group .form-group {
  margin-left: 0;
}
main .tx-powermail .form-group .form-group .form-group {
  margin-left: 0;
}
main .tx-powermail .powermail_form h3 {
  display: none;
}
main .tx-powermail .powermail_confirmation h1 {
  font-size: 1rem;
  color: #F9B232;
}
main .tx-powermail .powermail_fieldset .powermail_tab_navigation {
  margin-top: 2em;
}
main .tx-powermail .powermail_fieldset .powermail_tab_navigation .btn-warning {
  background-color: white;
  border-color: #85888f;
}
main .tx-powermail .powermail_fieldset .powermail_tab_navigation .btn-warning:hover, main .tx-powermail .powermail_fieldset .powermail_tab_navigation .btn-warning:focus {
  color: #1cbbff;
  border-color: #1cbbff;
}
main .tx-powermail .powermail_fieldset .powermail_tab_navigation .btn-warning:not(:disabled):not(.disabled):active:focus, main .tx-powermail .powermail_fieldset .powermail_tab_navigation .btn-warning:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}
main .tx-powermail .powermail_fieldset .powermail_tab_navigation:not(:disabled):not(.disabled):active, main .tx-powermail .powermail_fieldset .powermail_tab_navigation:not(:disabled):not(.disabled).active {
  border-color: #1cbbff;
}
main .tx-powermail .btn-group {
  width: 100%;
  margin-bottom: 1rem;
}
main .tx-powermail .btn-group > button.btn:not(:last-child):not(.dropdown-toggle),
main .tx-powermail .btn-group > .btn-group:not(:last-child) > button.btn {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin: 0;
}
main .tx-powermail .btn-group > button.btn:not(:first-child),
main .tx-powermail .btn-group > .btn-group:not(:first-child) > button.btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin: 0;
}
main #form_kesearch_pi1 {
  padding: 1rem 0;
}
main #form_kesearch_pi1 input[type=text] {
  border: 1px solid #ededed;
}
main #form_kesearch_pi1 .input-group.input-group-lg {
  height: 48px;
}
main #form_kesearch_pi1 .input-group.input-group-lg #ke_search_sword {
  position: inherit;
}
main #form_kesearch_pi1 .form-control:focus {
  box-shadow: none;
}
main #form_kesearch_pi1 .input-group-append {
  width: 75px;
  height: 48px;
  background-color: #ededed;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
  z-index: 555;
}
main #form_kesearch_pi1 .input-group-append .btn {
  width: 75px;
  margin: 0;
}
main #form_kesearch_pi1 .input-group-append .search-icon_item-ct {
  background-color: #85888f;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 75px;
  cursor: pointer;
  position: absolute;
  right: -15px;
  top: -6px;
}
main #form_kesearch_pi1 .input-group-append .search-icon_item-ct:before {
  background-color: #85888f;
  border-radius: 2.5px;
  content: "";
  display: inline-block;
  height: 8px;
  left: 29px;
  position: absolute;
  top: 35px;
  transform: rotate(-45deg);
  width: 3px;
}
main #form_kesearch_pi1 .input-group-append .search-icon_item-ct:after {
  border: 2px solid #85888f;
  border-radius: 50%;
  box-sizing: content-box;
  content: "";
  height: 15px;
  left: 10px;
  position: absolute;
  top: 18px;
  transform-origin: 50% 50%;
  width: 15px;
}
main #form_kesearch_pi1 .input-group-append:hover {
  background-color: #85888f;
}
main #form_kesearch_pi1 .input-group-append:hover .search-icon_item-ct:before {
  background-color: #1cbbff;
}
main #form_kesearch_pi1 .input-group-append:hover .search-icon_item-ct:after {
  border-color: #1cbbff;
}
main .tx-kesearch-pi1 {
  font-family: sans_r;
}
main .tx-kesearch-pi1 #kesearch_num_results {
  font-weight: bold;
}
main .tx-kesearch-pi1 .result-list-item {
  border-bottom: 1px solid #ededed;
  padding: 1rem 0;
}
main .tx-kesearch-pi1 .result_txt {
  color: #85888f;
  font-style: italic;
}
main .tx-kesearch-pi1 .result-title {
  font-weight: normal;
}
main .tx-kesearch-pi1 .kesearch_pagebrowser ul {
  list-style: none;
  text-align: center;
}
main .tx-kesearch-pi1 .kesearch_pagebrowser ul li {
  padding: 0 0.75rem;
  display: inline;
}
main .tx-kesearch-pi1 .kesearch_pagebrowser ul li .current {
  color: #46484d;
}
main .tx-kesearch-pi1 .kesearch_pagebrowser ul li .prev {
  padding-right: 1rem;
}
main .tx-kesearch-pi1 .kesearch_pagebrowser ul li .next {
  padding-left: 1rem;
}
main .tx-kesearch-pi1 #kesearch_pagebrowser_bottom .pages_total {
  border-top: none;
}
main .cc-btn:hover, main .cc-btn:focus {
  background-color: #85888f;
  color: #46484d;
}
main .tx-filelist ol.breadcrumb {
  list-style: none;
  padding: 0.5rem 0.5rem 0.5rem 0;
  background-color: inherit;
  border-radius: 0%;
  margin-bottom: 0;
}
main .tx-filelist ol.breadcrumb > li {
  padding: 0 10px 0 0;
}
main .tx-filelist ol.breadcrumb > li:not(:first-child):before {
  content: "/";
  padding-right: 7px;
}
main .tx-filelist .table td {
  vertical-align: middle;
}
main .tx-filelist .table td img {
  width: 25px;
}

/* Klassen für cookie_hint */
.cc-revoke > .cc-window {
  background-color: #85888f;
}

/* FOOTER bereich */
footer {
  color: #85888f;
}
footer.jumbotron {
  margin-bottom: 0px !important;
  padding-bottom: 0rem;
}
footer.jumbotron .jumbo-header {
  color: #ededed;
}
footer .list-inline {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}
footer .list-inline-item a {
  color: #85888f;
}
footer .list-inline-item i {
  width: 1rem;
  height: 1.5rem;
  position: relative;
  top: 0.2rem;
}
footer .list-inline-item .btn {
  padding: 0.5rem;
}
footer .list-inline-item .btn-outline-light {
  border-color: #ededed;
}
footer .col-md-4 {
  margin-bottom: 2rem;
}
footer a {
  color: white;
}
footer a:hover, footer a:focus {
  color: #85888f;
  outline: none;
}
footer .footernav {
  padding-inline-start: 0;
}
footer .footernav li {
  list-style: none;
}
footer .copyright {
  font-size: 0.7rem;
}
footer .metanav {
  border-top: 1px solid #85888f;
}
footer .metanav .nav-item {
  padding-bottom: 0rem;
}
footer .metanav .nav-item.active {
  background-color: #85888f;
}
footer .metanav .nav-item .nav-link {
  outline: none;
}
footer .metanav .nav-item .nav-link:hover, footer .metanav .nav-item .nav-link:focus {
  background-color: #ededed;
  color: #46484d;
}

/* GENERAL overwrites */
.bg-dark, .navbar-dark {
  background-color: #2b2c30 !important;
}

.bg-light, .navbar-light {
  background-color: #85888f !important;
}

.responsive-video {
  position: relative;
  padding-bottom: 55%;
  padding-top: 15px;
  height: 0;
  overflow: hidden;
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

iframe {
  border: none;
}

/*Allen Links auf unten definierte Dateiendungen wird Icon vorrangestellt*/
a[href$=".pdf"],
a[href$=".PDF"] {
  background: url("../assets/sprites/pdf_icon.svg") no-repeat 0 -2.5px;
  background-size: 25px 25px;
  padding-left: 30px;
}

a[href$=".doc"],
a[href$=".DOC"],
a[href$=".docx"],
a[href$=".DOCX"] {
  background: url("../assets/sprites/doc_icon.svg") no-repeat 0 -2.5px;
  background-size: 25px 25px;
  padding-left: 30px;
}

a[href$=".rtf"],
a[href$=".RTF"],
a[href$=".txt"],
a[href$=".TXT"] {
  background: url("../assets/sprites/file_icon.svg") no-repeat 0 -2.5px;
  background-size: 25px 25px;
  padding-left: 30px;
}

a[href$=".zip"],
a[href$=".ZIP"] {
  background: url("../assets/sprites/file_icon.svg") no-repeat 0 -2.5px;
  background-size: 25px 25px;
  padding-left: 30px;
}

a[href$=".xls"],
a[href$=".XLS"],
a[href$=".xlsx"],
a[href$=".XLSX"] {
  background: url("../assets/sprites/xls_icon.svg") no-repeat 0 -2.5px;
  background-size: 25px 25px;
  padding-left: 30px;
}

a[href$=".jpg"],
a[href$=".JPG"],
a[href$=".jpeg"],
a[href$=".JPEG"],
a[href$=".png"],
a[href$=".PNG"] {
  background: url("../assets/sprites/img_icon.svg") no-repeat 0 -2.5px;
  background-size: 25px 25px;
  padding-left: 30px;
}

/* Klasse für externe Links */
a.ext {
  background: url("../assets/sprites/ext_icon.svg") no-repeat 2px 0;
  background-size: 25px 25px;
  padding-left: 30px;
}

/* Klasse für einzelne Elemente auf der die Icons nicht angezeigt werden sollen */
a.noIcon {
  background: none;
  padding-left: 0;
}

/* Badge zum markieren einzelner Elemente*/
.badge {
  font-size: 95%;
  margin-left: 5px;
}
.badge.badge-primary {
  background-color: #1cbbff;
}
.badge.badge-secondary {
  color: #1cbbff;
  background-color: white;
  border: solid 1px #1cbbff;
}

/*********  FANCY PAGES - ID 396 / 419 / 420 / 435 / 866  *********/
/*Flächenbereiche mit schwarzem Hintergrund - Gridelements-Frame + Layout 3*/
div.frame-type-gridelements_pi1.frame-layout-3 {
  background-color: black;
}
div.frame-type-gridelements_pi1.frame-layout-3 section {
  color: #ededed;
}

/*Flächenbereiche mit blauem Hintergrund - Gridelements-Frame + Layout 2*/
div.frame-type-gridelements_pi1.frame-layout-2 {
  background-color: #1cbbff;
}
div.frame-type-gridelements_pi1.frame-layout-2 section, div.frame-type-gridelements_pi1.frame-layout-2 .text-center {
  color: #ededed;
}
div.frame-type-gridelements_pi1.frame-layout-2 section a > .btn, div.frame-type-gridelements_pi1.frame-layout-2 section a.btn, div.frame-type-gridelements_pi1.frame-layout-2 .text-center a > .btn, div.frame-type-gridelements_pi1.frame-layout-2 .text-center a.btn {
  background-color: #ededed;
  color: #1cbbff;
  border-color: transparent;
}
div.frame-type-gridelements_pi1.frame-layout-2 section a > .btn:hover, div.frame-type-gridelements_pi1.frame-layout-2 section a.btn:hover, div.frame-type-gridelements_pi1.frame-layout-2 .text-center a > .btn:hover, div.frame-type-gridelements_pi1.frame-layout-2 .text-center a.btn:hover {
  background-color: rgba(255, 255, 255, 0.75);
  color: #257CBF;
  border-color: white;
  text-decoration: none;
}
div.frame-type-gridelements_pi1.frame-layout-2 section a:hover, div.frame-type-gridelements_pi1.frame-layout-2 .text-center a:hover {
  text-decoration: none;
}

/*Special Überschriften h2 / h3 - Font blau, sans, größer - soll auf dunklem Hintergrund genaus funktionieren, wie auf normalem weißen BG, daher unabhängig von Gridelements Frame */
.frame-type-header.frame-layout-1 h2, .frame-type-header.frame-layout-1 h3, .frame-type-header.frame-layout-1 h4, .frame-type-textpic.frame-layout-1 h2, .frame-type-textpic.frame-layout-1 h3, .frame-type-textpic.frame-layout-1 h4, .frame-type-text.frame-layout-1 h2, .frame-type-text.frame-layout-1 h3, .frame-type-text.frame-layout-1 h4, .frame-type-bullets.frame-layout-1 h2, .frame-type-bullets.frame-layout-1 h3, .frame-type-bullets.frame-layout-1 h4 {
  color: #1cbbff;
}

/*Navbar anpassen an Buttonbar (siehe Online-Application)*/
.navbar-btnbar .nav-pills > li .nav-link {
  border-radius: 0;
  margin: 0;
  padding: 0.5rem !important;
}
.navbar-btnbar .nav-pills > li:last-child .nav-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.navbar-btnbar .nav-pills > li:first-child .nav-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

/*Um Zitat-Elemente komplett ohne margins darzustellen (z. B. in der Dritteldarstellung) Gridelement-Frame + Layout 1 bzw. Layout 3 (mit schwarzem BG und heller Schrift)*/
div.frame-type-gridelements_pi1.frame-layout-1 blockquote,
div.frame-type-gridelements_pi1.frame-layout-3 blockquote {
  margin: 0 0 1rem 0;
  background-color: transparent;
}

/*Klassen für 360 Image Rotate --da CSS vom */
.threesixty-image-rotate {
  background: none;
}

/*Ordered List mit Unterbrechungen auf Seite 'Critis Practical Guide - Link Collection'*/
#c20030 ol {
  list-style: none;
}
#c20030 ol li:before {
  counter-increment: list_counter;
  content: "[" counter(list_counter) "] ";
}
#c20030 ol:first-of-type {
  counter-reset: list_counter;
}

/*Klassen für Scroll Animation Einzelbilder*/
.scroll-container {
  height: 105%;
  width: 100%;
}
.scroll-container .scroll-sticky-container {
  width: 100%;
  height: 2500px;
}
@media (max-width: 2500px) {
  .scroll-container .scroll-sticky-container {
    height: 2200px;
  }
}
@media (max-width: 1000px) {
  .scroll-container .scroll-sticky-container {
    height: 1500px;
  }
}
@media (max-width: 700px) {
  .scroll-container .scroll-sticky-container {
    height: 600px;
  }
}
.scroll-container .scroll-sticky-container .scroll-sticky {
  position: sticky;
  width: 100%;
  top: 100px;
  text-align: center;
}
.scroll-container .scroll-sticky-container .scroll-sticky #animation-container {
  height: 1200px;
  width: 100%;
}
@media (max-width: 2500px) {
  .scroll-container .scroll-sticky-container .scroll-sticky #animation-container {
    height: 900px;
  }
}
@media (max-width: 1000px) {
  .scroll-container .scroll-sticky-container .scroll-sticky #animation-container {
    height: 500px;
  }
}
@media (max-width: 700px) {
  .scroll-container .scroll-sticky-container .scroll-sticky #animation-container {
    height: 200px;
  }
}
.scroll-container .scroll-sticky-container .scroll-sticky #animation-container canvas {
  width: 75%;
  text-align: center;
}
@media (max-width: 1000px) {
  .scroll-container .scroll-sticky-container .scroll-sticky #animation-container canvas {
    width: 100%;
  }
}

/*Klassen für SVG-Clipmaske vor Video - gerade nicht in nutzung - video-container wird verwendet für Videoeinbindung in fancy page und drüberlegen der SVG elemente*/
/*.clipping-paths{
  width: 0;
  height: 0;
  position: absolute;
}*/
.video-container {
  margin: 0 auto 20px auto;
  padding: 5rem 0 5rem 0;
  padding: 0;
  /*outline: 2px solid $dolphin;*/
  width: 75%;
  width: 100%;
}
.video-container video, .video-container picture {
  display: block;
  width: 100%;
  /*clip-path: url(#clip-00);
  margin-bottom: 40px;*/
}
.video-container video img, .video-container picture img {
  width: 100%;
}
.video-container.full video {
  width: 100%;
  margin: 0 auto;
}
.video-container.threequarts video, .video-container.threequarts picture {
  width: 75%;
  margin: 0 auto;
}
.video-container.black {
  background: black;
  margin: 0;
}
.video-container.white {
  background: white;
  margin: 0;
}
.video-container .content-container {
  width: 75%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0) !important;
  z-index: 1;
}

/*Ausgangszustand - iOs ausblenden und erst per JS einblenden*/
/*Klassen für Unique Scrolling Presentation --> im Moment ausgeblendet*/
.section-grid {
  display: grid;
  grid-template-columns: auto 300px;
  height: 100vh;
}
@media (min-width: 700px) {
  .section-grid {
    grid-template-columns: auto 500px;
  }
}
@media (min-width: 1000px) {
  .section-grid {
    grid-template-columns: 1fr 2fr;
  }
}
.section-grid .left, .section-grid .right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-grid .left .grid-text, .section-grid .right .grid-text {
  padding: 1rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.section-grid .left .grid-image, .section-grid .right .grid-image {
  position: fixed;
  top: 33%;
  left: 50%;
  z-index: 100;
}
.section-grid .left .grid-image.image-1, .section-grid .left .grid-image.image-2, .section-grid .left .grid-image.image-3, .section-grid .right .grid-image.image-1, .section-grid .right .grid-image.image-2, .section-grid .right .grid-image.image-3 {
  opacity: 0;
}
.section-grid .left .grid-image.image-1.active, .section-grid .left .grid-image.image-2.active, .section-grid .left .grid-image.image-3.active, .section-grid .right .grid-image.image-1.active, .section-grid .right .grid-image.image-2.active, .section-grid .right .grid-image.image-3.active {
  animation: fadeIn 1000ms ease forwards;
  opacity: 1;
}
.section-grid .left .grid-image img, .section-grid .right .grid-image img {
  width: 200px;
  display: block;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}
@media (min-width: 700px) {
  .section-grid .left .grid-image img, .section-grid .right .grid-image img {
    width: 400px;
  }
}
@media (min-width: 1000px) {
  .section-grid .left .grid-image img, .section-grid .right .grid-image img {
    width: 600px;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*Klassen für CTA - Pop-up auf fancy Panomera Page */
.cta {
  position: fixed;
  top: 15%;
  left: -2px;
  width: 350px;
  text-align: center;
  color: white;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 0 20px 20px 0;
  border: 1px solid #F9B232;
  z-index: 5;
}
.cta.hidden {
  opacity: 0;
}
.cta .content {
  color: #2b2c30;
  padding: 75px 20px;
}
.cta a:hover {
  text-decoration: none;
}
.cta .btn {
  background-color: #F9B232;
  color: white;
  border-color: transparent;
}
.cta .btn:hover {
  color: #F9B232;
  border-color: #F9B232;
}
.cta .btn.cta-close {
  background-color: transparent;
  color: #85888f;
  border-color: #85888f;
  position: absolute;
  left: 300px;
  top: 10px;
}
.cta .btn.cta-close:hover {
  background-color: rgba(255, 255, 255, 0.75);
  color: #F9B232;
  border-color: #F9B232;
}

/*Klassen für CTA - Bereich auf Kampagnen Seiten */
.box-cta a:hover {
  text-decoration: none;
}
.box-cta .btn {
  background-color: #F9B232;
  color: white;
  border-color: transparent;
}
.box-cta .btn:hover {
  color: #F9B232;
  border-color: #F9B232;
}

/*Klassen für Newsletter - Pop-up*/
.nl-popup {
  position: fixed;
  top: 50%;
  right: -2px;
  width: 350px;
  text-align: center;
  color: white;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 20px 0 0 20px;
  border: 1px solid #F9B232;
  z-index: 7000;
  visibility: visible;
  opacity: 1;
}
.nl-popup.hidden {
  visibility: hidden;
  opacity: 0;
}
.nl-popup .content {
  color: #2b2c30;
  padding: 15px 15px 10px 20px;
}
.nl-popup a:hover {
  text-decoration: none;
}
.nl-popup .btn {
  background-color: #F9B232;
  color: white;
  border-color: transparent;
}
.nl-popup .btn:hover {
  color: #F9B232;
  border-color: #F9B232;
}
.nl-popup .btn.nl-popup-close {
  background-color: transparent;
  color: #85888f;
  border-color: #85888f;
  position: absolute;
  left: 300px;
  top: 10px;
  z-index: 5000;
}
.nl-popup .btn.nl-popup-close:hover {
  background-color: rgba(255, 255, 255, 0.75);
  color: #F9B232;
  border-color: #F9B232;
}

/*Klassen für Slick Slider - Produktbild */
.slick-slider {
  /* Arrows */
  /* Dots */
  /*
  .slick-dotted.slick-slider {
      margin-bottom: 30px;
  }

  .slick-dots {
      position: absolute;
      bottom: -25px;
      list-style: none;
      display: block;
      text-align: center;
      padding: 0;
      margin: 0;
      width: 100%;
      li {
          position: relative;
          display: inline-block;
          height: 20px;
          width: 20px;
          margin: 0 5px;
          padding: 0;
          cursor: pointer;
          button {
              border: 0;
              background: transparent;
              display: block;
              height: 20px;
              width: 20px;
              outline: none;
              line-height: 0px;
              font-size: 0px;
              color: transparent;
              padding: 5px;
              cursor: pointer;
              &:hover, &:focus {
                  outline: none;
                  &:before {
                      opacity: $slick-opacity-on-hover;
                  }
              }
              &:before {
                  position: absolute;
                  top: 0;
                  left: 0;
                  content: $slick-dot-character;
                  width: 20px;
                  height: 20px;
                  font-family: $slick-font-family;
                  font-size: $slick-dot-size;
                  line-height: 20px;
                  text-align: center;
                  color: $slick-dot-color;
                  opacity: $slick-opacity-not-active;
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
              }
          }
          &.slick-active button:before {
              color: $slick-dot-color-active;
              opacity: $slick-opacity-default;
          }
      }
  }
  */
}
.slick-slider .slick-slide img {
  width: 50%;
  margin: auto;
}
@media (max-width: 1200px) {
  .slick-slider .slick-slide img {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .slick-slider .slick-slide img {
    width: 80%;
  }
}
@media (max-width: 576px) {
  .slick-slider .slick-slide img {
    width: 100%;
  }
}
.slick-slider .slick-slide .image > a, .slick-slider .slick-slide .image > a > img {
  pointer-events: none;
  cursor: default;
}
.slick-slider .slick-slide .image > a:hover, .slick-slider .slick-slide .image > a:active, .slick-slider .slick-slide .image > a:focus, .slick-slider .slick-slide .image > a > img:hover, .slick-slider .slick-slide .image > a > img:active, .slick-slider .slick-slide .image > a > img:focus {
  border: none;
  outline: none;
}
.slick-slider.slick-sync .slick-slide img {
  width: 100%;
}
.slick-slider .slick-prev,
.slick-slider .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 999;
}
.slick-slider .slick-prev:hover, .slick-slider .slick-prev:focus,
.slick-slider .slick-next:hover,
.slick-slider .slick-next:focus {
  outline: none;
  background: transparent;
}
.slick-slider .slick-prev:hover:before, .slick-slider .slick-prev:focus:before,
.slick-slider .slick-next:hover:before,
.slick-slider .slick-next:focus:before {
  opacity: 1;
}
.slick-slider .slick-prev.slick-disabled:before,
.slick-slider .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
  font-family: sans_r;
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-slider .slick-prev {
  left: -25px;
}
[dir=rtl] .slick-slider .slick-prev {
  left: auto;
  right: -25px;
}
.slick-slider .slick-prev:before {
  content: url("../assets/sprites/prev_blue.svg");
}
.slick-slider .slick-prev:before .st0 {
  fill: #1cbbff;
}
[dir=rtl] .slick-slider .slick-prev:before {
  content: url("../assets/sprites/next_blue.svg");
}
[dir=rtl] .slick-slider .slick-prev:before .st0 {
  fill: #1cbbff;
}
.slick-slider .slick-next {
  right: -25px;
}
[dir=rtl] .slick-slider .slick-next {
  left: -25px;
  right: auto;
}
.slick-slider .slick-next:before {
  content: url("../assets/sprites/next_blue.svg");
}
.slick-slider .slick-next:before .st0 {
  fill: #1cbbff;
}
[dir=rtl] .slick-slider .slick-next:before {
  content: url("../assets/sprites/prev_blue.svg");
}
[dir=rtl] .slick-slider .slick-next:before .st0 {
  fill: #1cbbff;
}

/*Klassen für Media2Click - DSGVO gerechtes Verstecken der Inhalte von GoogleMaps, Vimeo und YouTube*/
.media2click-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.media2click-wrap.media2click-ratio {
  position: relative;
  width: 100%;
  height: 0;
}

.media2click-controls .media2click-button {
  background-color: #1cbbff;
  border: 1px solid #1cbbff;
}

.media2click-placeholder:hover .media2click-button,
.media2click-placeholder:focus-within .media2click-button {
  background-color: #257CBF;
  border: 1px solid #257CBF;
}

.media2click-controls .media2click-button:hover,
.media2click-controls .media2click-button:focus {
  background-color: white;
  color: #1cbbff;
  border: 1px solid #1cbbff;
}/*# sourceMappingURL=style.css.map */