/**
* layout.css
* 
* Copyright 2022, Alex Stroh
* Comvation AG
* https://www.comvation.comso
* 
* Released on: December 23, 2022
*/

/* ==========================================================================
   Colors Overview
   ========================================================================== */
:root {
  --body_color: #343a40;
  --body_bg: #f9fafb;
  --color_1: #ffffff;
  --color_2: #343a40;

  --color_3: #5c314a;
  --color_4: #dbb4b8;
  --color_5: #624c47;
  --color_6: #fee0ba;
  --color_7: #afc3a5;
  --color_8: #ce9e69;
  --color_9: #e0e0e0;
  --color_10: #dc3545;
  --color_11: #ac535c;







  /*
  --color_3: #415a78;
  --color_4: #bd4613;
  --color_5: #bd9913;
  --color_6: #dc3545;
  --color_7: #e0e0e0;
  --color_8: #6f42c1;*/
  /*--color_9: #debabe;
  --color_10: #5C314A;
  --color_12: #624C47;
  --color_13: #AFC3A5;
  --color_14: #CE9E69;
  --color_15: #FEE0BA;*/
  --header_bg: #f9fafb;
  --meta_bg: #e0e0e0;
  --meta_color: #343a40;
  --meta_color_hover: #415a78;
  --h1: #343a40;
  --h2: #343a40;
  --h3: #343a40;
  --h4: #343a40;
  --h5: #343a40;
  --h6: #343a40;
  --link_color: #343a40;
  --link_color_hover: #415a78;
  --footer_top_color: #343a40;
  --footer_bottom_color: #343a40;
  --footer_top_color_hover: #415a78;
  --footer_bottom_color_hover: #415a78;
  --footer_top_bg: #f4f4f4;
  --footer_bottom_bg: #333333;
  --button_primary_color: #415a78;
  --button_primary_bg: #ffffff;
  --button_primary_color_hover: #ffffff;
  --button_primary_bg_hover: #415a78;
  --button_second_color: #bd4613;
  --button_second_bg: #ffffff;
  --button_second_color_hover: #ffffff;
  --button_second_bg_hover: #bd4613;

  --x: clamp(0rem, -2.0392rem + 8.366vw, 8rem);
  --y: clamp(1.5rem, 0.6923rem + 3.5897vw, 5rem);
  --transition: 0.15s;

}

/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face {
  font-family: 'FontAwesome';
  src: url('../vendor/font-awesome-v4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../vendor/font-awesome-v4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
    url('../vendor/font-awesome-v4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
    url('../vendor/font-awesome-v4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('../vendor/font-awesome-v4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
    url('../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: "Montserrat";
  src: url("../fonts/Montserrat-Light.eot");
  src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Montserrat-Light.otf") format("opentype"),
    url("../fonts/Montserrat-Light.svg") format("svg"),
    url("../fonts/Montserrat-Light.ttf") format("truetype"),
    url("../fonts/Montserrat-Light.woff") format("woff"),
    url("../fonts/Montserrat-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.eot");
  src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Montserrat-Regular.otf") format("opentype"),
    url("../fonts/Montserrat-Regular.svg") format("svg"),
    url("../fonts/Montserrat-Regular.ttf") format("truetype"),
    url("../fonts/Montserrat-Regular.woff") format("woff"),
    url("../fonts/Montserrat-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.eot");
  src: url("../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Montserrat-SemiBold.otf") format("opentype"),
    url("../fonts/Montserrat-SemiBold.svg") format("svg"),
    url("../fonts/Montserrat-SemiBold.ttf") format("truetype"),
    url("../fonts/Montserrat-SemiBold.woff") format("woff"),
    url("../fonts/Montserrat-SemiBold.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.eot");
  src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Montserrat-Bold.otf") format("opentype"),
    url("../fonts/Montserrat-Bold.svg") format("svg"),
    url("../fonts/Montserrat-Bold.ttf") format("truetype"),
    url("../fonts/Montserrat-Bold.woff") format("woff"),
    url("../fonts/Montserrat-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

/* ==========================================================================
   Body
   ========================================================================== */
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  max-width: 100vw;
}

body {
  position: relative;
  width: 100%;
  height: auto;
  font-size: 18px;
  font-family: 'Montserrat', arial, sans-serif;
  line-height: 1.4;
  letter-spacing: normal;
  font-weight: 300;
  color: var(--body_color);
  background-color: var(--body_bg);
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  opacity: 0;
  pointer-events: all;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  z-index: 100;
  hyphens: auto;
}

body::-webkit-scrollbar,
footer::-webkit-scrollbar {
  display: none !important;
}

body.c7n-loaded {
  opacity: 1;
}

body.cke_editable {
  background-color: var(--body_bg);
}

body ul {
  list-style: square;
}

tr.c7n-active {
  font-weight: 500;
  color: var(--color_3);
}

#PoweredByFooter {
  display: none !important;
}

#preview-content {
  padding-bottom: 0 !important;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.content__info__box {
  background-color: #6B0328;
  color: #ffffff;
  font-weight: 500;
  width: auto;
  border-radius: 0;
  margin: 2rem 0;
  padding: 1rem 2rem;
}

.content__info__box .content-tpl {
  padding: 0 !important;
  margin: 0;
}

.content__info__box h3 {
  font-weight: 500;
  color: #ffffff;
}

/* ==========================================================================
   Custom
   ========================================================================== */
#c7n-navtree {
  margin-bottom: 45px;
  font-size: 0.8em;
}

#c7n-navtree a {
  color: var(--link_color) !important;
  text-decoration: none;
}

#c7n-navtree a:hover {
  color: var(--link_color_hover) !important;
}

#content {
  position: relative;
  top: 100px;
  padding: var(--y) var(--x);
}

body.home #content {
  position: relative;
  top: 0px;
  padding: var(--y) var(--x);
}

#content .content__box__top {
  padding: clamp(0.75rem, -0.4615rem + 5.3846vw, 6rem);
  background-color: var(--color_4);
}

#content .content__box__top h2 {
  margin-bottom: clamp(2rem, 1.5385rem + 2.0513vw, 4rem);
}

#content .content__box__bottom {}

#content a {
  color: var(--body_color);
  text-decoration: underline;
  text-underline-offset: 5px;
  -webkit-transition: all var(--transition) ease-in-out;
  -moz-transition: all var(--transition) ease-in-out;
  -ms-transition: all var(--transition) ease-in-out;
  -o-transition: all var(--transition) ease-in-out;
  transition: all var(--transition) ease-in-out;
}

#content h1 a,
#content h2 a,
#content h3 a {
  text-decoration: none;
}

.content__box a {
  color: var(--body_color);
  text-decoration: underline;
  text-underline-offset: 5px;
  -webkit-transition: all var(--transition) ease-in-out;
  -moz-transition: all var(--transition) ease-in-out;
  -ms-transition: all var(--transition) ease-in-out;
  -o-transition: all var(--transition) ease-in-out;
  transition: all var(--transition) ease-in-out;
}

.content__box a:hover {
  color: var(--color_11);
}

#c7n-content ul {
  list-style: square;
}

.content-tpl {
  padding-bottom: 30px;
}



.content-tpl:last-child {
  padding-bottom: 30px;
}



.info.content-tpl {
  background-color: transparent;
  border: none;
  padding: 1rem;
  margin: 0;
}

.info.content-tpl p {
  margin: 0;
}

.info {
  border: 1px solid var(--color_3);
  padding: 1rem;
  margin: 0;
  background-color: rgba(0, 148, 52, 0.2);
}

img.c7n-content-image {
  width: 100%;
  position: absolute;
}

hr {
  border-top: 1px solid #999999 !important;
  background-color: transparent;
}

hr.c7n-backend-only {
  margin: 0;
  padding: 0;
  height: 0;
  visibility: hidden;
  display: block;
  width: 100%;
  clear: both;
}

hr.small {
  border: 0;
  padding: 0 15px;
  margin-bottom: 30px;
  margin-top: 15px;
}

.c7n-gap {
  margin-top: 60px;
}

a.selected {
  font-weight: 500;
}

#c7n-content a {
  color: var(--link_color_hover);
  text-decoration: none;
}

#c7n-content a:hover {
  color: var(--link_color_hover);
  border-bottom: 1px solid var(--link_color_hover);
  text-decoration: none;
}

.c7n-mail-icon {
  position: relative;
  left: 15px;
}

.c7n-mail-icon:before {
  position: relative;
  width: 23px;
  height: 30px;
  content: '';
  display: inline-block;
  background-image: url(../img/icons/mail_icon.svg);
  background-position: center center;
  background-size: 23px 23px;
  background-repeat: no-repeat;
  top: 8px;
  margin-left: -28px;
  margin-right: 10px;
}

.c7n-phone-icon {
  position: relative;
  left: 10px;
}

.c7n-phone-icon:before {
  position: relative;
  width: 20px;
  height: 30px;
  content: '';
  display: inline-block;
  background-image: url(../img/icons/phone_icon.svg);
  background-position: center center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  top: 8px;
  margin-left: -25px;
  margin-right: 5px;
}

.c7n-download-pdf-icon,
.c7n-download-doc-icon {
  height: auto;
  width: 30px;
}

a.c7n-pdf-icon-link,
a.c7n-pdf-icon-link:hover {
  border: none !important;
  text-decoration: none;
}

fieldset input,
fieldset textarea {
  border-radius: 0;
}

.c7n-contact-checkbox label {
  display: unset;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #dddddd !important;
  font-weight: bold !important;
  color: #e73b3a !important;
}

.ui-widget-content .ui-icon {
  background-image: url(/images/content/layout/icons/ui-icons_0a85c8_256x240.png) !important;
}

.none {
  display: none;
}

h1 {
  font-weight: 400;
  margin-bottom: 0.5em;
  font-size: 2.3em;
  color: var(--h1);
  letter-spacing: normal;
  word-break: break-word;
}

h2 {
  font-weight: 400;
  font-size: 1.8em;
  color: var(--h2);
  letter-spacing: normal;
}

h3 {
  font-weight: 400;
  font-size: 1.6em;
  color: var(--h3);
  letter-spacing: normal;
}

h4 {
  font-weight: 400;
  font-size: 1.2em;
  color: var(--h4);
  letter-spacing: normal;
}

footer h4 {
  font-weight: 400;
  font-size: 1em;
  color: var(--h6);
  letter-spacing: 0.6px;
  font-weight: 500;
  text-transform: uppercase;
}

h5 {
  font-weight: 400;
  font-size: 1.2em;
  color: var(--h5);
  letter-spacing: 0.6px;
}

h6 {
  font-weight: 500;
  font-size: 1em;
  color: var(--h5);
  letter-spacing: 0.6px;
  margin-bottom: 0;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
  padding-bottom: 15px;
  margin: 15px;
}

a {
  outline: 0 !important;
}

/*b,
strong {
  font-weight: 500;
}*/

#c7n-content-additional a {
  color: var(--link_color_hover);
  text-decoration: none;
}

