/*** Kundenspezifische CSS ***/


/* ------------- Reset von Rändern und Abständen ---------------- */

html {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

*, ::before, ::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

body {
  font-family: roboto, verdana, arial, sans-serif;
  font-size: 100%;
  color: #4a4a4a;
  font-weight: 300;
}

ul, ol, dl {
  margin: 0 0 0 0;
}

a {
  text-decoration: none;
}

#quickLink1 {
  z-index: 1000;
  position: relative;
}

br.clearDvv { display: none;}

/* ------------- Grundraster ---------------- */

.the-wrapper {
  max-width: 100%;
  width: 100%;
  /*! margin-bottom:  -109px; */
  /*! border: 2px solid red; */
  overflow: hidden;
}

.bottom-logo {
  text-align: center;
}

.bottom-logo figure {
  margin: 0px auto;
}

.bottomslot-wrapper {
  background: #01613f;
}

.copyright {
  background: #307b53;
  color: #ffffff;
  text-align: center;
  padding: 10px 0px;
  ;
}

.copyright a { color: #ffffff;}

.bottomlot {
  max-width: 1300px;
  margin: 0px auto;
}

body.english_version #my-menu .flyerNav ul.ebene1 {
  justify-content: left;
  align-items: center;
}


/* ------------- header ---------------- */

.the-wrapper>header {
  max-width: 100%;
  margin: 0px auto;
  box-shadow: -0px 5px 8px #777777;
}

.the-wrapper>header a {
  color: #ffffff;
}

.the-wrapper>header .top-content {
  max-width: 1190px;
  margin: 0px auto 0px 70px;
}

.the-wrapper>header .top-content-inner {
  max-width: 1400px;
  margin: 0px auto;
}

.the-wrapper>header .top-content-inner:after {
  clear: both;
  display: block;
  content: '.';
  float: none;
  height: 0;
  line-height: 0;
  font-size: 0;
}

.the-wrapper>header .toplinks {
  padding: 10px 0px;
}

.the-wrapper>header .toplinks a {
  color: #fff;
}

.the-wrapper>header .toplinks a:hover {
  color: #ccc;
}

.the-wrapper>header .toplinks ul {
  background: #369670;
}

.the-wrapper>header .toplinks ul {
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 1170px;
  margin-left: 70px;
}

.logo {
  position: absolute;
  margin-top: 0px;
  /*! margin-left: 70px; */
  z-index: 10;
  padding: 28px 32px 21px 40px;
  background: #ffffff;
  width: 300px;
}

.the-wrapper>header nav#nav {
  /*! background: #307b53; */
  width: 100%;
  padding-left: 310px;
  /*! box-sizing: border-box; */
  height: 109px;
}

.home_container {
  float: left;
  height: 109px;
}

a.homelink {
  display: inline-block;
  height: 0px;
}

a.homelink:before {
  display: inline-block;
  font-family: 'FontAwesome';
  content: "\f015";
  width: 40px;
  font-size: 2rem;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 40px;
  position: relative;
  /*! bottom: 40px; */
}

#my-menu {
  display: inline-block;
  width: calc(100% - 61px);
}

#main .maxbreite {
  max-width: 1400px;
  margin: 0px auto;
}

.composedcontent-preset_zeile::after {
  clear: both;
  display: block;
  content: '.';
  float: none;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}


/* ----------------------- topslot-wrapper --------------------------*/

.topslot .composedcontent-preset_module {
  /*! padding-left: 70px; */
}

.topslot .ym-g50 {
  /*! width: calc(100% - 325px); */
}

.topslot .ym-gl {
  float: none !important;
}

.topslot {
  height: 100%;
  margin: 0px auto 0px 70px;
  max-width: 1400px;
  overflow: hidden;
  /*! padding-left: 70px; */
}

.english_version .topslot { position: relative; z-index: 300;}

.topslot .composedcontent-preset_zeile {
  display: flex;
  height: 100%;
  /*! left: 70px; */
  position: relative;
  /*! max-width: 1190px; */
  /*! width: 1190px; */
}

.topslot .ym-gl {
  float: none !important;
  flex-basis: 300px !important;
  padding-top: 3px;
  width: 300px !important;
  position: relative;
  z-index: 300;
}

.topslot .composedcontent-preset_module div.headerbox {
  /*! flex-basis: 315px !important; */
  /*! flex-shrink: 1; */
}

.topslot .composedcontent-preset_module div.HeaderBild_Slogan {
  flex-basis: calc(100% - 315px);
}

.topslot .ym-gr {
  flex-basis: calc(100% - 300px) !important;
  margin: 0px !important;
  padding-top: 30px;
  width: calc(100% - 300px) !important;
  position: relative;
}

.topslot .clearDvv {
  display: none;
}

.topslot-wrapper:before {
  max-width: 100%;
  margin: 0px auto;
  background: url(../img/header_background.jpg) no-repeat;
  filter: grayscale(100%) opacity(0.4);
  content: "";
  width: 100%;
  height: 460px;
  left: 0;
  right: 0;
  z-index: -1;
  position: absolute;
  background-size: cover;
}

.topslot-wrapper {
  position: relative;
  max-width: 100%;
  /*! margin: 0px auto; */
  height: 460px;
}


.english_version .topslot-wrapper:before {
  height: 420px;
}


.english_version .topslot-wrapper { height: 420px;}
  
.english_version .headerbalken  { bottom: 83px; }  


.bx-wrapper {
  background: none;
  border: 0px;
  box-shadow: none !important;
  z-index: 200;
  /*! padding-top: 30px; */
  width: 890px;
  /*! top: 29px; */
  margin-bottom: 0px;
}

.bx-controls .bx-pager {
  position: relative;
  top: -50px;
}

.headerbox div {
  margin-top: 27px;
  height: 249px;
  overflow: hidden;
}

.headerbox div div {
  margin-top: 0px;
  height: auto;
}

.headerbox div+div {
  margin-top: 0px;
  height: 115px;
}

.headerbox div+div div {
  margin-top: 5px;
  height: auto;
}

.headerbox ul {
  background: rgba(218, 218, 218, 0.72);
  list-style-type: none;
  padding: 20px 20px 3px 20px;
}

.headerbox ul li {
  margin-bottom: 20px;
}

.headerbox ul li:before {
  margin-bottom: 20px;
  font-family: 'FontAwesome';
  font-size: 24px;
  color: #4e759a;
  margin-right: 10px;
}

.headerbox ul li:first-child:before {
  content: "\f095";
  font-size: 20px;
  margin-right: 14px;
}

.headerbox ul li:nth-child(2):before {
  content: "\f0f9";
  font-size: 20px;
}

.headerbox ul li:nth-child(3):before {
  content: "\f274";
  font-size: 20px;
}

.headerbox ul li:nth-child(4):before {
  content: "\f278";
  font-size: 18px;
}

.headerbox ul li:nth-child(5):before {
  content: "\f086";
  font-size: 20px;
}

.headerbox ul li a {
  color: #4a4a4a;
  ;
}

.schnellsuche {
  padding: 10px;
  color: #ffffff;
}

.schnellsuche legend {
  color: #ffffff !important;
}

.schnellsuche fieldset {
  border: 0px;
}

.schnellsuche fieldset label {
  display: none;
}

.schnellsuche .nowrap:after {
  position: relative;
  font-family: 'FontAwesome';
  content: "\f002";
  width: 40px;
  height: 40px;
  font-size: 2rem;
  margin-left: -50px;
  top: 5px;
}

.schnellsuche input#qs_query_c {
  color: #ffffff;
  margin-top: 10px;
  padding: 15px;
  border: 2px solid rgba(255, 255, 255, 0.21);
  width: 100%;
  background: transparent;
  border-radius: 5px;
}

.schnellsuche input.quicksearchimg {
  display: none;
}

.headerbild {
  position: relative;
  z-index: 2;
  top: 3px;
  max-width: 100% !important;
}

.headerbild .image-inner {
  text-align: left;
  position: relative;
}

.headerbild .image-inner img {
  position: relative;
  left: 0px;
}

.headerbalken {
  position: absolute;
  background: rgba(23, 85, 142, 0.64);
  height: 115px;
  width: 100%;
  bottom: 66px;
  z-index: 0;
}

