/* ************************************* */
/*                                       */
/* Global                                */
/*                                       */
/* ************************************* */
/* ************************************* */
/*                                       */
/* Headlines                             */
/*                                       */
/* ************************************* */

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6
.h6 {
  font-family: var(--font-headline);
  margin: 0;
  padding: 0;
}

h1,
.h1 {
  font-size: 32px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: var(--font-headline-big);
  margin-bottom:24px;
  padding-top: var(--padding-secondary-horizontal-px);
  /*hyphens:auto;*/
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
}

.home h1,
.product__content h1 {
  padding-top: 0;
}

h1 span,
.h1 span{
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  letter-spacing: normal;
  display: block;
  padding-top: 5px;
}

h2,
.h2 {
  font-size: 26px;
  font-weight: normal;
  font-family: var(--font-headline-big);
  margin-bottom:10px;
  hyphens:auto;
}

.h2--section {
  text-transform:uppercase;
  margin-bottom:15px;
}

h2.section--line {
  padding-bottom: 12px;
}

h3,
.h3 {
  font-size: var(--font-size-large);
  font-weight: normal;
  line-height: 150%;
  margin-bottom:1.1rem;
  hyphens:auto;
}

.item--abo h3 {
  border-bottom: 1px solid var(--color-grey);
  padding-bottom: 20px;
  margin-left:-20px;
  margin-right:-20px;
  padding-left:20px;
}

.h3--nomb {
  margin-bottom:0;
}

h4,
.h4 {
  font-size: var(--font-paragraph-size);
  font-weight: bold;
  line-height: 150%;
}



/* ************************************* */
/*                                       */
/* Links                                 */
/*                                       */
/* ************************************* */

a,
span {
  text-decoration: none;
  color:inherit;
}

.a--deco {
  border-bottom:1px dotted;
  padding-bottom:2px;
}

.content_site a {
  color: var(--color-grey-dark);
}

.home a:hover {
  color: var(--color-grey-dark);
}

/* ************************************* */
/*                                       */
/* Paragraphs                            */
/*                                       */
/* ************************************* */

p {
  font-family: var(--font-paragraph);
  font-weight: var(--font-paragraph-weight);
  font-size: var(--font-paragraph-size);
  line-height: var(--font-paragraph-lineheight);
  margin-bottom:15px;
}

p:last-child {
  margin-bottom: 0;
}

.p--author {
  font-style: italic;
  font-size:var(--font-size-small);
  margin-top:-5px;
  /*margin-bottom: var(--margin-tertiary-vertical-px);*/
}

figcaption {
  font-size: var(--font-size-smaller);
  font-style: italic;
  margin-top: -10px;
  margin-bottom: 20px;
  text-align: right;
}
.zeitungImage figcaption {
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
}

/* ************************************* */
/*                                       */
/* Inline + Generic                      */
/*                                       */
/* ************************************* */

.legend {
  font-family: var(--font-secondary);
  font-size: var(--font-size-smaller);
}

.small {
  font-size:var(--font-size-small);
}

.smaller {
  font-size:var(--font-size-smaller);
}

.semibold {
  font-weight: 500;
}

.upper {
  text-transform: uppercase;
}

.fz-20 {
  font-size:20px;
}

.fz-18 {
  font-size:18px;
}
.fz-16 {
  font-size:16px;
}

.fz-14 {
  font-size:14px;
}

.fz-12 {
  font-size:12px;
}

.indented {
  padding:0px 20px 0 20px;
}

.accent {
  font-size:var(--font-size-large);
}



/* ************************************* */
/*                                       */
/* Lists                                 */
/*                                       */
/* ************************************* */

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}
.abo--holder ul {
  margin-left:30px;
  line-height: 25px;
}
.abo--holder li {
  list-style: unset;
}
.list--simple {
  display:flex;
  padding-top:var(--padding-primary-vertical-px);
  padding-bottom:var(--padding-primary-vertical-px);
  margin-left: calc(-1 * var(--margin-primary-horizontal-px));
  margin-right: calc(-1 * var(--margin-primary-horizontal-px));
}

.list--simple > li{
  flex: 1 1 0;
  min-width:150px;
  margin-left: var(--margin-primary-horizontal-px);
  margin-right: var(--margin-primary-horizontal-px);
}

.ul--arrows li,
li.demo a {
  list-style: none;
  background-image: url('../img/ic_arrow_forward_black_18dp_1x.png');
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 24px;
  margin-bottom: 10px;
}

.ul--arrows--white li {
  background-image: url('../img/ic_arrow_forward_white_24dp_1x.png');
  padding-left: 32px;
  background-position: 0 center;
}

.ul--hr li {
  display:block;
  border-bottom: 1px solid var(--color-dark);
  padding-bottom:9px;
  margin-bottom: 10px;
}

.ul--hr li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.ul--hr.ul--arrows li {
  background-position: 0 0px;
}



/* ************************************* */
/*                                       */
/* Tables                                */
/*                                       */
/* ************************************* */
/* ************************************* */
/*                                       */
/* HR                                    */
/*                                       */
/* ************************************* */

.hr {
    border: 0;
    border-bottom: 1px solid var(--color-dark);
    margin-bottom:var(--margin-secondary-vertical-px);
}

.hr--clean {
    margin-bottom:0;
}

.hr--dashed {
    border-bottom: 2px dashed var(--color-dark);
}

.hr--light {
    border-bottom-color: var(--color-light);
}

.h3 + .hr {
  margin-top:var(--margin-secondary-vertical-px);
}

.teaser-on-home .hr.hr--clean {
  margin: var(--margin-tertiary-vertical-px) 0;
}
.teaser-on-home .hr:last-of-type {
  display: none;
}