/*------------------------------------*\
   #STARTSEITE
\*------------------------------------*/

body.home {
  background-image: url("../img/background_02.jpg");
  background-attachment: fixed;
}

.home .pm-topnews .pm-bild {
  display: none;
}

/*------------------------------------*\
   #BAUSTELLE
\*------------------------------------*/

.todo_baustelle {
  padding: 20px;
  background: #F7EDCF;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.todo_text {
  color: #D24331;
  font-weight: bold;
}

.todo_text:before {
  content: "\f06a";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #D24331;
  font-size: 22px;
  padding-right: 0.5em;
}

b, strong {
  font-weight: 500;
}

/*------------------------------------*\
   #MOBILE MENU
\*------------------------------------*/

/* -------------- 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;
     }
  .col-suche {
      display: none !important;
       }
  .breadcrumb{ margin-top: 0px; padding-bottom: 0px; }
}

.mm-menu {
  background: #fff;
}

/* Hamburger */

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

#hamburger span, #hamburger:after, #hamburger:before {
  background: #ffffff;
  content: '';
  color: #fff;
  display: block;
  width: 31px;
  position: absolute;
  left: 9px;
  border: 1px solid #fff;
  margin-bottom: 2px;
}

#hamburger:before {
  top: 10px;
}

#hamburger span {
  top: 20px;
}

#hamburger:after {
  top: 30px;
}

/* Hamburger animation */

#hamburger span, #hamburger:after, #hamburger:before {
  -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:after, html.mm-opening #hamburger:before {
  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);
}

/* Pressemeldungen (Rathaus und Verwaltung / Aktuelles) */

.pm-meldung .pm-head h3 {
  border-bottom: 0px dotted #ccc;
  margin-top: 4px;
}

.pm-filter{margin-bottom: 30px;}

.presse-uebersicht.legacy .pm-bild {display: none;}

.composedcontent-preset_aktuelles img {max-width: 100%;}

/* Allgemein */

.display_none {
  display: none;
}
/*------------------------------------*\
   #ZM Module
\*------------------------------------*/

.zmitem.odd {
  background: #f7f2ee;
  margin-left: -28px;
  padding: 10px 30px;
  margin-right: -28px;
  border-bottom: 1px #ccc dotted;
  border-top: 1px #ccc dotted;
}

.zmitem.even {
  margin-left: -28px;
  margin-right: -28px;
  padding: 10px 30px;
}
.zm.odd {
  background: #f7f2ee;
  margin-left: -28px;
  padding: 10px 30px;
  margin-right: -28px;
  border-bottom: 1px #ccc dotted;
  border-top: 1px #ccc dotted;
}

.zm.even {
  margin-left: -28px;
  margin-right: -28px;
  padding: 10px 30px;
}

#zmtopnav {
  margin-bottom: 20px;
}

/* A-Z Pagination */

.zmRegister {
  padding-top: 15px;
  line-height: 2.2rem;
  padding-bottom: 20px;
}

.zmRegister a {
  padding: 5px 7px;
  border: 1px solid #ccc;
  background: #eee;
}

.zmRegister a:hover {
  background: #ccc;
  color: #fff;
  border: 1px solid #000;
}

.zmRegister span.inaktiv {
  padding: 5px;
  border: 0 solid #ccc;
  display: none;
}

#azEnd {
  display: none;
}

.zmhitsfound {
  font-style: italic;
}

.zmSuche fieldset {
  padding: 0;
  margin: 0;
}

.zmSuche fieldset legend {
  font-weight: 500;
}

.einleitungstext {
  margin-bottom: 20px;
}

#zmtopnav .zmnavnext {
  display: none;
}

/* TODO Pagination stylen (ZM Modul)*/

.zmNavigClassItemm {
  padding: 8px 16px;
  display: inline-block;
  padding: 0 9px;
  margin-right: 4px;
  border-radius: 3px;
  border: solid 1px #c0c0c0;
  background: #e9e9e9;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 1px 3px rgba(0, 0, 0, .1);
  font-size: 0.875em;
  font-weight: bold;
  text-decoration: none;
  color: #717171;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

.zmnavseparator {
  display: none;
}

.zmnavseparator.gradient:hover, .zmnavseparator:hover {
  background: #fefefe;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
  background: -moz-linear-gradient(0% 0% 270deg, #FEFEFE, #f0f0f0);
}

.zmnavseparator.active {
  border: none;
  background: #616161;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .8);
  color: #f0f0f0;
  text-shadow: 0 0 3px rgba(0, 0, 0, .5);
}

.zmNavigClassInnen span.current {
  border: none;
  padding: 0 9px;
  margin-right: 4px;
  background: #616161;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .8);
  color: #f0f0f0;
  text-shadow: 0 0 3px rgba(0, 0, 0, .5);
}

/* TODO Detailansicht (ZM Modul)*/

#service>.composedcontent-dietenheim-infoslot, #service>.composedcontent-preset_infoslot{
  margin: 5px 5px 20px;
  line-height: 1.6rem;
  padding: 5px 30px 15px 15px;
}
#service>.composedcontent-dietenheim-infoslot h3, #service>.composedcontent-preset_infoslot h3{
    font-size: 16px;    font-weight: 400;
}

#service>.composedcontent-dietenheim-infoslot h2, #service>.composedcontent-preset_infoslot h2{
    font-size: 18px;    font-weight: bold;
}


.zmDetail .category{padding-bottom: 20px;padding-top:20px;}
.zmDetail .category a{margin-right: 7px;}

.zmDetail header nav .zmnav {display: none;}

