/*
###################################
#	RHADE.DE STYLE
#	AUTOR: REINER SAUER
#	COMPANY: WINDOWWATCHER
#	YEAR: 2020
################################### */

/* allan-regular - latin */
@font-face {
  font-family: 'Allan';
  font-style: normal;
  font-weight: 400;
  src: url('../WebFonts/allan-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../WebFonts/allan-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../WebFonts/allan-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../WebFonts/allan-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../WebFonts/allan-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../WebFonts/allan-v20-latin-regular.svg#Allan') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../WebFonts/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../WebFonts/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../WebFonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../WebFonts/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../WebFonts/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../WebFonts/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-600 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../WebFonts/oswald-v49-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../WebFonts/oswald-v49-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../WebFonts/oswald-v49-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../WebFonts/oswald-v49-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../WebFonts/oswald-v49-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../WebFonts/oswald-v49-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../WebFonts/roboto-v30-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../WebFonts/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../WebFonts/roboto-v30-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../WebFonts/roboto-v30-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../WebFonts/roboto-v30-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../WebFonts/roboto-v30-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../WebFonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../WebFonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../WebFonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../WebFonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../WebFonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../WebFonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../WebFonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../WebFonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../WebFonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../WebFonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../WebFonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../WebFonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../WebFonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../WebFonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../WebFonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../WebFonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../WebFonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../WebFonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../WebFonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../WebFonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../WebFonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../WebFonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../WebFonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../WebFonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* allan-regular - latin */
@font-face {
  font-family: 'Allan';
  font-style: normal;
  font-weight: 400;
  src: url('../WebFonts/allan-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../WebFonts/allan-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../WebFonts/allan-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../WebFonts/allan-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../WebFonts/allan-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../WebFonts/allan-v20-latin-regular.svg#Allan') format('svg'); /* Legacy iOS */
}


/**** Generelles  ****/
/*******************/
a, a:hover, a:visited {
  color: #212529;
}

.rh-textlink-rot {
  color: #ad3a00 !important;
  text-decoration: underline;
}
.rh-textlink-blau {
  color: #0495c9 !important;
  text-decoration: underline;
}

.rh-achtung-frame-1 {
  border-top: 3px solid #deb601;
  border-bottom: 3px solid #deb601;
}
.rh-tabellen-kopf-gelb {
  background-color: #deb601;
  border: 1px solid black;
  padding: 4px;
  width: 50%;
}
.rh-tabellen-kopf-blau {
  background-color: #597eb7;
  border: 1px solid black;
  padding: 4px;
  width: 50%;
  color: #fff;
}
.contenttable td {
  vertical-align: top;
}
.container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}
/**** Ende Generelles  ****/

/**** Jumbotron ****/
/*******************/
.rh-jumbotron {
  background-color: #516319;
}
.rh-jumbotron .ce-ntext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
    margin-bottom: 0px;
}
/**** Ende Jumbotron ****/

/**** Header ****/
/****************/
.rh-header {
  background-color: #4C7DC2;
  /*
  Header wegen Ukraine Krieg 2022-02-27
  */
  background: linear-gradient(0deg, rgba(240,213,22,1) 11%, rgba(76,125,194,1) 65%);
}

.rh-header-container {
  background-color: #a4c339;
  padding-top: 20px;
  /*
  Header wegen Ukraine Krieg 2022-02-27
  */
  background: linear-gradient(0deg, rgba(240,213,22,1) 11%, rgba(76,125,194,1) 65%);
}




.rh-header-claim {
  font-family: "Oswald",Arial,helvetica,sans-serif;
  color: #fff;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.2em;
}
@media only screen and (max-width: 768px) {
  .rh-header-claim {
    padding: 20px;
  }
}

.rh-header-logo {
  position: relative;
  top: -40px;
}
@media only screen and (max-width: 768px) {
  .rh-header-logo {
    padding-top: 50px;
    top: 0px;
  }
}

.rh-header-logo-img {
  transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  background-color: #fff;
  box-shadow: 0 17px 10px -10px rgba(0,0,0,.4);
  transition: all 250ms;
  -moz-transform: all 250ms;
  -ms-transform: all 250ms;
  -o-transform: all 250ms;
  -webkit-transform: all 250ms;
}

.rh-header-logo-img:hover {
    transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
}
 /**** Ende Header ****/

 /**** Content ****/
 /*****************/
.rh-content-container-flex {
  background-color: #f2f1ef;
}

