/* ################# Startseite Portal/Betriebe Large Slider  ################# */
.sectionContentWrapLarge {
  position: relative;
  padding-top: 50px; }
  @media (max-width: 767px) {
  .sectionContentWrapLarge {
    padding-bottom: 35px; } }
  @media (min-width: 768px) {
  .sectionContentWrapLarge {
    padding-top: 200px; } }
  .sectionContentWrapLarge .inner {
    position: relative;
    width: 100%; }
  .sectionContentWrapLarge .control {
    position: absolute;
    top: 20px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    z-index: 200;
    width: 100%;
    pointer-events: none; }
    @media (min-width: 768px) {
  .sectionContentWrapLarge .control {
    top: 0; } }
    .sectionContentWrapLarge .control .prev, .sectionContentWrapLarge .control .next {
      position: absolute;
      width: 60px;
      height: 60px;
      border-radius: 0;
      display: block;
      opacity: 1;
      top: 125px;
      background: none;
      left: 50%;
      margin-left: 80px;
      cursor: pointer;
      pointer-events: all;
      display: none; }
      @media (min-width: 768px) {
  .sectionContentWrapLarge .control .prev, .sectionContentWrapLarge .control .next {
    display: block; } }
      @media (min-width: 992px) {
  .sectionContentWrapLarge .control .prev, .sectionContentWrapLarge .control .next {
    margin-left: 20px; } }
      @media (min-width: 1302px) {
  .sectionContentWrapLarge .control .prev, .sectionContentWrapLarge .control .next {
    margin-left: -80px; } }
      .sectionContentWrapLarge .control .prev:before, .sectionContentWrapLarge .control .next:before {
        content: "\2c2";
        font-family: 'default';
        font-weight: normal;
        text-indent: 0;
        font-style: normal;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #3a4245;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        @media (min-width: 768px) {
  .sectionContentWrapLarge .control .prev:before, .sectionContentWrapLarge .control .next:before {
    width: 30px;
    height: 25px;
    line-height: 25px;
    font-size: 30px; } }
      .sectionContentWrapLarge .control .prev:hover, .sectionContentWrapLarge .control .next:hover {
        opacity: 1; }
    .sectionContentWrapLarge .control .next {
      left: 50%;
      margin-left: 180px; }
      @media (min-width: 992px) {
  .sectionContentWrapLarge .control .next {
    margin-left: 120px; } }
      @media (min-width: 1302px) {
  .sectionContentWrapLarge .control .next {
    margin-left: 20px; } }
      .sectionContentWrapLarge .control .next:before {
        content: "\2c3"; }
    .sectionContentWrapLarge .control .pager {
      position: absolute;
      left: 0px;
      bottom: 30px;
      width: 100%;
      z-index: 110;
      pointer-events: all; }
      .sectionContentWrapLarge .control .pager ul {
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        line-height: 0px;
        font-size: 0px; }
        .sectionContentWrapLarge .control .pager ul li {
          position: relative;
          background: none;
          border-radius: 0;
          width: 36px;
          height: 36px;
          opacity: 1;
          margin: 0;
          display: inline-block; }
          .sectionContentWrapLarge .control .pager ul li a {
            position: relative;
            text-decoration: none;
            text-indent: -999em;
            overflow: hidden;
            width: 36px;
            height: 36px;
            display: block;
            border-radius: 0;
            background: transparent;
            -webkit-transition: 0.25s ease;
            -moz-transition: 0.25s ease;
            -ms-transition: 0.25s ease;
            -o-transition: 0.25s ease;
            transition: 0.25s ease;
            background: none; }
            .sectionContentWrapLarge .control .pager ul li a:before {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              -moz-transform: translate(-50%, -50%);
              -o-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 36px;
              height: 36px;
              font-size: 36px;
              line-height: 36px;
              display: block;
              overflow: hidden;
              z-index: 1;
              opacity: 0.75; }
          .sectionContentWrapLarge .control .pager ul li.act a {
            background: none; }
            .sectionContentWrapLarge .control .pager ul li.act a:before {
              opacity: 1; }
        .sectionContentWrapLarge .control .pager ul li:not(.act) a:before {
          -webkit-filter: grayscale(100%) brightness(100);
          filter: grayscale(100%) brightness(100); }