.zmDetail footer nav .zmnav li{padding-left: 10px;}
.zmDetail footer nav .zmnav li:first-child{padding-left: 0px;}
.zmDetail footer nav .zmnav li a{background: #ccc;padding:10px;}

.zmDetail .zmnav li{padding-left: 10px;float: left;margin-left:0;}
.zmDetail .zmnav li:first-child{padding-left: 0px;}
.zmDetail .zmnav li a{background: #ccc;padding:10px;}

.zmDetail {padding-bottom: 40px;}

.zmDetail .zmanschrift {padding-top: 10px;}

/* Buttons in der Detailansicht */
/* .knot_14306242 .zmDetail footer nav .zmnav li a{background: #cd1e3d;color:#fff;}
.knot_14306251 .zmDetail footer nav .zmnav li a{background: #4b8a79;color:#fff;}
.knot_14306297 .zmDetail footer nav .zmnav li a{background: #d67737;color:#fff;}
.knot_14306306 .zmDetail footer nav .zmnav li a{background: #376e8c;color:#fff;}
.knot_14306315 .zmDetail footer nav .zmnav li a{background: #5c4b42;color:#fff;} */

/* Hover */
/* .knot_14306242 .zmDetail footer nav .zmnav li a:hover{background: #cd1e3d;color:#fff;}
.knot_14306251 .zmDetail footer nav .zmnav li a:hover{background: #6baf9c;color:#fff;}
.knot_14306297 .zmDetail footer nav .zmnav li a:hover{background: #e29e70;color:#fff;}
.knot_14306306 .zmDetail footer nav .zmnav li a:hover{background: #4e94ba;color:#fff;}
.knot_14306315 .zmDetail footer nav .zmnav li a:hover{background: #846c5f;color:#fff;} */

/* Buttons in der Detailansicht */
.knot_14306242 .zmDetail .zmnav li a{background: #cd1e3d;color:#fff;}
.knot_14306251 .zmDetail .zmnav li a{background: #4b8a79;color:#fff;}
.knot_14306297 .zmDetail .zmnav li a{background: #d67737;color:#fff;}
.knot_14306306 .zmDetail .zmnav li a{background: #376e8c;color:#fff;}
.knot_14306315 .zmDetail .zmnav li a{background: #5c4b42;color:#fff;}

/* Hover */
.knot_14306242 .zmDetail .zmnav li a:hover{background: #cd1e3d;color:#fff;}
.knot_14306251 .zmDetail .zmnav li a:hover{background: #6baf9c;color:#fff;}
.knot_14306297 .zmDetail .zmnav li a:hover{background: #e29e70;color:#fff;}
.knot_14306306 .zmDetail .zmnav li a:hover{background: #4e94ba;color:#fff;}
.knot_14306315 .zmDetail .zmnav li a:hover{background: #846c5f;color:#fff;}

/* Buttons in der Listenansicht */

#zmEListe .zmnav p a{padding:10px;}
.knot_14306242 #zmEListe .zmnav p a{background: #cd1e3d;color:#fff;}
.knot_14306251 #zmEListe .zmnav p a{background: #4b8a79;color:#fff;}
.knot_14306297 #zmEListe .zmnav p a{background: #d67737;color:#fff;}
.knot_14306306 #zmEListe .zmnav p a{background: #376e8c;color:#fff;}
.knot_14306315 #zmEListe .zmnav p a{background: #5c4b42;color:#fff;}

/* Hover */
.knot_14306242 #zmEListe  .zmnav p a:hover{background: #cd1e3d;color:#fff;}
.knot_14306251 #zmEListe  .zmnav p a:hover{background: #6baf9c;color:#fff;}
.knot_14306297 #zmEListe  .zmnav p a:hover{background: #e29e70;color:#fff;}
.knot_14306306 #zmEListe  .zmnav p a:hover{background: #4e94ba;color:#fff;}
.knot_14306315 #zmEListe  .zmnav p a:hover{background: #846c5f;color:#fff;}


.zmDetail .zmnav {list-style: none;}

.zmDetail .zmnav .zmzursuche a:before {
    content: '\f002';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    margin-right: 10px;
}
.zmDetail .zmnav .zmzureu a:before {
    content: '\f100';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    margin-right: 10px;
}
#zmEListe .zmnav p a:before {
    content: '\f002';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    margin-right: 10px;
}


/*
.zmDetail .category .zmTagxLink {border:1px solid #ccc;
  padding: 3px 10px;}

.knot_14306242 .zmDetail .category .zmTagxLink {border:1px solid #cd1e3d;}
.knot_14306251 .zmDetail .category .zmTagxLink {border:1px solid #4b8a79;}
.knot_14306297 .zmDetail .category .zmTagxLink {border:1px solid #d67737;}
.knot_14306306 .zmDetail .category .zmTagxLink {border:1px solid #376e8c;}
.knot_14306315 .zmDetail .category .zmTagxLink {border:1px solid #5c4b42;}


.knot_14306242 .zmDetail .category .zmTagxLink:hover {background:#cd1e3d;color:#fff;}
.knot_14306251 .zmDetail .category .zmTagxLink:hover {background:#6baf9c;color:#fff;}
.knot_14306297 .zmDetail .category .zmTagxLink:hover {background:#e29e70;color:#fff;}
.knot_14306306 .zmDetail .category .zmTagxLink:hover {background:#4e94ba;color:#fff;}
.knot_14306315 .zmDetail .category .zmTagxLink:hover {background:#846c5f;color:#fff;} */


.zmDetail .category .zmkatLink {border:1px solid #ccc;
  padding: 3px 10px;}

.knot_14306242 .zmDetail .category .zmkatLink {border:1px solid #cd1e3d;}
.knot_14306251 .zmDetail .category .zmkatLink {border:1px solid #4b8a79;}
.knot_14306297 .zmDetail .category .zmkatLink {border:1px solid #d67737;}
.knot_14306306 .zmDetail .category .zmkatLink {border:1px solid #376e8c;}
.knot_14306315 .zmDetail .category .zmkatLink {border:1px solid #5c4b42;}

/* Hover */
.knot_14306242 .zmDetail .category .zmkatLink:hover {background:#cd1e3d;color:#fff;}
.knot_14306251 .zmDetail .category .zmkatLink:hover {background:#6baf9c;color:#fff;}
.knot_14306297 .zmDetail .category .zmkatLink:hover {background:#e29e70;color:#fff;}
.knot_14306306 .zmDetail .category .zmkatLink:hover {background:#4e94ba;color:#fff;}
.knot_14306315 .zmDetail .category .zmkatLink:hover {background:#846c5f;color:#fff;}


#zmEListe .category { padding: 15px 0px;}
  #zmEListe .category .zmkatLink{border:1px solid #ccc;
    padding: 3px 10px;}


#zmEListe .street-address { display: none;}
#zmEListe .cityline { display: none;}
#zmEListe .organization { display: none;}


.knot_14306242 #zmEListe .category .zmkatLink {border:1px solid #cd1e3d;}
.knot_14306251 #zmEListe .category .zmkatLink {border:1px solid #4b8a79;}
.knot_14306297 #zmEListe .category .zmkatLink {border:1px solid #d67737;}
.knot_14306306 #zmEListe .category .zmkatLink {border:1px solid #376e8c;}
.knot_14306315 #zmEListe .category .zmkatLink {border:1px solid #5c4b42;}

/* Hover */
.knot_14306242 #zmEListe .category .zmkatLink:hover {background:#cd1e3d;color:#fff;}
.knot_14306251 #zmEListe .category .zmkatLink:hover {background:#6baf9c;color:#fff;}
.knot_14306297 #zmEListe .category .zmkatLink:hover {background:#e29e70;color:#fff;}
.knot_14306306 #zmEListe .category .zmkatLink:hover {background:#4e94ba;color:#fff;}
.knot_14306315 #zmEListe .category .zmkatLink:hover {background:#846c5f;color:#fff;}


.zmDetail section .label {font-weight: bold;}
.zmDetail .zmbeschreibung{padding-top:20px;}


#zmEListe a.details:before {  content: '\f101';
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  margin-right: 7px;
}
#zmEListe a.details:before {  content: '\f101';
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  margin-right: 7px;
}

.zmDetail .zmitem .homepage .label{display: none;}
.zmDetail .zmitem .homepage .value:before{
    font-family: FontAwesome;
    margin-right: 7px;content: "\f0ac";}

/* Liste */
#zmEListe{padding-bottom: 20px;}
#zmEListe .zmitem .homepage .label{display: none;}
#zmEListe .zmitem .homepage .value:before{
    font-family: FontAwesome;
    margin-right: 7px;
        content: "\f0ac";
}
#zmEListe .zmitem footer{padding-top:10px;}
#zmEListe .zmbeschreibung{display: none;}


/* Kontaktelement */

.vCard {
  margin-top: 0;
}
#service .vCardLink > a:after { content: ""; }

.vCardLink>a:after {
  color: #c1c1c1;
  content: "\f234";
  float: none;
  font-family: FontAwesome;
  font-size: 26px;
  float: right;
}

.vCardLink a img {
  display: none;
  width: inherit !important;
}

.vCardLink>a:hover::after {
  color: #cd1e3d;
}

/* TODO Aufräumen (ICONS) */

/*** ------------------   Link Icons   --------------- ***/

.efaLink:before, .email:before, .externerLink:before, .extra1:before, .extra2:before, .fax:before, .gebaeude:before, .homepage:before,
.httpsLink:before, .infotext:before, .infotext:before, .internerLink:before, .linkTyp_doc:before, .linkTyp_docx:before, .linkTyp_gif:before,
.linkTyp_jpg:before, .linkTyp_pdf:before, .linkTyp_png:before, .linkTyp_ppt:before, .linkTyp_pptx:before, .linkTyp_tiff:before,
.linkTyp_xls:before, .linkTyp_xlsx:before, .link_ext_replacement:before, .lpBAnsprechRaum:before, .lpBAnsprechRaum:before,
.mailLink:before, .mapsLink:before, .street-address:before, .tel:before, .zustaendigkeit:before {
  font-family: FontAwesome;
  margin-right: 7px;
}


.email:before, .mailLink:before {
  content: "\f003";
}

.tel:before {
  content: "\f095";
}

.fax:before {
  content: "\f1ac";
  font-size: 13px;
}

/* .internerLink:after {
    font-family: FontAwesome;
    content: "\f0da";
  margin-left:7px;
}

.neuFensterLink:after {
      font-family: FontAwesome;
  content: "\f0da";
  margin-left: 3px;
} */

.internerLink, .neuFensterLink {
  font-weight: 400;
}
.home .internerLink, .home .neuFensterLink {
  font-weight: 300;
}

.gebaeude:before {
  content: "\f19c";
  margin-right: 3px;
}

.kontakt .raum:before, .lpBAnsprechRaum:before {
  font-family: FontAwesome;
  content: "\f277";
  margin-right: 10px;
}

#lpSeite .kontakt .raum:before, #lpSeite .lpBAnsprechRaum:before {
  font-family: FontAwesome;
  content: none;
  margin-right: 0px;
}

.externerLink:before, .homepage:before {
  /*  content: "\f0ac";
    font-size: 13px;
    margin-right: 10px; */
}

span.email:before, span.externerLink:before, span.fax:before, span.httpsLink, span.linkTyp_doc:before, span.linkTyp_docx:before,
span.linkTyp_gif:before, span.linkTyp_jpg:before, span.linkTyp_pdf:before, span.linkTyp_png:before, span.linkTyp_ppt:before,
span.linkTyp_pptx:before, span.linkTyp_tiff:before, span.linkTyp_xls:before, span.linkTyp_xlsx:before, span.link_ext_replacement:before,
span.lpBAnsprechRaum:before, span.mailLink:before, span.tel:before, span.zustaendigkeit:before {
  content: none;
  background: none;
}

.lpBAnsprechRaum .bez {
  display: inline-block;
}

.responsibilities .bezeichnung, .zustaendigkeit .bez {
  display: inline-block;
  font-weight: bold;
  margin-top: 0.5rem;
}

.efaLink:before {
  content: "\f238";
  font-size: 13px;
  margin-right: 10px;
}

.mapsLink:before {
  content: "\f041";
  font-size: 13px;
  margin-right: 13px;
}

.mapsLink {
  margin-top: 10px;
}

.mail {
  margin-top: 0;
}

.basecontent-dvv-zm-adr .mail {
  margin-top: 0;
}

.efaLink .externerLink:after, .homepage .externerLink:after, .mapsLink .externerLink:after {
  content: "";
  margin-left: 0;
}

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

.dateiGroesse {
  display: none;
}

.externerLink img {
  display: none;
}

.image .externerLink:before {
  font-size: 0;
}

figure.basecontent-image .externerLink img {
  display: inline-block;
  max-width: 100%;
}

/* Bild Icon */

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

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

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

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

/* --------------- Kontaktelement --------------- */

/* Icons */

.contactDataBox .vCard {
  line-height: 1.65rem;
}

.contactDataBox .vCardLink {
  float: right;
  margin-right: 10px;
}

#content .contactDataBox .vCardLink {
  float: none;
}

.contactDataBox .organization {
  font-weight: 400;
}

.contactDataBox .titles {
  font-weight: 300;
  float: left;
  padding-right: 4px;
}

#main .vCardLink a img {
  display: none;
}

.vCard .organization {}

.vCard .externerLink:before {
  content: "";
  margin-right: 0;
}

.vCardLink>a:after {
  color: #c1c1c1;
  content: "\f234";
  /*float: none;*/
  font-family: FontAwesome;
  font-size: 26px;
  float:right;
}

.vCardLink>a:hover::after {
  /*color: #015986;*/
    color: #cd1e3d;
}

.knot_14306242 .vCardLink>a:hover::after{color: #cd1e3d;}
.knot_14306251 .vCardLink>a:hover::after{color: #4b8a79;}
.knot_14306297 .vCardLink>a:hover::after{color: #d67737;}
.knot_14306306 .vCardLink>a:hover::after{color: #376e8c;}
.knot_14306315 .vCardLink>a:hover::after{color: #5c4b42;}



#service .vCardLink>a:hover::after {
  color: #ffffff;
}

.vCardLink a img {
  display: none;
  width: inherit !important;
}

#lpSeite .efaLink, .vCard .efaLink {
  display: none;
}

footer#contentFooter a {
  padding-right: 10px;
}

footer#contentFooter a:hover {
  padding-right: 10px;
  color: #cd1e3d;
}

/* Home Icon vor dem Startseite Link */

footer#contentFooter .home-link a::before {
  content: "\f015";
  font-size: 16px;
  font-family: FontAwesome;
  padding-right: 6px;
}

/* Seite drucken*/

footer#contentFooter .printpage a::before {
  content: "\f02f";
  font-size: 16px;
  font-family: FontAwesome;
  padding-right: 6px;
}

/* pdf drucken*/

footer#contentFooter .printpdf a::before {
  content: "\f1c1";
  font-size: 16px;
  font-family: FontAwesome;
  padding-right: 6px;
}

/* Seite empfehlen*/

footer#contentFooter .recommend a::before {
  content: "\f003";
  font-size: 16px;
  font-family: FontAwesome;
  padding-right: 6px;
}

/* Bildergalrie */

/* TODO Bildergalerie */

.composedcontent-image-gallery__images {
  display: flex;
  flex-wrap: wrap;
}

.galleryImage {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  width: 200px;
  margin: 0.5vw;
}

.galleryImage figure {
  width: 100%;
  height: auto;
  margin: 0;
}

/*#content .galleryImage img {width: 200px; height: 150px;} */

/* #content .galleryImage {float: left; margin: 0 20px -22px 0;} */

.imageGallery {
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-box;
  /* TWEENER - IE 10 */
  display: -ms-flexbox;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: -webkit-flex;
  /* NEW, Spec - Firefox, Chrome, Opera */
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.galleryImage {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  width: 150px;;
  margin: 0.5vw;
}

.galleryImage img {
  width: 100%;
  height: auto;
}

.galleryImage:nth-child(1) {}

/*#content .galleryImage img {width: 200px; height: 150px;}

#content .imageGallery {display: flex; flex-wrap: wrap;}
#content .galleryImage {float: left; margin: 0 20px 20px 0;}
#content .galleryImage img {width: 200px; height: 150px;} /* im resizer wert groesser angeben damit es responsive dann besser aussieht */

/*hr { color:transparent; border: 0; border-bottom:1px transparent solid; background:transparent; padding: 0; margin: 0px auto; }
.pagerInner {text-align: center;}
.pagerInner .ui-state-default a, .pagerInner .ui-state-default a:link, .pagerInner .ui-state-default a:visited {font-size: 1em;}*/

/*** Bildergalerie ueber Module */

/*.composedcontent-preset_galerie img {width: 200px;}
#content .composedcontent-preset_galerie .basecontent-image {float: left; margin: 0 20px 20px 0;}*/

/* Footer */

#footer>div.wrapper>div.ym-grid {
  display: inline-block;
}

.ym-gl {
  float: inherit;
}

.kat-zeile .ym-gl {
  float: left;
}

.kat-zeile figure {margin: 0;}
#content .kat-zeile figure img { width: 100%;}

.kat-zeile .composedcontent-preset_box {
  position: relative;
  background: #f5f5f5;
  padding: 10px;
  margin: 10px 0;
}

.kat-zeile .basecontent-line-break-text a:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;}

.kat-zeile .basecontent-line-break-text a:hover:before,
.kat-zeile .basecontent-line-break-text a:focus:before {
  border: 1px solid #000;
  }

@media screen and (max-width: 960px) {
  .kat-zeile .subcl,
  .kat-zeile .subcr { padding: 0; }
  .kat-zeile .ym-g50,
  .kat-zeile .ym-g33,
  .kat-zeile .ym-g25 {width: 100%;}
  } 

.kontaktdaten_zeile {
  display: flex;
  padding:20px;
  flex-wrap: wrap;
}

.kontaktdaten .postanschrift {
  flex-basis: 20%;
  width: 20%;
}

.kontaktdaten .kontakt {
  flex-basis: 25%;
  width: 25%;
  border-left: 1px solid #ccc;
  padding-left: 20px;
}

.kontaktdaten .oeffnungszeiten {
  flex-basis: 25%;
  width: 25%;
  border-left: 1px solid #ccc;
  padding-left: 20px;
      margin-left: 10px;
}

.kontaktdaten .oeffnungszeiten_zwei {
  flex-basis: 25%;
  width: 25%;
  padding-top: 45px;
}
@media (max-width: 1120px) {
  .kontaktdaten .postanschrift {
    flex-basis: 50%;
    width     : 50%;
  }
  .kontaktdaten .kontakt {
    flex-basis  : 50%;
    width       : 50%;
    border-left : 0 solid #ccc;
    padding-left: 0;
  }
  .kontaktdaten .oeffnungszeiten,
  .kontaktdaten .oeffnungszeiten_zwei {
    flex-basis : 50%;
    width      : 50%;
    border-left: 0 solid #ccc;
  }
  .kontaktdaten .oeffnungszeiten {
    padding-left: 0;
    margin-left: 0;
  }
  .kontaktdaten .oeffnungszeiten_zwei {
    border-left: 0 solid #ccc;
  }
}
@media (max-width: 560px) {
  .kontaktdaten .postanschrift {
    flex-basis: 100%;
    width     : 100%;
  }
  .kontaktdaten .kontakt {
    flex-basis  : 100%;
    width       : 100%;
    border-left : 0 solid #ccc;
    padding-left: 0;
    padding-top : 10px;
  }
  .kontaktdaten .oeffnungszeiten,
  .kontaktdaten .oeffnungszeiten_zwei {
    flex-basis : 100%;
    width      : 100%;
    border-left: 0 solid #ccc;
  }
  .kontaktdaten .oeffnungszeiten {
    padding-left: 0;
    padding-top : 10px;
  }
  .kontaktdaten .oeffnungszeiten_zwei {
    border-left: 0 solid #ccc;
    padding-top: 0;
  }
}

.kontaktdaten h1, .kontaktdaten h2 {
  font-size: 14px;
  color: #6a6a6a;
}

#footer div.mail>span.bez {
  display: none;
}

#footer .contactDataBox .organization {
  font-weight: 300;
}

.home #footer {
  border-top: none;
}

#header>div.main-header>div>div>div.col-xs-4.col-sm-4.col-md-4.col-lg-2 {
  padding-left: 0;
}

/* Home Aktuelles */

.grid-item.dreizwei {
  overflow: hidden;
  position: relative;
}

/* Überschrift von Kachel Aktuelles */

.home .Aktuelles_Uberschrift h2.kachelueberschrift {
  position: absolute;
  bottom: 0;
  /* border-bottom: 1px solid #ccc; */
  display: block;
  background: #7fa479;
  width: 100%;
  padding: 14px;
}

/* Icon vor Aktuelles */

.home .Aktuelles_Uberschrift h2.kachelueberschrift:before {
  background: #72996c;
  content: '\f0e5';
  font-family: FontAwesome;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  height: 63px;
  width: 70px;
  display: block;
  /* margin-left: 20px; */
  float: left;
  padding-left: 31px;
  padding-top: 17px;
  margin: -20px 19px -20px -20px;
}

/* Verlinkung Aktuelles */

.home .kachellink a, .home .kachellink a:visited {
  position: absolute;
  z-index: 300;
  right: 0;
  padding-right: 20px;
  padding-top: 12px;
  color: #fff;
  top: 8px;
}

.home .Aktuelles p.kachellink{}

.home .kachellink a:focus, .home .kachellink a:hover {
  color: #000;
}

.home .kachellink a:before {
  content: '\f101';
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  margin-right: 10px;
}

/* Aktuelles Sonstiges */

.home .pm-anreisser {
  display: none;
}

.home .Aktuelles {
  line-height: 1.5rem;
  /*padding-top: 13px;*/
}
.home .Aktuelles h2 {
  color: #fff;
  font-size: 1.0rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.home .Aktuelles_Uberschrift h2 {
  color: #fff;
  font-size: 1.0rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.home .Aktuelles a {
  color: #fff;
}

.home .Aktuelles .pm-meldung {
  border-bottom: 1px solid #7ea177;
  transition: 0.3s all ease;
}

.home .Aktuelles .pm-meldung{
padding:10px;
}

.home .Aktuelles .pm-meldung:last-child {
  border-bottom: 0 solid #7ea177;
}

.home .Aktuelles .pm-meldung:hover {
  background: #7fa479;
}

.home .Aktuelles .pm-meldung a {
  display: block;
}

.home .Aktuelles .pm-meldung>a.pm-meldung-block {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 25px;
  padding-right: 25px;
}

.pm-pubDate-date {
  font-size: 0.875rem;
}

.Aktuelles_Uberschrift{
  background: #7fa479;
    height: 63px;
    position: absolute;
    bottom: 0px;
    width: 100%;}


  .home div.Aktuelles .pm-topnews{margin-bottom: 64px;}

/*------------------------------------*\
   #STARTSEITE Bürgerservice
 \*------------------------------------*/

.Buergerservice ul {
  padding-top: 1em;
  padding-left: 0px;
}

.Buergerservice ul li {
  font-size: 87.5%;
}

/* Service Bilder */

#service figure.basecontent-image {
  margin: 0;
}

.ui-widget {
  font-family: inherit !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  /* background: #efefef none repeat scroll 0 0; */
  background: none;
  border: 0 solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  color: #555;
  font-weight: 300;
  margin-bottom: 20px;
  @include transition(all, 0.3s, ease-in-out);
}

.ui-state-default.ui-corner-all.active {
  /*background: #f97f02 none repeat scroll 0 0; 
  color: $color-primaer;*/
}

.ui-state-default:hover {
  /*background: #f97f02 none repeat scroll 0 0; 
  color: $color-primaer;*/
}

.toggle_title {
  cursor: pointer;
  padding: 0;
  position: relative;
}

.toggle-icon {
  left: inherit;
  right: 0.5em;
}

.toggle_container {
  margin-bottom: 10px;
}

.toggle_container p {
  padding: 0;
}

.toggle_container .boxborder {
  border: 0;
  /*    border-color: currentcolor currentcolor currentcolor #f97f02;
    border-style: none none none solid;
    border-width: 0 0 0 4px; */
}

.ui-corner-all {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/*
.ui-icon-triangle-1-s {
  background-position: -48px -128px;
}

.ui-icon-triangle-1-e {
  background-position: -16px -128px;
}
*/

.clearDvv {
  clear: both;
}

.toggle_title.mitpfeil:before {
  font-family: FontAwesome;
  margin-right: 8px;
  content: "\f054";
  font-size: 11px;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 0;
  transition: all, 0.3s, ease-in-out;
}

.ui-state-default .ui-icon {
  /*float:right;*/
}

.toggle_title {
  margin-top: 15px;
}

.ui-accordion-content-active {}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  left: inherit;
  right: 0.5em;
}

.ui-accordion-header {
  font-size: 1.3rem;
  padding: 0;
}

.ui-accordion .ui-accordion-content {
  padding: 0;
  border: 0;
}

.ui-accordion .ui-accordion-content .boxborder {
  border: 0;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
/*  color: $color-primaer;*/
}

.ui-helper-reset {
  font-size: 1rem;
  color: #6a6a6a;
  font: 300 100%/1.6 "Roboto", sans-serif;
}

.ui-accordion .ui-accordion-header {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
}

.ui-accordion {
  margin-top: 13px;
}

.ui-tabs-nav.ui-widget-header {
  background: #fff none repeat scroll 0 0;
  border: medium none !important;
  color: #555;
  font-weight: bold;
}

.ui-tabs .ui-state-default {
  border-top: 0 solid #cccccc !important;
}

.ui-tabs {
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
}

.ui-tabs .ui-corner-all {
  border: none;
}

.ui-tabs .clearDvv {
  display: none;
}

.ui-tabs .ui-tabs-panel {
  border-width: 0;
  display: block;
  padding: 0.5em !important;
}

.ui-tabs .ui-tabs-nav {
  padding: 0;
  border-bottom: 1px solid #4b8a79 !important;
}

.ui-tabs .ui-tabs-nav li {
  border: 1px solid #cccccc !important;
  float: left;
  list-style: outside none none;
  margin: 0 0.2em 0 0;
  padding: 0 !important;
  position: relative;
  top: 0;
  white-space: nowrap;
  border-radius: 0px;
}

.ui-tabs .ui-tabs-nav li a {
  padding: 0.3em 1.0em;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover, .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background: #4b8a79 none repeat scroll 0 0;
  border: 1px solid #cccccc !important;
  border-bottom: 1px solid #4b8a79 !important;
  float: left;
  list-style: outside none none;
  margin: 0 0.2em 0 0;
  padding: 0 !important;
  position: relative;
  top: 0;
  white-space: nowrap;
}

.ui-tabs .ui-state-hover a:hover, .ui-tabs .ui-state-hover a:link, .ui-tabs .ui-state-hover a:visited, .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover a, .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover a:hover, ui-tabs .ui-state-hover a {
  background: #4b8a79 none repeat scroll 0 0;
  color: #ffffff !important;
}

.ui-tabs h3 {
  background-color: #4b8a79;
  color: #ffffff;
  margin: 0 0 0.5em -0.5em;
  padding: 0.7em;
}

.ui-widget-content {
  border: none;
}

/*
.mitpfeil .toggle_title::before {
    font-family: FontAwesome;
    margin-right: 16px;
    content: "";
    position: relative;
    top: -2px;
    font-size: 11px;

}
*/

.toggle_title:hover {
  color: #000;
}

.mm-menu input.quicksearchtext {
  padding: 8px;
  width: 80%;
  margin-top: 12px;
  background: #ececec;
  border: 1px solid #ccc;
}

.mm-menu input.quicksearchimg {
  padding: 0;
  position: relative;
  left: 10px;
  top: 11px;
}

.mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview {
  margin-top: -19px;
}

.mm-navbar .mm-title {
  font-weight: 400;
  color: #cd1e3d !important;
  font-family: 'Roboto', sans-serif;
}

.mm-breadcrumbs a {
  color: #222222;
}

.mm-breadcrumbs span {
  color: #222222;
}

.mm-listview a, .mm-listview a:hover {
  color: #cd1e3d;
}

.mm-listview .mm-next:hover {
  color: #cd1e3d;
}

.mm-listview .mm-next:before:hover, .mm-listview .mm-next:after:hover {
  border-color: #cd1e3d;
}




.bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
   background: none;
}

/*.bxSlider{z-index: 11000 !important;} */
.impressionen figure {
  margin: 0;
}
.impressionsslot {
  position: relative;
  overflow: hidden;
}
.impressionen_ueberschrift {
  position: absolute;
  bottom  : 0;
  display : inline-block;
  width   : 100%;
  height  : 64px;
  /* background: #ccc; */
  left    : 0;
  margin  : 0 auto;
  z-index : 299999;
}
.impressionen_ueberschrift:before {
  background  : rgba(0,0,0,0.5);
  content     : '\f083';
  font-family : FontAwesome;
  font-size   : 18px;
  font-style  : normal;
  font-weight : normal;
  height      : 64px;
  width       : 64px;
  display     : block; /* margin-left: 20px; */
  float       : left;
  padding-left: 25px;
  padding-top : 20px;
  margin      : 0;
  transform   : inherit;
  position    : inherit;
  top         : inherit;
  left        : inherit;
}
.impressionen_ueberschrift p {
  z-index       : 100000;
  display       : block;
  background    : rgba(0,0,0,0.5);
  top           : 0;
  padding       : 20px;
  font-size     : 100%;
  font-weight   : 300;
  padding-left  : 85px;
  text-transform: uppercase;
}

@media screen and (min-width:760px) and (max-width: 1120px) {
  /*.impressionen_ueberschrift p {
      z-index: 100000;
      display: block;
      background: rgba(0,0,0,0.3);
      top: 0;
      padding: 13px;
      font-size: 100%;
      font-weight: 300;
      padding-left: 85px;
      text-transform: uppercase;
      line-height: 1.3rem;
  }
  */

}
@media screen and (min-width:760px) and (max-width: 1120px) {

#footer{
      margin-top: 50px;
}
    }


.impressionen_ueberschrift p a {
  color: #fff;
}
.impressionen_ueberschrift p a:hover {
  color: #ccc;
}
.impressionen_ueberschrift p:after {
  content    : '\f101';
  font-family: FontAwesome;
  font-style : normal;
  font-weight: normal;
  margin-left: 10px;
}
div.impressionen .bx-pager {
  display: none;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #cd1e3d;}
.bx-wrapper .bx-pager.bx-default-pager a{background: #a6a6a6;}

.mitabstand table th {padding:5px;padding-left: 12px;}
.mitabstand table td {padding:5px;padding-left: 12px;}
.mitabstand table .head {border-bottom:1px solid #ccc;}




@media (max-width: 768px) {
/*  #footer{display: none;} */
}


.zm .summary {font-size: 20px;
color: #6a6a6a;
line-height: 1.8rem;
margin-top: 8px;}

.zmBox .category{display: none;}
.zm header.label{font-weight: 400;}
.cd-top{z-index:10000;}


.maliste table { border-collapse: unset; border-spacing: 0px 15px; line-height: 1.2em;}
.maliste table td{vertical-align: top;}
td.ansprech{padding-right: 15px; }
td.tel{white-space: nowrap; display: flex;}

@media screen and (max-width: 500px) {
  .maliste table tr.lpBAnsprechpartnerEintrag  {display: flex; flex-wrap: wrap; margin-top: 15px;}
  .maliste table tr.zeile0 {display: none;}
  td.ansprech, td.funktion{width: 100%; }
}

/* #row_14845757, #row_14844597{position:static !important;}

.impressionen .bx-viewport {overflow: visible !important;} */
/*
.impressionen .bx-wrapper img {
 max-width:inherit;
}

.impressionen .bx-wrapper img {
    max-height: 100%;
    height: auto;
    width: auto;
    max-width: inherit;
}
.impressionen .bx-viewport {
height: auto !important;
}
*/




.impressionen .bx-wrapper {
  max-height: 420px;
}

.impressionen .image-inner {
  height: 420px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

.impressionen .bx-wrapper img {
  display: block;
  height: 100%;
  left: 50%;
  margin: 0;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: inherit;
}


/* A-Z Pagination */

.maliste .zeile0 {
  border-bottom: 1px solid #ccc;
}
.maliste #anfangsbuchstaben {
  padding-top: 15px;
  line-height: 2.2rem;
  padding-bottom: 20px;
}

.maliste #anfangsbuchstaben a {
  padding: 5px 7px;
  border: 1px solid #ccc;
  background: #eee;
}

.maliste #anfangsbuchstaben a:hover {
  background: #ccc;
  color: #fff;
  border: 1px solid #000;
}

.maliste #anfangsbuchstaben span.inaktiv {
  padding: 5px;
  border: 0 solid #ccc;
  display: none;
}

.maliste .lpBlockBuchst{padding-left: 10px;}


.zmsuchbutton{}

.zmsuchbutton { 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: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#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: 11px; font-weight: bold; text-align: center; height: 27px; line-height: 27px; min-width: 54px; padding: 0 8px; text-decoration: none; }

.zmsuchbutton: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: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(#f8f8f8), to(#f1f1f1)); background-image: linear-gradient(top, #f8f8f8, #f1f1f1); border: 1px solid #C6C6C6; color: #333; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }


.zmnav .zmNavigClassInnen{text-align: center;}

.zmNavigClassForward{margin-left: 10px;}

.zmNavigClassItem{padding-left:10px;padding-right: 10px;}

.zmnav{margin-top:30px;border-top:0px solid #ccc;padding-top: 20px;}

#zmtopnav a.align-left:before{ content: "\f053";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #ccc;
font-size: 14px;
padding-right: 0.5em;}

#zmtopnav a.align-left{font-weight: 400;}


.pm-meldung.entry1 {
    background: #f7f2ee;
    margin-left: -28px;
    padding: 10px 30px;
    margin-right: -28px;
    border-bottom: 1px #ccc dotted;
    border-top: 1px #ccc dotted;
  }

.pm-meldung.entry0 {
    margin-left: -28px;
    margin-right: -28px;
    padding: 10px 30px;
  }
  .ui-state-default .ui-icon {
      float: right;top: 9px;
  }

  .lebenslagen ul li{border:0px;list-style: circle;}

  .body_sitemap .css-grid-container{display: none;}
  .body_sitemap section#content{max-width: 1200px;padding-left: 30px;padding-right: 20px;padding-top:10px;padding-bottom: 20px;background:#fff;margin:0 auto;}

  .home.body_sitemap #footer{margin-top:100px;}



  /* Buttons */

.formButton input { 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: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#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: 11px; font-weight: bold; text-align: center; height: 27px; line-height: 27px; min-width: 54px; padding: 0 8px; text-decoration: none; }

.formButton input: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: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(#f8f8f8), to(#f1f1f1)); background-image: linear-gradient(top, #f8f8f8, #f1f1f1); border: 1px solid #C6C6C6; color: #333; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }

.pm-datefilter 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: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#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: 11px;
    font-weight: bold;
    text-align: center;
    height: 32px;
    line-height: 33px;
    min-width: 54px;
    padding: 0 8px;
    text-decoration: none; }

.pm-datefilter 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: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(#f8f8f8), to(#f1f1f1)); background-image: linear-gradient(top, #f8f8f8, #f1f1f1); border: 1px solid #C6C6C6; color: #333; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }

.pm-search input.submit {
    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: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#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: 11px;
    font-weight: bold;
    text-align: center;
    height: 32px;
    line-height: 33px;
    min-width: 54px;
    padding: 0 8px;
    text-decoration: none;
}

.pm-filter button,
.pm-search input.submit { font-size: 0.9rem; background-color: #666; 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: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(#f8f8f8), to(#f1f1f1)); background-image: linear-gradient(top, #f8f8f8, #f1f1f1); border: 1px solid #C6C6C6; color: #333; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); color:#000;}

.pm-filter button {margin-left: 10px; padding: 8px; font-weight: bold;}

.pm-search {float:right;}
.pm-datefilter {float:left;}
.pm-datefilter select {padding:6px;color:#777;}


.pm-search #pm-suchfeld{padding:6px;color:#777;}

.pm-filter{padding-bottom: 30px;}
.pm-search #pm-suchfeld{border:1px solid #ccc;}

.pm-rss{display: none;}

.formButtonContainer div:nth-child(2){float:right;padding-right: 20px;}

form textarea{padding:5px;}

form .ym-fbox-text input{padding:5px;}

.knot_14413111 .formElementRow {padding-bottom: 10px;}





/* Bildergalerie */
.imageGallery{padding-bottom: 20px;}
/* Pagination */
.pager .pagerInner{text-align: center;padding-top: 15px;font-size: 120%;}
.pager .pagerInner .ui-state-default, .pager .pagerInner  .ui-widget-content .ui-state-default, .pager .pagerInner  .ui-widget-header .ui-state-default{border-bottom: 0px;}
.pager .pagerInner nav{}
.pager .pagerInner nav span.ui-state-active.current{color:red !important;font-weight: bold;}
.pager .pagerInner a.noSpeech.padMe{padding-left:10px;padding-right: 10px;}
.pager .pagerInner span.padMe{border-bottom: 0px;}
.pager .pagerInner span.padMe a:hover{color:#cd1e3d;}
.pager .pagerInner .current span.padMe{font-weight: bold;color:#cd1e3d;}
.pager .pagerInner a.noSpeech.padMe:hover{color:#cd1e3d;}


/* Schaden melden */
.formElementRow.plzstadt.ym-fbox-text input.plz {
  width: 20%;
  float: left;
}
.formElementRow.plzstadt.ym-fbox-text input.stadt {
  width      : 40%;
  float      : left;
  margin-left: 20px;
}
.formElementRow {
  padding-top   : 15px;
  padding-bottom: 15px;
}

label.feldtitel{font-weight:400;padding-top:20px;}


/* Dateiliste */

.dlType img {
  padding-top   : 6px;
  padding-left  : 3px;
  vertical-align: text-bottom;
}
.downloadlist tr td {
  padding-top   : 4px;
  padding-bottom: 4px;
}
.downloadlist tr th {
text-align: left;
font-weight: 400;
}

.downloadlist tr {
  vertical-align: top;
  padding:5px;
}

.downloadlist tr .dlType {
  min-width: 60px;
  text-align: left;
}

.downloadlist tr .dlSize {
  min-width: 110px;
  text-align: left;
  padding-left: 10px;
}

.downloadlist tr td {
  vertical-align: top;
  padding:5px;
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
  background   : #fff;
  color        : #454545;
  border-left  : 0;
  border-top   : 0;
  border-right : 0;
  border-bottom: 1px solid #ccc;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #cd1e3d;
}

.knot_14306251 .ui-state-active a,
.knot_14306251 .ui-state-active a:link,
.knot_14306251 .ui-state-active a:visited {
  color: #4b8a79;
}
.knot_14306297 .ui-state-active a,
.knot_14306297 .ui-state-active a:link,
.knot_14306297 .ui-state-active a:visited {
  color: #d67737;
}

.knot_14306306 .ui-state-active a,
.knot_14306306 .ui-state-active a:link,
.knot_14306306 .ui-state-active a:visited {
  color: #376e8c;
}

.knot_14306315 .ui-state-active a,
.knot_14306315 .ui-state-active a:link,
.knot_14306315 .ui-state-active a:visited {
  color: #5c4b42;
}


footer#footer .contactDataBox .rumpf br {display: none;}


.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: relative;
    bottom: 0px;
    width: 100%;
}



/***********************************************************
// CSS GRID Sonstiges //
/************************************* /



/* IE Erkennung*/
#my-menu .flyerNav ul li.ebene1 > a {
    padding: 34px 30px;
    text-align: left;
    display: block;
    padding-left: 45px;
}
#my-menu .flyerNav ul li.ebene1:nth-child(3) > a {
    padding: 34px 50px;
    text-align: left;
    display: block;
    padding-left: 55px;
}




/*******************
 Sonstiges
********************/
.home #footer {
  background: #fff;
  bottom    : 0;
  width     : 100%;
  border-top: 4px solid #cd1e3d;
  margin-top: 50px;
}
.kachel-icon:before {
  font-size  : 36px;
  font-family: FontAwesome;
  font-style : normal;
  font-weight: normal;
  color      : #fff;
  /* position: absolute; */
  /* top: 32px; */
  z-index    : 1;
  /* left: 86px; */
  position   : absolute;
  left       : 22%;
  top        : 50%;
  transform  : translate(10%, -65%);
}
.home .kachel-buergerservice:before {
  font-size  : 36px;
  font-family: FontAwesome;
  font-style : normal;
  font-weight: normal;
  content    : "\f2be ";
  color      : #fff;
  /* position: absolute; */
  /* top: 32px; */
  z-index    : 1;
  /* left: 86px; */
  position   : absolute;
  left       : 22%;
  top        : 50%;
  transform  : translate(10%, -65%);
}
.home .kachel-buergerservice .text-buergerservice {
  /*position : absolute;
  left     : 12%;
  top      : 50%;
  transform: translate(40%, 50%);*/
}
.home .Buergerservice{height:100%;}
.home .Buergerservice .text-buergerservice{height:100%;width:100%;display: inline-block;position: relative;}
.home .Buergerservice .text-buergerservice a{position:absolute;top:50%;left:50%;  transform: translate(-50%, 70%);}




/******* Farben *******/
.blau {
  background: #376E8C;
}

.blau:hover {
  background: #678da2;
}

.orange {
  background: #D67737;
}

.orange:hover {
  background: #f29353;
}

.rot {
  background: #E84C3D;
}

.rot:hover {
  background: #d96358;
}

.grau {
  background: #808080;
}

.grau:hover {
  background: #a6a6a6;
}

.grau.kachel-blickpunkt:hover {
  background: #808080;
}

.tuerkis {
  background: #5F95A1;
}

.tuerkis:hover {
  background: #83bdca;
}

.tuerkis.kachel-buergerservice:hover {
  background: #5F95A1;
}

.gruen {
  background: #57864F;
}

.gruener {
  background: #4B897A;
}

.gruener:hover {
  background: #71A396;
}

.home .grid-item.middle.tuerkis>div>div:nth-child(1) {}


/******* Sonstiges *******/

.home .internerLink:before, 
.home .externerLink::before, 
.home .httpsLink::before {
  content: "";
  margin-right: 3px;
}

.grid-time a {
  display: block;

}

.home .container {
  margin-top: 30px;
}

.grid-item {
  position: relative;
}

.home .kachel-buergerservice a {
  color: #fff;
  font-weight: 400;
}

.home .kachel-buergerservice a:hover {
  color: #5F95A1;
}

.home .kachel-buergerservice a:before, .home .kachel-buergerservice a:after {
  margin: 0;
  content: "";
}

.home .kachel-blickpunkt {
  position: relative;
}

.home .kachel-blickpunkt h2 {
  position   : absolute;
  top        : -15px;
  height     : 64px;
  width      : 100%;
  color      : #fff;
  background : #a6a6a6;
  padding-top: 19px;
  font-size  : 110%;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: -30px;
}

.home .kachel-blickpunkt a {
color:#fff;font-weight: 400;
}

.home .kachel-blickpunkt .boxborder p {
  box-sizing: border-box;
  position: relative;
  line-height: 1.5rem;
  display: block;
}

.home .kachel-blickpunkt .boxborder {
  padding:80px 30px 0px 30px;
}

.home .kachel-blickpunkt h2:before {
  background: #ccc;
  content: '\f129';
  font-family: FontAwesome;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  height: 64px;
  width: 64px;
  display: block;
  /* margin-left: 20px; */
  float: left;
  padding-left: 29px;
  padding-top: 16px;
  margin: -19px 19px -20px 0px;
}

.mehrInformationen {
  margin-top: 20px;
}

.mehrInformationen:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #fff;
  content: "\f054";
  margin-right: 7px;
}

.home .kachel-blickpunkt .bx-prev, .home .kachel-blickpunkt .bx-next {
  display: none;
}
/* ICONS */
.home a.internerLink:after {
  content: "";
}
.Bekanntmachungen::before,
.Kontakt::before,
.Muellabfuhr::before,
.Neubuerger::before,
.Ortsplan::before,
.Schadenmelden::before,
.Termine::before,
.Wetter::before,
.Buergermeister::before,
.Gemeinderat::before,
.Aktuell-Box::before,
.Link-Box::before {
  font-size  : 36px;
  font-family: FontAwesome;
  /*font-family: 'Font Awesome 5 Free';*/
  font-style : normal;
  font-weight: normal;
  z-index    : 1;
  color      : #fff;
  position   : absolute;
  top        : 50%;
  z-index    : 1;
  left       : 50%;
  transform  : translate(-40%, -80%);
}
.Bekanntmachungen::before {
  content: "\f1ea";
}
.Kontakt::before {
  content: "\f003";
}
.Schadenmelden::before {
  content: "\f0ad";
}
.Termine::before {
  content: "\f073";
}

.Buergermeister::before {
  /*content: "\f508";*/
  content: "\f007";
}
.Gemeinderat::before {
  /*content: "\f500";*/
  content: "\f2bd";
}
.Aktuell-Box::before {
  content: "\f05a";
}
.Link-Box::before {
  content: "\f0a9";
}

.Recht::before {
  font-size  : 36px;
  content: "§";
  font-style : normal;
  font-weight: normal;
  z-index    : 1;
  color      : #fff;
  position   : absolute;
  top        : 50%;
  z-index    : 1;
  left       : 50%;
  transform  : translate(-40%, -80%);
}

.Wetter::before {
  /*content: "\f185";*/
}
.Wetter {
  padding: 16px;
}
.Wetter abbr[title] {
  text-decoration: none;
}
.Wetter .weatherIcon {
  float: right;
}
.weatherBox .iv-stack {
  font-size: 300%;
}
.weatherBox .rumpf {
  line-height: 1rem;font-size: 90%; margin-top: 1rem;
}
@media screen and (min-width:960px) and (max-width: 1250px) {
  .weatherBox .iv-stack {
      font-size: 300%;
  }
}
@media screen and (min-width:760px) and (max-width: 960px) {
  .weatherBox .iv-stack {
      font-size: 300%;
  }
  .weatherBox .title{display: none;}
.weatherBox .rumpf{font-size: 90%;}
}



.weatherBox .title {
  font-weight: 400;
}
.weatherBox .kopf {
  line-height: 1.4rem;
}

.home .Termine a.internerLink,
.home .Bekanntmachungen a.internerLink,
.home .Ortsplan a.internerLink,
.home .Neubuerger a.internerLink,.home .Muellabfuhr a.internerLink,
.home .Kontakt a.internerLink,.home .Schadenmelden a.internerLink,
.home .impressionen_ueberschrift .internerLink{font-weight: 400;}

.home .Termine a.internerLink {
  color: #fff;
  /* padding-top: 70px; */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 24%);
  text-align: center;
  line-height: 1.4rem;

}
.home .Bekanntmachungen a.internerLink,
.home .Kontakt a.internerLink,
.home .Link-Box a.internerLink {
  color      : #fff;
  /* padding-top: 70px; */
  position   : absolute;
  left       : 50%;
  top        : 50%;
  transform  : translate(-50%, 24%);
  text-align : center;
  line-height: 1.4rem;
}
/* Kachel: Ortsplan */
.Ortsplan::before {
  font-size  : 36px;
  font-family: FontAwesome;
  font-style : normal;
  font-weight: normal;
  content    : "\f278";
  color      : #fff;
  position   : absolute;
  top        : 50%;
  z-index    : 1;
  left       : 50%;
  transform  : translate(-40%, -60%);
}
.home .Ortsplan a.internerLink {
  /* display: flex; */
  /* width: 100%; */
  /* height: 100%; */
  /* justify-content: center; */
  /* align-items: center; */
  color    : #fff;
  /* padding-top: 70px; */
  position : absolute;
  left     : 50%;
  top      : 50%;
  transform: translate(-50%, 70%);
}
.home .Ortsplan a.internerLink:hover {
  color: #fff;
}
.home .Ortsplan{min-height: 140px;}
.home .Ortsplan,
.home .Ortsplan p {
  display : inline-block;
  width   : 100%;
  height  : 100%;
  position: relative;
  z-index : 100;
}
/* Kachel: Neubürger */
.Neubuerger::before {
  font-size  : 36px;
  font-family: FontAwesome;
  font-style : normal;
  font-weight: normal;
  content    : "\f0c0";
  color      : #fff;
  position   : absolute;
  top        : 50%;
  z-index    : 1;
  left       : 50%;
  transform  : translate(-40%, -60%);
}
.home .Neubuerger a.internerLink {
  display        : flex;
  width          : 100%;
  height         : 100%;
  justify-content: center;
  align-items    : center;
  color          : #fff;
  padding-top    : 70px;
}
.home .Neubuerger a.internerLink:hover {
  color: #fff;
}
.home .Neubuerger,
.home .Neubuerger p {
  display : inline-block;
  width   : 100%;
  height  : 100%;
  position: relative;
  z-index : 100;
}
/* Kachel: Müllabfuhr */
.Muellabfuhr::before {
  font-size  : 36px;
  font-family: FontAwesome;
  font-style : normal;
  font-weight: normal;
  content    : "\f0d1";
  color      : #fff;
  position   : absolute;
  top        : 50%;
  z-index    : 1;
  left       : 50%;
  transform  : translate(-40%, -60%);
}
.home .Muellabfuhr a.internerLink {
  display        : flex;
  width          : 100%;
  height         : 100%;
  justify-content: center;
  align-items    : center;
  color          : #fff;
  padding-top    : 70px;
}
.home .Muellabfuhr a.internerLink:hover {
  color: #fff;
}
.home .Muellabfuhr,
.home .Muellabfuhr p {
  display : inline-block;
  width   : 100%;
  height  : 100%;
  position: relative;
  z-index : 100;

}
/*.grid-item > div:before {
  position : absolute;
  top      : 50%;
  z-index  : 1;
  left     : 50%;
  transform: translate(-40%, -70%);*/

/* Termine und Veranstaltungen */
.home .Termine a.internerLink {
  /* display: flex; */
  /* width: 100%; */
  /* height: 100%; */
  /* justify-content: center; */
  /* align-items: center; */
  color    : #fff;
  /* padding-top: 70px; */
  position : absolute;
  /*  left     : 50%;*/
/*   top      : 50%;*/

    /*  transform: translate(-50%, 361%); */
      padding: 10px;
      text-align: center;
      line-height: 1.4rem;

}



.home .kachel-termine a.internerLink:hover {
  color: #fff;
}

.home div.Termine{
  min-height: 140px;
}

.home div.Termine,
.home div.Termine p {
  display : inline-block;
  width   : 100%;
  height  : 100%;
  position: relative;
  z-index : 100;
}
/* Kontakt Bekanntmachungen */
.home .Bekanntmachungen a.internerLink {
  color   : #fff;
  position: absolute;
}
.home div.Bekanntmachungen,
.home div.Bekanntmachungen p {
  display : inline-block;
  width   : 100%;
  height  : 100%;
  position: relative;
  z-index : 100;
}
.home .Bekanntmachungen a.internerLink:hover {
  color: #fff;
}
/* Kontakt Kachel */
.home div.Kontakt a.internerLink,
.home div.Kontakt a.internerLink {
  /* display: flex; */
  /* width: 100%; */
  /* height: 100%; */
  /* justify-content: center; */
  /* align-items: center; */
  color    : #fff;
  /* padding-top: 70px; */
  position : absolute;
  left     : 50%;
  top      : 50%;
  transform: translate(-50%, 70%);
}
.home div.Kontakt a.internerLink:hover,
.home div.Kontakt a.internerLink:hover {
  color: #fff;
}
.home div.Kontakt,
.home div.Kontakt p {
  display : inline-block;
  width   : 100%;
  height  : 100%;
  position: relative;
  z-index : 100;
}
/* Kontakt Schaden melden */
.home div.Schadenmelden a.internerLink,
.home div.Schadenmelden a.internerLink {
  /* display: flex; */
  /* width: 100%; */
  /* height: 100%; */
  /* justify-content: center; */
  /* align-items: center; */
  color      : #fff;
  /* padding-top: 70px; */
  position   : absolute;
  left       : 50%;
  top        : 50%;
  transform: translate(-54%, 21%);
  line-height: 1.4rem;
  text-align: center;
}
.home div.Schadenmelden a.internerLink:hover,
.home div.Schadenmelden a.internerLink:hover {
  color: #fff;
}
.home div.Schadenmelden,
.home div.Schadenmelden p {
  display : inline-block;
  width   : 100%;
  height  : 100%;
  position: relative;
  z-index : 100;
}

/* Kachel Recht */
.home .Recht a.internerLink {
  color   : #fff;
  position: absolute;
  left     : 50%;
  top      : 50%;
  transform: translate(-50%, 70%);
  font-weight: 400;
}
.home div.Recht,
.home div.Recht p {
  display : inline-block;
  width   : 100%;
  height  : 100%;
  position: relative;
  z-index : 100;
}
.home .Recht a.internerLink:hover {
  color: #fff;
}

/* Kachel Buergermeister */
.home .Buergermeister a.internerLink {
  color   : #fff;
  position: absolute;
  left     : 50%;
  top      : 50%;
  transform: translate(-50%, 70%);
  font-weight: 400;
}
.home div.Buergermeister,
.home div.Buergermeister p {
  display : inline-block;
  width   : 100%;
  height  : 100%;
  position: relative;
  z-index : 100;
}
.home .Buergermeister a.internerLink:hover {
  color: #fff;
}

/* Kachel Gemeinderat */
.home .Gemeinderat a.internerLink {
  color   : #fff;
  position: absolute;
  left     : 50%;
  top      : 50%;
  transform: translate(-50%, 70%);
  font-weight: 400;
}
.home div.Gemeinderat,
.home div.Gemeinderat p {
  display : inline-block;
  width   : 100%;
  height  : 100%;
  position: relative;
  z-index : 100;
}
.home .Gemeinderat a.internerLink:hover {
  color: #fff;
}

/* Kachel Aktuell-Box */
.home .Aktuell-Box a.internerLink {
  color   : #fff;
  position: absolute;
  left     : 50%;
  top      : 50%;
  transform: translate(-50%, 70%);
  font-weight: 400;
}
.home div.Aktuell-Box,
.home div.Aktuell-Box p {
  display : inline-block;
  width   : 100%;
  height  : 100%;
  position: relative;
  z-index : 100;
  font-weight: 400;
}
.home .Aktuell-Box a.internerLink:hover {
  color: #fff;
}

/* Kachel Link-Box */
.home .Link-Box a.internerLink {
  color   : #fff;
  position: absolute;
  left     : 50%;
  top      : 50%;
  transform: translate(-50%, 70%);
  font-weight: 400;
}
.home div.Link-Box,
.home div.Link-Box p {
  display : inline-block;
  width   : 100%;
  height  : 100%;
  position: relative;
  z-index : 100;
  
}
.home .Link-Box a.internerLink:hover {
  color: #fff;
}


/* Bürgerservicec in zwei Spalten / Home */
.home .grid-flex {
  display: flex;
  width  : 100%;
  height : 100%;
}
.home .grid-flex-item {
  width: 50%;
}
.home .grid-flex-item:nth-child(2) {
  background: #7faab3;
}
.home .container {
  padding-left : 20px;
  padding-right: 20px;
  max-width    : 1200px;
  z-index: 2;
  position: relative;
}
.home .wrapper {
  padding-left : 20px;
  padding-right: 20px;
}

/* Boxen neu */
.home .kachel {height: 100%;}
.home .kachel .icon-element {height: 100%;}

.home .icon-element i{
  font-size: 2em;
  width: 100%;
  display: flex;
  justify-content: center;
}

.home .kachel a.internerLink,
.home .kachel a {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  justify-content: center;
  color: #fff;  
  text-align: center;
  padding: 30px 15px 15px 15px;
}



 .grid-item.kachel-stadtplan, .grid-item.kachel-neubuerger,  .grid-item.kachel-muellabfuhr, .grid-item.kachel-termine,
 .grid-item.kachel-bekanntmachungen,.grid-item.kachel-kontakt.grid-item.kachel-schaden{
/*  text-transform: uppercase; */
 }

 .col-subnav{width:70%;}
/* .col-search{width:30%;}*/
/*.top-header > .wrapper{    margin-right: 20px;}*/


#my-menu .flyerNav ul.ebene2{z-index: 30000;}


.site .content {

    margin-top: -110px;
}

@media screen and (min-width: 960px) {
    .site .wrapper {
      padding-right: 20px;}}



      .bx-wrapper .bx-prev {
        left: 0px;
        background: url('../images/controls.png') no-repeat 0 -32px;
      }

      .bx-wrapper .bx-next {
        right: 0px;
        background: url('../images/controls.png') no-repeat -43px -32px;
      }



.bx-viewport .subcolumns{height:100%;}
@media screen and (max-width: 960px) {
.site .content {
    margin-top: 0px;
}
  }
@media print {
  body {
    font: 300 75%/1.7 "Roboto", sans-serif;
  }
footer#footer{margin-top:30px;}

}

@media screen and (max-width: 450px) {
  .home .Aktuelles_Uberschrift h2.kachelueberschrift {
    display: none;
  }

  .impressionen_ueberschrift p {
    padding: 20px 8px;
  }

  .impressionen_ueberschrift::before {
    content: "";
    background: none;
  }
}

@media screen and (max-width: 350px) {
  .impressionen_ueberschrift p {
    padding: 5px 15px;
  }
}

@media screen and (min-width:480px) and (max-width: 760px) {
  .impressionen .bx-wrapper img {
    display  : block;
    height   : inherit;
    left     : 50%;
    margin   : 0;
    max-width: 100%;
    position : absolute;
    top      : 50%;
    transform: translate(-50%, -50%);
    width    : auto;
  }



@media screen and (min-width:480px) and (max-width: 615px) {
.impressionen .bx-wrapper img {  height: 100%;max-width: inherit;}

}
}

/* SUCHE */

.home.body_search .css-grid-container {display: none;}
.home .searchDiv {
    background: #fff;
    margin: 0 auto;
    max-width: 1200px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin-bottom: 30px;
}
.home .searchDiv form {
  padding:30px;

}
.home.body_search  .searchDiv h1{
	background: #cd1e3d;
color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 2.73em;
    margin-top: 0;
    padding: 0 20px;
    margin-bottom: 0;
    margin-left: 0px;
    padding-right:  40px;
}
.home.body_search  .searchDiv h1:before {
	background: #E54B66;
	content: "\f19c";
  font-family: FontAwesome;
font-style: normal;
font-weight: normal;
height: 65px;
width: 65px;
display: block;
margin-left: -20px;
float: left;
margin-right: 20px;
padding-left: 19px;
color:#fff;
}

.ergebnisse .ergebnisseRumpf {
    padding-top: 30px;
}


/* Aktuelles */

.pm-detail .pm-from{
    padding-top: 20px;
    border-top: 0px solid #ccc;
    margin-top: 20px;
    font-weight: 400;
    font-size: 90%;
}

.pm-detail .pm-from:before {
    font-family: 'FontAwesome';
    content: "\f133";
    color: #4a4a4a;
    font-size: 0.85rem;
    padding-right: 4px;
}
.pm-head .pm-from {
font-weight: 400;
font-size: 90%;
}
.pm-head .pm-from:before {
    font-family: 'FontAwesome';
    content: "\f133";
    color: #4a4a4a;
    font-size: 0.85rem;
    padding-right: 4px;
}
.pm-head {
  padding-bottom: 10px;
}
.pm-topnews .pm-head {
  padding-bottom: 0px;
}

.pm-parentRubrik{padding-top:20px;}


/* Downloadliste */

.dlType img {
  padding-top   : 6px;
  padding-left  : 3px;
  vertical-align: text-bottom;
}
.downloadlist tr td {
  padding-top   : 4px;
  padding-bottom: 4px;
}
.downloadlist tr th {
text-align: left;
font-weight: 400;
padding: 0px 5px;
}

.downloadlist tr {
  vertical-align: top;
  padding:5px;
}

.downloadlist tr .dlType {
  min-width: 60px;
  text-align: left;
  padding-right: 5px;
}

.downloadlist tr .dlSize {
  min-width: 110px;
  text-align: left;
  padding-left: 10px;
}

.downloadlist tr td {
  vertical-align: top;
  padding:5px;
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    /*background-image: url(images/ui-icons_ffffff_256x240.png);*/
    background-image: url('../img/ui-icons_ccc_256x240.png') !important;
}

.iv-stack i { color: #ffffff; }

footer#contentFooter {margin-top: 30px;}

/* Annpassungen wegen BFO */
.sub-navigation ul {display: flex; justify-content: flex-end; list-style: none; margin: 0.3em 0 0 0;}

#anker14100873 {display: none;}
.copyright .wrapper {display: flex; justify-content: space-between;}
.copyright-left {display: flex; list-style: none;}
.copyright-left li {margin-left: 0; margin-right: 1.5em;}
@media screen and (max-width: 960px) {
  .copyright .wrapper {display: block;}
}


/* Readspeaker*/
.wrapper-container {position: relative;}
#readspeaker_button1 {position: absolute;right: 21px; top: 7px;}
div.wayhome {margin-right:160px;}
@media screen and (max-width: 960px) {
  div.wayhome {margin-right:160px;}
}


.searchfield form.quicksearch input.quicksearchtext::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.searchfield form.quicksearch input.quicksearchtext:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.searchfield form.quicksearch input.quicksearchtext::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}


@media screen and (max-width: 960px) {
#header .top-header {

height: auto;
    display: flex !important;
    
  }
  .col-subnav{
    width: 100%;
    margin-right:75px;
  }

  .top-header > .wrapper{
    padding:0;
}
header .top-header .sub-navigation a{
  margin:0;
}

header .top-header .sub-navigation ul{
flex-wrap: wrap;
}
}

/* Aufbau neue Struktur */
.knot_20951104 .nav_14306242,
.knot_20951104 .nav_14306251,
.knot_20951104 .nav_14306297,
.knot_20951104 .nav_14306306,
.knot_20951104 .nav_14306315,
.knot_20951232 .nav_14306242,
.knot_20951232 .nav_14306251,
.knot_20951232 .nav_14306297,
.knot_20951232 .nav_14306306,
.knot_20951232 .nav_14306315 { display: none;}

/* sieht man angemeldet überall
.nav_20951104,
.nav_20951232 {display: none;}
*/


.site .content-header h1::before {
  content: "\f0c0";
}

.knot_20951232 .site .content-header h1::before {
  content: "\f19c";
}

/* Neue Menüpunkte */
.main-navigation .knot_20951104 .nav_20951104,
.main-navigation .knot_20951104 .nav_20951232 {display: block;}
.knot_20951104 #my-menu .flyerNav ul li.ebene1,
.knot_20951232 #my-menu .flyerNav ul li.ebene1 { flex-basis: 50%;}


/* Button ergänzt (auf die Schnelle), 26.7.23 fv */
.ym-button a {background:#cd1e3d;color:#fff;padding:0.5em 1.2em;text-decoration:none;}
.ym-button a:after {color: #fff;content: "\f105";font-family: FontAwesome;font-size: 22px;font-style: normal;font-weight: normal;margin-left: 0.5em;position:relative;top:1px;text-decoration: inherit;}
.ym-button a:hover {background:#ad001d;text-decoration:underline;}
.ym-button a:hover:after {text-decoration:none;}


/* Service-BW*/

.site section#content #lpSeite h1 {margin-top: 0px;}

.verfahren .folderRegister,
#lpSeite .folderRegister{
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 10px;
}
.verfahren .folderRegister span,
#lpSeite .folderRegister span {
  margin: 0.2em;
  display: flex;
  text-align: center;
}
.verfahren .folderRegister span a,
#lpSeite .folderRegister span a {
  display: block;
  cursor: pointer;
  color: #000;
  background: no-repeat #f5f5f5;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  line-height: 150%;
  font-size: 1rem;
  padding: .5rem 1rem;
  border: 1px solid #f5f5f5;
}

.verfahren .folderRegister span a:hover,
#lpSeite .folderRegister span a:hover {
  border: 1px solid #000;
}

.verfahren .folderRegister span .padMe.ui-state-disabled,
#lpSeite .folderRegister span .padMe.ui-state-disabled {
  padding: 0 1rem;
}

.verfahren .search {
  padding: 1.5em;
  background: #f5f5f5;
  display: flex;
  flex-wrap: wrap;
}

.verfahren .search input {
  padding: 0.5em;
  width: 100%;
  height: 2.2em;
}
.verfahren .search label {
  font-weight: 700;
  width: 100%;
  font-size: 1.3em;
}

.verfahren .lpAnker.goPageTop {
  width: 100%;
}

/*Keine Doppelte Überschift auf der Einstiegsseite*/
.verfahren h1.modul {display: none;}

/*verfahren Detailseite*/
.verfahren strong.modul, .verfahren strong.modul + div.folderRegister {
  display: none;
}

.verfahren .leistungen-detail .u-anchor-links {display: none;}

.verfahren .leistungen-detail .section-formulare {margin: 2rem 0;}

.verfahren .leistungen-detail .prozesse {margin: 0 0 1em 0;}

.verfahren .leistungen-detail .section-formulare .prozesse:before {
  content: "Onlineantrag mit Service-BW Bürgerkonto ";
  font-weight: bold;
}

.verfahren .leistungen-detail .prozesse li {
  list-style-type: none;
  text-decoration: none;
  margin: 0px;
}

.verfahren .leistungen-detail .prozesse li a {
  display: inline-block;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  padding: 10px;
  margin: 5px 0;
}

.verfahren .leistungen-detail .prozesse li a:hover{
  border: 1px solid #000;
}

.verfahren .leistungen-detail .section-formulare .formulare {margin: 0;}

.verfahren .leistungen-detail .section-formulare .formulare:before {
  content: "Formulare und weitere Angebote ";
  font-weight: bold;
}

.verfahren .leistungen-detail .section-zustaendigkeit .stelle {
  background-color: #f5f5f5;
  padding: 10px;
  margin: 1em 0 2em 0;
}
.verfahren .leistungen-detail .section-zustaendigkeit .stelle:before {
  content: "Hierfür zuständig";
  width: 100%;
  display: block;
  font-weight: bold;
}

.verfahren .leistungen-detail .ui-accordion .ui-accordion-header {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0px;
  font-weight: bold;
}

.verfahren .leistungen-detail .ui-accordion .ui-accordion-header-active {
border-bottom: 0px;
}

.verfahren .leistungen-detail .ui-accordion .ui-accordion-content-active {
  border-bottom: 1px solid #d3d3d3;
  padding: 0 0 1em 0;
}

/* Lebenlsagen SBW neu */
#node21404392 #lpSeite.vwp.lebenslagen .kinder {display: none;}


/* Mitarbeiterliste*/

.maliste .lpAnker.goPageTop {
  width: 100%;
}

.maliste .foto {display: none;}

#lpSeite .maliste .responsibilities span.bezeichnung {display: block;}

/* Standard background für h1*/
.site .content-header h1 {background: #cd1e3d;}

/*Bildernicht über content */
#content figure img {max-width: 100%;}

header .main-header .wrapper {
  padding-right: 20px;
}

header .top-header .searchfield{
  padding: 0 9px;
  display: none;
}



.main-header .col-navi{
  width: 70%;
}
.main-header .col-suche{
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  font-weight: 600;
  z-index: 3;
}

.main-header .col-suche span{
  text-transform: uppercase;
  color: #000;
  font-size: 18px;
}

.main-header .col-suche i{
  font-size: 30px;
  color: #000;
  margin-right: 10px;
}


.main-header .col-suche-input{
  position: absolute;
  bottom: -280px;
  right: 0px;
  z-index: 2000;
  background: #cd1e3d;
  display: none;
  opacity: 0;
  transition: all 0.2s ease-in;
  width: 100%;
  padding: 50px 30px 150px 30px;
}

.quicksearch label {
  display: block;
  width: 100%;
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  color: #fff;
}

#quicksearch {width: 100%;}

.quicksearchtext {
  width: 100%;
  margin: 10px 0;
  height: 2rem;
}

.main-header .col-suche-input.open{
opacity: 1;
  display:block
}

.lpAnkerZiel {
  display: flex;
  width: 100%;
  margin-bottom: 2em;
}


/*==== Störer ====*/  
 
.c-stoerer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
  
.c-stoerer__inner {
  background: #fff;
  height: auto;
  max-height: 90vh;
  overflow: auto;
  padding: 20px;
  position: relative;
  width: 690px;
  max-width: 80%;
  z-index: 11;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}
  
.c-stoerer h1, .c-stoerer h2, .c-stoerer h3 {background:none;padding-top:5px;}
.c-stoerer a:hover, .c-stoerer a:focus {text-decoration: underline;}
 
/*alle buttons innerhalb stoerer*/
.c-stoerer button, .c-stoerer .btn {
  padding:0;
}
.c-stoerer button, .c-stoerer .btn a {
  background:#cd1e3d;
  color:#fff;
  display:inline-block;
  margin-top:0.75rem;
  margin-right:0.5rem;
  padding:0.3125rem 1.25rem;
  text-decoration:none;
  transition:0.5s;
  border: none;
}
 
.c-stoerer button:hover, .c-stoerer .btn a:hover {
  background:#808080;text-decoration:underline;transition: 0.5s;
}
 
.c-stoerer__close {
  cursor: pointer;
  text-decoration: none;
  display: block;
  position: absolute;
  right: 0.8rem;
  top: 0.5rem;
  transition: color .2s ease;
}
.c-stoerer__close-text {display: none;}

/* Bilder */
.c-stoerer figure.float-left,
.c-stoerer figure.float-right {max-width: 40%;}

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

  .c-stoerer figure.float-left,
  .c-stoerer figure.float-right {max-width: 100%; margin: 0;}
}