/* Überschriften */

h1, div.h1 {
  font-size:$fontSizeHeadline1;
  font-family:$fontFamilyHeadline1;
  line-height:$lineHeightHeadline1;
  font-weight:$fontWeightHeadline1;
  color:$fontColorHeadline1;
  margin:0;
  padding:2.25rem 0 1.2rem 0;
}

h2, div.h2 {
  font-size:$fontSizeHeadline2;
  font-family:$fontFamilyHeadline2;
  line-height:$lineHeightHeadline2;
  font-weight:$fontWeightHeadline2;
  color:$fontColorHeadline2;
  margin:0;
  padding:1.6rem 0 1rem 0;
}

h3, div.h3 {
  font-size:$fontSizeHeadline3;
  font-family:$fontFamilyHeadline3;
  line-height:$lineHeightHeadline3;
  font-weight:$fontWeightHeadline3;
  color:$fontColorHeadline3;
  margin:0;
  padding:1rem 0 0.8rem 0;
}

h4, div.h4 {
  font-size:$fontSizeHeadline4;
  font-family:$fontFamilyHeadline4;
  line-height:$lineHeightHeadline4;
  font-weight:$fontWeightHeadline4;
  color:$fontColorHeadline4;
  margin:0;
  padding:0.8rem 0 0.6rem 0;
}

h5, div.h5 {
  font-size:$fontSizeHeadline5;
  font-family:$fontFamilyHeadline5;
  line-height:$lineHeightHeadline5;
  font-weight:$fontWeightHeadline5;
  color:$fontColorHeadline5;
  margin:0;
  padding:0.7rem 0 0.6rem 0;
}

h6, div.h5 {
  font-size:$fontSizeHeadline6;
  font-family:$fontFamilyHeadline6;
  line-height:$lineHeightHeadline6;
  font-weight:$fontWeightHeadline6;
  color:$fontColorHeadline6;
  margin:0;
  padding:0.6rem 0 0.6rem 0;
}


@media only screen and (min-width: $viewport_m_min){
	h1, div.h1 {
    font-size:$fontSizeHeadline1Middle;
    font-family:$fontFamilyHeadline1;
    line-height:$lineHeightHeadline1Middle;
    font-weight:$fontWeightHeadline1Middle;
    color:$fontColorHeadline1;
    margin:0;
    padding:2.25rem 0 1.2rem 0;
  }

  h2, div.h2 {
    font-size:$fontSizeHeadline2Middle;
    font-family:$fontFamilyHeadline2;
    line-height:$lineHeightHeadline2Middle;
    font-weight:$fontWeightHeadline2Middle;
    color:$fontColorHeadline2;
    margin:0;
    padding:1.6rem 0 1rem 0;
  }

  h3, div.h3 {
    font-size:$fontSizeHeadline3Middle;
    font-family:$fontFamilyHeadline3;
    line-height:$lineHeightHeadline3Middle;
    font-weight:$fontWeightHeadline3Middle;
    color:$fontColorHeadline3;
    margin:0;
    padding:1.0rem 0 0.8rem 0;

  }

  h4, div.h4 {
    font-size:$fontSizeHeadline4Middle;
    font-family:$fontFamilyHeadline4;
    line-height:$lineHeightHeadline4Middle;
    font-weight:$fontWeightHeadline4Middle;
    color:$fontColorHeadline4;
    margin:0;
    padding:0.8rem 0 0.6rem 0;
  }

  h5, div.h5 {
    font-size:$fontSizeHeadline5Middle;
    font-family:$fontFamilyHeadline5;
    line-height:$lineHeightHeadline5Middle;
    font-weight:$fontWeightHeadline5Middle;
    color:$fontColorHeadline5;
    margin:0;
    padding:0.7rem 0 0.6rem 0;
  }

  h6, div.h6 {
    font-size:$fontSizeHeadline6Middle;
    font-family:$fontFamilyHeadline6;
    line-height:$lineHeightHeadline6Middle;
    font-weight:$fontWeightHeadline6Middle;
    color:$fontColorHeadline6;
    margin:0;
    padding:0.6rem 0 0.6rem 0;
  }
}