@media (min-width: 768px) {
    .overviewLarge {
      height: 650px; } }
  @media (min-width: 992px) {
  .overviewLarge {
    height: 800px; } }
  @media (min-width: 1302px) {
  .overviewLarge {
    height: 950px; } }
  .overviewLarge:after {
    content: '';
    display: table;
    clear: both; }
  .gutter-small .overviewLarge {
    padding-bottom: 2px; }
  .gutter-none .overviewLarge {
    padding-bottom: 0px; }
  .gutter-default .overviewLarge {
    padding-bottom: 20px; }
  .overviewLarge article {
    position: relative; }
    .overviewLarge article .background {
      position: relative;
      z-index: 0;
      height: 300px; }
      @media (min-width: 768px) {
  .overviewLarge article .background {
    position: absolute;
    top: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    height: 650px; } }
      @media (min-width: 992px) {
  .overviewLarge article .background {
    height: 800px; } }
      @media (min-width: 1302px) {
  .overviewLarge article .background {
    height: 950px; } }
    .overviewLarge article .text {
      position: relative;
      z-index: 10;
      width: 100%;
      -webkit-transition: 0.2s ease;
      -moz-transition: 0.2s ease;
      -ms-transition: 0.2s ease;
      -o-transition: 0.2s ease;
      transition: 0.2s ease;
      background: #fff;
      min-height: 300px;
      text-align: center; }
      @media (min-width: 768px) {
  .overviewLarge article .text {
    top: -155px; } }
      .overviewLarge article .text:before {
        content: "";
        width: 105px;
        height: 110px;
        position: absolute;
        top: -70px;
        right: -15px;
        background: url(/typo3conf/ext/zz_gowest_theme_pletzer/Resources/Public/Images/move-relax.png);
        background-size: contain;
        background-repeat: no-repeat; }
        @media (min-width: 768px) {
  .overviewLarge article .text:before {
    right: -40px; } }
      .overviewLarge article .text .inner {
        position: relative;
        color: #4c4c4c;
        padding: 60px 10px 30px; }
        @media (min-width: 768px) {
  .overviewLarge article .text .inner {
    padding: 40px 30px; } }
        @media (min-width: 1302px) {
  .overviewLarge article .text .inner {
    padding: 40px 50px; } }
        .overviewLarge article .text .inner header {
          margin-bottom: 0; }
        .overviewLarge article .text .inner h2 {
          line-height: normal;
          padding-bottom: 10px;
          color: rgba(91, 103, 112, 1); }
        .overviewLarge article .text .inner .subtitle {
          color: #666;
          text-align: center; }
        .overviewLarge article .text .inner .description {
          text-align: justify;
          font-size: 1rem;
          line-height: 1.5rem; }
          @media (min-width: 768px) {
  .overviewLarge article .text .inner .description {
    font-size: 1.125rem;
    line-height: 2rem; } }
        .overviewLarge article .text .inner a {
          position: relative;
          width: auto;
          background: rgba(91, 103, 112, 1);
          color: #fff;
          height: 54px;
          line-height: 54px;
          display: inline-block;
          text-decoration: none;
          padding: 0 15px;
          font-weight: 700;
          font-size: 0.875rem;
          text-transform: uppercase;
          -webkit-transition: 0.2s ease;
          -moz-transition: 0.2s ease;
          -ms-transition: 0.2s ease;
          -o-transition: 0.2s ease;
          transition: 0.2s ease;
          letter-spacing: 1px; }
          @media (min-width: 768px) {
  .overviewLarge article .text .inner a {
    padding: 0 50px; } }
          .overviewLarge article .text .inner a:hover {
            opacity: 0.75; }
/* ################# Startseite Portal/Betriebe Packages  ################# */
/* ################# Overview Betriebe Packages Rooms  ################# */
.sectionContentWrap {
  position: relative; }
  @media (min-width: 1302px) {
  .sectionContentWrap {
    margin-left: -20px;
    margin-right: -20px; } }
  .sectionContentWrap .inner {
    position: relative;
    width: 100%; }
    .sectionContentWrap .inner .flickity-button {
      display: none; }
      @media (min-width: 992px) {
  .sectionContentWrap .inner .flickity-button {
    width: 60px;
    height: 60px;
    left: -20px;
    border-radius: 0;
    display: block;
    opacity: 1;
    top: -60px;
    background: none;
    left: auto;
    right: 120px; } }
      .sectionContentWrap .inner .flickity-button:before {
        content: "\2c2";
        font-family: 'default';
        font-weight: normal;
        text-indent: 0;
        font-style: normal;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #3a4245;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        @media (min-width: 992px) {
  .sectionContentWrap .inner .flickity-button:before {
    width: 30px;
    height: 25px;
    line-height: 25px;
    font-size: 30px; } }
      .sectionContentWrap .inner .flickity-button:hover {
        opacity: 0.75; }
      .sectionContentWrap .inner .flickity-button.next {
        left: auto;
        right: 20px; }
        .sectionContentWrap .inner .flickity-button.next:before {
          content: "\2c3"; }
      .sectionContentWrap .inner .flickity-button svg {
        display: none; }
    .sectionContentWrap .inner .flickity-page-dots {
      bottom: -5px; }
      @media (min-width: 992px) {
  .sectionContentWrap .inner .flickity-page-dots {
    display: none; } }
      .sectionContentWrap .inner .flickity-page-dots .dot {
        position: relative;
        background: none;
        border-radius: 0;
        width: 36px;
        height: 36px;
        opacity: 1;
        margin: 0; }
        .sectionContentWrap .inner .flickity-page-dots .dot:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          -moz-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 36px;
          height: 36px;
          font-size: 36px;
          line-height: 36px; }
        .sectionContentWrap .inner .flickity-page-dots .dot.is-selected {
          opacity: 1; }
        .sectionContentWrap .inner .flickity-page-dots .dot:not(.is-selected):before {
          -webkit-filter: grayscale(100%) brightness(100);
          filter: grayscale(100%) brightness(100); }

