@charset "UTF-8";
/* Autogenerated CSS */
/* Styles Grid und Farben (Sort 1000) */
/* Mixin for Media-Queries */
/*##### layout presets #####*/
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  /* Force Scrollbar, to prevent jumping */ }

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

body {
  width: 100%;
  max-width: 1440px;
  position: relative;
  margin: 0 auto; }

.content_wrapper {
  width: 100%;
  max-width: 1440px;
  position: relative;
  margin: 0 auto;
  padding: 0 58px; }
  @media (max-width: 1024px) {
    .content_wrapper {
      padding: 0 48px; } }
  @media (max-width: 767px) {
    .content_wrapper {
      padding: 0 20px; } }
.content_wrapper_grid {
  width: 100%;
  max-width: 1440px;
  position: relative;
  margin: 0 auto;
  padding: 0 72px; }
  @media (max-width: 1024px) {
    .content_wrapper_grid {
      padding: 0 34px; } }
  @media (max-width: 767px) {
    .content_wrapper_grid {
      padding: 0 20px; } }
/*##### special classes #####*/
.clearfix {
  overflow: auto;
  content: "";
  clear: both; }

img, picture {
  width: 100%;
  display: block; }

/*universelle Klassen*/
.aspect_ratio_wrapper img,
.aspect_ratio_wrapper picture {
  object-fit: cover;
  width: 100%;
  height: 100%; }

.fullheight {
  height: 100%; }

/*add standard list styles*/
.content_wrapper ol {
  list-style: decimal;
  padding-left: 20px;
  /*list-style-position: inside;*/ }

.content_wrapper ul {
  padding-left: 20px; }

.content_wrapper ul li {
  list-style: square;
  list-style-position: outside; }

.filter ul li:before {
  content: "";
  padding-right: 0; }

input, input:before, input:after {
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
  background-color: inherit; }

.aspect_ratio_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*placeholder*/
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
  color: inherit; }

::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: inherit; }

:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
  color: inherit; }

:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
  color: inherit; }

/*##### grid #####*/
.grid {
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5em; }
  @media (max-width: 1024px) {
    .grid {
      margin-bottom: 4em; } }
  @media (max-width: 767px) {
    .grid {
      margin-bottom: 3em; } }
.grid_no_bottom {
  margin-bottom: 0; }

.grid_low_bottom {
  margin-bottom: 1em; }

