@CHARSET "ISO-8859-1";

html, body {
  font-family: 'Roboto', 'Helvetica', sans-serif;
  margin: 0;
  padding: 0;
}

#page .mdl-layout__header-row {
  padding-left: 40px;
}
#page .mdl-layout.is-small-screen .mdl-layout__header-row h3 {
  font-size: inherit;
}
#page .mdl-layout__tab-bar-button {
  display: none;
}
#page .mdl-layout.is-small-screen .mdl-layout__tab-bar .mdl-button {
  display: none;
}
#page .mdl-layout:not(.is-small-screen) .mdl-layout__tab-bar,
#page .mdl-layout:not(.is-small-screen) .mdl-layout__tab-bar-container {
  overflow: visible;
}
#page .mdl-layout__tab-bar-container {
  height: 64px;
}
#page .mdl-layout__tab-bar {
  padding: 0;
  padding-left: 16px;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
#page .mdl-layout__tab-bar .mdl-layout__tab {
  height: 64px;
  line-height: 64px;
}
#page .mdl-layout__tab-bar .mdl-layout__tab.is-active::after {
  background-color: white;
  height: 4px;
}
#page main > .mdl-layout__tab-panel {
  padding: 8px;
  padding-top: 48px;
}

#page .mdl-layout__content section:not(:last-of-type) {
  position: relative;
  margin-bottom: 48px;
}

#page section.section--center {
  max-width: 860px;
}

#page section > header{
  background: white;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#page section > .section__img {
  min-height: 200px; 
}

.card-img {
  	height: 100%;
  	width: 100%;
  	object-fit: cover;
}

#page section .section__text {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding-top: 8px;
}
#page section .section__text h5 {
  font-size: inherit;
  margin: 0;
  margin-bottom: 0.5em;
}
#page section .section__text a {
  text-decoration: none;
}

#page .mdl-card {
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
#page .mdl-card > * {
  height: auto;
}
#page .mdl-card .mdl-card__supporting-text {
  margin: 40px;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0;
  color: inherit;
  width: calc(100% - 80px);
}
#page .mdl-card__supporting-text h4 {
  margin-top: 0;
  margin-bottom: 20px;
}
#page .mdl-card__actions {
  margin: 0;
  padding: 4px 40px;
  color: inherit;
}
#page .mdl-card__actions a {
  color: #00BCD4;
  margin: 0;
}
#page .mdl-card__actions a:hover,
#page .mdl-card__actions a:active {
  color: inherit;
  background-color: transparent;
}
#page .mdl-card__supporting-text + .mdl-card__actions {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

#teaser-section {
  position: relative;
  z-index: 3;
}

#teaser-text-box {
  float: left;
  position:absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
    
#teaser-text > * {
	color: white;
    font-size: 50px;
  	font-weight: 900;
    text-align: center;
}

#banner {
  height: 150px;
  background: #85D189 url(/fileadmin/sitedesign/Resources/Public/assets/logo_neu.png) no-repeat left top;
  border-bottom: 2px solid #326B65;
  margin: 0px -5px 0px -5px;
}

.fkn_content {
  padding-bottom: 40px;
}

.social{
    width:147px;
    height:23px;
    float:right;
    vertical-align:top !important;
}

.csc-textpic-imagecolumn img {
  padding: 5px;
  margin-top: 20px !important;
  background-color: #289287;
  border: 1px solid black !important;
  border-radius: 5px 5px 5px 5px;
}