@charset "UTF-8";
/*!
Theme Name: Teilhabekultur Wordpress Theme 2021
Theme URI: https://kulturvermittlung-ulm.de
Author: Cortex Media GmbH
Author URI: https://cortex-media.de
Description: Theme der 2021er Neuentwicklung der Teilhabekultur Ulm
Version: 1.0
Text Domain: teilhabekultur
*/
/* Variables
-------------------------------------------------------------------------------*/
/* Reset Stuff
-------------------------------------------------------------------------------*/
/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
  background: #00C1D4;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #00C1D4;
  color: #fff;
  text-shadow: none;
}

/*	j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: #b71e3f;
}

a:link, a:visited, a:hover {
  color: #00C1D4;
  transition: all 0.25s ease;
}

a:hover {
  text-decoration: underline;
}

ins {
  background-color: #fcd700;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #fcd700;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder {
  color: #a9a9a9;
}

textarea:-moz-placeholder {
  color: #a9a9a9;
}

/* let's give blockquotes *some* default styling, because unstyled blockquotes are dangerous */
blockquote {
  padding: 16px;
  background: #eee;
}

/* make ie11 render images better*/
img {
  -ms-interpolation-mode: bicubic;
  height: auto;
}

/* Grid
-------------------------------------------------------------------------------*/
.grid-inner {
  max-width: 1270px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.flex {
  display: flex;
}

.space-between {
  justify-content: space-between;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: flex-end;
}

.flex-wrap {
  flex-wrap: wrap;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
  /*margin: 0 3% 0 0;*/
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
  margin: 0;
}

.col1 {
  width: 5.5%;
}

.col2 {
  width: 14%;
}

.col3 {
  width: 22.5%;
}

.col4 {
  width: 31.3%;
}

.col5 {
  width: 39.5%;
}

.col6 {
  width: 48%;
}

.col7 {
  width: 56.5%;
}

.col8 {
  width: 65%;
}

.col9 {
  width: 74.5%;
}

.col10 {
  width: 82%;
}

.col11 {
  width: 90.5%;
}

.col12 {
  width: 100%;
  margin: 0;
}

/* General
-------------------------------------------------------------------------------*/
body {
  font-family: "Hind", arial, verdana, trebuchet, sans-serif;
  font-size: 93.75%;
  font-weight: 400;
  line-height: 1.4;
  word-wrap: break-word;
  background-color: #fff;
}

h1 {
  color: #00C1D4;
  font-size: 1.9em;
  line-height: 1.1;
  font-weight: 700;
  margin-bottom: 28px;
}

h2, h3 {
  color: #00C1D4;
  font-weight: 700;
  font-size: 1.6em;
  line-height: 1.2;
  margin-bottom: 40px;
}

h4 {
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}

h2.small-margin-bottom {
  margin-bottom: 16px;
}

h3.small {
  font-size: 1.4em;
}

.internal-background {
  background-color: #F6EFE7;
}

.content {
  min-height: calc(100vh - 166px);
}

.content.internal-background {
  padding-top: 174px;
}

.full-width {
  width: 100%;
}

.divider {
  width: 100%;
  height: 2px;
  background-color: #C4C4C4;
  margin: 32px 0;
}
.divider.medium-margin-top {
  margin-top: 20px;
}
.divider.medium-margin-bottom {
  margin-bottom: 20px;
}
.divider.small-margin-top {
  margin-top: 10px;
}
.divider.small-margin-bottom {
  margin-bottom: 10px;
}

.align-self-center {
  align-self: center;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.margin-top {
  margin-top: 32px;
}

.margin-top-half {
  margin-top: 16px;
}

.margin-bottom-double {
  margin-bottom: 64px;
}

.margin-bottom {
  margin-bottom: 32px;
}

.margin-bottom-half {
  margin-bottom: 16px;
}

.hidden {
  display: none !important;
}

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

p {
  margin-bottom: 1em;
}

ul, ol {
  margin-bottom: 1em;
}
ul li, ol li {
  margin-left: 1em;
}

ul {
  list-style-type: disc;
}

.colored-text.musik {
  color: #AED7E4;
}
.colored-text.theater {
  color: #E69FBF;
}
.colored-text.tanz {
  color: #CDCFB8;
}
.colored-text.kunst {
  color: #FCE49A;
}
.colored-text.literatur {
  color: #BFDC9A;
}
.colored-text.film {
  color: #B090C9;
}
.colored-text.spartenmix {
  color: #7FC5B9;
}
.colored-text.gesellschaft {
  color: #D8DBDA;
}

.relative {
  position: relative;
}

/* Header
-------------------------------------------------------------------------------*/
header {
  position: fixed;
  background-color: #fff;
  top: 0;
  left: 0;
  width: 100%;
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15));
  z-index: 4;
}
header.internal {
  width: 90%;
  left: 50%;
  transform: translate(-50%, 0);
}
header .menu-container {
  display: flex;
}
header .grid-inner {
  height: 120px;
}
header .main-navigation {
  list-style-type: none;
  display: flex;
  margin-bottom: 0;
}
header .main-navigation li {
  display: inline-block;
  margin-left: 0;
}
header .main-navigation li a {
  text-decoration: none;
  color: #000000;
  margin: 0 20px;
}
header .main-navigation li a:hover {
  color: #00C1D4;
}
header .main-navigation li a .active {
  font-weight: 700;
  color: #00C1D4;
}
header .main-navigation li:first-child a {
  margin-left: 0;
}
header .main-navigation li.current-menu-item a, header .main-navigation li.current-page-ancestor a {
  font-weight: 700;
  color: #00C1D4;
}
header .main-navigation li:after {
  border-right: 2px solid #000000;
  content: "";
}
header .main-navigation li:last-child a {
  margin-right: 26px;
}
header .main-navigation li:last-child:after {
  border: 0;
}
header #header-search img, header #header-logout img, header #header-favorites img {
  vertical-align: middle;
}
header #header-favorites img {
  margin-right: 8px;
  height: 17px;
}
header #header-logout img {
  margin-left: 8px;
  height: 20px;
}
header .small-logo {
  display: none;
}

/* Stage
-------------------------------------------------------------------------------*/
.stage {
  height: 656px;
  margin-top: 119px;
  background-size: cover;
  background-position: center;
  margin-bottom: 60px;
}
.stage .grid-inner {
  align-items: center;
  height: 100%;
}
.stage .grid-inner .title {
  margin-top: 120px;
}
.stage .grid-inner .title .title-row {
  background-color: #00C1D4;
  padding: 22px;
  color: #fff;
  font-size: 4.26em;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1;
  display: inline-block;
}
.stage .grid-inner .copyright-notice {
  align-self: flex-end;
  font-size: 0.8em;
  margin-bottom: 24px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  padding: 8px;
  margin-left: auto;
}
.stage.small {
  height: 580px;
  margin-bottom: 0;
}

.stage-mobile {
  display: none;
  min-height: 240px;
  margin-bottom: 32px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.stage-mobile.no-margin-bottom {
  margin-bottom: 0;
}
.stage-mobile.frontpage {
  min-height: auto;
}
.stage-mobile.frontpage img {
  display: block;
}

/* Hamburger Menu
-------------------------------------------------------------------------------*/
.hamburger {
  padding: 0;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 5px 12px 0 12px;
  overflow: visible;
  align-self: center;
  display: none;
}
.hamburger .is-active:hover {
  opacity: 0.7;
}
.hamburger .is-active .hamburger-inner,
.hamburger .is-active .hamburger-inner::before,
.hamburger .is-active .hamburger-inner::after {
  background-color: #000;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 36px;
  height: 30px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 36px;
  height: 3px;
  background-color: #00C1D4;
  border-radius: 3px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/* Burger animation */
.hamburger--3dx .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  box-shadow: none;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
  box-shadow: none;
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  box-shadow: none;
}

/* Mobile Menu
-------------------------------------------------------------------------------*/
.mobile-menu {
  display: none;
  position: fixed;
  z-index: 60000;
  background-color: #00C1D4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 48px;
  padding-left: 30px;
  flex-wrap: wrap;
  align-items: flex-start;
}
.mobile-menu .logo-and-back-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.mobile-menu .logo-and-back-container .logo {
  width: 162px;
}
.mobile-menu .logo-and-back-container .back {
  width: 29px;
  height: 29px;
  background-image: url("static/img/arrow-forward.svg");
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 9px 15px;
  border-radius: 50%;
  margin-right: 30px;
}
.mobile-menu .menu-container {
  height: 100%;
  margin-top: 40px;
  margin-left: auto;
}
.mobile-menu .menu-container ul {
  list-style-type: none;
  margin-bottom: 0;
}
.mobile-menu .menu-container ul li {
  margin: 4px 0;
  padding: 8px 72px 8px 14px;
  border-radius: 47px 0 0 47px;
}
.mobile-menu .menu-container ul li.current-menu-item, .mobile-menu .menu-container ul li.current-page-ancestor {
  background-color: #fff;
}
.mobile-menu .menu-container ul a {
  color: #000000;
  font-size: 1.1em;
  line-height: 1.1em;
  text-decoration: none;
}
.mobile-menu.active {
  display: flex;
}

/* Breadrcrumbs
-------------------------------------------------------------------------------*/
.breadcrumb-navigation {
  background-color: #00C1D4;
  padding: 21px 0 19px;
  margin-bottom: 60px;
}
.breadcrumb-navigation a {
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}
.breadcrumb-navigation a:hover {
  text-decoration: underline;
}
.breadcrumb-navigation a img {
  vertical-align: middle;
  margin-right: 8px;
  width: 8px;
  height: 14px;
}

/* Forms
-------------------------------------------------------------------------------*/
.message-box, .preview-notice, .message-box-permanent {
  background: #FFFFFF;
  border-radius: 16px;
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15));
  font-weight: 700;
  padding: 16px 24px;
  width: auto;
  margin: 0 auto 34px;
  display: flex;
  align-items: center;
}
.message-box .success-icon, .message-box .error-icon, .preview-notice .success-icon, .preview-notice .error-icon, .message-box-permanent .success-icon, .message-box-permanent .error-icon {
  width: 24px;
  align-self: center;
  margin-right: 8px;
}