.grid > [class*=grid] {
  display: block;
  position: relative;
  margin: 0 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.grid_desktop_1 {
  width: calc(8.333% - 28px); }

.grid_desktop_2 {
  width: calc(16.666% - 28px); }

.grid_desktop_3 {
  width: calc(25% - 28px); }

.grid_desktop_4 {
  width: calc(33.332% - 28px); }

.grid_desktop_5 {
  width: calc(41.665% - 28px); }

.grid_desktop_6 {
  width: calc(50% - 28px); }

.grid_desktop_7 {
  width: calc(58.331% - 28px); }

.grid_desktop_8 {
  width: calc(66.664% - 28px); }

.grid_desktop_9 {
  width: calc(75% - 28px); }

.grid_desktop_10 {
  width: calc(83.33% - 28px); }

.grid_desktop_11 {
  width: calc(91.663% - 28px); }

.grid_desktop_12 {
  width: 100%;
  display: block; }

/*mixins desktop*/
/*mixins tablet*/
/*mixin mobile*/
/* mixin print */
/*###### hide/show #####*/
.hide_tablet {
  display: block !important; }

.hide_mobile {
  display: block !important; }

.hide_tablet--inline {
  display: inline-block !important; }

.hide_mobile--inline {
  display: inline-block !important; }

.hide_desktop {
  display: none !important; }

@media print {
  .grid_print_1 {
    width: calc(8.333% - 28px); }
  .grid_print_2 {
    width: calc(16.666% - 28px); }
  .grid_print_3 {
    width: calc(25% - 28px); }
  .grid_print_4 {
    width: calc(33.332% - 28px); }
  .grid_print_5 {
    width: calc(41.665% - 28px); }
  .grid_print_6 {
    width: calc(50% - 28px); }
  .grid_print_7 {
    width: calc(58.331% - 28px); }
  .grid_print_8 {
    width: calc(66.664% - 28px); }
  .grid_print_9 {
    width: calc(75% - 28px); }
  .grid_print_10 {
    width: calc(83.33% - 28px); }
  .grid_print_11 {
    width: calc(91.663% - 28px); }
  .grid_print_12 {
    width: 100%; } }

@media screen and (max-width: 1024px) {
  .grid_tablet_1 {
    width: calc(8.333% - 28px); }
  .grid_tablet_2 {
    width: calc(16.666% - 28px); }
  .grid_tablet_3 {
    width: calc(25% - 28px); }
  .grid_tablet_4 {
    width: calc(33.332% - 28px); }
  .grid_tablet_5 {
    width: calc(41.665% - 28px); }
  .grid_tablet_6 {
    width: calc(50% - 28px); }
  .grid_tablet_7 {
    width: calc(58.331% - 28px); }
  .grid_tablet_8 {
    width: calc(66.664% - 28px); }
  .grid_tablet_9 {
    width: calc(75% - 28px); }
  .grid_tablet_10 {
    width: calc(83.33% - 28px); }
  .grid_tablet_11 {
    width: calc(91.663% - 28px); }
  .grid_tablet_12 {
    width: 100%; }
  /*###### hide/show #####*/
  .hide_desktop {
    display: block !important; }
  .hide_mobile {
    display: block !important; }
  .hide_desktop--inline {
    display: inline-block !important; }
  .hide_mobile--inline {
    display: inline-block !important; }
  .hide_tablet {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .grid_mobile_1 {
    width: calc(25% - 28px); }
  .grid_mobile_2 {
    width: calc(50% - 28px); }
  .grid_mobile_3 {
    width: calc(75% - 28px); }
  .grid_mobile_4 {
    width: 100%; }
  .grid_fine_1 {
    width: calc(8.333%); }
  .grid_fine_2 {
    width: calc(16.666%); }
  .grid_fine_3 {
    width: calc(25%); }
  .grid_fine_4 {
    width: calc(33.332%); }
  .grid_fine_5 {
    width: calc(41.665%); }
  .grid_fine_6 {
    width: calc(50%); }
  .grid_fine_7 {
    width: calc(58.331%); }
  .grid_fine_8 {
    width: calc(66.664%); }
  .grid_fine_9 {
    width: calc(75%); }
  .grid_fine_10 {
    width: calc(83.33%); }
  .grid_fine_11 {
    width: calc(91.663%); }
  .grid_fine_12 {
    width: 100%; }
  /*###### hide/show #####*/
  .hide_desktop {
    display: block !important; }
  .hide_tablet {
    display: block !important; }
  .hide_mobile {
    display: none !important; }
  .hide_desktop--inline {
    display: inline-block !important; }
  .hide_tablet--inline {
    display: inline-block !important; }
  .hide_mobile--inline {
    display: none !important; }
  div.grid,
  div.grid > [class*=grid],
  .grid > [class*=grid] {
    margin-left: 0 !important;
    margin-right: 0 !important; } }

/*########## colors ##########*/
html {
  background-color: #F3F3F3; }

body {
  background-color: #ffffff; }

a {
  color: #4980B1; }

:focus {
  outline: none; }

::-moz-focus-inner {
  border: 0; }

.color_blue {
  color: #5793C9; }

.color_blue_light {
  color: #A6CAE2; }

.color_blue_dark {
  color: #4980B1; }

.color_gold {
  color: #A59879; }

.color_gold_dark {
  color: #998C6C; }

.color_grey {
  color: #EDEDED; }

.color_grey_light {
  color: #F3F3F3; }

.color_grey_dark {
  color: #757576; }

.color_grey_white {
  color: #FcFcFD; }

.color_grey_line {
  color: #C2C0C0; }

.color_black {
  color: #000000; }

.color_white {
  color: #ffffff; }

.color--hover_blue:hover {
  color: #5793C9;
  cursor: pointer; }

.color--hover_blue_light:hover {
  color: #A6CAE2;
  cursor: pointer; }

.color--hover_blue_dark:hover {
  color: #4980B1;
  cursor: pointer; }

.color--hover_gold:hover {
  color: #A59879;
  cursor: pointer; }

.color--hover_gold_dark:hover {
  color: #998C6C;
  cursor: pointer; }

.color--hover_grey:hover {
  color: #EDEDED;
  cursor: pointer; }

.color--hover_grey_light:hover {
  color: #F3F3F3;
  cursor: pointer; }

.color--hover_grey_dark:hover {
  color: #757576;
  cursor: pointer; }

.color--hover_grey_white:hover {
  color: #FcFcFD;
  cursor: pointer; }

.color--hover_grey_line:hover {
  color: #C2C0C0;
  cursor: pointer; }

.color--hover_black:hover {
  color: #000000;
  cursor: pointer; }

.color--hover_white:hover {
  color: #ffffff;
  cursor: pointer; }

div.background_blue, .background_blue {
  background-color: #5793C9; }

div.background_blue_light, .background_blue_light {
  background-color: #A6CAE2; }

div.background_blue_dark, .background_blue_dark {
  background-color: #4980B1; }

div.background_gold, .background_gold {
  background-color: #A59879; }

div.background_gold_dark, .background_gold_dark {
  background-color: #998C6C; }

div.background_grey, .background_grey {
  background-color: #EDEDED; }

div.background_grey_light, .background_grey_light {
  background-color: #F3F3F3; }

div.background_grey_dark, .background_grey_dark {
  background-color: #757576; }

div.background_grey_white, .background_grey_white {
  background-color: #FcFcFD; }

div.background_grey_line, .background_grey_line {
  background-color: #C2C0C0; }

div.background_black, .background_black {
  background-color: #000000; }

div.background_white, .background_white {
  background-color: #ffffff; }

.background--hover_blue:hover {
  background-color: #5793C9;
  cursor: pointer; }

.background--hover_blue_light:hover {
  background-color: #A6CAE2;
  cursor: pointer; }

.background--hover_blue_dark:hover {
  background-color: #4980B1;
  cursor: pointer; }

.background--hover_gold:hover {
  background-color: #A59879;
  cursor: pointer; }

.background--hover_gold_dark:hover {
  background-color: #998C6C;
  cursor: pointer; }

.background--hover_grey:hover {
  background-color: #EDEDED;
  cursor: pointer; }

.background--hover_grey_light:hover {
  background-color: #F3F3F3;
  cursor: pointer; }

.background--hover_grey_dark:hover {
  background-color: #757576;
  cursor: pointer; }

.background--hover_grey_white:hover {
  background-color: #FcFcFD;
  cursor: pointer; }

.background--hover_grey_line:hover {
  background-color: #C2C0C0;
  cursor: pointer; }

.background--hover_black:hover {
  background-color: #000000;
  cursor: pointer; }

.background--hover_white:hover {
  background-color: #ffffff;
  cursor: pointer; }

/* color mixin */
/* color hover mixin */
/* color background mixin */
/* color hover mixin */
/* Styles Fonts (Sort 999) */
/*##### font-face #####*/
@font-face {
  font-family: 'suisse';
  src: url("/static/themes/theme/font/SuisseIntl-Light-WebXL.woff") format("woff"), url("/static/themes/theme/font/SuisseIntl-Light-WebXL.woff2") format("woff2");
  font-weight: 300; }

@font-face {
  font-family: 'suisse';
  src: url("/static/themes/theme/font/SuisseIntl-Regular-WebXL.woff") format("woff"), url("/static/themes/theme/font/SuisseIntl-Regular-WebXL.woff2") format("woff2");
  font-weight: 400; }

@font-face {
  font-family: 'suisse';
  src: url("/static/themes/theme/font/SuisseIntl-Medium-WebXL.woff") format("woff"), url("/static/themes/theme/font/SuisseIntl-Medium-WebXL.woff2") format("woff2");
  font-weight: 500; }

/*##### font presets #####*/
html {
  font-size: 16px; }

html, body, input, textarea {
  font-family: 'suisse', sans-serif; }

a {
  text-decoration: none; }

a.nostyle {
  color: inherit !important;
  text-decoration: none !important; }

h1, h2, h3 {
  margin: 0 0 1em 0; }

p {
  margin: 0 0 0.5em 0; }

strong {
  font-weight: 500; }

.no_margin, .intranet_login h1, .inhalt_downloads h3, .termine_auflistung_head h1, .news_auflistung_head h1, .termin_datenbank_text h3 {
  margin: 0 !important; }

.margin_bottom, .textblock_report_content p:nth-child(3), .auflistung_berichte_kurz_box p:nth-child(3) {
  margin: 0 0 1em 0; }

/*##### font handler #####*/
.nowrap {
  white-space: nowrap; }

.nowrap_desktop {
  white-space: nowrap; }

.inline_block {
  display: inline-block; }

/*##### font modifier #####*/
.underline {
  text-decoration: underline; }

/*##### font-size (numbers as in style guide) #####*/
.font_1 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 400; }

.font_2, h1 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 500; }

.font_3, h2 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 500; }

.font_4, h3 {
  font-size: 17px;
  line-height: 27px;
  font-weight: 500; }

.font_5 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 400; }

.font_6 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 300; }

.font_7 {
  font-size: 40px;
  line-height: 55px;
  font-weight: 300; }

.font_8, .datenbank_bericht_textbox q, .datenbank_bericht_textbox blockquote {
  font-size: 34px;
  line-height: 50px;
  font-weight: 300; }

.font_9, .datenbank_bericht_textbox p {
  font-size: 17px;
  line-height: 27px;
  font-weight: 400; }

.font_10 {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400; }

.font_11 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400; }

.font_12 {
  font-size: 17px;
  line-height: 25px;
  font-weight: 500; }

.font_13 {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500; }

.font_14 {
  font-size: 15px;
  line-height: 40px;
  font-weight: 500; }

.font_15 {
  font-size: 15px;
  line-height: 40px;
  font-weight: 400; }

.font_16 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400; }

/*##### font-size tablet-small #####*/
@media screen and (max-width: 990px) {
  .font_1 {
    font-size: 18px;
    line-height: 24px; }
  .font_2, h1 {
    font-size: 22px;
    line-height: 24px; }
  .font_3, h2 {
    font-size: 18px;
    line-height: 20px; }
  .font_4, h3 {
    font-size: 16px;
    line-height: 20px; }
  .font_5 {
    font-size: 18px;
    line-height: 22px; }
  .font_6 {
    font-size: 16px;
    line-height: 22px; }
  .font_7 {
    font-size: 18px;
    line-height: 24px; }
  .font_8, .datenbank_bericht_textbox q, .datenbank_bericht_textbox blockquote {
    font-size: 18px;
    line-height: 22px; }
  .font_9, .datenbank_bericht_textbox p {
    font-size: 13px;
    line-height: 18px; }
  .font_10 {
    font-size: 14px;
    line-height: 22px; }
  .font_11 {
    font-size: 11px;
    line-height: 18px; }
  .font_12 {
    font-size: 17px;
    line-height: 25px; } }

/*##### font-size mobile #####*/
@media screen and (max-width: 767px) {
  .font_1 {
    font-size: 22px;
    line-height: 32px; }
  .font_2, h1 {
    font-size: 22px;
    line-height: 30px; }
  .font_3, h2 {
    font-size: 18px;
    line-height: 26px; }
  .font_4, h3 {
    font-size: 16px;
    line-height: 26px; }
  .font_5 {
    font-size: 22px;
    line-height: 28px; }
  .font_6 {
    font-size: 20px;
    line-height: 28px; }
  .font_7 {
    font-size: 22px;
    line-height: 30px; }
  .font_8, .datenbank_bericht_textbox q, .datenbank_bericht_textbox blockquote {
    font-size: 22px;
    line-height: 28px; }
  .font_9, .datenbank_bericht_textbox p {
    font-size: 16px;
    line-height: 26px; }
  .font_12 {
    font-size: 16px;
    line-height: 24px; } }

/*mixins*/
.nav_icon {
  display: inline-block;
  width: 1em;
  vertical-align: middle;
  padding-right: 0.1em; }

/* Styles Position (Sort 998) */
/*##### spacing #####*/
/*##### positioning #####*/
.valign_top {
  top: 0;
  position: absolute; }

.valign_center {
  top: 50%;
  transform: translateY(-50%);
  position: absolute; }

.valign_bottom {
  bottom: 0;
  position: absolute; }

.align_left {
  float: left; }

.align_right {
  float: right; }

.align_left:after {
  content: '';
  display: block;
  clear: both; }

.align_right:after {
  content: '';
  display: block;
  clear: both; }

.valign_top_widget {
  position: absolute;
  top: 5%; }

.valign_bottom_widget {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px; }

.valign_center_footer {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

@media screen and (max-width: 767px) {
  .valign_top {
    position: relative;
    top: initial; }
  .valign_center {
    position: relative;
    top: initial;
    transform: none; }
  .valign_bottom {
    position: relative;
    top: initial;
    transform: none; } }

/* Styles Content Widgets (Sort 995) */
/*#####icons - icon animations#####*/
.icon_small {
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle; }

.icon_big {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle; }

.icon_small_extern {
  display: inline-block;
  width: 11px;
  height: 11px;
  vertical-align: middle;
  margin-bottom: 2px; }

.icon_16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-left: 0.5em; }

.icon_24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle; }

.icon_28 {
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: middle; }

.icon_50 {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle; }

/*#####Auflistung - Dropdown#####*/
.auflistung_block {
  margin-bottom: 40px !important; }

.auflistung_row {
  border-top: 1px solid #757576;
  padding: 29px 0;
  display: flex;
  justify-content: space-between; }

.auflistung_block {
  border-bottom: 1px solid #757576; }

/*Auflistung dropdown modifier*/
.auflistung_dropdown_trigger {
  border-top: 1px solid #757576;
  padding: 29px 0;
  display: flex;
  justify-content: space-between;
  cursor: pointer; }

.auflistung_dropdown_content {
  display: none; }

.auflistung_show {
  display: block; }

@media screen and (max-width: 1024px) {
  .auflistung_row {
    padding-right: 0; } }

@media screen and (max-width: 767px) {
  .auflistung_block, .auflistung_row:last-child, .auflistung_dropdown_trigger {
    border: none; }
  .auflistung_block {
    margin: 0 !important; }
  .auflistung_row, .auflistung_dropdown_trigger {
    flex-wrap: wrap;
    padding: 20px;
    border: none;
    background-color: #F3F3F3;
    line-height: 1.5;
    margin-bottom: 20px; }
  .auflistung_row > [class*="grid"]:nth-child(2) {
    margin: 20px 0; } }

/*#####Auflistung Chronisch - Dropdown#####*/
.auflistung_chronisch_trigger {
  cursor: pointer;
  margin-top: 1em; }

.auflistung_chronisch_content {
  display: none; }

div.auflistung_chronisch_show {
  display: block; }

.auflistung_chronisch_content > a {
  display: block; }

.auflistung_chronisch_icon {
  margin-bottom: 0.3em; }

.flip {
  transform: rotate(-180deg); }

@media screen and (max-width: 767px) {
  .auflistung_chronisch_content .icon_download {
    vertical-align: top;
    margin-top: 0.3rem; } }

/*********teaser*************/
.widget_padding {
  padding: 20px; }

.icon_download {
  width: 1.5em; }

.widget_showcase:hover .widget_link {
  color: #757576; }

/* Schaukästen */
/********back to top button*******/
#myBtn {
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 3.1%;
  min-width: 60px;
  max-width: 60px;
  background-color: #fff;
  padding: 1em;
  cursor: pointer; }

@media screen and (max-width: 1024px) {
  #myBtn {
    min-width: 50px; }
  /*#####auflistungs elemente#####*/
  .paginate .widget_news_small {
    padding-bottom: 0; } }

@media screen and (max-width: 767px) {
  #myBtn {
    bottom: 20px;
    right: 20px; }
  .paginate .widget_news_small {
    padding-bottom: 30px; } }

/*textblock report*/
div[class*="textblock_report"] a {
  color: #4980B1; }

/*widget_news_big*/
.widget_news_big {
  background-color: #F3F3F3;
  color: #757576; }
  .widget_news_big_textbox {
    padding: 20px 20px 40px 20px; }

/*widget_news_small*/
.widget_news_small {
  background-color: #F3F3F3;
  color: #757576; }
  .widget_news_small_textbox {
    padding: 20px 20px 40px 20px; }

.widget_link_more {
  color: #4980B1; }

.widget_link_more:hover {
  filter: grayscale(100%); }

/* Widget full content */
.widget_full_content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 20px; }

.widget_full_content_without_padding {
  position: absolute;
  width: 100%;
  height: 100%; }

.widget_full_content_relative {
  position: relative;
  width: 100%;
  height: 100%; }

/* Widget grauer Hintergrund */
.widget_grey {
  background-color: #F3F3F3;
  color: #757576; }

.widget_grey .widget_link_more,
.widget_grey a {
  color: #4980B1; }

.widget_grey:hover {
  background-color: #EDEDED;
  cursor: pointer; }

.widget_grey:hover .widget_link_more {
  filter: grayscale(100%); }

/* Widget dunkelgrauer Hintergrund */
.widget_darkgrey {
  background-color: #757576;
  color: #ffffff; }

.widget_darkgrey .widget_link_more,
.widget_darkgrey a {
  color: #ffffff; }

.widget_darkgrey:hover {
  background-color: #F3F3F3;
  cursor: pointer; }

.widget_darkgrey:hover .widget_link_more,
.widget_darkgrey:hover a {
  color: #757576; }

/* Widget goldener Hintergrund */
.widget_gold {
  background-color: #A59879;
  color: #ffffff; }

.widget_gold h2 {
  margin-bottom: 15px;
  /* Warum nur bei Gold? */ }

.widget_gold .widget_link_more,
.widget_gold a {
  color: #ffffff; }

.widget_gold:hover {
  background-color: #998C6C;
  cursor: pointer; }

/* Widget blauer Background */
.widget_blue {
  background-color: #5793C9;
  color: #ffffff; }

.widget_blue .widget_link_more,
.widget_blue a {
  color: #ffffff; }

.widget_blue:hover {
  background-color: #4980B1;
  cursor: pointer; }

.widget_blue:hover .widget_link_more,
.widget_blue:hover a {
  color: #A6CAE2; }

.widget_light_blue {
  background-color: #5692ce80;
  color: #ffffff; }

.widget_light_blue .widget_link_more,
.widget_light_blue a {
  color: #ffffff; }

.widget_light_blue:hover {
  background-color: #5692ce;
  cursor: pointer; }

/*##### teaser download #####*/
.document_big {
  width: 30%; }

@media screen and (max-width: 767px) {
  /*textblock report*/
  .textblock_report_right > div:nth-child(1) {
    order: 2; }
  .textblock_report_right > div:nth-child(2) {
    order: 1; }
  /*#####icons - icon animations#####*/
  .icon_small > img {
    display: inline-block;
    vertical-align: middle; }
  .icon_big > img {
    display: inline-block;
    vertical-align: middle; } }

/* Download-Listen */
.download_links_wrapper {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 28px; }
  @media (max-width: 767px) {
    .download_links_wrapper {
      grid-template-columns: 1fr; } }
.download_links_wrapper.onecol {
  grid-template-columns: 1fr; }

.download_links_wrapper img {
  display: inline-block;
  width: 15px;
  vertical-align: middle;
  margin-left: -20px;
  margin-right: 5px; }

.download_links_wrapper a {
  display: block;
  padding-top: 5px;
  margin-left: 20px;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  color: #4980B1; }
  @media (max-width: 990px) {
    .download_links_wrapper a {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .download_links_wrapper a {
      font-size: 16px;
      line-height: 26px; } }
.download_links_wrapper a:hover {
  filter: grayscale(100%); }

/*##### button styling #####*/
.similar_button {
  display: inline-block;
  width: 200px;
  height: 40px;
  border: 1px solid #5793C9;
  cursor: pointer;
  padding: 0;
  margin-top: 0.5em; }

/* Styles Formulare (Sort 995) */
/*form input style*/
form {
  width: 100%; }

.formular label {
  display: inline-block;
  min-width: 185px; }

.formular input[type="text"],
.formular input[type="password"] {
  border: 1px solid #E4E3D9;
  height: 50px; }

label.label_big_field {
  vertical-align: top; }

input.input_big_field {
  height: 100px; }

.input_block_wrapper {
  margin-bottom: 40px; }

.input_wrapper, .intranet_login .intranet_block_wrapper > div, .formular_kontakt .input_kontakt_block_wrapper > div {
  margin-bottom: 10px; }

.input_hinweis_grey, .input_checkbox_wrapper {
  margin-left: 190px; }

/*error*/
.formular .error {
  font-weight: 500;
  color: #900; }

/*form buttons style*/
.formular_button_blue, .formular_button_white {
  display: inline-block;
  height: 50px;
  width: 137px;
  border: 1px solid #C2C0C0;
  padding: 13px 20px;
  cursor: pointer;
  margin-right: 20px; }

.formular_button_white {
  border: 1px solid #E4E3D9;
  width: 165px; }

.formular_button_blue_arrow {
  display: inline-block;
  width: 24px;
  height: 24px; }

.input_checkbox_grey {
  height: 17px;
  width: 17px;
  border: 1px solid #C2C0C0; }

.formular_button_blue_submit {
  margin-right: 9%; }

@media screen and (max-width: 1024px) {
  /*form input style*/
  .formular label[type="text"] {
    margin-bottom: 0.5em; }
  .input_hinweis_grey, .input_checkbox_wrapper {
    margin-left: 0; }
  /*form buttons style*/
  .formular_button_blue_submit {
    margin-right: 12%; } }

@media screen and (max-width: 767px) {
  /*form input style*/
  .formular input[type="text"] {
    width: 99%; }
  /*form buttons style*/
  .formular_button_blue,
  .formular_button_white {
    margin-bottom: 0.5em; }
  .formular_button_blue_submit {
    margin-right: 0; } }

/* Styles Navigation (Sort 993) */
/****************************main navigation***************************/
ol, ul {
  list-style: none;
  padding: 0; }

/*hide sub menus on default*/
.nav_main ul {
  display: none; }

/* hide checkbox */
.nav_main input[type=checkbox] {
  position: absolute;
  opacity: 0; }

/* nav main label Style */
.nav_main label, .nav_main a {
  position: relative;
  display: block;
  color: #000; }

/* label:nth-of-type(n) bug fix on safari(<= 8.0.8)*/
/* show children when parent is checked */
.nav_main input[type=checkbox]:checked + label + ul,
.nav_main input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  display: block; }

/*cosmetic*/
.nav_main label {
  cursor: pointer; }

.nav_main li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/****************************gemeinde navigation***************************/
/* hide checkbox */
.nav_gemeinde input[type=checkbox], .nav_gemeinde_main input[type=checkbox], .nav_gemeinde_main input[type=radio] {
  position: absolute;
  opacity: 0; }

/*hide sub menus on default*/
.nav_gemeinde ul, .nav_gemeinde_main ul {
  display: none; }

/* label:nth-of-type(n) bug fix on safari(<= 8.0.8)*/
/* show children when parent is checked */
.nav_gemeinde input[type=checkbox]:checked + label + ul,
.nav_gemeinde input[type=checkbox]:checked + label:nth-of-type(n) + ul,
.nav_gemeinde_main input[type=checkbox]:checked + label + ul,
.nav_gemeinde_main input[type=checkbox]:checked + label:nth-of-type(n) + ul,
.nav_gemeinde_main input[type=radio]:checked + label + ul,
.nav_gemeinde_main input[type=radio]:checked + label:nth-of-type(n) + ul {
  display: block; }

/*cosmetic*/
.nav_gemeinde label, .nav_gemeinde_main label {
  cursor: pointer; }

/*arrow gemeinde*/
.nav_gemeinde_checkbox[type=checkbox]:checked ~ label > .nav_gemeinde_arrow,
.nav_gemeinde_checkbox[type=radio]:checked ~ label > .nav_gemeinde_arrow {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Safari 3-8 */
  transform: rotate(180deg); }

/*tablet*/
/*mobile*/
/****************************main navigation***************************/
/*general layout*/
.nav_wrapper {
  width: 280px;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  min-height: 100%;
  z-index: 999;
  display: none; }

.nav_top_box {
  margin: 60px 0 50px 0;
  padding: 0 20px; }

.nav_lang {
  font-size: 15px;
  line-height: 22px;
  font-family: 'suisse', sans-serif;
  color: #757576; }

.nav_lang:hover {
  color: #1E94CC; }

.nav_lang a {
  color: inherit; }

.nav_close {
  width: 25px;
  height: 25px;
  cursor: pointer;
  padding: 2em 1em 2em 0;
  margin: -2em -1em -2em 0;
  box-sizing: initial; }

/*nav list style*/
.nav_main {
  width: 100%;
  padding: 0 20px; }

.nav_main label,
.nav_main > li {
  font-size: 15px;
  line-height: 45px;
  font-weight: 500;
  font-family: 'suisse', sans-serif; }

.has_children li {
  font-weight: 400;
  line-height: 25px; }

.has_children li a {
  padding: 10px 0; }

.has_children > ul > li:hover a {
  color: #5793C9; }

.has_children li:before, .has_children li:last-child:after {
  content: '';
  display: block;
  width: 240px;
  margin: -5px 0 0 -17px;
  border-bottom: 1px solid #d8d8d8; }

/*ul style*/
.has_children > ul {
  padding-left: 17px; }

/*rest overlay*/
#overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(117, 117, 118, 0.8);
  z-index: 1;
  display: none; }

/****************************gemeinde navigation***************************/
.nav_gemeinde {
  padding: 21px 20px;
  margin: 55px 0px 0px 0px;
  background-color: #f3f3f3; }

.nav_gemeinde > li > label, .nav_gemeinde_main > li > label {
  font-family: 'suisse', sans-serif;
  font-size: 22px;
  line-height: 28px; }

.nav_gemeinde .nav_main, .nav_gemeinde_main .nav_main {
  margin-top: 23px; }

.nav_gemeinde_main {
  padding: 21px 20px;
  margin: 0;
  background-color: #ffffff; }

.nav_gemeinde_arrow {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle; }

.nav_gemeinde > li > .nav_main, .nav_gemeinde_main > li > .nav_main {
  padding-left: 0; }

/****************************Kirchsuche***************************/
.church_search_wrapper {
  position: absolute;
  width: 280px;
  top: 0;
  right: 0;
  padding-bottom: 50px;
  margin-top: calc(813 / 1920 * 50%);
  cursor: pointer; }

.church_search_lupe {
  width: 74px;
  height: 74px; }

.church_search_title {
  font-family: 'suisse', sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  color: #fff;
  margin-top: 8px; }

.church_search_copybox {
  padding: 50px 20px 50px 20px; }

.church_search_active {
  padding: 0 20px; }

/* .church_search_input {
  width: 240px;
  height: 51px;
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
}

.church_search_input {
  background-image: url('../../img/symbols/lupe_white.svg');
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 22px 22px;
} */
.church_search_input::-webkit-input-placeholder {
  color: #fff; }

.church_search_input::-ms-input-placeholder {
  color: #fff; }

.church_search_input::placeholder {
  color: #fff; }

.church_search_button {
  width: 100px;
  height: 50px;
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  padding: 14px 26px 9px 20px;
  cursor: pointer;
  margin: 20px 0 50px 0; }

.church_search_close_mobile {
  display: none; }

/*live suche*/
#result {
  position: absolute;
  width: 100%;
  max-width: 240px;
  cursor: pointer;
  overflow-y: auto; }

.church_search_ul h3 {
  font-family: 'suisse', sans-serif;
  font-size: 17px;
  line-height: 27px;
  font-weight: 500;
  color: #fff;
  padding-left: 20px;
  margin-bottom: 7px; }

.text_2_search {
  font-family: 'suisse', sans-serif;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  padding-left: 20px;
  color: #fff; }

li.text_2_search {
  margin: 11px 0; }

.church_search_li_icon_church {
  width: 24px;
  height: 24px;
  margin-right: 9px;
  display: inline-block; }

.church_search_li_icon_location {
  width: 24px;
  height: 25px;
  margin-right: 9px;
  display: inline-block;
  vertical-align: middle; }

/*tablet*/
@media only screen and (max-width: 1024px) {
  .church_search_wrapper {
    /* top:4.4%; */ }
  .church_search_close_mobile {
    display: none; } }

/*mobile*/
@media only screen and (max-width: 767px) {
  .nav_top_box {
    margin: 27px 0 27px 0;
    padding: 0 20px; }
  .nav_gemeinde {
    margin: 28px 0px 0px 0px; }
  /*kirchsuche*/
  .church_search_title {
    display: none;
    margin-bottom: 50px; }
  .church_search_wrapper, .church_search_copybox, .church_search_lupe {
    width: 70px;
    height: 70px;
    padding: 0; }
  .church_search_wrapper {
    margin-top: calc(547 / 847 * 55%); }
  .church_search_close_mobile {
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 24px 20px 0 0; }
  .church_search_active {
    padding: 0; }
  .church_search_lupe {
    padding: 10px; }
  /*live suche*/
  .church_search_ul h3 {
    font-size: 16px;
    line-height: 26px; } }

/* Layout Hauptnavigation  (Sort 1) */
header {
  background-color: #ffffff;
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

header a, header a:visited, header a:hover, header a:active {
  color: #757576; }

header span {
  color: #757576; }

header .logo {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  display: block; }
  @media (max-width: 767px) {
    header .logo {
      max-width: 42px; } }
header .logo img {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%; }

.nav_gemeinde > li > label, .nav_gemeinde_main > li > label {
  white-space: nowrap; }

.nav_gemeinde_main label {
  display: flex; }

.nav_gemeinde_main label a,
.nav_gemeinde_main label span {
  flex-grow: 1;
  color: #000000; }

.header_text {
  position: absolute;
  text-decoration: none;
  left: 0;
  bottom: 0; }

.header_text > h1 {
  font-size: 16px;
  line-height: 1.2;
  color: #000000; }

.header_text > h2 {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 300;
  color: #000000;
  margin: 0; }

.header_toolbar {
  display: flex;
  position: absolute;
  right: 0;
  top: 30%;
  justify-content: flex-end;
  align-items: baseline; }

.header_toolbar > * {
  flex: 0 0 auto;
  margin-left: 3em; }
  @media (max-width: 1024px) {
    .header_toolbar > * {
      margin-left: 2em; } }
  @media (max-width: 767px) {
    .header_toolbar > * {
      margin-left: 1em; } }
.header_toolbar .header_icon {
  display: inline-block;
  height: 1.7em;
  width: 1.7em;
  vertical-align: middle; }

/*toolbar input*/
.header_search input {
  padding: 9px;
  color: #757576;
  border: 0;
  outline: 1px solid #757576;
  background: transparent; }
  @media (max-width: 1024px) {
    .header_search input {
      display: none; } }
  @media (max-width: 767px) {
    .header_search input {
      display: none; } }
.header_search input:focus {
  outline: 1px solid #757576; }

.header_toolbar .header_search_icon {
  position: relative;
  left: -30px;
  height: 1.4em;
  width: 1.4em;
  z-index: 1; }

/*remove blue box on mobile*/
.nav_top_box > span,
.has_children label,
.has_children a,
#myBtn {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.has_children a {
  display: block; }

.has_children label {
  display: flex;
  align-items: center; }

.has_children label a {
  flex-grow: 1; }

.has_children a:hover {
  color: #5793C9;
  filter: none; }

.has_children .nav_gemeinde_arrow {
  width: 16px;
  height: 16px; }

.has_children .opended[type=checkbox]:checked ~ label > .nav_gemeinde_arrow {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

/*Kirchsuche z-index*/
.church_search_wrapper {
  z-index: 888; }

#search_input_wrapper input {
  outline: none;
  border: 0; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none; }

@media screen and (max-width: 767px) {
  .header_toolbar .header_search img {
    position: relative;
    left: 0;
    width: 1.7em;
    height: 1.7em; }
  .header_text {
    bottom: 5px; }
  .header_text h1,
  .header_text h2 {
    font-size: 9px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    /* "overflow"-Wert darf nicht "visible" sein */
    text-overflow: ellipsis; } }

header {
  position: sticky !important;
  top: 0;
  z-index: 998; }

/* Layout Inhalt (Sort 1) */
.force_height {
  min-height: 50px; }

.content {
  padding-bottom: 1em; }

/* Inhalt Titelbild  (Sort 1) */
@media (max-width: 767px) {
  .teaser_image .aspect_ratio_box {
    padding-bottom: 75% !important; } }

/* Inhalt Absatz (Optional Link/Download) (Sort 1) */
.anchor_replace_other a {
  position: relative;
  z-index: 2; }

.aspect_ratio_report {
  height: 0;
  overflow: hidden;
  padding-top: 50%;
  position: relative; }

.textblock_report_left a {
  font-size: 17px;
  line-height: 27px;
  font-weight: 400; }
  @media (max-width: 990px) {
    .textblock_report_left a {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .textblock_report_left a {
      font-size: 16px;
      line-height: 26px; } }
@media screen and (max-width: 1024px) {
  .aspect_ratio_report {
    padding-top: calc((330 / 440) * 100%); } }

@media screen and (max-width: 990px) {
  .textblock_report_left p:not(.font_10):not(.font_11):not(.font_9) {
    font-size: 13px;
    line-height: 18px; } }

@media screen and (max-width: 767px) {
  .aspect_ratio_report {
    padding-top: calc((210 / 280) * 100%); }
  div.textblock_report_left > div.grid_desktop_4 {
    padding-bottom: 0; }
  .textblock_report_left p:not(.font_10):not(.font_11):not(.font_9) {
    font-size: 16px;
    line-height: 26px; } }

/* Inhalt Zitat (Sort 1) */
.quotation .font_9 {
  color: green; }

/* Inhalt Widget Bereich (Sort 1) */
.widget_wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  grid-gap: 28px;
  margin-bottom: 5em;
  /* IE 10 + 11 */ }
  @media (max-width: 1400px) {
    .widget_wrapper {
      margin-bottom: 4em;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-rows: 1fr;
      grid-gap: 14px; } }
  @media (max-width: 1024px) {
    .widget_wrapper {
      margin-bottom: 4em;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: 1fr;
      grid-gap: 14px; } }
  @media (max-width: 767px) {
    .widget_wrapper {
      margin-bottom: 3em;
      display: block; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .widget_wrapper {
      display: block;
      overflow-x: auto !important;
      zoom: 1; } }
.widget_wrapper.grid_admin {
  min-height: 5em; }

.widget_1x1 {
  grid-column: auto / span 1;
  grid-row: auto / span 1;
  position: relative;
  width: 100%;
  padding-bottom: 88%; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .widget_1x1 {
      width: 23%;
      padding-bottom: 22%;
      display: block;
      float: left;
      margin: 1%; } }
  @media all and (-ms-high-contrast: none) and (max-width: 1400px), (-ms-high-contrast: active) and (max-width: 1400px) {
    .widget_1x1 {
      width: 31%;
      padding-bottom: 27%; } }
  @media all and (-ms-high-contrast: none) and (max-width: 1024px), (-ms-high-contrast: active) and (max-width: 1024px) {
    .widget_1x1 {
      width: 48%;
      padding-bottom: 48%; } }
  @media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) {
    .widget_1x1 {
      width: 98%;
      padding-bottom: 90%; } }
  @media (max-width: 767px) {
    .widget_1x1 {
      margin-bottom: 14px; } }
.widget_1x1 a,
.widget_1x2 a,
.widget_2x1 a,
.widget_2x2 a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.widget_1x2 {
  grid-column: auto / span 2;
  grid-row: auto / span 1;
  position: relative;
  width: 100%;
  padding-bottom: 44%; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .widget_1x2 {
      width: 48%;
      padding-bottom: 44%;
      display: block;
      float: left;
      margin: 1%; } }
  @media all and (-ms-high-contrast: none) and (max-width: 1400px), (-ms-high-contrast: active) and (max-width: 1400px) {
    .widget_1x2 {
      width: 98%;
      padding-bottom: 54%; } }
  @media (max-width: 767px) {
    .widget_1x2 {
      width: 98%;
      padding-bottom: 140%;
      grid-column: auto / span 1;
      margin-bottom: 14px; } }
.widget_2x1 {
  grid-column: auto / span 1;
  grid-row: auto / span 2;
  position: relative;
  width: 100%;
  padding-bottom: 176%; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .widget_2x1 {
      width: 23%;
      padding-bottom: 44%;
      display: block;
      float: left;
      margin: 1%; } }
  @media all and (-ms-high-contrast: none) and (max-width: 1400px), (-ms-high-contrast: active) and (max-width: 1400px) {
    .widget_2x1 {
      width: 31%;
      padding-bottom: 54%; } }
  @media all and (-ms-high-contrast: none) and (max-width: 1024px), (-ms-high-contrast: active) and (max-width: 1024px) {
    .widget_2x1 {
      width: 48%;
      padding-bottom: 97%; } }
  @media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) {
    .widget_2x1 {
      width: 98%;
      padding-bottom: 140%; } }
.widget_2x2 {
  grid-column: auto / span 2;
  grid-row: auto / span 2;
  position: relative;
  width: 100%;
  padding-bottom: 88%; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .widget_2x2 {
      width: 48%;
      padding-bottom: 22%;
      display: block;
      float: left;
      margin: 1%; } }
  @media all and (-ms-high-contrast: none) and (max-width: 1400px), (-ms-high-contrast: active) and (max-width: 1400px) {
    .widget_2x2 {
      width: 31%;
      padding-bottom: 54%; } }
  @media all and (-ms-high-contrast: none) and (max-width: 1024px), (-ms-high-contrast: active) and (max-width: 1024px) {
    .widget_2x2 {
      width: 98%;
      padding-bottom: 54%; } }
/* Datenbank Bericht (Sort 1) */
/*Image Gallery*/
.slick-list {
  padding: 0 !important; }

.slick-list img {
  padding: 0 5px 0 0px; }

img.slick-lightbox-slick-img {
  object-fit: contain; }

.slider-nav .slick-slide {
  opacity: 0.5;
  cursor: pointer; }

.slider-nav .slick-current {
  opacity: 1; }

/* print Galery */
.print-galery,
.print-teaser {
  display: none; }

/*Gallery sub*/
.gallery_sub_wrapper {
  position: relative; }
  .gallery_sub_wrapper span {
    display: inline-block;
    vertical-align: middle; }

.gallery_sub_text {
  width: 83%; }

.gallery_sub_lupe {
  width: 25px;
  height: 25px;
  cursor: pointer;
  transform: scaleX(-1); }

.gallery_sub_arrows {
  position: absolute;
  right: 0;
  top: 0px; }

.gallery_sub_arrow--right {
  width: 22px;
  height: 22px;
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  transform: rotate(-90deg);
  margin-left: 12px; }

.gallery_sub_arrow--left {
  width: 22px;
  height: 22px;
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  transform: rotate(90deg);
  margin-right: 12px; }

/*Gallery lightbox*/
.slick-lightbox-slick-item-inner {
  width: 73%;
  position: relative; }

#lightbox_sub {
  width: 100%;
  min-height: 50px;
  background-color: #fff;
  position: absolute;
  bottom: -50px;
  left: 0;
  text-align: left;
  padding: 10px 20px; }

.lightbox_sub_text {
  vertical-align: middle;
  max-width: 60%;
  text-align: left;
  display: inline-block; }

.lightbox_sub_arrows {
  position: absolute;
  right: 0;
  top: 11px; }

.lightbox_sub_arrow--left img {
  padding: 0; }

.lightbox_sub_arrow--right img {
  padding: 0; }

.lightbox_sub_arrow--left {
  transform: rotate(90deg);
  margin-right: 6px;
  width: 22px;
  height: 22px;
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box; }

.lightbox_sub_arrow--right {
  transform: rotate(-90deg);
  margin-left: 6px;
  margin-right: 12px;
  width: 22px;
  height: 22px;
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box; }

.slick-lightbox-slick-img {
  max-width: none !important;
  padding: 0 !important; }

/*counter*/
.lightbox_counter {
  position: absolute;
  right: 100px;
  top: 9px; }

.gallery_sub_arrows .lightbox_sub_arrow--left,
.gallery_sub_arrows .lightbox_sub_arrow--right {
  display: none !important; }

/*news arrow back*/
.news_arrow_back {
  display: inline-block;
  width: 24px;
  height: 24px;
  transform: rotate(180deg);
  cursor: pointer; }

/*textbox programm*/
.grid_programm {
  margin-bottom: 40px; }

.programm_wrapper {
  padding: 20px; }

/*linkbox*/
.linkbox_icon {
  display: inline-block;
  width: 1em;
  vertical-align: middle; }

.linkbox_text {
  vertical-align: middle;
  color: #5793C9; }

.linkbox_link {
  color: #5793C9; }

.linkbox_link_teilen_dropdown {
  display: none; }

.linkbox_link_teilen_dropdown a {
  display: block;
  margin-left: 2em;
  text-decoration: underline; }

/*remove blue hitbox*/
.noSelect {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*linkbox*/
.linkbox_link {
  margin: 4px 0;
  display: inline-block; }

/* #18005 */
.datenbank_bericht_textbox img {
  width: auto; }

@media screen and (max-width: 1024px) {
  /*Gallery lightbox*/
  .slick-lightbox-slick-item-inner {
    width: 92%; }
  /*Gallery_arrows*/
  .gallery_sub_arrow--left,
  .gallery_sub_arrow--right {
    margin: 0 5px; }
  .slider-nav {
    padding-right: 5px; } }

@media screen and (max-width: 990px) {
  /*Gallery_arrows*/
  .gallery_sub_arrows {
    top: 3px; }
  .gallery_sub_text {
    width: 80%; }
  .gallery_sub_arrow--left,
  .gallery_sub_arrow--right {
    margin: 0; } }

@media screen and (max-width: 767px) {
  /*Gallery sub*/
  #slide_wrapper {
    margin-bottom: 20px;
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .gallery_sub_text {
    display: block;
    width: 100%;
    position: relative; }
  .gallery_sub_arrows {
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
    text-align: right;
    margin-top: 10px; }
  .slider-nav {
    padding-right: 0px; }
  .gallery_sub_arrow--left {
    margin-right: 10px; }
  /*custom max widht*/
  .news_mobile_max {
    max-width: 92%; }
  .slider-for > .slick-list > .slick-track > .slick-active > div:first-child {
    padding-bottom: 78.5%; }
  .slick-media-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }
  .slick-media-wrapper img {
    max-width: none;
    object-fit: cover;
    height: 100%;
    width: 100%; }
  .slick-list img {
    padding: 0px 5px 5px 0px; } }

/* Inhalt Video (Upload/Youtube/Vimeo) (Sort 1) */
.inhalt_video p {
  color: #757576;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400; }
  @media (max-width: 990px) {
    .inhalt_video p {
      font-size: 14px;
      line-height: 22px; } }
.inhalt_video img {
  width: 100%; }

/* Layout - Footer (Sort 1) */
footer {
  background-color: #757576;
  color: #C2C0C0;
  margin-bottom: 0 !important;
  padding-bottom: 5em !important; }
  @media (max-width: 1024px) {
    footer {
      padding-bottom: 4em !important; } }
  @media (max-width: 767px) {
    footer {
      padding-bottom: 3em !important; } }
.grid_down {
  display: flex;
  align-items: flex-end;
  height: 100%;
  padding-top: 5em; }
  @media (max-width: 1024px) {
    .grid_down {
      padding-top: 4em; } }
  @media (max-width: 767px) {
    .grid_down {
      padding-top: 3em; } }
footer .sep a {
  display: inline-block;
  padding: 0 7px; }

footer p {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  color: #C2C0C0; }
  @media (max-width: 990px) {
    footer p {
      font-size: 14px;
      line-height: 22px; } }
footer p.footer_title {
  font-size: 17px;
  line-height: 25px;
  font-weight: 500;
  color: #C2C0C0;
  margin-bottom: 20px; }
  @media (max-width: 990px) {
    footer p.footer_title {
      font-size: 17px;
      line-height: 25px; } }
  @media (max-width: 767px) {
    footer p.footer_title {
      font-size: 16px;
      line-height: 24px; } }
footer a {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  color: #C2C0C0;
  text-decoration: underline;
  cursor: pointer; }
  @media (max-width: 990px) {
    footer a {
      font-size: 14px;
      line-height: 22px; } }
.cookie-banner-hide {
  display: none; }

.cookiebanner .no_padding {
  padding: 0 !important;
  margin: 0 !important; }

.cookiebanner {
  padding: 16px; }

.cookie_text {
  position: relative;
  padding-right: 30px; }

.cookiebanner a {
  color: #4980B1; }

.cookiebanner a.close-cookie-banner {
  position: absolute;
  top: 5px;
  right: 5px; }

.cookie-banner-absolute {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100; }

/* Datenbank Termin (Sort 1) */
.termin_datenbank_text p {
  font-size: 17px;
  line-height: 27px;
  font-weight: 400; }
  @media (max-width: 990px) {
    .termin_datenbank_text p {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .termin_datenbank_text p {
      font-size: 16px;
      line-height: 26px; } }
.linkbox_link_teilen_dropdown a {
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  color: #757576; }
  @media (max-width: 990px) {
    .linkbox_link_teilen_dropdown a {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .linkbox_link_teilen_dropdown a {
      font-size: 16px;
      line-height: 26px; } }
  .linkbox_link_teilen_dropdown a:hover {
    color: #5793C9;
    cursor: pointer; }
  .linkbox_link_teilen_dropdown a:active {
    color: #5793C9;
    cursor: pointer; }

/* Auflistung Berichte  (mit Filterung) (Sort 1) */
.filter_what,
.filter_who,
.filter_when {
  padding-left: 0 !important; }

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
  position: absolute !important;
  width: 100% !important;
  top: 0 !important;
  bottom: 0 !important;
  cursor: pointer !important;
  height: 100% !important;
  padding: 0 20px 0 20px !important;
  background-color: transparent !important; }

.ms-options-wrap > button:after {
  right: 20px !important; }

/*daterange*/
#datepicker_wrapper {
  padding-right: 45px;
  padding-left: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.lightpick__month-title-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  margin-bottom: 25px;
  position: relative;
  background-image: url("[% theme.theme_root %]/../img/symbols/calendar.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 100% 8px; }

h1.lightpick__month-title {
  position: absolute;
  left: 22px;
  top: 9px;
  width: 115px;
  text-align: center; }

.lightpick__toolbar {
  width: 100%; }

button.lightpick__previous-action {
  position: absolute;
  left: 0;
  top: 5px;
  background-color: transparent;
  padding: 0;
  margin: 0; }

button.lightpick__next-action {
  position: absolute;
  left: 126px;
  top: 5px;
  padding: 0;
  margin: 0;
  background-color: transparent; }

@media screen and (max-width: 767px) {
  .lightpick {
    padding: 0 !important; }
  h1.lightpick__month-title {
    top: 20px; }
  button.lightpick__previous-action,
  button.lightpick__next-action {
    top: 13px; }
  .lightpick__month-title-bar {
    background-position: 96% 16px; } }

/*filter*/
.filter {
  overflow: visible; }

.filter_row_01 {
  margin-bottom: 20px; }

.filter_search,
.filter_what,
.filter_when,
.filter_who,
.filter_button,
.filter_reset {
  height: 50px;
  border: 1px solid #C2C0C0;
  padding: 13px 20px;
  cursor: pointer; }

.filter_reset {
  border: none;
  text-decoration: underline;
  padding-left: 1px; }

.filter input,
.filter span {
  vertical-align: middle; }

/*filter search*/
.filter_search span {
  display: inline-block;
  vertical-align: middle; }

.filter_search_lupe {
  display: inline-block;
  width: 24px;
  height: 24px; }

.filter_search > input {
  width: 85%; }

/*filter what*/
/*filter who*/
.filter_what,
.filter_who {
  padding: 4px 20px; }

/*multi dropdown*/
.ms-options {
  min-height: 0 !important; }

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
  padding: 5px 0; }

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
  margin: 0 5px 0 0 !important;
  position: absolute !important;
  left: 20px !important;
  top: 10px !important;
  width: 24px !important;
  height: 24px !important; }

.ms-options-wrap > .ms-options > ul label {
  padding: 10px 4px 10px 55px !important;
  cursor: pointer !important; }

.ms-options-wrap > button > span {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis; }

/*filter search*/
.filter_when span {
  display: inline-block;
  vertical-align: middle; }

.filter_when_calendar {
  display: inline-block;
  width: 24px;
  height: 24px; }

/*filter when*/
.ui-datepicker {
  display: none;
  background-color: #fff;
  height: auto;
  margin: 0 -1px;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  text-align: center;
  padding: 20px;
  cursor: pointer;
  border: 1px solid #C2C0C0; }

#datepicker_wrapper {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  cursor: pointer;
  height: 100%;
  background-color: transparent; }

.ui-datepicker table {
  width: 100%; }

/*header*/
.ui-datepicker-header {
  background: url("[% theme.theme_root %]/../img/symbols/calendar.svg");
  background-repeat: no-repeat;
  color: #757576;
  background-size: 24px 24px;
  background-position-x: 100%;
  min-height: 50px; }

.ui-datepicker-title {
  text-align: center;
  width: 60%; }

/*arrows - navigation*/
.ui-datepicker-prev,
.ui-datepicker-next {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  background-image: url("[% theme.theme_root %]/../img/symbols/arrow_down_grey.svg");
  background-repeat: no-repeat;
  line-height: 600%;
  overflow: hidden !important; }

.ui-datepicker-next {
  position: absolute;
  left: 55%;
  background-position: 14px 0px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-size: 10px 10px;
  background-position: 15px 5px; }

.ui-datepicker-prev {
  position: absolute;
  left: 0;
  background-position: 14px 0px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-size: 10px 10px;
  background-position: 5px 5px; }

/*font style*/
.ui-datepicker-calendar > thead {
  color: #757576; }

.ui-datepicker-calendar > tbody {
  color: #C2C0C0; }

#ui-datepicker-div > table tbody tr td a {
  color: #C2C0C0; }

/*Submit Button*/
.filter_button_arrow {
  display: inline-block;
  width: 24px;
  height: 24px; }

/*Auflistung Elemente*/
.news_list > div {
  margin-bottom: 30px !important; }

/*Paginierung*/
.news_list > div {
  margin-bottom: 30px !important; }

.paginate-pagination {
  text-align: center;
  margin-bottom: 7% !important; }

.paginate-pagination li {
  display: inline;
  margin-left: 1em; }

.paginate-pagination a {
  color: #757576; }

.paginate-pagination a.active {
  color: #757576; }

.page-prev,
.page-next {
  text-decoration: underline; }

.page-prev {
  margin-right: 20px; }

.page-next {
  margin-left: 20px; }

/*remove border on input*/
textarea:focus,
input:focus,
input {
  outline: none;
  border: 0; }

@media screen and (max-width: 990px) {
  /*custom input*/
  .filter .font_10 {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400; }
  /*filter margin*/
  .filter_row_01 {
    margin-bottom: 0; }
  .filter > div {
    margin-bottom: 10px !important; } }

@media screen and (max-width: 767px) {
  .filter_reset {
    padding-top: 0; }
  /*hide pagination*/
  .paginate-pagination {
    display: none; } }

/*extends*/
.news_auflistung_head p {
  font-size: 26px;
  line-height: 36px;
  font-weight: 300; }
  @media (max-width: 990px) {
    .news_auflistung_head p {
      font-size: 16px;
      line-height: 22px; } }
  @media (max-width: 767px) {
    .news_auflistung_head p {
      font-size: 20px;
      line-height: 28px; } }
.filter {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  color: #757576; }
  @media (max-width: 990px) {
    .filter {
      font-size: 14px;
      line-height: 22px; } }
  .filter input[type="text"] {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    color: #757576; }
    @media (max-width: 990px) {
      .filter input[type="text"] {
        font-size: 14px;
        line-height: 22px; } }
.filter_reset a {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  color: #757576; }
  @media (max-width: 990px) {
    .filter_reset a {
      font-size: 14px;
      line-height: 22px; } }
  .filter_reset a:hover {
    color: #5793C9;
    cursor: pointer; }
  .filter_reset a:active {
    color: #5793C9;
    cursor: pointer; }

.filter_button {
  background-color: #5793C9; }
  .filter_button:hover {
    background-color: #4980B1;
    cursor: pointer; }
  .filter_button:active {
    background-color: #4980B1;
    cursor: pointer; }
  .filter_button > span {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    color: #ffffff; }
    @media (max-width: 990px) {
      .filter_button > span {
        font-size: 14px;
        line-height: 22px; } }
.auflistung_berichte_box {
  /*p:nth-child(1){
    @include font_10;
  }
  p:nth-child(2){
    @include font_11;
  }
  p:nth-child(3){
    @include font_9;
    @extend .margin_bottom;
  }*/ }
  .auflistung_berichte_box a {
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    color: #4980B1; }
    @media (max-width: 990px) {
      .auflistung_berichte_box a {
        font-size: 17px;
        line-height: 27px;
        font-weight: 400; } }
    @media (max-width: 767px) {
      .auflistung_berichte_box a {
        font-size: 16px;
        line-height: 26px; } }
div.pager {
  text-align: center;
  margin-bottom: 7% !important;
  cursor: pointer;
  color: #757576; }
  div.pager > a {
    color: #757576; }

/*22.08 Anpassung*/
.news_auflistung_list h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; }

/* Layout Gemeindesuche (Sort 1) */
.church_search_wrapper_small {
  width: auto;
  padding-bottom: 0;
  margin-top: 0;
  top: 240px;
  cursor: pointer; }
  @media (max-width: 1024px) {
    .church_search_wrapper_small {
      top: 160px; } }
  @media (max-width: 767px) {
    .church_search_wrapper_small {
      top: 100px;
      width: 50px;
      height: 50px; } }
.church_search_copybox_small {
  padding: 0; }
  @media (max-width: 767px) {
    .church_search_copybox_small {
      width: 50px;
      height: 50px; } }
.church_search_lupe_small {
  padding: 10px; }
  @media (max-width: 767px) {
    .church_search_lupe_small {
      width: 50px;
      height: 50px;
      padding: 5px; } }
.church_search_close_mobile_small {
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin: 24px 20px 0 0; }

.church_search_wrapper a {
  text-decoration: none;
  color: #fff; }

#church_search_title_desktop_small {
  display: none !important; }

.church_search_info {
  font-family: 'suisse', sans-serif;
  font-weight: 100;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  margin-top: -45px;
  margin-bottom: 25px; }

/* Layout Gemeindesuche Klein (Sort 1) */
.church_search_wrapper_small {
  width: auto;
  padding-bottom: 0;
  margin-top: 0;
  top: 240px;
  cursor: pointer; }

.church_search_copybox_small {
  padding: 0; }

.church_search_lupe_small {
  padding: 10px; }

.church_search_close_mobile_small {
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin: 24px 20px 0 0; }

#church_search_title_desktop_small {
  display: none !important; }

@media screen and (max-width: 1400px) {
  .church_search_wrapper_small {
    margin-top: 0; } }

@media screen and (max-width: 990px) {
  .church_search_wrapper_small {
    margin-top: 0; } }

@media screen and (max-width: 767px) {
  .church_search_wrapper_small {
    top: 120px;
    width: 50px;
    height: 50px; }
  .church_search_copybox_small {
    width: 50px;
    height: 50px; }
  .church_search_lupe_small {
    width: 50px;
    height: 50px;
    padding: 5px; } }

@media screen and (max-width: 480px) {
  .church_search_wrapper_small {
    margin-top: 0; } }

@media screen and (max-width: 350px) {
  .church_search_wrapper_small {
    margin-top: 0; } }

/* Auflistung Termine  (Sort 1) */
/*filter*/
.filter {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  color: #757576;
  overflow: visible; }
  @media (max-width: 990px) {
    .filter {
      font-size: 14px;
      line-height: 22px; } }
  .filter input[type=text] {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    color: #757576; }
    @media (max-width: 990px) {
      .filter input[type=text] {
        font-size: 14px;
        line-height: 22px; } }
  .filter input {
    vertical-align: middle; }
  .filter span {
    vertical-align: middle; }

.termine_auflistung_head p {
  font-size: 26px;
  line-height: 36px;
  font-weight: 300; }
  @media (max-width: 990px) {
    .termine_auflistung_head p {
      font-size: 16px;
      line-height: 22px; } }
  @media (max-width: 767px) {
    .termine_auflistung_head p {
      font-size: 20px;
      line-height: 28px; } }
.filter_row_01 {
  margin-bottom: 20px; }

.filter_what {
  height: 50px;
  border: 1px solid #C2C0C0;
  cursor: pointer;
  padding: 4px 20px;
  padding-left: 0; }

.filter_who {
  height: 50px;
  border: 1px solid #C2C0C0;
  cursor: pointer;
  padding: 4px 20px;
  padding-left: 0; }

.filter_when {
  height: 50px;
  border: 1px solid #C2C0C0;
  padding: 13px 20px;
  cursor: pointer;
  padding-left: 0; }

.filter_search {
  height: 50px;
  border: 1px solid #C2C0C0;
  padding: 13px 20px;
  cursor: pointer; }
  .filter_search span {
    display: inline-block;
    vertical-align: middle; }
  .filter_search > input {
    width: 85%; }
  .filter_search_lupe {
    display: inline-block;
    width: 24px;
    height: 24px; }
  .filter_search input[type=text] {
    padding: 0; }

.filter_button {
  height: 50px;
  border: 1px solid #C2C0C0;
  padding: 13px 20px;
  cursor: pointer;
  background-color: #5793C9; }
  .filter_button:hover {
    background-color: #4980B1;
    cursor: pointer; }
  .filter_button:active {
    background-color: #4980B1;
    cursor: pointer; }
  .filter_button > span {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    color: #ffffff; }
    @media (max-width: 990px) {
      .filter_button > span {
        font-size: 14px;
        line-height: 22px; } }
  .filter_button_arrow {
    display: inline-block;
    width: 24px;
    height: 24px; }

.filter_reset {
  height: 50px;
  border: 1px solid #C2C0C0;
  padding: 13px 20px;
  cursor: pointer;
  border: none;
  text-decoration: underline;
  padding-left: 1px; }

/*lightpick*/
.lightpick__month-title-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  margin-bottom: 25px;
  position: relative;
  background-image: url("[% theme.theme_root %]/../img/symbols/calendar.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 100% 8px; }

h1.lightpick__month-title {
  position: absolute;
  left: 22px;
  top: 9px;
  width: 115px;
  text-align: center; }

.lightpick__toolbar {
  width: 100%; }

button.lightpick__previous-action {
  position: absolute;
  left: 0;
  top: 5px;
  background-color: transparent;
  padding: 0;
  margin: 0; }

button.lightpick__next-action {
  position: absolute;
  left: 126px;
  top: 5px;
  padding: 0;
  margin: 0;
  background-color: transparent; }

/*multiselect dropdown*/
.ms-options {
  min-height: 0 !important; }

.ms-options-wrap > button {
  position: absolute !important;
  width: 100% !important;
  top: 0 !important;
  bottom: 0 !important;
  cursor: pointer !important;
  height: 100% !important;
  padding: 0 20px 0 20px !important;
  background-color: transparent !important;
  padding: 5px 0; }

.ms-options-wrap > button:focus {
  position: absolute !important;
  width: 100% !important;
  top: 0 !important;
  bottom: 0 !important;
  cursor: pointer !important;
  height: 100% !important;
  padding: 0 20px 0 20px !important;
  background-color: transparent !important;
  padding: 5px 0; }

.ms-options-wrap > button:after {
  right: 20px !important; }

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
  margin: 0 5px 0 0 !important;
  position: absolute !important;
  left: 20px !important;
  top: 10px !important;
  width: 24px !important;
  height: 24px !important; }

.ms-options-wrap > .ms-options > ul label {
  padding: 10px 4px 10px 55px !important;
  cursor: pointer !important; }

.ms-options-wrap > button > span {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis; }

/*datepicker | filter when*/
#datepicker_wrapper {
  padding-right: 45px;
  padding-left: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  cursor: pointer;
  height: 100%;
  background-color: transparent; }

#ui-datepicker-div > table tbody tr td a {
  color: #C2C0C0; }

.filter_when span {
  display: inline-block;
  vertical-align: middle; }

.filter_when_calendar {
  display: inline-block;
  width: 24px;
  height: 24px; }

.ui-datepicker {
  display: none;
  background-color: #fff;
  height: auto;
  margin: 0 -1px;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  text-align: center;
  padding: 20px;
  cursor: pointer;
  border: 1px solid #C2C0C0; }
  .ui-datepicker table {
    width: 100%; }
  .ui-datepicker-header {
    background: url("[% theme.theme_root %]/../img/symbols/calendar.svg");
    background-repeat: no-repeat;
    color: #757576;
    background-size: 24px 24px;
    background-position-x: 100%;
    min-height: 50px; }
  .ui-datepicker-title {
    text-align: center;
    width: 60%; }
  .ui-datepicker-prev {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-image: url("[% theme.theme_root %]/../img/symbols/arrow_down_grey.svg");
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden !important;
    position: absolute;
    left: 0;
    background-position: 14px 0px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-size: 10px 10px;
    background-position: 5px 5px; }
  .ui-datepicker-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-image: url("[% theme.theme_root %]/../img/symbols/arrow_down_grey.svg");
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden !important;
    position: absolute;
    left: 55%;
    background-position: 14px 0px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-size: 10px 10px;
    background-position: 15px 5px; }
  .ui-datepicker-calendar > thead {
    color: #757576; }
  .ui-datepicker-calendar > tbody {
    color: #C2C0C0; }

/*auflistung*/
.news_list > div {
  margin-bottom: 30px !important; }

.termine_block {
  margin-bottom: 40px !important; }
  .termine_block .termine_row:last-child {
    border-bottom: 1px solid #757576; }

.termine_row span.a_replace_span {
  color: #757576;
  text-decoration: underline; }

.termine_row {
  border-top: 1px solid #F3F3F3;
  padding: 29px 0;
  display: flex;
  justify-content: space-between;
  padding-right: calc(16.666% - 28px);
  color: #757576;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400; }
  @media (max-width: 990px) {
    .termine_row {
      font-size: 14px;
      line-height: 22px; } }
  .termine_row a {
    color: #757576;
    text-decoration: underline; }

/*pagination*/
.paginate-pagination {
  text-align: center;
  margin-bottom: 7% !important; }
  .paginate-pagination li {
    display: inline;
    margin-left: 1em; }
  .paginate-pagination a.active {
    color: #757576; }

.page-prev {
  text-decoration: underline;
  margin-right: 20px; }

.page-next {
  text-decoration: underline;
  margin-left: 20px; }

/*remove border on input*/
textarea:focus,
input:focus,
input {
  outline: none;
  border: 0; }

/*media query*/
@media screen and (max-width: 1024px) {
  .termine_row {
    padding-right: 0; } }

@media screen and (max-width: 990px) {
  .filter .font_10 {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400; }
  .filter > div {
    margin-bottom: 10px !important; }
  .filter_row_01 {
    margin-bottom: 0; } }

@media screen and (max-width: 767px) {
  .filter_reset {
    padding-top: 0; }
  h1.lightpick__month-title {
    top: 20px; }
  .lightpick {
    padding: 0 !important; }
  button.lightpick__previous-action {
    top: 13px; }
  button.lightpick__next-action {
    top: 13px; }
  button.lightpick .lightpick__month-title-bar {
    background-position: 96% 16px; }
  .termine_row {
    flex-wrap: wrap;
    padding: 20px;
    border: none;
    background-color: #F3F3F3;
    line-height: 1.5;
    margin-bottom: 20px; }
  .termine_block .termine_row:last-child {
    border: none; }
  .termine_date {
    margin-bottom: 0px; }
  .termine_location {
    margin-bottom: 0px; }
  .termine_description {
    margin-bottom: 0px; }
  .termine_location {
    margin-bottom: 0px; }
  .paginate-pagination {
    display: none; } }

/* Auflistung Termine kurz (Sort 1) */
.termine_block {
  margin-bottom: 40px !important; }
  .termine_block .termine_row:last-child {
    border-bottom: 1px solid #757576; }
  .termine_block_kurz {
    margin-bottom: 20px !important; }
    .termine_block_kurz a {
      color: #757576; }
    .termine_block_kurz .termine_row {
      font-size: 15px;
      line-height: 22px;
      font-weight: 400;
      color: #757576; }
      @media (max-width: 990px) {
        .termine_block_kurz .termine_row {
          font-size: 14px;
          line-height: 22px; } }
.termine_row {
  border-top: 1px solid #757576;
  padding: 29px 0;
  display: flex;
  justify-content: space-between;
  padding-right: calc(16.666% - 28px); }

@media screen and (max-width: 1024px) {
  .termine_row {
    padding-right: 0; } }

@media screen and (max-width: 767px) {
  .termine_row {
    flex-wrap: wrap;
    padding: 20px;
    border: none;
    background-color: #F3F3F3;
    line-height: 1.5;
    margin-bottom: 20px; }
  .termine_block .termine_row:last-child {
    border: none; }
  .termine_date {
    margin-bottom: 16px; }
  .termine_location {
    margin-bottom: 16px; }
  .termine_description {
    margin-bottom: 16px; }
  .termine_location {
    margin-bottom: 0; }
  .termine_block_kurz {
    margin-bottom: 0px !important; }
  .paginate-pagination {
    display: none; } }

/* Inhalt Link ähnliche Artikel (Sort 1) */
.similar_button_free {
  font-size: 17px;
  font-weight: 400;
  color: #5793C9;
  background-color: #ffffff;
  border: 1px solid #5793C9;
  cursor: pointer;
  padding: 10px;
  margin-top: 0.5em;
  display: inline-block; }

.inhalt_aehnliche_artikel p {
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  color: #757576; }
  @media (max-width: 990px) {
    .inhalt_aehnliche_artikel p {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .inhalt_aehnliche_artikel p {
      font-size: 16px;
      line-height: 26px; } }
.inhalt_aehnliche_artikel button {
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  color: #5793C9;
  background-color: #ffffff; }
  @media (max-width: 990px) {
    .inhalt_aehnliche_artikel button {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .inhalt_aehnliche_artikel button {
      font-size: 16px;
      line-height: 26px; } }
/* Inhalt Downloads Liste (Sort 1) */
.inhalt_downloads a {
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  color: #4980B1; }
  @media (max-width: 990px) {
    .inhalt_downloads a {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .inhalt_downloads a {
      font-size: 16px;
      line-height: 26px; } }
/* Layout Gemeinde Überschrift (Sort 1) */
.headline_congregation a.main {
  color: #000;
  text-decoration: none; }

/* Gemeinde Info (Sort 1) */
.gemeinde_info p {
  color: #757576;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400; }
  @media (max-width: 990px) {
    .gemeinde_info p {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .gemeinde_info p {
      font-size: 16px;
      line-height: 26px; } }
.gemeinde_info a {
  color: #757576;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  text-decoration: underline; }
  @media (max-width: 990px) {
    .gemeinde_info a {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .gemeinde_info a {
      font-size: 16px;
      line-height: 26px; } }
.fixed_ratio_congregation_image {
  position: relative;
  padding-bottom: 66.66667%; }

.fixed_ratio_congregation_image picture {
  position: absolute;
  width: 100%;
  height: 100%; }

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

/* Inhalt Auflistung Gemeinde- und Bezirkssuche (Sort 1) */
.result_map {
  margin-top: 3em !important;
  font-size: 16px !important; }

.mapboxgl-ctrl-attrib-inner {
  font-size: 12px !important; }

.auflistung_bezirke_gemeinden_suche {
  width: 100%;
  margin: 0 14px;
  display: block; }
  @media (max-width: 1024px) {
    .auflistung_bezirke_gemeinden_suche {
      width: 100%; } }
  @media (max-width: 767px) {
    .auflistung_bezirke_gemeinden_suche {
      width: 100%; } }
  .auflistung_bezirke_gemeinden_suche > p:firt-child {
    color: #757576;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400; }
    @media (max-width: 990px) {
      .auflistung_bezirke_gemeinden_suche > p:firt-child {
        font-size: 11px;
        line-height: 18px; } }
  .auflistung_bezirke_gemeinden_suche .auflistung_row {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    color: #757576; }
    @media (max-width: 990px) {
      .auflistung_bezirke_gemeinden_suche .auflistung_row {
        font-size: 14px;
        line-height: 22px; } }
  .auflistung_bezirke_gemeinden_suche a {
    color: #757576; }

/* Atom media (Sort 1) */
.aspect_ratio_box {
  position: relative;
  /* The image used */
  /* Full height */
  height: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.aspect_ratio_box img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* Inhalt Bild (Sort 1) */
.image_caption {
  color: #757576;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400; }
  @media (max-width: 990px) {
    .image_caption {
      font-size: 14px;
      line-height: 22px; } }
/* Inhalt Kontaktformular (Sort 1) */
.formular_kontakt label {
  width: calc(16.666% - 28px);
  margin: 0 14px;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  margin-left: 0;
  margin-right: 0; }
  @media (max-width: 1024px) {
    .formular_kontakt label {
      width: calc(75% - 28px); } }
  @media (max-width: 767px) {
    .formular_kontakt label {
      width: calc(75% - 28px); } }
  @media (max-width: 990px) {
    .formular_kontakt label {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .formular_kontakt label {
      font-size: 16px;
      line-height: 26px; } }
.formular_kontakt label.inline {
  display: block; }

.formular_kontakt input[type=text], .formular_kontakt span.radiogroup {
  width: calc(75% - 28px);
  margin: 0 14px;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  color: #757576;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 2px;
  padding-left: 20px; }
  @media (max-width: 1024px) {
    .formular_kontakt input[type=text], .formular_kontakt span.radiogroup {
      width: calc(91.663% - 28px); } }
  @media (max-width: 990px) {
    .formular_kontakt input[type=text], .formular_kontakt span.radiogroup {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .formular_kontakt input[type=text], .formular_kontakt span.radiogroup {
      font-size: 16px;
      line-height: 26px; } }
.formular_kontakt textarea {
  width: calc(75% - 28px);
  margin: 0 14px;
  color: #757576;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 2px;
  min-width: 290px;
  padding-left: 20px;
  resize: none;
  border: 1px solid #E4E3D9; }
  @media (max-width: 1024px) {
    .formular_kontakt textarea {
      width: calc(91.663% - 28px); } }
  @media (max-width: 990px) {
    .formular_kontakt textarea {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .formular_kontakt textarea {
      font-size: 16px;
      line-height: 26px; } }
.formular_kontakt .input_kontakt_block_wrapper {
  margin-top: 1em; }

.formular_kontakt .input_checkbox_wrapper p {
  color: #000000;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  display: inline-block; }
  @media (max-width: 990px) {
    .formular_kontakt .input_checkbox_wrapper p {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .formular_kontakt .input_checkbox_wrapper p {
      font-size: 16px;
      line-height: 26px; } }
.formular_kontakt .input_checkbox_wrapper a {
  color: #000000;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  text-decoration: underline; }
  @media (max-width: 990px) {
    .formular_kontakt .input_checkbox_wrapper a {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .formular_kontakt .input_checkbox_wrapper a {
      font-size: 16px;
      line-height: 26px; } }
.formular_kontakt button {
  background-color: #5793C9; }
  .formular_kontakt button:hover {
    background-color: #4980B1;
    cursor: pointer; }
  .formular_kontakt button:active {
    background-color: #4980B1;
    cursor: pointer; }
  .formular_kontakt button span {
    color: #ffffff;
    font-size: 17px;
    line-height: 27px;
    font-weight: 400; }
    @media (max-width: 990px) {
      .formular_kontakt button span {
        font-size: 17px;
        line-height: 27px;
        font-weight: 400; } }
    @media (max-width: 767px) {
      .formular_kontakt button span {
        font-size: 16px;
        line-height: 26px; } }
.formular_kontakt .input_hinweis_grey {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  color: #757576; }
  @media (max-width: 990px) {
    .formular_kontakt .input_hinweis_grey {
      font-size: 14px;
      line-height: 22px; } }
.formular_kontakt .input_checkbox_grey {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.5em; }

/* Layout Gemeindeinfo (Sort 1) */
.gemeindeinfo_overlay {
  position: absolute;
  right: 0;
  top: 239px;
  width: 280px;
  height: 100%;
  padding: 50px 20px 23px 20px;
  background-color: #fff;
  z-index: 999;
  display: none; }
  .gemeindeinfo_overlay_trigger {
    position: absolute;
    top: 314px;
    right: 0;
    background-color: #fff;
    cursor: pointer;
    z-index: 998; }
  .gemeindeinfo_overlay_content {
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    color: #757576;
    display: flex;
    flex-direction: column; }
    @media (max-width: 990px) {
      .gemeindeinfo_overlay_content {
        font-size: 17px;
        line-height: 27px;
        font-weight: 400; } }
    @media (max-width: 767px) {
      .gemeindeinfo_overlay_content {
        font-size: 16px;
        line-height: 26px; } }
  .gemeindeinfo_overlay_route {
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    color: #757576; }
    @media (max-width: 990px) {
      .gemeindeinfo_overlay_route {
        font-size: 17px;
        line-height: 27px;
        font-weight: 400; } }
    @media (max-width: 767px) {
      .gemeindeinfo_overlay_route {
        font-size: 16px;
        line-height: 26px; } }
  .gemeindeinfo_overlay_icon {
    width: 56px;
    height: 56px; }
  .gemeindeinfo_overlay_title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 400;
    margin: 26px 50% 21px 0; }
    @media (max-width: 990px) {
      .gemeindeinfo_overlay_title {
        font-size: 18px;
        line-height: 22px; } }
    @media (max-width: 767px) {
      .gemeindeinfo_overlay_title {
        font-size: 22px;
        line-height: 28px; } }
  .gemeindeinfo_overlay_zeiten {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    color: #757576;
    margin: 21px 0 19px 0; }
    @media (max-width: 990px) {
      .gemeindeinfo_overlay_zeiten {
        font-size: 14px;
        line-height: 22px; } }
  .gemeindeinfo_overlay_icon_close {
    position: absolute;
    right: 15px;
    top: 24px; }

.gemeindeinfo_show {
  display: block; }

@media screen and (max-width: 767px) {
  .gemeindeinfo_overlay {
    top: 0;
    width: 320px; }
    .gemeindeinfo_overlay_trigger {
      top: 170px; } }

/* Widget Termine (Sort 1) */
.widget_termine icon_download {
  width: 44%; }

/* Auflistung Berichte (kurz) (Sort 1) */
.auflistung_berichte_kurz_box p:nth-child(1) {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400; }
  @media (max-width: 990px) {
    .auflistung_berichte_kurz_box p:nth-child(1) {
      font-size: 14px;
      line-height: 22px; } }
.auflistung_berichte_kurz_box p:nth-child(2) {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400; }
  @media (max-width: 990px) {
    .auflistung_berichte_kurz_box p:nth-child(2) {
      font-size: 11px;
      line-height: 18px; } }
.auflistung_berichte_kurz_box p:nth-child(3) {
  font-size: 17px;
  line-height: 27px;
  font-weight: 400; }
  @media (max-width: 990px) {
    .auflistung_berichte_kurz_box p:nth-child(3) {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .auflistung_berichte_kurz_box p:nth-child(3) {
      font-size: 16px;
      line-height: 26px; } }
.auflistung_berichte_kurz_box a {
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  color: #4980B1; }
  @media (max-width: 990px) {
    .auflistung_berichte_kurz_box a {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .auflistung_berichte_kurz_box a {
      font-size: 16px;
      line-height: 26px; } }
.link_alle_berichte a {
  font-size: 17px;
  line-height: 27px;
  font-weight: 400; }
  @media (max-width: 990px) {
    .link_alle_berichte a {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .link_alle_berichte a {
      font-size: 16px;
      line-height: 26px; } }
.link_alle_berichte span:last-child {
  color: #5793C9; }
  .link_alle_berichte span:last-child:hover {
    color: #757576;
    cursor: pointer; }
  .link_alle_berichte span:last-child:active {
    color: #757576;
    cursor: pointer; }

/* Inhalt Überschrift + Sprungmarkenmenü (Sort 1) */
.page_teaser {
  margin-top: 5em; }
  @media (max-width: 767px) {
    .page_teaser {
      margin-top: 3em; } }
  @media (max-width: 1024px) {
    .page_teaser {
      margin-top: 4em; } }
.sprungmarke_mobile_trigger {
  cursor: pointer; }

.sprungmarke_mobile_trigger span {
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  color: #5793C9; }
  @media (max-width: 990px) {
    .sprungmarke_mobile_trigger span {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .sprungmarke_mobile_trigger span {
      font-size: 16px;
      line-height: 26px; } }
.sprungmarke_mobile_content {
  width: 100%; }
  @media (max-width: 767px) {
    .sprungmarke_mobile_content {
      display: none; } }
@media (max-width: 767px) {
  .sprungmarke_mobile_show {
    display: block; } }

.anker_linkbox_desktop > a {
  display: block;
  color: #5793C9;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400; }
  .anker_linkbox_desktop > a:hover {
    color: #757576;
    cursor: pointer; }
  .anker_linkbox_desktop > a:active {
    color: #757576;
    cursor: pointer; }
  @media (max-width: 990px) {
    .anker_linkbox_desktop > a {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .anker_linkbox_desktop > a {
      font-size: 16px;
      line-height: 26px; } }
a.anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden; }

/* Auflistung Info (Sort 1) */
.inhalt_info h2 {
  margin-bottom: 0; }

.inhalt_info a {
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  color: #4980B1; }
  @media (max-width: 990px) {
    .inhalt_info a {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .inhalt_info a {
      font-size: 16px;
      line-height: 26px; } }
.inhalt_info .download_links_wrapper {
  margin-bottom: 1em; }

/* Atom Pager (Sort 1) */
.pager {
  text-align: center;
  margin-bottom: 7% !important; }

.pager strong,
.pager span,
.pager a {
  display: inline-block;
  padding: 8px; }

/* Atom Youtube/Vimeo Video (Sort 1) */
.hidden_content_vid {
  display: none; }

.consent_container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ddd;
  overflow-y: auto; }

.consent_container button.green {
  border: 0 none;
  padding: 5px 10px;
  background-color: #090;
  color: #fff; }

.consent_container button.red {
  border: 0 none;
  padding: 5px 10px;
  background-color: #900;
  color: #fff; }

.consent_container div {
  width: 50%;
  background: #eee;
  padding: 30px; }
  @media screen and (max-width: 1024px) {
    .consent_container div {
      width: 100%; } }
.youtube-video {
  position: relative;
  padding-bottom: 55%;
  padding-top: 15px;
  height: 0;
  overflow: hidden; }

.youtube-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Inhalt Account Intranet Logout (Sort 1) */
.intranet_head {
  display: flex;
  align-items: center;
  cursor: pointer; }

.intranet_show {
  display: flex; }

.intranet_hide {
  display: none; }

.intranet .info_msg,
.intranet .error_msg,
.intranet .status_msg {
  padding: 20px;
  color: #FFF;
  font-weight: 200;
  font-size: 15px;
  line-height: 150%;
  margin: 4px; }

.intranet .info_msg::empty,
.intranet .error_msg::empty,
.intranet .status_msg::empty {
  margin: 0; }

.intranet .status_msg {
  background: #519951; }

.intranet .error_msg {
  background: #900; }

.intranet .info_msg {
  background: #b9a61c; }

.account_menu {
  margin-left: 0.5em;
  margin-top: 1em; }
  .account_menu_item {
    display: block;
    cursor: pointer; }
    .account_menu_item > a {
      color: black;
      margin-left: 1em; }
  .account_menu_content > * {
    border-bottom: 1px solid #D8D8D8; }

/* Inhalt Account Intranet Login (Sort 1) */
.intranet_login a {
  text-decoration: underline;
  color: #757576; }

.intranet_login label {
  width: calc(16.666% - 28px);
  margin: 0 14px;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  margin-left: 0;
  margin-right: 0; }
  @media (max-width: 767px) {
    .intranet_login label {
      width: calc(75% - 28px); } }
  @media (max-width: 990px) {
    .intranet_login label {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .intranet_login label {
      font-size: 16px;
      line-height: 26px; } }
.intranet_login input[type=text],
.intranet_login input[type=password] {
  width: calc(41.665% - 28px);
  margin: 0 14px;
  color: #757576;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px; }
  @media (max-width: 1024px) {
    .intranet_login input[type=text],
    .intranet_login input[type=password] {
      width: calc(66.664% - 28px); } }
  @media (max-width: 990px) {
    .intranet_login input[type=text],
    .intranet_login input[type=password] {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .intranet_login input[type=text],
    .intranet_login input[type=password] {
      font-size: 16px;
      line-height: 26px; } }
.intranet_login button {
  background-color: #5793C9; }
  .intranet_login button:hover {
    background-color: #4980B1;
    cursor: pointer; }
  .intranet_login button:active {
    background-color: #4980B1;
    cursor: pointer; }
  .intranet_login button span {
    color: #ffffff;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400; }
    @media (max-width: 990px) {
      .intranet_login button span {
        font-size: 14px;
        line-height: 22px; } }
.intranet_login_submit {
  margin-top: 1em; }

.intranet_login .input_hinweis_grey {
  color: #757576;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400; }
  @media (max-width: 990px) {
    .intranet_login .input_hinweis_grey {
      font-size: 14px;
      line-height: 22px; } }
.intranet_login .intranet_block_wrapper {
  margin-top: 1em; }

.intranet_login .info_msg,
.intranet_login .error_msg,
.intranet_login .status_msg {
  padding: 20px;
  color: #FFF;
  font-weight: 200;
  font-size: 15px;
  line-height: 150%;
  margin: 4px; }

.intranet_login .info_msg::empty,
.intranet_login .error_msg::empty,
.intranet_login .status_msg::empty {
  margin: 0; }

.intranet_login .status_msg {
  background: #519951; }

.intranet_login .error_msg {
  background: #900; }

.intranet_login .info_msg {
  background: #227A11; }

@media screen and (max-width: 767px) {
  .intranet_forgot_password {
    margin: 1em 0;
    display: inline-block; } }

/* Datenbank Videos (Sort 1) */
.formular_password label {
  width: calc(91.663% - 28px);
  margin: 0 14px;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  margin-left: 0;
  margin-right: 0; }
  @media (max-width: 1024px) {
    .formular_password label {
      width: calc(91.663% - 28px); } }
  @media (max-width: 990px) {
    .formular_password label {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .formular_password label {
      font-size: 16px;
      line-height: 26px; } }
.formular_password .error {
  color: #900; }

.formular_password input[type=password] {
  border: 1px solid #E4E3D9;
  height: 50px;
  width: 100%;
  margin: 0 14px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #757576;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px; }

.formular_password button {
  background-color: #5793C9; }
  .formular_password button:hover {
    background-color: #4980B1;
    cursor: pointer; }
  .formular_password button:active {
    background-color: #4980B1;
    cursor: pointer; }
  .formular_password button span {
    color: #ffffff;
    font-size: 17px;
    line-height: 27px;
    font-weight: 400; }
    @media (max-width: 990px) {
      .formular_password button span {
        font-size: 17px;
        line-height: 27px;
        font-weight: 400; } }
    @media (max-width: 767px) {
      .formular_password button span {
        font-size: 16px;
        line-height: 26px; } }
/* Auflistung Bericht fest (einzeln) (Sort 1) */
.textblock_report_left > .grid_desktop_4 {
  padding-bottom: 30px; }

.textblock_report_content p:nth-child(1) {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400; }
  @media (max-width: 990px) {
    .textblock_report_content p:nth-child(1) {
      font-size: 14px;
      line-height: 22px; } }
.textblock_report_content p:nth-child(2) {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400; }
  @media (max-width: 990px) {
    .textblock_report_content p:nth-child(2) {
      font-size: 11px;
      line-height: 18px; } }
.textblock_report_content p:nth-child(3) {
  font-size: 17px;
  line-height: 27px;
  font-weight: 400; }
  @media (max-width: 990px) {
    .textblock_report_content p:nth-child(3) {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .textblock_report_content p:nth-child(3) {
      font-size: 16px;
      line-height: 26px; } }
/* Widget Opfer (Sort 1) */
.widget_opfer .icon_download {
  width: 40%; }

/* Widget Katechismus (Sort 1) */
.widget_katechismus icon_download {
  width: 40%; }

/* Inhalt Linkbox Extern (Sort 1) */
.inhalt_linkbox_extern a {
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  color: #4980B1; }
  @media (max-width: 990px) {
    .inhalt_linkbox_extern a {
      font-size: 17px;
      line-height: 27px;
      font-weight: 400; } }
  @media (max-width: 767px) {
    .inhalt_linkbox_extern a {
      font-size: 16px;
      line-height: 26px; } }
/* Inhalt Suchergebnisse (Sort 1) */
mark.first,
mark.second,
mark.third {
  background: #ffeeab;
  display: inline-block;
  padding: 2px; }

.content_searchresult .grid_container {
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: 32px; }
  @media (max-width: 767px) {
    .content_searchresult .grid_container {
      grid-template-columns: 1fr; } }
@media (max-width: 767px) {
  .content_searchresult .search_filters {
    grid-row-start: 1;
    grid-row-end: 1; } }

.content_searchresult .download_links_wrapper.block {
  margin-top: 32px; }

.content_searchresult .download_links_wrapper a.active {
  color: #000; }

.content_searchresult form {
  margin-bottom: 3em; }

.content_searchresult label {
  display: block; }

.content_searchresult input {
  width: 50%;
  padding: 3px 5px;
  border: 1px solid #757576;
  line-height: 40px; }

.content_searchresult button {
  display: inline-block;
  padding: 3px 5px;
  width: 137px;
  line-height: 40px;
  cursor: pointer;
  color: #fff;
  background: #5793C9;
  border: 0 none; }

/* Chronik Container (Sort 1) */
.auflistung_chronisch_trigger {
  color: #000000;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400; }
  @media (max-width: 990px) {
    .auflistung_chronisch_trigger {
      font-size: 14px;
      line-height: 22px; } }
  .auflistung_chronisch_trigger > span {
    font-size: 17px;
    line-height: 27px;
    font-weight: 500; }
    @media (max-width: 990px) {
      .auflistung_chronisch_trigger > span {
        font-size: 13px;
        line-height: 20px; } }
    @media (max-width: 767px) {
      .auflistung_chronisch_trigger > span {
        font-size: 16px;
        line-height: 26px; } }
.auflistung_chronisch_content {
  margin-top: 1em; }
  .auflistung_chronisch_content > p:first-child {
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    color: #757576; }
    @media (max-width: 990px) {
      .auflistung_chronisch_content > p:first-child {
        font-size: 13px;
        line-height: 20px; } }
    @media (max-width: 767px) {
      .auflistung_chronisch_content > p:first-child {
        font-size: 16px;
        line-height: 26px; } }
  .auflistung_chronisch_content > p:last-child {
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    color: #757576; }
    @media (max-width: 990px) {
      .auflistung_chronisch_content > p:last-child {
        font-size: 17px;
        line-height: 27px;
        font-weight: 400; } }
    @media (max-width: 767px) {
      .auflistung_chronisch_content > p:last-child {
        font-size: 16px;
        line-height: 26px; } }
.auflistung_chronisch_show p {
  color: #757576; }

.auflistung_chronisch_show p:nth-child(4n+4) {
  margin-bottom: 1em; }

/* Widget Absatz (Sort 1) */
.text_block_hidden {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: 0.50; }

.widget_inner_wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; }

.widget_inner_wrapper a {
  z-index: 2; }

.widget_block a {
  height: auto;
  position: relative;
  display: block; }

.widget_block .aspect_ratio_box {
  height: auto; }

/* Styles Karte (Sort 1) */
#nakMap {
  width: 100%;
  height: 637px;
  background-color: grey;
  margin: 0 0 40px 0; }

#nakMapNew {
  width: 100%;
  height: 637px;
  background-color: grey;
  margin: 0 0 40px 0;
  -webkit-animation: undark 0.8s forwards;
  /* for less modern browsers */
  animation: undark 0.8s forwards; }

.robo_font_map {
  font-family: Roboto, Arial, sans-serif; }

.mapboxgl-popup-close-button {
  font-size: 18px;
  padding-top: 3px; }

@keyframes dark {
  from {
    filter: brightness(100%); }
  to {
    filter: brightness(55%); } }

@keyframes undark {
  from {
    filter: brightness(55%); }
  to {
    filter: brightness(100%); } }

.location_marker {
  width: 36px;
  height: 36px;
  cursor: pointer; }

.gm-style .gm-style-iw-c {
  min-width: 280px;
  min-height: 238px;
  border-radius: 0;
  box-shadow: none; }

a[href^="http://maps.google.com/maps"] {
  display: none !important; }

a[href^="https://maps.google.com/maps"] {
  display: none !important; }

.gmnoprint a {
  display: none; }

.gmnoprint span {
  display: none; }

.gmnoprint div {
  display: none !important; }

@media screen and (max-width: 767px) {
  #nakMap {
    height: 280px;
    /*margin: 60px 0;*/ }
  #nakMapNew {
    height: 280px;
    /*margin: 60px 0;*/ }
  .gm-style .gm-style-iw-c,
  .gm-style-iw-d {
    min-width: 280px;
    min-height: 230px; } }

/* Inhalt Mediahub Galerie (Sort 1) */
.hub_tree {
  border-right: 1px solid #ccc; }

.hub_tree li {
  margin-bottom: 2px;
  border-bottom: 1px solid #eee; }

.hub_tree li a {
  text-decoration: none;
  cursor: pointer;
  color: #000; }

.hub_tree li a:hover {
  text-decoration: underline; }

.hub_tree li.active {
  color: #5793C9;
  font-weight: 500; }

.galery .element {
  margin-bottom: 14px;
  cursor: pointer; }

.galery .preview {
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 80%; }

.galery p {
  text-align: center;
  overflow: hidden;
  font-size: 11px; }

.slick-lightbox-slick-caption {
  background: #fff;
  color: #000 !important;
  padding: 10px;
  display: block;
  text-align: left !important; }

/* Auflistung Schaukasten / Opferkampagnen (Sort 1) */
.campaign_element {
  margin: 10px !important; }

.campaign_element h3 {
  padding: 4px;
  margin: 0; }

.campaign_element h3 span {
  float: right;
  font-weight: normal; }

.campaign_element a {
  color: #5793C9; }

.campaign_element .textblock {
  padding: 5px; }

.campaign_element .media {
  position: relative;
  height: 0;
  padding-bottom: 66.67%; }

.campaign_element .media .img_wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.campaign_element .media .img_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 8%; }

/* Inhalt Dateidownload groß (Sort 1) */
.download_links_wrapper_no_columns a {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  width: 100%;
  color: #4980B1; }

/* Atom lightbox JS (Sort 1) */
.close_lightbox {
  background-color: #5793C9; }

.close_lightbox img {
  padding: 3px; }

/* Atom List Filter (Sort 1) */
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block; }

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  overflow-y: auto;
  max-height: 215px; }

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  white-space: nowrap;
  overflow: hidden; }

.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; }

.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff; }

/* Widget Opferkampagne (Sort 1) */
@media screen and (max-width: 767px) {
  .widget_box_schaukasten {
    padding-bottom: 30%; } }

/* Atom Video (Sort 1) */
video {
  max-width: 100%; }

/* Inhalt Mediahub Galerie (freie Ordnerauswahl) (Sort 1) */
.hub_tree {
  border-right: 1px solid #ccc; }

.hub_tree li {
  margin-bottom: 2px;
  border-bottom: 1px solid #eee; }

.hub_tree li a {
  text-decoration: none;
  cursor: pointer;
  color: #000; }

.hub_tree li a:hover {
  text-decoration: underline; }

.hub_tree li.active {
  color: #5793C9;
  font-weight: 500; }

.galery .element {
  margin-bottom: 14px;
  cursor: pointer; }

.galery .preview {
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 80%; }

.galery p {
  text-align: center;
  overflow: hidden;
  font-size: 11px; }

/* Styles App Register (Sort 1) */
.app_register .app_wrapper {
  width: 100%;
  max-width: 1440px;
  position: relative;
  margin: 0 auto;
  padding: 0 58px; }
  @media (max-width: 1024px) {
    .app_register .app_wrapper {
      padding: 0 48px; } }
  @media (max-width: 767px) {
    .app_register .app_wrapper {
      padding: 0 20px; } }
.app_register .app_grid {
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5em; }
  @media (max-width: 1024px) {
    .app_register .app_grid {
      margin-bottom: 4em; } }
  @media (max-width: 767px) {
    .app_register .app_grid {
      margin-bottom: 3em; } }
.app_register .app_wrapper .app_grid .col1 {
  width: calc(41.665% - 28px);
  margin: 0 14px; }
  @media (max-width: 1024px) {
    .app_register .app_wrapper .app_grid .col1 {
      width: calc(41.665% - 28px); } }
  @media (max-width: 767px) {
    .app_register .app_wrapper .app_grid .col1 {
      width: 100%; } }
.app_register .app_wrapper .app_grid .col2 {
  width: calc(25% - 28px);
  margin: 0 14px; }
  @media (max-width: 1024px) {
    .app_register .app_wrapper .app_grid .col2 {
      width: calc(16.666% - 28px); } }
  @media (max-width: 767px) {
    .app_register .app_wrapper .app_grid .col2 {
      width: 100%; } }
.app_register .app_wrapper .app_grid .col3 {
  width: calc(8.333% - 28px);
  margin: 0 14px; }
  @media (max-width: 1024px) {
    .app_register .app_wrapper .app_grid .col3 {
      width: calc(16.666% - 28px); } }
  @media (max-width: 767px) {
    .app_register .app_wrapper .app_grid .col3 {
      width: 100%; } }
.app_register .app_wrapper .app_grid .col4 {
  width: calc(16.666% - 28px);
  margin: 0 14px; }
  @media (max-width: 1024px) {
    .app_register .app_wrapper .app_grid .col4 {
      width: calc(16.666% - 28px); } }
  @media (max-width: 767px) {
    .app_register .app_wrapper .app_grid .col4 {
      width: 100%; } }
.app_register .app_wrapper .app_grid .col5 {
  width: calc(8.333% - 28px);
  margin: 0 14px; }
  @media (max-width: 1024px) {
    .app_register .app_wrapper .app_grid .col5 {
      width: calc(8.333% - 28px); } }
  @media (max-width: 767px) {
    .app_register .app_wrapper .app_grid .col5 {
      width: 100%; } }
.app_register .app_wrapper .app_grid .separator_line {
  width: 100%;
  margin: 0 14px;
  display: block; }
  @media (max-width: 1024px) {
    .app_register .app_wrapper .app_grid .separator_line {
      width: 100%; } }
  @media (max-width: 767px) {
    .app_register .app_wrapper .app_grid .separator_line {
      width: 100%; } }
.app_register .app_wrapper .app_grid .separator_line .line {
  border: 0;
  height: 1px;
  border-bottom: 1px solid #C2C0C0;
  margin: 1em 0; }

.app_register .app_wrapper .app_grid .app_empty {
  width: calc(8.333% - 28px);
  margin: 0 14px; }
  @media screen and (max-width: 767px) {
    .app_register .app_wrapper .app_grid .app_empty {
      display: none !important; } }
  @media screen and (max-width: 1024px) {
    .app_register .app_wrapper .app_grid .app_empty {
      display: none !important; } }
.app_register .app_wrapper .app_grid .app_content {
  width: calc(91.663% - 28px);
  margin: 0 14px; }
  @media (max-width: 1024px) {
    .app_register .app_wrapper .app_grid .app_content {
      width: 100%; } }
  @media (max-width: 767px) {
    .app_register .app_wrapper .app_grid .app_content {
      width: 100%; } }
.app_register .app_wrapper .app_grid .flash {
  width: 100%;
  margin: 0 14px;
  display: block; }
  @media (max-width: 1024px) {
    .app_register .app_wrapper .app_grid .flash {
      width: 100%; } }
  @media (max-width: 767px) {
    .app_register .app_wrapper .app_grid .flash {
      width: 100%; } }
.app_register .app_wrapper .app_grid .form_button {
  background-color: #5793C9;
  color: #fff;
  text-align: center;
  margin-right: 10px;
  display: inline-block;
  height: 50px;
  width: 137px;
  border: 1px solid #C2C0C0;
  padding: 13px 20px;
  cursor: pointer; }

.app_register .app_wrapper .app_grid ul {
  padding-left: 20px;
  list-style: none; }

.app_register .app_wrapper .app_grid ul li {
  list-style: square;
  list-style-position: outside;
  display: list-item;
  text-align: -webkit-match-parent; }

.app_register .app_wrapper .app_grid .formular {
  display: block;
  position: relative;
  margin: 0 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.app_register .app_wrapper .app_grid .input_block {
  margin-bottom: 40px; }

.app_register .app_wrapper .app_grid .input_block > div {
  margin-bottom: 10px; }

.app_register .app_wrapper .app_grid input[type=text] {
  width: calc(75% - 28px);
  margin: 0 14px;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  color: #757576;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  border: 1px solid #E4E3D9;
  height: 50px; }

.app_register .app_wrapper .app_grid label {
  width: calc(16.666% - 28px);
  margin: 0 14px;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400;
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  min-width: 185px; }

.app_register .app_wrapper .form_button > span {
  color: #ffffff;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400; }

.app_register .app_wrapper .app_grid .app_table_column {
  width: calc(33.332% - 28px);
  margin: 0 14px; }
  @media (max-width: 1024px) {
    .app_register .app_wrapper .app_grid .app_table_column {
      width: calc(33.332% - 28px); } }
  @media (max-width: 767px) {
    .app_register .app_wrapper .app_grid .app_table_column {
      width: 100%; } }
.app_register a.button {
  background-color: #5793C9;
  color: #fff;
  text-align: center;
  margin-right: 10px;
  display: inline-block;
  height: 50px;
  border: 1px solid #C2C0C0;
  padding: 13px 20px;
  cursor: pointer;
  margin-bottom: 20px; }

.app_register .button_bar {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 20px; }
  .app_register .button_bar h2 {
    margin-top: 10px;
    margin-bottom: 0; }

.app_register .add_button a,
.app_register .button_bar a {
  cursor: pointer; }

.app_register .add_button {
  margin-bottom: 25px;
  margin-top: 0; }

/* Widget innehalten (Sort 1) */
.widget_innehalten .icon_download {
  width: 40%; }

/* Styles Print (Sort 1) */
@media print {
  footer {
    display: none !important; }
  .print-hide {
    display: none !important; }
  @page {
    size: 210mm 297mm;
    margin: 20mm 20mm 20mm 20mm;
    background-color: #fff; }
  @page :first {
    margin-top: 0; }
  * {
    -moz-print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    overflow: visible !important;
    box-sizing: border-box !important; }
  html {
    background-color: #fff; }
  body {
    background-color: #fff;
    margin: 0;
    width: 100%;
    max-width: none; }
  h1, h2, h3, h4, h5 {
    page-break-after: avoid; }
  header .logo {
    padding: 0 !important;
    aspect-ratio: 1 / 1;
    width: 80px !important;
    height: 80px !important;
    position: static !important;
    display: inline-block !important;
    max-width: none !important; }
  header .logo img {
    width: 100%;
    height: 100%;
    position: static !important; }
  .print-galery {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 20px;
    break-after: avoid;
    break-before: avoid;
    gap: 20px; }
    .print-galery img {
      width: 120px;
      height: 80px; }
  .print-teaser {
    break-before: avoid;
    break-after: avoid;
    display: flex !important;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px; }
    .print-teaser img {
      width: 360px;
      height: 240px; }
  .datenbank_bericht_textbox {
    break-before: avoid;
    break-inside: auto !important;
    page-break-inside: auto !important;
    overflow: visible !important; }
  .grid {
    display: block;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static; }
  h1 {
    font-size: 20px;
    /* 26px */
    line-height: 28px; }
  .font_6 {
    font-size: 20px;
    /* 26px */
    line-height: 28px; }
  .font_10 {
    font-size: 12px;
    line-height: 17px; }
  .font_9,
  .datenbank_bericht_textbox p {
    font-size: 13px;
    line-height: 21px; }
  p {
    break-inside: avoid;
    page-break-inside: avoid;
    margin: 0 0 0.5em 0 !important; }
  .content_wrapper {
    margin: 0;
    padding: 0;
    max-width: none;
    width: 100%;
    overflow: visible !important; }
  .grid_print_12 {
    margin: 0 !important; }
  .grid_desktop_1,
  .grid_desktop_5 {
    margin: 0 !important;
    display: inline-block !important;
    width: auto !important; }
  .header_text {
    position: static !important; }
  .news_arrow_back {
    display: none !important; }
  .content {
    background-color: #fff; } }

/* Styles 2026 (Sort 1) */
/* Style Overlay grid (Sort 1) */
/* Settings */
:root {
  --offset: 72px;
  --max_width: 1440px;
  --columns: 12;
  --gutter: 28px;
  --baseline: 5em;
  --color: hsla(204, 80%, 72%, 0.25);
  --color-text: hsla(204, 80%, 72%, 1);
  --media-query: 'desktop'; }

@media (max-width: 1024px) {
  :root {
    --offset: 62px;
    --gutter: 28px;
    --color: hsla(286, 51%, 44%, 0.25);
    --color-text: hsla(286, 51%, 44%, 1);
    --media-query: 'tablet'; } }

@media (max-width: 767px) {
  :root {
    --offset: 20px;
    --columns: 4;
    --gutter: 13px;
    --color: hsla(204, 80%, 72%, 0.25);
    --color-text: hsla(204, 80%, 72%, 1);
    --media-query: 'smartphone'; } }

/* Helper variables */
:root {
  --repeating-width: calc(100% / var(--columns));
  --column-width: calc((100% / var(--columns)) - var(--gutter));
  --background-width: calc(100% + var(--gutter));
  --background-columns: repeating-linear-gradient(
    to right,
    var(--color),
    var(--color) var(--column-width),
    transparent var(--column-width),
    transparent var(--repeating-width)
  );
  --background-baseline: repeating-linear-gradient(
    to bottom,
    var(--color),
    var(--color) 1px,
    transparent 1px,
    transparent var(--baseline)
  ); }

html {
  position: relative; }

.showColumns::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  width: calc(100% - (2 * var(--offset)));
  max-width: var(--max_width);
  min-height: 100vh;
  content: '';
  background-image: var(--background-columns), var(--background-baseline);
  background-size: var(--background-width) 100%;
  background-position: 0 var(--baseline-shift);
  z-index: 1000;
  pointer-events: none; }

.showColumns::after {
  content: var(--media-query);
  position: fixed;
  top: 1rem;
  left: 1rem;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  color: var(--color-text); }