/*
 * Icons
 */
/*
 * Variables
 */
.form-element {
  display: flex;
  flex-direction: column; }

.form-actions {
  margin-top: 1em; }

.valid-feedback, .invalid-feedback {
  display: block; }

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }
  .form-row:before {
    display: none; }

.form-column {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding-right: 5px;
  padding-left: 5px; }

.form-image {
  margin-top: 1rem; }

.form-fieldset {
  height: 100%; }

.form-fieldset-inner {
  display: flex;
  flex-direction: column;
  height: 100%; }

.custom-radio-multiple .invalid-feedback, .custom-checkbox-multiple .invalid-feedback, .custom-radio-multiple .valid-feedback, .custom-checkbox-multiple .valid-feedback, .custom-radio-multiple .form-text, .custom-checkbox-multiple .form-text {
  padding-left: 0.5rem; }

.custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.custom-file-input ~ .custom-file-label[data-browse-label]:after {
  content: attr(data-browse-label); }

.form-element-type-textarea {
  flex-grow: 1; }
  .form-element-type-textarea .input {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1; }
  .form-element-type-textarea textarea {
    min-height: 90px;
    flex-grow: 1; }

.form-element-type-date-picker .form-column-hours, .form-element-type-date-picker .form-column-minute {
  min-width: 75px;
  flex-grow: 0; }

.form-element-type-advanced-password .form-group + .form-group {
  margin-bottom: 0; }

.form-element-mandatory h2 {
  font-size: 1.35em;
  flex-grow: 1; }
.form-element-mandatory p {
  size: 0.8em;
  color: #007bff; }
@media (min-width: 576px) {
  .form-element-mandatory {
    display: flex;
    flex-direction: row;
    align-items: baseline; }
    .form-element-mandatory * {
      margin-bottom: 0; }
    .form-element-mandatory p {
      padding-left: 1.5em; } }

.tx-indexedsearch-info > dt {
  float: left;
  clear: left;
  width: 25%;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

.tx-indexedsearch-info > dd {
  margin-left: 25%; }

.tx-indexedsearch-res span {
  display: inline-block; }

.tx-indexedsearch-res {
  border-bottom: 1px solid #7e949b;
  margin-bottom: 1.5; }

.search-hide-btn {
  margin-top: 0.5rem; }
@media (min-width: 768px) {
  .search-hide-btn {
    margin-top: 0; } }

.pagination, .tx-indexedsearch-browsebox {
  display: block;
  padding-left: 0;
  margin: 12px 0;
  border-radius: 0px; }

.pagination > li, .tx-indexedsearch-browsebox > li {
  display: inline; }
  .pagination > li:before, .tx-indexedsearch-browsebox > li:before {
    content: none; }

ul.tx-indexedsearch-browsebox {
  padding: 6px 0 16px 0;
  margin: 16px 0;
  border-radius: 0px;
  border-top: 1px solid #7e949b;
  border-bottom: 1px solid #7e949b; }

.pagination > li > a, .pagination > li > span, .tx-indexedsearch-browsebox > li > strong > a, .tx-indexedsearch-browsebox > li > a {
  position: relative;
  float: left;
  padding: 8px 6px;
  margin-left: -1px;
  line-height: 1.2;
  text-decoration: none;
  background-color: none;
  border: none; }

.tx-indexedsearch-browsebox > li:first-child > strong > a {
  padding-left: 0; }

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .tx-indexedsearch-browsebox > li > strong > a:hover, .tx-indexedsearch-browsebox > li > strong > a:focus, .tx-indexedsearch-browsebox > li > a:hover, .tx-indexedsearch-browsebox > li > a:focus {
  z-index: 2;
  text-decoration: underline; }

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .tx-indexedsearch-browsebox > .tx-indexedsearch-browselist-currentPage > strong > a, .tx-indexedsearch-browsebox > .tx-indexedsearch-browselist-currentPage > strong > a:hover, .tx-indexedsearch-browsebox > .tx-indexedsearch-browselist-currentPage > strong > a:focus, .tx-indexedsearch-browsebox > .tx-indexedsearch-browselist-currentPage > a, .tx-indexedsearch-browsebox > .tx-indexedsearch-browselist-currentPage > a:hover, .tx-indexedsearch-browsebox > .tx-indexedsearch-browselist-currentPage > a:focus {
  z-index: 3;
  /*color: #*/
  cursor: default;
  text-decoration: underline; }

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  color: #777777; }

.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 8px 12px;
  font-size: 1.2em;
  line-height: 1.2; }

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.pagination-sm > li > a, .pagination-sm > li > span {
  padding: 4px 8px;
  font-size: 11px;
  line-height: 1.2; }

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.tx-indexedsearch-info-sword {
  display: none; }

.tx-indexedsearch-result-number {
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  color: #889499;
  margin-right: 8px; }

.media .media-url {
  margin-bottom: 0; }

/*
 * Nav
 */
/*
 * Variables
 */
nav.navbar {
  /*background-color: rgba(255,255,255,.94); */
  background-color: #fff;
  /* height: 180px; */
  align-items: flex-start;
  flex-direction: row;
  /* fuer mobiles Menue */
  justify-content: space-between;
  padding-bottom: 0;
  padding-top: 16px; }
@media (min-width: 992px) {
  nav.navbar {
    flex-direction: column;
    /* fuer Desktop-Menue */ } }

#headerLogo {
  width: 100%;
  display: flex;
  margin-top: 8px;
  margin-bottom: 10px; }

#headerMenu {
  width: 100%;
  margin-bottom: 0; }

.navbar-brand {
  margin-top: 20px; }

img#logoImgwf {
  width: 126px;
  height: 28px; }

img#logoInstitutSm {
  width: 210px;
  height: 28px;
  margin-left: 20px;
  display: none; }