.HeaderBild_Slogan {
  overflow: hidden;
  position: relative;
}

.Slogan {
  background: rgba(48, 123, 83, 0.78);
  position: absolute;
  left: 0px;
  bottom: 103px;
  z-index: 10;
  font-size: 36px;
  color: #ffffff;
  padding: 10px 30px 4px 20px;
}

.Slogan2 {
  background: rgba(48, 123, 83, 0.78);
  position: absolute;
  left: 0px;
  bottom: 46px;
  z-index: 10;
  font-size: 36px;
  color: #ffffff;
  padding: 1px 60px 12px 20px;
}


/* ------------- Main (umschliesst Navi und content) ---------------- */

#main {
  max-width: 1400px;
  margin: 0px auto;
}

#main .ym-column .ym-col2 {
  width: 100%;
  margin-top: 0px;
}

#main .ym-column .ym-col2 .ym-cbox {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

.home.english_version #main {
  padding-top: 40px;
  padding-bottom: 150px;
  max-width: 1190px !important;
}

.home.english_version #content {
  overflow: hidden;
}

.home.english_version .ym-g50.ym-gl {
  width: 80%;
  padding-right: 20px;
}

.home.english_version .ym-g50.ym-gr {
  width: 20%;
}


/* ------------- Zeile Schnell & Direkt und Kontakt ---------------- */

.direktkontakt { background: url(../img/schnelldirekt_background.png) repeat-y center center;max-width: 100%;} 

.direktkontakt .composedcontent-preset_module { max-width: 1300px; margin: 0px auto;}

.composedcontent-preset_module {
  position: relative;
}

.schnell_direkt_kontakt {
  display: flex;
  color: #ffffff;
}

.schnell_direkt_kontakt h2:before {
  font-family: 'FontAwesome';
  content: "\f0a9";
  margin-right: 10px;
  font-size: 40px;
}

.schnell_direkt_kontakt h2 {
  margin-bottom: 20px;
}

.schnell_direkt_kontakt li {
  font-size: 16px !important;
}

.schnell_direkt_kontakt p {
  font-size: 16px !important;
}

.schnell_direkt_kontakt a {
  color: #ffffff !important;
  font-weight: 300 !important;
}

.schnell_direkt_kontakt .ym-gl {
  /*! background: #01613f; */
  padding: 20px 0px 25px 75px;
}

.schnell_direkt_kontakt .ym-gr {
  /*! background: #197253; */
  padding: 20px 40px;
  margin: 0 0 0 0px;
}


/* Test */

.schnell_direkt_kontakt .ym-gl:before {
  content: "";
  position: absolute;
  z-index: -1;
  /* behind parent */
  top: 0;
  bottom: 0;
  /* subtract h2 padding (1.5rem) */
  left: 598.5rem;
  right: 598.5rem;
  /*! background: green; */
}


/* Ende TEst */

.schnell_direkt_kontakt ul li {
  flex-basis: 50%;
  margin: 0px 0px 7px 0px;
}

.schnell_direkt_kontakt ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  margin-left: 45px !important;
  margin-bottom: 0px !important;
}

.schnell_direkt_kontakt ul li:before {
  font-family: 'FontAwesome';
}

.schnell_direkt_kontakt ul li:first-child:before {
  content: "\f0a1";
  font-size: 15px;
  margin-right: 10px;
}

.schnell_direkt_kontakt ul li:nth-child(2):before {
  content: "\f276";
  font-size: 18px;
  margin-right: 10px;
}

.schnell_direkt_kontakt ul li:nth-child(3) {
  display: inline-block;
  background:url(../img/Church.png) no-repeat -5px -2px;
  background-size: 25px 25px;
  padding-left: 24px;
}

.schnell_direkt_kontakt ul li:nth-child(4):before {
  content: "\f279";
  font-size: 13px;
  margin-right: 10px;
  display: inline-block;
}

.schnell_direkt_kontakt ul li:nth-child(5):before {
  content: "\f1ae";
  font-size: 18px;
  margin-right: 10px;
  display: inline-block;
}

.schnell_direkt_kontakt ul li:nth-child(7):before {
  content: "\f0f3";
  font-size: 13px;
  margin-right: 10px;
  display: inline-block;
}

.schnell_direkt_kontakt ul li:nth-child(6):before {
  content: "\f015";
  font-size: 18px;
  margin-right: 8px;
  display: inline-block;
}

.schnell_direkt_kontakt ul li:nth-child(8):before {
  content: "\f279";
  font-size: 13px;
  margin-right: 10px;
  display: inline-block;
}

.schnell_direkt_kontakt .externerLink::after {
  color: #ffffff;
}

.schnell_direkt_kontakt .ym-gr h2:before {
  content: "\f0c0" !important;
  /*! margin-top: 10px; */
  /*! padding-top: 10px; */
  font-size: 30px; 
}

.schnell_direkt_kontakt .ym-gr .home_kontaktbox {
  overflow: hidden;
  line-height: 2rem;
}

.schnell_direkt_kontakt .ym-gr .home_kontaktbox a {
  color: #fff !important;
}

.schnell_direkt_kontakt .ym-gr .home_kontaktbox div+div {
  float: left;
  width: calc(50% - 55px);
  margin-left: 55px;
}

.schnell_direkt_kontakt .ym-gr .home_kontaktbox div+div+div {
  float: left;
  width: 50%;
  margin-left: 0px;
}


/* SliderZeile */

.SliderButtonZeile {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: -35px;
  z-index: 300 !important;
  height: 35px;
  border-bottom: 1px solid #4e8969;
}

.SliderButtonZeile p {
  display: inline-block;
  /*! background: #307b53; */
  padding: 2px 15px 2px 15px;
  border-radius: 5px 5px 0px 0px;
  font-size: 2.5rem !important;
  background: #307b53 url(../img/arrowdown.jpg) no-repeat center center;
  color: transparent;
  margin-bottom: 0px !important;
}

.SliderZeile {
  position: relative;
  top: 0px;
}

.SliderZeile .ym-g100 {
  width: 100%;
  float: none;
  color: #fff;
}

.SliderZeile .ym-g50 {
  width: 50%;
  float: left;
  background: #01613f;
  color: #fff;
  padding-left: 75px;
}

.SliderZeile .ym-g50+.ym-g50 {
  width: 50%;
  float: left;
  background: #197253;
  padding-left: 40px;
  padding-right: 40px;
}

.SliderZeile .ym-g50 a {
  color: #fff !important;
  font-weight: 300 !important;
  font-size: 16px !important;
}

.SliderZeile .SchnellDirekt2 {
  height: 0px;
  overflow: hidden;
}

.SliderZeile .SchnellDirekt2 ul {
  padding: 20px 0px;
}

.SliderZeile .Kontakt2 {
  height: 0px;
  overflow: hidden;
}

.SliderZeile .Kontakt2 ul {
  height: 0px;
  padding: 20px 0px;
}

.SliderZeile .ym-gr {
  margin: 0 0 0 0px;
}

.SliderZeile ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  margin-left: 55px !important;
  margin-bottom: 0px !important;
}

.SliderZeile .SchnellDirekt2 ul {
  margin-left: 45px !important;
}

.SliderZeile ul li {
  flex-basis: 50%;
  margin: 0px 0px 7px 0px;
}

.SliderZeile .Kontakt2 ul li {
  flex-basis: calc(50% - 25px);
  margin: 0px 0px 7px 0px;
}

.SliderZeile ul li:before {
  font-family: 'FontAwesome';
}

.SliderZeile .SchnellDirekt2 ul li:first-child:before {
  content: "\f02d";
  font-size: 15px;
  margin-right: 10px;
}

.SliderZeile .SchnellDirekt2 ul li:nth-child(2):before {
  content: "\f1b9";
  font-size: 15px;
  margin-right: 10px;
}

.SliderZeile .SchnellDirekt2 ul li:nth-child(3):before {
  content: "\f19c";
  font-size: 15px;
  margin-right: 10px;
}

.SliderZeile .SchnellDirekt2 ul li:nth-child(4):before {
  content: "\f091";
  font-size: 15px;
  margin-right: 10px;
}