#c7n-content-additional a:hover {
  color: #CE9E69;
  text-decoration: none;
}

.c7n-language-mobile {
  position: relative;
  top: 30px;
  text-align: center;
}

.c7n-language-mobile a.selected,
.c7n-language-mobile a {
  padding: 10px;
  margin: 5px;
  color: #080808;
  text-decoration: none;
}

.c7n-language-mobile a.selected {
  font-weight: 700;
  background-color: #ffffff;
}

.c7n-language {
  width: 100%;
  display: inline-flex;
}

.c7n-language a.selected {
  color: #CE9E69;
}

.c7n-language a {
  margin: 0 5px;
}

.c7n-language a:first-child {
  margin: 0 5px 0 10px;
}

.c7n-language a:last-child {
  margin: 0 0 0 5px;
}

li#c7n-set-language a {
  display: flex;
  align-items: center;
}

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

figure {
  margin: 0;
}

p.lead {
  font-size: clamp(1.375rem, 1.2298rem + 0.6452vw, 1.875rem);
  line-height: 1.5em;
  font-weight: 300;
  letter-spacing: 0.5px;
  color: var(--color_3);
  text-transform: uppercase;
}

.hotel__check {
  display: flex;
  /*  width: 100%;*/
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.headerCircleButton {
  width: 150px;
  height: 150px;
  border-radius: 75px;
  font-size: 16px;
  color: #fff;
  line-height: 1.3;
  text-align: center;
  background: #6B0328;
  background: #6B0328;
  padding-top: 55px;
  position: absolute;
  top: 10%;
  right: 20%;
  z-index: 999;
}

.headerCircleButton a {
  color: #ffffff;
  text-decoration: none;
}

form#reservation {
  display: none;
}

a.button.button__red {
  background-color: #6b0228;
  color: #ffffff !important;
  text-transform: none;
  cursor: initial;
}

a.button.button__red:hover {
  background-color: #6b0228;
  color: #ffffff !important;
  text-transform: none;
  cursor: pointer;
  opacity: 0.8;
}

/* ==========================================================================
   Cookie Script
   ========================================================================== */
#cookiescript_badgeimage {
  width: 100%;
  height: 100%;
}

#cookiescript_badgeimage>img {
  width: 100%;
  height: 100%;
}

#cookiescript_badge {
  width: 30px;
  height: 30px;
  padding: 5px !important;
  opacity: 1;
  border-radius: 5px;
  left: 5px !important;
  bottom: 5px !important;
}

/* ==========================================================================
   Header
   ========================================================================== */

header,
header.c7n-small {
  position: fixed;
  width: 100%;
  height: 60px;
  padding: 5px 0;
  background-color: var(--header_bg);
  z-index: 1000;
}

header,
header.c7n-small,
header #c7n-navigation-icons {
  -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;
}

#logo img {
  /*  width: 100%;*/
  height: 80px;
  -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;
  outline: 0;
}

#logo a {
  outline: 0;
  border: #0000;
}

header.c7n-small #logo img {
  height: 50px;
}

@media (min-width: 576px) {
  header {
    height: 60px;
    padding: 5px 0;
  }

  header #logo img {
    height: 50px;
  }
}

@media (min-width: 768px) {
  header {
    height: 90px;
    padding: 10px 0;
  }

  header #logo img {
    height: 70px;
  }
}

@media (min-width: 576px) and (max-width: 1199px) {
  #c7n-navigation {
    max-width: 60vw;
    right: -60vw;
    padding: 60px 0px;
  }

  #c7n-navigation-close {
    padding: 15px 30px;
  }

  .c7n-navigation-content {
    padding: 15px 0;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  #c7n-navigation {
    max-width: 50vw;
    right: -50vw;
    padding: 60px 0px;
  }

  .c7n-header-block {
    top: 0;
    height: 60px;
    width: 100%;
    background-color: var(--color_3);
    z-index: 999;
  }

  #c7n-navigation-close {
    padding: 15px 30px;
  }

  .c7n-navigation-content {
    padding: 60px 0;
  }

  .c7n-header-endblock {
    position: relative;
    height: 90px;
    width: 100%;
    background-color: var(--color_3);
    z-index: 999;
  }
}

@media (min-width: 768px) {
  header #logo img {
    height: 70px;
  }
}

@media (min-width: 992px) {}

@media (max-width: 1199px) {
  .c7n-navigation {
    position: relative;
    z-index: 1001;
    text-align: right;
    padding: 10px 15px;
  }

  #c7n-navigation-close.c7n-active #c7n-navigation-close-icon {
    display: inline-flex;
  }

  #c7n-navigation {
    font-family: 'Montserrat', Arial, sans-serif;
    width: 100%;
    max-width: 430px;
    height: 100%;
    min-height: 100vh;
    max-height: 100%;
    right: -100vw;
    top: 0px;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: fixed;
    z-index: 1000;
    display: inline-flex;
    pointer-events: all;
    -webkit-transition: all 0.375s ease-in-out;
    -moz-transition: all 0.375s ease-in-out;
    -ms-transition: all 0.375s ease-in-out;
    -o-transition: all 0.375s ease-in-out;
    transition: all 0.375s ease-in-out;
    overflow: auto;
    opacity: 0;
    background-color: var(--color_3);
    padding: 60px 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .c7n-header-block {
    position: fixed;
    top: 0;
    height: 60px;
    width: 100%;
    background-color: var(--color_3);
    z-index: 999;
  }

  #c7n-navigation-close {
    position: fixed;
    top: 0;
    height: 60px;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    z-index: 1000;
    right: 0;
    padding: 15px;
  }

  #c7n-navigation-close-icon {
    position: relative;
    display: none;
    stroke: var(--color_1);
    fill: none;
    height: 30px;
    right: 15px;
    right: 0;
  }

  .c7n-navigation-content {
    width: 100%;
    padding: 15px 0;
  }

  #c7n-navigation ul {
    padding: 0;
    margin: 0px;
    width: 100%;
  }

  #c7n-navigation ul li {
    padding: 0;
    margin: 0;
    display: flex;
    width: 100%;
    z-index: 99;
    flex-direction: row-reverse;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .starter_normal,
  .inactive {
    text-shadow: none;
  }

  #c7n-navigation li a {
    -webkit-transition: all 0.125s ease-in-out;
    -moz-transition: all 0.125s ease-in-out;
    -ms-transition: all 0.125s ease-in-out;
    -o-transition: all 0.125s ease-in-out;
    transition: all 0.125s ease-in-out;
  }

  #c7n-navigation li>a {
    width: calc(100% - 60px);
    outline: 0;
    color: var(--color_1);
    cursor: pointer;
    text-decoration: none;
  }

  a.level-1.starter_normal,
  a.level-1.starter_active {
    display: inline-block;
    font-size: 1.2em;
    line-height: 40px;
    font-weight: 700;
    height: 40px;
  }

  #c7n-navigation li.level-1 .clx-toggle-submenu,
  #c7n-navigation li.level-2 .clx-toggle-submenu {
    height: 40px;
  }

  #c7n-navigation li.menu_node>.clx-toggle-submenu {
    display: flex;
  }

  #c7n-navigation li.level-1 .clx-toggle-submenu,
  #c7n-navigation li.level-2 .clx-toggle-submenu {
    position: relative;
    display: none;
    width: 60px;
    outline: 0;
  }

  #c7n-navigation li.level-1 .clx-toggle-submenu:before,
  #c7n-navigation li.level-2 .level-2.clx-toggle-submenu:before {
    background-image: url(../img/icons/arrow_right.svg);
  }

  #c7n-navigation li.level-1 .level-1.clx-toggle-submenu.c7n-open:before,
  #c7n-navigation li.level-2 .level-2.clx-toggle-submenu.c7n-open:before {
    background-image: url(../img/icons/arrow_down.svg);
  }

  #c7n-navigation li.level-1 .clx-toggle-submenu:before,
  #c7n-navigation li.level-1 .level-1.clx-toggle-submenu.c7n-open:before {
    position: absolute;
    width: 100%;
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
  }

  #c7n-navigation li.level-1 .clx-toggle-submenu:before,
  #c7n-navigation li.level-1 .level-1.clx-toggle-submenu.c7n-open:before {
    height: 40px;
  }

  #c7n-navigation ul {
    padding: 0;
    margin: 0px;
    width: 100%;
  }

  #c7n-navigation .menu {
    display: none;
    flex-direction: column;
    padding: 0 15px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 0;
  }

  #c7n-navigation li .menu.c7n-open {
    opacity: 1;
    visibility: visible;
    display: flex;
    height: 100%;
  }

  #c7n-navigation-open-icon {
    position: relative;
    stroke: var(--color_2);
    fill: none;
    width: 45px;
  }

  #c7n-navigation.c7n-open {
    right: 0px;
    opacity: 1;
  }

  #c7n-navigation-close.c7n-active {
    opacity: 1;
  }

  .c7n-header-endblock {
    position: relative;
    height: 60px;
    width: 100%;
    background-color: var(--color_3);
    z-index: 999;
  }

  #c7n-navigation li.level-1 .clx-toggle-submenu:before,
  #c7n-navigation li.level-2 .level-2.clx-toggle-submenu:before {
    background-image: url(../img/icons/arrow_right.svg);
  }

  #c7n-navigation li.level-1 .clx-toggle-submenu,
  #c7n-navigation li.level-2 .clx-toggle-submenu {
    height: 40px;
  }

  #c7n-navigation li.level-1 .clx-toggle-submenu,
  #c7n-navigation li.level-2 .clx-toggle-submenu {
    position: relative;
    display: none;
    width: 60px;
    outline: 0;
  }

  #c7n-navigation li.menu_node>.clx-toggle-submenu {
    display: flex;
  }

  a.level-2 {
    font-size: 1rem;
    line-height: 1.2;
    margin-bottom: 1rem;
  }
}

@media (min-width: 1200px) {

  header {
    height: 100px;
    padding: 10px 0;
  }

  .c7n-navigation {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  #c7n-navigation {
    display: inline-block;
    position: relative;
    z-index: 1001;
  }

  #c7n-navigation {
    font-size: 1em;
    color: var(--color_2);
  }

  #c7n-navigation-close,
  #c7n-navigation-open {
    display: none;
  }

  header #logo img {
    height: 80px;
  }

  a.level-1.starter_normal.menu_node,
  a.level-1.starter_normal {
    color: var(--color_2);
    text-decoration: none;
    outline: 0;
  }

  a.level-1.starter_normal.menu_node:hover,
  a.level-1.starter_normal:hover {
    color: var(--color_3);
  }

  #c7n-navigation ul li.level-1:focus>a,
  #c7n-navigation ul li.level-1:active>a,
  #c7n-navigation ul li.level-1.active>a,
  #c7n-navigation ul li.level-1.starter_active>a,
  #c7n-navigation ul li.level-1:hover>a {
    color: var(--color_3);
    text-decoration: none;
  }

  #c7n-navigation ul li {
    position: relative;
    display: inline-block;
  }

  #c7n-navigation ul li a {
    display: block;
    padding: 5px 20px;
  }

  #c7n-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 1.1rem;
  }

  .clx-toggle-submenu {
    display: none;
  }

  #c7n-navigation li.level-1>ul {
    display: none;
    position: absolute;
    height: auto;
    left: 0;
    padding: 0;
    background-color: var(--color_1);
    width: max-content;
  }

  #c7n-navigation li.level-1>ul li {
    display: block;
  }

  a.level-2.inactive,
  a.level-3.inactive {
    color: var(--color_2);
    display: block;
    text-align: left;
    text-decoration: none;
    outline: 0;
    text-transform: initial;
  }

  #c7n-navigation li.level-1:hover>ul,
  #c7n-navigation li.level-1:focus>ul {
    display: block;
  }
}