form {
  width: 100%;
}
form .form-cortex {
  display: none;
  visibility: hidden;
}
form label {
  color: #757575;
  width: 100%;
  align-items: center;
  display: flex;
  margin-bottom: 11px;
}
form label.checkbox {
  margin-bottom: 0;
}
form label.radio-button {
  margin-bottom: 0;
  display: inline-block;
  width: auto;
  margin-right: 24px;
}
form label .info-icon {
  margin-left: 6px;
}
form input[type=text], form input[type=email], form input[type=password], form textarea {
  border: 0;
  background-image: url("static/img/form_border.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  color: #000000;
  font-weight: 700;
  height: 30px;
  width: 100%;
  font-family: "Hind", arial, verdana, trebuchet, sans-serif;
  -webkit-appearance: none;
}
form input[type=text]:read-only, form input[type=email]:read-only, form input[type=password]:read-only, form textarea:read-only {
  background: #e7e5e5;
  padding-left: 12px;
}
form select {
  font-family: "Hind", arial, verdana, trebuchet, sans-serif;
}
form textarea {
  height: auto;
}
form input[type=checkbox], form input[type=radio] {
  vertical-align: middle;
  margin-right: 15px;
  width: 27px;
  height: 27px;
}
form .hint {
  margin-top: 16px;
  color: #C4C4C4;
}
form .margin-bottom-row {
  margin-bottom: 36px;
}
form .input-container, form .file-container {
  position: relative;
}
form .input-container .remove, form .file-container .remove {
  position: absolute;
  top: 0;
  left: -5%;
  transform: translate(0, -50%);
  cursor: pointer;
}
form .input-container .remove img, form .file-container .remove img {
  display: block;
  width: 12px;
}
form .file-container .remove {
  right: 0;
  top: 33%;
  left: auto;
}
form .date-input-container {
  position: relative;
}
form .date-input-container .icon {
  position: absolute;
  content: " ";
  width: 18px;
  left: 0;
  top: 4px;
}
form .date-input-container .date-picker-input {
  padding-left: 24px;
}
form .remove-cooperation img {
  display: block;
  width: 12px;
}

.form-box {
  background: #FFFFFF;
  border-radius: 10px;
  padding: 28px;
  width: 100%;
  margin-bottom: 32px;
  color: #757575;
}
.form-box a {
  color: #757575;
  font-weight: 700;
  text-decoration: none;
}
.form-box a:hover {
  color: #00C1D4;
}
.form-box .add-more {
  text-align: right;
}
.form-box .add-more a {
  font-weight: 400;
}
.form-box .add-more a .add-more-icon {
  margin-left: 20px;
  width: 21px;
  vertical-align: middle;
  display: inline-block;
}
.form-box .remove-row {
  position: absolute;
  right: 0;
  top: 33%;
  transform: translate(0, -50%);
  cursor: pointer;
}
.form-box .remove-row img {
  display: block;
  width: 12px;
}
.form-box .form-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.form-box .form-row.flex-start {
  justify-content: flex-start;
}
.form-box .form-row .form-field {
  width: 47.5%;
  position: relative;
}
.form-box .form-row .form-field.margin-left {
  margin-left: 5%;
}
.form-box .form-row .form-field.one-fourth {
  width: 25%;
}
.form-box .form-row .form-field .completed {
  width: 19px;
  height: 15px;
  position: absolute;
  bottom: 12px;
  right: 0;
  transform: translate(-50%, 0);
  background-image: url("static/img/icons/checkmark.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  display: none;
}
.form-box .form-row .form-field .reveal-password {
  width: 22px;
  height: 19px;
  position: absolute;
  bottom: 12px;
  right: 0;
  transform: translate(-50%, 0);
  background-image: url("static/img/icons/reveal_password.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 0;
  border: 0;
}

.success-message, .error-message {
  font-weight: 700;
  margin-bottom: 12px;
}

.error-message {
  display: none;
}

.info-icon-container {
  position: relative;
  display: flex;
}
.info-icon-container .info-tooltip {
  background: #fff;
  color: #222;
  font-size: 14px;
  position: absolute;
  top: -10px;
  left: 0;
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 10px;
  z-index: 10;
  transform: translate(-25%, -100%);
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15));
  max-width: 50vw;
  min-width: 35vw;
}
.info-icon-container .info-tooltip:before {
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  bottom: -5px;
  left: 25%;
  margin-left: 10px;
}
.info-icon-container:hover {
  /*.info-tooltip {
      visibility: visible;
      opacity: 1;
  }*/
}

.box-title {
  color: #00C1D4;
  font-size: 1.6em;
  line-height: 1;
  padding-bottom: 13px;
  text-align: left;
  font-weight: 700;
  position: relative;
  margin-bottom: 34px;
}
.box-title.with-description {
  margin-bottom: 17px;
}
.box-title:after {
  width: 60px;
  height: 4px;
  background: #000000;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
}

input[type=submit], button, a.button-link {
  background: linear-gradient(270deg, #0092BC 8%, #00C1D4 91.4%);
  color: #fff;
  text-decoration: none;
  justify-content: space-around;
  border-radius: 35px;
  text-align: center;
  display: inline-block;
  font-weight: 700;
  border: 0;
  font-family: "Hind", arial, verdana, trebuchet, sans-serif;
  padding: 13px 30px;
  transition: all 0.25s ease;
  -webkit-appearance: none;
}
input[type=submit]:disabled, input[type=submit][disabled], button:disabled, button[disabled], a.button-link:disabled, a.button-link[disabled] {
  background: #C4C4C4;
}
input[type=submit].normal, button.normal, a.button-link.normal {
  font-weight: 400;
}
input[type=submit].bold, button.bold, a.button-link.bold {
  font-weight: 700;
}
input[type=submit]:hover, button:hover, a.button-link:hover {
  background: linear-gradient(270deg, #00C1D4 8%, #0092BC 91.4%);
}
input[type=submit].working, input[type=submit].working:hover, button.working, button.working:hover, a.button-link.working, a.button-link.working:hover {
  background: #ccc;
}

.clickable-label {
  display: inline-block;
  -webkit-appearance: none;
  background: none;
  background-color: #757575;
  border-radius: 35px;
  padding: 10px 20px;
  margin-right: 15px;
  margin-bottom: 17px;
  color: #fff;
  cursor: pointer;
}
.clickable-label input[type=checkbox] {
  display: none;
}
.clickable-label:hover, .clickable-label.active {
  background: none;
}
.clickable-label:hover.musik, .clickable-label.active.musik {
  background-color: #AED7E4;
}
.clickable-label:hover.theater, .clickable-label.active.theater {
  background-color: #E69FBF;
}
.clickable-label:hover.tanz, .clickable-label.active.tanz {
  background-color: #CDCFB8;
}
.clickable-label:hover.kunst, .clickable-label.active.kunst {
  background-color: #FCE49A;
}
.clickable-label:hover.literatur, .clickable-label.active.literatur {
  background-color: #BFDC9A;
}
.clickable-label:hover.film, .clickable-label.active.film {
  background-color: #B090C9;
}
.clickable-label:hover.spartenmix, .clickable-label.active.spartenmix {
  background-color: #7FC5B9;
}
.clickable-label:hover.gesellschaft, .clickable-label.active.gesellschaft {
  background-color: #D8DBDA;
}

.image-gallery-upload, .profile-image-upload, .title-image-upload, .main-image-upload {
  width: 31.3%;
  border-radius: 10px;
  background-color: #C4C4C4;
  background-image: url("static/img/icons/image_gallery.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 29px 24px;
  height: 125px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.image-gallery-upload:nth-last-child(2) + .image-gallery-upload:nth-of-type(3n+2), .image-gallery-upload:nth-last-child(2) + .profile-image-upload:nth-of-type(3n+2), .image-gallery-upload:nth-last-child(2) + .title-image-upload:nth-of-type(3n+2), .image-gallery-upload:nth-last-child(2) + .main-image-upload:nth-of-type(3n+2), .profile-image-upload:nth-last-child(2) + .image-gallery-upload:nth-of-type(3n+2), .profile-image-upload:nth-last-child(2) + .profile-image-upload:nth-of-type(3n+2), .profile-image-upload:nth-last-child(2) + .title-image-upload:nth-of-type(3n+2), .profile-image-upload:nth-last-child(2) + .main-image-upload:nth-of-type(3n+2), .title-image-upload:nth-last-child(2) + .image-gallery-upload:nth-of-type(3n+2), .title-image-upload:nth-last-child(2) + .profile-image-upload:nth-of-type(3n+2), .title-image-upload:nth-last-child(2) + .title-image-upload:nth-of-type(3n+2), .title-image-upload:nth-last-child(2) + .main-image-upload:nth-of-type(3n+2), .main-image-upload:nth-last-child(2) + .image-gallery-upload:nth-of-type(3n+2), .main-image-upload:nth-last-child(2) + .profile-image-upload:nth-of-type(3n+2), .main-image-upload:nth-last-child(2) + .title-image-upload:nth-of-type(3n+2), .main-image-upload:nth-last-child(2) + .main-image-upload:nth-of-type(3n+2) {
  margin-right: 34%;
}
.image-gallery-upload:hover, .profile-image-upload:hover, .title-image-upload:hover, .main-image-upload:hover {
  opacity: 0.8;
}
.image-gallery-upload input[type=file], .profile-image-upload input[type=file], .title-image-upload input[type=file], .main-image-upload input[type=file] {
  display: none;
}
.image-gallery-upload .dz-image, .profile-image-upload .dz-image, .title-image-upload .dz-image, .main-image-upload .dz-image {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.image-gallery-upload .dz-image img, .profile-image-upload .dz-image img, .title-image-upload .dz-image img, .main-image-upload .dz-image img {
  width: 100%;
  pointer-events: none;
}
.image-gallery-upload .dz-details, .image-gallery-upload .dz-progress, .image-gallery-upload .dz-error-message, .image-gallery-upload .dz-success-mark, .image-gallery-upload .dz-error-mark, .profile-image-upload .dz-details, .profile-image-upload .dz-progress, .profile-image-upload .dz-error-message, .profile-image-upload .dz-success-mark, .profile-image-upload .dz-error-mark, .title-image-upload .dz-details, .title-image-upload .dz-progress, .title-image-upload .dz-error-message, .title-image-upload .dz-success-mark, .title-image-upload .dz-error-mark, .main-image-upload .dz-details, .main-image-upload .dz-progress, .main-image-upload .dz-error-message, .main-image-upload .dz-success-mark, .main-image-upload .dz-error-mark {
  display: none;
}

.profile-image-upload, .title-image-upload, .main-image-upload {
  background-image: url("static/img/icons/download_icon.svg");
}

.profile-image-upload, .main-image-upload {
  height: 240px;
  width: 50%;
}

.title-image-upload {
  width: 72.5%;
}

.image-upload .remove, .image-gallery-upload .remove {
  position: absolute;
  right: 6px;
  top: 6px;
  padding: 3px;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
}
.image-upload .remove img, .image-gallery-upload .remove img {
  display: block;
  width: 12px;
}

.image-size-hint {
  font-size: 0.8em;
  font-weight: 700;
  margin-bottom: 16px;
}

.image-error {
  font-weight: 700;
  color: #ff0000;
  display: none;
}

.my-offers table {
  width: 100%;
}
.my-offers table td {
  padding: 8px;
}
.my-offers table td.link {
  max-width: 90px;
  width: 90px;
}
.my-offers table td.link a {
  font-weight: 400;
}

#main-form-loader {
  vertical-align: middle;
  margin-left: 16px;
}

/* Jetzt anmelden
-------------------------------------------------------------------------------*/
.register-now-container {
  background-color: #F5EFD7;
  text-align: center;
  overflow: hidden;
}
.register-now-container .left-image {
  width: 385px;
  height: 468px;
  position: absolute;
  left: 0;
  top: 118px;
  transform: translate(-50%, 0);
  display: block;
}
.register-now-container .right-image {
  width: 420px;
  height: 392px;
  position: absolute;
  right: 0;
  bottom: 9px;
  transform: translate(50%, 0);
  display: block;
}
.register-now-container .grid-inner {
  background-position: bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 118px;
  justify-content: space-around;
  padding-bottom: 218px;
  position: relative;
}
.register-now-container .register-now-title, .register-now-container .register-now-text {
  width: 100%;
}
.register-now-container .register-now-title {
  font-size: 3.2em;
  color: #00C1D4;
  line-height: 1;
  margin-bottom: 18px;
  font-weight: 700;
}
.register-now-container .register-now-text {
  font-size: 1.6em;
  line-height: 1.25;
  margin-bottom: 48px;
}
.register-now-container .button-link {
  font-size: 1.6em;
  line-height: 1;
  padding: 13px 42px;
}

/* Login Form
-------------------------------------------------------------------------------*/
.login-form-container, .contact-form-container, .search-form-container, .send-favorites-form-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 120px;
}
.login-form-container .login-teaser-image, .login-form-container .login-form-box, .contact-form-container .login-teaser-image, .contact-form-container .login-form-box, .search-form-container .login-teaser-image, .search-form-container .login-form-box, .send-favorites-form-container .login-teaser-image, .send-favorites-form-container .login-form-box {
  width: 48.5%;
}
.login-form-container .login-teaser-image, .contact-form-container .login-teaser-image, .search-form-container .login-teaser-image, .send-favorites-form-container .login-teaser-image {
  display: flex;
  align-items: center;
  padding-right: 100px;
}
.login-form-container .login-form-box, .contact-form-container .login-form-box, .search-form-container .login-form-box, .send-favorites-form-container .login-form-box {
  text-align: center;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 42px 78px;
}
.login-form-container h1, .contact-form-container h1, .search-form-container h1, .send-favorites-form-container h1 {
  font-size: 2.4em;
  line-height: 0.88;
  font-weight: 400;
  color: #000000;
  margin-bottom: 20px;
}
.login-form-container h1 .bold, .contact-form-container h1 .bold, .search-form-container h1 .bold, .send-favorites-form-container h1 .bold {
  font-weight: 700;
}
.login-form-container .description-text, .contact-form-container .description-text, .search-form-container .description-text, .send-favorites-form-container .description-text {
  margin-bottom: 48px;
  color: #757575;
}
.login-form-container .box-title, .contact-form-container .box-title, .search-form-container .box-title, .send-favorites-form-container .box-title {
  margin-bottom: 13px;
}
.login-form-container .form-field, .contact-form-container .form-field, .search-form-container .form-field, .send-favorites-form-container .form-field {
  position: relative;
}
.login-form-container .login-form .form-field, .login-form-container .contact-form .form-field, .login-form-container .search-form .form-field, .login-form-container .send-favorites-form .form-field, .contact-form-container .login-form .form-field, .contact-form-container .contact-form .form-field, .contact-form-container .search-form .form-field, .contact-form-container .send-favorites-form .form-field, .search-form-container .login-form .form-field, .search-form-container .contact-form .form-field, .search-form-container .search-form .form-field, .search-form-container .send-favorites-form .form-field, .send-favorites-form-container .login-form .form-field, .send-favorites-form-container .contact-form .form-field, .send-favorites-form-container .search-form .form-field, .send-favorites-form-container .send-favorites-form .form-field {
  margin-bottom: 22px;
}
.login-form-container .login-form input[type=text], .login-form-container .login-form input[type=password], .login-form-container .login-form input[type=email], .login-form-container .login-form textarea, .login-form-container .contact-form input[type=text], .login-form-container .contact-form input[type=password], .login-form-container .contact-form input[type=email], .login-form-container .contact-form textarea, .login-form-container .search-form input[type=text], .login-form-container .search-form input[type=password], .login-form-container .search-form input[type=email], .login-form-container .search-form textarea, .login-form-container .send-favorites-form input[type=text], .login-form-container .send-favorites-form input[type=password], .login-form-container .send-favorites-form input[type=email], .login-form-container .send-favorites-form textarea, .contact-form-container .login-form input[type=text], .contact-form-container .login-form input[type=password], .contact-form-container .login-form input[type=email], .contact-form-container .login-form textarea, .contact-form-container .contact-form input[type=text], .contact-form-container .contact-form input[type=password], .contact-form-container .contact-form input[type=email], .contact-form-container .contact-form textarea, .contact-form-container .search-form input[type=text], .contact-form-container .search-form input[type=password], .contact-form-container .search-form input[type=email], .contact-form-container .search-form textarea, .contact-form-container .send-favorites-form input[type=text], .contact-form-container .send-favorites-form input[type=password], .contact-form-container .send-favorites-form input[type=email], .contact-form-container .send-favorites-form textarea, .search-form-container .login-form input[type=text], .search-form-container .login-form input[type=password], .search-form-container .login-form input[type=email], .search-form-container .login-form textarea, .search-form-container .contact-form input[type=text], .search-form-container .contact-form input[type=password], .search-form-container .contact-form input[type=email], .search-form-container .contact-form textarea, .search-form-container .search-form input[type=text], .search-form-container .search-form input[type=password], .search-form-container .search-form input[type=email], .search-form-container .search-form textarea, .search-form-container .send-favorites-form input[type=text], .search-form-container .send-favorites-form input[type=password], .search-form-container .send-favorites-form input[type=email], .search-form-container .send-favorites-form textarea, .send-favorites-form-container .login-form input[type=text], .send-favorites-form-container .login-form input[type=password], .send-favorites-form-container .login-form input[type=email], .send-favorites-form-container .login-form textarea, .send-favorites-form-container .contact-form input[type=text], .send-favorites-form-container .contact-form input[type=password], .send-favorites-form-container .contact-form input[type=email], .send-favorites-form-container .contact-form textarea, .send-favorites-form-container .search-form input[type=text], .send-favorites-form-container .search-form input[type=password], .send-favorites-form-container .search-form input[type=email], .send-favorites-form-container .search-form textarea, .send-favorites-form-container .send-favorites-form input[type=text], .send-favorites-form-container .send-favorites-form input[type=password], .send-favorites-form-container .send-favorites-form input[type=email], .send-favorites-form-container .send-favorites-form textarea {
  border: 2px solid #C4C4C4;
  border-radius: 10px;
  background-image: none;
  padding: 23px;
  font-weight: 400;
  color: #757575;
  -webkit-appearance: none;
}
.login-form-container .login-form input[type=text]:last-child, .login-form-container .login-form input[type=password]:last-child, .login-form-container .login-form input[type=email]:last-child, .login-form-container .login-form textarea:last-child, .login-form-container .contact-form input[type=text]:last-child, .login-form-container .contact-form input[type=password]:last-child, .login-form-container .contact-form input[type=email]:last-child, .login-form-container .contact-form textarea:last-child, .login-form-container .search-form input[type=text]:last-child, .login-form-container .search-form input[type=password]:last-child, .login-form-container .search-form input[type=email]:last-child, .login-form-container .search-form textarea:last-child, .login-form-container .send-favorites-form input[type=text]:last-child, .login-form-container .send-favorites-form input[type=password]:last-child, .login-form-container .send-favorites-form input[type=email]:last-child, .login-form-container .send-favorites-form textarea:last-child, .contact-form-container .login-form input[type=text]:last-child, .contact-form-container .login-form input[type=password]:last-child, .contact-form-container .login-form input[type=email]:last-child, .contact-form-container .login-form textarea:last-child, .contact-form-container .contact-form input[type=text]:last-child, .contact-form-container .contact-form input[type=password]:last-child, .contact-form-container .contact-form input[type=email]:last-child, .contact-form-container .contact-form textarea:last-child, .contact-form-container .search-form input[type=text]:last-child, .contact-form-container .search-form input[type=password]:last-child, .contact-form-container .search-form input[type=email]:last-child, .contact-form-container .search-form textarea:last-child, .contact-form-container .send-favorites-form input[type=text]:last-child, .contact-form-container .send-favorites-form input[type=password]:last-child, .contact-form-container .send-favorites-form input[type=email]:last-child, .contact-form-container .send-favorites-form textarea:last-child, .search-form-container .login-form input[type=text]:last-child, .search-form-container .login-form input[type=password]:last-child, .search-form-container .login-form input[type=email]:last-child, .search-form-container .login-form textarea:last-child, .search-form-container .contact-form input[type=text]:last-child, .search-form-container .contact-form input[type=password]:last-child, .search-form-container .contact-form input[type=email]:last-child, .search-form-container .contact-form textarea:last-child, .search-form-container .search-form input[type=text]:last-child, .search-form-container .search-form input[type=password]:last-child, .search-form-container .search-form input[type=email]:last-child, .search-form-container .search-form textarea:last-child, .search-form-container .send-favorites-form input[type=text]:last-child, .search-form-container .send-favorites-form input[type=password]:last-child, .search-form-container .send-favorites-form input[type=email]:last-child, .search-form-container .send-favorites-form textarea:last-child, .send-favorites-form-container .login-form input[type=text]:last-child, .send-favorites-form-container .login-form input[type=password]:last-child, .send-favorites-form-container .login-form input[type=email]:last-child, .send-favorites-form-container .login-form textarea:last-child, .send-favorites-form-container .contact-form input[type=text]:last-child, .send-favorites-form-container .contact-form input[type=password]:last-child, .send-favorites-form-container .contact-form input[type=email]:last-child, .send-favorites-form-container .contact-form textarea:last-child, .send-favorites-form-container .search-form input[type=text]:last-child, .send-favorites-form-container .search-form input[type=password]:last-child, .send-favorites-form-container .search-form input[type=email]:last-child, .send-favorites-form-container .search-form textarea:last-child, .send-favorites-form-container .send-favorites-form input[type=text]:last-child, .send-favorites-form-container .send-favorites-form input[type=password]:last-child, .send-favorites-form-container .send-favorites-form input[type=email]:last-child, .send-favorites-form-container .send-favorites-form textarea:last-child {
  margin-bottom: 12px;
}
.login-form-container .login-form textarea, .login-form-container .contact-form textarea, .login-form-container .search-form textarea, .login-form-container .send-favorites-form textarea, .contact-form-container .login-form textarea, .contact-form-container .contact-form textarea, .contact-form-container .search-form textarea, .contact-form-container .send-favorites-form textarea, .search-form-container .login-form textarea, .search-form-container .contact-form textarea, .search-form-container .search-form textarea, .search-form-container .send-favorites-form textarea, .send-favorites-form-container .login-form textarea, .send-favorites-form-container .contact-form textarea, .send-favorites-form-container .search-form textarea, .send-favorites-form-container .send-favorites-form textarea {
  padding: 12px 23px;
}
.login-form-container .login-form .reveal-password, .login-form-container .contact-form .reveal-password, .login-form-container .search-form .reveal-password, .login-form-container .send-favorites-form .reveal-password, .contact-form-container .login-form .reveal-password, .contact-form-container .contact-form .reveal-password, .contact-form-container .search-form .reveal-password, .contact-form-container .send-favorites-form .reveal-password, .search-form-container .login-form .reveal-password, .search-form-container .contact-form .reveal-password, .search-form-container .search-form .reveal-password, .search-form-container .send-favorites-form .reveal-password, .send-favorites-form-container .login-form .reveal-password, .send-favorites-form-container .contact-form .reveal-password, .send-favorites-form-container .search-form .reveal-password, .send-favorites-form-container .send-favorites-form .reveal-password {
  width: 22px;
  height: 19px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  background-image: url("static/img/icons/reveal_password.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
}
.login-form-container .login-form .forgot-password, .login-form-container .contact-form .forgot-password, .login-form-container .search-form .forgot-password, .login-form-container .send-favorites-form .forgot-password, .contact-form-container .login-form .forgot-password, .contact-form-container .contact-form .forgot-password, .contact-form-container .search-form .forgot-password, .contact-form-container .send-favorites-form .forgot-password, .search-form-container .login-form .forgot-password, .search-form-container .contact-form .forgot-password, .search-form-container .search-form .forgot-password, .search-form-container .send-favorites-form .forgot-password, .send-favorites-form-container .login-form .forgot-password, .send-favorites-form-container .contact-form .forgot-password, .send-favorites-form-container .search-form .forgot-password, .send-favorites-form-container .send-favorites-form .forgot-password {
  width: 100%;
  text-align: right;
  margin-bottom: 42px;
}
.login-form-container .login-form .forgot-password a, .login-form-container .contact-form .forgot-password a, .login-form-container .search-form .forgot-password a, .login-form-container .send-favorites-form .forgot-password a, .contact-form-container .login-form .forgot-password a, .contact-form-container .contact-form .forgot-password a, .contact-form-container .search-form .forgot-password a, .contact-form-container .send-favorites-form .forgot-password a, .search-form-container .login-form .forgot-password a, .search-form-container .contact-form .forgot-password a, .search-form-container .search-form .forgot-password a, .search-form-container .send-favorites-form .forgot-password a, .send-favorites-form-container .login-form .forgot-password a, .send-favorites-form-container .contact-form .forgot-password a, .send-favorites-form-container .search-form .forgot-password a, .send-favorites-form-container .send-favorites-form .forgot-password a {
  color: #757575;
  text-decoration: none;
}
.login-form-container .login-form .forgot-password a:hover, .login-form-container .contact-form .forgot-password a:hover, .login-form-container .search-form .forgot-password a:hover, .login-form-container .send-favorites-form .forgot-password a:hover, .contact-form-container .login-form .forgot-password a:hover, .contact-form-container .contact-form .forgot-password a:hover, .contact-form-container .search-form .forgot-password a:hover, .contact-form-container .send-favorites-form .forgot-password a:hover, .search-form-container .login-form .forgot-password a:hover, .search-form-container .contact-form .forgot-password a:hover, .search-form-container .search-form .forgot-password a:hover, .search-form-container .send-favorites-form .forgot-password a:hover, .send-favorites-form-container .login-form .forgot-password a:hover, .send-favorites-form-container .contact-form .forgot-password a:hover, .send-favorites-form-container .search-form .forgot-password a:hover, .send-favorites-form-container .send-favorites-form .forgot-password a:hover {
  color: #00C1D4;
  text-decoration: none;
}
.login-form-container .login-form input[type=submit], .login-form-container .contact-form input[type=submit], .login-form-container .search-form input[type=submit], .login-form-container .send-favorites-form input[type=submit], .contact-form-container .login-form input[type=submit], .contact-form-container .contact-form input[type=submit], .contact-form-container .search-form input[type=submit], .contact-form-container .send-favorites-form input[type=submit], .search-form-container .login-form input[type=submit], .search-form-container .contact-form input[type=submit], .search-form-container .search-form input[type=submit], .search-form-container .send-favorites-form input[type=submit], .send-favorites-form-container .login-form input[type=submit], .send-favorites-form-container .contact-form input[type=submit], .send-favorites-form-container .search-form input[type=submit], .send-favorites-form-container .send-favorites-form input[type=submit] {
  padding: 13px 90px;
}
.login-form-container a.button-link, .contact-form-container a.button-link, .search-form-container a.button-link, .send-favorites-form-container a.button-link {
  padding: 13px 68px;
}
.login-form-container .register-now-text, .contact-form-container .register-now-text, .search-form-container .register-now-text, .send-favorites-form-container .register-now-text {
  color: #757575;
  margin-bottom: 24px;
}

.contact-form-container {
  margin-bottom: 60px;
}
.contact-form-container .success-message {
  font-weight: 700;
  margin-bottom: 12px;
  max-width: 600px;
  display: none;
}

.search-form-container, .send-favorites-form-container {
  flex-wrap: wrap;
}

/* Profil & Offer
-------------------------------------------------------------------------------*/
.profile-header, .profile-divider, .profile-contact-infos, .offer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.profile-header .left-col, .profile-divider .left-col, .profile-contact-infos .left-col, .offer .left-col {
  width: 23%;
}
.profile-header .left-col .profile-image-container, .profile-divider .left-col .profile-image-container, .profile-contact-infos .left-col .profile-image-container, .offer .left-col .profile-image-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 32px;
}
.profile-header .left-col .profile-image, .profile-divider .left-col .profile-image, .profile-contact-infos .left-col .profile-image, .offer .left-col .profile-image {
  width: 73%;
  padding-bottom: 73%;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
.profile-header .left-col .copyright-notice, .profile-divider .left-col .copyright-notice, .profile-contact-infos .left-col .copyright-notice, .offer .left-col .copyright-notice {
  font-size: 0.8em;
}
.profile-header .right-col, .profile-divider .right-col, .profile-contact-infos .right-col, .offer .right-col {
  width: 74%;
}
.profile-header .right-col .profile-name, .profile-header .right-col .profile-profession, .profile-divider .right-col .profile-name, .profile-divider .right-col .profile-profession, .profile-contact-infos .right-col .profile-name, .profile-contact-infos .right-col .profile-profession, .offer .right-col .profile-name, .offer .right-col .profile-profession {
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1;
  color: #000000;
  margin-bottom: 6px;
}
.profile-header .right-col .profile-profession, .profile-divider .right-col .profile-profession, .profile-contact-infos .right-col .profile-profession, .offer .right-col .profile-profession {
  color: #757575;
  font-weight: 400;
}
.profile-header .right-col .edit-offer, .profile-header .right-col .edit-profile, .profile-header .right-col .fav-icon, .profile-divider .right-col .edit-offer, .profile-divider .right-col .edit-profile, .profile-divider .right-col .fav-icon, .profile-contact-infos .right-col .edit-offer, .profile-contact-infos .right-col .edit-profile, .profile-contact-infos .right-col .fav-icon, .offer .right-col .edit-offer, .offer .right-col .edit-profile, .offer .right-col .fav-icon {
  float: right;
}
.profile-header .right-col .fav-icon, .profile-divider .right-col .fav-icon, .profile-contact-infos .right-col .fav-icon, .offer .right-col .fav-icon {
  cursor: pointer;
  /*&:hover {
      .selected, .not-selected {
          display: none;
      }

      .hover {
          display: block;
      }
  }*/
}
.profile-header .right-col .fav-icon .hover, .profile-divider .right-col .fav-icon .hover, .profile-contact-infos .right-col .fav-icon .hover, .offer .right-col .fav-icon .hover {
  display: none;
}
.profile-header .right-col .fav-icon .selected, .profile-divider .right-col .fav-icon .selected, .profile-contact-infos .right-col .fav-icon .selected, .offer .right-col .fav-icon .selected {
  display: none;
}
.profile-header .right-col .fav-icon.is-favorite .selected, .profile-divider .right-col .fav-icon.is-favorite .selected, .profile-contact-infos .right-col .fav-icon.is-favorite .selected, .offer .right-col .fav-icon.is-favorite .selected {
  display: block;
}
.profile-header .right-col .fav-icon.is-favorite .not-selected, .profile-divider .right-col .fav-icon.is-favorite .not-selected, .profile-contact-infos .right-col .fav-icon.is-favorite .not-selected, .offer .right-col .fav-icon.is-favorite .not-selected {
  display: none;
}
.profile-header .right-col .edit-profile, .profile-header .right-col .edit-offer, .profile-divider .right-col .edit-profile, .profile-divider .right-col .edit-offer, .profile-contact-infos .right-col .edit-profile, .profile-contact-infos .right-col .edit-offer, .offer .right-col .edit-profile, .offer .right-col .edit-offer {
  margin-right: 12px;
}
.profile-header .sectors, .profile-divider .sectors, .profile-contact-infos .sectors, .offer .sectors {
  margin-bottom: 15px;
}
.profile-header .sectors .sector, .profile-divider .sectors .sector, .profile-contact-infos .sectors .sector, .offer .sectors .sector {
  color: #000000;
  border-radius: 36px;
  padding: 8px 18px;
  line-height: 1;
  margin-right: 18px;
  margin-bottom: 15px;
  background-color: #D8DBDA;
  display: inline-block;
}
.profile-header .sectors .sector.musik, .profile-divider .sectors .sector.musik, .profile-contact-infos .sectors .sector.musik, .offer .sectors .sector.musik {
  background-color: #AED7E4;
}
.profile-header .sectors .sector.theater, .profile-divider .sectors .sector.theater, .profile-contact-infos .sectors .sector.theater, .offer .sectors .sector.theater {
  background-color: #E69FBF;
}
.profile-header .sectors .sector.tanz, .profile-divider .sectors .sector.tanz, .profile-contact-infos .sectors .sector.tanz, .offer .sectors .sector.tanz {
  background-color: #CDCFB8;
}
.profile-header .sectors .sector.kunst, .profile-divider .sectors .sector.kunst, .profile-contact-infos .sectors .sector.kunst, .offer .sectors .sector.kunst {
  background-color: #FCE49A;
}
.profile-header .sectors .sector.literatur, .profile-divider .sectors .sector.literatur, .profile-contact-infos .sectors .sector.literatur, .offer .sectors .sector.literatur {
  background-color: #BFDC9A;
}
.profile-header .sectors .sector.film, .profile-divider .sectors .sector.film, .profile-contact-infos .sectors .sector.film, .offer .sectors .sector.film {
  background-color: #B090C9;
}
.profile-header .sectors .sector.spartenmix, .profile-divider .sectors .sector.spartenmix, .profile-contact-infos .sectors .sector.spartenmix, .offer .sectors .sector.spartenmix {
  background-color: #7FC5B9;
}
.profile-header .sectors .sector.gesellschaft, .profile-divider .sectors .sector.gesellschaft, .profile-contact-infos .sectors .sector.gesellschaft, .offer .sectors .sector.gesellschaft {
  background-color: #D8DBDA;
}
.profile-header .infos, .profile-divider .infos, .profile-contact-infos .infos, .offer .infos {
  display: flex;
  justify-content: flex-start;
}
.profile-header .infos .info-col, .profile-divider .infos .info-col, .profile-contact-infos .infos .info-col, .offer .infos .info-col {
  margin-right: 20px;
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
}
.profile-header .infos .info-col:last-child, .profile-divider .infos .info-col:last-child, .profile-contact-infos .infos .info-col:last-child, .offer .infos .info-col:last-child {
  margin-right: 0;
}
.profile-header .infos .info-col .info-row, .profile-divider .infos .info-col .info-row, .profile-contact-infos .infos .info-col .info-row, .offer .infos .info-col .info-row {
  margin-bottom: 11px;
  display: flex;
  align-items: center;
  width: 100%;
}
.profile-header .infos .info-col .info-row .info-icon, .profile-divider .infos .info-col .info-row .info-icon, .profile-contact-infos .infos .info-col .info-row .info-icon, .offer .infos .info-col .info-row .info-icon {
  margin-right: 14px;
  width: 22px;
  align-self: flex-start;
}
.profile-header .infos .info-col .info-row .info-icon img, .profile-divider .infos .info-col .info-row .info-icon img, .profile-contact-infos .infos .info-col .info-row .info-icon img, .offer .infos .info-col .info-row .info-icon img {
  display: block;
  margin: 0 auto;
  width: auto;
}
.profile-header .infos .info-col .info-row .info-icon img.phone, .profile-divider .infos .info-col .info-row .info-icon img.phone, .profile-contact-infos .infos .info-col .info-row .info-icon img.phone, .offer .infos .info-col .info-row .info-icon img.phone {
  max-width: 13px;
}
.profile-header .infos .info-col .info-row a, .profile-divider .infos .info-col .info-row a, .profile-contact-infos .infos .info-col .info-row a, .offer .infos .info-col .info-row a {
  white-space: nowrap;
}
.profile-header .social-icons a, .profile-divider .social-icons a, .profile-contact-infos .social-icons a, .offer .social-icons a {
  margin-right: 4px;
  display: inline-block;
}
.profile-header .social-icons a:first-child, .profile-divider .social-icons a:first-child, .profile-contact-infos .social-icons a:first-child, .offer .social-icons a:first-child {
  margin-left: 18px;
}
.profile-header .social-icons a:last-child, .profile-divider .social-icons a:last-child, .profile-contact-infos .social-icons a:last-child, .offer .social-icons a:last-child {
  margin-right: 0;
}
.profile-header .social-icons a img, .profile-divider .social-icons a img, .profile-contact-infos .social-icons a img, .offer .social-icons a img {
  vertical-align: middle;
  width: 22px;
}

.open-tooltip-menu {
  position: relative;
  cursor: pointer;
}
.open-tooltip-menu:hover img {
  opacity: 0.8;
}

.tooltip-menu {
  background: #fff;
  color: #222;
  font-size: 14px;
  position: absolute;
  top: -10px;
  left: 0;
  padding: 10px 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 10px;
  z-index: 10;
  transform: translate(-25%, -100%);
  white-space: nowrap;
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15));
  max-width: 50vw;
}
.tooltip-menu a {
  width: 100%;
  display: block;
  font-size: 1.2em;
  padding: 6px 0;
  text-decoration: none;
}
.tooltip-menu a:hover {
  text-decoration: underline;
}
.tooltip-menu:before {
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  bottom: -5px;
  left: 25%;
  margin-left: 10px;
}

.profile-description-mobile {
  display: none;
  margin-bottom: 32px;
}

.profile-image-mobile {
  display: none;
  width: 25%;
  float: left;
  height: 100%;
  margin-right: 12px;
}
.profile-image-mobile .profile-image {
  padding-bottom: 100%;
  width: 100%;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 12px;
  margin-bottom: 12px;
}
.profile-image-mobile .copyright-notice {
  font-size: 0.8em;
}

.main-image-mobile {
  width: 100%;
  display: none;
}

.sectors-mobile {
  display: none;
  margin-top: 15px;
}
.sectors-mobile .sector {
  font-size: 0.8em;
}

.image-gallery-row, .video-gallery-row, .offer-row, .profile-row, .profile-tiles, .offer-tiles {
  margin-top: 10px;
  margin-bottom: 60px;
  width: 100%;
}
.image-gallery-row .image-gallery, .image-gallery-row .video-gallery, .video-gallery-row .image-gallery, .video-gallery-row .video-gallery, .offer-row .image-gallery, .offer-row .video-gallery, .profile-row .image-gallery, .profile-row .video-gallery, .profile-tiles .image-gallery, .profile-tiles .video-gallery, .offer-tiles .image-gallery, .offer-tiles .video-gallery {
  width: 100%;
}
.image-gallery-row .image-gallery .item, .image-gallery-row .video-gallery .item, .video-gallery-row .image-gallery .item, .video-gallery-row .video-gallery .item, .offer-row .image-gallery .item, .offer-row .video-gallery .item, .profile-row .image-gallery .item, .profile-row .video-gallery .item, .profile-tiles .image-gallery .item, .profile-tiles .video-gallery .item, .offer-tiles .image-gallery .item, .offer-tiles .video-gallery .item {
  cursor: pointer;
}
.image-gallery-row .image-gallery .item .image-outer-container, .image-gallery-row .video-gallery .item .image-outer-container, .video-gallery-row .image-gallery .item .image-outer-container, .video-gallery-row .video-gallery .item .image-outer-container, .offer-row .image-gallery .item .image-outer-container, .offer-row .video-gallery .item .image-outer-container, .profile-row .image-gallery .item .image-outer-container, .profile-row .video-gallery .item .image-outer-container, .profile-tiles .image-gallery .item .image-outer-container, .profile-tiles .video-gallery .item .image-outer-container, .offer-tiles .image-gallery .item .image-outer-container, .offer-tiles .video-gallery .item .image-outer-container {
  height: 300px;
  overflow: hidden;
  border-radius: 10px;
}
.image-gallery-row .image-gallery .item .image-container, .image-gallery-row .video-gallery .item .image-container, .video-gallery-row .image-gallery .item .image-container, .video-gallery-row .video-gallery .item .image-container, .offer-row .image-gallery .item .image-container, .offer-row .video-gallery .item .image-container, .profile-row .image-gallery .item .image-container, .profile-row .video-gallery .item .image-container, .profile-tiles .image-gallery .item .image-container, .profile-tiles .video-gallery .item .image-container, .offer-tiles .image-gallery .item .image-container, .offer-tiles .video-gallery .item .image-container {
  background-color: #AED7E4;
  height: 300px;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.image-gallery-row .image-gallery .item .image-container img, .image-gallery-row .video-gallery .item .image-container img, .video-gallery-row .image-gallery .item .image-container img, .video-gallery-row .video-gallery .item .image-container img, .offer-row .image-gallery .item .image-container img, .offer-row .video-gallery .item .image-container img, .profile-row .image-gallery .item .image-container img, .profile-row .video-gallery .item .image-container img, .profile-tiles .image-gallery .item .image-container img, .profile-tiles .video-gallery .item .image-container img, .offer-tiles .image-gallery .item .image-container img, .offer-tiles .video-gallery .item .image-container img {
  border-radius: 10px;
}
.image-gallery-row .image-gallery .item .video-container, .image-gallery-row .video-gallery .item .video-container, .video-gallery-row .image-gallery .item .video-container, .video-gallery-row .video-gallery .item .video-container, .offer-row .image-gallery .item .video-container, .offer-row .video-gallery .item .video-container, .profile-row .image-gallery .item .video-container, .profile-row .video-gallery .item .video-container, .profile-tiles .image-gallery .item .video-container, .profile-tiles .video-gallery .item .video-container, .offer-tiles .image-gallery .item .video-container, .offer-tiles .video-gallery .item .video-container {
  background-color: #757575;
  height: 300px;
  border-radius: 10px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  /*&:hover {
      .video-title {
          opacity: 1;
      }
  }*/
}
.image-gallery-row .image-gallery .item .video-container .play-button, .image-gallery-row .video-gallery .item .video-container .play-button, .video-gallery-row .image-gallery .item .video-container .play-button, .video-gallery-row .video-gallery .item .video-container .play-button, .offer-row .image-gallery .item .video-container .play-button, .offer-row .video-gallery .item .video-container .play-button, .profile-row .image-gallery .item .video-container .play-button, .profile-row .video-gallery .item .video-container .play-button, .profile-tiles .image-gallery .item .video-container .play-button, .profile-tiles .video-gallery .item .video-container .play-button, .offer-tiles .image-gallery .item .video-container .play-button, .offer-tiles .video-gallery .item .video-container .play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  pointer-events: none;
}
.image-gallery-row .image-gallery .item .video-container .play-button img, .image-gallery-row .video-gallery .item .video-container .play-button img, .video-gallery-row .image-gallery .item .video-container .play-button img, .video-gallery-row .video-gallery .item .video-container .play-button img, .offer-row .image-gallery .item .video-container .play-button img, .offer-row .video-gallery .item .video-container .play-button img, .profile-row .image-gallery .item .video-container .play-button img, .profile-row .video-gallery .item .video-container .play-button img, .profile-tiles .image-gallery .item .video-container .play-button img, .profile-tiles .video-gallery .item .video-container .play-button img, .offer-tiles .image-gallery .item .video-container .play-button img, .offer-tiles .video-gallery .item .video-container .play-button img {
  display: block;
}
.image-gallery-row .image-gallery .item .video-container .video-title, .image-gallery-row .video-gallery .item .video-container .video-title, .video-gallery-row .image-gallery .item .video-container .video-title, .video-gallery-row .video-gallery .item .video-container .video-title, .offer-row .image-gallery .item .video-container .video-title, .offer-row .video-gallery .item .video-container .video-title, .profile-row .image-gallery .item .video-container .video-title, .profile-row .video-gallery .item .video-container .video-title, .profile-tiles .image-gallery .item .video-container .video-title, .profile-tiles .video-gallery .item .video-container .video-title, .offer-tiles .image-gallery .item .video-container .video-title, .offer-tiles .video-gallery .item .video-container .video-title {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  padding: 8px;
  color: #fff;
  font-weight: 700;
  transition: all 300ms ease-in-out;
}
.image-gallery-row .image-gallery .item:hover .image-container, .image-gallery-row .video-gallery .item:hover .image-container, .video-gallery-row .image-gallery .item:hover .image-container, .video-gallery-row .video-gallery .item:hover .image-container, .offer-row .image-gallery .item:hover .image-container, .offer-row .video-gallery .item:hover .image-container, .profile-row .image-gallery .item:hover .image-container, .profile-row .video-gallery .item:hover .image-container, .profile-tiles .image-gallery .item:hover .image-container, .profile-tiles .video-gallery .item:hover .image-container, .offer-tiles .image-gallery .item:hover .image-container, .offer-tiles .video-gallery .item:hover .image-container {
  transform: scale(1.1);
}
.image-gallery-row .offers, .video-gallery-row .offers, .offer-row .offers, .profile-row .offers, .profile-tiles .offers, .offer-tiles .offers {
  width: 100%;
}
.image-gallery-row .offers .offer-tile, .video-gallery-row .offers .offer-tile, .offer-row .offers .offer-tile, .profile-row .offers .offer-tile, .profile-tiles .offers .offer-tile, .offer-tiles .offers .offer-tile {
  min-height: 140px;
  text-decoration: none;
}
.image-gallery-row .offers .offer-tile .offer-tile-inner, .video-gallery-row .offers .offer-tile .offer-tile-inner, .offer-row .offers .offer-tile .offer-tile-inner, .profile-row .offers .offer-tile .offer-tile-inner, .profile-tiles .offers .offer-tile .offer-tile-inner, .offer-tiles .offers .offer-tile .offer-tile-inner {
  height: 100%;
  color: #757575;
  border: 1px solid #C4C4C4;
  border-radius: 10px;
  display: flex;
  align-items: stretch;
}
.image-gallery-row .offers .offer-tile .offer-tile-inner .offer-image, .video-gallery-row .offers .offer-tile .offer-tile-inner .offer-image, .offer-row .offers .offer-tile .offer-tile-inner .offer-image, .profile-row .offers .offer-tile .offer-tile-inner .offer-image, .profile-tiles .offers .offer-tile .offer-tile-inner .offer-image, .offer-tiles .offers .offer-tile .offer-tile-inner .offer-image {
  width: 22%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.image-gallery-row .offers .offer-tile .offer-tile-inner .offer-content, .video-gallery-row .offers .offer-tile .offer-tile-inner .offer-content, .offer-row .offers .offer-tile .offer-tile-inner .offer-content, .profile-row .offers .offer-tile .offer-tile-inner .offer-content, .profile-tiles .offers .offer-tile .offer-tile-inner .offer-content, .offer-tiles .offers .offer-tile .offer-tile-inner .offer-content {
  width: 78%;
  padding: 16px 21px;
}
.image-gallery-row .offers .offer-tile .offer-tile-inner .offer-content.full, .video-gallery-row .offers .offer-tile .offer-tile-inner .offer-content.full, .offer-row .offers .offer-tile .offer-tile-inner .offer-content.full, .profile-row .offers .offer-tile .offer-tile-inner .offer-content.full, .profile-tiles .offers .offer-tile .offer-tile-inner .offer-content.full, .offer-tiles .offers .offer-tile .offer-tile-inner .offer-content.full {
  width: 100%;
}
.image-gallery-row .offers .offer-tile:hover .offer-tile-inner, .video-gallery-row .offers .offer-tile:hover .offer-tile-inner, .offer-row .offers .offer-tile:hover .offer-tile-inner, .profile-row .offers .offer-tile:hover .offer-tile-inner, .profile-tiles .offers .offer-tile:hover .offer-tile-inner, .offer-tiles .offers .offer-tile:hover .offer-tile-inner {
  background-color: #efefef;
}
.image-gallery-row .offers .offer-tile .offer-title, .video-gallery-row .offers .offer-tile .offer-title, .offer-row .offers .offer-tile .offer-title, .profile-row .offers .offer-tile .offer-title, .profile-tiles .offers .offer-tile .offer-title, .offer-tiles .offers .offer-tile .offer-title {
  color: #00C1D4;
  font-weight: 700;
  line-height: 1.4;
}
.image-gallery-row .offers .offer-tile .offer-description, .video-gallery-row .offers .offer-tile .offer-description, .offer-row .offers .offer-tile .offer-description, .profile-row .offers .offer-tile .offer-description, .profile-tiles .offers .offer-tile .offer-description, .offer-tiles .offers .offer-tile .offer-description {
  margin-bottom: 20px;
}
.image-gallery-row .offers .offer-tile .offer-infos, .video-gallery-row .offers .offer-tile .offer-infos, .offer-row .offers .offer-tile .offer-infos, .profile-row .offers .offer-tile .offer-infos, .profile-tiles .offers .offer-tile .offer-infos, .offer-tiles .offers .offer-tile .offer-infos {
  display: flex;
  flex-wrap: wrap;
}
.image-gallery-row .offers .offer-tile .offer-infos .sector, .video-gallery-row .offers .offer-tile .offer-infos .sector, .offer-row .offers .offer-tile .offer-infos .sector, .profile-row .offers .offer-tile .offer-infos .sector, .profile-tiles .offers .offer-tile .offer-infos .sector, .offer-tiles .offers .offer-tile .offer-infos .sector {
  width: 100%;
  color: #757575;
  display: flex;
}
.image-gallery-row .offers .offer-tile .offer-infos .sector .info, .video-gallery-row .offers .offer-tile .offer-infos .sector .info, .offer-row .offers .offer-tile .offer-infos .sector .info, .profile-row .offers .offer-tile .offer-infos .sector .info, .profile-tiles .offers .offer-tile .offer-infos .sector .info, .offer-tiles .offers .offer-tile .offer-infos .sector .info {
  margin-right: 6px;
}
.image-gallery-row .offers .offer-tile .offer-infos .icon, .video-gallery-row .offers .offer-tile .offer-infos .icon, .offer-row .offers .offer-tile .offer-infos .icon, .profile-row .offers .offer-tile .offer-infos .icon, .profile-tiles .offers .offer-tile .offer-infos .icon, .offer-tiles .offers .offer-tile .offer-infos .icon {
  vertical-align: middle;
  margin-right: 12px;
}
.image-gallery-row .offers .offer-tile .offer-infos .age, .video-gallery-row .offers .offer-tile .offer-infos .age, .offer-row .offers .offer-tile .offer-infos .age, .profile-row .offers .offer-tile .offer-infos .age, .profile-tiles .offers .offer-tile .offer-infos .age, .offer-tiles .offers .offer-tile .offer-infos .age {
  width: 100%;
}
.image-gallery-row .offers .offer-tile .offer-infos .age .icon, .video-gallery-row .offers .offer-tile .offer-infos .age .icon, .offer-row .offers .offer-tile .offer-infos .age .icon, .profile-row .offers .offer-tile .offer-infos .age .icon, .profile-tiles .offers .offer-tile .offer-infos .age .icon, .offer-tiles .offers .offer-tile .offer-infos .age .icon {
  width: 23px;
}
.image-gallery-row .offers .offer-tile .offer-infos .date, .video-gallery-row .offers .offer-tile .offer-infos .date, .offer-row .offers .offer-tile .offer-infos .date, .profile-row .offers .offer-tile .offer-infos .date, .profile-tiles .offers .offer-tile .offer-infos .date, .offer-tiles .offers .offer-tile .offer-infos .date {
  width: 100%;
  margin-top: 12px;
  margin-right: 18px;
}
.image-gallery-row .profiles, .video-gallery-row .profiles, .offer-row .profiles, .profile-row .profiles, .profile-tiles .profiles, .offer-tiles .profiles {
  width: 100%;
}
.image-gallery-row .profiles .profile-tile, .video-gallery-row .profiles .profile-tile, .offer-row .profiles .profile-tile, .profile-row .profiles .profile-tile, .profile-tiles .profiles .profile-tile, .offer-tiles .profiles .profile-tile {
  text-decoration: none;
}
.image-gallery-row .profiles .profile-tile .profile-tile-inner, .video-gallery-row .profiles .profile-tile .profile-tile-inner, .offer-row .profiles .profile-tile .profile-tile-inner, .profile-row .profiles .profile-tile .profile-tile-inner, .profile-tiles .profiles .profile-tile .profile-tile-inner, .offer-tiles .profiles .profile-tile .profile-tile-inner {
  border: 1px solid #C4C4C4;
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
}
.image-gallery-row .profiles .profile-tile .profile-tile-inner .profile-tile-image-container, .video-gallery-row .profiles .profile-tile .profile-tile-inner .profile-tile-image-container, .offer-row .profiles .profile-tile .profile-tile-inner .profile-tile-image-container, .profile-row .profiles .profile-tile .profile-tile-inner .profile-tile-image-container, .profile-tiles .profiles .profile-tile .profile-tile-inner .profile-tile-image-container, .offer-tiles .profiles .profile-tile .profile-tile-inner .profile-tile-image-container {
  height: 270px;
  overflow: hidden;
}
.image-gallery-row .profiles .profile-tile .profile-tile-inner .profile-image, .video-gallery-row .profiles .profile-tile .profile-tile-inner .profile-image, .offer-row .profiles .profile-tile .profile-tile-inner .profile-image, .profile-row .profiles .profile-tile .profile-tile-inner .profile-image, .profile-tiles .profiles .profile-tile .profile-tile-inner .profile-image, .offer-tiles .profiles .profile-tile .profile-tile-inner .profile-image {
  height: 270px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.image-gallery-row .profiles .profile-tile .profile-tile-inner .profile-image.external, .video-gallery-row .profiles .profile-tile .profile-tile-inner .profile-image.external, .offer-row .profiles .profile-tile .profile-tile-inner .profile-image.external, .profile-row .profiles .profile-tile .profile-tile-inner .profile-image.external, .profile-tiles .profiles .profile-tile .profile-tile-inner .profile-image.external, .offer-tiles .profiles .profile-tile .profile-tile-inner .profile-image.external {
  background-color: #00C1D4;
  display: flex;
}
.image-gallery-row .profiles .profile-tile .profile-tile-inner .profile-image .external-partner, .video-gallery-row .profiles .profile-tile .profile-tile-inner .profile-image .external-partner, .offer-row .profiles .profile-tile .profile-tile-inner .profile-image .external-partner, .profile-row .profiles .profile-tile .profile-tile-inner .profile-image .external-partner, .profile-tiles .profiles .profile-tile .profile-tile-inner .profile-image .external-partner, .offer-tiles .profiles .profile-tile .profile-tile-inner .profile-image .external-partner {
  color: #fff;
  font-size: 1.3em;
  margin-left: 20px;
  align-self: flex-end;
  margin-bottom: 18px;
  background: rgba(0, 0, 0, 0.6);
  padding: 8px;
}
.image-gallery-row .profiles .profile-tile .profile-tile-inner .profile-infos, .video-gallery-row .profiles .profile-tile .profile-tile-inner .profile-infos, .offer-row .profiles .profile-tile .profile-tile-inner .profile-infos, .profile-row .profiles .profile-tile .profile-tile-inner .profile-infos, .profile-tiles .profiles .profile-tile .profile-tile-inner .profile-infos, .offer-tiles .profiles .profile-tile .profile-tile-inner .profile-infos {
  padding: 20px;
}
.image-gallery-row .profiles .profile-tile .profile-tile-inner .profile-infos .name, .video-gallery-row .profiles .profile-tile .profile-tile-inner .profile-infos .name, .offer-row .profiles .profile-tile .profile-tile-inner .profile-infos .name, .profile-row .profiles .profile-tile .profile-tile-inner .profile-infos .name, .profile-tiles .profiles .profile-tile .profile-tile-inner .profile-infos .name, .offer-tiles .profiles .profile-tile .profile-tile-inner .profile-infos .name {
  font-weight: 700;
  line-height: 1.43;
  margin-bottom: 6px;
  color: #000000;
}
.image-gallery-row .profiles .profile-tile .profile-tile-inner .profile-infos .sector, .video-gallery-row .profiles .profile-tile .profile-tile-inner .profile-infos .sector, .offer-row .profiles .profile-tile .profile-tile-inner .profile-infos .sector, .profile-row .profiles .profile-tile .profile-tile-inner .profile-infos .sector, .profile-tiles .profiles .profile-tile .profile-tile-inner .profile-infos .sector, .offer-tiles .profiles .profile-tile .profile-tile-inner .profile-infos .sector {
  color: #757575;
  display: flex;
}
.image-gallery-row .profiles .profile-tile .profile-tile-inner .profile-infos .sector .info, .video-gallery-row .profiles .profile-tile .profile-tile-inner .profile-infos .sector .info, .offer-row .profiles .profile-tile .profile-tile-inner .profile-infos .sector .info, .profile-row .profiles .profile-tile .profile-tile-inner .profile-infos .sector .info, .profile-tiles .profiles .profile-tile .profile-tile-inner .profile-infos .sector .info, .offer-tiles .profiles .profile-tile .profile-tile-inner .profile-infos .sector .info {
  margin-right: 6px;
}
.image-gallery-row .profiles .profile-tile:hover .profile-tile-inner, .video-gallery-row .profiles .profile-tile:hover .profile-tile-inner, .offer-row .profiles .profile-tile:hover .profile-tile-inner, .profile-row .profiles .profile-tile:hover .profile-tile-inner, .profile-tiles .profiles .profile-tile:hover .profile-tile-inner, .offer-tiles .profiles .profile-tile:hover .profile-tile-inner {
  background-color: #efefef;
}
.image-gallery-row .profiles .profile-tile:hover .profile-image, .video-gallery-row .profiles .profile-tile:hover .profile-image, .offer-row .profiles .profile-tile:hover .profile-image, .profile-row .profiles .profile-tile:hover .profile-image, .profile-tiles .profiles .profile-tile:hover .profile-image, .offer-tiles .profiles .profile-tile:hover .profile-image {
  transform: scale(1.1);
}
.image-gallery-row .show-all, .video-gallery-row .show-all, .offer-row .show-all, .profile-row .show-all, .profile-tiles .show-all, .offer-tiles .show-all {
  margin-top: 16px;
  font-weight: 700;
}

.carousel-container .profiles, .carousel-container .offers {
  display: flex;
}
.carousel-container .profiles .profile-tile-inner, .carousel-container .profiles .offer-title-inner, .carousel-container .offers .profile-tile-inner, .carousel-container .offers .offer-title-inner {
  height: 100%;
}

.offer {
  display: block;
}
.offer h1 {
  color: #00C1D4;
  font-weight: 700;
  font-size: 2.3em;
  line-height: 1.2;
  margin-bottom: 0;
}
.offer .main-image-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
.offer .main-image-container .back-button {
  width: 24px;
  height: 24px;
  margin-right: 6px;
}
.offer .main-image-container .main-image {
  width: 100%;
  margin-bottom: 10px;
}
.offer .profile-link {
  color: #757575;
}
.offer .infos {
  flex-wrap: wrap;
  margin-bottom: 32px;
}
.offer .infos .info {
  width: 100%;
  margin-bottom: 8px;
}
.offer .infos .info .icon {
  margin-right: 10.6666666667px;
  width: 16px;
  display: inline-block;
  vertical-align: middle;
}

.details-box-heading {
  background: #00C1D4;
  width: auto;
  display: inline-block;
  color: #fff;
  padding: 16px;
  font-weight: 700;
  border-radius: 6px 6px 0 0;
}

.enter-new {
  font-size: 1.1em;
  display: flex;
  color: #00C1D4;
  text-decoration: none;
  align-items: center;
}
.enter-new .new-icon {
  height: 26px;
  margin-right: 6px;
  align-self: center;
}
.enter-new:hover {
  text-decoration: underline;
}

.profile-tiles .profiles, .profile-tiles .offers, .offer-tiles .profiles, .offer-tiles .offers {
  display: flex;
  justify-content: space-between;
}
.profile-tiles .profiles .profile-tile, .profile-tiles .offers .profile-tile, .offer-tiles .profiles .profile-tile, .offer-tiles .offers .profile-tile {
  width: 31.6%;
  flex-grow: 0;
}
.profile-tiles .profiles .offer-tile, .profile-tiles .offers .offer-tile, .offer-tiles .profiles .offer-tile, .offer-tiles .offers .offer-tile {
  width: 47.5%;
  flex-grow: 0;
}

/* Detailsbox
-------------------------------------------------------------------------------*/
.details-box {
  background: #fff;
  margin-bottom: 32px;
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15));
  padding: 16px;
}
.details-box .detail-row {
  border-bottom: 1px solid #C4C4C4;
  display: flex;
  flex-wrap: wrap;
  padding: 16px 0;
}
.details-box .detail-row.two-cols {
  justify-content: space-between;
}
.details-box .detail-row.two-cols .col {
  width: 47.5%;
}
.details-box .detail-row.two-cols .col .col-heading {
  color: #00C1D4;
  margin-bottom: 8px;
  font-weight: 700;
}
.details-box .detail-row.two-cols .col .col-heading .icon {
  margin-left: 0;
  margin-right: 10.6666666667px;
  display: inline-block;
  vertical-align: middle;
}
.details-box .detail-row.two-cols .col:first-child {
  border-right: 1px solid #C4C4C4;
}
.details-box .detail-row:last-child {
  border-bottom: 0;
}
.details-box .detail-row .icon-title {
  align-self: center;
  font-weight: 700;
}
.details-box .detail-row .icon {
  margin-left: auto;
  width: 24px;
  display: block;
  align-self: center;
}
.details-box .detail-row .text {
  margin-top: 8px;
  width: 100%;
}

.profile .details-box {
  max-width: 74%;
}

/* Bildergalerie
-------------------------------------------------------------------------------*/
.featherlight .featherlight-content {
  overflow: hidden;
}
.featherlight .featherlight-content .caption {
  width: calc(100% - 25px);
  position: absolute;
  margin-left: 25px;
  color: #000000;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  padding: 4px 8px;
}

.featherlight-previous {
  right: 90%;
}
.featherlight-previous .prev-icon {
  width: 34px;
  height: 62px;
  background-size: 34px 62px;
  background-repeat: no-repeat;
  background-image: url("static/img/icons/arrow_left.svg");
}
.featherlight-previous span {
  width: auto;
  left: 50%;
  right: auto;
  transform: translate(-100%, 0);
}

.featherlight-next {
  left: 90%;
}
.featherlight-next .next-icon {
  width: 34px;
  height: 62px;
  background-size: 34px 62px;
  background-repeat: no-repeat;
  background-image: url("static/img/icons/arrow_right.svg");
}
.featherlight-next span {
  width: auto;
  right: 50%;
  left: auto;
  transform: translate(100%, 0);
}

/* Kontaktzeile
-------------------------------------------------------------------------------*/
.contact-row {
  background: #00C1D4;
  padding: 48px 0;
  display: flex;
  justify-content: space-around;
}
.contact-row a {
  display: block;
  border-radius: 32px;
  background-color: #fff;
  padding: 20px 30px;
  color: #00C1D4;
  font-weight: 700;
  text-decoration: none;
  font-size: 1.3em;
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15));
  border: 1px solid #fff;
}
.contact-row a:hover {
  color: #fff;
  background: #00C1D4;
  border: 1px solid #fff;
}

/* Carousel
-------------------------------------------------------------------------------*/
.carousel-container {
  width: 100%;
  position: relative;
}
.carousel-container .controls button {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 17px;
  height: 31px;
  background: none;
  background-repeat: no-repeat;
  background-size: 17px 31px;
  padding: 0;
}
.carousel-container .controls button.prev {
  left: -77px;
  background-image: url("static/img/icons/small-arrow-left.svg");
}
.carousel-container .controls button.next {
  right: -77px;
  background-image: url("static/img/icons/small-arrow-right.svg");
}

/* Hero Element
-------------------------------------------------------------------------------*/
.hero-element {
  width: 100%;
  height: 460px;
  margin-top: 120px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom: 60px;
}
.hero-element .island-overlay {
  position: absolute;
  right: 0;
  top: -20px;
  height: 115%;
  z-index: 5;
}
.hero-element .island-overlay img {
  max-height: 100%;
}
.hero-element.small {
  height: 308px;
}
.hero-element.small .island-overlay {
  height: 130%;
}
.hero-element .grid-inner {
  height: 100%;
}
.hero-element .text-container {
  width: 47.5%;
  align-self: center;
}
.hero-element .text-container h1 {
  color: #fff;
  font-size: 4.26em;
  line-height: 1.1;
  font-family: "Hind", arial, verdana, trebuchet, sans-serif;
  font-weight: 400;
  margin-bottom: 54px;
}
.hero-element .text-container h1.full-width {
  width: 100%;
}
.hero-element .text-container h1.no-text {
  margin-bottom: 0;
}
.hero-element .text-container h1.blue-background {
  display: inline-block;
  width: auto;
  background-color: #00C1D4;
  padding: 18px;
  line-height: 1;
}
.hero-element .text-container .intro-text {
  color: #fff;
  font-size: 1.6em;
  line-height: 1.1;
}

/* Text Content
-------------------------------------------------------------------------------*/
.text-element {
  margin-bottom: 32px;
}
.text-element.two-cols {
  column-count: 2;
  column-gap: 74px;
}
.text-element.left {
  text-align: left;
}
.text-element.center {
  text-align: center;
}

/* Button Link
-------------------------------------------------------------------------------*/
.button-element-container {
  display: flex;
  justify-content: space-around;
  width: 100%;
}

/* Infobox
-------------------------------------------------------------------------------*/
.widget_infobox_widget {
  height: calc(100% - 36px);
}
.widget_infobox_widget .so-widget-infobox_widget {
  height: 100%;
}

.infobox {
  border-radius: 10px;
  padding: 18px 26px;
  margin-bottom: 32px;
  height: 100%;
}
.infobox h3 {
  margin-bottom: 20px;
}
.infobox h3.none {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 12px;
}
.infobox h3.none:after {
  width: 60px;
  height: 4px;
  background: #000000;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
}
.infobox.grey {
  border: 1px solid #C4C4C4;
}
.infobox.blue {
  border: 2px solid #00C1D4;
}
.infobox.blue_fill {
  background: linear-gradient(270deg, #0092BC 8%, #00C1D4 91.4%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #fff;
}
.infobox.blue_fill h3 {
  color: #fff;
}
.infobox .icon {
  vertical-align: middle;
  margin-right: 24px;
  width: 33px;
  height: 44px;
}

/* Kategorie Übersicht Startseite
-------------------------------------------------------------------------------*/
.category-overview #category-search-form {
  margin-bottom: 32px;
}
.category-overview #category-search-form .input-container {
  position: relative;
  max-width: 620px;
  display: block;
  margin: 0 auto;
}
.category-overview #category-search-form .input-container .icon {
  position: absolute;
  left: 24px;
  width: 21px;
  top: 4px;
}
.category-overview #category-search-form .input-container input {
  padding-left: 72px;
}
.category-overview #category-search-form .input-container label {
  position: absolute;
  left: 72px;
  bottom: -6px;
  font-weight: 700;
  color: #757575;
  font-size: 0.96em;
  pointer-events: none;
}
.category-overview .categories {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.category-overview .category-tile {
  width: 22.5%;
  color: #000000;
  text-decoration: none;
  margin-bottom: 40px;
}
.category-overview .category-tile .category-image {
  border: 1px solid #C4C4C4;
  border-radius: 10px 10px 0 0;
  height: 160px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 85%;
}
.category-overview .category-tile .category-image.musik {
  background-color: #AED7E4;
  background-image: url("static/img/categories/musik.svg");
}
.category-overview .category-tile .category-image.theater {
  background-color: #E69FBF;
  background-image: url("static/img/categories/theater.svg");
}
.category-overview .category-tile .category-image.tanz {
  background-color: #CDCFB8;
  background-image: url("static/img/categories/tanz.svg");
}
.category-overview .category-tile .category-image.kunst {
  background-color: #FCE49A;
  background-image: url("static/img/categories/kunst.svg");
}
.category-overview .category-tile .category-image.literatur {
  background-color: #BFDC9A;
  background-image: url("static/img/categories/literatur.svg");
}
.category-overview .category-tile .category-image.film {
  background-color: #B090C9;
  background-image: url("static/img/categories/film.svg");
}
.category-overview .category-tile .category-image.spartenmix {
  background-color: #7FC5B9;
  background-image: url("static/img/categories/spartenmix.svg");
}
.category-overview .category-tile .category-image.gesellschaft {
  background-color: #D8DBDA;
  background-image: url("static/img/categories/gesellschaft.svg");
}
.category-overview .category-tile .category-name {
  border: 2px solid #C4C4C4;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 14px 0;
  font-size: 1em;
  font-weight: 700;
}

/* Tipp des Tages
-------------------------------------------------------------------------------*/
h3.tip-of-the-day-heading {
  margin-bottom: 20px;
}

.tip-of-the-day {
  display: flex;
  min-height: 516px;
  background: linear-gradient(270deg, #0092BC 8%, #00C1D4 91.4%);
  text-align: center;
  border-radius: 10px;
  margin-bottom: 60px;
}
.tip-of-the-day .inner {
  width: 100%;
  align-self: center;
  padding: 0 20px;
}
.tip-of-the-day .inner .pre-text {
  color: #fff;
  margin-bottom: 1em;
  font-size: 1.2em;
}
.tip-of-the-day .inner .title, .tip-of-the-day .inner .title p {
  color: #fff;
  font-size: 4.26rem;
  line-height: 1;
  font-weight: 700;
  width: 100%;
  margin-bottom: 60px;
}
.tip-of-the-day .inner a {
  display: inline-block;
  border: 2px solid #fff;
  color: #fff;
  text-decoration: none;
  padding: 12px 47px;
  font-size: 1.6em;
  line-height: 1;
  font-weight: 500;
  border-radius: 35px;
}
.tip-of-the-day .inner a:hover {
  background: #fff;
  color: #00C1D4;
}

/* Profilübersicht
-------------------------------------------------------------------------------*/
.profile-overview {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 120px;
}
.profile-overview .profile-tile {
  text-decoration: none;
  width: 31.3%;
  margin-right: 2%;
  margin-bottom: 32px;
}
.profile-overview .profile-tile .profile-tile-inner {
  height: 100%;
  border: 1px solid #C4C4C4;
  border-radius: 10px;
  overflow: hidden;
}
.profile-overview .profile-tile .profile-tile-inner .profile-tile-image-container {
  height: 270px;
  overflow: hidden;
  border-radius: 10px;
}
.profile-overview .profile-tile .profile-tile-inner .profile-image {
  height: 270px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.profile-overview .profile-tile .profile-tile-inner .profile-infos {
  padding: 20px;
}
.profile-overview .profile-tile .profile-tile-inner .profile-infos .name {
  font-weight: 700;
  line-height: 1.43;
  margin-bottom: 6px;
  color: #000000;
}
.profile-overview .profile-tile .profile-tile-inner .profile-infos .sector {
  color: #757575;
  display: flex;
}
.profile-overview .profile-tile .profile-tile-inner .profile-infos .sector .info {
  margin-right: 6px;
}
.profile-overview .profile-tile:hover .profile-tile-inner {
  background-color: #efefef;
}
.profile-overview .profile-tile:hover .profile-image {
  transform: scale(1.1);
}

/* Angebotsübersicht
-------------------------------------------------------------------------------*/
.offer-overview {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 120px;
}
.offer-overview .offer-tile {
  min-height: 140px;
  text-decoration: none;
  width: 47.5%;
  margin-right: 2%;
  margin-bottom: 32px;
}
.offer-overview .offer-tile .offer-tile-inner {
  height: 100%;
  color: #757575;
  border: 1px solid #C4C4C4;
  border-radius: 10px;
  display: flex;
  align-items: stretch;
}
.offer-overview .offer-tile .offer-tile-inner .offer-image {
  width: 22%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.offer-overview .offer-tile .offer-tile-inner .offer-content {
  width: 78%;
  padding: 16px 21px;
}
.offer-overview .offer-tile .offer-tile-inner .offer-content.full {
  width: 100%;
}
.offer-overview .offer-tile:hover .offer-tile-inner {
  background-color: #efefef;
}
.offer-overview .offer-tile .offer-title {
  color: #00C1D4;
  font-weight: 700;
  line-height: 1.4;
}
.offer-overview .offer-tile .offer-description {
  margin-bottom: 20px;
}
.offer-overview .offer-tile .offer-infos {
  display: flex;
  flex-wrap: wrap;
}
.offer-overview .offer-tile .offer-infos .icon {
  vertical-align: middle;
  margin-right: 12px;
}
.offer-overview .offer-tile .offer-infos .sector {
  width: 100%;
  color: #757575;
  display: flex;
}
.offer-overview .offer-tile .offer-infos .sector .info {
  margin-right: 6px;
}
.offer-overview .offer-tile .offer-infos .date {
  margin-right: 18px;
}
.offer-overview .offer-tile .offer-infos .age {
  width: 100%;
}
.offer-overview .offer-tile .offer-infos .age .icon {
  width: 23px;
}
.offer-overview .offer-tile .offer-infos .date {
  width: 100%;
  margin-top: 12px;
  margin-right: 18px;
}

/* Tipübersicht
-------------------------------------------------------------------------------*/
.tip-overview {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.tip-overview .tip-tile, .tipps-row .tip-tile {
  min-height: 140px;
  text-decoration: none;
  width: 47.5%;
  margin-right: 2%;
  margin-bottom: 32px;
}
.tip-overview .tip-tile .tip-tile-inner, .tipps-row .tip-tile .tip-tile-inner {
  height: 100%;
  color: #757575;
  border: 1px solid #C4C4C4;
  border-radius: 10px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  padding: 16px 21px;
  align-content: flex-start;
}
.tip-overview .tip-tile .tip-tile-inner .tip-title, .tipps-row .tip-tile .tip-tile-inner .tip-title {
  color: #00C1D4;
  font-weight: 700;
  line-height: 1.1;
  width: 100%;
  text-decoration: none;
}
.tip-overview .tip-tile .tip-tile-inner .tip-title:hover, .tipps-row .tip-tile .tip-tile-inner .tip-title:hover {
  text-decoration: underline;
}
.tip-overview .tip-tile .tip-tile-inner .link, .tipps-row .tip-tile .tip-tile-inner .link {
  color: #C4C4C4;
}
.tip-overview .tip-tile .tip-tile-inner .tip-sector, .tipps-row .tip-tile .tip-tile-inner .tip-sector {
  color: #C4C4C4;
}
.tip-overview .tip-tile .tip-tile-inner .tip-description, .tipps-row .tip-tile .tip-tile-inner .tip-description {
  margin-top: 20px;
  width: 100%;
  max-height: 60px;
  position: relative;
  overflow: hidden;
}
.tip-overview .tip-tile .tip-tile-inner .tip-description .tip-description-fade, .tipps-row .tip-tile .tip-tile-inner .tip-description .tip-description-fade {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 30px 0;
  background-image: linear-gradient(to bottom, transparent, white);
}
.tip-overview .tip-tile .tip-tile-inner .tip-description p:last-child, .tipps-row .tip-tile .tip-tile-inner .tip-description p:last-child {
  margin-bottom: 0;
}
.tip-overview .tip-tile .tip-tile-inner .read-more, .tipps-row .tip-tile .tip-tile-inner .read-more {
  margin-top: 12px;
  text-align: center;
  display: block;
}

.filters {
  margin: 32px 0;
}
.filters .filter-heading {
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 8px;
}

.no-results {
  font-size: 1.2em;
  font-weight: 700;
  margin-top: 60px;
}

/* Slider
-------------------------------------------------------------------------------*/
.slider-container {
  margin-top: 6px;
  max-width: 40%;
  margin-bottom: 64px;
  margin-left: 16px;
}

#age-range-slider {
  margin-bottom: 32px;
}

.noUi-horizontal .noUi-handle-upper .noUi-tooltip, .noUi-horizontal .noUi-handle-lower .noUi-tooltip {
  bottom: -42px;
  border: 0;
}

.noUi-connect {
  background: #00C1D4;
}

/* Cropper
-------------------------------------------------------------------------------*/
.image-cropper .featherlight-close.featherlight-close-icon {
  display: none;
}

.cropper-template {
  position: relative;
  height: 90vh;
  width: 90vw;
}
.cropper-template .image {
  height: 100%;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.cropper-template .confirm-crop {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 10000;
}

/* Ajax Loader
-------------------------------------------------------------------------------*/
.lds-loader {
  display: none;
  position: relative;
  width: 54px;
  height: 50px;
}

.lds-loader div {
  display: inline-block;
  position: absolute;
  left: 6px;
  width: 8px;
  background: #757575;
  animation: lds-loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-loader div:nth-child(1) {
  left: 0;
  animation-delay: -0.24s;
}

.lds-loader div:nth-child(2) {
  left: 12px;
  animation-delay: -0.12s;
}

.lds-loader div:nth-child(3) {
  left: 24px;
  animation-delay: 0;
}

@keyframes lds-loader {
  0% {
    top: 8px;
    height: 42px;
  }
  50%, 100% {
    top: 16px;
    height: 24px;
  }
}
#preview-offer-loader {
  margin-left: 8px;
  vertical-align: middle;
  display: inline-block;
}

/* Search
-------------------------------------------------------------------------------*/
.search-item {
  margin-bottom: 48px;
}
.search-item .flex {
  justify-content: space-between;
}
.search-item .search-preview-image {
  width: 25%;
  text-align: center;
}
.search-item .search-preview-text {
  width: 72%;
}
.search-item a {
  width: 100%;
  font-weight: 700;
  display: block;
  margin-top: 32px;
}

/* Select 2
-------------------------------------------------------------------------------*/
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background: none;
  background-color: transparent;
  border-radius: 0;
}

/* Site Origin Widgets Preview Special Styling
-------------------------------------------------------------------------------*/
.entry-content .image-gallery, .entry-content .video-gallery {
  display: flex;
}
.entry-content .image-gallery .item, .entry-content .video-gallery .item {
  width: 31%;
  margin-right: 1.5%;
}
.entry-content .image-gallery .item a, .entry-content .video-gallery .item a {
  overflow: hidden;
}
.entry-content .image-gallery .play-button img, .entry-content .video-gallery .play-button img {
  max-width: 100%;
}

/* Footer
-------------------------------------------------------------------------------*/
footer {
  background-color: #fff;
  color: #000000;
  box-shadow: 0px -6px 9px rgba(0, 0, 0, 0.15);
}
footer.no-shadow {
  box-shadow: none;
  border-top: 0.3px solid #C4C4C4;
}
footer .grid-inner {
  min-height: 166px;
  align-items: center;
}
footer .logos {
  display: flex;
  align-items: center;
}
footer .logos a {
  display: block;
}
footer .logos .logo {
  max-height: 191px;
}
footer .logos .divider {
  height: 85px;
  background-color: #fff;
  width: 2px;
  margin: 0 30px;
}
footer .right-col {
  margin-left: auto;
}
footer .right-col .footer-navigation {
  list-style-type: none;
  display: inline-block;
  margin-bottom: 4px;
}
footer .right-col .footer-navigation li {
  display: inline-block;
  margin-left: 0;
}
footer .right-col .footer-navigation li a {
  color: #000000;
  text-decoration: none;
}
footer .right-col .footer-navigation li a:hover {
  text-decoration: underline;
}
footer .right-col .footer-navigation li:after {
  content: " ·";
  color: #000000;
}
footer .right-col .footer-navigation li:last-child:after {
  content: "";
}
footer .right-col .social-icons {
  text-align: right;
}
footer .right-col .social-icons a {
  display: inline-block;
  margin-right: 14px;
}
footer .right-col .social-icons a:last-child {
  margin-right: 0;
}
footer .right-col .social-icons img {
  width: 28px;
}

/* Mobile Version
-------------------------------------------------------------------------------*/
.mobile-navbar {
  background: #FFFFFF;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
  display: none;
  z-index: 20000;
}
.mobile-navbar .navbar-item {
  text-decoration: none;
  padding: 16px 0 16px;
  display: flex;
  color: #757575;
  font-size: 0.8em;
  flex-wrap: wrap;
  width: 20%;
  justify-content: space-around;
  align-items: center;
}
.mobile-navbar .navbar-item .navbar-item-title {
  width: 100%;
  text-align: center;
  margin-top: 4px;
}
.mobile-navbar .navbar-item.active svg path {
  fill: #00C1D4;
}

/* Responsive
-------------------------------------------------------------------------------*/
@media screen and (max-width: 1340px) {
  header.internal {
    width: 100%;
  }

  .grid-inner {
    max-width: 93%;
  }

  .carousel-container .controls button.prev, .image-slider-container .controls button.prev {
    left: -32px;
  }

  .carousel-container .controls button.next, .image-slider-container .controls button.next {
    right: -32px;
  }

  .wrapper {
    overflow-x: hidden;
  }
}
@media screen and (max-width: 1100px) {
  header .grid-inner {
    height: 90px;
  }
  header .main-logo {
    width: 160px;
  }
  header .main-navigation li a {
    margin: 0 10px;
  }
  header .main-navigation li:after {
    border-right: 1px solid #000000;
  }

  .stage {
    margin-top: 89px;
  }
}
@media screen and (max-width: 1380px) {
  .register-now-container .grid-inner {
    padding-top: 59px;
    padding-bottom: 109px;
  }
  .register-now-container .register-now-title {
    font-size: 2.3em;
  }
  .register-now-container .register-now-text {
    font-size: 1.2em;
  }
  .register-now-container .button-link {
    font-size: 1.3em;
  }
  .register-now-container .left-image {
    width: 260px;
    height: auto;
    bottom: 0;
    top: auto;
  }
  .register-now-container .right-image {
    width: 280px;
    height: auto;
    top: auto;
    bottom: 0;
  }
}
@media screen and (max-width: 980px) {
  .category-overview .category-tile {
    width: 31.5%;
  }

  .category-overview .category-tile:nth-last-child(2) + .category-tile:nth-of-type(3n+2) {
    margin-right: 34.5%;
  }

  .info-icon-container .info-tooltip {
    min-width: 50vw;
  }
}
@media screen and (max-width: 860px) {
  header .main-navigation li a {
    font-size: 0.9em;
  }

  .hero-element .text-container h1 {
    font-size: 3em;
  }

  .info-icon-container {
    position: static;
  }
  .info-icon-container .info-tooltip {
    transform: translate(0, -100%);
    max-width: 110%;
    min-width: 110%;
    left: 0;
  }
  .info-icon-container .info-tooltip:before {
    display: none;
  }
}
@media screen and (max-width: 820px) {
  header .small-logo {
    display: block;
  }
  header .main-logo {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .carousel-container .controls button.prev, .image-slider-container .controls button.prev {
    left: -2%;
    z-index: 2000;
  }

  .carousel-container .controls button.next, .image-slider-container .controls button.next {
    right: -2%;
    z-index: 2000;
  }

  .slider-container {
    max-width: 100%;
  }

  .offer h1 {
    font-size: 1.6em;
  }

  .profile-header .right-col .fav-icon img, .profile-header .right-col .edit-profile img, .profile-header .right-col .edit-offer img, .profile-divider .right-col .fav-icon img, .profile-divider .right-col .edit-profile img, .profile-divider .right-col .edit-offer img, .profile-contact-infos .right-col .fav-icon img, .profile-contact-infos .right-col .edit-profile img, .profile-contact-infos .right-col .edit-offer img, .offer .right-col .fav-icon img, .offer .right-col .edit-profile img, .offer .right-col .edit-offer img {
    width: 24px;
  }

  .register-now-container .grid-inner {
    padding: 32px 0;
  }
  .register-now-container .left-image, .register-now-container .right-image {
    display: none;
  }
  .register-now-container .register-now-title {
    font-size: 1.4em;
    line-height: 1.2em;
  }
  .register-now-container .register-now-text {
    font-size: 1em;
  }
  .register-now-container .button-link {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 660px) {
  .mobile-navbar {
    display: flex;
  }

  .hamburger {
    display: block;
  }

  .content.internal-background {
    padding-top: 0;
  }

  header {
    position: static;
    padding: 12px 0;
  }
  header .small-logo {
    display: none;
  }
  header .main-logo {
    display: block;
  }
  header .grid-inner {
    height: auto;
  }
  header .menu-container {
    display: none;
  }
  header .logo-container {
    max-width: 162px;
  }
  header.internal {
    width: 100%;
    left: 0;
    transform: translate(0, 0);
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 620px) {
  .wrapper {
    margin-bottom: 90px;
  }

  .col7, .col5 {
    width: 100%;
  }

  .carousel-container .controls button.next, .image-slider-container .controls button.next, .carousel-container .controls button.prev, .image-slider-container .controls button.prev {
    display: none;
  }

  .content.internal-background {
    background-color: #fff;
    padding-top: 0;
  }

  .text-element.two-cols {
    column-count: 1;
    column-gap: 0;
  }

  .hero-element {
    margin-top: 0;
    margin-bottom: 32px;
  }
  .hero-element.small {
    height: 240px;
  }
  .hero-element .text-container h1 {
    font-size: 2.1em;
    margin-bottom: 24px;
  }
  .hero-element .text-container .intro-text {
    font-size: 1.28em;
  }
  .hero-element .island-overlay {
    display: none;
  }

  .stage {
    display: none;
  }

  .stage-mobile {
    display: block;
  }

  .image-gallery-row .profiles .profile-tile .profile-tile-inner .profile-infos, .video-gallery-row .profiles .profile-tile .profile-tile-inner .profile-infos, .offer-row .profiles .profile-tile .profile-tile-inner .profile-infos, .profile-row .profiles .profile-tile .profile-tile-inner .profile-infos, .profile-tiles .profiles .profile-tile .profile-tile-inner .profile-infos, .offer-tiles .profiles .profile-tile .profile-tile-inner .profile-infos {
    padding: 14px;
  }

  .image-gallery-row .profiles .profile-tile .profile-tile-inner .profile-image, .image-gallery-row .profile-overview .profile-tile .profile-tile-inner .profile-image, .video-gallery-row .profiles .profile-tile .profile-tile-inner .profile-image, .video-gallery-row .profile-overview .profile-tile .profile-tile-inner .profile-image, .offer-row .profiles .profile-tile .profile-tile-inner .profile-image, .offer-row .profile-overview .profile-tile .profile-tile-inner .profile-image, .profile-row .profiles .profile-tile .profile-tile-inner .profile-image, .profile-row .profile-overview .profile-tile .profile-tile-inner .profile-image, .profile-tiles .profiles .profile-tile .profile-tile-inner .profile-image, .profile-tiles .profile-overview .profile-tile .profile-tile-inner .profile-image, .offer-tiles .profiles .profile-tile .profile-tile-inner .profile-image, .offer-tiles .profile-overview .profile-tile .profile-tile-inner .profile-image {
    height: 148px;
  }
  .image-gallery-row .offers .offer-tile .offer-tile-inner, .video-gallery-row .offers .offer-tile .offer-tile-inner, .offer-row .offers .offer-tile .offer-tile-inner, .profile-row .offers .offer-tile .offer-tile-inner, .profile-tiles .offers .offer-tile .offer-tile-inner, .offer-tiles .offers .offer-tile .offer-tile-inner {
    flex-wrap: wrap;
  }
  .image-gallery-row .offers .offer-tile .offer-tile-inner .offer-image, .image-gallery-row .offers .offer-tile .offer-tile-inner .offer-content, .video-gallery-row .offers .offer-tile .offer-tile-inner .offer-image, .video-gallery-row .offers .offer-tile .offer-tile-inner .offer-content, .offer-row .offers .offer-tile .offer-tile-inner .offer-image, .offer-row .offers .offer-tile .offer-tile-inner .offer-content, .profile-row .offers .offer-tile .offer-tile-inner .offer-image, .profile-row .offers .offer-tile .offer-tile-inner .offer-content, .profile-tiles .offers .offer-tile .offer-tile-inner .offer-image, .profile-tiles .offers .offer-tile .offer-tile-inner .offer-content, .offer-tiles .offers .offer-tile .offer-tile-inner .offer-image, .offer-tiles .offers .offer-tile .offer-tile-inner .offer-content {
    width: 100%;
  }
  .image-gallery-row .offers .offer-tile .offer-tile-inner .offer-image, .video-gallery-row .offers .offer-tile .offer-tile-inner .offer-image, .offer-row .offers .offer-tile .offer-tile-inner .offer-image, .profile-row .offers .offer-tile .offer-tile-inner .offer-image, .profile-tiles .offers .offer-tile .offer-tile-inner .offer-image, .offer-tiles .offers .offer-tile .offer-tile-inner .offer-image {
    height: 148px;
  }

  .offer-overview .offer-tile .offer-tile-inner {
    flex-wrap: wrap;
  }
  .offer-overview .offer-tile .offer-tile-inner .offer-image, .offer-overview .offer-tile .offer-tile-inner .offer-content {
    width: 100%;
  }
  .offer-overview .offer-tile .offer-tile-inner .offer-image {
    height: 148px;
  }

  .category-overview .category-tile {
    width: 47.5%;
    margin-bottom: 20px;
  }
  .category-overview .category-tile:nth-last-child(2) + .category-tile:nth-of-type(3n+2) {
    margin-right: 0;
  }

  .tip-of-the-day {
    min-height: 0;
    padding: 52px 0;
  }
  .tip-of-the-day .inner .title, .tip-of-the-day .inner .title p {
    font-size: 1.6em;
    line-height: 1.1em;
  }
  .tip-of-the-day .inner a {
    font-size: 1.3em;
  }

  footer .right-col {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  footer .right-col .footer-navigation-container, footer .right-col .social-icons {
    width: 100%;
  }
  footer .right-col .footer-navigation-container {
    margin-bottom: 20px;
  }
  footer .right-col .social-icons {
    text-align: center;
    margin: 14px 0;
  }

  .login-form-container .login-teaser-image {
    display: none;
  }
  .login-form-container .login-form-box {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }

  .grid-inner .grid-inner {
    max-width: 100%;
  }

  .form-box {
    padding: 16px 0;
  }
  .form-box .form-row .form-field {
    width: 100%;
  }
  .form-box .form-row .form-field:nth-child(2) {
    margin-top: 36px;
  }
  .form-box .form-row .form-field.one-fourth {
    width: 100%;
  }
  .form-box .form-row .form-field.margin-left {
    margin-left: 0;
  }

  .info-icon-container .info-tooltip {
    max-width: 85vw;
    min-width: 75vw;
    left: 0;
  }

  form label.checkbox {
    display: block;
  }
  form input[type=submit], form button, form a.button-link {
    width: 100%;
    margin-top: 8px;
  }

  .offer-overview .offer-tile {
    width: 100%;
    margin-right: 0;
  }

  .profile-overview .profile-tile {
    width: 100%;
    margin-right: 0;
  }

  .breadcrumb-navigation {
    margin-bottom: 30px;
  }

  .profile-header .left-col, .profile-header .right-col, .profile-divider .left-col, .profile-divider .right-col, .profile-contact-infos .left-col, .profile-contact-infos .right-col, .offer .left-col, .offer .right-col {
    width: 100%;
  }
  .profile-header .infos, .profile-divider .infos, .profile-contact-infos .infos, .offer .infos {
    flex-wrap: wrap;
  }
  .profile-header .infos .info-row.empty, .profile-divider .infos .info-row.empty, .profile-contact-infos .infos .info-row.empty, .offer .infos .info-row.empty {
    display: none;
  }
  .profile-header .infos .info-col, .profile-divider .infos .info-col, .profile-contact-infos .infos .info-col, .offer .infos .info-col {
    margin-right: 0;
    width: 100%;
    margin-bottom: 8px;
  }

  .profile-contact-infos {
    flex-direction: column-reverse;
  }

  .profile-divider .left-col, .profile-divider .right-col {
    display: none;
  }

  .profile-header .left-col, .profile-header .right-col .profile-description {
    display: none;
  }

  .profile .details-box {
    max-width: 100%;
  }

  .profile-description-mobile, .sectors-mobile, .profile-image-mobile, .main-image-mobile {
    display: block;
  }

  .mobile-wrapper {
    display: flex;
    justify-content: space-between;
  }

  .profile-headings {
    width: 70%;
  }

  .details-box .detail-row.two-cols .col {
    width: 100%;
  }
  .details-box .detail-row.two-cols .col:first-child {
    border-right: 0;
  }

  .offer .left-col {
    display: none;
  }

  .contact-row a {
    font-size: 1em;
  }

  #profile-favorites .profiles, #profile-favorites .offers, #offer-favorites .profiles, #offer-favorites .offers {
    flex-wrap: wrap;
  }

  .profile-tiles .profiles .profile-tile, .profile-tiles .offers .profile-tile, .offer-tiles .profiles .profile-tile, .offer-tiles .offers .profile-tile, .profile-tiles .profiles .offer-tile, .profile-tiles .offers .offer-tile, .offer-tiles .profiles .offer-tile, .offer-tiles .offers .offer-tile {
    width: 100%;
    margin-bottom: 16px;
  }

  .tip-overview .tip-tile, .tipps-row .tip-tile {
    width: 100%;
  }

  .profile-header .right-col .profile-name {
    font-size: 1.42em;
  }

  .profile-header .right-col .profile-profession {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 620px) and (max-width: 420px) {
  .hero-element .text-container {
    width: 67.5%;
  }
}

/*# sourceMappingURL=style.css.map */