.SliderZeile .SchnellDirekt2 ul li:nth-child(5):before {
  content: "\f275";
  font-size: 15px;
  margin-right: 10px;
}

.SliderZeile .SchnellDirekt2 ul li:nth-child(6)::before {
	content: "\f200";
	font-size: 15px;
	margin-right: 10px;
}


.SliderZeile .Kontakt2 ul li:first-child:before {
  content: "\f017";
  font-size: 15px;
  margin-right: 10px;
}

.SliderZeile .Kontakt2 ul li:nth-child(2):before {
  content: "\f007";
  font-size: 15px;
  margin-right: 10px;
}


/* ----------------- Allgemeine Formate --------------- */

.float-right {
  float: right;
  display: inline-block;
  margin-left: 20px;
}

.float-left {
  float: left;
  display: inline-block;
  margin-right: 20px;
}

h1, h2 {
  font-weight: 300;
}

#content h1 {
  font-size: 24px;
  margin-bottom: 10px;
  line-height: 35pt;
}

#content h2 {
  font-size: 24px;
  margin-bottom: 10px;
  line-height: 30pt;
}

#content p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 20px;
}

#content a {
  color: #363636;
  font-weight: 400;
}

#content ul {
  margin-bottom: 20px;
  font-size: 18px;
  margin-left: 7px;
  margin-top: 4px;
}

#content ol {
  margin-bottom: 20px;
  font-size: 18px;
}

.basecontent-dvv-trenner {
  margin-bottom: 20px;
}

.basecontent-dvv-trenner hr {
  color: #fff;
  background: transparent;
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em 0;
  border: 0;
  border-bottom: 1px #cccccc solid;
  clear: both;
}


/* ------------- Rubrik Topnews  ---------------- */

#content .news_vk .pm-topnews {
  margin-top: 20px;
}

#content .news_vk .pm-topnews h2 {
  padding: 10px 0px 0px 0px;
  font-size: 1.2rem;
  margin-bottom: 0px !important;
  line-height: 1.2em;
}

#content .news_vk .pm-topnews h2 a {
  text-transform: none;
  color: #01613f !important;
  font-weight: 300 !important;
}

#content .news_vk .pm-topnews .pm-meldung {
  /*! border-bottom: 1px solid #cccccc; */
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-right: 40px;
  overflow: hidden;
  padding: 10px 10px 10px 50px;
}

#content .news_vk .pm-topnews .pm-meldung h2 {}

#content .news_vk .pm-topnews .pm-meldung:before {
  content: "";
  border-bottom: 1px solid #cccccc;
  height: 1px;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

#content .news_vk .pm-topnews .pm-meldung .pm-content {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #5f5f5f;
}


#content .news_vk .pm-topnews .pm-meldung .pm-content a {
  color: #01613f !important;
}

#content .news_vk .pm-topnews .pm-meldung:first-child {
  background: #efeff0;
  border-right: 5px solid #01613f;
}

#content .news_vk .pm-topnews .pm-meldung:first-child:before {
  display: none;
}

#content .news_vk .pm-topnews .pm-meldung:nth-child(2):before {
display: none;
}


#content .news_vk .pm-topnews .pm-meldung-bild:before { border-top: 0px !important; height: 1px !important; }

#content .news_vk .pm-topnews .pm-bild { float: right;  margin-left: 10px;margin-top: 10px;}

#content .news_vk .pm-topnews .pm-bild img { width: 150px;}

#content .news_vk .pm-topnews .pm-meldung + .pm-meldung + .pm-meldung .pm-bild { display: none;}


#content .news_vk .pm-topnews .pm-meldung + .pm-meldung {
  background: #efeff0;
  border-right: 5px solid #01613f;
}

#content .news_vk .pm-topnews .pm-meldung + .pm-meldung + .pm-meldung {
  background: #ffffff;
  border-right: 0px;
}

#content .news_vk .pm-topnews .pm-meldung + .pm-meldung + .pm-meldung .pm-anreisser {
  display: none;
}

#content .news_vk .pm-topnews .pm-meldung + .pm-meldung + .pm-meldung h2 {
  padding-bottom: 0px;
  padding-top: 0px;
}

#content .news_vk .pm-topnews .pm-meldung:last-child {
  border-bottom: 0px;
}

#content .news_vk .pm-topnews .pm-pubDate:before {
  font-family: 'FontAwesome';
  content: "\f073";
  color: #4a4a4a;
  font-size: 0.9rem;
}

#content .news_vk .alleMeldungen {
  float: right;
  margin-bottom: 40px;
  color: #ffffff;
  background: #307b53;
  padding: 10px 20px;
  border-radius: 205px;
  margin-right: 40px;
}

#content .news_vk .alleMeldungen a {
  color: #ffffff;
  font-weight: 300;
}

#content .news_vk .alleMeldungen a:after {
  color: #fff;
  content: "\f105";
  font-family: FontAwesome;
  margin-left: 10px;
}

#content .news_vk .alleMeldungen a:hover {
  background: #5882a2 none repeat scroll 0 0;
}


/* ------------- VK --------------------*/

#content .news_vk {
  display: flex;
}

#content .news_vk .ym-g50.ym-gl {
  float: none;
  flex-basis: 50%;
  margin: 0px !important;
}

#content .news_vk .ym-g50.ym-gr {
  float: none;
  flex-basis: 50%;
  margin: 0px !important;
  background: #F0F0F0;
  /*! padding-left: 30px; */
}

#content .news_vk .ym-g50.ym-gr .composedcontent-preset_spalte {
  padding-left: 30px;
}

#content .news_vk .ym-g50.ym-gr a {
  color: #01613f
}

#content .news_vk .ym-g50.ym-gr ul {
  list-style-type: none;
}

#content .news_vk h2 {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 22px;
  color: #01613f !important;
  padding: 20px 0px 10px 50px;
}

#content .news_vk .ym-g50.ym-gr h2 {
  padding-left: 0px;
  margin-bottom: 20px;
}


#content .news_vk .zmkurzbeschreibung { display: none;} 

#content .news_vk .datum:before {
  font-family: 'FontAwesome';
  content: "\f133";
  color: #4a4a4a;
  font-size: 0.9rem;
}

#content .news_vk .weitereVK {
  float: right;
  margin-bottom: 40px;
  color: #ffffff;
  background: #307b53;
  padding: 10px 20px;
  border-radius: 205px;
  margin-right: 40px;
}

#content .news_vk .zmVeranstalter { display: inline-block;}
#content .news_vk .zmVeranstalter header:after { content:": ";}


/* Weitere Veranstaltungen Button */

#content .news_vk .weitereVK a {
  color: #ffffff !important;
  font-weight: 300;
}

#content .news_vk .weitereVK a:after {
  color: #fff;
  content: "\f105";
  font-family: FontAwesome;
  margin-left: 10px;
}

#content .news_vk .weitereVK a:hover {
  background: #5882a2 none repeat scroll 0 0;
}


/*** Kategorie Highlights / Besonders ***/

#content .news_vk .VK_Home_Highlight .Besonderes {
  background: #ffffff;
  padding: 10px 10px 10px 20px;
  margin-right: 30px; font-size: 18px;
}

#content .news_vk .VK_Home_Highlight .Besonderes h2 {
  font-size: 1.2rem;
  text-transform: none;
  margin-bottom: 0px !important;
  padding-top: 10px;
  line-height: 1.2em;
}

#content .news_vk .VK_Home_Highlight .Besonderes h2 a {
  font-weight: 300;
}

#content .news_vk .VK_Home_Highlight .Besonderes .bildcss {
  float: right;
  margin-left: 10px;
}

#content .news_vk .VK_Home_Highlight .Besonderes .bildcss img {
  max-width: 150px;
}

#content .news_vk .VK_Home_Highlight .Besonderes .zmkurzbeschreibung .label {
  display: none;
}

#content .news_vk .VK_Home_Highlight .Besonderes .zmkurzbeschreibung p {
  color: #4a4a4a;
  line-height: 24px;
  font-size: 16px;
}

#content .news_vk .VK_Home_Highlight .Besonderes .description a {
  font-weight: 300 !important;
}

