@charset "UTF-8";
@font-face {
  font-family: 'FontAwesome';
  src: url('../../bankgantrisch_2021/vendor/font-awesome-v4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../../bankgantrisch_2021/vendor/font-awesome-v4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
  url('../../bankgantrisch_2021/vendor/font-awesome-v4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
  url('../../bankgantrisch_2021/vendor/font-awesome-v4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
  url('../../bankgantrisch_2021/vendor/font-awesome-v4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
  url('../../bankgantrisch_2021/vendor/font-awesome-v4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/SourceSansPro-Light.ttf') format('truetype'),
  url('../fonts/SourceSansPro-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url('../fonts/SourceSansPro-LightItalic.ttf') format('truetype'),
  url('../fonts/SourceSansPro-LightItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/SourceSansPro-Regular.ttf') format('truetype'),
  url('../fonts/SourceSansPro-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url('../fonts/SourceSansPro-Italic.ttf') format('truetype'),
  url('../fonts/SourceSansPro-Italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/SourceSansPro-SemiBold.ttf') format('truetype'),
  url('../fonts/SourceSansPro-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url('../fonts/SourceSansPro-SemiBoldItalic.ttf') format('truetype'),
  url('../fonts/SourceSansPro-SemiBoldItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/SourceSansPro-Bold.ttf') format('truetype'),
  url('../fonts/SourceSansPro-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url('../fonts/SourceSansPro-BoldItalic.ttf') format('truetype'),
  url('../fonts/SourceSansPro-BoldItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype'),
  url('../fonts/Montserrat-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url('../fonts/Montserrat-Italic.ttf') format('truetype'),
  url('../fonts/Montserrat-Italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
  url('../fonts/Montserrat-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'),
  url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Montserrat-Bold.ttf') format('truetype'),
  url('../fonts/Montserrat-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url('../fonts/Montserrat-BoldItalic.ttf') format('truetype'),
  url('../fonts/Montserrat-BoldItalic.woff2') format('woff2');
}
html {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
body {
  width: 100%;
  height: 100%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.4em;
  letter-spacing: 0.075em;
  background-color: #ffffff;
  color: #000000;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
body.c7n-loaded {
  opacity: 1;
}
body.cke_editable {
  background-color: #ffffff;
}
body.modal-open {
  padding-right: 0 !important;
  overflow: initial !important;
}
.modal-backdrop {
  background-color: rgba(45, 79, 69, 1);
}
.modal-content {
  background-color: rgb(189, 209, 33);
  border: 0px solid rgba(0, 0, 0, .2);
  border-radius: 0;
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 15%);
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 15%);
}
.modal-header {
  border-bottom: 0;
}
.modal-header h4.modal-title {
  margin-bottom: 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  font-weight: 700;
  line-height: initial;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(45, 79, 69, 1);
}
.modal-header .close {
  color: #ffffff;
  opacity: 1;
}
.modal-content iframe {
  width: 100%;
}
.modal-footer {
  border-top: 0;
}
#PoweredByFooter {
  display: none !important;
}
#preview-content {
  padding-bottom: 0 !important;
}
#cookie-note {
  width: 100% !important;
  right: 0px !important;
  bottom: -200px !important;
  padding: 15px !important;
  font-size: 0.9em !important;
  line-height: initial !important;
  text-align: center;
  background-color: rgba(235, 245, 245, 0.9) !important;
  color: rgba(45, 79, 69, 1) !important;
  opacity: 0;
  -moz-box-shadow: 0px 2px 10px 0px rgba(29, 29, 29, 0.25) !important;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(29, 29, 29, 0.25) !important;
  box-shadow: 0px 2px 10px 0px rgba(29, 29, 29, 0.25) !important;
  -webkit-transition: all 1.2s ease-in-out;
  -moz-transition: all 1.2s ease-in-out;
  -ms-transition: all 1.2s ease-in-out;
  -o-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
}
#cookie-note.c7n-loaded {
  bottom: 0px !important;
  opacity: 1;
}
#cookie-note p {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
#cookie-note a {
  color: rgba(45, 79, 69, 1);
}
#cookie-note a:hover {
  text-decoration: none;
  color: rgba(45, 79, 69, 0.5);
}
#cookie-note button {
  display: block;
  min-width: 200px;
  padding: 10px 20px;
  margin: 15px auto 0 auto;
  font-size: 0.9em;
  font-weight: 400;
  line-height: initial !important;
  text-align: left;
  background-color: rgb(189, 209, 33);
  color: rgba(45, 79, 69, 1) !important;
  border: 0;
}
#cookie-note button:hover {
  background-color: rgba(152, 165, 69, 1);
  color: rgba(255, 255, 255, 1) !important;
}
#browser-note {
  position: absolute;
  width: 100% !important;
  top: -200px !important;
  right: 0px !important;
  padding: 15px !important;
  font-size: 0.9em !important;
  line-height: initial !important;
  text-align: center;
  background-color: rgba(235, 245, 245, 0.9) !important;
  color: rgba(45, 79, 69, 1) !important;
  opacity: 0;
  -moz-box-shadow: 0px 2px 10px 0px rgba(29, 29, 29, 0.25) !important;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(29, 29, 29, 0.25) !important;
  box-shadow: 0px 2px 10px 0px rgba(29, 29, 29, 0.25) !important;
  -webkit-transition: all 1.2s ease-in-out;
  -moz-transition: all 1.2s ease-in-out;
  -ms-transition: all 1.2s ease-in-out;
  -o-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
  z-index: 9999;
}
#browser-note.c7n-show {
  top: 0px !important;
  opacity: 1;
}
#cookiescript_accept,
#cookiescript_save,
#cookiescript_reject {
  text-transform: none !important;
}
div#cookiescript_description {
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #000000 !important;
}
#cookiescript_header {
  font-family: "Montserrat", arial, sans-serif !important;
  text-transform: uppercase !important;
  color: rgba(45, 79, 69, 1) !important;
}
div#cookiescript_accept:hover {
  background-color: rgba(152, 165, 69, 1);
  color: #ffffff;
}
div#cookiescript_injected {
  box-shadow: 0px 3px 6px 0 rgb(0 0 0 / 15%) !important;
}
#cookiescript_badgeimage {
  width: 100%;
  height: 100%;
}
#cookiescript_badgeimage > img {
  width: 100%;
  height: 100%;
}
#cookiescript_badge {
  width: 30px;
  height: 30px;
  bottom: 5px !important;
  left: 5px !important;
  padding: 5px !important;
  opacity: 1;
  border-radius: 5px;
}
#cookiescript_reject {
  border: none !important;
}
::-moz-selection {
  text-shadow: none;
  background: rgb(189, 209, 33);
  color: #ffffff;
}
::selection {
  text-shadow: none;
  background: rgb(189, 209, 33);
  color: #ffffff;
}
#c7n-intro,
#c7n-main-navigation {
  position: relative;
  display: flex;
  width: 100%;
  height: 100vh;
  min-height: 500px;
  flex-direction: column;
}
#c7n-main-navigation {
  position: fixed;
  top: 0;
  right: calc(-150vw - 15px);
  background-color: #ffffff;
  -webkit-transition: right 0.3s ease-in-out;
  -moz-transition: right 0.3s ease-in-out;
  -ms-transition: right 0.3s ease-in-out;
  -o-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
  z-index: 900;
}
#c7n-main-navigation.c7n-open {
  right: 0;
}
#c7n-main-navigation header {
  width: 100%;
  height: auto;
  flex-grow: 0;
  background-color: rgba(189, 209, 33, 1);
}
#c7n-main-navigation .c7n-external-mobile {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #ffffff;
}
#c7n-main-navigation .c7n-external-mobile ul,
#c7n-main-navigation .c7n-external-mobile ul li {
  display: flex;
  padding: 0;
  margin: 0;
  flex-direction: row;
}
#c7n-main-navigation .c7n-external-mobile ul li a {
  display: block;
  padding-right: 30px;
  font-size: 0.9em;
  font-weight: 600;
  line-height: 45px;
  text-decoration: none;
  text-transform: uppercase;
  color: rgba(45, 79, 69, 1);
}
#c7n-main-navigation .c7n-external-mobile ul li {
  display: none;
}
#c7n-main-navigation .c7n-external-mobile ul li:first-child {
  display: flex;
}
#c7n-main-navigation nav,
#c7n-main-navigation nav .container {
  position: relative;
  display: flex;
  width: 100%;
  flex-grow: 99;
  justify-content: space-between;
  overflow-x: auto;
  z-index: 1;
}
#c7n-main-navigation nav .container {
  margin-bottom: 15px;
}
#c7n-main-navigation nav .container > ul:not(.menu_level_1) {
  display: none;
}
#c7n-main-navigation nav:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgb(189, 209, 33);
  content: "";
  z-index: -1;
}
#c7n-main-navigation nav .menu_level_1,
#c7n-main-navigation nav ul {
  width: 100%;
  padding: 0;
  margin: 0;
}
#c7n-main-navigation nav .menu_level_1 .c7n-open-children {
  position: absolute;
  display: flex;
  width: 60px;
  height: 100%;
  top: 0;
  right: 0;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  z-index: 99;
}
#c7n-main-navigation nav .c7n-open > a > .c7n-open-children {
  justify-content: flex-start;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#c7n-main-navigation nav .c7n-open-children svg {
  width: 23px;
  height: auto;
  margin: 0;
}
#c7n-main-navigation nav .menu_level_2 .c7n-open-children svg {
  padding-right: 3px;
  padding-left: 3px;
}
#c7n-main-navigation nav .menu_level_3 .c7n-open-children {
  display: none;
}
#c7n-main-navigation nav a {
  position: relative;
}
#c7n-main-navigation nav .menu_level_1 > li > a,
#c7n-main-navigation nav > .container > ul:last-child > li > a {
  display: block;
  padding: 0px;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 60px;
  text-decoration: none;
  text-transform: uppercase;
  color: rgba(45, 79, 69, 1);
}
#c7n-main-navigation nav .menu_level_1 > li.active > a {
  text-decoration: none;
}
#c7n-main-navigation nav .menu_level_1 .c7n-no-link {
  cursor: default;
}
#c7n-main-navigation nav .menu_level_2 {
  position: relative;
  display: none;
  width: calc(100% + 30px);
  height: auto;
  padding: 15px 0;
  margin: 0 -15px;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #ffffff;
  z-index: 1;
}
#c7n-main-navigation nav .menu_level_2 > li {
  padding-right: 15px;
  padding-left: 15px;
}
#c7n-main-navigation nav .menu_level_2 > li > a {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1.2em;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  color: rgba(45, 79, 69, 1);
  border-bottom: 1px solid rgba(229, 229, 229, 1);
}
#c7n-main-navigation nav .menu_level_2 > li.c7n-open > a,
#c7n-main-navigation nav .menu_level_2 > li:last-child > a {
  border-bottom: 0px solid rgba(229, 229, 229, 1);
}
#c7n-main-navigation nav .menu_level_3 {
  display: none;
  padding: 0;
  margin: 0;
  flex-direction: column;
}
#c7n-main-navigation nav .menu_level_3 > li > a {
  display: block;
  padding-bottom: 10px;
  font-size: 1.1em;
  text-decoration: none;
  color: rgba(0, 0, 0, 1);
}
#c7n-main-navigation nav .menu_level_3 > li:last-child > a {
  padding-bottom: 30px;
}
#c7n-main-navigation nav .menu_level_1 > .c7n-open .menu_level_2,
#c7n-main-navigation nav .menu_level_2 > .c7n-open .menu_level_3 {
  display: block;
}
#c7n-main-navigation nav .menu_level_2 > li.active > a,
#c7n-main-navigation nav .menu_level_3 > li.active > a {
  color: rgba(152, 165, 69, 1);
}
#c7n-functions {
  position: fixed;
  top: 60px;
  right: 0;
  z-index: 800;
}
#c7n-functions .c7n-internal {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: nowrap;
}
#c7n-functions ul,
#c7n-functions ul li {
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  align-items: flex-end;
}
#c7n-functions .c7n-internal ul {
  flex-direction: column;
}
#c7n-functions.c7n-small .c7n-internal ul:first-child {
  display: none;
}
#c7n-functions .c7n-external {
  display: none;
}
#c7n-functions .c7n-external ul {
  flex-direction: column;
  font-size: 0.8em;
}
#c7n-functions .c7n-external ul li {
  margin-top: 7.5px;
}
#c7n-functions .c7n-external ul:first-child li:first-child {
  display: none;
}
#c7n-intro .cycle-slideshow {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}
#c7n-intro .cycle-slide {
  width: 100%;
  height: 100%;
}
#c7n-intro .cycle-slide > img {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: 'object-fit: cover;';
  object-fit: cover;
}
#c7n-intro .container,
#c7n-eyecatcher .container {
  position: relative;
  display: flex;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 15px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 2;
}
#c7n-eyecatcher .container,
#c7n-content .container > header > aside {
  background-position: top right;
  background-position: top center;
  background-attachment: fixed;
  background-size: 100% auto;
  background-color: rgba(45, 79, 69, 1);
}
#c7n-eyecatcher .container:before {
  position: absolute;
  width: 66.666667%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(189, 209, 66);
  background: -moz-linear-gradient(90deg, rgba(189, 209, 66, 1) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(189, 209, 66, 1) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(90deg, rgba(189, 209, 66, 1) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  z-index: -1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bdd142", endColorstr="#ffffff", GradientType=1);
}
#c7n-intro .c7n-logo,
#c7n-eyecatcher .c7n-logo {
  padding-bottom: 15px;
  flex-grow: 99;
}
#c7n-intro .c7n-headlines,
#c7n-intro .c7n-title {
  width: calc(100% + 30px);
  flex-grow: 0;
}
#c7n-intro .c7n-headlines {
  display: none;
}
#c7n-intro .c7n-title {
  padding-bottom: 75px;
}
#c7n-stick-communication {
  position: fixed;
  display: flex;
  right: 15px;
  bottom: 15px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  z-index: 899;
}
.c7n-sticky-button {
  display: none;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.8em;
  letter-spacing: 0.05em;
  background-color: rgb(189, 209, 33);
  color: rgba(45, 79, 69, 1);
  opacity: 0;
  overflow: hidden;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
#c7n-stick-communication.c7n-open .c7n-sticky-button {
  display: flex;
  opacity: 1;
}
.c7n-sticky-button svg {
  width: 18px;
  height: 18px;
}
.c7n-sticky-button path {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: rgba(45, 79, 69, 1);
}
.c7n-sticky-button:hover,
.c7n-sticky-button.c7n-active {
  text-decoration: none;
  background-color: rgba(152, 165, 69, 1);
  color: #ffffff;
}
.c7n-sticky-button:hover path,
.c7n-sticky-button.c7n-active path {
  fill: rgba(255, 255, 255, 1);
}
.c7n-sticky-button.c7n-opener {
  display: flex;
  width: 75px;
  height: 75px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  opacity: 1;
}
.c7n-sticky-button.c7n-opener svg {
  width: 26px;
  height: 26px;
}
.c7n-curved-corner {
  position: absolute;
  width: auto;
  max-width: 60vw;
  height: auto;
  max-height: 100%;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 3;
}
.c7n-curved-corner svg {
  width: 100%;
  height: auto;
}
.c7n-logo svg {
  width: 160px;
  height: auto;
}
.c7n-invert .c7n-logo path.logo-shadow {
  fill: #ffffff;
}
.c7n-invert .c7n-logo path.logo-letter {
  fill: #ffffff;
}
#c7n-eyecatcher {
  width: 100%;
  background-color: rgba(189, 209, 33, 1);
}
#c7n-content,
#c7n-landingpage-subnavigation,
#c7n-products,
#c7n-headlines-mobile,
#c7n-calendar,
#c7n-contact-person {
  padding-top: 60px;
  padding-bottom: 30px;
}
#c7n-headlines-mobile,
#c7n-products {
  padding-bottom: 15px;
}
.c7n-relative {
  position: relative;
}
#c7n-content.c7n-subpage {
  padding-top: 0px;
}
#c7n-content.c7n-subpage.c7n-fixed {
  padding-top: 75px;
}
#c7n-landingpage-subnavigation {
}
#c7n-landingpage-subnavigation ul,
#c7n-landingpage-subnavigation ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#c7n-landingpage-subnavigation ul.menu_level_2 {
  width: 100%;
}
#c7n-landingpage-subnavigation ul.menu_level_2 > li {
  max-width: 100%;
  padding-right: 15px;
  padding-bottom: 0px;
  padding-left: 15px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
