/*! eifel, Compiled at 2021-09-27 14:19:28 */
/**
 * 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
========================================================== */
/*  =========================================================
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: 0px;
    margin: 0px 0px 50px 0px;
    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: 0px;
    margin: 0px 0px 50px 0px;
    text-align: center;
    text-transform: uppercase;
  }
  .contentArticle__textArea p {
    font: 300 20px/30px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0px;
    margin: 0px 0px 30px 0px;
  }
  .contentArticle__textArea p.centred {
    text-align: center;
  }
  .contentArticle__textArea p a {
    text-decoration: underline;
    color: #6f7a4e;
  }
  .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: 0px;
    margin: 0px 0px 5px 0px;
  }
  .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: 0px;
    margin: 0px 0px 5px 0px;
  }
  .contentArticle__textArea h4 {
    font: 700 45px/60px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0px;
    margin: 0px;
  }
  .contentArticle__textArea h5 {
    font: 700 35px/55px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0px;
    margin: 0px;
  }
  .contentArticle__textArea h6 {
    font: 700 30px/50px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0px;
    margin: 0px;
  }
  .contentArticle__textArea span {
    font: 400 24px/28px 'SorceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0px;
    margin: 0px;
    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: 0px 0px 10px 0px;
  }
  .contentArticle__textArea ol li:before {
    display: inline-block;
    width: 20px;
    margin: 0 10px 0 -30px;
    color: #8e947d;
    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: #8e947d;
  }
  .contentArticle__textArea .sponsor_line {
    display: -webkit-box;
    display: -webkit-flex;
    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;
  }
  .contentArticle__textArea .contentArticle__textArea__sm > p {
    font: 300 20px/30px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    display: inline-block;
    margin: 0px;
    padding: 0px;
  }
  .contentArticle__textArea .contentArticle__textArea__sm > a {
    display: inline-block;
    font-size: 16px;
    margin: -15px 0px 0px 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;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 2px;
    width: 26px;
    height: 26px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -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: #8e947d;
    border: 2px solid #8e947d;
  }
}
@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: 0px 0px 30px 0px;
  }
  .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: 0px 0px 10px 0px;
  }
  .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: 0px 0px 10px 0px;
  }
}
@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;
  }
}
/*  =========================================================
price element
========================================================= */
@media screen {
  .contentArticle__textArea > h1 > span.priceElement {
    font: 700 60px 'BebasNeue', 'Arial', 'Helvetica', sans-serif;
    display: inline-block;
    border-bottom: 3px solid #8e947d;
    border-top: 3px solid #8e947d;
    margin: 0px 0px 20px 0px;
    position: relative;
  }
  .contentArticle__textArea > h1 > span.priceElement:after {
    width: 100%;
    border-top: 2px solid #8e947d;
    position: absolute;
    top: -8px;
    left: 0px;
    content: " ";
  }
  .contentArticle__textArea > h1 > span.priceElement:before {
    width: 100%;
    border-top: 2px solid #8e947d;
    position: absolute;
    bottom: -8px;
    left: 0px;
    content: " ";
  }
}
@media screen and (max-width: 1400px) {
  .contentArticle__textArea > h1 > span.priceElement {
    font-size: 30px;
  }
}
/*  =========================================================
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: #8e947d;
    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: 0px 0px 55px 0px;
    padding: 30px 0px 0px 0px;
    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: 0px 2em 0.75em 0px;
    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: #8e947d;
  }
}
@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 0px;
  }
  .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: #8e947d;
  }
}
@media screen and (max-width: 1000px) {
  .contentArticle__jumpPoints {
    font-size: 24px;
  }
}
@media screen and (min-width: 601px) {
  .contentArticle__jumpPoints > a {
    display: inline-block;
    padding: 0px 20px;
  }
}
@media screen and (max-width: 600px) {
  .contentArticle__jumpPoints > a {
    display: block;
    padding: 10px 0px;
  }
}
/*  =========================================================
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: #8e947d;
    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;
  }
}

/**
 * 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;
  }
}