#content .news_vk .VK_Home_Highlight .Besonderes .zmlinktodata {
  display: none;
}

#content .news_vk .VK_Home_Highlight .Besonderes .summary {
  display: inline-block;
  position: relative;
}

#content .news_vk  .summary a {
  font-weight: 300;
}

#content .news_vk .VK_Home_Highlight .Besonderes .summary .title {
  margin-right: 30px;
}

#content .news_vk .VK_Home_Highlight .Besonderes .summary:after {
  font-family: 'FontAwesome';
  content: "\f005";
  color: #6189AD;;
  font-size: 1.5rem;
  float: right;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 30px;
}

#content .news_vk .VK_Home_Highlight .Besonderes .summary .date:before {
  font-family: 'FontAwesome';
  content: "\f133";
  color: #4a4a4a;
  font-size: 0.9rem;
}

#content .news_vk .uhr:before {
  font-family: 'FontAwesome';
  content: "\f017";
  color: #4a4a4a;
  font-size: 0.9rem;
  margin-right: 5px;
}

#content .news_vk .VK_Home_normal ul {
  margin-top: 20px;
}

#content .news_vk .VK_Home_normal ul li {
  border-top: 1px solid #ffffff;
  padding: 10px 0px;
}


#content .news_vk .VK_Home_normal li.Besonderes a:after {
 font-family: 'FontAwesome';
  content: "\f005";
  color: #01613f;
  font-size: 1.2rem;
 margin-left: 10px;
}


#content .news_vk .VK_Home_Highlight .Besonderes .zusatz {
  display: none;
}


/* --------------- Service --------------- */

.ServiceHeadline {
  background: #01613f;
  color: #ffffff;
  padding: 10px 50px 1px 30px;
}

.ServiceHeadline h2 {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 22px;
  position: relative;
}

.ServiceHeadline h2:before {
  font-family: 'FontAwesome';
  content: "\f085" !important;
  margin-right: 10px;
  font-size: 28px;
}


/*** Test
.ServiceHeadline h2:before  {
  content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 598.5rem;
   right: 598.5rem;
   background: green;}
 ***/

.ServiceHeadline .clearDvv {
  display: none;
}

.ServiceKacheln {
  display: flex;
  flex-wrap: wrap;
  color: #ffffff;
  padding: 0px 0px;
  font-size: 14px;
}

.ServiceKacheln>div {
  float: none;
  flex-basis: 50%;
  background: #177a57;
}

.ServiceKacheln .subcl {
  height: 100%;
}

.ServiceKacheln .subc {
  height: 100%;
}

.ServiceKacheln .subc .composedcontent-preset_box {
  height: 100%;
}

.ServiceKacheln .subcl .composedcontent-preset_box {
  height: 100%;
}

.ServiceKacheln .composedcontent-preset_box {
  display: flex;
  max-height: 270px;
  overflow: hidden;
}

.ServiceKacheln .composedcontent-preset_box.AusschreibungenBox {
  overflow: hidden;
}

.ServiceKacheln .composedcontent-preset_box.IdeencheckBox {
  overflow: hidden;
}

.ServiceKacheln .composedcontent-preset_box > div {
  float: none;
  flex-basis: 50%;
}


@media screen and ( min-width: 1300px) {
  
.buergerserviceBox > div { flex-basis:  390px !important; min-width: 390px; }
.buergerserviceBox > div + div { flex-basis:  260px; min-width: 200px; }


.IdeencheckBox > div { flex-basis:  390px !important; min-width: 390px; }
.IdeencheckBox > div + div { flex-basis:  260px; min-width: 200px; }

.WetterBox > div { flex-basis:  390px !important; min-width: 390px; }
.WetterBox > div + div { flex-basis:  260px; min-width: 200px; }

.AusschreibungenBox > div { flex-basis:  390px !important; min-width: 390px; }
.AusschreibungenBox > div + div { flex-basis:  260px; min-width: 200px; }

}

.ServiceKacheln .composedcontent-preset_box ul {
  margin-left: 20px !important;
}

.ServiceKacheln .composedcontent-preset_box .basecontent-html-editor ul {
  margin-left: 0px !important;
}

.ServiceKacheln .composedcontent-preset_box h2 {
  margin: 0px 0px !important;
  font-weight: 300;
  font-size: 18px !important;
}

.ServiceKacheln .composedcontent-preset_box h5 {
  margin: 20px 20px;
  font-weight: 300;
  font-size: 18px;
}

.ServiceKacheln .composedcontent-preset_box p {
  font-size: 14px !important;
  line-height: 22px !important
}

.ServiceKacheln .composedcontent-preset_box li {
  font-size: 14px !important;
  line-height: 22px !important
}

.ServiceKacheln .composedcontent-preset_box a {
  color: #fff !important;
}

.ServiceKacheln .composedcontent-preset_box figure img {
  display: block;
  line-height: 0;
}

.ServiceKacheln .composedcontent-preset_box .basecontent-html-editor {
  margin: 10px 15px;
}

.ServiceKacheln .composedcontent-preset_box .basecontent-html-editor h2 {
  margin: 20px 0px;
  font-weight: 300;
  font-size: 18px;
}

.ServiceKacheln .composedcontent-preset_box.AusschreibungenBox h2 {
  margin: 20px 0px;
  font-weight: 300;
  font-size: 18px;
}

.ServiceKacheln .composedcontent-preset_box.IdeencheckBox h2 {
  margin: 20px 0px;
  font-weight: 300;
  font-size: 18px;
}

.ServiceKacheln .ym-gr {
  margin: 0px !important;
}

.FormularBox h5 {
  margin-bottom: 0px !important;
}

.buergerserviceBox h5 {
  margin-bottom: 0px !important;
}

.FormularBox .dateiLink::after {
  content: "";
  font-size: 16px;
  font-family: FontAwesome;
  margin-left: 7px;
  color: #787878;
}

.FormularBox .dateiGroesse {
  display: none;
}

.ServiceKacheln .externerLink::after {
  content: "\f08e";
  font-size: 16px;
  font-family: FontAwesome;
  margin-left: 7px;
  color: #ffffff;
}


/* --------------- Sonderthemen --------------- */

.SonderthemenHeadline {
  background: #01613f;
  color: #ffffff;
  padding: 10px 50px 1px 50px;
  font-weight: 300;
}

.SonderthemenHeadline h2 {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 22px;
}

.SonderthemenHeadline h2:before {
  font-family: 'FontAwesome';
  content: "\f11d";
  margin-right: 10px;
  font-size: 28px;
}

.SonderthemenHeadline .clearDvv {
  display: none;
}

.Sonderthemen {
  display: flex;
  flex-wrap: wrap;
  color: #ffffff;
  padding: 0px 40px 120px 40px;
}

.Sonderthemen>div {
  flex-basis: 33%;
  padding-top: 40px;
  text-align: center;
}

.Sonderthemen .subc div + div { height: 95px; overflow: hidden;}

.Sonderthemen h2 {
  color: #3c3c3c;
  font-weight: 300;
  font-size: 18px;
}

.Sonderthemen img {
  max-height: 95px;
  width: 90%;
}


/* --------------- Logo 2 --------------- */

.bottom-logo {
  text-align: center;
  position: relative;
  min-height: 110px;
}

.bottom-logo .boxborder {
  text-align: center;
  position: relative;
}

.bottom-logo figure {
  position: absolute;
  text-align: center;
  background: #ffffff;
  border-radius: 100px;
  left: 43%; 
  padding: 20px 45px;
  width: auto !important;
  z-index: 100;
}


/* ------------- Footer ---------------- */

footer#footer {
  /*! max-width: 1400px; */
  margin: 0px auto;
  position: relative;
  margin-top: -109px;
  /*! bottom:  109px; */
}

.KontaktZeile {
  background: #01613f;
  display: flex;
  color: #ffffff;
  justify-content: space-between;
  width: 100%;
}

.composedcontent-preset_zeile.KontaktZeile::after { display: none;}

.KontaktZeile > div {
  float: none;
  line-height: 1.6rem;
  padding: 30px 0px 30px 0px;
}