/* ==========================================================================
   Search
   ========================================================================== */
.c7n-search-text {
  position: relative;
  top: -15px;
  color: rgb(153, 153, 153);
}

#c7n-open-search:hover .c7n-svg-line,
#c7n-close-search:hover .c7n-svg-line,
#c7n-mobile-open-search:hover .c7n-svg-line,
#c7n-mobile-close-search:hover .c7n-svg-line,
.c7n-searchbutton:hover .c7n-svg-line,
.clx-searchbutton:hover .c7n-svg-line {
  stroke: var(--body_color) !important;
}

#c7n-open-search:hover .c7n-svg-line,
#c7n-close-search:hover .c7n-svg-line {
  stroke: var(--body_bg) !important;
}

#c7n-open-search .c7n-svg-line,
#c7n-close-search .c7n-svg-line {
  stroke: var(--meta_color) !important;
}

#c7n-open-search:hover .c7n-svg-line,
#c7n-close-search:hover .c7n-svg-line {
  stroke: var(--meta_color_hover) !important;
}

#c7n-mobile-open-search .c7n-svg-line {
  stroke: var(--body_color);
}

#c7n-mobile-open-search:hover .c7n-svg-line {
  stroke: var(--link_color_hover) !important;
}

.c7n-searchbutton .c7n-svg-line {
  stroke: var(--footer_color) !important;
}

.c7n-searchbutton:hover .c7n-svg-line {
  stroke: var(--color_5) !important;
}

.clx-search-article:nth-child(even) {
  background-color: rgba(0, 0, 0, .05)
}

#c7n-open-search,
#c7n-close-search,
#c7n-mobile-open-search,
#c7n-mobile-close-search {
  height: 100%;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
}

#c7n-open-search.c7n-active,
#c7n-close-search.c7n-active,
#c7n-mobile-open-search.c7n-active,
#c7n-mobile-close-search.c7n-active {
  display: flex;
}

#c7n-open-search svg,
#c7n-close-search svg,
#c7n-mobile-open-search svg,
#c7n-mobile-close-search svg {
  width: auto;
  height: 20px;
}

#c7n-search {
  width: 100%;
  position: absolute;
  height: 100%;
  background-color: var(--color_5);
  z-index: 998;
  left: 0;
  top: 0px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  text-align: center;
}

#c7n-search.c7n-open {
  opacity: 1;
  visibility: visible;
}

#clx-search {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

#c7n-search form,
#clx-search form {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

#c7n-search .c7n-searchterm,
#clx-search .clx-searchterm {
  width: calc(100% - 30px - 100px);
  padding: 0 30px;
  line-height: 60px;
  font-weight: 300;
  border: 2px solid #ffffff;
  font-size: 1em;
  background-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 1);
  display: inline-block;
  vertical-align: bottom
}

#clx-search .clx-searchterm {
  border: 2px solid rgba(75, 75, 75, 0.3);
  color: rgb(52, 58, 64);
}

#c7n-search ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 1);
}

#c7n-search ::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 1);
}

#c7n-search :-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(255, 255, 255, 1);
}

#c7n-search :-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255, 1);
}

#clx-search ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgb(52, 58, 64);
}

#clx-search ::-moz-placeholder {
  /* Firefox 19+ */
  color: rgb(52, 58, 64);
}

#clx-search :-ms-input-placeholder {
  /* IE 10+ */
  color: rgb(52, 58, 64);
}

#clx-search :-moz-placeholder {
  /* Firefox 18- */
  color: rgb(52, 58, 64);
}

#c7n-search .c7n-searchbutton,
#clx-search .clx-searchbutton {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  border: 2px solid rgba(255, 255, 255, 0);
  cursor: pointer;
}

#c7n-search .c7n-searchbutton svg,
#clx-search .clx-searchbutton svg {
  width: auto;
  height: 60px;
  padding: 10px;
}

.c7n-mobile-search.col-1.hidden-md-up {
  padding: 0px;
}

.c7n-mobile-search {
  position: absolute;
  z-index: 1001;
  display: inline-block;
  right: 75px;
}

input.c7n-searchterm {
  height: unset;
}

input.c7n-searchterm:focus {
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  appearance: none;
  border-radius: 0;
}

/* ==========================================================================
   Social Media Share
   ========================================================================== */
.c7n-share-buttons {
  text-align: center;
  width: 100%;
  margin: 75px 0 0 0;
  padding: 0;
}

.c7n-share-buttons li {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.c7n-share-buttons li a {
  list-style: none;
  display: block;
  border: 1px solid rgba(75, 75, 75, 0.3);
  width: 45px;
  line-height: 45px;
  font-size: 1.2em;
  color: rgba(75, 75, 75, 0.3) !important;
}

.c7n-share-buttons li a:hover {
  color: rgba(43, 112, 124, 1) !important;
  border-color: rgba(43, 112, 124, 1);
  text-decoration: none;
}

.c7n-share-buttons li a.c7n-facebook-share:hover {
  color: rgb(59, 89, 152) !important;
  border-color: rgb(59, 89, 152) !important;
}

.c7n-share-buttons li a.c7n-twitter-tweet:hover {
  color: rgb(29, 161, 243) !important;
  border-color: rgb(29, 161, 243) !important;
}

.c7n-share-buttons li a.c7n-xing-share:hover {
  color: rgb(0, 90, 96) !important;
  border-color: rgb(0, 90, 96) !important;
}

.c7n-share-buttons li a.c7n-linkedin-share:hover {
  color: rgb(0, 119, 181) !important;
  border-color: rgb(0, 119, 181) !important;
}

#social-media-stream {
  padding-top: 60px;
  padding-bottom: 60px;
}

.eapps-instagram-feed-posts-grid-load-more-text.eapps-instagram-feed-posts-grid-load-more-text-visible {
  color: var(--color_1);
  background-color: var(--link_color_hover);
  border: transparent;
}

.eapps-instagram-feed-posts-grid-load-more-text.eapps-instagram-feed-posts-grid-load-more-text-visible:hover {
  background-color: var(--link_color_hover);
  color: var(--color_1);
  opacity: 0.7;
}

#eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {
  background-color: #ffffff !important;
}

ul.list-inline.social-list {
  font-size: 1rem;
  display: flex;
  padding: 0.5rem 0;
}

/* ==========================================================================
   Eyecatcher
   ========================================================================== */
body.home #eyecatcher {
  width: 100%;
  height: 60vh;
  overflow: hidden;
  position: relative;
}

#eyecatcher {
  width: 100%;
  height: 60vh;
  overflow: hidden;
  position: relative;
  top: 80px;
}

#eyecatcher.c7n-module {
  width: 100%;
  height: 60vh;
  overflow: hidden;
  position: absolute;
}

#cycle-slider {
  width: 100%;
  height: 100% !important;
  background-position: center;
}

#cycle-slider img {
  width: 100% !important;
  height: 100% !important;
  display: inline-block;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  z-index: 1;
}

#cycle-slider .cycle-slide {
  width: 100%;
  height: 100%;
}

#cycle-slider:after {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 996;
  -webkit-mix-blend-mode: multiply;
  mix-blend-mode: multiply;
  background-color: rgba(88, 68, 68, 0.2);
}

.cycle-pager {
  z-index: 997;
  width: 100%;
  position: absolute;
  bottom: 0;
  display: block;
  text-align: center;
}

.cycle-pager-element {
  display: inline-block;
  width: auto;
}

.cycle-pager-element:before {
  content: "\f10c";
  font-family: "FontAwesome";
  color: rgba(255, 255, 255, 1);
  line-height: 4em;
  font-size: 0.9em;
  padding: 0 7.5px;
  display: block;
}

.cycle-pager-element:hover:before,
.cycle-pager-element.cycle-pager-active:hover:before {
  color: var(--link_hover);
  cursor: pointer;
}

.cycle-pager-element.cycle-pager-active:before {
  content: "\f111";
  color: var(--link);
}

.c7n-slider-logo {
  width: 100%;
  height: 100%;
  text-align: center;
}

.c7n-slider-logo img {
  width: 60vw;
}



@media only screen and (min-width: 390px) and (orientation: portrait) {}

@media only screen and (min-width: 576px) and (orientation: portrait) {}

@media only screen and (min-width: 768px) and (orientation: portrait) {}

@media only screen and (min-width: 768px) and (orientation: landscape) {}

@media only screen and (min-width: 992px) and (orientation: portrait) {}

@media only screen and (min-width: 992px) and (orientation: landscape) {}


@media (min-width: 1200px) {}

@media (min-width: 1400px) {}

@media (min-width: 1600px) {}

@media (min-width: 1920px) {}





span.c7n-quote {
  font-size: 1.2rem;
  line-height: normal;
  font-weight: 400;
}

span.c7n-quote {
  font-size: 0.8rem;
  line-height: normal;
  font-weight: 400;
}

/* ==========================================================================
   Slider Headline
   ========================================================================== */
#c7n-set-language:hover a {
  background-color: #ffffff;
  color: #CE9E69;
  cursor: pointer;
}

#c7n-set-language {
  display: none !important;
}

@media (max-width: 1199px) {
  .c7n-language-mobile {
    padding: 0 30px;
  }
}

@media (min-width: 576px) {
  #c7n-set-language {
    display: flex !important;
    flex-direction: row;
    font-size: 1.25em;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
  }
}

.c7n-language li ul {
  display: none;
}


li#c7n-set-language:hover ul.c7n-language {
  position: absolute;
  display: block;
  top: 60px;
}

ul.c7n-language a:hover {
  color: #CE9E69 !important;
  background-color: #FFFFFF !important;
  cursor: pointer;
}

ul.c7n-language {
  font-size: 0.8em !important;
}

.c7n-language-mobile a {
  margin: 10px !important;
  text-decoration: none;
}

.c7n-language-mobile {
  text-align: center;
}

.c7n-language-mobile a {
  text-align: center;
  color: #CE9E69;
  font-size: 1.25em;
  padding: 10px;
  text-decoration: none;
}

.c7n-language-mobile a:hover {
  text-decoration: none;
}

.c7n-language-mobile a.active {
  font-weight: 700;
  color: #CE9E69 !important;
  background-color: #FFFFFF !important;
  text-decoration: none;
}



.c7n-language a {
  font-size: 0.8rem !important;
  text-decoration: none;
}