@media only screen and (min-width: $viewport_xl_min){

  h1, div.h1 {
    font-size:$fontSizeHeadline1Full;
    font-family:$fontFamilyHeadline1;
    line-height:$lineHeightHeadline1Full;
    font-weight:$fontWeightHeadline1Full;
    color:$fontColorHeadline1;
    margin:0;
    padding:2.25rem 0 1.2rem 0;
  }

  h2, div.h2 {
    font-size:$fontSizeHeadline2Full;
    font-family:$fontFamilyHeadline2;
    line-height:$lineHeightHeadline2Full;
    font-weight:$fontWeightHeadline2Full;
    color:$fontColorHeadline2;
    margin:0;
    padding:1.6rem 0 1rem 0;
  }

  h3, div.h3 {
    font-size:$fontSizeHeadline3Full;
    font-family:$fontFamilyHeadline3;
    line-height:$lineHeightHeadline3Full;
    font-weight:$fontWeightHeadline3Full;
    color:$fontColorHeadline3;
    margin:0;
    padding:1.0rem 0 0.8rem 0;

  }

  h4, div.h4 {
    font-size:$fontSizeHeadline4Full;
    font-family:$fontFamilyHeadline4;
    line-height:$lineHeightHeadline4Full;
    font-weight:$fontWeightHeadline4Full;
    color:$fontColorHeadline4;
    margin:0;
    padding:0.8rem 0 0.6rem 0;
  }

  h5, div.h5 {
    font-size:$fontSizeHeadline5Full;
    font-family:$fontFamilyHeadline5;
    line-height:$lineHeightHeadline5Full;
    font-weight:$fontWeightHeadline5Full;
    color:$fontColorHeadline5;
    margin:0;
    padding:0.7rem 0 0.6rem 0;
  }

  h6, div.h6 {
    font-size:$fontSizeHeadline6Full;
    font-family:$fontFamilyHeadline6;
    line-height:$lineHeightHeadline6Full;
    font-weight:$fontWeightHeadline6Full;
    color:$fontColorHeadline6;
    margin:0;
    padding:0.6rem 0 0.6rem 0;
  }
}

.elementHeadline {
  @extend .elementContent;

  -w-option-addLinkToHeadline:no;
  -w-option-allowLinebreaks:no;
  -w-option-allowHighlighting:no;

  -w-option-charsToSuperscript:©|®;

  position:static;
  margin:0 auto;
  font-weight:normal;

  .weditor & {
    position:relative;
  }

  .no-weditor &:last-child > h1, .no-weditor &:last-child > h2, .no-weditor &:last-child > h3, .no-weditor &:last-child > h4, .no-weditor &:last-child > h5, .no-weditor &:last-child > h6 {
    padding-bottom:0;
  }

  .elementText + & {
    margin-top:($marginBottomText - $marginBottomElement);
  }

  /*
  .elementStandard:not(.elementText):not(.elementLink) + & h1 {
    padding-top:2.25rem;
  }

  .elementStandard:not(.elementText):not(.elementLink) + & h2 {
    padding-top:2rem;
  }

  .elementStandard:not(.elementText):not(.elementLink) + & h3 {
    padding-top:1rem;
  }

  .elementStandard:not(.elementText):not(.elementLink) + & h4 {
    padding-top:0.8rem;
  }
  */

  p {
    margin:0;
  }

  .weditor & .wEditorWysiwyg {
    word-wrap:normal !important; //Damit im Editor nicht automatisch umgebrochen wird
  }
}