@media (min-width: 576px) and (max-width: 991.98px) {
  img#logoInstitutSm {
    display: inline; } }

img#logoInstitut {
  width: 417px;
  height: 28px;
  margin-left: 20px;
  display: none; }
@media (min-width: 992px) {
  img#logoInstitut {
    display: inline; } }

img#logoUni {
  width: 64px;
  height: 73px; }

.navbar-toggler {
  background: transparent !important;
  padding: 4px 0 14px 0;
  border: none;
  outline: none; }
  .navbar-toggler:focus {
    outline: none; }

.container#menuContainer {
  background-color: #ECF0F0;
  padding-top: 0.5rem;
  padding-left: 1em;
  padding-right: 1em;
  margin-top: 20px; }

.icon-bar {
  width: 28px;
  height: 3px;
  background-color: #647b81;
  display: block;
  transition: all 0.2s;
  margin-top: 6px; }

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 2% 23%; }

.navbar-toggler .middle-bar {
  opacity: 0; }

.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 2% 98%; }

.navbar-toggler.collapsed .top-bar {
  transform: rotate(0); }

.navbar-toggler.collapsed .middle-bar {
  opacity: 1; }

.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0); }

.navbar-expand-lg .navbar-nav .nav-link {
  padding-left: 0;
  padding-right: 0; }
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0;
    padding-right: 0;
    margin-left: 24px;
    margin-right: 24px; } }

#navbarMain {
  position: relative;
  border-bottom: 1px solid #7e949b;
  background-color: #fafcfc;
  /*z-index: 100;*/
  margin: 8px -15px -1px -15px;
  padding: 20px 15px 15px 15px; }
@media (min-width: 992px) {
  #navbarMain {
    background: none;
    margin: 0;
    padding: 0; }
    #navbarMain #navbarMenu {
      justify-content: space-between;
      flex-grow: 1; } }
#navbarMain ul {
  margin-bottom: 0; }
#navbarMain li {
  margin-left: 0; }
  #navbarMain li::before {
    content: none;
    margin-left: 0; }
#navbarMain .nav-item > .nav-link {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 600;
  padding-top: 0.5rem;
  padding-bottom: 0.6rem; }
  #navbarMain .nav-item > .nav-link:hover {
    color: #ff2a00; }
  @media (min-width: 992px) {
    #navbarMain .nav-item > .nav-link {
      border-bottom: 3px solid transparent; }
      #navbarMain .nav-item > .nav-link:hover {
        border-bottom: 3px solid #ff2a00; } }
@media (min-width: 992px) {
  #navbarMain .nav-item:first-child > .nav-link {
    margin-left: 0; } }
@media (min-width: 992px) {
  #navbarMain .nav-item:last-child > .nav-link {
    margin-right: 0; } }
@media (min-width: 992px) {
  #navbarMain .ml .nav-item:first-child > .nav-link {
    margin-left: 24px; } }
@media (min-width: 992px) {
  #navbarMain .ml .nav-item:last-child > .nav-link {
    margin-right: 6px; } }

.nav-item.active > .nav-link {
  color: #ff2a00 !important; }
@media (min-width: 992px) {
  .nav-item.active > .nav-link {
    border-bottom: 3px solid #ff2a00 !important; } }

.nav-item.nav-separator-v {
  font-weight: 600;
  padding-top: 0.4rem;
  color: #727c80; }

.nav.flex-column {
  padding-top: 0.25rem; }
  .nav.flex-column a:hover, .nav.flex-column a:active {
    text-decoration: underline; }
  .nav.flex-column .nav-link {
    padding-left: 0;
    font-size: 0.875rem;
    line-height: 1.1rem;
    padding-bottom: 0.5rem; }

.megamenu .dropdown-menu {
  background-color: transparent; }
@media (min-width: 768px) {
  .megamenu {
    position: static; }
    .megamenu .dropdown-menu {
      background-color: rgba(255, 255, 255, 0.94);
      border: none;
      margin-top: 1px;
      width: 100%;
      box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); }
      .megamenu .dropdown-menu > .container > .row {
        border-top: 0;
        padding-top: 32px;
        padding-bottom: 24px;
        border-radius: 0;
        border-top: 0; } }

#navbarMain .dropdown-menu {
  background-color: transparent;
  margin-top: 0;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  border-top: 1px solid #7e949b;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 0; }
  #navbarMain .dropdown-menu .container {
    padding-left: 0;
    padding-right: 0; }
  #navbarMain .dropdown-menu span {
    display: block; }
  #navbarMain .dropdown-menu h5 {
    text-transform: none;
    font-size: 0.6rem;
    color: #889499;
    border-bottom: none;
    white-space: nowrap;
    margin-top: 1rem;
    margin-bottom: 8px;
    border-top: none;
    border-bottom: 1px solid #E1E5E6;
    padding: 12px 0 8px 0; }
    @media (min-width: 992px) {
      /*.frame-type-list ~ .frame-type-list h5 { // change for all h5 except first menu item
       margin-top: $spacer;
       }*/
      #navbarMain .dropdown-menu h5 {
        padding: 0.2rem 15px 0.3rem 15px;
        margin: 12px -15px 0.25rem -15px; } }
  #navbarMain .dropdown-menu .tt_address_list p {
    white-space: nowrap; }
  #navbarMain .dropdown-menu p, #navbarMain .dropdown-menu span {
    line-height: 1.1;
    margin-bottom: 0.6rem;
    border-bottom: 1px solid #E1E5E6;
    padding: 0 0 12px 0; }
  @media (min-width: 992px) {
    #navbarMain .dropdown-menu p, #navbarMain .dropdown-menu span {
      border-bottom: none;
      padding: 0; } }
  #navbarMain .dropdown-menu .frame:first-child header h5 {
    margin-top: 0; }
  @media (min-width: 992px) {
    #navbarMain .dropdown-menu {
      font-size: 0.9rem;
      background-color: #fff;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
      padding-bottom: 1rem; }
      #navbarMain .dropdown-menu .container {
        padding-left: 15px;
        padding-right: 15px; } }