@-webkit-keyframes seconds {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes seconds {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes seconds {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-ms-keyframes seconds {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes seconds {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

.overviewPackage {
  overflow: hidden; }
  @media (min-width: 1302px) {
  .overviewPackage {
    padding-left: 20px;
    padding-right: 20px; } }
  .gutter-small .overviewPackage {
    padding-bottom: 2px; }
  .gutter-none .overviewPackage {
    padding-bottom: 0px; }
  .gutter-default .overviewPackage {
    padding-bottom: 20px; }
  .overviewPackage article {
    position: relative;
    margin-bottom: 35px; }
    @media (min-width: 992px) {
  .overviewPackage article {
    padding-bottom: 180px; } }
    @media (min-width: 1302px) {
  .overviewPackage article {
    padding-bottom: 150px; } }
    .overviewPackage article > a {
      z-index: 30;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: calc(100% + 25px);
      overflow: hidden;
      text-indent: -9999em; }
    .overviewPackage article .image {
      position: relative;
      z-index: 2; }
      @media (min-width: 992px) {
  .overviewPackage article .image {
    z-index: 9; } }
    .overviewPackage article .text {
      z-index: 10;
      width: 100%;
      -webkit-transition: 0.2s ease;
      -moz-transition: 0.2s ease;
      -ms-transition: 0.2s ease;
      -o-transition: 0.2s ease;
      transition: 0.2s ease;
      background: rgba(91, 103, 112, 1); }
      @media (min-width: 768px) {
  .overviewPackage article .text {
    min-height: 320px; } }
      @media (min-width: 992px) {
  .overviewPackage article .text {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 180px;
    min-height: auto; } }
      @media (min-width: 1302px) {
  .overviewPackage article .text {
    height: 150px; } }
      .overviewPackage article .text:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        overflow: hidden;
        z-index: 1;
        opacity: 0.75; }
      .overviewPackage article .text .inner {
        position: relative;
        color: #fff;
        padding: 30px; }
        @media (min-width: 992px) {
  .overviewPackage article .text .inner {
    padding: 30px 20px; } }
        @media (min-width: 1302px) {
  .overviewPackage article .text .inner {
    padding: 30px; } }
        .overviewPackage article .text .inner .subtitle {
          text-transform: uppercase;
          font-size: 0.75rem;
          letter-spacing: 2px;
          display: inline-block;
          min-height: 17px; }
        @media (max-width: 767px) {
  .overviewPackage article .text .inner .subtitle:empty {
    display: none; } }
        .overviewPackage article .text .inner h2 {
          color: #fff;
          font-size: 1.375rem;
          line-height: 1.5rem;
          font-family: 'bio-sans'; }
        .overviewPackage article .text .inner .description {
          line-height: 1.5rem;
          font-size: 0.9375rem; }
          @media (min-width: 1302px) {
  .overviewPackage article .text .inner .description {
    line-height: 1.5rem; } }
        @media (min-width: 992px) {
  .overviewPackage article .text .inner .extented {
    opacity: 0; } }
        .overviewPackage article .text .inner .details {
          font-style: normal;
          font-weight: 400;
          text-transform: uppercase;
          font-size: 0.875rem; }
          .overviewPackage article .text .inner .details:after {
            font-family: 'default';
            content: '\2c3';
            width: 30px;
            height: 16px;
            font-size: 10px;
            line-height: 16px;
            color: #fff;
            display: inline-block;
            overflow: hidden;
            padding-left: 10px;
            position: relative;
            top: 3px; }
        .overviewPackage article .text .inner .lastMinute {
          position: absolute;
          top: -30px;
          left: 20px;
          -moz-transform: rotate(-8deg);
          -o-transform: rotate(-8deg);
          -ms-transform: rotate(-8deg);
          -webkit-transform: rotate(-8deg);
          transform: rotate(-8deg);
          font-size: 3rem;
          font-family: BornReadyUpright-Regular;
          font-weight: 400; }
          @media (min-width: 1302px) {
  .overviewPackage article .text .inner .lastMinute {
    left: 40px; } }
    .overviewPackage article .price {
      position: absolute;
      top: 0;
      right: 20px;
      background: rgba(91, 103, 112, 1);
      display: block;
      overflow: hidden;
      color: #fff;
      z-index: 20;
      text-align: center;
      padding: 7px 0px;
      width: 110px;
      line-height: 1.5rem;
      text-transform: uppercase;
      font-size: 0.75rem;
      letter-spacing: 2px; }
      .overviewPackage article .price span {
        font-style: normal;
        font-weight: 400;
        font-size: 1rem;
        letter-spacing: 0; }
    .overviewPackage article .smallIcon {
      position: absolute;
      left: 50%;
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -22px;
      width: 55px;
      height: 44px;
      z-index: 25; }
      .overviewPackage article .smallIcon:before {
        content: '';
        position: absolute;
        width: 85px;
        height: 69px;
        left: 50%;
        top: -10px;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: block;
        z-index: 1;
        background: url(/typo3conf/ext/zz_gowest_theme_pletzer/Resources/Public/Images/corner-white.svg) 0 0 no-repeat;
        background-size: contain; }
      .overviewPackage article .smallIcon img {
        position: relative;
        width: 100%;
        height: auto;
        display: block;
        z-index: 2; }
    .overviewPackage article .logo {
      position: absolute;
      left: 50%;
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -80px;
      height: 100px;
      z-index: 25; }
      .overviewPackage article .logo:before {
        content: '';
        position: absolute;
        width: 85px;
        height: 70px;
        left: 50%;
        top: -10px;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: block;
        z-index: 1;
        background: url(/typo3conf/ext/zz_gowest_theme_pletzer/Resources/Public/Images/corner-white.svg) 0 0 no-repeat;
        background-size: contain; }
      .overviewPackage article .logo img {
        position: relative;
        width: auto;
        height: 100%;
        display: block;
        z-index: 2; }
  @media (min-width: 992px) {
    .overviewPackage:hover .text {
      height: 320px; }

    .overviewPackage:hover .extented {
      -webkit-animation: seconds 0.5s forwards;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-delay: 0.2s;
      animation: seconds 0.5s forwards;
      animation-iteration-count: 1;
      animation-delay: 0.2s;
      display: block; } }

body.home .overviewPackage {
  padding-bottom: 50px; }
  body.home .overviewPackage article .logo:before, body.home .overviewPackage article .smallIcon:before {
    background: url(/typo3conf/ext/zz_gowest_theme_pletzer/Resources/Public/Images/corner-gray.svg) 0 0 no-repeat;
    background-size: contain; }

body.overview .sectionContentWrap {
  padding-bottom: 0px; }
  @media (min-width: 992px) {
    body.overview .sectionContentWrap {
      padding-bottom: 100px; } }
  body.overview .sectionContentWrap:before {
    content: '';
    position: absolute;
    top: 120px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% + 220px);
    height: calc(100% - 120px);
    display: block;
    overflow: hidden;
    z-index: 0;
    background: #fff; }
  @media (min-width: 768px) {
    body.overview .sectionContentWrap .overviewPackage {
      margin-bottom: 40px; } }
/* ################# Zimmerdetailseite und Startseite - Specialzimmer für Familhotel Hopfgarten  ################# */
.sectionContentWrapSpecial {
  position: relative;
  padding-top: 20px;
  margin: 0 10px; }
  @media (max-width: 991.98px) {
  .sectionContentWrapSpecial {
    padding-bottom: 100px; } }
  @media (min-width: 768px) and (max-width: 991px) {
  .sectionContentWrapSpecial {
    width: 700px;
    margin: 0 auto; } }
  @media (min-width: 992px) {
  .sectionContentWrapSpecial {
    margin: 0 0 140px; } }
  .sectionContentWrapSpecial:before {
    content: '';
    position: absolute;
    top: -120px;
    left: 0;
    width: 100%;
    height: 130%;
    display: block;
    overflow: visible;
    z-index: 1000;
    opacity: 0.5;
    display: none;
    max-width: 1150px;
    pointer-events: none; }
  @media (min-width: 992px) {
    .sectionContentWrapSpecial:before {
      display: block;
      margin-left: 35%; } }
  @media (min-width: 1302px) {
    .sectionContentWrapSpecial:before {
      width: 70%;
      margin-left: 40%; } }
  .sectionContentWrapSpecial .inner {
    position: relative;
    width: 100%; }
  .sectionContentWrapSpecial .control {
    position: absolute;
    bottom: -20px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    z-index: 200;
    width: 100%;
    pointer-events: none; }
  @media (min-width: 992px) {
    .sectionContentWrapSpecial .control {
      bottom: auto;
      top: 0; } }
  .sectionContentWrapSpecial .control .prev, .sectionContentWrapSpecial .control .next {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 0;
    display: block;
    opacity: 1;
    top: 140px;
    background: none;
    left: 50%;
    margin-left: 80px;
    cursor: pointer;
    pointer-events: all;
    display: none; }
    @media (min-width: 992px) {
    .sectionContentWrapSpecial .control .prev, .sectionContentWrapSpecial .control .next {
      display: block;
      left: 66.66666666%; } }
    @media (min-width: 992px) {
    .sectionContentWrapSpecial .control .prev, .sectionContentWrapSpecial .control .next {
      margin-left: 60px;
      top: auto;
      bottom: 45px; } }
    @media (min-width: 1302px) {
    .sectionContentWrapSpecial .control .prev, .sectionContentWrapSpecial .control .next {
      margin-left: 120px; } }
    .sectionContentWrapSpecial .control .prev:before, .sectionContentWrapSpecial .control .next:before {
      content: "\2c2";
      font-family: 'default';
      font-weight: normal;
      text-indent: 0;
      font-style: normal;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      color: #fff;
      font-size: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @media (min-width: 768px) {
    .sectionContentWrapSpecial .control .prev:before, .sectionContentWrapSpecial .control .next:before {
      width: 30px;
      height: 25px;
      line-height: 25px;
      font-size: 30px; } }
    .sectionContentWrapSpecial .control .prev:hover, .sectionContentWrapSpecial .control .next:hover {
      opacity: 1; }
  .sectionContentWrapSpecial .control .next {
    left: 50%;
    margin-left: 180px; }
    @media (min-width: 992px) {
    .sectionContentWrapSpecial .control .next {
      margin-left: 160px;
      left: 66.66666666%; } }
    @media (min-width: 1302px) {
    .sectionContentWrapSpecial .control .next {
      margin-left: 230px; } }
    .sectionContentWrapSpecial .control .next:before {
      content: "\2c3"; }
  .sectionContentWrapSpecial .control .pager {
    position: absolute;
    left: 0px;
    bottom: 30px;
    width: 100%;
    z-index: 110;
    pointer-events: all; }
    @media (min-width: 992px) {
    .sectionContentWrapSpecial .control .pager {
      display: none; } }
    .sectionContentWrapSpecial .control .pager ul {
      margin: 0;
      padding: 0;
      width: 100%;
      text-align: center;
      line-height: 0px;
      font-size: 0px; }
      .sectionContentWrapSpecial .control .pager ul li {
        position: relative;
        background: none;
        border-radius: 0;
        width: 36px;
        height: 36px;
        opacity: 1;
        margin: 0;
        display: inline-block; }
        .sectionContentWrapSpecial .control .pager ul li a {
          position: relative;
          text-decoration: none;
          text-indent: -999em;
          overflow: hidden;
          width: 36px;
          height: 36px;
          display: block;
          border-radius: 0;
          background: transparent;
          -webkit-transition: 0.25s ease;
          -moz-transition: 0.25s ease;
          -ms-transition: 0.25s ease;
          -o-transition: 0.25s ease;
          transition: 0.25s ease;
          background: none; }
          .sectionContentWrapSpecial .control .pager ul li a:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 36px;
            height: 36px;
            font-size: 36px;
            line-height: 36px;
            display: block;
            overflow: hidden;
            z-index: 1;
            opacity: 0.75; }
        .sectionContentWrapSpecial .control .pager ul li.act a {
          background: none; }
          .sectionContentWrapSpecial .control .pager ul li.act a:before {
            opacity: 1; }
        .sectionContentWrapSpecial .control .pager ul li:not(.act) a:before {
          -webkit-filter: grayscale(100%) brightness(100);
          filter: grayscale(100%) brightness(100); }

@media (min-width: 992px) {
    .overviewLargeSpecial {
      height: 750px; } }
  .overviewLargeSpecial:after {
    content: '';
    display: table;
    clear: both; }
  .gutter-small .overviewLargeSpecial {
    padding-bottom: 2px; }
  .gutter-none .overviewLargeSpecial {
    padding-bottom: 0px; }
  .gutter-default .overviewLargeSpecial {
    padding-bottom: 20px; }
  .overviewLargeSpecial article {
    position: relative; }
  .overviewLargeSpecial article .image {
    position: relative;
    z-index: 0;
    height: 400px;
    padding: 0; }
    @media (min-width: 992px) {
    .overviewLargeSpecial article .image {
      height: 750px; } }
  .overviewLargeSpecial article .color {
    position: relative;
    display: block;
    padding: 0; }
    @media (min-width: 992px) {
    .overviewLargeSpecial article .color {
      background: rgba(91, 103, 112, 1); } }
  .overviewLargeSpecial article .text {
    position: relative;
    z-index: 10;
    width: 100%;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
    background: #fff;
    min-height: 300px;
    text-align: center; }
    @media (min-width: 992px) {
    .overviewLargeSpecial article .text {
      position: absolute;
      top: 50%;
      left: -210px;
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 500px; } }
    @media (min-width: 1302px) {
    .overviewLargeSpecial article .text {
      width: 525px; } }
    .overviewLargeSpecial article .text .inner {
      position: relative;
      color: #4c4c4c;
      padding: 40px 10px; }
      @media (min-width: 768px) {
    .overviewLargeSpecial article .text .inner {
      padding: 40px 30px; } }
      @media (min-width: 1302px) {
    .overviewLargeSpecial article .text .inner {
      padding: 50px; } }
      .overviewLargeSpecial article .text .inner h2 {
        color: #4c4c4c;
        line-height: normal;
        padding-bottom: 10px;
        font-size: 1.25rem;
        text-transform: uppercase;
        font-family: 'bio-sans'; }
      .overviewLargeSpecial article .text .inner .subtitle {
        color: #4c4c4c;
        text-align: center;
        font-size: 1rem;
        font-style: normal; }
      .overviewLargeSpecial article .text .inner .description {
        text-align: center;
        font-size: 0.875rem;
        line-height: 1.5rem; }
        @media (min-width: 768px) {
    .overviewLargeSpecial article .text .inner .description {
      line-height: 2rem; } }
      .overviewLargeSpecial article .text .inner a {
        color: rgba(91, 103, 112, 1);
        width: auto;
        font-size: 14px; }
        .overviewLargeSpecial article .text .inner a:before {
          background: rgba(91, 103, 112, 1); }
/* ################# Zimmerdetailseite und Startseite - Zimmerdarstellung alle andere Betriebe  ################# */
.fourColumnTeaser {
  position: relative;
  position: relative;
  padding-top: 150%; }
  @media (min-width: 480px) {
  .fourColumnTeaser {
    position: relative;
    padding-top: 100%; } }
  @media (min-width: 768px) and (orientation: portrait) {
  .fourColumnTeaser {
    position: relative;
    padding-top: 100%; } }
  @media (min-width: 768px) and (orientation: landscape) {
  .fourColumnTeaser {
    padding-top: 0px;
    height: 80vh; } }
  @media (min-width: 992px) and (orientation: portrait) {
  .fourColumnTeaser {
    position: relative;
    padding-top: 100%; } }
  @media (min-width: 992px) and (orientation: landscape) {
  .fourColumnTeaser {
    padding-top: 0px;
    height: 780px; } }
  @media (min-width: 992px) {
  .fourColumnTeaser {
    width: 100%;
    margin: 0;
    overflow: hidden; } }
  @media (min-width: 1302px) {
  .fourColumnTeaser {
    padding-top: 0px;
    height: 780px; } }
  .fourColumnTeaser .row, .fourColumnTeaser .image-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5; }
  .fourColumnTeaser .row:before {
    content: '';
    position: absolute;
    top: -40px;
    left: 0px;
    width: 170%;
    height: 110%;
    display: block;
    overflow: visible;
    z-index: 1;
    opacity: 0.5;
    display: block;
    max-width: 1150px;
    pointer-events: none;
    background: url('/typo3conf/ext/zz_gowest_theme_pletzer/Resources/Public/Images/struktur/weiss/familotel.svg');
    background-size: 110%;
    background-position: center;
    background-repeat: no-repeat; }
    @media (min-width: 480px) {
    .fourColumnTeaser .row:before {
      width: 120%; } }
    @media (min-width: 992px) {
    .fourColumnTeaser .row:before {
      z-index: 0;
      max-width: 100%;
      margin-left: 5%;
      width: 150%;
      height: 150%;
      background-size: 100%; } }
  .fourColumnTeaser .row {
    z-index: 10; }
  .fourColumnTeaser .image-container {
    overflow: hidden; }
  .fourColumnTeaser .image-container .image {
    height: 100%;
    width: 100%; }
    @media (max-width: 991.98px) {
    .fourColumnTeaser .image-container .image img {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%); } }
  .fourColumnTeaser .teaseritem {
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -ms-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
    opacity: 0;
    display: none; }
  @media (min-width: 992px) {
    .fourColumnTeaser .teaseritem {
      display: block;
      opacity: 1; } }
  .fourColumnTeaser .teaseritem:hover, .fourColumnTeaser .teaseritem.act {
    opacity: 1;
    display: block;
    background: rgba(91, 103, 112, 0.7); }
  .fourColumnTeaser .teaseritem h2 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'bio-sans'; }
    @media (min-width: 992px) {
    .fourColumnTeaser .teaseritem h2 {
      font-size: 1.25rem; } }
    @media (min-width: 1302px) {
    .fourColumnTeaser .teaseritem h2 {
      font-size: 1.5rem; } }
  .fourColumnTeaser .teaseritem .text {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px;
    color: #fff;
    display: block;
    width: 100%;
    max-width: 400px;
    text-align: center;
    font-size: 0.875rem; }
    @media (min-width: 992px) {
    .fourColumnTeaser .teaseritem .text {
      top: auto;
      bottom: 20px;
      -moz-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0); } }
    @media (min-width: 1302px) {
    .fourColumnTeaser .teaseritem .text {
      padding: 40px 30px; } }
    .fourColumnTeaser .teaseritem .text .description {
      text-align: center;
      -webkit-transition: 0.55s ease;
      -moz-transition: 0.55s ease;
      -ms-transition: 0.55s ease;
      -o-transition: 0.55s ease;
      transition: 0.55s ease;
      position: relative;
      display: block; }
      @media (min-width: 992px) {
    .fourColumnTeaser .teaseritem .text .description {
      height: 0;
      opacity: 0; } }
      .fourColumnTeaser .teaseritem .text .description .textWrap {
        display: block;
        padding: 30px 0; }
      .fourColumnTeaser .teaseritem .text .description .price {
        text-align: center;
        color: #fff;
        font-style: normal;
        padding-bottom: 15px;
        font-size: 1rem; }
      .fourColumnTeaser .teaseritem .text .description .btn {
        color: #fff;
        width: auto; }
        .fourColumnTeaser .teaseritem .text .description .btn:before {
          background: #fff; }
        .fourColumnTeaser .teaseritem .text .description .btn:hover {
          opacity: 1; }
  .fourColumnTeaser .teaseritem a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    z-index: 1; }
  @media (min-width: 992px) {
    .fourColumnTeaser .teaseritem.act .description {
      height: 300px;
      opacity: 1; } }
  @media (min-width: 1302px) {
    .fourColumnTeaser .teaseritem.act .description {
      height: 280px; } }
  @media (min-width: 1600px) {
    .fourColumnTeaser .teaseritem.act .description {
      height: 250px; } }