/*@wCssFragment{class:elementHeadline;variant:50;caption:Standardüberschrift;caption-en:Default;livepreview:yes}*/
.elementHeadline_var50 {

  -w-editmaskExtended-level:yes;
  -w-editmaskExtended-isnavanchor:yes;

  -w-subvariants:;

  -w-option-addLinkToHeadline:yes; /* Anker automatisch setzen */
  -w-option-allowLinebreaks:no; /* Manuelle Zeilenumbrüche erlauben */
  -w-option-allowHighlighting:no; /* Teilformatierung erlauben */

  margin-left:auto;
  margin-right:auto;

  color: $baseColorPrimary1;
}

/*@wCssFragment{class:elementHeadline;variant:55;caption:Bereichsuntertitel;caption-en:Section subline;livepreview:yes;usertypes:admin;selectable:no}*/
.elementHeadline_var55 {

  -w-editmaskExtended-level:yes;
  -w-editmaskExtended-isnavanchor:yes;

  -w-subvariants:;

  -w-option-addLinkToHeadline:no; /* Anker automatisch setzen */
  -w-option-allowLinebreaks:yes; /* Manuelle Zeilenumbrüche erlauben */
  -w-option-allowHighlighting:no; /* Teilformatierung erlauben */

  $fontSizeHeadlineVar55:1.2rem; /* Schriftgröße Bereichsuntertitel */
  $lineHeightVar55:130%; /* Zeilenhöhe Bereichsuntertitel */
  $fontWeightHeadlineVar55:normal; /* Schriftstärke Bereichsuntertitel */

  $fontSizeHeadlineVar55Full:1.5rem; /* Schriftgröße Bereichsuntertitel Großbildschirm */
  $lineHeightVar55Full:140%; /* Zeilenhöhe Bereichsuntertitel Großbildschirm */
  $fontWeightHeadlineVar55Full:normal; /* Schriftstärke Bereichsuntertitel Großbildschirm */

  .elementHeadline_var50 + & {
    margin-top:-$marginBottomText;

    > * {
      padding-top:0 !important;
      padding-bottom:$marginBottomElement !important;
    }
  }

  * {
    text-align:center;
    font-size:$fontSizeHeadlineVar55;
    line-height:$lineHeightVar55;
    font-weight:$fontWeightHeadlineVar55;
    color:$baseColorPrimary1;

    .isDarkBackground & {
      color:$fontColorInverseSub;
    }

    .isLightBackground & {
      color:$fontColorSub;
    }

    sup {
      font-size:$fontSizeHeadlineVar55 * 0.7;
    }

    @media only screen and (min-width: $viewport_m_min){
      font-size:$fontSizeHeadlineVar55Full;
      line-height:$lineHeightVar55Full;
      font-weight:$fontWeightHeadlineVar55Full;

      sup {
        font-size:$fontSizeHeadlineVar55Full * 0.7;
      }
    }
  }
}

/*@wCssFragment{class:elementHeadline;variant:2;caption:Standardüberschrift weiss;caption-en:Default;livepreview:yes;selectable:no}*/
.elementHeadline_var2 {

  -w-editmaskExtended-level:yes;
  -w-editmaskExtended-isnavanchor:yes;

  -w-subvariants:;

  -w-option-addLinkToHeadline:yes; /* Anker automatisch setzen */
  -w-option-allowLinebreaks:no; /* Manuelle Zeilenumbrüche erlauben */
  -w-option-allowHighlighting:no; /* Teilformatierung erlauben */

  margin-left:auto;
  margin-right:auto;

  color: #FFF;
}