/* ==========================================================================
   Slider Headline
   ========================================================================== */
section#eyecatcher-headline {
  position: relative;
}

.eyecatcher-headline {
  position: absolute;
  bottom: 10%;
  text-align: center;
  z-index: 1000;
}

.eyecatcher-headline h1 {
  font-weight: 600;
  margin-bottom: 0.5em;
  font-size: clamp(2.1875rem, 1.4824rem + 2.8926vw, 4.375rem);
  letter-spacing: normal;
  word-break: break-word;

  color: #ffffff;
  text-shadow: 0px 2px 2px rgb(0 0 0 / 70%);
}

.subheadline {
  text-align: left;
  color: #ffffff;
  text-shadow: 0px 2px 2px rgb(0 0 0 / 70%);
  font-weight: 500;
  line-height: 1em;
  margin: auto;
  position: relative;
  top: 0;
  padding: 15px;
  height: auto;
}

.subheadline h1 {
  color: #ffffff;
  font-weight: 600;
  font-size: clamp(2.1875rem, 1.4824rem + 2.8926vw, 4.375rem);
  line-height: 1.125em;
  margin-bottom: 0.5em;
  text-align: left;
}

.subheadline h2 {
  color: #ffffff;
  font-size: clamp(1.375rem, 1.2308rem + 0.641vw, 2rem);
}

.headline-slider {
  position: absolute;
  bottom: 5vh;
  z-index: 998;
  padding: 0;
  width: auto;
}

@media (min-width: 576px) {
  .headline-slider {
    bottom: 8vh;
  }
}


@media (min-width: 768px) {
  .headline-slider {
    bottom: 8vh;
  }
}

/* ==========================================================================
   Google Maps
   ========================================================================== */
section#google-maps-top {
  position: relative;
  width: 100%;
  color: rgba(52, 58, 64, 1);
}

section#google-maps-bottom {
  position: relative;
  width: 100%;
  color: rgba(52, 58, 64, 1);
}

section#c7n-calendar-google-maps {
  position: relative;
  width: 100%;
}

#c7n-address-path-top {
  display: none;
  visibility: hidden !important;
}

#c7n-address-path-bottom {
  display: none;
  visibility: hidden !important;
}

#c7n-address-popupbox-top {
  display: none;
}

#c7n-address-popupbox-bottom {
  display: none;
}

#c7n-map-top {
  height: 400px;
  width: 100%;
}

#c7n-map-bottom {
  height: 400px;
  width: 100%;
}

#c7n-calendar-map {
  height: 50vh;
  width: 100%;
}

#c7n-map-range,
#c7n-calendar-map-range {
  height: 50vh;
  width: 100%;
}

#google-maps {
  position: relative;
  width: 100%;
  color: rgba(52, 58, 64, 1);
}

#c7n-calendar-google-maps {
  position: relative;
  width: 100%;
}

#c7n-address-path {
  display: none;
  visibility: hidden !important;
}

#c7n-address-popupbox {
  display: none;
}

#c7n-map {
  height: 50vh;
  width: 100%;
}

#c7n-calendar-map {
  height: 50vh;
  width: 100%;
}

#c7n-map-range,
#c7n-calendar-map-range {
  height: 50vh;
  width: 100%;
}

body.home #c7n-map {
  height: 340px;
}

/* ==========================================================================
   Hover Effect
   ========================================================================== */
article {
  position: relative;
  margin: 0 auto;
  list-style: none;
}

article figure {
  position: relative;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
}

article figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
}

article figure figcaption {
  padding: 1em;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
}

figcaption {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

figcaption a:hover {
  cursor: default;
}

article figure figcaption::before,
article figure figcaption::after {
  pointer-events: none;
}

article figure figcaption,
article figure figcaption>a {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  display: flex;
}

article figure figcaption {
  padding: 0.5rem;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 1;
}

figure {
  margin: 0 0 1.5rem;
}

/* ==========================================================================
   Calendar
   ========================================================================== */
#content.calendar {
  min-height: 800px;
}

#events {
  padding-bottom: 5rem;
}

#calendar {
  width: 100%;
}

.calendar-date-start,
.calendar-date-month {
  width: 100%;
  height: auto;
  display: inline-block;
  line-height: 1.25;
  text-align: center;
  color: var(--color_2);
  font-size: 1rem;
}

.calendar-date-day {
  font-family: 'Roboto-Regular', arial, sans-serif;
  width: 100%;
  height: auto;
  display: inline-block;
  text-align: center;
  color: var(--color_2);
  font-weight: 700;
  font-size: 1.375rem;
}

.calendar-closed {
  text-align: center;
  color: var(--color_9);
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 700;
}

article.calendar-entry.item {
  -webkit-transition: background-color 0.125s ease-in-out;
  -moz-transition: background-color 0.125s ease-in-out;
  -ms-transition: background-color 0.125s ease-in-out;
  -o-transition: background-color 0.125s ease-in-out;
  transition: background-color 0.125s ease-in-out;
}

article.calendar-entry.item:hover {
  background-color: var(--color_9);
}

section#c7n-content.calendar img {
  width: 100%;
}

.button-inactive {
  background-color: var(--color-7);
  color: var(--color-1);
  cursor: default;
  border-radius: 0;
}

.calendar-list-date {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.calendar-list-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.calendar-list-action {
  display: flex;
  align-items: center;
}

.calendar-list-action a {
  cursor: initial;
  text-decoration: none;
}

.calendar-list-action a:hover {
  cursor: pointer;
  text-decoration: none !important;
  border: none !important;
}

#calendar-entry-teaser p {
  line-height: 1.4;
  font-size: 1.125rem;
}

#calendar-entry-title {
  margin-bottom: 1rem;
}

#calendar-entry-title h4 {
  font-family: 'Roboto-Regular', arial, sans-serif;
  font-size: 1.125rem;
  margin-bottom: 0;
}

.calendar-time-info,
.calendar-place-info {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
}

#calendar-entry-title span {
  font-family: 'Roboto-Light', arial, sans-serif;
  font-size: 1rem;
  color: var(--color_4);
}

p.calendar-infos {
  margin: 0;
}

.calendar-infos {
  display: flex;
}

.calendar-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.calendar-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.calendar-date {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.calendar-datepicker {
  width: calc(100% - 40px);
  background-color: rgb(244, 241, 241) !important;
  max-width: 575px;
  height: 35px;
  margin-bottom: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0px;
  border: 1px solid rgb(222, 226, 230);
  background-size: 15px;
  padding: 0 5px;
  background-position: right;
}

#calendar label {
  width: 40px;
  display: inline-block;
  padding: 0;
}

.calendar-entry {
  width: 100%;
  padding: 1rem 0;
  border-bottom: 1px solid var(--color_12);
}

.calendar-detail-attachment {
  margin-top: 15px;
}

.calendar-detail-signup {
  margin-top: 15px;
}

.calender-gap {
  margin-bottom: 30px;
}

#calendar-detail a {
  color: var(--color_9);
}

#calendar-detail a:hover {
  color: var(--color_9) !important;
  border-bottom: 1px solid var(--color_9);
}

#calendar-print-date {
  display: none;
}

#calendar-entry-print-title {
  display: none;
}

input#calendar-search-reset {
  margin-right: 0;
  margin-bottom: 1rem;
}

input#export-to-pdf {
  color: var(--color_1);
  margin-right: 0;
  margin-bottom: 1rem;
  display: none;
}

input#export-to-pdf:focus {
  color: var(--color_1);
}

input#calendar-search {
  width: 100%;
  height: 48px;
  border-radius: 0;
  display: flex;
  margin-bottom: 1rem;
  padding: 0 0.5rem;
  transition: border-color 0.2s ease;
  caret-color: var(--body_color);
  background-color: var(--color_8);
  border: 1px solid var(--color_11);
  font-size: 1rem;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-family: 'Roboto-Light', arial, sans-serif;
  font-weight: 300;
}

#calendar-search-reset {
  margin-bottom: 1rem;
}

input#calendar-search-reset:focus {
  color: var(--color_1);
}

#filter-content .filterbox {
  padding: 1rem;
  border: 1px solid var(--color_2);
  margin-bottom: 5rem;
}

#filter-content ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
}

#filter-content li {
  display: flex;
  margin-bottom: 0.25rem;
  word-break: break-word;
}

#filter-content label {
  font-family: 'Roboto-Regular', arial, sans-serif;
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

input.filter-checkbox[type=checkbox] {
  position: relative;
  min-width: 20px !important;
  height: 20px;
  top: 0;
  font-size: 1rem !important;
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  appearance: checkbox !important;
  margin-right: 0.5rem;
}

input[type=checkbox] {
  position: relative;
  width: auto;
  height: auto;
  top: 5px;
  font-size: 1rem !important;
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  appearance: checkbox !important;
}

h6.clx-contact-form-label-checkbox {
  line-height: 1.75rem;
}

h6#contactFormFieldId_96 {
  color: initial;
  cursor: default;
}

/* ==========================================================================
   Main Content
   ========================================================================== */
#c7n-content {
  padding-top: 30px;
  padding-bottom: 30px;
}

#c7n-content.module {
  position: relative;
  top: 30px;
  margin-bottom: 30px;
}

.c7n-box {
  position: relative;
  height: 340px;
  border: 2px solid var(--body_bg);
}

.c7n-box:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-mix-blend-mode: multiply;
  mix-blend-mode: multiply;
  background-color: rgba(0, 0, 0, 0.05);
}

.c7n-box.c7n-has-link:after,
.c7n-headline-image:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-family: "FontAwesome";
  font-size: 4em;
  z-index: 99;
  content: "\f105";
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  opacity: 0;
}

.c7n-box.c7n-has-link:after,
.c7n-headline-image:after {
  background-color: #00943480;
}

.c7n-box-content {
  position: absolute;
  top: 0;
  left: 0;
  padding: 30px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: rgba(75, 75, 75, 1);
  color: #ffffff;
  overflow: hidden;
}

.c7n-box-content-map {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: rgb(75, 75, 75);
  color: rgb(255, 255, 255);
  overflow: hidden;
}

.c7n-has-image .c7n-box-content {
  align-items: flex-start;
  justify-content: flex-end;
  text-shadow: 1px 1px 2px rgba(35, 35, 35, 0.75);
}

.c7n-box:last-child .c7n-box-content {
  background-color: var(--color_2);
}

.c7n-box-content img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: inline-block;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  top: 0;
  left: 0;
}

.c7n-has-image .c7n-box-content:after {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(35, 35, 35, 0.25);
  content: "";
  top: 0;
  left: 0;
}

.c7n-box-content h2,
.c7n-box-content h3,
.c7n-box-content h4,
.c7n-box-content h5,
.c7n-box-content p,
.c7n-box-content a {
  position: relative;
  z-index: 100;
  color: #FFFFFF;
  display: inline-block;
  text-decoration: none;
  line-height: normal;
  margin-bottom: 0;
  letter-spacing: 0.6px;
  font-size: 1em;
  text-transform: uppercase;
}