.KontaktZeile > div {
  flex-basis: 20% !important;
}

.KontaktZeile > div + div {
  flex-basis: 35% !important;
}

.KontaktZeile > div + div + div {
  flex-basis: 20% !important;
}


.KontaktZeile a {
  color: #ffffff !important;
}

.KontaktZeile strong {
  font-weight: 500;
  font-size: 1.1rem;
}

.KontaktZeile a {
  color: #ffffff !important;
  font-weight: 400 !important;
}

.FooterZeile {
  background: #307b53;
  color: #ffffff;
  text-align: center;
  padding: 10px 0px;
}

.FooterZeile .clearDvv {
  display: none;
}

div.clear {
  display: none;
}


/* Content Footer */

footer#contentFooter {
  margin-bottom: 8px;
  text-align: right;
}


/* ----------------  Sitemap -------------------*/

.body_sitemap #main {
  padding: 20px;
  margin-bottom: 100px;
}

.body_sitemap #content a {
  font-weight: 300;
}

.body_sitemap #content ul li a {
  font-weight: 400;
  font-size: 1.4rem;
}

.body_sitemap #content ul li ul li a {
  font-weight: 400;
  font-size: 1.3rem;
}

.body_sitemap #content ul li ul li ul li a {
  font-weight: 300;
  font-size: 1.0rem;
}

.body_sitemap #content h1 {
  font-size: 32px;
  margin-bottom: 10px;
  color: #297825;
  font-weight: 400;
  line-height: 35pt;
}


/* --------------- Suche --------------------------*/

.body_search #main {
  padding: 20px;
  margin-bottom: 100px;
}

.body_search #content h1 {
  font-size: 32px;
  margin-bottom: 10px;
  color: #297825;
  font-weight: 400;
  line-height: 35pt;
}

.searchDiv {}

.searchDiv form#search_form {}

.searchDiv form#search_form input[type="search"] {
  padding: 10px;
  border: 1px solid #ccc;
}

.searchDiv form#search_form button {
  display: inline-block;
  background-color: #f5f5f5;
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
  background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
  background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
  color: #444;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: default;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 37px;
  line-height: 27px;
  padding: 5px 18px;
  text-decoration: none;
}

.searchDiv form#search_form button:hover {
  background-color: #F8F8F8;
  background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #C6C6C6;
  color: #369670;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .1);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, .1);
}

#ergebnisse>div.ergebnisseKopf>div.searchPaging>span.ergebnisseKopfNav>button {
  height: 27px;
  line-height: 17px;
  padding: 5px 10px;
  text-decoration: none;
}

#ergebnisse>div.ergebnisseKopf>div.searchSort>span.sort-label {
  margin-right: 10px;
}

.searchDiv .searchSort {
  margin-bottom: 20px;
}

.searchDiv .searchPaging {
  margin-bottom: 20px;
}

.ergebnisseKopf {
  margin-top: 20px;
}

.ergebnisseRumpf li {
  margin-bottom: 20px;
}

.ergebnisseRumpf h3 {
  color: #297825;
}

#content .ergebnisseRumpf h3 a {
  color: #297825;
}

#ergebnisseRumpf>ul>li>div.info>span.resultScore {
  font-style: italic;
  color: #5882A2;
}

#exclusionWords {
  padding: 10px;
}

.searchFilterLeft {
  margin-top: 20px;
}

#extendedSearch h2 {
  margin-top: 20px;
}


/*** Login Form - runde Ecken, grauer Hintergrund - www.testhausen.de ***/

#loginForm {
  margin: 20px 0px 0px 40px;
  background: #dedede;
  border-radius: 8px;
  border: 1px solid #a0a0a0;
  padding: 5px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.home #loginForm {
  margin: 200px 0px 200px 40px;
}

#loginForm fieldset {
  border: 0px;
  padding-top: 10px;
  margin: 20px 0px 0px 40px;
}

#loginForm fieldset legend {
  font-weight: bold;
  font-size: 1.3em;
}

#loginForm div.type-text {
  margin-bottom: 20px;
}

#loginForm input {
  padding-left: 5px;
  font-size: 1.2em;
  width: 250px;
  padding: 5px;
  margin-bottom: 10px;
}

#loginForm div.type-button {
  margin-left: 40px;
}

#loginForm .ym-fbox-button {
  padding-left: 5px;
  font-size: 1.2em;
  width: 250px;
  padding: 10px;
  margin-bottom: 10px;
}

form#loginForm fieldset .ym-fbox-text input {
  padding-bottom: 10px;
  padding-left: 15px;
  padding-top: 10px;
  border: 1px solid #ccc;
  font-size: 1.0rem;
}

#loginForm input.button {
  display: inline-block;
  background-color: #f5f5f5;
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
  background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
  background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
  color: #444;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: default;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 37px;
  line-height: 27px;
  min-width: 100px;
  padding: 5px 18px;
  text-decoration: none;
}

#loginForm input.button:hover {
  background-color: #F8F8F8;
  background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #C6C6C6;
  color: #333;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .1);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, .1);
}

#loginForm input.button:hover[value="Login"] {
  color: #369670;
}

#loginForm input.button:hover[value="Abbrechen"] {
  color: red;
}


/* -------------- Responsive Menu ----------------------- */

@media screen and ( min-width: 960px) {
  #mm-my-menu {
    display: none !important;
  }
  #hamburger {
    display: none !important;
  }
}

@media screen and (max-width: 959px) {
  #my-menu {
    display: none;
  }
}


/* Hamburger */

#hamburger {
  background: #307B53 !important;
  box-sizing: border-box;
  display: block;
  height: 44px !important;
  position: fixed;
  top: 98px !important;
  right: 20px !important;
  width: 48px !important;
  z-index: 1000 !important;
  left: auto;
}

#hamburger:before, #hamburger:after, #hamburger span {
  background: #ffffff !important;
  content: '';
  display: block;
  width: 31px !important;
  /*! height: 6px; */
  position: absolute;
  left: 9px !important;
  border: 0px !important;
  margin-bottom: 2px;
}

#hamburger:before {
  top: 10px;
}

#hamburger span {
  top: 20px;
}

#hamburger:after {
  top: 30px;
}


/* Hamburger animation */

#hamburger:before, #hamburger:after, #hamburger span {
  -webkit-transition: none 0.5s ease 0.5s;
  transition: none 0.5s ease 0.5s;
  -webkit-transition-property: transform, top, bottom, left, opacity;
  transition-property: transform, top, bottom, left, opacity;
}

html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {
  top: 20px;
}

html.mm-opening #hamburger span {
  left: -50px;
  opacity: 0;
}

html.mm-opening #hamburger:before {
  transform: rotate( 45deg);
}

html.mm-opening #hamburger:after {
  transform: rotate( -45deg);
}


/* -------------- Responsive Formate ----------------------- */

@media screen and ( min-width: 1400px) {
  .the-wrapper>header .top-content {
    max-width: 1190px;
    margin: 0px auto;
  }
  .topslot {
    height: 100%;
    margin: 0px auto;
    max-width: 1190px;
  }
  #main .maxbreite {
    max-width: 1300px;
    margin: 0px auto;
  }
}


@media (max-width: 1400px) {
  
  .KontaktZeile {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px 40px;
  }
  
  .KontaktZeile>.ym-g25 {

    hyphens: auto;
  }
  

  
  .ServiceKacheln .composedcontent-preset_box>div {
    float: none;
    flex-basis: 50%;
    overflow: hidden;
  }
  .ServiceKacheln .composedcontent-preset_box>div .image-inner img {
    position: relative;
    text-align: center;
    left: 50%;
    margin-left: -200px;
  }
}