/*@wCssFragment{class:elementHeadline;variant:4;caption:Standardüberschrift gross weiss;caption-en:Section headline;livepreview:yes;;;selectable:yes}*/
.elementHeadline_var4 {

  -w-editmaskExtended-level:yes;
  -w-editmaskExtended-isnavanchor:yes;

  -w-subvariants:;

  -w-option-addLinkToHeadline:yes; /* Anker automatisch setzen */
  -w-option-allowLinebreaks:yes; /* Manuelle Zeilenumbrüche erlauben */
  -w-option-allowHighlighting:yes; /* Teilformatierung erlauben */

  $fontSizeHeadlineVar50:2.2rem; /* Schriftgröße Bereichsüberschrift */
  $lineHeightVar50:120%; /* Zeilenhöhe Bereichsüberschrift */
  $fontWeightHeadlineVar50:normal; /* Schriftstärke Bereichsüberschrift */

  $fontSizeHeadlineVar50Full:3.6rem; /* Schriftgröße Bereichsüberschrift Großbildschirm */
  $lineHeightVar50Full:120%; /* Zeilenhöhe Bereichsüberschrift Großbildschirm */
  $fontWeightHeadlineVar50Full:normal; /* Schriftstärke Bereichsüberschrift Großbildschirm */

  * {
    text-align:links;
  }

  > h1, > h2, > h3, > h4, > h5, > h6 {
    font-size:$fontSizeHeadlineVar50;
    line-height:$lineHeightVar50;
    font-weight:$fontWeightHeadlineVar50;
    padding-bottom:$marginBottomElement;

    @media only screen and (min-width: $viewport_m_min){
      font-size:$fontSizeHeadlineVar50Full;
      line-height:$lineHeightVar50Full;
      font-weight:$fontWeightHeadlineVar50Full;
    }
  }

  sup {
    font-size:$fontSizeHeadlineVar50 * 0.7;
  }

  color: #fff !important;
}

/*@wCssFragment{class:elementHeadline;variant:1;caption:Bereichsüberschrift gold;caption-en:Section headline;livepreview:yes;;;selectable:yes}*/
.elementHeadline_var1 {

  -w-editmaskExtended-level:yes;
  -w-editmaskExtended-isnavanchor:yes;

  -w-subvariants:;

  -w-option-addLinkToHeadline:yes; /* Anker automatisch setzen */
  -w-option-allowLinebreaks:yes; /* Manuelle Zeilenumbrüche erlauben */
  -w-option-allowHighlighting:yes; /* Teilformatierung erlauben */

  $fontSizeHeadlineVar50:2.2rem; /* Schriftgröße Bereichsüberschrift */
  $lineHeightVar50:120%; /* Zeilenhöhe Bereichsüberschrift */
  $fontWeightHeadlineVar50:normal; /* Schriftstärke Bereichsüberschrift */

	$fontSizeHeadlineVar50Middle:2.7rem; /* Schriftgröße Bereichsüberschrift */
  $lineHeightVar50Middle:120%; /* Zeilenhöhe Bereichsüberschrift */
  $fontWeightHeadlineVar50Middle:normal; /* Schriftstärke Bereichsüberschrift */

	$fontSizeHeadlineVar50AlmostFull:3.6rem; /* Schriftgröße Bereichsüberschrift Großbildschirm */
  $lineHeightVar50AlmostFull:120%; /* Zeilenhöhe Bereichsüberschrift Großbildschirm */
  $fontWeightHeadlineVar50AlmostFull:normal; /* Schriftstärke Bereichsüberschrift Großbildschirm */

	$fontSizeHeadlineVar50Full:4.7rem; /* Schriftgröße Bereichsüberschrift Großbildschirm */
  $lineHeightVar50Full:5.2rem; /* Zeilenhöhe Bereichsüberschrift Großbildschirm */
  $fontWeightHeadlineVar50Full:normal; /* Schriftstärke Bereichsüberschrift Großbildschirm */

  * {
    text-align:center;
  }

  > h1, > h2, > h3, > h4, > h5, > h6 {
    font-size:1.6rem;
    line-height:$lineHeightVar50;
    font-weight:$fontWeightHeadlineVar50;
    padding-bottom:$marginBottomElement;
		@media only screen and (min-width: 600px){
			font-size: $fontSizeHeadlineVar50;
		}

    @media only screen and (min-width: $viewport_m_min){
      font-size:$fontSizeHeadlineVar50Middle;
      line-height:$lineHeightVar50Middle;
      font-weight:$fontWeightHeadlineVar50Middle;
    }
    @media only screen and (min-width: $viewport_xl_min){
      font-size:$fontSizeHeadlineVar50AlmostFull;
      line-height:$lineHeightVar50AlmostFull;
      font-weight:$fontWeightHeadlineVar50AlmostFull;
    }
    @media only screen and (min-width: $viewport_xxl_min){
      font-size:$fontSizeHeadlineVar50Full;
      line-height:$lineHeightVar50Full;
      font-weight:$fontWeightHeadlineVar50Full;
    }
  }

  sup {
    font-size:$fontSizeHeadlineVar50 * 0.7;
  }

  color: $baseColorPrimary1 !important;

  .manuSite & {
    color: #9a7c73 !important;
  }
}