/*
 * Footer
 */
/*
 * Variables
 */
.footer {
  background-color: #fff;
  padding-bottom: 2rem; }
  .footer .container {
    background-color: #ECF0F0;
    padding-bottom: 0.5rem;
    padding-top: 0;
    margin-bottom: 1rem; }
    .footer .container .col-lg-4 .frame, .footer .container .col-lg-8 .frame, .footer .container .col-12 .frame {
      padding-top: 1.3rem;
      border-top: 1px solid #7e949b; }
    .footer .container p {
      font-size: 0.75rem;
      line-height: 1.3; }

/*
 * Hero 
 */
/*
 * Variables
 */
/* Header Parallax Element*/
.hero {
  height: 460px;
  position: relative;
  overflow: hidden;
  border-top: 1px solid #596d73; }
  .hero .hero-image-default-bg {
    background-image: url(/fileadmin/medien/Bilder/Institut/Titelbilder/title_institut_05.jpg); }
  .hero .hero-image {
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    max-height: 710px;
    will-change: transform;
    background-repeat: repeat-x;
    background-position-x: center;
    overflow: hidden;
    z-index: -1; }
  .hero h1 {
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4); }
  @media (min-width: 576px) {
    .hero h1 {
      font-size: 2.8rem; } }
@media (min-width: 992px) {
  .hero h1 {
    font-size: 3.6rem; } }
.hero h5 {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 0.5rem;
  border-bottom: 1.5px solid white;
  margin-bottom: 1rem;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4); }
  .hero.text-white::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -moz-linear-gradient(top, rgba(70, 40, 0, 0.2) 0%, rgba(70, 40, 0, 0) 8%, rgba(70, 40, 0, 0) 40%, rgba(70, 40, 0, 0.6) 100%);
    background-image: -webkit-linear-gradient(top, rgba(70, 40, 0, 0.2) 0%, rgba(70, 40, 0, 0) 8%, rgba(70, 40, 0, 0) 40%, rgba(70, 40, 0, 0.6) 100%);
    background-image: linear-gradient(to bottom, rgba(70, 40, 0, 0.3) 0%, rgba(70, 40, 0, 0.2) 8%, rgba(70, 40, 0, 0.2) 40%, rgba(70, 40, 0, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26000000', endColorstr='#80000000',GradientType=0); }
  .hero.text-white div, .hero.text-white p, .hero.text-white h1, .hero.text-white h5 {
    color: #fff; }
    .hero.text-white a:link, .hero.text-white a:visited {
      color: #fff; }
    .hero.text-white a:hover, .hero.text-white a:active {
      color: #eee;
      text-decoration-color: #eee; }
      .hero.text-white a:hover div, .hero.text-white a:active div, .hero.text-white a:hover p, .hero.text-white a:active p, .hero.text-white a:hover h1, .hero.text-white a:active h1, .hero.text-white a:hover h5, .hero.text-white a:active h5 {
        color: #eee; }
  .hero.text-white.content-bottom {
    display: flex; }
    .hero.text-white.content-bottom > div {
      align-self: flex-end; }
    .hero.text-white.content-bottom .col {
      margin-bottom: 2rem; }

/*
 * Frame collapse component
 *
 * Clone of bootstrap collapse
 * because of class called frame-collapse in typo3
 * instead of the bootstrap-default collapse
 */
.frame-collapse {
  box-sizing: border-box;
  position: relative; }
  .frame-collapse:not(.show) {
    display: none; }
  .frame-collapse.collapsing {
    display: block; }
  .frame-collapse.show h2 {
    margin-top: 78px;
    /* als Ausgleich für Slider darüber */ }

/*
 Search Panel
 */
/*
 * Variables
 */
#SearchPanel {
  background-color: #fff; }
  #SearchPanel #SearchPanelInner {
    background-color: #ECF0F0;
    margin: 0 -15px;
    overflow: hidden;
    border-top: 1px solid #7e949b; }
    #SearchPanel #SearchPanelInner form {
      margin-top: -70px;
      transition: margin-top 0.4s ease-in-out; }
    #SearchPanel #SearchPanelInner.show form {
      margin-top: 0; }
  #SearchPanel .form-group {
    position: relative;
    margin-top: 1rem;
    bottom: 0; }
  #SearchPanel #SearchPanelSwitch {
    position: relative;
    margin-bottom: -38px;
    z-index: 1; }
    #SearchPanel #SearchPanelSwitch button {
      color: #889499;
      outline: 0;
      text-decoration: none; }
      #SearchPanel #SearchPanelSwitch button:hover {
        color: #ff2a00; }
      #SearchPanel #SearchPanelSwitch button:focus {
        outline: 0;
        box-shadow: none; }

.image img {
  max-width: 100%;
  height: auto; }

.image-square {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%; }
  .image-square img {
    position: absolute;
    object-fit: cover; }

.ce-textpic, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
  overflow: hidden; }

.ce-left .ce-gallery, .ce-column {
  float: left; }

.ce-right .ce-gallery {
  float: right; }

figcaption {
  display: block !important;
  color: #727c80;
  font-size: 0.6rem;
  margin-top: 0.5rem;
  width: 100%; }

.ce-gallery figure {
  margin: 0; }

.ce-gallery figcaption {
  display: table-caption;
  caption-side: bottom; }

.ce-gallery img {
  display: block;
  width: 100%; }

.ce-gallery iframe {
  border-width: 0; }

.ce-right.ce-intext .ce-gallery {
  margin-left: 1rem; }

.ce-left.ce-intext .ce-gallery {
  margin-right: 1rem; }

.ce-below .ce-gallery {
  margin-top: 1.5; }

.ce-column {
  padding-right: 0.5rem; }