.c7n-box-content p:last-child,
.c7n-headline-content p:last-child {
  margin-bottom: 0;
}

.c7n-box-content a:hover {
  text-decoration: none;
}

#c7n-headlines {
  padding-top: 60px;
  padding-bottom: 60px;
}

#c7n-boxes {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
}

#c7n-boxes a {
  color: var(--color_1);
}

#c7n-boxes a:hover {
  color: var(--color_1);
  text-decoration: none;
  border: none;
}

.c7n-headline {
  position: relative;
  min-height: 300px;
  border: 2px solid #ffffff;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: row;
}

.c7n-news-box {
  position: relative;
  min-height: 300px;
  border: 2px solid #ffffff;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: row;
}

.c7n-headline-image {
  position: relative;
}

.c7n-headline-image:before {
  content: "";
  display: block;
  padding-top: 50%;
}

.c7n-headline-image img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: inline-block;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  top: 0;
  left: 0;
}

.c7n-news-box-content span {
  position: absolute;
  text-align: center;
  padding: 30px 0px;
  bottom: 0px;
  right: 30px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1em;
}

.c7n-news-box {
  text-align: center;
  width: 100%;
  position: relative;
}

.c7n-headline-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: var(--color_9);
  padding: 30px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.c7n-headline:hover .c7n-headline-content {
  background-color: var(--color_3);
  color: var(--color_1);
  cursor: pointer;
}

.c7n-headline .c7n-headline-content h3 {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.c7n-headline:hover .c7n-headline-content h3 {
  color: var(--color_1);
}

/* ==========================================================================
   Footer
   ========================================================================== */
section#footer__top {
  background: -moz-linear-gradient(top, rgba(175, 195, 165, 1) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(175, 195, 165, 1) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(175, 195, 165, 1) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afc3a5', endColorstr='#00ffffff', GradientType=0);
  background-color: var(--color_7);
  padding: 2rem;
}

section#footer__bottom {}

ul.list-inline.social-list.wide {
  margin: 0;
}


section#footer__bottom {
  background-color: #333333;
  color: var(--color_1);
  min-height: 70px;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  text-transform: uppercase;
  /*  padding: 2rem;*/
}

section#footer__bottom a,
section#footer__bottom .icon {
  color: var(--color_1);
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;

}

section#footer__bottom a:hover {
  opacity: 0.7;
  color: var(--color_1);
}



section#footer__bottom .social-list a:hover .ti-youtube {
  color: #D61D2E;
}

section#footer__bottom .social-list a:hover .ti-facebook {
  color: #3B5998;
}





section#footer__bottom .copyright {
  text-align: center;
  /*  line-height: 30px;*/
  font-weight: 400;
}

section#footer__bottom .social__media {
  text-align: center;
}

section#footer__bottom .imprint {
  text-align: center;
  /*  line-height: 30px;*/
  font-weight: 400;
}



@media (min-width:1200px) {
  section#footer__bottom .copyright {
    text-align: left;
    line-height: 30px;
    font-weight: 400;
    display: flex;
    align-items: center;
    min-height: 45px;
  }

  section#footer__bottom .social__media {
    text-align: center;
    display: flex;
    align-items: center;
    min-height: 45px;
    justify-content: center;
  }

  section#footer__bottom .imprint {
    text-align: right;
    line-height: 30px;
    font-weight: 400;
    display: flex;
    align-items: center;
    min-height: 45px;
    justify-content: flex-end;
  }
}



ul.list-inline.social-list.wide {
  display: flex;
  justify-content: center;
}


/*footer {
  font-size: 0.9em;
  line-height: 1.4;
}

footer .c7n-footer-top {
  color: var(--footer_top_color);
  background-color: var(--footer_top_bg);
  border-bottom: 1px solid var(--color_9);
}

footer .c7n-footer-top a {
  color: var(--footer_top);
  background-color: var(--footer_top_bg);
  text-decoration: none;
}

footer .c7n-footer-top a:hover {
  color: var(--footer_top_color_hover) !important;
  background-color: var(--footer_top_bg_hover);
  border-bottom: 1px solid var(--footer_top_color_hover);
}

footer .c7n-footer-top a.fa.fa-envelope-o:hover,
footer .c7n-footer-top a.fa.fa-phone:hover {
  color: var(--footer_top_color_hover) !important;
  background-color: var(--footer_top_bg_hover);
  border-bottom: none;
}

footer .c7n-footer-top .fa.fa-phone {
  margin-right: 10px;
}

footer .c7n-footer-bottom {
  color: var(--footer_bottom_color);
  background-color: var(--footer_bottom_bg);
  font-size: 0.8em;
  letter-spacing: 0.6px;
  font-weight: 500;
  text-transform: uppercase;
}

footer .c7n-footer-bottom a {
  color: var(--footer_bottom_color);
  background-color: var(--footer_bottom_bg);
  text-decoration: none;
}

footer .c7n-footer-bottom a:hover {
  color: var(--footer_bottom_color_hover);
  background-color: var(--footer_bottom_bg_hover);
  border-bottom: 1px solid var(--footer_bottom_color_hover);
}

footer #c7n-links {
  padding-top: 30px;
  padding-bottom: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 210px;
}

footer #c7n-links li {
  list-style: none;
  margin-left: 0px;
}

footer img.c7n-footer-icons {
  width: 80%;
  padding: 15px 0px;
}

footer ul {
  padding: 0;
  margin: 0 0 1em 0;
}

footer ul li {
  list-style: none;
  padding: 0;
  margin-left: 10px;
}

footer a.facebook:hover,
footer a.instagram:hover {
  border: none !important;
}


.c7n-footer-bottom {
  min-height: 50px;
  width: 100%;
}

.c7n-right ul li {
  display: inline-block;
}

.c7n-footer-box {
  height: 100%;
  margin-bottom: 2.5rem;
  text-align: center;
}

img.c7n-footer-logo {
  width: 120px;
}*/

/* ==========================================================================
   Isotope
   ========================================================================== */
.c7n-filter {
  margin-bottom: 30px;
}

a.set-isotope-filter {
  color: var(--button_primary_color);
  background-color: var(--button_primary_bg);
  border: 1px solid var(--button_primary_color);
  padding: 5px 10px;
  margin: 0 3px 8px 0px;
  display: none;
  text-decoration: none;
  font-size: 0.8em;
  color: var(--h6);
  letter-spacing: 0.6px;
  font-weight: 500;
  text-transform: uppercase;
}

a.set-isotope-filter.c7n-active {
  color: var(--button_primary_color_hover) !important;
  background-color: var(--button_primary_bg_hover);
  border: 1px solid var(--button_primary_bg_hover);
}

a.set-isotope-filter:hover {
  color: var(--button_primary_color_hover) !important;
  background-color: var(--button_primary_bg_hover);
  border: 1px solid var(--button_primary_bg_hover);
  text-decoration: none;
  cursor: pointer;
}

input#quicksearch {
  color: var(--button_primary_color) !important;
  background-color: var(--button_primary_bg);
  border-radius: 0px;
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  appearance: none;
  margin-top: 15px;
}

input#quicksearch:focus {
  color: var(--button_primary_color) !important;
  background-color: var(--button_primary_bg);
  border: 1px solid var(--button_primary_color) !important;
  outline: 0;
}

a.c7n-button:hover {
  border: none !important;
  text-decoration: none;
}

@media (min-width: 768px) {
  a.set-isotope-filter {
    display: inline-block;
  }
}

/* ==========================================================================
   Forms
   ========================================================================== */
input.error,
textarea#contactFormFieldId_91.error {
  border-color: var(--color_10);
  background-color: rgba(220, 53, 69, 0.5);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.clx-checkbox .error {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid var(--color_10);
  color: var(--color_2) !important;
  border: none;
}

.clx-contact-form-label-checkbox.error,
.error .clx-contact-form-label-checkbox,
.error .clx-contact-form-label-radio {
  color: var(--color_10) !important;
}

.clx-checkbox {
  margin-bottom: 1rem;
}

h6.clx-contact-form-label-checkbox {
  line-height: 1.75rem;
}

input[type=checkbox] {
  position: relative;
  width: auto;
  height: auto;
  top: 0;
  font-size: 1rem !important;
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -ms-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  appearance: checkbox !important;
}

#myTabContent {
  padding: 0;
}

ul#myTab {
  margin-bottom: 2rem;
}


.form-style-73,
.form-style-91 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.clx-contact-form-label-checkbox:hover,
.clx-contact-form-label-radio:hover {
  cursor: pointer;
  color: var(--body_color);
  opacity: 1;
}

h6#contactFormFieldId_93 {
  text-transform: none;
  color: var(--body_color);
}

.clx-is-required {
  color: var(--color_10);
  display: inline-block;
  font-weight: bold;
  padding-left: 5px;
}

.floating-input {
  padding: 1.5rem 1rem 0.5rem 1rem;
  transition: border-color 0.2s ease;
  caret-color: var(--body_color);
  background-color: rgba(242, 242, 242, 1);
  border: 1px solid var(--color_9);
  font-size: 1rem;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  margin-bottom: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 100%;
  font-weight: 300;
}

.floating {
  margin-bottom: 1rem;
  transition: background-color 0.2s ease;
  height: 48px;
}

.floating-input:hover,
.floating-input:focus-within,
textarea#contactFormFieldId_91:hover,
textarea#contactFormFieldId_100:hover {
  background-color: var(--body_bg);
  border: 1px solid var(--color_3);
  cursor: pointer;
}

.clx-form-error-msg,
#contactFormCaptchaError {
  border: none;
  background-color: #0000;
  margin-bottom: 30px;
  font-size: 1rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  margin-bottom: 0;
  font-size: 0.8rem !important;
  padding: 15px;
  color: var(--color_10) !important;
  text-transform: uppercase;
  position: absolute;
  top: 110px;
  left: 0;
}

form.form.clx-contact-form legend {
  display: none;
}

.clx-contact-form-field.clx-captcha label {
  font-size: 1rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  margin-bottom: 0;
  font-size: 0.7rem !important;
  padding: 0 8px;
  color: #595959 !important;
  text-transform: uppercase;
  font-style: normal;
}

.clx-contact-form-field.clx-buttons {
  text-align: left;
}

label.form-label-style,
label.form-label-style-choice {
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  margin-bottom: 0;
  padding: 0 1rem;
  text-transform: uppercase;
}

label.form-label-style {
  font-size: 0.7rem;
}

label.form-label-style-choice {
  font-size: 1rem;
}

textarea#contactFormFieldId_91,
textarea#contactFormFieldId_100 {
  padding: 0.5rem 1rem 0.5rem 1rem;
  width: 100%;
  line-height: 1.1;
  height: 115px;
}

.clx-contact-form-label-checkbox:hover,
.clx-contact-form-label-radio:hover {
  cursor: initial;
}

.floating-input::placeholder {
  color: rgba(0, 0, 0, 0);
}

.floating-label {
  display: block;
  position: relative;
  max-height: 0;
  font-weight: 500;
  pointer-events: none;
  font-family: 'Roboto-Regular', arial, sans-serif;
  letter-spacing: normal;
}