.rh-content-container {
  background-color: #fff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.rh-infobox-frame-1 {
  border-top: 3px solid #bdccdb;
  border-bottom: 3px solid #bdccdb;
}

.rh-virus {
/*  color: #9c2499; */
  color: #254169;
  margin-bottom: -30px;
}

#rh-virus {
  animation: Virus1 2s ease-in-out infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes Virus1 {
  0%{
    transform: scale(1);
    color: #4c7dc2;
  }
  50%{
    transform: scale(1.3);
    color: #a4c339;
  }
  100%{
    transform: scale(1);
    color: #4c7dc2;
  }
}
/**** Ende Content ****/

/**** Rhade Veranstaltung ****/
/*****************************/

.sar-border:first-child, .sar-border:last-child {
  border: 1px solid #dbccdb;
}

.sar-border:nth-child(2) {
  border-top: 1px solid #dbccdb;
  border-bottom: 1px solid #dbccdb;
}

@media only screen and (max-width: 768px) {
  .sar-border:nth-child(2) {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #dbccdb;
    border-right: 1px solid #dbccdb;
  }
}

.sar-border:hover {
  background-color:  #a4c339;
}

.frame-layout-30  {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.frame-layout-30 li {
  display: flex;
  list-style: none;
}

.sar-ver-list a {
    text-decoration: none;
}

.sar-ver-list {
    transition: all 300ms linear;
}
.sar-ver-list img {
    transition: all 300ms linear;
}

.sar-ver-list:hover {
    background-color:  rgba(164,195,57,0.5);
}
.sar-ver-list:hover img {
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    border-radius: 10px;
}
.sar-event-header {
    font-size: 2.0rem;

}
.sar-event-date-month,
.sar-event-date-date,
.sar-event-date-year{
    font-size: 2.0rem;
    margin-bottom: 0px;
    margin-top: 0px;
}
@media only screen and (max-width: 989px) {
    .sar-event-header,
    .sar-event-date-month,
    .sar-event-date-date,
    .sar-event-date-year
    {
        font-size: 1.25rem;
    }
    .sar-event-date-year {
        display: none;
    }
}
@media only screen and (max-width: 765px) {
    .sar-event-date-month {
        display: block;
        padding-bottom: 0.5rem;
        border-bottom: #c6c7c8 1px solid ;

    }
}


/**** Ende Rhade Veranstaltung ****/

/**** Rhade Vereine ****/
/*****************************/
.rh-vereine-list {
    list-style: none;
}

.rh-vereine-list-item {
    display: flex;
    align-items: center;
}

.rh-verein-1 {
    margin-right: 10px;
}

.rh-verein-2 {
    margin-left: 10px;
}

/**** Ende Rhade Vereine ****/

/**** Footer ****/
/*****************/
.rh-footer-container-flex, .rh-footer-container {
  background-color: #343a40;
  color: #fff;
}
.rh-footer-container-flex {
  border-top: 10px solid #a4c339;
}
.rh-row .col-12 {
  padding: 15px;
}
.rh-row .col-12:last-child {
  margin-bottom: 30px;
}
.rh-footer-container a {
  color: #fff;
}

/**** Footer Ende ****/

/**** Überschriften ****/
/***********************/
.rh-h {
  font-family: "Oswald", Arial, helvetica, sans-serif;
}
.rh-headline {
   /*color: #4C7DC2;*/
   color: #12448A;
   padding-top: 30px;
   padding-bottom: 10px;
   /*border-bottom: 2px solid rgba(76,125,194,.2);*/
 }
.rh-headline-Veranstaltung {
  border-bottom: 2px solid rgba(76,125,194,.2);
}
.rh-h-link-Veranstaltung, .rh-h-link-Veranstaltung:hover, .rh-h-link-Veranstaltung:visited {
  color: #a4c339;
}
.rh-h-robo {
  font-family: 'Roboto', sans-serif;
  color: #4c7dc2;
  font-weight: 400;
  line-height: 1.2em;
}

/**** Rhade Box Modele ****/
/**************************/
.rh-border {
  border: 1px solid rgba(86,61,124,.2);
}


/**** Rhade News List 1 ****/
/***************************/
.rh-news-card {
    border: none;
    border-radius: 0px;
    transition: background-color 300ms linear;
}
.rh-news-card a {
    text-decoration: none;
}

.rh-news-card:hover {
    background-color: #f7f7f7;
}
.rh-news-card img {
    border-radius: 10px;
    background-color: #ACBDDE;
    box-shadow: 0 17px 10px -10px rgba(0,0,0,.4);
    transition: all 300ms linear;
}
.rh-news-card:hover img {
  box-shadow: 0 37px 20px -20px rgba(0,0,0,.2);
  transform: translate(0,-5px);
}

.news-text-wrap a:link {
  border-bottom: 1px dotted #fff;
  background-color: #edf8ff;
}
.news-text-wrap a:hover {
  border-bottom: 2px solid #fff;
}
.rh-news-list-date {
  display: block;
  margin-bottom: 5px;
  border-bottom: solid 1px #e6e7e8;
  padding-bottom: 3px;
}

.card-body {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 0rem;
    padding-right: 0rem;
  }

.rh-news-space {
  padding-top: 15px;
  padding-bottom: 15px;
}
.rh-news-space:nth-child(even) {
  background-color: rgba(227, 239, 250, 0.5);
}


/**** Rhade Sub Navigation 1 ****/
/********************************/
.rh-sub-navi-1 .btn-light {
  border-radius: 0px;
/*  background-color: #f2f1ef; */
  }

.rh-sub-nav-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.rh-sub-nav-1 a {
  display: flex;
}

@media only screen and (max-width: 768px) {
  .rh-sub-nav-1 {
    /*justify-content: space-between;*/
    justify-content: space-around;
  }
}
.rh-sub-nav-1-item {
  flex-grow: 2;
  padding: 10px;
  margin: 2px;
  background-color: #f8f9fa;
  border: 1px solid #f0f7ff;
  font-size: 1.15rem;
  border-radius: 5px;
}

.rh-sub-nav-1-item:hover {
  text-decoration: none;
  background-color: #f0f7ff;
}

/**** Ende Rhade Sub Navigation 1 ****/

/**** Rhade Navigation 1 ****/
/********************************/
.bg-dark {
    background-color: #343a40 !important;
}

.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}