.ce-intext.ce-right .ce-column, .ce-intext [data-ce-columns="1"] .ce-column {
  padding-right: 0; }

.ce-column {
  margin-bottom: 0.5rem; }

.ce-above .ce-bodytext {
  clear: both; }

.ce-intext.ce-left ol, .ce-intext.ce-left ul {
  padding-left: 2rem;
  overflow: auto; }

.ce-center .ce-outer, .ce-center .ce-inner {
  float: none;
  right: 0; }

.ce-intext > .ce-gallery, .ce-intext > .ce-bodytext {
  width: 100%; }

.ce-above .ce-gallery, .ce-below .ce-gallery {
  margin-right: -0.5rem; }

.ce-right.ce-above, .ce-right.ce-below {
  margin-left: -0.5rem;
  margin-right: 0; }

[data-ce-columns="1"] .ce-column {
  max-width: 100%;
  width: 100%; }

.ce-column {
  max-width: 50%;
  width: 50%; }

.ce-left.ce-above .ce-gallery, .ce-left.ce-below .ce-gallery {
  float: none; }

[data-ce-columns="3"] .ce-column {
  max-width: 33.33333333%; }

@media (min-width: 768px) {
  .ce-column, .ce-uploads-img-link {
    padding-right: 1rem; }
  .ce-intext [data-ce-columns="1"] .ce-column {
    padding-right: 0; }
  .ce-column {
    margin-bottom: 1.5; }
  .ce-intext .ce-gallery {
    width: 50%; }
  .ce-intext.ce-nowrap > .ce-bodytext {
    width: 50%; }
  .ce-intext.ce-left .ce-gallery {
    margin-right: 0.5rem; }
  .ce-intext.ce-left .ce-column {
    padding-right: 0.5rem; }
  .ce-left.ce-nowrap .ce-gallery {
    margin-right: -0.5rem;
    margin-left: 0; }
  .ce-left.ce-nowrap .ce-bodytext {
    padding-left: 1rem; }
  .ce-right.ce-nowrap.ce-intext .ce-gallery {
    margin-left: -0.5rem;
    margin-right: 0; }
  .ce-right.ce-nowrap .ce-bodytext {
    padding-right: 1rem; }
  .ce-intext.ce-right .ce-gallery {
    margin-left: 0.5rem; }
  .ce-intext.ce-right .ce-column {
    padding-left: 0.5rem; }
  [data-ce-columns="2"] .ce-column {
    max-width: 50%; }
  [data-ce-columns="4"] .ce-column {
    max-width: 50%; }
  .ce-above .ce-gallery, .ce-below .ce-gallery {
    margin-right: -1rem; }
  .ce-right.ce-above, .ce-right.ce-below {
    margin-left: -1rem;
    margin-right: 0; } }

@media (max-width: 991.98px) {
  [data-ce-columns="2"] .ce-column:nth-child(odd) {
    clear: left; } }

@media (max-width: 767.98px) {
  [data-ce-columns="4"] .ce-column:nth-child(odd) {
    clear: left; } }

@media (min-width: 768px) {
  [data-ce-columns="4"] .ce-column {
    max-width: 25%; } }

/* 
 * Sections
 */
/*
 * Variables
 */
section {
  padding-top: 0;
  background-color: #fff;
  background-clip: padding-box; }
  section.main .row + .row {
    margin-top: 2rem; }
  section .container {
    padding-top: 2rem; }
  section.main {
    background-color: #F5F7F7; }
    section.main .container {
      background-color: #ECF0F0;
      min-height: 400px;
      padding-bottom: 2rem; }

/*
 * Elements
 */
/*
 * Bootstrap overrides
 */
/*
 * Variables
 */
html {
  overflow-y: scroll; }

h1 {
  margin-top: 1rem;
  margin-bottom: 2rem; }

h2 {
  margin-top: 3rem;
  margin-bottom: 1rem; }

h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem; }

h4 {
  margin-top: 1.5rem; }

h5 {
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid #7e949b;
  margin-bottom: 1rem;
  margin-top: 2rem; }