#c7n-landingpage-subnavigation ul.menu_level_2 > li.c7n-open {
  padding-bottom: 60px;
}
#c7n-landingpage-subnavigation ul.menu_level_2 > li > a {
  position: relative;
  display: block;
  padding: 1em 15px 1em 1px;
  font-size: 0.9em;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  color: rgba(45, 79, 69, 1);
  border-top: 1px solid rgba(195, 195, 195, 1);
}
#c7n-landingpage-subnavigation ul.menu_level_2 > li:last-child > a {
  border-bottom: 1px solid rgba(195, 195, 195, 1);
}
#c7n-landingpage-subnavigation ul.menu_level_2 > li.c7n-open:last-child > a {
  border-bottom: 0px solid rgba(195, 195, 195, 1);
}
#c7n-landingpage-subnavigation ul.menu_level_2 > li.c7n-open:last-child > ul {
  border-bottom: 1px solid rgba(195, 195, 195, 1);
}
#c7n-landingpage-subnavigation ul.menu_level_2 > li > a .c7n-open-children {
  position: absolute;
  display: flex;
  width: 60px;
  height: 100%;
  top: 0;
  right: 15px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  z-index: 99;
}
#c7n-landingpage-subnavigation ul.menu_level_2 > li > a .c7n-open-children svg {
  width: 23px;
  height: auto;
  margin: 0;
}
#c7n-landingpage-subnavigation ul.menu_level_2 > li.c7n-open > a .c7n-open-children {
  justify-content: flex-start;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#c7n-landingpage-subnavigation ul.menu_level_2 > li > a:hover {
  color: rgba(152, 165, 69, 1);
}
#c7n-landingpage-subnavigation ul.menu_level_3 {
  display: none;
  padding-bottom: 1em;
  flex-direction: row;
  flex-wrap: wrap;
}
#c7n-landingpage-subnavigation .c7n-open ul.menu_level_3 {
  display: flex;
}
#c7n-landingpage-subnavigation ul.menu_level_3 > li {
  max-width: 50%;
  max-width: 100%;
  -ms-flex: 0 0 50%;
  -ms-flex: 0 0 100%;
  flex: 0 0 50%;
  flex: 0 0 100%;
}
#c7n-landingpage-subnavigation ul.menu_level_3 > li > a {
  display: block;
  padding-bottom: 10px;
  font-size: 0.9em;
  text-decoration: none;
  color: rgba(0, 0, 0, 1);
}
#c7n-landingpage-subnavigation ul.menu_level_3 > li > a:hover {
  color: rgba(152, 165, 69, 1);
}
#c7n-landingpage-subnavigation ul.menu_level_3 > li > a .c7n-open-children {
  display: none;
}
.c7n-navtree {
  position: relative;
  width: calc(100% + 30px);
  padding: 0 75px 0 15px;
  margin: 0 -15px 30px -15px;
  font-size: 0.7em;
  font-weight: 500;
  line-height: 45px;
  text-transform: uppercase;
  background-color: rgba(189, 209, 33, 1);
  color: #ffffff;
}
.c7n-navtree.c7n-fixed {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
}
body:not(.c7n-landingpage) #c7n-functions.c7n-fixed {
  position: fixed !important;
  top: 0 !important;
  z-index: 100;
}
.c7n-navtree > span {
  display: block;
  width: 100%;
  height: 45px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  z-index: 1;
}
.c7n-navtree svg {
  width: auto;
  height: 1em;
}
.c7n-navtree .c7n-back:hover path,
.c7n-navtree .c7n-back:hover line {
  stroke: rgba(45, 79, 69, 1);
}
.c7n-navtree .c7n-back {
  display: inline-block;
  padding-right: 15px;
}
.c7n-navtree .c7n-home {
  display: none;
}
.c7n-text {
  margin-top: 0;
}
.c7n-sidebar {
  margin-top: 60px;
}
.c7n-subnavigation {
  margin-top: 30px;
}
.c7n-box {
  position: relative;
  display: flex;
  height: calc(100% - 45px);
  padding: 2em 30px 2em 30px;
  margin-right: 15px;
  margin-bottom: 45px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.9em;
  background-color: rgba(255, 255, 255, 1);
}
.c7n-portfolio-assistant-search,
.c7n-kapitalplaner {
  padding: 2em 30px 2em 30px;
}
.c7n-kapitalplaner .anlegertyp-button-wrapper {
  display: flex;
  flex-wrap: nowrap;
}
.c7n-portfolio-assistant-search .c7n-content-tpl,
.c7n-kapitalplaner .c7n-content-tpl {
  padding-bottom: 30px;
}
.c7n-portfolio-assistant-product {
  order: 99;
}
.c7n-portfolio-assistant-product .c7n-box.c7n-highlighted {
  background-color: rgba(45, 79, 69, 0.016);
}
.c7n-portfolio-assistant-product .c7n-box h3 {
  color: rgba(45, 79, 69, 0.25);
}
.c7n-portfolio-assistant-product.c7n-selected {
  order: 1;
}
.c7n-portfolio-assistant-product.c7n-selected .c7n-box.c7n-highlighted {
  background-color: rgba(45, 79, 69, 0.066);
  background-color: rgba(45, 79, 69, 0.2);
}
.c7n-portfolio-assistant-product.c7n-selected .c7n-box h3 {
  margin-bottom: 0;
  color: rgba(45, 79, 69, 1);
}
.c7n-portfolio-assistant-search button,
.c7n-kapitalplaner button {
  width: calc(50% - 3.75px);
  padding: 10px 20px;
  margin: 0 7.5px 7.5px 0;
  font-size: 0.9em;
  font-weight: 600;
  line-height: initial;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  background-color: rgba(45, 79, 69, 1);
  color: rgb(189, 209, 33);
  border: 0px solid rgba(45, 79, 69, 1);
}
.c7n-portfolio-assistant-search button:last-child,
.c7n-kapitalplaner button:last-child {
  margin-right: 0;
}
.c7n-portfolio-assistant-search button#c7n-assistant-decission-no.c7n-assistant-decission {
  width: calc(30% - 5px);
}
.c7n-portfolio-assistant-search button#c7n-assistant-decission-yes.c7n-assistant-decission {
  width: calc(25% - 5px);
}
.c7n-portfolio-assistant-search button#c7n-assistant-decission-both.c7n-assistant-decission {
  width: calc(45% - 5px);
}
.c7n-portfolio-assistant-search label,
.c7n-kapitalplaner label {
  line-height: 47px;
}
.c7n-assistant-risk,
.c7n-assistant-decission,
.c7n-assistant-sustainable,
.c7n-kapitalplaner button {
  background-color: rgba(45, 79, 69, 0.2) !important;
  color: rgba(255, 255, 255, 0.75) !important;
}
.c7n-assistant-risk.c7n-active,
.c7n-assistant-decission.c7n-active,
.c7n-assistant-sustainable.c7n-active,
.c7n-kapitalplaner button.active {
  background-color: rgba(45, 79, 69, 1) !important;
  color: rgb(189, 209, 33) !important;
}
aside .c7n-box {
  padding: 1.5em 2em;
  font-size: 0.8em;
}
.c7n-box.c7n-employee {
  padding: 2em 30px 2em 0;
}
.c7n-box.c7n-events {
  height: 100% !important;
  margin-right: 0px;
}
.c7n-box.c7n-employee > .c7n-overlay {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 2em 30px 2em 30px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  background-color: rgb(243, 245, 244);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.c7n-box.c7n-employee:hover > .c7n-overlay {
  opacity: 1;
}
.c7n-box.c7n-employee > .c7n-overlay div {
  width: calc(100% + 30px);
  overflow: hidden;
}
.c7n-box.c7n-employee > .c7n-overlay .c7n-function {
  display: block;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid rgba(45, 79, 69, 1);
}
.c7n-box.c7n-employee > .c7n-overlay .c7n-phone,
.c7n-box.c7n-employee > .c7n-overlay .c7n-mail {
  display: block;
  font-weight: 300;
  color: #000000;
}
.c7n-box.c7n-employee > .c7n-overlay .c7n-phone:hover,
.c7n-box.c7n-employee > .c7n-overlay .c7n-mail:hover {
  color: rgba(152, 165, 69, 1);
}
.c7n-event {
  width: calc(100% + 30px);
}
.c7n-event > div {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(229, 229, 229, 1);
}
.c7n-teaser {
  position: relative;
  display: flex;
  height: 100%;
  min-height: 33vh;
  padding: 2em 45px 2em 45px;
  align-items: center;
  justify-content: center;
  font-size: 0.9em;
}
#c7n-calendar .c7n-teaser {
  display: none;
}
#c7n-calendar .c7n-teaser:first-child {
  display: flex;
}
.c7n-box.c7n-no-list {
  display: block;
  height: auto;
  margin-right: 0px;
  margin-bottom: 1em;
}
.c7n-highlighted {
  background-color: rgba(235, 245, 245, 1);
  background-color: rgba(45, 79, 69, 0.066)
}
.c7n-box.c7n-no-list.c7n-highlighted {
  color: rgba(45, 79, 69, 1);
}
.c7n-important {
  background-color: rgba(45, 79, 69, 1);
  color: #ffffff !important;
}
.swiper-button-next,
.swiper-button-prev {
  width: 15px;
  top: calc(50% - 37.5px);
}
aside .swiper-button-next,
aside .swiper-button-prev {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
aside:hover .swiper-button-next,
aside:hover .swiper-button-prev {
  opacity: 1;
}
.swiper-button-prev {
  left: -75px;
}
.swiper-button-next {
  right: 0;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 1.5em;
  color: rgba(45, 79, 69, 1);
}
aside .swiper-button-next:after,
aside .swiper-button-prev:after {
  font-size: 1em;
}
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
  color: rgba(152, 165, 69, 1);
}
.swiper-pagination {
  text-align: left;
}
.swiper-pagination-bullet {
  background-color: rgba(45, 79, 69, 1);
  opacity: 0.25;
}
aside .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0 0 15px;
}
aside .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px 0 0;
}
aside .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: -4px;
}
.swiper-pagination-bullet-active {
  background-color: rgba(152, 165, 69, 1);
  opacity: 1;
}
.c7n-filter {
  padding-top: 15px;
  border-top: 3px solid rgba(45, 79, 69, 0.066);
}
.isotope-grid-sizer {
  z-index: -1;
}
footer {
  position: relative;
  padding-top: 60px;
  padding-bottom: 30px;
  padding-bottom: 15px;
  font-size: 0.75em;
  background-color: rgba(229, 229, 229, 1);
}
footer .c7n-curved-corner {
  max-height: calc(100% - 60px);
  bottom: 60px;
  bottom: 30px;
}
footer .container {
  position: relative;
  z-index: 4;
}
footer .c7n-logo svg {
  width: auto;
  height: 60px;
  margin-left: -20px;
}
footer .c7n-links ul,
footer .c7n-social-medias ul {
  display: flex;
  height: 100%;
  padding: 0;
  margin: 0;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}