.fourColumnTeaser-pager {
  margin: 1.5rem 0 0;
  padding: 0px;
  width: 100%;
  text-align: center; }
  @media (min-width: 992px) {
  .fourColumnTeaser-pager {
    display: none; } }
  .fourColumnTeaser-pager li {
    position: relative;
    background: none;
    border-radius: 0;
    width: 36px;
    height: 36px;
    opacity: 1;
    margin: 0;
    display: inline-block; }
  .fourColumnTeaser-pager li a {
    position: relative;
    text-decoration: none;
    text-indent: -999em;
    overflow: hidden;
    width: 36px;
    height: 36px;
    display: block;
    border-radius: 0;
    background: transparent;
    -webkit-transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -ms-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
    background: none; }
    .fourColumnTeaser-pager li a:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 36px;
      height: 36px;
      font-size: 36px;
      line-height: 36px;
      display: block;
      overflow: hidden;
      z-index: 1;
      opacity: 0.75; }
  .fourColumnTeaser-pager li.act a {
    background: none; }
    .fourColumnTeaser-pager li.act a:before {
      opacity: 1; }
  .fourColumnTeaser-pager li:not(.act) a:before {
    -webkit-filter: grayscale(100%) brightness(100);
    filter: grayscale(100%) brightness(100); }