b, strong {
  font-weight: 600;
  color: #233; }

.subtitle {
  font-weight: 600;
  color: #596d73; }

a .link-continue::after {
  content: '\02192';
  font-weight: normal;
  font-style: normal;
  margin: 0px 0px 0px 10px;
  text-decoration: none; }
  a .link-continue::after:hover, a .link-continue::after:active {
    text-decoration: none; }

.lead {
  color: #596d73; }

a .lead {
  color: #212529;
  font-weight: 400; }

.margin-top-1 {
  margin-top: 1rem !important; }

.margin-top-2 {
  margin-top: 2rem; }

hr {
  border-top: 1px solid #7e949b; }

a h1, a h2, a h3, a h4, a h5, a p, a span, a div, a i {
  color: inherit; }

blockquote {
  margin: 1rem 0 1rem 6rem; }
  blockquote p {
    font-size: 1.2rem;
    font-weight: 400;
    font-style: italic;
    color: #7f7d7a;
    line-height: 1.6; }
    blockquote p em {
      color: #6f6d6a;
      display: block;
      text-align: right; }
  blockquote.text-center {
    text-align: center !important; }
  blockquote.text-right {
    text-align: right !important; }
  blockquote footer, blockquote small, blockquote .small {
    color: #7f7d7c;
    display: block;
    font-size: 80%;
    line-height: 1.42857; }
  blockquote.pull-right p, blockquote.pull-right small, blockquote.pull-right .small {
    text-align: right; }

.frame-type-menu_subpages ul, .list-unstyled ul {
  list-style-type: none;
  margin-left: 0;
  padding-inline-start: 0; }
.frame-type-menu_subpages li, .list-unstyled li {
  padding-left: 0;
  text-indent: 0;
  margin-left: 0; }
  .frame-type-menu_subpages li::before, .list-unstyled li::before {
    content: none;
    margin-left: 0; }

.side-menu > h5:first-child {
  margin-bottom: 2rem; }
.side-menu a.active {
  color: #ff2a00; }
.side-menu li li {
  margin-left: 1rem; }

.sidemenu-parent {
  font-weight: 600;
  margin-bottom: 24px;
  margin-top: -1rem; }

.page-image {
  text-align: center;
  margin-bottom: 1.5rem;
  background-color: #abb3b5; }
  .page-image img {
    width: 70%;
    height: auto; }

.page-image + .list-unstyled {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #7e949b; }

/* 
 * Sections
 */
/*
 * Variables
 */
section.main h1 {
  padding-bottom: 0.6rem;
  border-bottom: 1px solid #7e949b; }
section.main .article {
  margin-top: 2rem;
  margin-bottom: 1rem; }
@media (min-width: 768px) {
  section.main .article-beside-main {
    margin-top: 1.1rem; } }
@media (min-width: 768px) {
  section.main .add_title_balance_padding {
    margin-top: 0.55rem; } }

.teaser {
  border-top: none;
  padding-top: 0;
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .teaser ~ .teaser {
    border-top: 1.5px solid #596d73;
    padding-top: 1rem; }
  .teaser ~ .col.teaser {
    border-top: none;
    padding-top: 0; }
  .teaser h3 {
    margin-top: 1rem;
    font-size: 1.25rem; }

.teaser-image-square {
  max-width: 270px; }

/* 
 * Fluid Styled Content Custom
 */
/*
 * Variables
 */
.text-left, .ce-headline-left {
  text-align: left; }

.text-center, .ce-headline-center {
  text-align: center; }

.text-right, .ce-headline-right {
  text-align: right; }

.ce-table td, .ce-table th {
  vertical-align: top; }

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
  overflow: hidden; }

ul {
  margin-bottom: 0.8rem;
  list-style: none;
  padding-left: 0; }
  ul > li {
    margin-left: 12px; }
    ul > li::before {
      content: "– ";
      margin-left: -12px; }

.slick-dots li::before {
  content: '';
  margin-left: 0; }

.ce-uploads {
  margin: 1.6 0;
  padding: 0; }

.ce-uploads li {
  list-style: none outside none;
  margin: 0;
  padding-bottom: 0; }

.ce-uploads img {
  float: left;
  margin: 0.5rem;
  vertical-align: top; }

.ce-uploads span {
  display: block; }

.ce-uploads li:nth-child(odd) {
  background: #dee2e6; }

.ce-uploads:before, .ce-uploads:after {
  content: "";
  display: table; }

.ce-uploads:after {
  clear: both; }

.ce-uploads div {
  margin: 0.8 1rem; }

.ce-uploads-fileName {
  margin-bottom: 0.4; }

.ce-uploads-filesize {
  text-align: right; }

.frame-layout-100 .ce-uploads li:nth-child(odd) {
  background: transparent; }

.ce-table-striped tbody tr:nth-of-type(odd) {
  background-color: #f8f9fa; }

.ce-table-bordered th, .ce-table-bordered td {
  border: 1px solid #dee2e6; }

[class*="frame-space-before-"] {
  padding-top: 0.55rem; }

[class*="frame-space-before-large"] {
  padding-top: 1.1rem; }

[class*="frame-space-before-extra-large"] {
  padding-top: 2.2rem; }

[class*="frame-space-after-"] {
  padding-bottom: 1rem; }

@media (min-width: 768px) {
  .frame-space-before-small {
    padding-top: 0.8; }
  .frame-space-before-medium {
    padding-top: 1.6; }
  .frame-space-before-large {
    padding-top: 3.2; }
  .frame-space-after-small {
    padding-bottom: 0.8; }
  .frame-space-after-medium {
    padding-bottom: 1.6; }
  .frame-space-after-large {
    padding-bottom: 3.2; } }

.frame-ruler-before:before {
  content: '';
  display: block;
  border-top: 1px solid #7e949b;
  padding-top: 15px; }

.frame-ruler-after:after {
  content: '';
  display: block;
  border-bottom: 1px solid #7e949b;
  margin-bottom: 15px; }

@media (min-width: 768px) {
  .frame-indent {
    margin-left: 16.66667%;
    margin-right: 16.66667%; }
  .frame-indent-left {
    margin-left: 33.33333%; }
  .frame-indent-right {
    margin-right: 33.33333%; } }

[class*="frame-type-menu_"] ul li ul li a, [class*="frame-type-menu_"] ul li ul li p {
  padding-left: 1rem; }

[class*="frame-type-menu_"] ul li ul li ul li a, [class*="frame-type-menu_"] ul li ul li ul li p {
  padding-left: 2rem; }

hr.ce-div {
  border: 0;
  border-bottom: 1px solid #7e949b;
  margin: 0.8 0; }

.ce-border img {
  border: 0.25rem solid #e2e7e9; }

.ce-gallery figure.video {
  display: block; }

.video-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 1.6; }

.video-embed iframe, .video-embed video {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100% !important;
  height: 100% !important; }

.header-group {
  margin-bottom: 1.6; }

.header-group h1, .header-group h2, .header-group h3, .header-group h4 {
  margin-bottom: 0; }

/* Form */
.form-group .radio .form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: 0; }
.form-group .radio span {
  margin-left: 1.25rem; }
.form-group .form-check {
  position: relative;
  display: block;
  padding-left: 0;
  /* 1.25rem */ }
  .form-group .form-check > label > span {
    margin-left: 0.5rem; }

form section.main .row + .row {
  margin-top: 0 !important; }

/**************************************/
/* Styles for news extension          */
/**************************************/
/*
 * Bootstrap overrides
 */
/*
 * Variables
 */
.news .clear {
  clear: both; }
  .news .nav ul {
    float: left;
    display: inline;
    margin: 0; }
  .news .nav li {
    float: left; }
  .news .nav a {
    float: left;
    display: block; }
  .news .nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
.news .article-news {
  margin-top: 0.5rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem; }
  .news .article-news:last-child {
    padding-bottom: 0;
    margin-bottom: 0; }
  .news .article-news:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .news .article-news .news-img-wrap {
    margin: 3px 0 5px auto;
    background: none; }
    .news .article-news .news-img-wrap a {
      display: block;
      float: none;
      padding: 4px 0;
      border: none;
      background: none; }
    .news .article-news .news-img-wrap figure {
      margin: 0; }
    .news .article-news .news-img-wrap img {
      height: auto;
      width: auto; }
  .news .article-news .teaser-text {
    margin: 0 0 10px 0; }
  .news .article-news h3 {
    margin-top: 0.7rem;
    margin-bottom: 0.5rem;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; }
    .news .article-news.news-with-image h3 {
      font-size: 1.4rem; }
.news .news-list-view .news-item-text h5 {
  padding-bottom: 0;
  padding-top: 1rem;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  border-bottom: none;
  border-top: 1px solid #7e949b; }
.news .news-list-view .col:first-child .news-item-text h5 {
  border-top: none;
  margin-top: 0;
  padding-top: 0; }
.news .footer {
  clear: both;
  background: none;
  padding: 10px 0 0 0;
  border-top: none;
  margin-top: 5px;
  color: #596d73; }
  .news .footer p {
    line-height: 1em; }
  .news .footer span {
    display: inline-block;
    padding-right: 0;
    margin-right: 0;
    border-right: 0; }
  .news .footer .news-category a {
    text-transform: uppercase; }
.news .no-news-found {
  color: #aaa;
  font-style: italic; }
.news .page-navigation {
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 0.85rem; }
  .news .page-navigation p {
    float: left; }
  .news .page-navigation ul {
    float: right; }
    .news .page-navigation ul li {
      float: left;
      display: block;
      padding: 0 2px;
      background: none; }
      .news .page-navigation ul li::before {
        content: "";
        margin-left: 0; }
      .news .page-navigation ul li a {
        display: block; }
.news .col ~ .page-navigation {
  margin-top: 2rem;
  padding-top: 0.5rem;
  border-top: 1px solid #7e949b; }

/* category menu view */
.news-category-view ul li {
  padding: 5px 8px; }
  .news-category-view ul li li {
    padding: 2px 8px 2px 12px; }
.news-category-view > ul > li:nth-child(even) {
  background: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }
.news-category-view .category-desc {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #ddd; }

.news-text-wrap {
  margin-bottom: 10px; }

.news-img-caption {
  color: #888; }

/* related news + files */
.news-related-wrap {
  display: table;
  margin-top: 20px;
  width: 100%; }

.news-related {
  width: 50%;
  padding: 15px;
  border: 1px solid #eee;
  display: table-cell; }
  .news-related ul li {
    line-height: 1em;
    margin-bottom: 12px; }
    .news-related ul li span {
      border-right: 1px solid #DDDDDD;
      display: inline-block;
      margin-right: 8px;
      padding-right: 8px;
      color: #888; }
      .news-related ul li span :last-child {
        border-right: 0;
        padding-right: 0; }
  .news-related h4 {
    margin-bottom: 10px; }

.news-related-files ul li {
  margin-bottom: 20px; }
.news-related-files .news-related-files-link .jpg {
  background-position: 0 0; }

.news-clear {
  clear: both; }

/* News single */
.news-single .article {
  margin-top: 0 !important; }
.news-single .footer {
  margin-bottom: 20px;
  margin-top: 5px;
  padding: 10px 0 0 0;
  border-bottom: 0;
  border-top: 1px solid #eee; }
.news-single .article-news .news-img-wrap {
  float: right;
  margin: 0 0 0 25px; }
  .news-single .article-news .news-img-wrap img {
    float: none; }
.news-single .teaser-text {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.3;
  color: #666;
  margin-bottom: 24px; }
  .news-single .news-img-fluid img {
    width: 100%;
    height: auto; }
.news-single .news-header {
  font-size: 0.75rem;
  line-height: 1.2rem; }
.news-single .news-list-date {
  display: inline-block;
  margin-right: 10px; }
.news-single .news-list-category {
  display: inline-block; }
  .news-single .news-list-category:before {
    content: "|";
    display: inline-block;
    margin-right: 8px; }
.news-single .news-title {
  clear: both; }
.news-single h2 {
  margin-top: 1rem;
  margin-bottom: 2rem; }

/*
 *  Slick slider
 */
.slick-slider {
  opacity: 0; }
  .slick-slider.slick-initialized {
    opacity: 1; }

.slick-slide img {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.2s; }
  .slick-slide img:hover {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); }

.slickcontentelement figure img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 400px; }
@media (min-width: 768px) {
  .slickcontentelement figure img {
    max-height: 400px; } }
@media (min-width: 992px) {
  .slickcontentelement figure img {
    max-height: 460px; } }
@media (min-width: 1200px) {
  .slickcontentelement figure img {
    max-height: 460px; } }
.slickcontentelement .contentwrap {
  display: none;
  background: rgba(145, 145, 145, 0.7);
  color: white;
  position: relative;
  height: 140px !important;
  bottom: 0;
  padding: 0.4rem 0.9375rem;
  position: absolute;
  width: 100%; }
.slickcontentelement .slick-header, .slickcontentelement .slick-text {
  font-weight: 300 !important; }

.slick-dots li button::before {
  font-size: 6px;
  line-height: 16px;
  width: 16px;
  height: 16px;
  color: #396473; }

.slick-dots li {
  width: 16px;
  height: 16px;
  margin: 0 4px; }
  .slick-dots li.slick-active button::before {
    opacity: 1;
    color: #396473; }

.slick-prev {
  left: -20px; }

.slick-next {
  right: -20px; }

.slick-prev, .slick-next {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); }

/*
 * tt_content layouts
 */
/*
 * Variables
 */
.layout-grid-start-pagebackground {
  margin-top: 3rem;
  margin-bottom: 1rem; }
  .layout-grid-start-pagebackground .row {
    position: relative;
    justify-content: space-between;
    background-image: url(/fileadmin/medien/Bilder/Institut/Titelbilder/title_institut_05.jpg);
    background-attachment: fixed;
    background-position-x: center; }
  .layout-grid-start-pagebackground .row:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(70, 40, 0, 0.6) 0%, rgba(70, 40, 0, 0.3) 60%, rgba(70, 40, 0, 0.1) 90%, rgba(70, 40, 0, 0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(70, 40, 0, 0.6) 0%, rgba(70, 40, 0, 0.3) 60%, rgba(70, 40, 0, 0.1) 90%, rgba(70, 40, 0, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(70, 40, 0, 0.6) 0%, rgba(70, 40, 0, 0.3) 60%, rgba(70, 40, 0, 0.1) 90%, rgba(70, 40, 0, 0.4) 100%); }
  .layout-grid-start-pagebackground .row > div {
    min-height: 400px; }
  .layout-grid-start-pagebackground h2, .layout-grid-start-pagebackground h3, .layout-grid-start-pagebackground h4 {
    margin-top: 1rem;
    color: #fff;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
    font-weight: 300; }
  .layout-grid-start-pagebackground a {
    color: #fff;
    font-weight: 400; }
    .layout-grid-start-pagebackground a:hover {
      color: #f3f3f3; }
  .layout-grid-start-pagebackground h4 a {
    font-weight: 300;
    margin-top: 0.5rem; }
  .layout-grid-start-pagebackground hr {
    border-color: #fff; }

.layout-grid-container-pagebackground {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  background-color: #e1e5e5;
  background-attachment: fixed;
  background-position-x: center; }
  .layout-grid-container-pagebackground.bg-institut-01 {
    background-image: url(/fileadmin/medien/Bilder/Institut/Titelbilder/title_institut_06.jpg);
    background-position-y: -5px; }
  .layout-grid-container-pagebackground.bg-institut-02 {
    background-image: url(/fileadmin/medien/Bilder/Institut/Titelbilder/title_institut_02.jpg);
    background-position-y: -600px; }
  .layout-grid-container-pagebackground.bg-institut-03 {
    background-image: url(/fileadmin/medien/Bilder/Institut/Titelbilder/title_institut_03.jpg);
    background-position-y: -600px; }
  .layout-grid-container-pagebackground.bg-institut-04 {
    background-image: url(/fileadmin/medien/Bilder/Institut/Titelbilder/title_institut_04.jpg);
    background-position-y: -600px; }
  .layout-grid-container-pagebackground.bg-bibliothek-01 {
    background-image: url(/fileadmin/medien/Bilder/Institut/Titelbilder/title_bibliothek_01.jpg);
    background-position-y: -120px; }
  .layout-grid-container-pagebackground.bg-rausch-01 {
    background-image: url(/fileadmin/medien/Bilder/Institut/Titelbilder/title_rausch_01.jpg);
    background-position-y: -120px; }
  .layout-grid-container-pagebackground:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(70, 40, 0, 0.4) 0%, rgba(70, 40, 0, 0) 10%, rgba(70, 40, 0, 0.2) 60%, rgba(70, 40, 0, 0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(70, 40, 0, 0.4) 0%, rgba(70, 40, 0, 0) 10%, rgba(70, 40, 0, 0.2) 60%, rgba(70, 40, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(70, 40, 0, 0.4) 0%, rgba(70, 40, 0, 0) 10%, rgba(70, 40, 0, 0.2) 60%, rgba(70, 40, 0, 0.6) 100%); }
  .layout-grid-container-pagebackground .container {
    height: 240px;
    /* alt 360px */
    overflow: hidden; }
  .layout-grid-container-pagebackground .row {
    height: 100%; }
  .layout-grid-container-pagebackground .row > div {
    height: 100%;
    display: flex; }
  .layout-grid-container-pagebackground .frame {
    align-self: flex-end;
    width: 100%;
    margin-bottom: 0; }
  .layout-grid-container-pagebackground h1, .layout-grid-container-pagebackground h2, .layout-grid-container-pagebackground h3 {
    margin-top: 1rem;
    color: #fff;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
    font-weight: 300;
    line-height: 1; }
  .layout-grid-container-pagebackground h1 {
    font-size: 3rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #fff; }
  .layout-grid-container-pagebackground a {
    color: #fff;
    font-weight: 400; }
    .layout-grid-container-pagebackground a:hover {
      color: #f3f3f3; }

/* Grid */
.layout-grid-inhalt-bereich {
  background-color: #abb3b5;
  margin-top: -1rem;
  padding: 1rem 0 2rem 0; }
  .layout-grid-inhalt-bereich li {
    padding-bottom: 1rem;
    font-size: 16px;
    line-height: 18px; }
  @media (min-width: 768px) {
    .layout-grid-inhalt-bereich li {
      font-size: 17px;
      line-height: 19px; } }
@media (min-width: 992px) {
  .layout-grid-inhalt-bereich li {
    font-size: 18px;
    line-height: 21px; } }
@media (min-width: 1200px) {
  .layout-grid-inhalt-bereich li {
    font-size: 20px;
    line-height: 24px; } }
.layout-grid-inhalt-bereich li a {
  color: #fff; }
.layout-grid-inhalt-bereich > .row > div:last-child {
  padding-top: 3rem; }

/* */
.layout-grid-rollover-white .row > div {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ecf0f0;
  box-shadow: none;
  transition: box-shadow, background-color 0.2s ease-in-out; }
  .layout-grid-rollover-white .row > div:hover {
    background-color: #f4f8f8;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); }

/* Seitenmenue Menu Abstract
 * Flex blocks with lines
 */
.frame-layout-menu_abstract_blocks_with_lines ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.5rem;
  margin-left: -15px;
  margin-right: -15px;
  list-style-type: none; }
.frame-layout-menu_abstract_blocks_with_lines li {
  position: relative;
  flex: 1 0 200px;
  text-indent: 0;
  box-sizing: border-box;
  margin: 15px;
  padding-bottom: 20px; }
  .frame-layout-menu_abstract_blocks_with_lines li:before {
    content: '';
    display: block;
    position: absolute;
    top: -15px;
    left: 0;
    right: -15px;
    bottom: -15px;
    transition: box-shadow 0.5s ease-in-out, background-color 0.5s ease-in-out; }
  .frame-layout-menu_abstract_blocks_with_lines li:hover:before {
    background-color: #f4f8f8;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); }
  .frame-layout-menu_abstract_blocks_with_lines li:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    height: 1px;
    padding-top: 0;
    border-bottom: 1px solid #7e949b;
    width: 100%; }
  @media (min-width: 768px) {
    .frame-layout-menu_abstract_blocks_with_lines li {
      max-width: calc(50% - 30px); } }
@media (min-width: 992px) {
  .frame-layout-menu_abstract_blocks_with_lines li {
    max-width: calc(50% - 30px); } }
@media (min-width: 1200px) {
  .frame-layout-menu_abstract_blocks_with_lines li {
    max-width: calc(33.3333% - 30px); } }
.frame-layout-menu_abstract_blocks_with_lines li > * {
  position: relative; }
.frame-layout-menu_abstract_blocks_with_lines li a {
  display: block;
  border-top: 5px solid #7e949b;
  padding-top: 1rem;
  font-size: 1.65rem;
  font-weight: 400;
  line-height: 1.2;
  word-wrap: normal;
  overflow-wrap: break-word;
  hyphens: auto;
  hyphenate-limit-zone: 25%;
  hyphenate-limit-chars: 6 5 5;
  hyphenate-limit-before: 5;
  hyphenate-limit-after: 5; }
  .frame-layout-menu_abstract_blocks_with_lines li a:link, .frame-layout-menu_abstract_blocks_with_lines li a:visited {
    color: #596d73; }
.frame-layout-menu_abstract_blocks_with_lines li p {
  margin-top: 0.8rem;
  margin-bottom: 0; }

/*
 Content Frames
 based on TCEFORM frame_class
 */
.bg-color-container {
  background-color: #ECF0F0; }

.bg-color-white {
  background-color: #fff; }

.bg-grey-1 {
  background-color: #f5f7f7; }
  .bg-grey-1.row {
    padding-top: 1rem;
    padding-bottom: 1rem; }

.bg-white {
  background-color: #fff; }
  .bg-white.row {
    padding-top: 1rem;
    padding-bottom: 1rem; }

.frame-ce-panel {
  padding-top: 1rem;
  background-color: none;
  margin-bottom: 4px;
  padding-bottom: 1rem;
  height: calc(100% - 1em);
  border-bottom: 1px solid #7e949b;
  border-top: 5px solid #7e949b; }
  .frame-ce-panel ul {
    list-style-type: none;
    margin-left: 0;
    padding-inline-start: 0;
    padding-bottom: 0.25rem; }
  .frame-ce-panel li {
    padding-left: 0;
    text-indent: 0;
    margin-left: 0; }
    .frame-ce-panel li::before {
      content: none;
      margin-left: 0; }
  .frame-ce-panel h2 {
    margin-top: 0;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #7e949b;
    word-wrap: normal;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-zone: 25%;
    -moz-hyphenate-limit-zone: 25%;
    hyphenate-limit-chars: 6 5 5;
    -moz-hyphenate-limit-chars: 6 5 5;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 2;
    hyphenate-limit-before: 5;
    hyphenate-limit-after: 5;
    -moz-hyphenate-limit-before: 5;
    -moz-hyphenate-limit-after: 5;
    font-size: 20px;
    line-height: 22px; }
  @media (min-width: 768px) {
    .frame-ce-panel h2 {
      font-size: 20px;
      line-height: 22px; } }
@media (min-width: 992px) {
  .frame-ce-panel h2 {
    font-size: 24px;
    line-height: 26px; } }
@media (min-width: 1200px) {
  .frame-ce-panel h2 {
    font-size: 30px;
    line-height: 32px; } }

.row-no-cols {
  flex-wrap: wrap; }

.frame-block-compact .news .article-news.news-with-image h3 {
  font-size: 1.3rem;
  line-height: 1.2;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-zone: 25%;
  -moz-hyphenate-limit-zone: 25%;
  hyphenate-limit-chars: 6 5 5;
  -moz-hyphenate-limit-chars: 6 5 5;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 2;
  hyphenate-limit-before: 5;
  hyphenate-limit-after: 5;
  -moz-hyphenate-limit-before: 5;
  -moz-hyphenate-limit-after: 5; }
.frame-block-compact .news .article-news.news-with-image p {
  font-size: 0.9rem;
  line-height: 1.2; }

.frame-space-before-small {
  margin-top: 0.5rem; }

.frame-space-before-medium {
  margin-top: 1rem; }

.frame-space-before-large {
  margin-top: 2rem; }

@media print {
  /* 
   * Print
   */
  /*
   * Variables
   */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a, a:visited {
    color: #000 !important;
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after, .wrapper-logo a[href]:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  .print-hidden, .wrapper-search, .header-service, .header-image, .content-rootline, .wrapper-topmenu, .content-footer, .content-footer2 nav, .scrollToTop a, .f3-widget-paginator, .f3-widget-paginator li {
    display: none !important; } }