@media screen and ( max-width: 1283px) {
  #my-menu .flyerNav ul li.ebene1.child_4 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}



@media screen and ( max-width: 1270px) {
  .the-wrapper>header .top-content {
    max-width: 1190px;
    margin: 0px 0px 0px 3%;
  }
  
  .topslot {
    height: 100%;
    margin: 0px 0px 0px 3%;
    max-width: 1190px;
    /*! padding-left: 0px; */
  }
  
  #main .maxbreite {
    max-width: 1190px;
    margin: 0px 0px 0px 2.5%;
  }
  
  .logo {
    /*! margin-left:3%; */
    width: 300px;
  }
  
  .the-wrapper>header .toplinks ul {
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 97%;
    padding-right: 20px;
  }
  
  .topslot .composedcontent-preset_module {
    /*! margin-left: 3%; */
    padding-left: 0px;
  }
  
  .topslot .composedcontent-preset_zeile {
    width: 100%;
    position: relative;
  }
  
  .topslot .composedcontent-preset_module .ym-gl {}
  
  .topslot .composedcontent-preset_module .headerbox {
    margin-left: 0px;
  }
  
  .subcr>.composedcontent-preset_spalte>div>div>.HeaderBild_Slogan {
    overflow: hidden;
    position: relative;
    top: 0px;
    z-index: 199;
  }
  
  .topslot .composedcontent-preset_module .ym-gr {
    float: none;
    padding-top: 30px;
  }
  
  .topslot .composedcontent-preset_module .ym-gr .subcr {
    position: absolute;
    /*! bottom: 0px !important; */
  }
  
  .topslot .composedcontent-preset_module .ym-gr .composedcontent-preset_box {
    /*! padding-top: 52px; */
  }
  
  .topslot .composedcontent-preset_module .ym-gr figure {
    width: 100% !important;
    display: block;
  }
  
  .topslot .composedcontent-preset_module .ym-gr figure img {
    width: calc(100% - 5px) !important;
    display: block;
  }
  .Slogan {
    top: 249px !important;
    bottom: auto !important;
  }
  .Slogan2 {
    top: 307px !important;
    bottom: auto !important;
  }
  
 .english_version .Slogan  { top: 222px !important; }
 .english_version .Slogan2  { top: 280px !important; }
  
  
  
}

@media screen and ( max-width: 1144px) {
  .the-wrapper>header nav#nav {
    padding-left: 334px;
  }
  #my-menu {
    width: calc(100% - 15px);
  }
  a.homelink {
    display: none;
  }
  .topslot .composedcontent-preset_module .ym-gr .subcr {
    position: absolute;
    bottom: 0px !important;
    width: 100%;
    height: 100%;
  }
  .subcr>.composedcontent-preset_spalte>div>div>.HeaderBild_Slogan {
    overflow: hidden;
    position: relative;
    top: 0px;
    z-index: 199;
  }
  .topslot .bx-wrapper {
    width: 100% !important;
    bottom: 0px;
    margin-bottom: 0px;
    height: 100%;
  }
  .topslot .bx-viewport {
    bottom: 0px;
    position: absolute !important;
  }
  .bx-wrapper .bx-controls-direction a {
    position: absolute;
    display: inline-block;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 100%;
    text-indent: -9999px;
    z-index: 9999;
  }
  .Slogan {
    top: auto !important;
    bottom: 56px !important;
  }
  .Slogan2 {
    top: auto !important;
    bottom: 0px !important;
  }
  
  .english_version  .topslot .composedcontent-preset_module div.HeaderBild_Slogan img { display: block;}
  
 .english_version .Slogan  { top: auto !important; bottom: 100px !important;}
 .english_version .Slogan2  { top: auto !important; bottom: 43px !important;}
  
  
  #main #content {
    padding-right: 0px;
  }
}

@media screen and ( max-width: 1024px) {
  .topslot-wrapper {
    height: 380px;
  }
  .headerbox div {
    margin-top: 28px;
    height: 200px;
  }
  .headerbox div div {
    margin-top: 0px;
    height: auto;
  }
  .headerbox div+div {
    margin-top: 0px;
    height: 115px;
  }
  .headerbox div+div div {
    margin-top: 5px;
    height: auto;
  }
  .topslot .quicklist ul {
    padding: 10px 20px 7px 20px;
  }
  .topslot .quicklist ul li {
    margin-bottom: 12px;
  }
  .headerbalken {
    bottom: 34px;
  }
  
.KontaktZeile > div {
  flex-basis: 18% !important;
}

#main .maxbreite {
    max-width: 1024px;
    margin: 0px 0px 0px 0%;
  }
  
  
  
.KontaktZeile > div + div {
  flex-basis: 37% !important;
}

.KontaktZeile > div + div + div {
  flex-basis: 18% !important;
}
  
  
}

@media screen and ( max-width: 960px) {
  .the-wrapper>header {
    width: 100%;
  }
  .logo {
    padding: 28px 32px 30px 40px;
  }
  header .toplinks {
    padding: 20px 0px;
  }
  .topslot-wrapper::before {
    max-width: 1400px;
    margin: 0px auto;
    background: url(../img/header_background.jpg) no-repeat;
    opacity: 1;
    content: "";
    width: 100%;
    height: 380px;
    left: 0;
    right: 0;
    z-index: -1;
    position: absolute;
  }
  .topslot-wrapper {
    position: relative;
    max-width: 1400px;
    margin: 0px auto;
    height: 380px;
  }
 
  
  .english_version   .topslot-wrapper::before { height: 380px;}
  .english_version .topslot-wrapper { height: 350px; }
  .english_version .topslot .composedcontent-preset_module div.HeaderBild_Slogan {
    width: 100% !important;
}

  .english_version .topslot .composedcontent-preset_module div.HeaderBild_Slogan img { height: 100%; margin-left: -240px;} 
  
  .headerbox div {
    margin-top: 35px;
    height: 200px;
  }
  .topslot .quicklist ul {
    padding: 11px 20px 9px 20px;
  }
  .topslot .quicklist ul li {
    margin-bottom: 11px;
  }
  nav#nav {
    height: 100px;
  }
  a.homelink {
    display: none;
  }
  
  .headerbalken {
    position: absolute;
    background: rgba(23, 85, 142, 0.64);
    height: 115px;
    width: 50%;
    bottom: 27px;
    z-index: 0;
  }
  
  .english_version   .headerbalken { bottom: 13px !important;}
  
  #main {
    width: 100%;
  }
  
  #main .maxbreite {
    max-width: 1190px;
    margin: 0px 0px 0px 0%;
  }
.english_version  #main .maxbreite {
    margin: 0px 0px 0px 3%;
  }
  
  .nav-outer {
    margin: 30px 10px 0px 30px;
  }
  
  .schnell_direkt_kontakt .ym-gl {
    background: #01613f;
    padding: 20px 0px 20px 40px;
  }
  
  .schnell_direkt_kontakt .ym-gr .home_kontaktbox div+div {
    float: none;
    width: 100%;
    margin-left: 55px;
  }
  
  .schnell_direkt_kontakt .ym-gr .home_kontaktbox div+div+div {
    float: none;
    width: 100%;
    margin-left: 55px;
  }
  .schnell_direkt_kontakt ul li {
    flex-basis: 100%;
    margin: 0px 0px 7px 0px;
  }
  .SliderZeile .SchnellDirekt2 ul {
    margin-left: 10px !important;
  }
  .SliderZeile ul li {
    flex-basis: 100%;
    margin: 0px 0px 0px 0px;
  }
  .SliderZeile .Kontakt2 ul li {
    flex-basis: 100%;
    margin: 0px 0px 0px 0px;
  }
  #service {
    margin: 40px 0px 40px 30px;
    line-height: 1.4rem;
  }
  div.wayhome {
    margin: 15px 0px;
  }
  #main #content {
    margin: 0px 0px 20px 0px;
  }
  #content .news_vk h2 {
    padding: 20px 0px 10px 40px;
  }
  .ServiceKacheln {
    padding: 0px 0px;
    margin: 0px 0px;
  }
  footer {
    width: 100%;
  }
  .KontaktZeile {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px 3%;
  }
  .KontaktZeile > div { flex-basis: 30% !important;}
   .KontaktZeile > div + div { flex-basis: 30% !important;}
  .KontaktZeile > div + div + div { display: none;}  
  
  .mm-navbar {
    height: auto;
  }
  /* ab hier wird die Höhe der unteren Navbars vom mmenu definiert. Die untere ist die "bottom-1". Dort wird mittels jquery das div "toplinks" aus der top-custom.vm wiederholt. */
  .mm-navbar-bottom-2 {
    bottom: 80px;
  }
  .mm-navbar-bottom-1 ul {
    list-style-type: none;
  }
  .mm-navbar-bottom-1 ul li {
    list-style-type: none;
    display: inline-block;
    font-size: 0.9rem;
  }
}