.floating-label::before {
  color: var(--color_2);
  content: attr(data-content);
  display: inline-block;
  backface-visibility: hidden;
  transform-origin: left top;
  transition: transform 0.2s ease;
  left: 1rem;
  position: relative;
  font-weight: 500;
  font-size: 1rem;
  font-stretch: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: normal;
  vertical-align: middle;
}

.floating-label::after {
  content: "";
  position: absolute;
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1),
    opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  opacity: 0;
  left: 0;
  top: 100%;
  transform: scale3d(0, 1, 1);
  width: 100%;
}

.floating-input:focus+.floating-label::after {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.floating-input:placeholder-shown+.floating-label::before {
  transform: translate3d(0, -2em, 0) scale3d(1, 1, 1);
  font-size: 1rem;
  color: var(--body_color);
}

.floating-input:value-shown+.floating-label::before {
  transform: translate3d(0, -2em, 0) scale3d(1, 1, 1);
  font-size: 1rem;
}

.floating-label::before,
.floating-input:focus+.floating-label::before {
  transform: translate3d(0, -2.8rem, 0) scale3d(0.6, 0.6, 1);
}

.floating-input:focus+.floating-label::before {
  color: var(--body_color);
  font-weight: 500;
  font-size: 1rem;
  font-stretch: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: normal;
  vertical-align: middle;
}

input.c7n-btn.primary {
  width: 100%;
  max-width: 150px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  color: var(--color_1);
  background-color: var(--link_color_hover);
  border: transparent;
  padding: 7.5px 30px;
}

input.c7n-btn.primary:hover {
  background-color: var(--link_color_hover);
  color: var(--color_1);
  opacity: 0.7;
}

a.c7n-btn.primary {
  width: 100%;
  max-width: 150px;
  height: 48px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  color: var(--color_1) !important;
  background-color: var(--link_color_hover);
  border: transparent;
  padding: 0;
  line-height: 48px;
  text-align: center;
}

a.c7n-btn.primary:hover {
  background-color: var(--link_color_hover);
  color: var(--color_1);
  opacity: 0.7;
  cursor: pointer;
}

input {
  height: 48px;
}

input:focus {
  color: var(--body_color);
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

textarea:focus {
  color: var(--body_color);
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

input[type="radio"] {
  position: relative;
  height: unset;
  width: unset;
  font-size: initial;
  margin-left: 0;
  -webkit-appearance: radio;
  -moz-appearance: radio;
  -ms-appearance: radio;
  -o-appearance: radio;
  appearance: radio;
}

fieldset {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  background-color: transparent;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid rgb(223, 223, 223);
  -webkit-text-fill-color: rgba(var(--marine-blue), 1);
  -webkit-box-shadow: 0 0 0 1000px rgb(255, 255, 255) inset;
  -moz-box-shadow: 0 0 0 1000px rgb(255, 255, 255) inset;
  -ms-box-shadow: 0 0 0 1000px rgb(255, 255, 255) inset;
  -o-box-shadow: 0 0 0 1000px rgb(255, 255, 255) inset;
  box-shadow: 0 0 0 1000px rgb(255, 255, 255) inset;
  transition: background-color 5000s ease-in-out 0s;
}

form {
  margin-top: 2rem;
  margin-bottom: 5rem;
}

.clx-buttons {
  padding-bottom: 0;
}

.floating-label {
  display: block;
  position: relative;
  max-height: 0;
  font-weight: 500;
  pointer-events: none;
}

.floating-label::before,
.floating-input:focus+.floating-label::before {
  transform: translate3d(0, -2.8rem, 0) scale3d(0.6, 0.6, 1);
  color: var(--link_color_hover);
}

.floating-label::before {
  color: var(--link_color_hover);
  content: attr(data-content);
  display: inline-block;
  backface-visibility: hidden;
  transform-origin: left top;
  transition: transform 0.2s ease;
  left: 1rem;
  position: relative;
  font-weight: 500;
  font-size: 1rem;
  font-stretch: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: normal;
  vertical-align: middle;
}

.floating-label::after {
  content: "";
  position: absolute;
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
  opacity: 0;
  left: 0;
  top: 100%;
  transform: scale3d(0, 1, 1);
  width: 100%;
}

.c7n-textarea {
  padding: 0.5rem 1rem 0.5rem 1rem;
  height: 250px;
}

.c7n-image-file {
  padding: 0.5rem 1rem;
}

.checkbox.form-checkbox-style a {
  color: var(--body_color);
  text-decoration: underline;
  text-underline-offset: 5px;
}

.checkbox.form-checkbox-style a:hover {
  color: var(--navi_links);
  text-decoration: underline;
  text-underline-offset: 5px;
}

#contactFormFieldId_100 {
  height: 48px;
  border-radius: 0;
  padding: 1rem 1rem 0.5rem 1rem;
  transition: border-color 0.2s ease;
  caret-color: var(--body_color);
  border: 1px solid var(--color_11);
  font-size: 1rem;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;


  outline: 0;
  background: url(/images/content/icons/arrow_black.svg) no-repeat 97% center;
  background-color: var(--color_8);
  background-size: 10px;
  margin-bottom: 1rem;
  width: 100%;
  font-family: 'Roboto-Regular', arial, sans-serif;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
  text-transform: uppercase;
}

textarea.floating-input::placeholder {
  color: var(--body_color);
  content: attr(data-content);
  display: inline-block;
  backface-visibility: hidden;
  transform-origin: left top;
  position: relative;
  font-size: 1rem;
  font-stretch: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.14px;
  vertical-align: middle;
  font-family: 'Roboto-Regular', arial, sans-serif;
  font-weight: 500;
  padding: 0;
}

textarea.floating-input {
  padding: 0.5rem 1rem;
  height: 120px;
}

.clx-contact-form-label {
  margin-bottom: 0.5rem;
  font-weight: 700;
  color: var(--body_color);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  margin-bottom: 0;
  padding: 0 1rem;
  text-transform: uppercase;
  font-size: 0.7rem;
}

.radio,
.checkbox {
  position: relative !important;
  display: block !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.radio+.radio,
.checkbox+.checkbox {
  margin-top: 0 !important;
}

.radio input[type="radio"],
.radio input[type="radio"],
.radio-inline input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: relative !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}

.form-style-108 {
  margin-bottom: 1rem;
}

.form-style-115 {
  margin-bottom: 2rem;
}

@media(min-width: 576px) {}

@media only screen and (min-width: 576px) and (orientation: portrait) {}

@media only screen and (min-width: 576px) and (orientation: landscape) {}

@media(min-width: 768px) {

  .form-style-71,
  .form-style-72,
  .form-style-73,
  .form-style-74,
  .form-style-76 {
    flex: 0 0 auto;
    width: 50%;
  }

  .form-style-108 {
    margin-bottom: 1rem;
  }

  .form-style-115 {
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 768px) and (orientation: portrait) {}

@media only screen and (min-width: 768px) and (orientation: landscape) {}

@media(min-width: 992px) {

  .form-style-71,
  .form-style-72,
  .form-style-73,
  .form-style-74,
  .form-style-76 {
    flex: 0 0 auto;
    width: 50%;
  }

  .form-style-108 {
    margin-bottom: 1rem;
  }

  .form-style-115 {
    margin-bottom: 2rem;
  }
}

@media(min-width: 1200px) {

  .form-style-71,
  .form-style-72,
  .form-style-73,
  .form-style-74,
  .form-style-76,
  .form-style-101,
  .form-style-102,
  .form-style-103,
  .form-style-106,
  .form-style-107,
  .form-style-108,
  .form-style-115 {
    flex: 0 0 auto;
    width: 50%;
  }

  .form-style-105 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .form-style-104 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .form-style-108 {
    margin-bottom: 1rem;
  }

  .form-style-115 {
    margin-bottom: 3rem;
  }

  article figure figcaption,
  article figure figcaption>a {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  article figure figcaption {
    padding: 1rem;
  }

  article figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
  }

  figure.hover-effect {
    background-color: rgba(255, 255, 255, 0.75);
  }

  figure.hover-effect img {
    max-width: none;
    width: -webkit-calc(100%);
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0px, 0, 0) scale(1.05);
    transform: translate3d(0px, 0, 0) scale(1.05);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-bottom: 0 !important;
  }

  figure.hover-effect figcaption {
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    -moz-transition: opacity 0.35s, -moz-transform 0.35s;
    -o-transition: opacity 0.35s, -o-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    -moz-transform: translate3d(-40px, 0, 0);
    -ms-transform: translate3d(-40px, 0, 0);
    -o-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }

  figure.hover-effect:hover img {
    opacity: 0.125;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }

  figure.hover-effect:hover figcaption {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


.form-style-112,
.form-style-113,
.form-style-127,
.form-style-129,
.form-style-130,
.form-style-131,
.form-style-132,
.form-style-135,
.form-style-136,
.form-style-137,
.form-style-138,
.form-style-144,
.form-style-145 {
  flex: 0 0 auto;
  width: 100%;
}



@media(min-width: 1200px) {

  .form-style-105,
  .form-style-107,
  .form-style-108 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }


  .form-style-112,
  .form-style-113,
  .form-style-127,
  .form-style-129,
  .form-style-130,
  .form-style-135,
  .form-style-136,
  .form-style-137,
  .form-style-138,
  .form-style-144,
  .form-style-145 {
    flex: 0 0 auto;
    width: 50%;
  }

  .form-style-131 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .form-style-132 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}


/* ==========================================================================
   Sitemap
   ========================================================================== */
.c7n-content-sitemap-tpl li {
  display: block;
}

.c7n-content-sitemap-tpl a {
  color: var(--body_color);
  text-decoration: none;
}

#sitemap ul {
  padding: 0px 15px;
  margin: 0px;
  display: block;
  list-style: none;
}

.c7n-content-sitemap-tpl a:hover {
  color: var(--link_color_hover);
  border-bottom: 1px solid var(--link_color_hover);
}

#sitemap a {
  color: var(--body_color) !important;
  text-decoration: none;
  margin-left: 15px;
  position: relative;
}

#sitemap a:hover {
  color: var(--link_color_hover) !important;
  cursor: pointer;
  border-bottom: 1px solid var(--link_color_hover);
}

li.sitemap_level_1 {
  padding-top: 10px;
  margin: 0 !important;
}

li.sitemap_level_1 a {
  font-size: 1.2rem;
  font-weight: 700;
}

li.sitemap_level_2 {
  padding-left: 20px;
  margin: 5px 0 5px 0 !important;
}

li.sitemap_level_3 {
  margin: 0 !important;
  padding-left: 40px;
}

li.sitemap_level_2 a:before,
li.sitemap_level_3 a:before {
  font-family: "FontAwesome";
  content: "\f0da";
  color: var(--link_color_hover);
  border: none;
  position: absolute;
  left: -15px;
}

/* ==========================================================================
   Grid
   ========================================================================== */
