/*! eifel, Compiled at 2025-06-11 12:41:03 */
/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage contentArticle
 * @author     lange
 * @since      04.12.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure
price element
no header image
color highlight
star rating
trustyouElement
properties
seal
jump points
combinations with other modules
========================================================== */
/**
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2021 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2021-11-29
 */
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
/**
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2021 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2021-11-29
 */
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .contentArticle__textArea {
    text-align: left;
    color: #545454;
    position: relative;
  }
  .contentArticle__textArea + .contentArticle__textArea {
    padding-top: 85px;
  }
  .contentArticle__textArea.textAlignment {
    text-align: center;
  }
  .contentArticle__textArea h1 {
    font: 700 80px/80px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0;
    margin: 0 0 50px 0;
    text-align: center;
  }
  .contentArticle__textArea p {
    font: 300 20px/30px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
  }
  .contentArticle__textArea p.subtitle {
    font-size: 24px;
    line-height: 25px;
    padding: 0;
    margin: 0 0 50px 0;
    text-align: center;
    text-transform: uppercase;
  }
  .contentArticle__textArea p {
    font: 300 20px/30px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0;
    margin: 0 0 30px 0;
  }
  .contentArticle__textArea p.centred {
    text-align: center;
  }
  .contentArticle__textArea p a {
    text-decoration: underline;
    color: #737865;
  }
  .contentArticle__textArea p strong {
    font-weight: 500;
  }
  .contentArticle__textArea p em {
    font-style: italic;
  }
  .contentArticle__textArea h2 {
    font: 700 60px/60px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0;
    margin: 0 0 5px 0;
  }
  .contentArticle__textArea h2:first-child {
    text-align: center;
  }
  .contentArticle__textArea h2 + h5 {
    margin-top: 40px;
  }
  .contentArticle__textArea h3 {
    font: 700 55px/55px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0;
    margin: 0 0 5px 0;
  }
  .contentArticle__textArea h4 {
    font: 700 45px/60px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0;
    margin: 0;
  }
  .contentArticle__textArea h5 {
    font: 700 35px/55px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0;
    margin: 0;
  }
  .contentArticle__textArea h6 {
    font: 700 30px/50px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0;
    margin: 0;
  }
  .contentArticle__textArea span:not(.textArea--shortable) {
    font: 400 24px/28px 'SorceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0;
    margin: 0;
    text-transform: uppercase;
  }
  .contentArticle__textArea ol,
  .contentArticle__textArea ul {
    counter-reset: section;
    list-style: outside none none;
    margin: 0;
    padding: 0;
  }
  .contentArticle__textArea ol li,
  .contentArticle__textArea ul li {
    font: 300 20px/30px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    padding-left: 30px;
    margin: 0 0 10px 0;
  }
  .contentArticle__textArea ol li::before {
    display: inline-block;
    width: 20px;
    margin: 0 10px 0 -30px;
    color: #737865;
    font: 500 20px/30px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    text-align: right;
    counter-increment: section;
    content: counters(section, ".") ". ";
  }
  .contentArticle__textArea ul li::before {
    font-family: 'icomoon';
    content: '\e91a   ';
    vertical-align: bottom;
    margin-left: -30px;
    color: #737865;
  }
  .contentArticle__textArea .sponsor_line {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
  }
  .contentArticle__textArea .sponsor_line > p {
    font: 300 20px/30px "SourceSansPro", "Arial", "Helvetica", "sans-serif";
    text-transform: none;
    padding-right: 40px;
  }
  .contentArticle__textArea .sponsor_line > img {
    width: 60px;
  }
  .contentArticle__textArea .contentArticle__textArea__sm {
    margin-bottom: 20px;
    text-align: right;
  }
  .contentArticle__textArea .contentArticle__textArea__sm > p {
    font: 300 20px/30px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  .contentArticle__textArea .contentArticle__textArea__sm > a {
    display: inline-block;
    font-size: 16px;
    margin: -15px 0 0 5px;
    text-decoration: none;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    position: relative;
  }
  .contentArticle__textArea .contentArticle__textArea__sm > a > span {
    font-size: 26px;
    border: 2px solid #545454;
    border-radius: 50%;
    padding: 2px;
    width: 26px;
    height: 26px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
  }
  .contentArticle__textArea .contentArticle__textArea__sm > a > span::before {
    vertical-align: text-bottom;
  }
  .contentArticle__textArea .contentArticle__textArea__sm > a > span:hover {
    color: #737865;
    border: 2px solid #737865;
  }
}
@media screen and (max-width: 1400px) {
  .contentArticle__textArea h1 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 30px;
  }
  .contentArticle__textArea p.subtitle {
    font-size: 20px;
    margin: 0 0 30px 0;
  }
  .contentArticle__textArea h2 {
    font-size: 45px;
    line-height: 45px;
  }
  .contentArticle__textArea h3 {
    font-size: 40px;
    line-height: 40px;
  }
  .contentArticle__textArea h4 {
    font-size: 35px;
    line-height: 35px;
  }
  .contentArticle__textArea h5 {
    font-size: 30px;
    line-height: 30px;
  }
  .contentArticle__textArea h6 {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .contentArticle__textArea span {
    font-size: 18px;
    line-height: 22px;
  }
  .contentArticle__textArea ul li {
    padding-left: 22px;
    margin: 0 0 10px 0;
  }
  .contentArticle__textArea ul li::before {
    margin-left: -22px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1000px) {
  .contentArticle__textArea + .contentArticle__textArea {
    padding-top: 30px;
  }
  .contentArticle__textArea p {
    font-size: 18px;
    line-height: 22px;
  }
  .contentArticle__textArea ul li {
    font-size: 18px;
    line-height: 22px;
    padding-left: 30px;
    margin: 0 0 10px 0;
  }
}
@media screen and (max-width: 600px) {
  .contentArticle__textArea h1 {
    font-size: 40px;
    line-height: 40px;
  }
  .contentArticle__textArea {
    text-align: left;
    color: #545454;
  }
  .contentArticle__textArea.textAlignment {
    text-align: left;
  }
  .contentArticle__textArea h1 {
    text-align: left;
  }
  .contentArticle__textArea p.subtitle {
    text-align: left;
  }
}
/*  =========================================================
categories
========================================================= */
.contentArticle__textArea .categories {
  font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 35px;
  margin: 0 0 20px 0;
  text-align: center;
}
@media screen and (min-width: 1401px) {
  .contentArticle__textArea .categories {
    font-size: 40px;
    line-height: 50px;
  }
}
/*  =========================================================
price element
========================================================= */
.contentArticle__textArea .priceInfo {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (min-width: 601px) {
  .contentArticle__textArea .priceInfo {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.contentArticle__textArea .priceInfo .priceElement {
  border-bottom: 3px solid #737865;
  border-top: 3px solid #737865;
  display: inline-block;
  height: 40px;
  font: 700 30px/40px 'BebasNeue', 'Arial', 'Helvetica', sans-serif;
  margin: 0;
  position: relative;
}
@media (min-width: 601px) {
  .contentArticle__textArea .priceInfo .priceElement {
    margin: 0 0 30px 0;
  }
}
@media (min-width: 1401px) {
  .contentArticle__textArea .priceInfo .priceElement {
    margin: 0 0 40px 0;
  }
}
@media screen and (min-width: 1401px) {
  .contentArticle__textArea .priceInfo .priceElement {
    font-size: 60px;
    height: 70px;
    line-height: 70px;
  }
}
.contentArticle__textArea .priceInfo .priceElement::before {
  border-top: 2px solid #737865;
  bottom: -8px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}
.contentArticle__textArea .priceInfo .priceElement::after {
  border-top: 2px solid #737865;
  content: "";
  left: 0;
  position: absolute;
  top: -8px;
  width: 100%;
}
.contentArticle__textArea .priceInfo .ghost-button {
  margin: 0;
}
/*  =========================================================
no header image
========================================================= */
@media screen {
  main > .contentArticle:first-child {
    margin-top: 180px;
  }
  main > [data-module="panorama"] + .contentArticle,
  main > [data-module="story"] + .contentArticle {
    margin-top: 70px;
  }
}
@media screen and (max-width: 1000px) {
  main > .contentArticle:first-child {
    margin-top: 110px;
  }
  main > [data-module="panorama"] + .contentArticle,
  main > [data-module="story"] + .contentArticle {
    margin-top: 30px;
  }
}
/*  =========================================================
color highlight
========================================================= */
@media screen {
  .contentArticle__textArea .highlighted {
    color: #737865;
    font: 700 80px/80px "BebasNeue", "Arial", "Helvetica", "sans-serif";
  }
}
@media screen and (max-width: 1400px) {
  .contentArticle__textArea .highlighted {
    font-size: 50px;
    line-height: 50px;
  }
}
@media screen and (max-width: 600px) {
  .contentArticle__textArea .highlighted {
    font-size: 40px;
    line-height: 40px;
  }
}
/*  =========================================================
star rating
========================================================= */
@media screen {
  .contentArticle__textArea .star:first-of-type {
    margin-left: 5px;
  }
  .contentArticle__textArea .star::before {
    font-family: icomoon;
    font-size: 16px;
    line-height: 50px;
    content: "\e921";
    vertical-align: top;
  }
  .contentArticle__textArea .superior::before {
    font-size: 22px;
    line-height: 52px;
    font-family: 'SourceSansPro', Helvetica, Arial, sans-serif;
    font-weight: 500;
    vertical-align: top;
    content: ' S';
  }
  .contentArticle__textArea .subtitle .star,
  .contentArticle__textArea .subtitle .star::before,
  .contentArticle__textArea .subtitle .superior::before {
    font-size: 10px;
    line-height: 10px;
  }
  .contentArticle__textArea .subtitle .star:first-of-type {
    margin-left: 0;
  }
}
@media screen and (max-width: 1400px) {
  .contentArticle__textArea .star:first-of-type {
    margin-left: 5px;
  }
  .contentArticle__textArea .star::before {
    font-size: 10px;
    line-height: 24px;
  }
  .contentArticle__textArea .superior::before {
    font-size: 14px;
    line-height: 26px;
  }
}
/*  =========================================================
trustyouElement
========================================================= */
@media screen {
  .contentArticle__trustyouElement > iframe {
    width: 100%;
    height: 40px;
    overflow: hidden;
    border: 0;
  }
}
/*  =========================================================
properties
========================================================= */
@media screen {
  .contentArticle__textArea .contentArticle__textArea__properties {
    margin: 0 0 55px 0;
    padding: 30px 0 0 0;
    list-style-type: none;
  }
  .contentArticle__textArea p + .contentArticle__textArea__properties {
    padding-top: 0;
  }
  .contentArticle__textArea .contentArticle__textArea__properties > li {
    font: 300 20px/1.5em 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    color: #545454;
    margin: 0 2em 0.75em 0;
    padding-left: 40px;
  }
  .contentArticle__textArea .contentArticle__textArea__properties > li::before {
    content: "\e91c";
    display: inline-block;
    vertical-align: sub;
    width: 40px;
    text-align: left;
    margin-left: -40px;
    font: 400 normal 26px/24px 'icomoon';
    color: #737865;
  }
}
@media screen and (min-width: 1001px) {
  .contentArticle__textArea .contentArticle__textArea__properties > li {
    display: inline-block;
    vertical-align: middle;
  }
}
@media screen and (max-width: 1000px) {
  .contentArticle__textArea .contentArticle__textArea__properties > li {
    display: block;
    font-size: 18px;
  }
}
@media screen and (max-width: 1000px) {
  .contentArticle__textArea .contentArticle__textArea__properties > li::before {
    font-size: 18px;
  }
}
/*  =========================================================
seal
========================================================= */
@media screen {
  .sealWrapper {
    margin: 20px 0;
  }
  .sealWrapper .seal {
    display: inline-block;
    vertical-align: middle;
  }
  .sealWrapper .seal:not(:last-of-type) {
    margin-right: 25px;
  }
}
@media screen and (max-width: 1000px) {
  .sealWrapper {
    margin-bottom: 50px;
  }
}
/*  =========================================================
jump points
========================================================= */
@media screen {
  .contentArticle__jumpPoints {
    text-align: center;
    padding-top: 2em;
    margin-bottom: 2em;
    font: 700 normal 30px/1em 'BebasNeue', Arial, Helvetica, sans-serif;
    color: #545454;
  }
  .contentArticle__jumpPoints > a:hover {
    color: #737865;
  }
}
@media screen and (max-width: 1000px) {
  .contentArticle__jumpPoints {
    font-size: 24px;
  }
}
@media screen and (min-width: 601px) {
  .contentArticle__jumpPoints > a {
    display: inline-block;
    padding: 0 20px;
  }
}
@media screen and (max-width: 600px) {
  .contentArticle__jumpPoints > a {
    display: block;
    padding: 10px 0;
  }
}
/*  =========================================================
combinations with other modules
========================================================= */
@media screen {
  main > [data-module="text"] + [data-module="form/contact"],
  main > [data-module="text"] + [data-module="form/newsletter"],
  main > [data-module="text"] + [data-module="form/offerInquiry"] {
    margin-top: -70px;
  }
  main > [data-module="text"] + [data-module="text"],
  main > [data-module="text"] + [data-module="form/filter"],
  main > [data-module="text"] + [data-module="hostQuickSearch"] {
    margin-top: -20px;
  }
}
/*  =========================================================
tables
========================================================= */
@media screen {
  .contentArticle__textArea thead tr {
    display: table-row;
  }
  .contentArticle__textArea table caption {
    font: 700 80px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    text-align: center;
    color: #545454;
    line-height: 120%;
    padding: 0 0 45px 0;
  }
  .contentArticle__textArea th,
  .contentArticle__textArea table,
  .contentArticle__textArea td,
  .contentArticle__textArea tbody {
    border: none;
  }
  .contentArticle__textArea th,
  .contentArticle__textArea td {
    padding: 10px 20px;
  }
  .contentArticle__textArea tbody tr {
    font: 300 18px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    font-style: normal;
    line-height: 22px;
    color: #545454;
  }
  .contentArticle__textArea thead tr {
    font: 700 24px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    background: #737865;
    color: #fff;
  }
  .contentArticle__textArea tbody tr:nth-child(even) {
    background: rgba(229, 229, 229, 0.8);
  }
  .contentArticle__textArea tbody tr:nth-child(odd) {
    background: rgba(229, 229, 229, 0.2);
  }
}
@media screen and (max-width: 600px) {
  .contentArticle__textArea thead {
    display: none;
  }
  .contentArticle__textArea td[data-label]::before {
    content: attr(data-label) ": ";
    font: 700 20px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    display: block;
    color: #545454;
    padding-bottom: 5px;
  }
  .contentArticle__textArea td {
    display: block;
    overflow: hidden;
    padding: 10px;
  }
}
/*  =========================================================
showmore
========================================================= */
@media screen {
  .textAreaButton__showmore {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .textArea.textArea--shortable {
    height: 200px;
    overflow: hidden;
  }
  .textArea.textArea--shortable:not(.textArea--extended) {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
  }
  .textArea.textArea--shortable.textArea--extended {
    height: auto;
  }
  .textAreaButton__showmore {
    display: block;
    font: 300 18px/30px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    text-decoration: none;
    color: #545454;
    padding: 10px 10px 10px 0;
  }
  .textArea.textArea--shortable.textArea--extended + .textAreaButton__showmore {
    display: none;
  }
}
/*  =========================================================
jumpmark
========================================================= */
.contentArticle__textArea .contentArticle__accessibility {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.contentArticle__textArea .contentArticle__accessibility .contentArticle__accessibility__jump {
  font: 400 normal 20px/1 'SourceSansPro', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding: 0 0 14px 20px;
}
.contentArticle__textArea .contentArticle__accessibility .contentArticle__accessibility__jump .imageContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  position: relative;
  margin: 0 0 10px 0;
}
.contentArticle__textArea .contentArticle__accessibility .contentArticle__accessibility__jump i {
  font-size: 12px;
  margin-left: 10px;
}
.contentArticle__textArea .contentArticle__accessibility .rfaPictogramms {
  text-align: right;
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @since      20,07.2020
 **/
.parallaxElement .contentArticle {
  margin-top: 150px;
}

/**
 * Eifel
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-03-21
 * @version    $$Id$$
 **/
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
@media screen {
  .contentArticle__trailMarkers > p {
    margin-left: 5px;
  }
  .contentArticle__trailMarkers > ul {
    list-style: none;
  }
  .contentArticle__trailMarkers > ul > li {
    float: left;
    height: 90px;
    padding: 0;
  }
  .contentArticle__trailMarkers > ul > li::before {
    display: none;
  }
  .contentArticle__trailMarkers > ul > li > img {
    width: auto;
    height: auto;
    aspect-ratio: auto;
  }
}
@media screen and (max-width: 600px) {
  .contentArticle__trailMarkers > ul > li {
    margin: 0 0 15px 5px;
  }
}
@media screen and (min-width: 601px) {
  .contentArticle__trailMarkers > p {
    float: left;
    height: 90px;
    line-height: 90px;
  }
  .contentArticle__trailMarkers > ul > li {
    margin: 0 0 15px 15px;
  }
}