@media screen and ( max-width: 800px) {
  #quickLink1 {
    display: none;
  }
  
  div.logo {
    width: 10px;
    padding: 10px;
    z-index: 301 !important;
    position: absolute;
    margin-left: 3%;
    background: transparent;
  }
  
  .the-wrapper>header div.logo:before {
    content: "";
    background: #ffffff url(../img/logo_mobil.png) center 0px no-repeat;
    display: block;
    position: absolute;
    height: 160px;
    width: 140px;
    top: 0px;
    left: 0px;
    border-radius: 0px 0px 15px 15px;
    /*! background-size: 80%; */
  }
  
  div.logo img {
    width: 100%;
    opacity: 0;
  }
  
  #hamburger {
    top: 48px !important;
  }
  .topslot-wrapper {
    height: 270px;
  }
  .the-wrapper>header nav#nav {
    background: #307b53;
    width: 100%;
    padding-left: 310px;
    box-sizing: border-box;
    height: 60px;
  }
  
.english_version   .topslot-wrapper::before { height: 300px;}
.english_version .topslot-wrapper { height: 270px; }
  
  .english_version .composedcontent-preset_module  { height: 100%; }
 .english_version .composedcontent-preset_module  div  { height: 100%; }  
 .english_version .composedcontent-preset_module  div figure  { height: 100%; }  
  
  .english_version .topslot .composedcontent-preset_module div.HeaderBild_Slogan img {
    width: 100%;
    margin-left: 0px;
}

  .home_container {
    display: none;
  }
  .topslot-wrapper {
    height: 270px;
  }
  .topslot-wrapper::before {
    height: 100%;
  }
  .topslot .ym-gl {
    flex-basis: 26% !important;
    width: 26% !important;
  }
  .headerbox>div {
    margin-top: 20px;
    height: 220px;
  }
  .headerbox>div ul {
    background: none;
    padding: 18px 20px 0px 20px;
  }
  .headerbox div+div {
    display: none;
  }
  .topslot .composedcontent-preset_module .ym-gr {
    flex-basis: 480px !important;
  }
  .bx-wrapper {
    top: 0px;
  }
  .topslot .composedcontent-preset_module div.headerbox {
    background: rgba(218, 218, 218, 0.72);
  }
  .bx-controls {
    display: none;
  }
  .headerbalken {
    display: none;
  }
  .schnell_direkt_kontakt .ym-gl {
    padding: 20px 0px 20px 20px;
  }
  .schnell_direkt_kontakt .ym-gr {
    padding: 20px 20px;
    margin: 0 0 0 0px;
  }
  .SliderZeile .ym-g50 {
    padding-left: 55px;
  }
  .SliderZeile ul {
    margin-left: 40px !important;
  }
  .ServiceKacheln .composedcontent-preset_box {
    display: flex;
    max-height: 100%;
    overflow: hidden;
  }
  .ServiceKacheln .composedcontent-preset_box figure {
    height: 100%;
  }
  .ServiceKacheln .composedcontent-preset_box figure * {
    height: 100%;
  }
  
  .KontaktZeile>div {
  flex-basis: 30%;
}
}

@media screen and ( max-width: 750px) {
  .bottom-logo figure {
    left: 32%;
  }
  
  .english_version #content .composedcontent-preset_zeile .ym-gl { width: 100% !important; float: none;}
    .english_version #content .composedcontent-preset_zeile .ym-gr { width: 100% !important; float: none;}

  .english_version  .kontaktbox-eng {
    margin-left: 5px;
}

  
  
  .KontaktZeile>.ym-g25 {
    /*! flex-basis: 40%; */
  }
  .ServiceKacheln {
    padding: 0px 40px;
    background: #177a57;
  }
  .ServiceKacheln .composedcontent-preset_box {
    display: block;
  }
  .ServiceKacheln figure {
    display: none;
  }
  .Sonderthemen {
    display: flex;
    flex-wrap: wrap;
    color: #ffffff;
    padding: 0px 20px 120px 20px;
    hyphens: auto;
  }
}



@media screen and ( max-width: 650px) {
  #quickLink1 {
    display: none;
  }
  .the-wrapper>header nav#nav {
    padding-left: 0px;
  }
  .the-wrapper>header div.logo {
    width: 25%;
    padding: 0px;
    width: 140px;
    height: 150px;
  }
  .the-wrapper>header div.logo a {
    width: 100%;
    height: 100%;
  }
  .the-wrapper>header div.logo:before {
    content: "";
    background: #ffffff url(../img/logo_mobil.png) center 0px no-repeat;
    display: block;
    position: absolute;
    height: 160px;
    width: 100%;
    top: 0px;
    border-radius: 0px 0px 15px 15px;
    /*! background-size: 80%; */
  }
  div.logo {
    z-index: 301;
  }
  div.logo img {
    opacity: 0;
    width: 100%;
    height: 100%;
  }
  .the-wrapper>header .toplinks ul .sitemap {
    display: none;
  }
  .the-wrapper>header .toplinks ul li:nth-child(2) {
    display: none;
  }
  
    .the-wrapper>header .toplinks ul li:nth-child(3) {
    display: none;
  }
  
 .the-wrapper>header .toplinks ul li:nth-child(4) {
    display: none;
  }
  
  .the-wrapper>header .toplinks ul .kontakt {
    display: none;
  }
  
  nav#nav {
    height: 60px;
  }
  #hamburger {
    top: 50px !important;
  }
  .topslot-wrapper:before {
    height: auto !important;
  }
  .topslot-wrapper {
    overflow: hidden;
    height: auto;
  }
  
  .topslot {
    height: auto;
    margin: 0px 0px 0px 0%;
  }
  
   .english_version .topslot {
    height: 100%;
  }
  
  .topslot .composedcontent-preset_module {
    height: auto !important;
    margin-left: 0%;
    width: 100%;
  }
  .topslot .composedcontent-preset_zeile {
    display: block;
    width: 100%;
    overflow: hidden;
  }
  
   .english_version .topslot div {
    height: 100% !important;
  }
  
  .topslot .composedcontent-preset_module div.ym-g50.ym-gl {
    display: none;
    height: auto !important;
  }
  .topslot .composedcontent-preset_module div.ym-g50.ym-gr {
    width: 100% !important;
    padding-top: 0px;
    height: auto !important;
  }
  .topslot .composedcontent-preset_module .ym-gr .subcr {
    position: relative;
    bottom: 0px !important;
    height: auto !important;
  }
  .topslot .composedcontent-preset_module .ym-gr figure img {
    width: 100% !important;
  }
  .topslot .composedcontent-preset_module .ym-gr .bx-wrapper {
    top: 0px !important;
    padding-top: 0px !important;
    height: auto !important;
  }
  .topslot .composedcontent-preset_module .ym-gr .bx-wrapper .bx-controls {
    position: absolute;
    width: 100%;
    height: auto !important;
  }
  .topslot .bx-viewport {
    position: relative !important;
  }
  .bx-controls {
    display: none;
  }
  .topslot_bottom .headerbox {
    margin-left: 0;
  }
  .topslot_bottom .headerbox div {
    margin-top: 0px;
    height: auto;
  }
  .topslot_bottom .headerbox > div + div {
    background: #17558E;
    height: 115px;
    width: 100%;
  }
  
  .topslot_bottom .headerbox div + div {
    display: block;
  }
  
  .topslot_bottom .headerbox .clearDvv {
    display: none;
  }
  
  .topslot_bottom .headerbox .quicklist {
    background: #ffffff;
  }
  
  .topslot_bottom .headerbox .quicklist ul {
    background: none;
    width: 80%;
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  
  .topslot_bottom .headerbox .quicklist ul li {
    flex-basis: 40%;
  }
  
  .topslot_bottom .schnellsuche fieldset {
    text-align: center;
  }
  
  .topslot_bottom .schnellsuche fieldset legend {
    display: inline-block;
    margin: 0px auto;
    width: 100%;
    text-align: center;
  }
  
  .topslot_bottom .schnellsuche fieldset input#qs_query_c {
    width: 80%;
  }
  
  .Slogan {
    font-size: 1.6rem;
    font-weight: 300;
    text-transform: uppercase;
    bottom: 36px !important;
  }
  
  .Slogan2 {
    font-size: 1.6rem;
    font-weight: 300;
    bottom: 0px;
    padding: 0px 15px 4px 20px;
  }
 