footer .c7n-links ul li,
footer .c7n-social-medias ul li {
  padding-right: 15px;
  list-style: none;
}
footer .c7n-links a,
footer .c7n-social-medias a {
  color: rgba(150, 150, 150, 1)
}
footer .c7n-social-medias a {
  font-size: 2em;
}
footer .c7n-social-medias a .fa {
  vertical-align: text-bottom;
}
.c7n-content-tpl {
  padding-bottom: 30px;
}
h1 {
  margin-bottom: 1em;
  font-family: 'Montserrat', sans-serif;
  font-size: 2em;
  font-size: 1.7em;
  font-weight: 700;
  line-height: 1.1em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  word-break: break-word;
  color: rgba(45, 79, 69, 1);
}
h1.c7n-no-wrap {
  word-break: normal;
}
#c7n-intro h1 {
  margin-bottom: 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 2.2em;
  letter-spacing: 0.1em;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
  color: #ffffff;
}
#c7n-content.c7n-subpage h1 {
  margin-bottom: 1em;
}
h2 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-family: 'Montserrat', sans-serif;
  font-size: 2.15em;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.1em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgba(45, 79, 69, 1);
}
.c7n-content-tpl h2:first-child {
  margin-top: 0;
}
h3 {
  margin-bottom: 0.1em;
  font-size: 1em;
  font-weight: 700;
  line-height: inherit;
  letter-spacing: 0.05em;
  color: rgba(45, 79, 69, 1);
}
.c7n-box h3 {
  width: 100%;
  margin-bottom: 0.5em;
  flex-grow: 0;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
}
.c7n-teaser h3 {
  margin-bottom: 0em;
  font-size: 2.15em;
  line-height: 1.1em;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-shadow: 0px 3px 6px rgb(0 0 0 / 40%);
  color: rgba(255, 255, 255, 1);
}
h3.c7n-accordeon-title,
.c7n-subnavigation-level-3 h3 {
  font-weight: 300;
  text-transform: uppercase;
  color: rgb(0, 0, 0, 1);
}
h4 {
  margin-bottom: 0em;
  font-size: 1em;
  font-weight: 400;
  font-weight: 600;
  line-height: inherit;
  color: rgba(0, 0, 0, 1);
}
.c7n-sidebar h4 {
  margin-bottom: 0.5em;
  font-size: 0.8em;
  color: rgb(189, 209, 33);
}
.c7n-important h2,
.c7n-important h3,
.c7n-important h4 {
  color: #ffffff;
}
.c7n-text ul {
  padding: 0 0 0 0em;
  margin: 0 0 1em 0;
}
.c7n-text ul li {
  position: relative;
  padding: 0 0 0 1.25em;
  list-style: none;
}
.c7n-text ul li:before {
  position: absolute;
  left: 2px;
  font-family: "FontAwesome";
  font-size: 0.33em;
  color: rgba(45, 79, 69, 1);
  content: "\f0c8";
}
.c7n-text .c7n-important ul li:before {
  color: rgba(255, 255, 255, 1);
}
.c7n-title legend {
  margin-bottom: 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8em;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
  color: rgba(45, 79, 69, 1);
  color: rgb(189, 209, 33);
}
.c7n-box legend {
  margin-bottom: 0.5em;
  font-size: 0.8em;
  font-weight: 400;
  text-transform: uppercase;
  color: rgba(152, 165, 69, 1);
}
.c7n-box legend span:after {
  content: ", ";
}
.c7n-box legend span:nth-last-child(2):after {
  content: " & ";
}
.c7n-box legend span:last-child:after {
  display: none;
}
.c7n-box > img {
  width: calc(100% + 45px) !important;
  height: 195px;
  flex-grow: 0;
  font-family: 'object-fit: cover;';
  object-fit: cover;
}
.c7n-box .c7n-youtube-link {
  position: relative;
  display: block;
  width: calc(100% + 45px) !important;
  aspect-ratio: 1.7777777778;
}
.c7n-box .c7n-youtube-link:before {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  font-family: "FontAwesome";
  font-size: 3em;
  line-height: 1em;
  background-color: rgba(0, 0, 0, 0);
  color: rgb(189, 209, 33);
  opacity: 1;
  transform: translate(-50%, -50%);
  content: "\f16a";
}
.c7n-box .c7n-youtube-link:hover:before {
  color: #ffffff;
}
.c7n-box .c7n-youtube-link > img {
  width: 100%;
  height: 100%;
  font-family: 'object-fit: cover;';
  object-fit: cover;
}
.c7n-box .c7n-video-wrapper {
  position: relative;
  width: calc(100% + 45px) !important;
  overflow: hidden;
  aspect-ratio: 1.7777777778;
}
.c7n-box .c7n-video-wrapper iframe {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  border: 0 !important;
}
/*
.c7n-box > iframe {
  width: calc(100% + 45px) !important;
  height: 195px;
  background-color: red;
}*/
.c7n-box.c7n-employee > img {
  width: calc(100%) !important;
  height: auto;
}
.c7n-teaser > img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-family: 'object-fit: cover;';
  z-index: -1;
  object-fit: cover;
}
p,
video,
img {
  margin-bottom: 1.5em;
}
.c7n-content-tpl > img,
.c7n-content-tpl > video {
  width: 100% !important;
  height: auto !important;
}
.c7n-content-tpl > *:last-child,
.c7n-box > *:last-child {
  margin-bottom: 0 !important;
}
.c7n-box > .row > *:last-child {
  padding-bottom: 0 !important;
}
.c7n-lead {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: rgba(45, 79, 69, 1);
}
.c7n-box > p {
  flex-grow: 99;
}
#c7n-functions .c7n-internal a,
#c7n-close-main-navigation {
  padding: 0 15px 0 15px;
  font-size: 0.9em;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
  background-color: rgb(255, 255, 255);
  color: rgba(45, 79, 69, 1);
}
#c7n-functions .c7n-internal a#c7n-open-main-navigation {
  padding-right: 15px;
  background-color: rgba(45, 79, 69, 1);
  color: rgb(189, 209, 33);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#c7n-functions .c7n-internal a#c7n-open-main-navigation > span {
  display: none;
  padding-left: 20px;
}
body:not(.c7n-landingpage) #c7n-functions {
  position: absolute;
  top: 148px;
}
body:not(.c7n-landingpage) .c7n-internal {
  -moz-box-shadow: 0px 0px 0px 0px !important;
  -webkit-box-shadow: 0px 0px 0px 0px !important;
  box-shadow: 0px 0px 0px 0px !important;
}
body:not(.c7n-landingpage) #c7n-functions .c7n-internal a {
  line-height: 45px;
}
body:not(.c7n-landingpage) #c7n-open-main-navigation {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-color: rgba(189, 209, 33, 1) !important;
}
body:not(.c7n-landingpage) #c7n-open-main-navigation rect {
  fill: rgb(255, 255, 255);
}
#c7n-functions .c7n-internal a {
  width: 100%;
}
#c7n-functions .c7n-internal ul li:first-child a {
  padding-top: 15px;
}
#c7n-functions .c7n-internal ul li:last-child a {
  padding-bottom: 15px;
}
#c7n-open-main-navigation {
  padding-top: 15px !important;
}
#c7n-intro .c7n-box,
#c7n-functions .c7n-internal,
#c7n-functions .c7n-external a,
.c7n-sticky-button {
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
}
#c7n-open-main-navigation,
#c7n-close-main-navigation {
  text-align: left;
}
#c7n-close-main-navigation {
  position: absolute;
  top: 15px;
  right: 0;
  line-height: 45px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  z-index: 901;
}
#c7n-open-main-navigation > svg {
  width: auto;
  height: 1.1em;
}
#c7n-close-main-navigation > svg {
  width: auto;
  height: 1.75em;
}
#c7n-open-main-navigation rect {
  fill: rgb(189, 209, 33);
}
#c7n-open-main-navigation:hover rect {
  fill: rgba(152, 165, 69, 1);
  fill: rgba(255, 255, 255, 1);
}
#c7n-close-main-navigation path,
#c7n-close-main-navigation line {
  fill: none;
  stroke: rgba(45, 79, 69, 1);
  stroke-miterlimit: 10;
  stroke-width: 3px;
}
#c7n-close-main-navigation:hover path,
#c7n-close-main-navigation:hover line {
  stroke: #ffffff;
}
#c7n-functions .c7n-internal a:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1);
  color: rgb(189, 209, 33);
}
#c7n-functions .c7n-internal a#c7n-open-main-navigation:hover {
  background-color: rgba(152, 165, 69, 1);
  color: rgba(255, 255, 255, 1);
}
#c7n-functions .c7n-external a,
.c7n-button,
.clx-contact-form-submit,
.clx-calendar-form-submit {
  display: inline-block;
  min-width: 200px;
  padding: 10px 20px;
  font-size: 0.9em;
  font-weight: 400;
  line-height: initial;
  text-decoration: none;
  text-align: left;
  background-color: rgb(189, 209, 33);
  color: rgba(45, 79, 69, 1);
  border: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#c7n-open-my-portal.c7n-button {
  display: none;
}
.c7n-text aside a.c7n-button {
  font-weight: 400;
}
.c7n-button {
  position: relative;
  padding: 10px 60px 10px 20px;
}
.c7n-button .c7n-button-icon {
  position: absolute;
  display: flex;
  width: auto;
  height: 100%;
  top: 0;
  right: 20px;
  align-items: center;
  justify-content: center;
}
.c7n-button .c7n-button-icon svg {
  width: auto;
  height: 1em;
}
.c7n-button .c7n-button-icon line,
.c7n-button .c7n-button-icon path {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  stroke: rgba(45, 79, 69, 1);
}
.c7n-button:hover .c7n-button-icon line,
.c7n-button:hover .c7n-button-icon path {
  stroke: rgba(255, 255, 255, 1);
}
.c7n-button,
.clx-contact-form-submit,
.clx-calendar-form-submit {
  min-width: 100%;
  margin-bottom: 15px;
}
/*#c7n-product-downloads .c7n-button {
    margin: 0 2px 2px 0;
    min-width: 50%;
}*/
#c7n-functions .c7n-external a {
  min-width: 150px;
  font-weight: 600;
  text-transform: uppercase;
}
.c7n-button:hover,
#c7n-functions .c7n-external a:hover,
.clx-contact-form-submit:hover,
.clx-calendar-form-submit:hover {
  text-decoration: none;
  background-color: rgba(152, 165, 69, 1);
  color: rgba(255, 255, 255, 1) !important;
}
.c7n-navtree a {
  text-decoration: none;
  color: #ffffff;
}
.c7n-navtree a:hover {
  text-decoration: none;
  color: rgba(45, 79, 69, 1);
}
.c7n-text a,
.c7n-box a {
  font-weight: 400;
  text-decoration: none;
  color: rgba(45, 79, 69, 1);
}
.c7n-text aside a {
  font-weight: 300;
}
.c7n-text a:hover,
.c7n-box a:hover {
  text-decoration: none;
  color: rgba(152, 165, 69, 1);
}
.c7n-subnavigation-level-3 h3 a {
  display: block;
  width: 100%;
  font-weight: 300;
  color: rgb(0, 0, 0, 1);
}
.c7n-text a.c7n-loading {
  display: block;
  width: 100%;
  padding: 0 15px 1em 15px;
  font-size: 0.8em;
  font-weight: 300;
  text-align: center;
  color: rgba(150, 150, 150, 1);
}
footer a {
  text-decoration: none;
  color: #000000;
}
footer a:hover {
  text-decoration: none;
  color: rgba(45, 79, 69, 1);
}
.c7n-box > .c7n-button {
  min-width: 120px !important;
  margin-top: 1em;
  margin-right: -45px;
  align-self: flex-end;
}
.c7n-teaser > .c7n-button {
  position: absolute;
  min-width: 120px !important;
  right: -15px;
  bottom: 2em;
  margin-right: 0;
}
#c7n-site-search-input {
  width: calc(100% - 60px);
  padding: 0px 30px 0 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 0.9em;
  font-weight: 600;
  line-height: 45px;
  letter-spacing: inherit;
  text-transform: uppercase;
  background-color: rgb(255, 255, 255);
  color: rgba(45, 79, 69, 1);
  border: 0;
  border-radius: 0;
}
#c7n-site-search-button {
  width: 60px;
  height: 45px;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 0.9em;
  font-weight: 600;
  text-align: center;
  vertical-align: top;
  text-transform: uppercase;
  background-color: rgb(255, 255, 255);
  color: rgba(45, 79, 69, 1);
  border: 0;
}
#c7n-site-search-button svg {
  width: auto;
  height: 1.2em;
}
#c7n-site-search-button g,
#c7n-site-search-button line {
  stroke: rgba(45, 79, 69, 1);
}
#c7n-site-search-button:hover g,
#c7n-site-search-button:hover line {
  stroke: rgba(152, 165, 69, 1);
}
.clx-contact-form,
.clx-calendar-form {
  width: 100%;
  padding: 2em 15px;
  margin-bottom: 1em;
  font-size: 0.9em;
  background-color: rgba(235, 245, 245, 1);
  background-color: rgba(45, 79, 69, 0.066);
  color: rgba(45, 79, 69, 1);
}
#contactFormError {
  display: none;
}
.clx-form-error-msg,
#contactFormCaptchaError {
  padding: 0 45px;
  margin-bottom: 0px;
  font-size: 0.7em;
  font-weight: 500;
  line-height: 45px;
  text-transform: uppercase;
  background-color: rgba(45, 79, 69, 1);
  color: rgba(255, 255, 255, 1) !important;
}
.clx-contact-form legend {
  display: none;
}
.clx-contact-form-field,
.clx-calendar-form-field,
.c7n-filter .col-12 {
  position: relative;
  padding-bottom: 30px;
}
#clx-calendar-form-field-row-registrationField_0 {
  display: none;
}
/*
.clx-calendar-form-fieldset > .row > div:last-child > .clx-calendar-form-label  {
    display:  none;
}*/
.clx-contact-form-label,
.clx-calendar-form-label,
.c7n-filter label {
  position: absolute;
  top: 0;
  left: 16px;
  margin-bottom: 0;
  margin-bottom: 0em;
  font-size: 0.89em;
  font-weight: 600;
  line-height: 45px;
  text-transform: uppercase;
  color: rgba(45, 79, 69, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.clx-captcha .clx-contact-form-label {
  display: none;
}
.clx-contact-form-label.c7n-active,
.clx-calendar-form-label.c7n-active,
.c7n-filter label.c7n-active {
  top: -1em;
  left: 17px;
  font-size: 0.6em;
  line-height: initial;
}
.clx-is-required {
  display: inline;
  padding-left: 5px;
}
.clx-file > .clx-contact-form-label,
.clx-file-multi > .clx-contact-form-label,
.clx-calendar-form-field.clx- > .clx-calendar-form-label,
.clx-select > .clx-contact-form-label,
.clx-select > .clx-calendar-form-label,
.clx-select-special > .clx-contact-form-label,
.clx-checkbox-group > .clx-contact-form-label,
.clx-checkbox > .clx-calendar-form-label,
.clx-radio > .clx-calendar-form-label,
.clx-radio > .clx-contact-form-label {
  position: relative;
  left: 0;
}
#contactFormFieldId_164 legend,
#contactFormFieldId_175 legend,
#contactFormFieldId_181 legend,
#contactFormFieldId_185 legend,
#contactFormFieldId_187 legend {
  display: block;
  padding-left: 15px;
  font-size: inherit;
}
.clx-calendar-form-legend {
  display: block;
  margin-bottom: 1.5em;
  font-size: inherit;
}
.mediaBrowserfolderWidget {
  width: 100%;
  overflow: hidden;
}
.mediaBrowserfolderWidget ul.filelist li {
  margin-top: 3px !important;
  margin-top: 0px !important;
  margin-bottom: 0 !important;
  border: 0 !important;
}
.mediaBrowserfolderWidget .removeFile {
  background-color: rgba(255, 255, 255, 1) !important;
  border: 0 !important;
}
.mediaBrowserfolderWidget .removeFile:hover {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.clx-contact-form-label-checkbox,
.clx-contact-form-label-radio,
.clx-calendar-form-label-checkbox,
.clx-calendar-form-label-radio {
  width: inherit;
  margin-bottom: 0em;
  word-break: break-all;
}
.clx-contact-form-label-checkbox a,
.clx-contact-form-label-radio a,
.clx-calendar-form-label-checkbox a,
.clx-calendar-form-label-radio a {
  color: rgba(45, 79, 69, 1);
}
.clx-contact-form-label-checkbox:hover,
.clx-contact-form-label-radio:hover,
.clx-contact-form-label-checkbox:hover a,
.clx-contact-form-label-radio:hover a,
.clx-calendar-form-label-checkbox:hover,
.clx-calendar-form-label-radio:hover,
.clx-calendar-form-label-checkbox:hover a,
.clx-calendar-form-label-radio:hover a {
  color: rgba(152, 165, 69, 1);
  cursor: pointer;
}
.clx-calendar-form-textfield,
.clx-calendar-form-textarea,
.clx-calendar-form-select,
.clx-contact-form-textfield,
.clx-contact-form-select,
.clx-contact-form-textarea,
.clx-contact-form-textfield-special,
.clx-contact-form-textfield-date,
.clx-contact-form-textfield-datetime,
.clx-contact-form-file,
.clx-contact-form-file-multi,
#coreCaptchaCode,
.c7n-filter input,
.c7n-filter select,
.c7n-portfolio-assistant-search input,
.c7n-kapitalplaner input {
  position: relative;
  width: 100%;
  height: 47px;
  font-weight: 300;
  line-height: 45px;
  background-color: rgba(45, 79, 69, 0);
  border: 0;
  border-bottom: 3px solid #ffffff;
  border-radius: 0;
  z-index: 2;
}
.clx-calendar-form-textfield-embedded {
  width: 50%;
  height: inherit;
  padding: 0 10px;
  margin: 1px 0 1px 15px;
  line-height: inherit;
  background-color: #ffffff;
  border: 0;
  float: right;
}
.c7n-filter input,
.c7n-filter select {
  position: relative;
  width: 100%;
  height: 47px;
  font-weight: 300;
  line-height: 45px;
  background-color: rgba(45, 79, 69, 0);
  border: 0;
  border-bottom: 3px solid #ffffff;
  border-radius: 0;
  z-index: 2;
}
.clx-contact-form-file,
.clx-contact-form-file-multi {
  line-height: 37px;
}
.c7n-filter input,
.c7n-filter select {
  height: 47px;
  border-color: rgba(45, 79, 69, 0.066);
}
.c7n-filter select {
  font-size: 0.89em;
  font-weight: 600;
  letter-spacing: inherit;
  text-transform: uppercase;
  color: rgba(45, 79, 69, 1);
}
#coreCaptchaCode {
  width: 60%;
}
#coreCaptchaImage {
  width: 40%;
  height: 47px;
  margin-bottom: 0;
  filter: grayscale(1);
}
.clx-contact-form-textarea,
.clx-calendar-form-textarea {
  height: 92px;
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  line-height: 1.4em;
}
.clx-calendar-form-textarea:focus,
.clx-calendar-form-textfield:focus,
.clx-calendar-form-select:focus,
.clx-contact-form-textfield:focus,
.clx-contact-form-textfield-datetime:focus,
.clx-contact-form-textfield-date:focus,
.clx-contact-form-select:focus,
.clx-contact-form-textarea:focus,
.clx-contact-form-textfield-special:focus,
.clx-contact-form-file:focus,
.clx-contact-form-file-multi:focus,
#coreCaptchaCode:focus,
.c7n-filter input:focus,
.c7n-filter select:focus {
  border-color: rgba(152, 165, 69, 1);
  outline: none;
}
.clx-calendar-form-textfield.error,
.clx-calendar-form-textarea.error,
.clx-calendar-form-select.error,
.clx-contact-form-textfield.error,
.clx-contact-form-textfield-datetime.error,
.clx-contact-form-textfield-date.error,
.clx-contact-form-select.error,
.clx-contact-form-textarea.error,
.clx-contact-form-textfield-special.error,
.clx-contact-form-file.error,
.clx-contact-form-file-multi.error,
#coreCaptchaCode.error {
  border-color: rgb(215, 0, 0);
}
.clx-contact-form-checkbox,
.clx-contact-form-radio,
.clx-calendar-form-checkbox,
.clx-calendar-form-radio {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.clx-contact-form-radio,
.clx-calendar-form-radio {
  border-radius: 100%;
}
.clx-contact-form-checkbox:hover,
.clx-contact-form-radio:hover,
.clx-calendar-form-checkbox:hover,
.clx-calendar-form-radio:hover {
  opacity: 0.5;
  cursor: pointer;
}
.clx-contact-form-checkbox:checked,
.clx-contact-form-radio:checked,
.clx-calendar-form-checkbox:checked,
.clx-calendar-form-radio:checked {
  background-color: rgba(152, 165, 69, 1);
}
.clx-contact-form-reset {
  display: none;
}
#coreCaptchaLabel {
  display: none;
}
#captcha > .row {
  margin: 0;
}
div.c7n-rates .row .c7n-content-tpl {
  padding-bottom: 0;
}
div.c7n-rates .row .c7n-content-tpl > * {
  display: none;
}
div.c7n-rates.c7n-list .c7n-content-tpl {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
div.c7n-rates.c7n-list .c7n-content-tpl p {
  display: none;
  margin-bottom: 0;
}
/*
div.c7n-rates.c7n-list td.c7n-rate-value {
    white-space: nowrap;
}
*/
div.c7n-rates.c7n-list .c7n-content-tpl table {
  margin-top: 1rem;
  margin-bottom: 0;
}
div.c7n-rates.c7n-list .c7n-content-tpl table th {
  display: none;
}
div.c7n-rates.c7n-list .c7n-content-tpl table td {
  background-color: transparent;
  border-bottom: 0px solid rgba(229, 229, 229, 1) !important;
}
div.c7n-rates.c7n-list h2 {
  margin-top: 1em !important;
}
div.c7n-rates.c7n-list .c7n-content-tpl p:first-child {
  display: block;
}
div.c7n-rates.c7n-list .row .c7n-content-tpl > * {
  display: block;
}
div.c7n-rates .row .c7n-content-tpl .table-responsive,
div.c7n-rates .row .c7n-content-tpl table {
  display: table !important;
  margin-bottom: 0;
}
table {
  width: 100% !important;
  margin-bottom: 1.5em;
  color: rgba(45, 79, 69, 1);
  color: rgba(0, 0, 0, 1);
  border: 0 !important;
}
footer table {
  color: initial;
}
table th {
  padding-right: 15px;
  padding-bottom: 1em;
  font-size: 1em;
  font-weight: 700;
  line-height: inherit;
  text-transform: uppercase;
  background-color: rgb(255, 255, 255);
  color: rgb(189, 209, 33);
  color: rgb(45, 79, 69);
  border: 0 !important;
}
table td {
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  vertical-align: top;
  border: 0 !important;
  border-bottom: 1px solid rgba(229, 229, 229, 1) !important;
}
.c7n-rates table td:first-child {
  width: 25%;
}
.c7n-rates.c7n-list table td:first-child {
  width: auto;
}
table tr:nth-child(odd) td {
  background-color: rgba(235, 245, 245, 1);
  background-color: rgba(45, 79, 69, 0.066);
}
footer table td,
table.c7n-opening-time td {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: rgba(0, 0, 0, 0) !important;
  border-bottom: 0;
}
table th:last-child {
  padding-right: 0px;
}
table td:first-child {
  padding-left: 5px;
}
table td:last-child {
  padding-right: 5px;
}
footer table td:first-child,
table.c7n-opening-time td:first-child {
  padding-left: 0;
}
footer table td:last-child,
table.c7n-opening-time td:last-child {
  padding-right: 0;
}
table tr.c7n-active td {
  font-weight: 400;
  color: rgba(45, 79, 69, 1);
}
.c7n-accordeon .c7n-accordeon-icon,
.c7n-subnavigation-level-3 .c7n-subnavigation-icon {
  display: flex;
}
#c7n-content.no-accordion span.c7n-subnavigation-icon {
  display: none;
}
.c7n-accordeon .c7n-accordeon-icon svg,
.c7n-subnavigation-level-3 .c7n-subnavigation-icon svg {
  width: 20px;
  height: auto;
  margin: 0;
}
.c7n-open-children path,
.c7n-accordeon .c7n-accordeon-icon path,
.c7n-subnavigation-level-3 .c7n-subnavigation-icon path {
  stroke: #000000;
  fill: none;
  stroke-width: 2px;
}
.c7n-accordeon,
.c7n-subnavigation-level-3 {
  position: relative;
  width: 100%;
  margin: 0px;
  overflow: hidden;
  clear: both;
}
.c7n-accordeon .c7n-accordeon-title,
.c7n-subnavigation-level-3 h3 {
  position: relative;
  display: flex;
  padding: 1em 15px 1em 1px;
  margin: 0;
  flex-direction: row;
  justify-content: space-between;
  border-top: 1px solid rgba(195, 195, 195, 1);
}
.c7n-accordeon:last-child .c7n-accordeon-title,
.c7n-subnavigation-level-3:last-child h3 {
  border-bottom: 1px solid rgba(195, 195, 195, 1);
}
.c7n-accordeon .c7n-accordeon-content {
  position: relative;
  display: none;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 1px;
  overflow: hidden;
}
.c7n-accordeon.open .c7n-accordeon-content {
  display: flex;
}
.c7n-accordeon.open.c7n-target_blank .c7n-accordeon-content {
  display: none !important;
}
.c7n-accordeon-title:hover {
  color: rgba(152, 165, 69, 1);
  cursor: pointer;
}
.c7n-accordeon-title:hover .c7n-accordeon-icon path,
.c7n-subnavigation-level-3 a:hover .c7n-subnavigation-icon path {
  stroke: rgba(152, 165, 69, 1);
}
.c7n-accordeon:last-child.open .c7n-accordeon-title {
  border-bottom: 0px solid rgba(195, 195, 195, 1);
}
.open .c7n-accordeon-title {
  font-weight: 700;
}
.open.c7n-target_blank .c7n-accordeon-title {
  font-weight: 300 !important;
}
.open .c7n-accordeon-title .c7n-accordeon-icon {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c7n-target_blank .c7n-accordeon-title .c7n-accordeon-icon,
.c7n-subnavigation-level-3 .c7n-subnavigation-icon {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c7n-register-title {
  display: flex;
  padding: 0;
  margin: 0;
  flex-direction: row;
  overflow: auto;
  z-index: 1;
}
.c7n-register-title > li {
  padding: 0px 30px 15px 0px;
  list-style: none;
}
.c7n-register-title > li > a {
  position: relative;
  display: block;
  font-weight: 600;
  line-height: 60px;
  text-decoration: none;
  text-transform: uppercase;
  color: rgba(150, 150, 150, 1);
}
.c7n-register-title > li a:hover,
.c7n-register-title > li.c7n-active > a {
  color: rgba(45, 79, 69, 1);
}
.c7n-register-title > li.c7n-active > a:before {
  position: absolute;
  display: block;
  width: 30px;
  height: 5px;
  top: 0;
  background-color: rgb(189, 209, 33);
  content: "";
}
.c7n-register-content {
  position: absolute;
  display: none;
  width: calc(100% - 30px);
  top: 75px;
  left: 15px;
  padding: 0;
  margin: 0;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  z-index: 1;
}
.c7n-active > .c7n-register-content {
  display: block;
}
.opening-hours div.d-flex h3 {
  min-width: 100px;
}
@media (min-width: 576px) {
  body {
    font-size: 16px;
  }
  .c7n-navtree {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .c7n-navtree:after {
    position: absolute;
    width: 15px;
    height: 100%;
    top: 0;
    right: -15px;
    background-color: rgba(189, 209, 33, 1);
    content: "";
  }
  body:not(.c7n-landingpage) #c7n-functions {
    right: calc((100vw - 540px) / 2);
  }
  .c7n-navtree.c7n-fixed {
    width: 510px;
  }
  .c7n-button,
  .clx-contact-form-submit,
  .clx-calendar-form-submit {
    min-width: calc(50% - 15px);
    margin-right: 15px;
  }
  .c7n-sidebar .c7n-button {
    min-width: 100%;
    margin-right: 0px;
  }
  aside .swiper-button-prev {
    left: -15px;
  }
  aside .swiper-button-next {
    right: -15px;
  }
  .clx-contact-form,
  .clx-calendar-form {
    padding: 2em 45px 2em 45px;
  }
  .clx-contact-form-label-checkbox,
  .clx-contact-form-label-radio {
    word-break: normal;
  }
  aside .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }
  aside .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: -4px;
  }
}
@media (min-width: 576px) and (orientation: portrait) {
  #c7n-main-navigation .c7n-external-mobile ul li:nth-child(2),
  #c7n-main-navigation .c7n-external-mobile ul li:nth-child(3) {
    display: flex;
  }
}
@media (min-width: 768px) {
  body {
    font-size: 17px;
  }
  #c7n-intro .container,
  #c7n-eyecatcher .container {
    padding-top: 90px;
  }
  .c7n-logo svg {
    width: 240px;
  }
  #c7n-intro .c7n-logo,
  #c7n-eyecatcher .c7n-logo {
    padding-bottom: 75px;
  }
  #c7n-functions {
    top: 135px;
  }
  #c7n-landingpage-subnavigation ul.menu_level_2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #c7n-landingpage-subnavigation ul.menu_level_2 > li {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  #c7n-landingpage-subnavigation ul.menu_level_2 > li:nth-last-child(2) > a {
    border-bottom: 1px solid rgba(195, 195, 195, 1);
  }
  #c7n-landingpage-subnavigation ul.menu_level_2 > li.c7n-open:nth-last-child(2) > a {
    border-bottom: 0px solid rgba(195, 195, 195, 1);
  }
  #c7n-landingpage-subnavigation ul.menu_level_2 > li.c7n-open:nth-last-child(2) > ul {
    border-bottom: 1px solid rgba(195, 195, 195, 1);
  }
  body:not(.c7n-landingpage) #c7n-functions {
    top: 312px;
    right: calc((100vw - 720px) / 2);
  }
  .c7n-sticky-button.c7n-opener {
    width: 88px;
    height: 88px;
    font-size: 13px;
  }
  .c7n-sticky-button {
    width: 72px;
    height: 72px;
    font-size: 12px;
    line-height: 2em;
  }
  .c7n-sticky-button svg {
    width: 21px;
    height: 21px;
  }
  #c7n-stick-communication {
    right: 20px;
    bottom: 20px;
  }
  .c7n-sticky-button.c7n-opener svg {
    width: 30px;
    height: 30px;
  }
  .c7n-navtree {
    margin-bottom: 60px;
  }
  .c7n-navtree.c7n-fixed {
    width: 690px;
  }
  #c7n-content.c7n-subpage.c7n-fixed {
    padding-top: 105px;
  }
  .c7n-button,
  .clx-contact-form-submit,
  .clx-calendar-form-submit {
    min-width: calc(33.333% - 15px);
  }
  #c7n-content,
  #c7n-landingpage-subnavigation,
  #c7n-products,
  #c7n-headlines-mobile,
  #c7n-calendar,
  #c7n-contact-person {
    padding-top: 90px;
    padding-bottom: 60px;
    /* min-height: 50vh;*/
  }
  #c7n-headlines-mobile,
  #c7n-products {
    padding-bottom: 45px;
  }
  .c7n-filter input,
  .c7n-filter select {
    height: 62px;
    padding-bottom: 15px;
  }
  h1 {
    font-size: 2.5em;
    word-break: normal;
  }
  #c7n-intro h1 {
    font-size: 2.75em;
  }
  h2 {
    font-size: 1.7em;
  }
  #c7n-open-my-portal.c7n-button {
    display: inline-block;
  }
  footer .c7n-logo svg {
    height: 75px;
  }
}
@media screen and (orientation: portrait) {
  .cycle-slide > img,
  .cycle-slide > img:first-child {
    display: none !important;
  }
  .cycle-slide > img:last-child {
    display: inline-block !important;
  }
}
@media screen and (orientation: landscape) {
  .cycle-slide > img,
  .cycle-slide > img:last-child {
    display: none !important;
  }
  .cycle-slide > img:first-child {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  body {
    font-size: 18px;
  }
  #c7n-functions .c7n-internal a#c7n-open-main-navigation > span {
    display: inline-block;
  }
  #c7n-functions .c7n-internal a#c7n-open-main-navigation > svg {
    height: 15px;
  }
  #c7n-functions .c7n-internal a#c7n-open-main-navigation rect {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  #c7n-main-navigation header {
    height: 135px;
  }
  #c7n-main-navigation nav,
  #c7n-main-navigation nav .container {
    overflow: hidden;
  }
  #c7n-main-navigation nav:before {
    height: 75px;
  }
  #c7n-main-navigation nav .menu_level_1,
  #c7n-main-navigation nav ul {
    display: flex;
    width: auto;
    flex-direction: row;
  }
  #c7n-main-navigation nav .menu_level_1 .c7n-open-children {
    display: none;
  }
  #c7n-main-navigation nav .container > ul:not(.menu_level_1) {
    display: flex;
  }
  #c7n-main-navigation nav .container > ul:not(.menu_level_1) li:first-child {
    display: none;
  }
  #c7n-main-navigation nav .menu_level_1 > li > a,
  #c7n-main-navigation nav > .container > ul:last-child > li > a {
    width: auto;
    padding: 0px 30px 0 30px;
    margin-top: 15px;
    margin-right: 1px;
    font-size: 0.9em;
    line-height: 60px;
  }
  #c7n-main-navigation nav .menu_level_1 > li.active > a,
  #c7n-main-navigation nav .menu_level_1 > li:hover > a {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  }
  #c7n-main-navigation nav > .container > ul:last-child > li > a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
  }
  #c7n-main-navigation nav .menu_level_2 {
    position: absolute;
    width: 100%;
    height: calc(100% - 75px);
    top: 75px;
    left: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0;
    overflow-y: auto;
  }
  #c7n-main-navigation nav .menu_level_2 > li {
    max-width: 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
  }
  #c7n-main-navigation nav .menu_level_2 > li > a {
    padding-top: 30px;
    font-size: 0.9em;
    border-bottom: 0px solid rgba(229, 229, 229, 1);
  }
  #c7n-main-navigation nav .menu_level_1 > .active .menu_level_2,
  #c7n-main-navigation nav .menu_level_1 li:hover > .menu_level_2 {
    display: flex;
  }
  #c7n-main-navigation nav .menu_level_1 li:hover > .menu_level_2 {
    z-index: 2;
  }
  #c7n-main-navigation nav .menu_level_3 {
    display: flex;
  }
  #c7n-main-navigation nav .menu_level_3 > li > a {
    font-size: 0.9em;
  }
  #c7n-main-navigation nav .menu_level_3 > li:last-child > a {
    padding-bottom: 0px;
  }
  #c7n-main-navigation nav .menu_level_2 > li > a:hover,
  #c7n-main-navigation nav .menu_level_3 > li > a:hover {
    color: rgba(152, 165, 69, 1);
  }
  #c7n-site-search-input {
    margin-top: 45px;
    line-height: 60px;
  }
  #c7n-site-search-button {
    height: 60px;
    margin-top: 45px;
  }
  body:not(.c7n-landingpage) #c7n-functions {
    position: fixed;
    top: 135px;
    right: 0;
  }
  body:not(.c7n-landingpage) .c7n-internal {
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15) !important;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15) !important;
  }
  body:not(.c7n-landingpage) #c7n-functions .c7n-internal a {
    line-height: 75px !important;
  }
  body:not(.c7n-landingpage) #c7n-open-main-navigation {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(45, 79, 69, 1) !important;
  }
  body:not(.c7n-landingpage) a#c7n-open-main-navigation:hover {
    background-color: rgba(152, 165, 69, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
  }
  body:not(.c7n-landingpage) #c7n-open-main-navigation rect {
    fill: rgb(189, 209, 66);
  }
  body:not(.c7n-landingpage) #c7n-open-main-navigation:hover rect {
    fill: rgb(255, 255, 255) !important;
  }
  .c7n-navtree.c7n-fixed {
    position: relative;
    width: 100%;
    top: unset;
  }
  body:not(.c7n-landingpage) #c7n-functions.c7n-fixed {
    top: 135px !important;
  }
  #c7n-functions ul,
  #c7n-functions ul li {
    width: auto;
  }
  #c7n-functions .c7n-internal {
    flex-direction: row;
  }
  #c7n-functions .c7n-internal ul {
    flex-direction: row;
  }
  #c7n-functions .c7n-external {
    display: block;
  }
  #c7n-functions .c7n-internal ul li:first-child a {
    padding-top: 0px !important;
    padding-left: 30px;
  }
  #c7n-functions .c7n-internal ul li:last-child a {
    padding-right: 30px;
    padding-bottom: 0px;
  }
  #c7n-open-main-navigation {
    width: 150px !important;
    padding-left: 20px !important;
  }
  #c7n-functions .c7n-internal a,
  #c7n-close-main-navigation {
    width: unset;
    line-height: 75px;
  }
  #c7n-content.c7n-subpage.c7n-fixed {
    padding-top: 0px;
  }
  .c7n-navtree {
    padding-right: 40px;
    padding-left: 20px;
  }
  .c7n-navtree .c7n-back {
    padding-right: 20px;
  }
  .c7n-navtree .c7n-home {
    position: absolute;
    display: inline-block;
    top: 0;
    right: -15px;
    padding-right: 20px;
    padding-left: 20px;
    z-index: 2;
  }
  .c7n-navtree .c7n-home:hover path {
    fill: rgba(45, 79, 69, 1);
  }
  .c7n-text {
    margin-top: 2em;
  }
  .c7n-sidebar {
    margin-top: 0px;
    margin-right: -15px;
    margin-left: -15px;
  }
  h1 {
    font-size: 3em;
    word-break: normal;
  }
  #c7n-intro h1 {
    font-size: 3.3em;
  }
  #c7n-content.c7n-subpage h1 {
    min-height: 2.2em;
    margin-bottom: 0;
  }
  h2 {
    font-size: 2em;
  }
}
@media (min-width: 1200px) {
  body {
    font-size: 19px;
  }
  #c7n-main-navigation nav .menu_level_2 > li {
    max-width: 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  #c7n-intro {
    min-height: 850px;
  }
  #c7n-intro .c7n-headlines {
    display: flex;
  }
  #c7n-headlines-mobile {
    display: none;
  }
  #c7n-landingpage-subnavigation ul.menu_level_2 > li {
    max-width: 33.333333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.333333%;
  }
  #c7n-landingpage-subnavigation ul.menu_level_2 > li:nth-last-child(3) > a {
    border-bottom: 1px solid rgba(195, 195, 195, 1);
  }
  #c7n-landingpage-subnavigation ul.menu_level_2 > li.c7n-open:nth-last-child(3) > a {
    border-bottom: 0px solid rgba(195, 195, 195, 1);
  }
  #c7n-landingpage-subnavigation ul.menu_level_2 > li.c7n-open:nth-last-child(3) > ul {
    border-bottom: 1px solid rgba(195, 195, 195, 1);
  }
  .c7n-subnavigation-level-3:nth-last-child(2) h3 {
    border-bottom: 1px solid rgba(195, 195, 195, 1);
  }
  #c7n-content,
  #c7n-landingpage-subnavigation,
  #c7n-products,
  #c7n-headlines-mobile,
  #c7n-calendar,
  #c7n-contact-person {
    padding-top: 150px;
    padding-bottom: 90px;
  }
  #c7n-headlines-mobile,
  #c7n-products {
    padding-bottom: 75px;
  }
  .c7n-content-tpl {
    padding-bottom: 60px;
  }
  .c7n-text {
    margin-top: 3em;
  }
  footer .c7n-logo svg {
    height: 90px;
  }
  footer .c7n-links ul li,
  footer .c7n-social-medias ul li {
    padding-right: 30px;
  }
}
@media (min-width: 1680px) {
  body {
    font-size: 20px;
  }
  #c7n-close-main-navigation {
    width: 150px !important;
    top: 135px;
    padding-left: 20px !important;
  }
  #c7n-main-navigation nav .menu_level_2 > li > a {
    padding-top: 45px;
    padding-bottom: 30px;
  }
  .container {
    max-width: 1350px;
  }
  #c7n-eyecatcher {
    height: 357.5px;
  }
  #c7n-main-navigation nav .menu_level_2 > li {
    max-width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
  }
  /*.c7n-button,
    .clx-contact-form-submit {
        min-width: calc(25% - 15px);
    }*/
}
@media (min-width: 1830px) {
  .container {
    max-width: 1500px;
  }
}
@media (min-width: 1920px) {
  body {
    font-size: 21px;
  }
  .c7n-box {
    height: calc(100% - 75px);
    padding: 2em 45px 2em 45px;
    margin-right: 60px;
    margin-bottom: 75px;
  }
  .c7n-box.c7n-employee {
    padding: 2em 45px 2em 0;
  }
  .c7n-portfolio-assistant-search,
  .c7n-kapitalplaner {
    padding: 2em 45px 2em 45px;
  }
  .c7n-box.c7n-employee > .c7n-overlay {
    padding: 2em 45px 2em 45px;
  }
  .c7n-box.c7n-employee > .c7n-overlay div {
    width: calc(100% + 45px);
  }
  .c7n-box > .c7n-button {
    margin-right: -65px;
  }
  .c7n-teaser > .c7n-button {
    right: -20px;
  }
}
@media (min-width: 1921px) {
  #c7n-intro {
    min-height: 850px;
    max-height: 1440px;
  }
}
@media print {
  @page {
    margin: 2cm
  }
  * {
    background: transparent !important;
  }
  h1,
  h2,
  h3,
  h4,
  h5 {
    page-break-after: avoid;
  }
  table,
  figure {
    page-break-inside: avoid;
  }
  a:after {
    font-style: italic;
    content: " ( " attr(href) ") ";
  }
  #clx-dropdown-navigation,
  #clx-mobile-navigation,
  #clx-open-mobile-navigation,
  #clx-close-mobile-navigation,
  #c7n-scroll-down,
  footer,
  aside,
  form,
  .c7n-button,
  .c7n-share-buttons,
  #cookie-note,
  .swal-overlay {
    display: none !important;
  }
  #c7n-content {
    padding: 0;
  }
  #c7n-content > .container > .row > .col-12 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}