/* ################# normale Contentseite - SC im Footer  ################# */
.sectionContentFooter .sectionContentWrap {
  padding-bottom: 60px;
  margin-bottom: 100px; }
  @media (min-width: 992px) {
    .sectionContentFooter .sectionContentWrap {
      padding-bottom: 120px;
      margin-bottom: 160px; } }
  .sectionContentFooter .sectionContentWrap:before {
    content: '';
    position: absolute;
    left: 10px;
    bottom: 0;
    width: calc(100% - 20px);
    height: 10px;
    background: #ccc;
    display: block;
    overflow: hidden; }
    @media (min-width: 1302px) {
    .sectionContentFooter .sectionContentWrap:before {
      left: 20px;
      width: calc(100% - 40px); } }
  .sectionContentFooter > section > header {
    margin-bottom: 3rem; }
  .sectionContentFooter .overviewPackage .smallIcon:before {
    background-image: url(/typo3conf/ext/zz_gowest_theme_pletzer/Resources/Public/Images/corner-gray.svg); }
/* ################# Portalseite  - SC Betriebe  ################# */
@media (min-width: 1302px) {
    .sectionContentWrapBetriebe {
      padding: 0 50px; } }

.overviewBetriebe {
  overflow: hidden; }
  @media (min-width: 1302px) {
  .overviewBetriebe {
    padding-left: 20px;
    padding-right: 20px;
    flex: 0 0 20%;
    max-width: 20%; } }
  .gutter-small .overviewBetriebe {
    padding-bottom: 2px; }
  .gutter-none .overviewBetriebe {
    padding-bottom: 0px; }
  .gutter-default .overviewBetriebe {
    padding-bottom: 20px; }
  .overviewBetriebe article {
    position: relative; }
  .overviewBetriebe article > a {
    z-index: 30;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -9999em; }
  .overviewBetriebe article .text {
    z-index: 10;
    width: 100%;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
    background: rgba(91, 103, 112, 1);
    min-height: 200px; }
    .overviewBetriebe article .text:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      overflow: hidden;
      z-index: 1;
      opacity: 0.75; }
  .overviewBetriebe article .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100px;
    z-index: 25;
    text-align: center; }
    .overviewBetriebe article .logo img {
      position: relative;
      width: auto;
      height: 100%;
      display: block;
      z-index: 2; }