.c7n-grid {
  position: relative;
  clear: both;
  margin: 0 auto;
  list-style: none;
  text-align: center;
}

.c7n-grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  height: auto;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}

.c7n-grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  width: 100%;
}

.c7n-grid figure figcaption {
  color: #fff;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.c7n-grid figure figcaption::before,
.c7n-grid figure figcaption::after {
  pointer-events: none;
}

.c7n-grid figure figcaption,
.c7n-grid figure figcaption>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.c7n-grid figure figcaption>a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
  text-decoration: none;
}

.c7n-grid figure h4 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.c7n-grid figure h4 span {
  font-weight: 800;
}

.c7n-grid figure h3,
.c7n-grid figure p {
  margin: 0;
}

.c7n-grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}

figure.c7n-grid-hover {
  background: rgba(232, 59, 59, 1);
}

figure.c7n-grid-hover img,
figure.c7n-grid-hover h4 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}

figure.c7n-grid-hover img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.c7n-grid-hover h4,
figure.c7n-grid-hover p {
  position: absolute;
  width: 100%;
  height: 50px;
  color: #ffffff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.49);
  line-height: 50px;
  margin: 0;
  bottom: 0;
  left: 0;
}

figure.c7n-grid-hover p {
  text-transform: none;
  font-size: 90%;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}

/* ==========================================================================
   Filter and Buttons
   ========================================================================== */
.filter {
  margin-bottom: 2rem;
}

.filter select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  transition: border-color 0.2s ease;
  caret-color: var(--main_color);
  color: var(--body_color);
  background: url(/images/content/icons/arrow_black.svg) no-repeat 97% center;
  background-color: var(--body_bg);
  border: 1px solid var(--color_3);
  font-size: 1rem;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  background-size: 10px;
  display: flex;
  padding: 0rem 1rem;
  text-transform: uppercase;
}

.button.active {
  background-color: var(--button_primary_color);
  color: var(--button_primary_bg) !important;
}

a.button {
  text-decoration: none;
}

.button {
  background-color: var(--button_primary_color);
  color: var(--button_primary_bg);
}

.button,
.button-inactive {
  display: inline-block;
  border: none !important;
  padding: 0.75rem 1.5rem;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  color: var(--color_2) !important;
  background-color: var(--color_9);
  cursor: not-allowed;
}

.button-small {
  display: inline-block;
  border: none !important;
  padding: 0.75rem 1.5rem;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  display: inline-flex;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  background-color: var(--button_primary_color);
  color: var(--button_primary_bg);
  width: auto;
  margin: auto;
  margin-top: 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

section#c7n-content.calendar a.button-small {
  color: var(--color_1);
}

.button-small:hover {
  opacity: 0.7;
}

@media (min-width: 768px) {
  .filter select {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (orientation: landscape) {
  .filter select {
    display: none;
  }

  a.button.set-isotope-filter {
    display: inline-block;
  }
}

/* ==========================================================================
   Team
   ========================================================================== */
section#content.team img {
  width: auto;
}

#content.team {
  min-height: 750px;
  padding-bottom: 120px;
}

#c7n-content.team {
  top: 120px;
  padding-bottom: 60px;
  min-height: auto;
  position: relative;
  margin-bottom: 120px;
}

.leader-box {
  margin-bottom: 1.5rem;
}

.leader-image img {
  width: 100%;
  object-fit: cover;
  height: 340px;
}

.leader-content {
  font-size: 1rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  background-color: rgba(242, 242, 242, 1);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.leader-name {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--color_2);
}

.leader-image img {
  height: 300px;
}

@media only screen and (min-width: 360px) and (orientation: portrait) {
  .leader-image img {
    height: 400px;
  }
}

@media only screen and (min-width: 360px) and (orientation: landscape) {
  .leader-image img {
    height: 300px;
  }
}

@media only screen and (min-width: 576px) {
  .leader-content {
    font-size: 1rem;
  }

  .leader-image img {
    height: 500px;
  }
}

@media only screen and (min-width: 576px) and (orientation: portrait) {}

@media only screen and (min-width: 576px) and (orientation: landscape) {}

@media only screen and (min-width: 768px) {
  .leader-image img {
    height: 320px;
  }

  .leader-content {
    height: 100px;
    font-size: 0.875em;
  }
}

@media only screen and (min-width: 768px) and (orientation: portrait) {}

@media only screen and (min-width: 768px) and (orientation: landscape) {}

@media only screen and (min-width: 992px) {
  .leader-image img {
    height: 300px;
  }

  .leader-content {
    height: 100px;
    font-size: 0.875em;
  }

  .leader-content {
    padding: 0.5rem 0.5rem;
  }
}

@media only screen and (min-width: 992px) and (orientation: portrait) {}

@media only screen and (min-width: 992px) and (orientation: landscape) {}

@media only screen and (min-width: 1200px) {
  .leader-image img {
    height: 350px;
  }

  .leader-content {
    height: 100px;
    font-size: 0.875em;
  }

  .leader-content {
    padding: 0.5rem 1rem;
  }
}

@media only screen and (min-width: 1400px) {
  .leader-image img {
    height: 400px;
  }

  .leader-content {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 1600px) {
  .leader-image img {
    height: 400px;
  }
}

@media only screen and (min-width: 1920px) {}

/* ==========================================================================
   Contact
   ========================================================================== */
#c7n-contact {
  padding-top: 60px;
  padding-bottom: 0;
  color: #ffffff;
}

#c7n-contact iframe {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100px;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  display: inherit;
}

.c7n-headline-content time {
  margin-bottom: 1em;
  font-size: 0.9em;
  opacity: 0.5;
}

.c7n-headline-center {
  text-align: center;
  margin: 0px;
}

.c7n-contact-intro {
  text-align: center;
}

.c7n-form-style-71,
.c7n-form-style-72,
.c7n-form-style-73,
.c7n-form-style-74 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

/* ==========================================================================
   Icon Styles
   ========================================================================== */
li.c7n-link-icon,
li.c7n-pdf-icon,
li.c7n-doc-icon,
li.c7n-mail-icon,
li.c7n-link-icon-red,
li.c7n-pdf-icon-red,
li.c7n-doc-icon-red,
li.c7n-mail-icon-red {
  list-style: none;
}

.c7n-link-icon {
  background: url(/themes/gipfeltraeume_2023/img/icons/link_icon.svg);
}

.c7n-link-icon:hover {
  background: url(/themes/gipfeltraeume_2023/img/icons/link_icon_hover.svg);
}

.c7n-mail-icon {
  background: url(/themes/gipfeltraeume_2023/img/icons/mail_icon.svg);
}

.c7n-mail-icon:hover {
  background: url(/themes/gipfeltraeume_2023/img/icons/mail_icon_hover.svg);
}

.c7n-pdf-icon {
  background: url(/themes/gipfeltraeume_2023/img/icons/pdf_icon.svg);
}

.c7n-pdf-icon:hover {
  background: url(/themes/gipfeltraeume_2023/img/icons/pdf_icon_hover.svg);
}

.c7n-doc-icon {
  background: url(/themes/gipfeltraeume_2023/img/icons/doc_icon.svg);
}

.c7n-doc-icon:hover {
  background: url(/themes/gipfeltraeume_2023/img/icons/doc_icon_hover.svg);
}

.c7n-mail-icon {
  background: url(/themes/gipfeltraeume_2023/img/icons/mail_icon.svg);
}

.c7n-mail-icon:hover {
  background: url(/themes/gipfeltraeume_2023/img/icons/mail_icon_hover.svg);
}

a.c7n-doc-icon {
  text-decoration: none;
  border-bottom: none !important;
}

a.c7n-doc-icon:hover {
  text-decoration: none;
  border-bottom: none !important;
}

.c7n-mail-icon,
.c7n-mail-icon:hover {
  content: "";
  width: 35px;
  height: 35px;
  display: inline-block;
  background-size: 24px 25px;
  background-repeat: no-repeat;
  background-position: 5px 10px;
  margin-left: -25px;
  position: relative;
  top: 4px;
}

a.c7n-course-documents:hover {
  border: none !important;
}

.c7n-mail-icon a:hover {
  color: rgba(var(--marine-blue), 1);
}

.c7n-link-icon:before:hover {
  border: none;
}

.c7n-link-icon,
.c7n-link-icon:hover,
.c7n-pdf-icon,
.c7n-pdf-icon:hover,
.c7n-doc-icon,
.c7n-doc-icon:hover {
  content: "";
  width: 25px;
  height: 30px;
  display: inline-block;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: -3px;
  position: relative;
  top: 2px;
  padding-right: 30px;
  border: none;
}

#c7n-calendar .c7n-link-icon:before,
#c7n-calendar .c7n-link-icon-red:before,
#c7n-calendar .c7n-pdf-icon:before,
#c7n-calendar .c7n-pdf-icon-red:before,
#c7n-calendar .c7n-doc-icon:before,
#c7n-calendar .c7n-doc-icon-red:before {
  margin-left: 0px;
}

#c7n-calendar a {
  display: inline-block;

}

ul.c7n-no-style {
  list-style: none !important;
  padding: 0px !important;
}

span.c7n-region {
  top: 15px;
  position: relative;
}

ul.c7n-no-style li.c7n-pdf-icon,
ul.c7n-no-style li.c7n-pdf-icon-red,
ul.c7n-no-style li.c7n-mail-icon,
ul.c7n-no-style li.c7n-mail-icon-red,
ul.c7n-no-style li.c7n-doc-icon,
ul.c7n-no-style li.c7n-doc-icon-red,
ul.c7n-no-style li.c7n-link-icon,
ul.c7n-no-style li.c7n-link-icon-red {
  list-style: none;
  padding: 0px 20px;
}

.embed-container {
  position: relative;
  max-width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c7n-no-gap {
  margin: 0px;
}













#c7n-set-language:hover a {
  background-color: #e2001a;
  color: #FFFFFF;
  cursor: pointer;
}

#c7n-set-language {
  display: none !important;
}

@media (max-width: 1199px) {
  .c7n-language-mobile {
    padding: 0 30px;
  }
}

@media (min-width: 576px) {
  #c7n-set-language {
    display: flex !important;
    flex-direction: row;
    font-size: 1.25em;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
  }
}

.c7n-language li ul {
  display: none;
}

li#c7n-set-language:hover ul.c7n-language {
  position: absolute;
  display: block;
  top: 60px;
}

ul.c7n-language a:hover {
  color: #CE9E69 !important;
  background-color: #FFFFFF !important;
  cursor: pointer;
}

ul.c7n-language {
  font-size: 1em !important;
  list-style: none;
}

.c7n-language-mobile a {
  margin: 10px !important;
  text-decoration: none;
}

.c7n-language-mobile {
  text-align: center;
}

.c7n-language-mobile a {
  text-align: center;
  color: #FFFFFF;
  font-size: 1.25em;
  padding: 10px;
  text-decoration: none;
}

.c7n-language-mobile a:hover {
  text-decoration: none;
}