.nav-link:hover {
  color: #fff;
}

/**** Ende Rhade Navigation 1 ****/

/****  BFR      ****/
/*******************/
.rh-bfr-frame-1 {
  border: 3px solid #deb601;
}
/**** Ende BFR ****/

/**** Veranstaltungen ****/
/************************/
.rh-ver-date {
  color: #fff;
  padding: 5px;
  background-color: #a4c339;
}
.rh-ver-grey {
  font-size: 3rem;
  color: rgba(0,0,0,.4);
}
.rh-ver-hr {
  padding: 1px;
  border-top: 1px solid rgba(0,0,0,.4);
  border-bottom: 1px solid rgba(0,0,0,.4);
  box-shadow: 2px 2px 5px rgba(0,0,0,.4);
}

.rh-btn {
  padding: 15px;
  margin-bottom: 15px;
    width: 100%;
}


/**** Ende Veranstaltungen ****/

/**** News Detail Ansicht 2022 ****/
/**********************************/
.rh-news-container {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas:  "news-header"
                        "news-additional-image"
                        "news-text"
                        "news-additional-content"
                        "news-backlink"
                        "social-share"
                        "news-related-news";
}

@media screen and (max-width: 768px) {
  .rh-news-container {
  grid-template-columns: 100%;
  grid-template-areas:  "news-header"
                        "news-text"
                        "news-additional-content"
                        "news-additional-image"
                        "news-backlink"
                        "social-share"
                        "news-related-news";
  }
  .rh-news-text {
    font-size: 1.2rem;
  }

}

.rh-news-text,
.rh-news-additional-image,
.rh-news-additional-content,
.rh-news-backlink,
.rh-news-social,
.rh-news-related-news {
  padding-top: 1.5rem;
}

.rh-news-header {
  grid-area: news-header;

}

.rh-news-header-image {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  max-height: 563px;
  overflow: hidden;
}
.rh-news-header-image-caption {
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.rh-news-text {
  grid-area: news-text;
}

.rh-news-social {
  grid-area: social-share;
}

.rh-news-additional-image {
  grid-area: news-additional-image;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.rh-news-additional-image:first-child {
    margin-right: 5px;
}
.rh-news-additional-image-size {
  width: 300px;
  max-height: 150px;
  overflow: hidden;
}
.rh-news-additional-image-size:first-child {
    margin-right: 5px;
}
.rh-news-additional-content {
  grid-area: news-additional-content;
}

.news-backlink {
  grid-area: news-backlink;
}
.news-backlink-wrap {
  display: inline;
  background-color: #f0f7ff;
  border: solid 1px #a1b6cf;
  border-radius: 3px;
  font-size: 1.2rem;
  padding: 0.5rem;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.59);
  box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.59);
}
.news-backlink-wrap:hover {
  background-color: #cad1d9;
  color: #3d4a59;
}
.rh-news-related-news {
    grid-area: news-related-news;
}
/**** News Detail Ansicht 2022 - ENDE ****/