@-webkit-keyframes up-down {
  0% {
    -webkit-transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(-20%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
@keyframes up-down {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-20%);
  }
  100% {
    transform: translateY(0%);
  }
}
#c7n-intro.c7n-beginners img {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: 'object-fit: cover;';
  object-fit: cover;
}
#c7n-intro .slider__desktop, #c7n-intro .slider__tablet, #c7n-intro .slider__mobile {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}
.slider__desktop, .slider__tablet, .slider__mobile {
  display: none;
}
@media only screen and (min-width: 360px) and (orientation: portrait) {
  .slider__desktop {
    display: none;
  }
  .slider__tablet {
    display: none;
  }
  .slider__mobile {
    display: block;
  }
}
@media only screen and (min-width: 360px) and (orientation: landscape) {
  .slider__desktop {
    display: block;
  }
  .slider__tablet {
    display: none;
  }
  .slider__mobile {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
  .slider__desktop {
    display: none;
  }
  .slider__tablet {
    display: block;
  }
  .slider__mobile {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .slider__desktop {
    display: block;
  }
  .slider__tablet {
    display: none;
  }
  .slider__mobile {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .slider__desktop {
    display: block;
  }
  .slider__tablet {
    display: none;
  }
  .slider__mobile {
    display: none;
  }
}
body.beginners #c7n-functions .c7n-external a {
  display: inline-block;
  background-color: #ffffff;
  color: rgba(45, 79, 69, 1);
}
body.beginners #c7n-functions .c7n-external a:hover {
  background-color: #edf0db !important;
  color: rgba(45, 79, 69, 1) !important;
}
body.beginners.c7n-landingpage .c7n-sticky-button {
  background-color: #ffffff;
}
body.beginners.c7n-landingpage .c7n-sticky-button:hover path, body.beginners.c7n-landingpage .c7n-sticky-button.c7n-active path {
  fill: rgba(152, 165, 69, 1);
}
body.beginners.c7n-landingpage .c7n-sticky-button:hover, body.beginners.c7n-landingpage.c7n-sticky-button.c7n-active {
  color: rgba(152, 165, 69, 1);
}
body.beginners #c7n-intro .c7n-box {
  -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.65);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.65);
}
body.beginners #c7n-products {
  padding-top: 0;
  padding-bottom: 300px;
}
body.beginners #c7n-functions > nav.c7n-internal > ul:nth-child(1) {
  display: none;
}
.beginner__box__green {
  position: absolute;
  bottom: 3rem;
  padding: clamp(1rem, 0.037rem + 3.9506vw, 3rem) clamp(1rem, 0.037rem + 3.9506vw, 3rem) 1rem clamp(1rem, 0.037rem + 3.9506vw, 3rem);
  background-color: rgba(189, 209, 33, 1);
}
.beginners__headline {
  position: absolute;
  display: flex;
  top: 5rem;
  flex-direction: column;
  align-items: center;
}
.beginner__box__green h3 {
  margin-bottom: 2rem;
  font-size: 1.5em;
  color: #ffffff;
}
.beginner__image {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.beginner__image img {
  width: 350px;
}
.c7n_icons p {
  margin-bottom: 0;
}
.c7n_icons img {
  margin-bottom: 1rem;
}
.content__box {
  display: flex;
  padding-right: 15px;
  padding-left: 15px;
  flex-direction: column;
}
.testimonial_image img {
  margin: 0;
}
.box_green {
  position: relative;
  padding: clamp(1rem, 0.037rem + 3.9506vw, 3rem) clamp(1rem, 0.037rem + 3.9506vw, 3rem) 1rem clamp(1rem, 0.037rem + 3.9506vw, 3rem);
  background-color: rgba(189, 209, 33, 1);
}
.box_green h3 {
  margin-bottom: 2rem;
  font-size: 1.5em;
  color: #ffffff;
}
.lead_text {
  display: flex;
  margin-bottom: 0.1em;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  font-weight: 700;
  line-height: inherit;
  letter-spacing: 0.05em;
  color: rgba(45, 79, 69, 1);
}
@media (min-width: 992px) {
  body.beginners #c7n-eyecatcher .container, body.beginners #c7n-content .container > header > aside {
    background-position: unset;
    background-size: auto;
  }
}