/* ################# Section Content Seminare ################# */
.seminarWrap {
  position: relative; }
  @media (min-width: 992px) {
  .seminarWrap {
    margin: 0 100px; } }
  @media (min-width: 1500px) {
  .seminarWrap {
    margin: 0; } }
  .seminarWrap .overviewSeminar {
    overflow: hidden; }
  @media (min-width: 1302px) {
    .seminarWrap .overviewSeminar {
      padding-left: 20px;
      padding-right: 20px; } }
  .gutter-small .seminarWrap .overviewSeminar {
    padding-bottom: 2px; }
  .gutter-none .seminarWrap .overviewSeminar {
    padding-bottom: 0px; }
  .gutter-default .seminarWrap .overviewSeminar {
    padding-bottom: 20px; }
  .seminarWrap .overviewSeminar article {
    position: relative;
    margin-bottom: 35px; }
    .seminarWrap .overviewSeminar article > a {
      z-index: 30;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      text-indent: -9999em; }
    .seminarWrap .overviewSeminar article .image {
      position: relative;
      z-index: 9; }
      .seminarWrap .overviewSeminar article .image:after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(45, 51, 56, 1);
        background: rgba(91, 103, 112, 1);
        opacity: 0.8; }
      .seminarWrap .overviewSeminar article .image img {
        -webkit-filter: saturate(2) contrast(2) grayscale(100%);
        filter: saturate(2) contrast(2) grayscale(100%); }
    .seminarWrap .overviewSeminar article .text {
      z-index: 10;
      width: calc(100% - 40px);
      position: absolute;
      left: 50%;
      top: 50%;
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .seminarWrap .overviewSeminar article .text:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        overflow: hidden;
        z-index: 1;
        opacity: 0.75; }
      .seminarWrap .overviewSeminar article .text .inner {
        position: relative;
        color: #fff;
        padding: 30px;
        text-align: center; }
        .seminarWrap .overviewSeminar article .text .inner header {
          margin: 0; }
        .seminarWrap .overviewSeminar article .text .inner h2 {
          color: #fff;
          font-size: 1.375rem;
          line-height: 1.75rem;
          font-family: 'bio-sans'; }
        .seminarWrap .overviewSeminar article .text .inner .details {
          position: relative;
          display: block;
          font-style: normal;
          font-weight: 400;
          text-transform: uppercase;
          font-size: 0.875rem;
          -webkit-transition: 0.2s ease;
          -moz-transition: 0.2s ease;
          -ms-transition: 0.2s ease;
          -o-transition: 0.2s ease;
          transition: 0.2s ease;
          margin-top: 10px; }
          @media (min-width: 992px) {
    .seminarWrap .overviewSeminar article .text .inner .details {
      position: absolute;
      left: 50%;
      bottom: -30px;
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      opacity: 0; } }
          .seminarWrap .overviewSeminar article .text .inner .details:after {
            font-family: 'default';
            content: '\2c3';
            width: 30px;
            height: 16px;
            font-size: 10px;
            line-height: 16px;
            color: #fff;
            display: inline-block;
            overflow: hidden;
            padding-left: 10px;
            position: relative;
            top: 3px; }
    .seminarWrap .overviewSeminar article .smallIcon {
      position: absolute;
      left: 50%;
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -22px;
      width: 55px;
      height: 44px;
      z-index: 25; }
      .seminarWrap .overviewSeminar article .smallIcon:before {
        content: '';
        position: absolute;
        width: 85px;
        height: 69px;
        left: 50%;
        top: -10px;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: block;
        z-index: 1;
        background: url(/typo3conf/ext/zz_gowest_theme_pletzer/Resources/Public/Images/corner-gray.svg) 0 0 no-repeat;
        background-size: contain; }
      .seminarWrap .overviewSeminar article .smallIcon img {
        position: relative;
        width: 100%;
        height: auto;
        display: block;
        z-index: 2; }
    .seminarWrap .overviewSeminar article .logo {
      position: absolute;
      left: 50%;
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -80px;
      height: 100px;
      z-index: 25; }
      .seminarWrap .overviewSeminar article .logo:before {
        content: '';
        position: absolute;
        width: 85px;
        height: 70px;
        left: 50%;
        top: -10px;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: block;
        z-index: 1;
        background: url(/typo3conf/ext/zz_gowest_theme_pletzer/Resources/Public/Images/corner-white.svg) 0 0 no-repeat;
        background-size: contain; }
      .seminarWrap .overviewSeminar article .logo img {
        position: relative;
        width: auto;
        height: 100%;
        display: block;
        z-index: 2; }
  .seminarWrap .sectionContentWrap .inner .flickity-button {
    display: none; }
  @media (min-width: 992px) {
    .seminarWrap .sectionContentWrap .inner .flickity-button {
      width: 60px;
      height: 60px;
      left: -20px;
      border-radius: 0;
      display: block;
      opacity: 1;
      top: 50%;
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      background: none;
      left: -80px;
      margin-top: -20px; } }
  @media (min-width: 1500px) {
    .seminarWrap .sectionContentWrap .inner .flickity-button {
      left: -90px; } }
  .seminarWrap .sectionContentWrap .inner .flickity-button:before {
    content: "\2c2";
    font-family: 'default';
    font-weight: normal;
    text-indent: 0;
    font-style: normal;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: rgba(91, 103, 112, 1);
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media (min-width: 992px) {
    .seminarWrap .sectionContentWrap .inner .flickity-button:before {
      width: 30px;
      height: 25px;
      line-height: 25px;
      font-size: 30px; } }
  .seminarWrap .sectionContentWrap .inner .flickity-button:hover {
    opacity: 0.75; }
  .seminarWrap .sectionContentWrap .inner .flickity-button.next {
    left: auto;
    right: -80px; }
    @media (min-width: 1500px) {
    .seminarWrap .sectionContentWrap .inner .flickity-button.next {
      right: -90px; } }
    .seminarWrap .sectionContentWrap .inner .flickity-button.next:before {
      content: "\2c3"; }
  .seminarWrap .sectionContentWrap .inner .flickity-button svg {
    display: none; }

@media (min-width: 992px) {
  .seminarWrap .overviewSeminar article:hover .text .inner .details {
    opacity: 1; } }

.rootline-1 {
  --betriebsfarbe: rgba(91, 103, 112, 1); }

.rootline-25 {
  --betriebsfarbe: rgba(91, 103, 112, 1); }

.rootline-219 {
  --betriebsfarbe: rgba(245, 156, 0, 1); }

.rootline-122 {
  --betriebsfarbe: rgba(231, 50, 69, 1); }

.rootline-282 {
  --betriebsfarbe: rgba(0, 143, 207, 1); }

.rootline-364 {
  --betriebsfarbe: rgba(165, 93, 117, 1); }

.rootline-427 {
  --betriebsfarbe: rgba(158, 146, 111, 1); }

.rootline-541 {
  --betriebsfarbe: rgba(231, 50, 69, 1); }

.rootline-3912 {
  --betriebsfarbe: rgba(231, 50, 69, 1); }

.applicationportal article {
  background: var(--betriebsfarbe);
  aspect-ratio: 1;
  position: relative;
  margin-bottom: 20px;
  transition: 0.3s ease;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center; }
  .applicationportal article .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .applicationportal article .image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.5;
      filter: grayscale(1);
      transition: 0.2s ease; }
  .applicationportal article:hover .image img {
    filter: grayscale(0);
    opacity: 1; }
  .applicationportal article .text {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 20px;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); }
    .applicationportal article .text h2 {
      color: #fff;
      font-size: 30px;
      line-height: 1.5em;
      font-weight: normal;
      transition: 0.3s ease; }
  .applicationportal article:after {
    content: "\2c3";
    font-family: 'default';
    color: #fff;
    position: absolute;
    right: 10px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
    text-align: right; }
  .applicationportal article a {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.benefits {
  position: relative;
  z-index: 10;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(1, minmax(0, 1fr)); }
  @media (min-width: 768px) {
  .benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 992px) {
  .benefits {
    grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.benefitsportal article {
  background: rgba(0, 0, 0, 0.01);
  aspect-ratio: 2.5;
  position: relative;
  transition: 0.3s ease;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10; }
  @media (min-width: 768px) {
    .benefitsportal article {
      aspect-ratio: 1.3333333333; } }
  .benefitsportal article .text {
    display: flex;
    gap: 10px;
    flex-direction: column;
    text-align: center;
    padding: 0 10px; }
    @media (min-width: 768px) {
    .benefitsportal article .text {
      gap: 20px; } }
    .benefitsportal article .text .icon {
      width: 60px;
      height: 40px;
      margin: 0 auto;
      position: relative; }
      .benefitsportal article .text .icon img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: 0.3s ease; }
    .benefitsportal article .text p {
      color: #707070;
      text-align: center !important;
      font-size: 16px;
      font-weight: normal;
      line-height: 28px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      max-height: 0px;
      transition: 0.3s ease;
      opacity: 0;
      margin: 0px;
      display: none; }
      @media (min-width: 992px) {
    .benefitsportal article .text p {
      display: block; } }
    .benefitsportal article .text h2 {
      color: #707070;
      font-size: 22px;
      line-height: 1.5em;
      font-weight: normal;
      transition: 0.3s ease;
      hyphens: none; }
      @media (min-width: 992px) {
    .benefitsportal article .text h2 {
      font-size: 28px; } }
  @media (min-width: 992px) {
      .benefitsportal article:hover {
        background: var(--betriebsfarbe); }
        .benefitsportal article:hover .text .icon img {
          filter: brightness(10); }
          .benefitsportal article:hover .text h2, .benefitsportal article:hover .text p {
            color: #fff; }
          .benefitsportal article:hover .text p {
            max-height: 100px;
            opacity: 1; } }
  .benefitsportal article a {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.frame-type-list.hasFilter {
  z-index: 15; }

.jobFilter {
  background: #cacccd;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 45px;
  z-index: 200; }
  .jobFilter .filtercontainer {
    width: 100%; }
  @media (min-width: 768px) {
    .jobFilter .filtercontainer {
      width: auto; } }
  .jobFilter .parentfilter {
    border: none;
    padding: 0 30px;
    display: flex;
    gap: 10px;
    height: 60px;
    cursor: pointer;
    font-weight: 600;
    align-items: center;
    position: relative;
    z-index: 200; }
  .jobFilter .parentfilter.act {
    background: #fff; }
  .jobFilter .icon {
    font-family: 'default';
    font-weight: normal;
    text-indent: 0;
    font-style: normal;
    font-size: 14px; }
  .jobFilter .reset {
    text-decoration: underline;
    margin-right: 30px;
    font-size: 14px;
    color: #707070;
    font-weight: normal;
    transition: 0.2s ease;
    padding: 10px 30px;
    cursor: pointer; }
  @media (min-width: 768px) {
    .jobFilter .reset {
      margin-left: auto;
      padding: 0; } }
  .jobFilter .reset:hover {
    color: #000; }
  .jobFilter .filter-dropdown {
    background: #fff;
    padding: 10px 0;
    position: absolute;
    display: none;
    min-width: 100%;
    left: 0;
    top: 60px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    list-style: none;
    margin: 0px;
    z-index: 100; }
  .jobFilter .filter-dropdown.act {
    display: block; }
  .jobFilter .filter-dropdown li {
    font-size: 14px;
    padding: 0 30px;
    font-weight: normal;
    cursor: pointer;
    white-space: nowrap; }
    .jobFilter .filter-dropdown li:hover, .jobFilter .filter-dropdown li.act {
      font-weight: 600; }

.jobitem {
  background: #fff;
  margin-bottom: 8px; }
  .jobitem article {
    display: flex;
    padding: 20px;
    justify-content: space-between;
    align-items: center; }
  .jobitem .wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
  .jobitem .icon {
    font-family: 'default';
    font-weight: normal;
    text-indent: 0;
    font-style: normal;
    font-size: 26px;
    width: 32px; }
  .jobitem .title {
    font-size: 20px;
    font-weight: normal; }
  .jobitem .place {
    font-size: 16px;
    margin-left: auto;
    font-weight: 600;
    width: 100%; }
  @media (min-width: 992px) {
    .jobitem .place {
      width: 200px; } }
  .jobitem a {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }

#c49193 .sectionContentWrap button.flickity-button {
  display: unset !important; }