/*Variablen aus dem Framework überschreiben
@frame-outer-spacing:                 1em;
@frame-outer-spacing-scaling-small:   1.5;
@frame-outer-spacing-scaling-medium:  2;
@frame-outer-spacing-scaling-large:   2.5;
@frame-outer-spacing-scaling-xlarge:  3;*/
/* nunito-300 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/nunito-v16-latin-300.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../fonts/nunito-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v16-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v16-latin-300.svg#Nunito') format('svg');
  /* Legacy iOS */
}
/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-v16-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../fonts/nunito-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v16-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v16-latin-regular.svg#Nunito') format('svg');
  /* Legacy iOS */
}
/* nunito-700 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-v16-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''), url('../fonts/nunito-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v16-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v16-latin-700.svg#Nunito') format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?7780459');
  src: url('../fonts/fontello.eot?7780459#iefix') format('embedded-opentype'), url('../fonts/fontello.woff2?7780459') format('woff2'), url('../fonts/fontello.woff?7780459') format('woff'), url('../fonts/fontello.ttf?7780459') format('truetype'), url('../fonts/fontello.svg?7780459#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?7780459#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-cancel-1:before {
  content: '\e800';
}
/* '' */
.icon-down-open:before {
  content: '\e801';
}
/* '' */
.icon-left-open:before {
  content: '\e802';
}
/* '' */
.icon-right-open:before {
  content: '\e803';
}
/* '' */
.icon-up-open:before {
  content: '\e804';
}
/* '' */
.icon-left-big:before {
  content: '\e805';
}
/* '' */
.icon-up-circled:before {
  content: '\f0aa';
}
/* '' */
.icon-menu:before {
  content: '\f0c9';
}
/* '' */
.icon-angle-double-down:before {
  content: '\f103';
}
/* '' */
.icon-angle-circled-left:before {
  content: '\f137';
}
/* '' */
.icon-angle-circled-right:before {
  content: '\f138';
}
/* '' */
.icon-angle-circled-up:before {
  content: '\f139';
}
/* '' */
.icon-angle-circled-down:before {
  content: '\f13a';
}
/* '' */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
body {
  /*padding: 0;
    margin: 0;
    
    color: @black;
    //background: @white;
    background: @white;
    hyphens: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    */
  background: white;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  font-family: 'Nunito';
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-left: 4rem;
}
/*Remove Focus Outline*/
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}
*:focus {
  outline-style: none!important;
  box-shadow: none!important;
  border-color: transparent!important;
}
.frame-space-before-nullspace {
  margin-top: 0;
  padding-top: 0;
}
.frame-space-before-extra-small,
.frame-space-before-none {
  margin-top: 0!important;
  padding-top: 2.5rem;
}
.frame-space-before-small {
  margin-top: 0!important;
  padding-top: 3.5rem;
}
.frame-space-before-medium {
  margin-top: 0!important;
  padding-top: 4.5rem;
}
.frame-space-before-large {
  margin-top: 0!important;
  padding-top: 5.5rem;
}
.frame-space-before-extra-large {
  margin-top: 0!important;
  padding-top: 6.5rem;
}
.frame-space-after-nullspace {
  margin-bottom: 0;
  padding-bottom: 0;
}
.frame-space-after-extra-small,
.frame-space-after-none {
  margin-bottom: 0!important;
  padding-bottom: 2.5rem;
}
.frame-space-after-small {
  margin-bottom: 0!important;
  padding-bottom: 3.5rem;
}
.frame-space-after-medium {
  margin-bottom: 0!important;
  padding-bottom: 4.5rem;
}
.frame-space-after-large {
  margin-bottom: 0!important;
  padding-bottom: 5.5rem;
}
.frame-space-after-extra-large {
  margin-bottom: 0!important;
  padding-bottom: 6.5rem;
}
/*Elemente ausblenden*/
#c8496,
#c9637,
.accordionContainerHimmelAktuell,
.tx-sf-banners,
.footer-section-meta,
.footer-section-content-column-left,
.footer-section-content-column-middle,
.footer-section-content-column-right,
#derHimmelAktuell,
.carousel .carousel-indicators,
.carousel-control .icon-angle-circled-left,
.carousel-control .icon-angle-circled-right:before,
.carousel-control-prev,
.carousel-control-next,
.carousel-content-inner,
.scroll-top,
.aktuelltoggler,
.carousel-small,
.offcanvas-top,
.offcanvasFooter,
nav.headermenu,
.sucheBurger,
header#page-header,
.navbar-mainnavigation,
.crossRotate,
#cookieconsent,
.scroll-top,
.accordionContainer,
.frame-type-menu_categorized_pages {
  display: none!important;
}
/*Header*/
.body-bg {
  position: relative;
}
.frame-container,
.frame-container-default {
  margin: 0!important;
  padding-left: 0!important;
  width: 100vw!important;
  max-width: 100vw!important;
}
/*ENDE Navigation*/
/*Buttons*/
.btn-primary {
  color: #ffffff;
  background-color: #f8be30 !important;
  border-color: #f8be30 !important;
}
.btn-primary:hover {
  background-color: #f8be30 !important;
  border-color: #f8be30 !important;
}
.btn-primary:focus {
  background-color: #f8be30 !important;
  border-color: #f8be30 !important;
}
.frame a[class=""],
.frame a:not([class]) {
  color: #000000;
}
.frame a[class=""]:hover,
.frame a:not([class]):hover {
  color: #000000;
}
.frame a[class=""]:focus,
.frame a:not([class]):focus {
  color: #000000;
}
/*Allg Elemente*/
h1,
h2,
h3,
h4 {
  text-align: center;
  text-transform: uppercase;
  padding-left: 0px;
  padding-right: 0px;
  color: #000000;
}
a {
  color: #000000;
}
a:focus,
a:hover,
a:active {
  color: #000000 !important;
  text-decoration: underline;
}
.printheader {
  display: block;
  margin-left: 0px;
}
.printheader .textinfo p {
  margin-bottom: 8px;
  padding-right: 30px;
}
.printheader .qrinfo {
  overflow: hidden;
}
.printheader .qrinfo #qrcodeimage {
  float: right;
  margin-right: 4rem;
}
.printheader .qrinfo #qrcodeimage canvas {
  width: 100%;
  min-width: 160px;
  float: right;
}
p.datetime,
p.category {
  font-size: 0.75rem;
  color: #000000;
}
.frame p,
.frame h1,
.frame h2,
.frame h3 {
  color: #000000 !important;
}
/*Rootline*/
.breadcrumb-section {
  display: none;
}
.container-fluid.breadcrump .breadcrumb-section {
  display: block;
  background-color: #ffffff;
  font-weight: bold;
}
.container-fluid.breadcrump .breadcrumb-section .breadcrumb {
  align-items: center;
  justify-content: center;
}
.container-fluid.breadcrump .breadcrumb-section .breadcrumb .breadcrumb-item.active,
.container-fluid.breadcrump .breadcrumb-section .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #000000;
}
/*News Carousel & Cards*/
.news .slick-next:before {
  color: #000000;
}
@media only screen and (min-width: 40em) {
  .news .slick-next:before {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 40em) {
  .news .slick-prev {
    left: -30px;
  }
}
.news .slick-prev:before {
  color: #000000;
}
@media only screen and (min-width: 40em) {
  .news .slick-prev:before {
    font-size: 2rem;
  }
}
.news .slick-track {
  display: flex !important;
}
.news .slick-track .slick-slide {
  height: inherit !important;
  display: flex !important;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background: transparent;
}
.news .slick-track .slick-slide .card-menu-item {
  height: 100%;
  background-color: transparent;
}
.news .slick-track .slick-slide .card-menu-item .card {
  background-color: none!important;
  position: relative;
  height: 100%;
  border: none!important;
}
.news .slick-track .slick-slide .card-menu-item .card .card-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #000000;
  color: #000000;
  z-index: 2;
  padding: 1rem;
}
.news .slick-track .slick-slide .card-menu-item .card .card-img-top {
  margin-top: 0px;
  width: 100%;
  object-fit: cover;
  overflow: auto;
}
.news .slick-track .slick-slide .card-menu-item .card p {
  color: #000000 !important;
}
.news .slick-track .slick-slide .card-menu-item .card p:hover {
  color: #000000 !important;
}
.news .slick-track .slick-slide .card-menu-item .card p:focus {
  color: #000000 !important;
}
.news .slick-track .slick-slide .card-menu-item .card .card-footer {
  background-color: #000000;
  position: relative;
  padding: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 100%;
  display: block;
  text-align: center;
  color: #000000 !important;
}
.news .slick-track .slick-slide .card-menu-item .card .card-footer:hover {
  color: #000000 !important;
}
.news .slick-track .slick-slide .card-menu-item .card .card-footer:focus {
  color: #000000 !important;
}
/*News Detailansicht */
.news.news-single .article .row .col .news-text-wrap figure {
  width: 48%;
  display: inline-block;
  margin: 0;
  margin-right: 2rem;
  margin-bottom: 1rem;
  float: left;
}
.news.news-single .article .row .col .news-text-wrap figure figcaption {
  font-size: 0.9rem;
}
.news.news-single .article .row .col .news-text-wrap figure img.img-fluid {
  width: 100%;
}
.news.news-single .article .row .col .news-text-wrap p {
  display: inherit;
}
.news.news-single .article .row .col .news-text-wrap ul {
  list-style: none;
  position: relative;
  padding-left: 0;
  /* remove any left padding */
  margin-left: 0;
  /* remove any left margin */
  left: 1rem;
  margin-bottom: 0.5rem;
}
.news.news-single .article .row .col .news-text-wrap ul li {
  padding-left: 0;
  /* remove any left padding */
  margin-left: 0;
  /* remove any left margin */
  text-indent: -1.25rem;
  /* adjust as much as needed */
  margin-top: 0.5rem;
}
.news.news-single .article .row .col .news-text-wrap ul li:before {
  content: '•\00a0\00a0\00a0';
  color: #000000;
  /* bonus: you can customize the bullet color */
}
.news .btn.btn-primary {
  display: inline-block;
}
.news .dropdown {
  display: inline-block;
  margin-right: 1rem;
}
.news .dropdown .btn {
  background: #f8be30;
  background-color: #000000;
  color: black!important;
}
.news .dropdown .btn:hover {
  color: black!important;
}
.news .dropdown .btn:focus {
  color: black!important;
}
.news .dropdown .btn:active {
  color: black!important;
}
.news .dropdown .dropdown-item.active {
  background: #f8be30;
  background-color: #000000;
  color: black!important;
}
.btn-primary {
  background: #f8be30;
  background-color: #000000;
  color: black!important;
}
.btn-primary:hover {
  color: black!important;
}
.btn-primary:focus {
  color: black!important;
}
.btn-primary:active {
  color: black!important;
}
.page-item.active .page-link {
  z-index: 3;
  color: black;
  background: #f8be30;
  background-color: #000000;
  border-color: #000000;
}
.page-item.active .page-link:hover {
  color: black!important;
}
.page-item.active .page-link:focus {
  color: black!important;
}
.page-item.active .page-link:active {
  color: black!important;
}
/*Text*/
.frame-type-text .text-wrapper {
  column-count: 2;
  column-gap: 2rem;
}
@media only screen and (min-width: 40em) {
  .frame-type-text .text-wrapper p {
    text-align: justify;
  }
}
/*TextPic*/
.textpic .textpic-item p {
  text-align: justify;
}
@media only screen and (min-width: 40em) {
  .textpic-above .textpic-text,
  .textpic-below .textpic-text {
    column-count: 2;
    column-gap: 2rem;
  }
}
.textpic-above .textpic-text p,
.textpic-below .textpic-text p {
  text-align: justify;
}
/*Text&Media*/
.textmedia .textmedia-item p {
  text-align: justify;
}
@media only screen and (min-width: 40em) {
  .textmedia-above .textmedia-text,
  .textmedia-below .textmedia-text {
    column-count: 2;
    column-gap: 2rem;
  }
}
.textmedia-above .textmedia-text p,
.textmedia-below .textmedia-text p {
  text-align: justify;
}
/*Tabelle*/
.table thead {
  background: #ffffff;
  border: 1px solid #000000;
}
.table thead tr th {
  color: #000000;
}
.table tbody {
  border: 1px solid #000000;
}
.table tfoot {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
/*Timeline*/
.timeline .timeline-item .timeline-item-inner {
  background-color: #000000;
}
.timeline .timeline-item .timeline-item-inner .timeline-item-marker span svg {
  color: #000000;
}
.timeline .timeline-item .timeline-item-inner .timeline-item-date time {
  color: #ffffff;
}
.timeline .timeline-item .timeline-item-inner h4 {
  color: #000000;
}
.timeline .timeline-item .timeline-item-inner .timeline-item-text p {
  color: #ffffff;
  text-align: justify;
}
/*Dateiliste*/
.media-list .media {
  margin-bottom: 20px;
}
.media-list .media .media-left {
  padding-right: 20px;
}
.list-group .list-group-item {
  margin-bottom: 20px;
  border-top-width: 1px;
}
.list-group .list-group-item .media-left {
  padding-right: 20px;
}
.list-group .list-group-item .media-body .media-heading {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
/*Accordion*/
.accordionContainer {
  margin-left: 0!important;
  margin-right: 0!important;
  padding-left: 0!important;
  padding-right: 0!important;
  margin-bottom: 3rem;
}
.accordionContainer .accordion-header {
  background: #424242;
  background-color: #000000;
  margin-bottom: 1.5rem;
}
@media (max-width: 576px) {
  .accordionContainer .accordion-header {
    margin-bottom: 1rem;
  }
}
.accordionContainer .accordion-header .accordion-button {
  background: #424242;
  background-color: #000000;
  border-radius: none;
  color: #000000;
  font-size: 1.5rem;
  line-height: 4rem;
  text-align: center;
  text-transform: uppercase;
  display: inline;
  overflow: visible;
  padding-bottom: 1rem;
}
@media (max-width: 576px) {
  .accordionContainer .accordion-header .accordion-button {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
.accordionContainer .accordion-header .accordion-button:after {
  background-image: none;
}
.accordionContainer .accordion-header .accordion-button span i {
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-top: 0.5rem;
  font-size: 3rem;
  flex: 1;
  display: flex;
  /* create nested flex container */
  flex-wrap: wrap;
  /* enable flex items to wrap */
  justify-content: center;
}
.accordionContainer .accordion-header .accordion-button span i:before {
  background: #424242;
  border: 0px solid #424242;
  border-radius: 50%;
}
@media (max-width: 576px) {
  .accordionContainer .accordion-header .accordion-button span i {
    font-size: 2rem;
    bottom: -1rem;
  }
}
.accordionContainer .accordion-header .accordion-button:not(.collapsed) span i:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
@media (max-width: 576px) {
  .accordionContainer .accordion-body {
    padding-top: 0;
  }
}
.accordionContainer .accordion-body p {
  color: #000000 !important;
}
/*Suche*/
.suchergebnisse .media {
  padding: 0.5rem;
}
.suchergebnisse .media h4 {
  text-align: left;
  padding-left: 0;
  font-weight: bold;
}
.suchergebnisse .media ul.list-inline {
  margin-bottom: 0;
}
.suchergebnisse .media:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.07);
}
/*Kachelmenü*/
.card-menu .card-menu-item .card {
  background-color: none!important;
  position: relative;
}
.card-menu .card-menu-item .card .card-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #424242;
  color: #000000;
  z-index: 2;
  padding: 1rem;
}
.card-menu .card-menu-item .card .card-img-top {
  margin-top: 0px;
  width: 100%;
  object-fit: cover;
  overflow: auto;
}
.card-menu .card-menu-item .card .card-footer {
  background-color: #000000;
  position: relative;
  padding: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 100%;
  display: block;
  text-align: center;
  color: #000000 !important;
}
.card-menu .card-menu-item .card .card-footer:hover {
  color: #000000 !important;
}
.card-menu .card-menu-item .card .card-footer:focus {
  color: #000000 !important;
}
/*Footer*/
footer {
  display: none!important;
}