/*@wCssFragment{class:elementHeadline;variant:3;caption:Bereichsüberschrift weiss;caption-en:Section headline;livepreview:yes;;;selectable:no}*/
.elementHeadline_var3 {

  -w-editmaskExtended-level:yes;
  -w-editmaskExtended-isnavanchor:yes;

  -w-subvariants:;

  -w-option-addLinkToHeadline:yes; /* Anker automatisch setzen */
  -w-option-allowLinebreaks:yes; /* Manuelle Zeilenumbrüche erlauben */
  -w-option-allowHighlighting:yes; /* Teilformatierung erlauben */

  $fontSizeHeadlineVar50:2.2rem; /* Schriftgröße Bereichsüberschrift */
  $lineHeightVar50:120%; /* Zeilenhöhe Bereichsüberschrift */
  $fontWeightHeadlineVar50:normal; /* Schriftstärke Bereichsüberschrift */

  $fontSizeHeadlineVar50Full:3.6rem; /* Schriftgröße Bereichsüberschrift Großbildschirm */
  $lineHeightVar50Full:120%; /* Zeilenhöhe Bereichsüberschrift Großbildschirm */
  $fontWeightHeadlineVar50Full:normal; /* Schriftstärke Bereichsüberschrift Großbildschirm */

  * {
    text-align:center;
  }

  > h1, > h2, > h3, > h4, > h5, > h6 {
    font-size:$fontSizeHeadlineVar50;
    line-height:$lineHeightVar50;
    font-weight:$fontWeightHeadlineVar50;
    padding-bottom:$marginBottomElement;

    @media only screen and (min-width: $viewport_m_min){
      font-size:$fontSizeHeadlineVar50Full;
      line-height:$lineHeightVar50Full;
      font-weight:$fontWeightHeadlineVar50Full;
    }
  }

  sup {
    font-size:$fontSizeHeadlineVar50 * 0.7;
  }

  color: #fff !important;
}


/*@wCssFragment{class:elementHeadlineLevel;variant:auto;caption:Automatisch;caption-en:Auto;livepreview:no}*/
.elementHeadlineLevel_varauto {

}

/*@wCssFragment{class:elementHeadlineLevel;variant:h1;caption:Überschrift 1;caption-en:Headline 1;livepreview:no}*/
.elementHeadlineLevel_varh1 {

}

/*@wCssFragment{class:elementHeadlineLevel;variant:h2;caption:Überschrift 2;caption-en:Headline 2;livepreview:no}*/
.elementHeadlineLevel_varh2 {

}

/*@wCssFragment{class:elementHeadlineLevel;variant:h3;caption:Überschrift 3;caption-en:Headline 3;livepreview:no}*/
.elementHeadlineLevel_varh3 {

}

/*@wCssFragment{class:elementHeadlineLevel;variant:h4;caption:Überschrift 4;caption-en:Headline 4;livepreview:no}*/
.elementHeadlineLevel_varh4 {

}