/* $primary-custom-font: "Neue Helvetica", Helvetica, Arial, sans-serif;
$primary-custom-font-bold: 'Roboto', sans-serif;
$std-font: 'Roboto', Helvetica, Arial, sans-serif;
$std-font-bold: 'Roboto', Helvetica, Arial, sans-serif;
$btn-font: 'Roboto', Helvetica, Arial, sans-serif;
$headline-font: 'Roboto', Helvetica, Arial, sans-serif;
$menu-font: 'Roboto', Helvetica, Arial, sans-serif;
$menu-font-bold: 'Roboto', Helvetica, Arial, sans-serif;
$content-font: 'Roboto', Helvetica, Arial, sans-serif;
$content-font-thin: 'Roboto', Helvetica, Arial, sans-serif;
$content-font-bold: 'Roboto', Helvetica, Arial, sans-serif;
$footer-font: 'Roboto', Helvetica, Arial, sans-serif; */
/*
Here you will find all variables we used in SCSS files

ATTENTION! Dont use $value or $property!

*/
/**************
*
* FONTS
*
**************/
/**************
*
* RANDOM RAINBOW COLOR SET
*
**************/
/**************
*
* COLOR PRESET
*
**************/
/**************
*
* TEXT COLOR PRESET
*
**************/
/**************
*
* LINK COLOR PRESET
*
**************/
/**************
*
* MEDIA QUERY BREAKPOINTS
*
**************/
/**************
*
* HEADER & FOOTER
*
**************/
/**************
*
* PADDING
*
**************/
/**************
*
* IMG SIZES
*
**************/
/**************
*
* WIDTH OF CONTENT ELEMENTS
*
**************/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/*
*
*
*
* Use this file to create extend/inheritance
*
*
*
*/
/*
*
* MARGINS & PADDINGS
*
*/
/*
*
* LIMITED CONTENT WIDTH
*
*/
/*
*
*
* FONT PRESET
*
*/
@font-face {
  font-family: 'SourceSans3';
  src: url("../fonts/SourceSans/SourceSans3-Regular.woff") format("woff");
  src: url("../fonts/SourceSans/SourceSans3-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'SourceSans3Medium';
  src: url("../fonts/SourceSans/SourceSans3-Medium.woff") format("woff");
  src: url("../fonts/SourceSans/SourceSans3-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'SourceSans3Mediumitalic';
  src: url("../fonts/SourceSans/SourceSans3-Mediumitalic.woff") format("woff");
  src: url("../fonts/SourceSans/SourceSans3-Mediumitalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: 'SourceSans3Bold';
  src: url("../fonts/SourceSans/SourceSans3-Bold.woff") format("woff");
  src: url("../fonts/SourceSans/SourceSans3-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'RobotoSlab';
  src: url("../fonts/RobotoSlab/RobotoSlab-ExtraBold.woff2") format("woff2"), url("RobotoSlab-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab';
  src: url("../fonts/RobotoSlab/RobotoSlab-SemiBold.woff2") format("woff2"), url("RobotoSlab-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab';
  src: url("../fonts/RobotoSlab/RobotoSlab-Black.woff2") format("woff2"), url("RobotoSlab-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab';
  src: url("../fonts/RobotoSlab/RobotoSlab-Bold.woff2") format("woff2"), url("RobotoSlab-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab';
  src: url("../fonts/RobotoSlab/RobotoSlab-Light.woff2") format("woff2"), url("RobotoSlab-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab-Medium';
  src: url("../fonts/RobotoSlab/RobotoSlab-Medium.woff2") format("woff2"), url("RobotoSlab-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab';
  src: url("../fonts/RobotoSlab/RobotoSlab-ExtraLight.woff2") format("woff2"), url("RobotoSlab-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab-Regular';
  src: url("../fonts/RobotoSlab/RobotoSlab-Regular.woff2") format("woff2"), url("../fonts/RobotoSlab/RobotoSlab-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'RobotoSlab';
  src: url("../fonts/RobotoSlab/RobotoSlab-Thin.woff2") format("woff2"), url("RobotoSlab-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }
.page-intern-konvent .page-toptitle,
.page-intern-konvent .page-headline,
.page-intern-konvent .page-subtitle {
  margin-left: 0;
  margin-right: 0;
  padding: 0 20px;
  margin-bottom: 15px;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .page-intern-konvent .page-toptitle,
    .page-intern-konvent .page-headline,
    .page-intern-konvent .page-subtitle {
      margin-bottom: 15px; } }
.page-intern-konvent .page-title-container-dynamic {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 40px; }
  @media screen and (min-width: 768px) {
    .page-intern-konvent .page-title-container-dynamic {
      margin-bottom: 60px; } }
  @media screen and (min-width: 768px) {
    .page-intern-konvent .page-title-container-dynamic {
      margin: 0 auto;
      margin-bottom: 50px; } }
  .page-intern-konvent .page-title-container-dynamic.dynamic-background {
    padding: 45px 0 35px 0;
    background: #046a21;
    color: #fff !important;
    background-image: url(../images/header/dynamic-background.png);
    background-size: cover; }
    .page-intern-konvent .page-title-container-dynamic.dynamic-background .page-toptitle,
    .page-intern-konvent .page-title-container-dynamic.dynamic-background .page-headline,
    .page-intern-konvent .page-title-container-dynamic.dynamic-background .page-subtitle {
      color: #fff !important;
      text-align: left; }
.page-intern-konvent .dynamic-page-article {
  max-width: 100%;
  padding: 0 20px;
  max-width: 100%;
  margin: 0 auto;
  overflow: auto; }
  @media screen and (min-width: 768px) {
    .page-intern-konvent .dynamic-page-article {
      max-width: 680px; } }
  @media screen and (min-width: 1024px) {
    .page-intern-konvent .dynamic-page-article {
      max-width: 850px; } }
  .page-intern-konvent .dynamic-page-article:first-of-type {
    margin-top: 20px; }
  .page-intern-konvent .dynamic-page-article ul {
    padding-left: 35px;
    margin-bottom: 25px; }
    .page-intern-konvent .dynamic-page-article ul li {
      margin-bottom: 0px;
      list-style: none;
      position: relative; }
      .page-intern-konvent .dynamic-page-article ul li:before {
        content: "";
        background-image: url("../images/icons/icon_chevron-right.svg");
        display: inline-block;
        width: 20px;
        margin-left: -30px;
        margin-right: 10px;
        height: 15px;
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        top: 5px; }
.page-intern-konvent .intern-konvent-card-container {
  max-width: 100%;
  padding: 0 20px;
  max-width: 100%;
  margin: 0 auto;
  overflow: auto;
  margin-top: 30px; }
  @media screen and (min-width: 768px) {
    .page-intern-konvent .intern-konvent-card-container {
      max-width: 680px; } }
  @media screen and (min-width: 1024px) {
    .page-intern-konvent .intern-konvent-card-container {
      max-width: 850px; } }
  @media screen and (min-width: 768px) {
    .page-intern-konvent .intern-konvent-card-container {
      margin-top: 45px; } }
  .page-intern-konvent .intern-konvent-card-container .intern-konvent-card {
    background-color: #136541;
    padding: 20px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column; }
    .page-intern-konvent .intern-konvent-card-container .intern-konvent-card .intern-konvent-title {
      color: #fff;
      display: block;
      margin-bottom: 10px; }
    .page-intern-konvent .intern-konvent-card-container .intern-konvent-card .intern-konvent-date {
      font-size: 1em;
      color: #fff;
      display: block;
      margin-bottom: 15px; }
    .page-intern-konvent .intern-konvent-card-container .intern-konvent-card button.intern-konvent-button {
      margin-left: auto; }
    .page-intern-konvent .intern-konvent-card-container .intern-konvent-card a.intern-konvent-button {
      margin-left: auto; }
    .page-intern-konvent .intern-konvent-card-container .intern-konvent-card p.description {
      color: #fff;
      display: block; }

/*# sourceMappingURL=page_intern-konvent.css.map */