.c7n-language-mobile a.active {
  font-weight: 700;
  color: #CE9E69 !important;
  background-color: #FFFFFF !important;
  text-decoration: none;
}

.c7n-language a.active {
  color: #CE9E69;
  background-color: transparent;
  text-decoration: none;
}

@media (max-width: 991px) {
  .c7n-set-language {
    position: absolute;
    left: -2rem;
    top: -1rem;
  }
}

@media (min-width: 992px) {



  .c7n-set-language {
    position: absolute;
    right: 0.5rem;
    top: -1rem;
  }

}

/* ANCHOR CLX Pop-up */
.popup {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(0, 0, 0, .6);
}

.popup-content {
  background: #fff;
  padding: 1rem;
  border-radius: .5rem;
  max-width: 480px;
  width: 90%;
}

.clx-popup {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(200, 200, 200, 0.75);
  backdrop-filter: blur(6px);
  z-index: 10000;
}

.clx-popup.hidden {
  display: none;
}

.clx-popup-frame {
  position: relative;
  padding: 40px;
  border-radius: 8px;
  max-width: 800px;
  width: 92%;
  background: #fff;
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.25);
  z-index: 10001;
}

.clx-popup-frame h2,
.clx-popup-frame h3,
.clx-popup-frame h4 {
  font-weight: 400;
  margin-bottom: 20px;
}

.clx-popup-frame p:first-of-type img {
  position: relative;
  top: -40px;
  left: -40px;
  margin-bottom: -20px;
  width: calc(100% + 80px) !important;
  max-width: unset;
  height: auto;
  border-radius: 8px 8px 0 0;
}

.clx-popup-frame a {
  display: inline-block;
  border: none !important;
  padding: 0.75rem 1.5rem;
  margin: 0.25rem 0.25rem 0.25rem 0;
  background-color: #6B0328;
  color: #ffffff !important;
  text-transform: none;
  cursor: pointer;
  text-decoration: none;
}

.clx-popup-close {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.25);
  background-color: #6B0328;
  background-image: url("../images/icon_close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px auto;
  z-index: 10010;
}

.clx-popup-close:hover,
.clx-popup-frame a:hover {
  background-color: #be8f50;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */
@media screen and (max-width: 500px) {

  /* ANCHOR CLX Pop-up Mobile */
  .clx-popup-frame {
    padding: 20px 25px 10px;
  }

  .clx-popup-frame p:first-of-type img {
    top: -20px;
    left: -25px;
    margin-bottom: -20px;
    width: calc(100% + 50px) !important;
  }

  .clx-popup-frame h2,
  .clx-popup-frame h3,
  .clx-popup-frame h4 {
    font-size: 1.2em;
  }

  .clx-popup-frame p {
    font-size: 0.9em;
  }

  .clx-popup-close {
    position: absolute;
    top: -5px;
    right: -5px;
  }
}

@media screen and (max-width: 50em) {
  .c7n-grid-content {
    padding: 0 10px;
    text-align: center;
  }

  .c7n-grid figure {
    display: inline-block;
    float: none;
    margin: 10px auto;
    width: 100%;
  }
}

@media (min-width: 576px) {
  .c7n-box {
    height: 320px;
  }

  body.home #c7n-map {
    height: 318px;
  }

  #c7n-search .c7n-searchterm,
  #clx-search .clx-searchterm {
    font-size: 1.4em;
  }

  input.c7n-button {
    width: auto;
  }

  article.c7n-employee-box {
    height: 240px;
    background-size: 100%;
    margin-bottom: 100px;
  }

  .c7n-employee-content-down {
    top: 240px;
    height: 100px;
  }

  article.c7n-employee-box h3 {
    font-size: 1.3rem;
  }

  .c7n-slider-logo img {
    width: 45vw;
  }

  span.c7n-quote {
    font-size: 0.9rem;
  }

}

@media (max-width: 767px) {
  article.row.c7n-headline {
    margin-bottom: 30px;
  }

  #c7n-headlines {
    padding-top: 45px;
  }

  section#c7n-imprint p {
    margin: 10px 0;
    padding: 0;
    text-align: center;
  }

  section#c7n-imprint ul {
    position: relative;
    display: block;
    text-align: center;
    padding: 0;
    line-height: 38px;
    margin-bottom: 0;
  }

  li.c7n-footer-li.c7n-login {
    width: 100%;
    margin: 0;
  }

  li.c7n-footer-li.c7n-login .fa-lock:before {
    content: "\f09c";
    display: inline-block;
    border: 1px solid var(--color_5);
    padding: 10px;
    border-radius: 50%;
    font-size: 1.25em;
    height: 40px;
    width: 40px;
  }

  li.c7n-footer-li.c7n-login .fa-unlock:before {
    content: "\f09c";
    display: inline-block;
    border: 1px solid var(--color_5);
    padding: 10px;
    border-radius: 50%;
    font-size: 1.25em;
    height: 40px;
    width: 40px;
  }

  body.home #c7n-content {
    padding-top: 60px;
    padding-bottom: 0;
  }

  #c7n-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  body.home #eyecatcher {
    width: 100%;
    height: 60vh;
    overflow: hidden;
    position: relative;
    top: 60px;

  }

  .c7n-event-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: auto 0px;
  }

  .c7n-event-table-detail {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: auto 0px;
  }

  .c7n-event-table-content {
    width: 100vw !important;
    display: inline-table;
  }

  .c7n-event-table-content-detail {
    width: 100vw !important;
    display: inline-table;
  }
}

@media (min-width: 768px) {
  .c7n-box {
    height: 310px;
  }

  body.home #c7n-map {
    height: 308px;
  }

  #c7n-imprint p {
    text-align: left;
    line-height: 50px;
    padding: 0;
    margin: 0;
  }

  #c7n-imprint ul {
    position: relative;
    display: block;
    text-align: right;
    margin: 0;
    padding: 0;
    min-height: 50px;
    line-height: 50px;
  }

  #calendar-entry-title h4 {
    font-family: 'Roboto-Regular', arial, sans-serif;
    font-size: calc(1.6rem + 0.1185vw);
    margin-bottom: 0;
  }

  .calendar-date-start,
  .calendar-date-month {
    width: 100%;
    height: auto;
    display: inline-block;
    line-height: 1.25;
    text-align: center;
    color: var(--color_2);
    font-size: 1.5rem;
  }

  .calendar-date-day {
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    color: var(--color_2);
    font-weight: 700;
    font-size: 3rem;
    line-height: initial;
  }

  #c7n-open-search svg,
  #c7n-close-search svg {
    height: 15px;
    width: 15px;
  }

  #c7n-search .c7n-searchterm,
  #clx-search .clx-searchterm {
    font-size: 1.6em;
  }

  .c7n-headline:nth-child(even) .c7n-headline-content {
    order: 0;
  }

  .c7n-headline:nth-child(even) .c7n-headline-image {
    order: 1;
  }



  body.home #c7n-content {
    padding-top: 60px;
    padding-bottom: 0;
  }

  #c7n-content {
    top: 120px;
    padding-bottom: 60px;
    min-height: calc(100vh - 421px);
    position: relative;
    margin-bottom: 120px;
  }

  body.home #c7n-content {
    min-height: unset !important;
  }

  #c7n-content.module {
    position: relative;
    top: 120px;
    margin-bottom: 120px;
  }

  .c7n-intro {
    font-size: 1.3em;
  }

  body.home #eyecatcher {
    width: 100%;
    height: 60vh;
    overflow: hidden;
    position: relative;
    top: 90px;
  }

  body.home #eyecatcher {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    top: 100px;
    margin-bottom: 100px;
  }

  #eyecatcher {
    width: 100%;
    height: 80vh;
    overflow: hidden;
    position: relative;
    top: 100px;
  }

  #eyecatcher.c7n-module {
    position: absolute;
  }

  article.c7n-employee-box {
    height: 330px;
    background-size: 100%;
    margin-bottom: 60px;
  }

  .c7n-employee-content-down {
    top: 330px;
    height: 60px;
  }

  article.c7n-employee-box h3 {
    font-size: 1.3rem;
  }

  .c7n-form-style-71,
  .c7n-form-style-72,
  .c7n-form-style-73,
  .c7n-form-style-74 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .c7n-slider-logo img {
    width: 40vw;
  }

  span.c7n-quote {
    font-size: 1rem;
  }
}

@media (min-width: 992px) {
  #eyecatcher {
    width: 100%;
    height: 50vh;
    overflow: hidden;
    position: relative;
    top: 100px;
  }

  .c7n-box {
    height: 250px;
  }

  body.home #c7n-map {
    height: 248px;
  }

  #c7n-open-search svg,
  #c7n-close-search svg {
    height: 15px;
    width: 15px;
  }

  #c7n-search .c7n-searchterm,
  #clx-search .clx-searchterm {
    font-size: 1.8em;
  }

  .c7n-intro {
    font-size: 1.4em;
  }

  article.c7n-employee-box {
    height: 290px;
    background-size: 100%;
    margin-bottom: 80px;
  }

  .c7n-employee-content-down {
    top: 290px;
    height: 80px;
  }

  body.home #eyecatcher {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    top: 0;
    margin-bottom: 0;
  }

  .c7n-slider-logo img {
    width: 40vw;
  }

  .c7n-footer-box {
    text-align: left;
  }


}

@media (max-width: 1199px) {

  .c7n-box.c7n-has-link:hover:after,
  .c7n-headline:hover .c7n-headline-image:after {
    cursor: pointer;
  }

  figure.c7n-grid-hover img {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }

  figure.c7n-grid-hover h4 {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }

  figure.c7n-grid-hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    line-height: 50px;
  }
}

@media (min-width: 1200px) {
  .c7n-box {
    height: 250px;
  }

  body.home #c7n-map {
    height: 248px;
  }

  .c7n-box.c7n-has-link:hover:after,
  .c7n-headline:hover .c7n-headline-image:after {
    opacity: 1;
    cursor: pointer;
  }

  #c7n-open-search svg,
  #c7n-close-search svg {
    height: 15px;
    width: 15px;
  }

  #c7n-search .c7n-searchterm,
  #clx-search .clx-searchterm {
    font-size: 2em;
  }

  .c7n-intro {
    font-size: 1.1em;
  }

  figure.c7n-grid-hover:hover img {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }

  figure.c7n-grid-hover:hover h4 {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }

  figure.c7n-grid-hover:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    line-height: 50px;
  }

  article.c7n-employee-box {
    height: 320px;
    background-size: cover;
    background-position: center center;
    margin-bottom: 60px;
  }

  .c7n-employee-content-down {
    top: 320px;
    height: 60px;
  }

  .c7n-slider-logo img {
    width: 30vw;
  }



  span.c7n-quote {
    font-size: 1.1rem;
  }
}

@media (min-width: 1600px) {
  span.c7n-quote {
    font-size: 1.2rem;
  }

  /*.container {
    max-width: 1500px;
  }*/
}

@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 {
    content: " ( " attr(href) ") ";
    font-style: italic;
  }

  #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%);
  }
}









/* ==========================================================================
   End
   ========================================================================== */