/**** news ****/
/**************/
.rh-news-img1 {
  /*max-height: 400px;*/
  overflow: hidden;
  width: 800px;
}
.rh-news-img-top {
  max-width: 300px;
  max-height: 150px;
  overflow: hidden;
}
.rh-news-img-bottom {
  max-height: 150px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .rh-news-imgbox-top {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .rh-news-imgbox-bottom {
    display: none;
  }
}

.contenttable {
  border: 1px solid black;
}

.contenttable td {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
}

.contenttable tr {
  border-bottom: 1px solid #c2c2c2;
}
.contenttable tr:last-child {
  border-bottom: 1px solid black;
}

/** News RTE **/
a.btn {
  color: #fff;
}

.sar-p-organge {
  font-family: sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.15;
  color: #f79e02;
}
.ar-p-blue {
  font-family: sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.15;
  color: #597eb7;
}
/**** Ende news ****/


/**** layout uploads *****/
.rh-uploads-10 {
  display: flex;
  flex-direction: row;
}
.rh-uploads-10-filetype {
  margin-right: 15px;
  padding: 10px;
  border-right: 1px solid #c2c2c2;
}
.rh-uploads-10-filesize {
  margin-left: 15px;
  padding: 10px;
  border-left: 1px solid #c2c2c2;
}
.rh-uploads-10-filename {
  padding: 10px;
  border-radius: 5px;
  background-color: #f2f7ff;
}


.rh-uploads-20-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.rh-uploads-20-item {
  flex-grow: 3;
  box-sizing: border-box;
  border-radius: 3px;
  margin: 3px;
  border: 1px solid #c2c2c2;
}
.rh-uploads-20-filetype {
  padding-top: 3px;
  border-top: 1px solid #c2c2c2;
}
.rh-uploads-20-filename {
  text-align: center;
  padding: 10px;
  background-color: #f2f7ff;
}
.rh-uploads-20-filename .rh-uploads-20-filename:hover .rh-uploads-20-filename:visited{
  text-decoration: none;
}

.rh-uploads-20-filename:hover {
  background-color: #c9deff;
}

.rh-uploads-20-filesize {
  padding: 5px;
  text-align: center;
  border-top: 1px solid #c2c2c2;
}

.rh-uploads-20-discription {
  padding-left: 5px;
}

/**** Ende layout uploads ****/

/**** Essen in Rhade ****/
.rh-table-essen {
  margin-top: 10px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 80px 80px 1fr 1fr ;
  grid-template-areas:  "rh-essen-link rh-essen-google rh-essen-name rh-essen-km";
}

.rh-table-essen:first-child {
  border-left: 5px solid #bdccdb;
}

.rh-table-essen-wrap:last-child {
  margin-bottom: 100px;
}


@media screen and (max-width: 576px) {
  .rh-table-essen {
    display: grid;
    grid-template-rows: 1fr 1fr 80px;
    grid-template-columns: 50% 50%;
    grid-template-areas:  "rh-essen-name rh-essen-name"
                          "rh-essen-km rh-essen-km"
                          "rh-essen-link rh-essen-google"
    }
    .rh-table-essen:first-child {
      border-left: none  ;
    }
  }

  .rh-essen-link,
  .rh-essen-google,
  .rh-essen-name,
  .rh-essen-km {
    padding: 10px;
    display: flex;
    align-items: center;
    background-color: #ededed;
  }

  .rh-essen-link {
    grid-area: rh-essen-link;
    justify-content: center;
  }

  .rh-essen-link a,
  .rh-essen-google a {
    color: #212529;
  }

  .rh-essen-google {
    grid-area: rh-essen-google;
    justify-content: center;
  }

  .rh-essen-link:hover,
  .rh-essen-google:hover {
    background-color: #a4c339;
  }


  @media screen and (max-width: 576px) {
    .rh-essen-link,
    .rh-essen-google {
      border-top: 1px solid #bdccdb;
      }
    }

  .rh-essen-name {
    grid-area: rh-essen-name;
    font-weight: bold;
  }
  .rh-essen-km {
    grid-area: rh-essen-km;
  }
/**** Ende Essen in Rhade ****/

/**** Wandern in Rhade ****/
.rh-table-wandern {
  margin-top: 10px;
  display: grid;
 /*  grid-template-rows: 1fr; */
  grid-template-columns: 80px 80px 1fr 1fr 1fr;
  grid-template-areas:  "rh-wandern-link rh-wandern-google rh-wandern-name rh-wandern-address rh-wandern-besch";
}

.rh-table-wandern:first-child {
  border-left: 5px solid #bdccdb;
}

.rh-table-wandern-wrap:last-child {
  margin-bottom: 100px;
}


@media screen and (max-width: 995px) {
  .rh-table-wandern {
    display: grid;
    /* grid-template-rows: 1fr 1fr 1fr 80px; */
    grid-template-columns: 50% 50%;
    grid-template-areas:  "rh-wandern-name rh-wandern-name"
                          "rh-wandern-besch rh-wandern-besch"
                          "rh-wandern-address rh-wandern-address"
                          "rh-wandern-link rh-wandern-google"
    }
    .rh-table-wandern:first-child {
      border-left: none  ;
    }
    .rh-wandern-link,
    .rh-wandern-google {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .lead {
      font-size: 12px;
    }
  }

  .rh-wandern-link,
  .rh-wandern-google,
  .rh-wandern-name,
  .rh-wandern-address,
  .rh-wandern-besch {
    padding: 10px;
    background-color: #ededed;
  }

  .rh-wandern-link {
    grid-area: rh-wandern-link;
  }

  .rh-wandern-link a,
  .rh-wandern-google a {
    color: #212529;
  }

  .rh-wandern-google {
    grid-area: rh-wandern-google;
  }

  .rh-wandern-link:hover,
  .rh-wandern-google:hover {
    background-color: #a4c339;
  }


  @media screen and (max-width: 995px) {
    .rh-wandern-link,
    .rh-wandern-google {
      border-top: 1px solid #bdccdb;
      }
    .rh-wandern-name {
      border-bottom: 1px solid #bdccdb;
    }
    }

  .rh-wandern-name {
    grid-area: rh-wandern-name;
    font-weight: bold;
  }

  .rh-wandern-besch {
    grid-area: rh-wandern-besch;
  }
  .rh-wandern-address {
    grid-area: rh-wandern-address;
  }
/**** Ende Wandern in Rhade ****/


/**** Bürgerforum ****/

.bfr-header {
  background-color: #0762bc;
  }

.bfr-header-logo {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .bfr-header-logo {
    padding-top: 50px;
  }
}

.bfr-header-container {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fdca00;
}

.bfr-header-claim {
  font-family: "Oswald",Arial,helvetica,sans-serif;
  color: #0762bc;
  font-size: 2.0rem;
  font-weight: 400;
  line-height: 1.2em;
}
.bfr-claim-bg {
  background-color: #fff;
}
/**** KAB ****/
.kab-header-container {
  background-color: #fff;
}

.kab-line {
  border-bottom: 4px solid #ec6182;
}
.kab-h-link-Veranstaltung, .kab-h-link-Veranstaltung:hover, .kab-h-link-Veranstaltung:visited {
  color: #ec6182;
}
.kab-h {
  color: #ec6182;
}

/****** Accordion *****/
.rh-accordion-list {
  width: 100%;
}
.rh-accordion {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.rh-accordion input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.rh-accordion input:checked ~ .rh-accordion-content{
  height: auto;
  opacity: 1;
  transform: translate(0,0);
}
.rh-accordion label {
  background-color: #fff;
  border: solid 1px #abb1b8;
  color: #343a40;
  font-size: 1.5rem;
  padding: 1rem;
  cursor: pointer;
  transition: all 150ms;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}

.rh-accordion label:hover {
  background-color: rgba(230,236,252, 0.5);
}

.rh-accordion label::after {
  content: "\002B";
  font-size: 2rem;
  position: absolute;
  right: 1rem;
}

.rh-accordion input:checked ~ label::after {
  content: "\2212";
}

.rh-accordion label .rh-arrow {
  width: 3rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(0, -50%);
  transition: 350ms all;
}
.rh-accordion-content {
  color: #343a40;
  width: 100%;
  position: relative;
  z-index: 1;
  transform: translate(0, -20%);
  height: 0;
  opacity: 0;
  transition: 350ms all;
  overflow: hidden;
}