#vk_blockly_header { background-color: #ffffff} .site-name a, .site-name a:visited, .site-name a:hover {  color: #104661;  text-decoration: none;  }  .site-slogan { color: #557ab8} a, a:hover, a:visited, a.page-link { color: #4815ad} .mega-dropdown-menu a.level1 { color: #000000 !important;} h1, h2, h3, h4, h5, h6 {color:#104661} .site-logo { border-radius:0px; } 
body {font-family:"Source Sans 3 VF", "Source Sans 3", sans-serif; }/* Basis-Schriftgröße festlegen */
html {
   font-size: 18px;
}
/* Überschriften */
h1 {
   font-size: 2.2rem;
}
#block-views-block-frontpage-block-1 > h2, h2 {
   font-size: 1.8rem;
}
div.views-row > article > div > h2 > a, h3 {
   font-size: 1.5rem; 
}
h4 {
font-size: 1.4rem;
}
h5 {
   font-size: 1.2rem;
}
h6 {
   font-size: 1.0rem;
} 
/* Bildrechte */
.vk_bildrechte {
  font-size: .6rem;
}
/* Site Slogan */
.site-slogan {
  font-size: 1.5rem;
}
/* Telefonnummern, Fax, Mailadressen mit Symbol darstellen */
a[href^="tel:"], a[href^="mobile:"], a[href^="fax:"], a[href^="mailto:"] {
  white-space: nowrap;
}
a[href^="tel:"]:before {
  content: "\2706";
  margin-right: 0.3em;
}
a[href^="mobile:"]:before {
  content: "\1F4F1";
  margin-right: 0.3em;
}
a[href^="fax:"]:before {
  content: "Fax";
  margin-right: 0.3em;
}
a[href^="mailto:"]:before {
  content: "\2709";
  margin-right: 0.3em;
}
/* Logo - Anpassung für responsive */
@media only screen and (min-width: 1200px) {
   /* Logo */
  .site-logo { max-width: 16rem;  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 16rem;
  }
  /* Website-Titel */
 .col-sm-9 {
      -webkit-box-flex: 0;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      max-width: calc(100% - 16rem);
   }
}
@media only screen and (min-width: 992px) {
   /* Logo */
  .site-logo { max-width: 16rem;  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 16rem;
  }
  /* Website-Titel */
 .col-sm-9 {
      -webkit-box-flex: 0;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      max-width: calc(100% - 16rem);
   }
}
@media only screen and (min-width: 768px) {
   /* Logo */
  .site-logo { max-width: 16rem;  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 16rem;
  }
  /* Website-Titel */
 .col-sm-9 {
      -webkit-box-flex: 0;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      max-width: calc(100% - 16rem);
   }
}
@media only screen and (min-width: 576px) {
   /* Logo */
  .site-logo { max-width: 16rem;  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 16rem;
  }
  /* Website-Titel */
 .col-sm-9 {
      -webkit-box-flex: 0;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      max-width: calc(100% - 16rem);
   }
}
@media only screen and (max-width: 575px) {
   /* Logo */
  .site-logo { max-width: 9rem;  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 9rem;
  }
  /* Website-Titel */
 .col-sm-9 {
      -webkit-box-flex: 0;
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      max-width: fit-content;
   }
}
/* Top-Margin Container Abstand Überschrift zum 1. Inhaltsblock */
div.node__content:nth-child(2) > div:nth-child(1) {
  margin-top: 0.5lh;
}
/* Padding-Top nach Überschrift bei Aktuell */
.views-row .node--view-mode-full {
   padding-top: 0;
}
/* Akkordion */
.mws_summary {
  background: linear-gradient(to right, rgba(44,83,158,1) 0%,rgba(79,133,187,1) 100%);
  box-shadow: 1px 1px 2px #bbbbbb;
  padding: 4px;
  width: 100%;
  border: none;
  cursor: pointer;
  font-size: 1em;
  color: #ffffff;
}
.mb-3 {
  margin-bottom: 0 !important;
}
.mt-2 {
  margin-top: 0 !important;
}
div.container > summary, details > p {
  margin: 0;
}
/* Bilder im zweispaltigen Text variabler Breite in runder Maske */
div.container div.row div.col-md div div.media-bild.view-mode-bild-im-texteditor a img {
  border-radius: 50%;
}
/* Linie bei figcaption */
figcaption {
  border-bottom: none;
  padding-bottom: 0;
}
/* Lorem ipsum */
#ipsum-content {
   background-color:pink;
   color: purple;
}
/* Wikitext */
#wikitext {
  background-color: lightgoldenrodyellow;
}