.english_version .HeaderBild_Slogan div + div {  height: auto !important;  }
  
  .english_version .Slogan { bottom: 35px !important; height: auto !important;}
  .english_version .Slogan2 { bottom: 0px !important; height: auto !important;}
  
  .ym-col2 {
    padding-left: 0px;
  }
  
  .subscriptionDivBox {
    display: none;
  }
  
  #main #content {
    margin: 0px 0px 0px 0px;
  }

  .direktkontakt {
    background-image: none;
    background-color: #01613F;
    max-width: 100%;
    padding-left: 55px;
}
  
  .direktkontakt .ym-g50.ym-gr { display: none;} 
  .direktkontakt .ym-g50.ym-gl { width: 100%;/*! border: 2px solid blue; */} 
  
 .schnell_direkt_kontakt .ym-gl {
    padding: 20px 0px 0px 20px;
}
  
 .SliderButtonZeile {
 display: none; 
  }
  
.SliderZeile {
    position: relative;
    top: 0px;
  height: 150px !important;

}
 
  .SliderZeile .ym-g50 {
    padding-left: 20px;
}
  
.SliderZeile .SchnellDirekt2 {
    height: 150px !important;
    overflow: hidden;
}
  

.schnell_direkt_kontakt ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
  justify-content: space-between;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
}  

  .schnell_direkt_kontakt ul li {
    flex-basis: 48%;
    margin: 0px 0px 7px 0px;
}
  
.SliderZeile .SchnellDirekt2 ul {
    margin-left: 0px !important;
  justify-content: space-between;
   padding: 0px 0px;
}
  
  
.SliderZeile ul li {
    flex-basis: 48%;
    margin: 0px 0px 7px 0px;
}  
  
  #content .news_vk {
    display: block;
  }
  #content .news_vk .ym-g50 {
    width: 100%;
  }
  #content .news_vk .composedcontent-preset_box {
    overflow: hidden;
  }
  .ServiceKacheln {
    display: block;
  }
  .ServiceKacheln .ym-g20 {
    width: 100%;
    padding-bottom: 0px;
  }
  .ServiceKacheln .ym-g20 .clearDvv {
    display: none;
  }
  .ServiceKacheln .ym-g20:after {
    display: block;
    content: "";
    width: calc( 100% - 20px);
    border-bottom: 1px solid #fff;
    margin-left: 15px;
    padding-bottom: 15px;
  }
  .ServiceKacheln .ym-g20:last-child:after {
    border-bottom: 0px !important;
  }
  
  .ServiceKacheln .ym-g20 ul {
    margin-bottom: 0px !important;
  }
  
  .ServiceKacheln .composedcontent-preset_box .basecontent-html-editor {
    margin: 10px 15px 0px 15px;
  }
  
  .ServiceKacheln .composedcontent-preset_box .basecontent-html-editor ul {
    margin-left: 5px !important;
  }
  
  .Sonderthemen {
    display: block;
    background: #E4E4E4;
    padding: 0px 40px 40px 40px;
  }
  
  .Sonderthemen .ym-g33 {
    float: none;
    width: 100%;
  }
  
    .Sonderthemen .ym-g25 {
    float: none;
    width: 100%;
  }
  
    .Sonderthemen .ym-g20 {
    float: none;
    width: 100%;
  }
  
  #main #content figure {
    max-width: 100% !important;
  }
  #main #content img {
    max-width: 100% !important;
  }
  #content .news_vk .pm-topnews .pm-meldung {
    border-bottom: ßpx solid #cccccc;
    padding-left: 30px;
    margin-right: 0px;
    border-right: 0px !important;
    padding-right: 10px;
  }
  #content .news_vk .pm-topnews h2 {
    font-size: 1.2rem;
    font-weight: 300 !important;
    margin-bottom: 0px;
    padding-bottom: 0px !important;
    line-height: 1.3em !important;
  }
  #content .news_vk .pm-topnews h2 a {
    font-weight: 300 !important;
  }
  #content .news_vk .ym-g50.ym-gr .composedcontent-preset_spalte {
    padding-left: 0px;
  }
  #content .news_vk .composedcontent-preset_box>div>h2 {
    background: #01613f;
    color: #ffffff !important;
    padding: 15px 0px 15px 20px !important;
    line-height: 1.5rem;
    font-size: 1.1rem;
  }
  #content .news_vk .Top-Event {
    background: #ffffff;
    margin: 10px 30px 10px 20px;
  }
  #content .news_vk .VK_Home_normal ul li {
    border-top: 1px solid #ffffff;
    padding: 10px 0px 10px 10px;
  }
  #content .news_vk .ym-g50.ym-gr a {
    color: #01613f;
    font-weight: 300;
  }
  #content .news_vk .ym-g50.ym-gr .weitereVK a {
    color: #fff;
  }
  .float-left {
    float: none;
    margin-right: 0px;
  }
  .float-right {
    float: none;
    margin-left: 0px;
  }
  .bottom-logo {
    display: none;
  }
  footer#footer {
    margin-top: -0px;
    position: relative;
    /*! top: -5px; */
  }
  .KontaktZeile {
    padding-top: 30px;
  }

  .KontaktZeile>div {
    padding: 0px 0px 30px 0px;
  }
  .KontaktZeile>.ym-g25 {
    flex-basis: 47% !important;
    padding-left: 20px;
  }
  .KontaktZeile>.ym-g25:nth-child(2) {
    padding-left: 0px;
  }

}






@media screen and ( max-width: 480px) {

  .direktkontakt {
    padding-left: 0px;
}

  .topslot_bottom .headerbox .quicklist ul {
    background: none;
    width: 100%;
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
  
  .KontaktZeile > .ym-g25 {
    flex-basis: 48% !important;
    padding-left: 0px;
}
}


/*==== Störer (SSL 22.11.21al)====*/

.stoerer-open .c-stoerer{
  display: flex !important;
}

.c-stoerer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  line-height: 140%;
}
 
.c-stoerer__inner {
  background: #fff;
  height: auto;
  max-height: 62vh;
  overflow: auto;
  padding: 20px;
  position: relative;
  width: 690px;
  max-width: 80%;
  z-index: 11;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}
.c-stoerer__inner img { float: right;}

.c-stoerer__inner .interact a { margin-right: 10px;}
.c-stoerer h1,
.c-stoerer h2,
.c-stoerer h3 {
  background: none;
  padding-top: 5px;
}

.c-stoerer h1, .c-stoerer h2 {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 22px;
  color: #01613f !important;
  padding: 20px 0px 10px 0px;
}
 
.c-stoerer a:hover,
.c-stoerer a:focus {
  color: #01613f;
  text-decoration: underline;
}
 
.c-stoerer .close {
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  display: block;
  /*width: 20px;
  height: 20px;*/
  color: #000;
  font-size: 30px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  padding: 1px;
  position: absolute;
  right: 10px;
  top: 7px;
  background: none;
  transition: color .2s ease;
  border: none;
  box-shadow: none;
}
 
.c-stoerer .close:hover,
.c-stoerer .close:focus {
  background: transparent;
  color: #b9132c;
}

.c-stoerer .fa-times::before {
	content: "\f00d";
	font-family: FontAwesome;
	font-style: normal;
	font-size: 1em;
	font-weight: normal;
  color: #01613f;
}

.c-stoerer .fa-times:hover::before {
  color: #000;
}

.stoerer-dont-open .c-stoerer{
  display: none !important;
}
 

/* Responsive Störer */
@media only screen and (max-width: 700px) {
  .c-stoerer__inner {
    max-height: 90vh;
    max-width: 80%;
  }
}
  

@media screen and ( max-width: 450px) {
  .copyright .login:before { content: "\A"; white-space: pre; }
}