/*! eifel, Compiled at 2026-02-03 16:56:49 */
/**
 * 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 informationArea
 * @author     lange
 * @since      07.12.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure
========================================================== */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .informationArea {
    color: #545454;
    margin-left: 6px;
  }
  .informationArea h1 {
    font: 700 70px/70px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    margin: 0 0 35px 0;
    text-align: center;
    padding: 0 21.42857143%;
  }
  .informationArea .informationArea__textArea {
    margin-bottom: 50px;
  }
  .informationArea .informationArea__textArea h4 {
    font: 700 45px/45px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0;
    margin: 0 0 20px 0;
  }
  .informationArea .informationArea__textArea ul {
    list-style: outside none none;
    margin: 0 0 100px 0;
    padding: 0;
  }
  .informationArea .informationArea__textArea ul:last-of-type {
    margin: 0 0 0 0;
  }
  .informationArea .informationArea__textArea p {
    font: 300 20px/30px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    margin: 0 0 20px 0;
  }
  .informationArea .informationArea__textArea ul li {
    font: 300 20px/30px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0 20px 0 30px;
  }
  .informationArea .informationArea__textArea ul li[class*="h-element"] {
    margin-bottom: 20px;
  }
  .informationArea .informationArea__textArea ul li:not([class*="h-element"]) {
    margin: 0 0 20px 0;
  }
  .informationArea .informationArea__textArea ul li strong {
    font-weight: 500;
  }
  .informationArea .informationArea__textArea ul li::before {
    font-family: 'icomoon';
    content: '\e91a   ';
    vertical-align: bottom;
    margin-left: -30px;
    color: #737865;
  }
  /* hidden content */
  .informationArea .informationArea__textArea > input,
  .informationArea .informationArea__textArea > input:not(:checked) ~ label.informationArea__contentsToggler--hide,
  .informationArea .informationArea__textArea > input:checked ~ label.informationArea__contentsToggler--show {
    display: none;
  }
  .informationArea .informationArea__textArea > input ~ label {
    display: block;
    border-top: 1px solid #545454;
    text-align: center;
    font: 500 20px/48px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    text-transform: uppercase;
    cursor: pointer;
  }
  .informationArea .informationArea__textArea > input:not(:checked) + ul {
    position: relative;
    height: 120px;
    overflow: hidden;
  }
  .informationArea .informationArea__textArea > input:not(:checked) + ul::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    content: '';
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
  }
}
@media screen and (max-width: 1400px) {
  .informationArea h1 {
    font-size: 50px;
    line-height: 50px;
    margin: 0 0 50px 0;
  }
  .informationArea .informationArea__textArea {
    margin-bottom: 50px;
  }
  .informationArea .informationArea__textArea:last-of-type {
    margin-bottom: 110px;
  }
  .informationArea .informationArea__textArea h4 {
    font: 700 30px/35px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0;
    margin: 0 0 35px 0;
  }
  .informationArea .informationArea__textArea p {
    margin: 0 0 10px 0;
  }
  .informationArea .informationArea__textArea ul {
    margin: 0 0 50px 0;
  }
  .informationArea .informationArea__textArea ul li {
    padding-left: 22px;
    margin: 0 0 10px 0;
  }
  .informationArea .informationArea__textArea ul li::before {
    margin-left: -22px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1000px) {
  .informationArea h1 {
    font-size: 40px;
    line-height: 38px;
    padding: 0;
    margin: 0 0 40px 0;
    text-align: left;
  }
  .informationArea .informationArea__textArea {
    margin-bottom: 30px;
  }
  .informationArea .informationArea__textArea h4 {
    font: 700 24px/28px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0;
    margin: 0 0 20px 0;
  }
  .informationArea .informationArea__textArea p {
    margin: 0 0 5px 0;
    font-size: 18px;
    line-height: 22px;
  }
  .informationArea .informationArea__textArea ul li {
    font-size: 18px;
    line-height: 22px;
    padding-left: 22px;
    margin: 0 0 5px 0;
  }
  .informationArea .informationArea__textArea ul li::before {
    margin-left: -22px;
    font-size: 15px;
  }
}