.infobox.footer.responsive {
  display: none;
}

@media only screen and (min-width: 1482px) and (max-width: 1781px) {
  #wrap01 {
    width: 6.6%;
  }
  #content {
    width: 96%;
    padding-left: 14%;
  }
  #popUp {
    right: 50px;
  }
  #contentbereich .minigal .clickenlarge-0 {
    max-height: 392px;
  }
  #contentbereich .minigal a.right,
  #contentbereich .minigal a.next {
    bottom: 16px;
  }
  .newsDuopicture {
    width: 100% !important;
  }
  .newsDuopictureLeft {
    width: 48% !important;
  }
  .newsDuopictureRight {
    width: 48% !important;
  }
  #links #home {
    margin-left: -7px;
  }
  /*Startseite*/
}
@media only screen and (min-width: 1282px) and (max-width: 1481px) {
  #banner .bannerRight {
    float: right;
    width: calc(39% - 136px);
    margin-right: 60px;
  }
  #banner .bannerLeft {
    width: calc(61% - 60px);
    padding-left: 60px;
  }
  #contentbereich .minigal .clickenlarge-0 {
    max-height: 360px;
  }
  .newsDuopicture {
    width: 100% !important;
  }
  .newsDuopictureLeft {
    width: 48% !important;
  }
  .newsDuopictureRight {
    width: 48% !important;
  }
  #contentbereich .minigal img {
    width: 480px;
  }
  .itemsinnerwrap {
    padding: 25px 7px;
  }
  #contentbereich .minigal a.right,
  #contentbereich .minigal a.next {
    bottom: 55px;
  }
  #contentbereich .minigal .ce-column {
    width: 100px;
  }
  #contentbereich .minigal a.browse,
  #contentbereich .minigal a.prev {
    right: 47px;
  }
  /*Startseite*/
  #quicklinks .ql {
    width: 31%;
  }
  #footer h4 {
    margin-left: 60px;
  }
  #footer01 {
    width: 25%;
    margin-left: 60px;
  }
  #footer01 {
    margin-left: 60px;
  }
  #layout02-2 {
    margin-left: 26px;
  }
  #slogan {
    margin-left: 50px;
  }
  #subnavi {
    width: 85%;
  }

  #popUp {
    right: 50px;
  }
  #homelayout01 .frame-default img {
    width: calc(100% - 5px);
  }
  #homelayout01 #homebilder .bx-wrapper {
    padding-left: 15px;
  }
  #homelayout01 {
    padding-left: 5%;
    width: 1080px;
  }
  #homelayout01 #homebilder {
    margin-left: 22px;
  }
  #homelayout01 ul.homenews,
  #homelayout01 #homebilder,
  .home #infoboxbereich {
    width: 345px;
  }
  #homelayout01 ul.homenews .teaserText p {
    font-size: 15px;
  }
  #logo img {
    padding-left: 5%;
  }
  #homelayout01 {
    padding-left: 5%;
  }
  #homelayout01 ul.homenews .teaserText h4 a {
    font-size: 17px;
  }
  /*Contentseite*/
  .nav_responsive_activate,
  .nav_responsive_active {
    width: 80px;
  }
  .nav_responsive_active {
    background-position: 10px center;
  }
  #suchbereich .bereich1 {
    margin-right: 18px;
  }
  .mainMenueId {
    left: 80px;
  }
  #wrap01 {
    width: 80px;
  }
  #content {
    width: 96%;
    padding-left: 10%;
  }
  .infobox table tr td {
    font-size: 14px;
  }
  #infoboxbereich .infobox table tr td a {
    font-size: 15px;
  }
  #suchbereich .bereich2,
  #facebook > a,
  #home > a {
    width: 79px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1281px) {
  #banner .bannerRight {
    width: calc(30% - 56px);
    padding-left: 56px;
  }
  #banner #qrLeft {
    margin-left: 0;
  }
  #banner #qrRight {
    margin-left: 10px;
  }
  #banner .bannerLeft h4 {
    font-size: 32px;
  }
  #banner .bannerLeft p {
    font-size: 14px;
  }
  #banner .bannerLeft {
    width: 52%;
    padding-left: 9%;
  }
  #contentbereich .minigal .clickenlarge-0 {
    max-height: 284px;
  }
  .newsDuopicture {
    width: 100% !important;
  }
  .newsDuopictureLeft {
    width: 48% !important;
  }
  .newsDuopictureRight {
    width: 48% !important;
  }
  #contentbereich #contentColLeft .minigal .scrollable img,
  #contentbereich #contentColRight .minigal .scrollable img {
    width: 90px;
  }
  .itemsinnerwrap {
    height: 230px;
    padding: 27px 0%;
  }
  #contentbereich .minigal .scrollWrap {
    height: 282px;
    max-width: 96px;
  }
  #contentbereich .minigal .scrollable {
    height: 284px;
    max-width: 96px;
  }
  #contentbereich .minigal a.right,
  #contentbereich .minigal a.next {
    bottom: 0;
    height: 20px;
  }
  #contentbereich .minigal .ce-column {
    width: 95px;
    margin-top: 3px;
  }
  #contentbereich .minigal a.browse,
  #contentbereich .minigal a.prev {
    right: 29px;
  }
  .catBtn {
    width: 180px;
  }
  /*Startseite*/
  #quicklinks .ql {
    width: 31%;
  }
  #footer h4 {
    margin-left: 120px;
    width: 40%;
  }
  #footer01 {
    margin-left: 120px;
    float: left;
    width: 42%;
  }
  #footer02,
  #footer03 {
    width: 43%;
  }
  #footer04 {
    float: left;
    margin-left: 128px;
  }
  #menuequick {
    width: 73%;
  }
  #layout02-2 {
    margin-left: 80px;
    width: 25%;
  }
  #slogan {
    margin-left: 156px;
    font-size: 30px;
    width: 77%;
  }
  #slogan h4 {
    font-size: 52px;
  }
  #subnavi {
    width: 85%;
  }
  #homenews {
    right: 69px;
  }
  #dynamischeListe2 .newsText {
    width: 63%;
  }

  #popUp {
    right: 50px;
  }
  #homelayout01 .frame-default img {
    border: 2px solid #116e9c;
    width: calc(100% - 21px);
  }
  #homelayout01 .frame-default img {
    width: calc(100% - 30px);
  }
  #homelayout01 {
    padding-left: 9%;
    width: 900px;
  }
  #homelayout01 #homebilder {
    margin-left: 22px;
  }
  #homelayout01 ul.homenews,
  #homelayout01 #homebilder,
  .home #infoboxbereich {
    width: 285px;
  }
  #homelayout01 ul.homenews .teaserText p {
    font-size: 15px;
  }
  #logo img {
    padding-left: 5%;
  }
  #homelayout01 ul.homenews .teaserText h4 a {
    font-size: 15px;
  }
  /*Contentseite*/
  #kalender .kalendertext {
    width: calc(48.9% - 26px);
  }
  .home #homebilder .frame-default {
    padding: 12px 12px 10px;
  }
  .nav_responsive_activate,
  .nav_responsive_active {
    width: 80px;
  }
  .kalenderFilterOption .rahmen {
    width: 100%;
  }
  #kalenderOption .pdfBtn,
  #kalenderOption .icsBtn,
  #kalenderOption .listenansichtBtn,
  #kalenderOption .kalenderansichtBtn {
    width: 40%;
    margin-bottom: 10px;
  }
  #kalenderOption .listenansichtBtn,
  #kalenderOption .pdfBtn {
    margin-right: 0;
  }
  #kalenderOption .kalenderBtn {
    margin-right: 2%;
    padding: 13px 54px 15px 11px;
  }
  .kalenderFilterOption .rahmen.last {
    float: left;
  }
  .kalenderFilterOption #anzeigevon,
  .kalenderFilterOption #anzeigebis {
    width: 90%;
  }
  .kalenderFilterOption .formobjektkleinVeranstaltung {
    width: 90%;
  }
  #infoboxbereich h4,
  #infoboxbereich h4 {
    font-size: 24px;
  }
  #dynamischeListe2 {
    padding-left: 4%;
  }
  .nav_responsive_active {
    background-position: 10px center;
  }
  .mainMenueId {
    left: 80px;
  }
  #contentbereich {
    padding: 30px 0px 50px 0px;
    width: 94%;
  }
  #breadcrumb {
    margin-left: 80px;
    width: 92%;
  }
  #wrap01 {
    width: 80px;
  }
  #content {
    width: 100%;
    padding-left: 7%;
  }
  .infobox table tr td {
    font-size: 14px;
  }
  #infoboxbereich .infobox table tr td a {
    font-size: 15px;
  }
  #suchbereich .bereich2,
  #facebook > a,
  #home > a {
    width: 79px;
  }
  #suchbereich .bereich1 {
    margin-right: 18px;
  }
  #infoboxbereich {
    width: 32%;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1024px) {
  #banner .bannerRight {
    width: calc(30% - 46px);
    padding-left: 46px;
  }
  #banner #qrLeft {
    margin-left: 0;
  }
  #banner #qrRight {
    margin-left: 10px;
  }
  #banner .bannerLeft h4 {
    font-size: 30px;
  }
  #banner .bannerLeft p {
    font-size: 13px;
  }
  #banner .bannerLeft {
    width: calc(52% - 42px);
    padding-left: calc(9% + 42px);
  }
  .nav_responsive_active p,
  .nav_responsive_activate p {
    padding: 0px 10px 0 15px;
  }
  .nav_responsive .nav_responsive_activate {
    background: #494949 url(../images/menue2.png) no-repeat scroll -95px center;
  }
  #contentbereich .minigal .clickenlarge-0 {
    max-height: 284px;
  }
  .newsDuopicture {
    width: 100% !important;
  }
  .newsDuopictureLeft {
    width: 48% !important;
  }
  .newsDuopictureRight {
    width: 48% !important;
  }
  #contentbereich #contentColLeft .minigal .scrollable img,
  #contentbereich #contentColRight .minigal .scrollable img {
    width: 90px;
  }
  .itemsinnerwrap {
    height: 230px;
    padding: 27px 0%;
  }
  #contentbereich .minigal .scrollWrap {
    height: 282px;
    max-width: 96px;
  }
  #contentbereich .minigal .scrollable {
    height: 284px;
    max-width: 96px;
  }
  #contentbereich .minigal a.right,
  #contentbereich .minigal a.next {
    bottom: 0;
    height: 20px;
  }
  #contentbereich .minigal .ce-column {
    width: 95px;
    margin-top: 3px;
  }
  #contentbereich .minigal a.browse,
  #contentbereich .minigal a.prev {
    right: 29px;
  }

  /*Startseite*/
  #quicklinks .ql {
    width: 31%;
    margin-right: 7px;
  }
  #quicklinks {
    width: 95%;
    margin-left: 40px;
  }
  #homelayout01 h4 {
    margin-left: 41px;
  }
  #wrap02-1 {
    width: 100%;
  }
  #footer h4 {
    margin-left: 120px;
    width: 40%;
  }
  #footer01 {
    margin-left: 120px;
    float: left;
    width: 42%;
  }
  #footer02,
  #footer03 {
    width: 43%;
  }
  #footer04 {
    float: left;
    margin-left: 128px;
  }
  #menuequick {
    width: 73%;
  }
  u #layout02-2 {
    margin-left: 80px;
    width: 25%;
  }
  #slogan {
    margin-left: 156px;
    font-size: 30px;
    width: 77%;
  }
  #slogan h4 {
    font-size: 52px;
  }
  #subnavi {
    width: 85%;
  }
  #homenews {
    right: 93px;
  }
  #layout02-2 {
    margin-left: 70px;
    width: 22.9%;
  }
  #subnavi ul li ul li a {
    font-size: 17px;
  }
  #subnavi ul li ul li ul li a {
    font-size: 16px;
  }

  #popUp {
    right: 50px;
  }
  #subnavi ul li.active a.menueText1,
  #subnavi ul li.active a.menueText1.act {
    font-size: 30px;
  }
  #homelayout01 .frame-default img {
    border: 2px solid #116e9c;
    width: calc(100% - 21px);
  }
  #homelayout01 .frame-default img {
    width: calc(100% - 30px);
  }
  #homelayout01 {
    padding-left: 9%;
    width: 858px;
  }
  #homelayout01 #homebilder {
    margin-left: 22px;
  }
  #homelayout01 ul.homenews,
  #homelayout01 #homebilder,
  .home #infoboxbereich {
    width: 285px;
  }
  #homelayout01 ul.homenews .teaserText p {
    font-size: 15px;
  }
  #logo img {
    padding-left: 5%;
  }
  #homelayout01 ul.homenews .teaserText h4 a {
    font-size: 15px;
  }
  /*Contentseite*/

  #kalender .kalendertext {
    width: calc(52.9% - 26px);
  }

  .kalenderFilterOption .rahmen {
    width: 100%;
  }
  #kalenderOption .pdfBtn,
  #kalenderOption .icsBtn,
  #kalenderOption .listenansichtBtn,
  #kalenderOption .kalenderansichtBtn {
    width: 40%;
    margin-bottom: 10px;
  }
  #kalenderOption .listenansichtBtn,
  #kalenderOption .pdfBtn {
    margin-right: 0;
  }
  #kalenderOption .kalenderBtn {
    margin-right: 2%;
    padding: 15px 54px 15px 11px;
  }
  .kalenderFilterOption .rahmen.last {
    float: left;
  }
  .kalenderFilterOption #anzeigevon,
  .kalenderFilterOption #anzeigebis {
    width: 90%;
  }
  .kalenderFilterOption .formobjektkleinVeranstaltung {
    width: 90%;
  }
  #infoboxbereich h4,
  #infoboxbereich h4 {
    font-size: 24px;
  }
  #dynamischeListe2 {
    padding-left: 4%;
    width: 96%;
  }
  #dynamischeListe2 .teaserPicture {
    width: 212px;
  }
  #dynamischeListe2 .newsText {
    width: 300px;
  }
  #contentbereich #dynamischeListe2 .headline a {
    font-size: 20px;
  }
  .nav_responsive_activate,
  .nav_responsive_active {
    background: #d6d6d6 url(../images/menue2.png) no-repeat scroll -65px center;
    width: 70px;
    height: 66px;
  }
  .nav_responsive_active {
    background-position: 5px center;
  }
  .mainMenueId {
    left: 70px;
  }
  #contentbereich {
    padding: 30px 0px 50px 27px;
    width: 93%;
  }
  #layout02-1,
  #navlinks {
    float: right;
    width: 69%;
    margin-top: -6px;
  }
  #breadcrumb {
    width: 90.2%;
    padding-left: 92px;
  }
  #wrap01 {
    width: 70px;
  }

  #content {
    width: 100%;
    padding-left: 7%;
  }
  .infobox table tr td {
    font-size: 14px;
  }
  #infoboxbereich .infobox table tr td a {
    font-size: 15px;
  }
  #suchbereich .bereich2,
  #facebook > a,
  #home > a {
    width: 69px;
  }
  #suchbereich .bereich1 {
    margin-right: 28px;
  }
  #infoboxbereich {
    width: 35%;
  }

  /*CONTENT*/

  .ce-textpic .ce-gallery .ce-column FIGURE {
    width: 100%;
  }
  .ce-textpic .ce-gallery .ce-column {
    width: 100%;
  }

  .catBtn {
    width: 180px;
  }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #banner .bannerRight {
    width: calc(30% - 26px);
    padding-left: 26px;
    padding-top: 50px;
  }
  #banner #qrLeft {
    margin-left: 0;
    width: 90px;
  }
  #banner #qrRight {
    margin-left: 10px;
    width: 90px;
  }
  #banner .bannerLeft h4 {
    font-size: 32px;
  }
  #banner .bannerLeft p {
    font-size: 15px;
  }
  #banner .bannerLeft {
    width: calc(52% - 42px);
    padding-left: calc(9% + 42px);
    background: none;
  }
  .nav_responsive_active p,
  .nav_responsive_activate p {
    padding: 0px 21px 0 19px;
  }
  #homenews .teaserText {
    width: 265px;
    padding: 40px 43px 45px 45px;
    height: 240px;
  }
  #contentbereich .minigal .clickenlarge-0 {
    max-height: 284px;
  }
  .newsDuopicture {
    width: 100% !important;
  }
  .newsDuopictureLeft {
    width: 48% !important;
  }
  .newsDuopictureRight {
    width: 48% !important;
  }
  #contentbereich #contentColLeft .minigal .scrollable img,
  #contentbereich #contentColRight .minigal .scrollable img {
    width: 90px;
  }
  .itemsinnerwrap {
    height: 230px;
    padding: 27px 0%;
  }
  #contentbereich .minigal .scrollWrap {
    height: 282px;
    max-width: 96px;
  }
  #contentbereich .minigal .scrollable {
    height: 284px;
    max-width: 96px;
  }
  #contentbereich .minigal a.right,
  #contentbereich .minigal a.next {
    bottom: 0;
    height: 20px;
  }
  #contentbereich .minigal .ce-column {
    width: 95px;
    margin-top: 3px;
  }
  #contentbereich .minigal a.browse,
  #contentbereich .minigal a.prev {
    right: 29px;
  }
  #dynamischeListe2 .teaserPicture {
    width: 211px;
  }

  /*Startseite*/
  #quicklinks .ql {
    width: 31%;
    margin-right: 7px;
  }
  #quicklinks {
    width: 95%;
    margin-left: 40px;
  }
  #homelayout01 h4 {
    margin-left: 41px;
  }
  #wrap02-1 {
    width: 100%;
  }
  #footer h4 {
    margin-left: 120px;
    width: 40%;
  }
  #footer01 {
    margin-left: 120px;
    float: left;
    width: 42%;
  }
  #footer02,
  #footer03 {
    width: 43%;
    margin-left: 120px;
    margin-top: 50px;
  }
  #footer04 {
    float: left;
    margin-left: 128px;
    margin-top: 60px;
  }
  #menuequick {
    width: 73%;
  }
  .menueId ul li a {
    font-size: 19px;
  }
  .menueId ul li ul li a {
    font-size: 16px;
  }
  #layout02-2 {
    margin-left: 80px;
    width: 25%;
  }
  #slogan {
    margin-left: 156px;
    font-size: 30px;
    width: 77%;
  }
  #slogan h4 {
    font-size: 52px;
  }
  #subnavi {
    display: none;
  }
  #homenews {
    right: 80px;
    width: 570px;
  }
  #homenews .news {
    width: 590px !important;
  }
  #homenews .bx-controls.bx-has-pager.bx-has-controls-direction {
    width: 270px;
  }
  #homenews .alleArtikel {
    width: 256px;
  }
  #layout02-2 {
    margin-left: 70px;
    width: 22.9%;
  }
  #subnavi ul li ul li a {
    font-size: 17px;
  }
  #subnavi ul li ul li ul li a {
    font-size: 16px;
  }
  .image-caption {
    padding: 8px 85px 8px 70px;
  }
  #popUp {
    right: 50px;
  }
  #subnavi ul li.active a.menueText1,
  #subnavi ul li.active a.menueText1.act {
    font-size: 30px;
  }
  #homelayout01 .frame-default img {
    border: 2px solid #116e9c;
    width: calc(100% - 21px);
  }
  #homelayout01 .frame-default img {
    width: calc(100% - 30px);
  }
  #homelayout01 {
    padding-left: 9%;
    width: 675px;
  }
  #quicklinks .ql a {
    font-size: 15px;
  }
  #homelayout01 #homebilder {
    margin-left: 22px;
  }
  #homelayout01 ul.homenews,
  #homelayout01 #homebilder,
  .home #infoboxbereich {
    width: 285px;
  }
  #homelayout01 ul.homenews .teaserText p {
    font-size: 15px;
  }
  #logo img {
    padding-left: 5%;
  }
  #homelayout01 ul.homenews .teaserText h4 a {
    font-size: 15px;
  }
  /*Contentseite*/
  .kalenderFilterOption .rahmen {
    width: 100%;
  }
  #kalenderOption .pdfBtn,
  #kalenderOption .icsBtn,
  #kalenderOption .listenansichtBtn,
  #kalenderOption .kalenderansichtBtn {
    width: 36%;
    margin-bottom: 10px;
  }
  #kalenderOption .listenansichtBtn,
  #kalenderOption .pdfBtn {
    margin-right: 0;
  }
  #kalenderOption .kalenderBtn {
    margin-right: 2%;
    padding: 19px 54px 19px 11px;
  }
  #kalender .kalendertext {
    width: calc(47.9% - 26px);
  }
  .kalenderFilterOption .rahmen.last {
    float: left;
  }
  .kalenderFilterOption #anzeigevon,
  .kalenderFilterOption #anzeigebis {
    width: 90%;
  }
  .kalenderFilterOption .formobjektkleinVeranstaltung {
    width: 90%;
  }
  #infoboxbereich h4,
  #infoboxbereich h4 {
    font-size: 24px;
  }
  #dynamischeListe2 {
    padding-left: 4%;
  }
  .nav_responsive_activate,
  .nav_responsive_active {
    background: #d6d6d6 url(../images/menue2.png) no-repeat scroll -65px center;
    width: 70px;
    height: 66px;
  }
  .nav_responsive_active {
    background-position: 9px center;
  }
  .mainMenueId {
    left: 70px;
  }
  #contentbereich {
    padding: 30px 0px 50px 27px;
    width: 93%;
  }
  #layout02-1,
  #navlinks {
    float: left;
    width: 82%;
    margin-left: 80px;
    margin-top: -6px;
  }
  #breadcrumb {
    width: 87.8%;
    padding-left: 92px;
  }
  #wrap01 {
    width: 70px;
  }

  #content {
    width: 100%;
    padding-left: 7%;
  }
  .infobox table tr td {
    font-size: 14px;
  }
  #infoboxbereich .infobox table tr td a {
    font-size: 15px;
  }
  #suchbereich .bereich2,
  #facebook > a,
  #home > a {
    width: 69px;
  }
  #suchbereich .bereich1 {
    margin-right: 28px;
  }
  #infoboxbereich {
    width: 400px;
  }

  /*CONTENT*/

  #dynamischeListe2 .newsText {
    width: 300px;
  }
  #contentbereich #dynamischeListe2 .headline a {
    font-size: 20px;
  }
  .ce-textpic .ce-gallery .ce-column FIGURE {
    width: 100%;
  }
  .ce-textpic .ce-gallery .ce-column {
    width: 100%;
  }

  #content {
    width: 100%;
    padding-left: 7%;
  }
  .infobox table tr td {
    font-size: 14px;
  }
  #infoboxbereich .infobox table tr td a {
    font-size: 15px;
  }
  #suchbereich .bereich2,
  #facebook > a,
  #home > a {
    width: 69px;
  }
  #suchbereich .bereich1 {
    margin-right: 28px;
  }
  #infoboxbereich {
    width: 35%;
  } /*######################################*/
  /*############ CONTENT #################*/
  /*### FORM ###*/
  .formleft,
  .formright {
    width: 100%;
  }
  .formobjektsmall {
    width: 97% !important;
  }
  ul.schadensmeldung li {
    width: 50%;
  }
  .formobjektkleinVeranstaltung {
    width: 97.4%;
  }
  #contentbereich .export {
    width: 95.5%;
  }
  #kalender .list {
    width: 98%;
  }

  /*### NEWS ###*/

  #dynamischeListe2 .date02 {
    width: 100%;
  }
  /*BILDER*/
  .ce-textpic .ce-gallery .ce-column {
    float: none;
  }
  #homelayout02 .ce-textpic .ce-gallery .ce-column {
    float: left;
    text-align: center;
  }
  .ce-textpic.ce-center:not(.ce-intext) .ce-gallery .ce-column {
    display: inline;
    margin-left: 0px;
  }
  .ce-gallery {
    /*text-align: center !important;
		width: 100% !important;*/
  }

  /*LIGTHBOX*/
  #lbOuterImageContainer {
    height: auto !important;
    width: 100% !important;
  }
  #lbLightbox img {
    width: 100% !important;
  }
  #prevLink,
  #nextLink {
    height: 100% !important;
  }
  #lbImageDataContainer {
    width: 100% !important;
  }

  /*######################################*/
  /*FOOTER*/
  #footerOeffnungszeiten {
    padding-bottom: 2%;
    padding-left: 3%;
    width: 31%;
  }
  /*GEO*/
  .objBtn {
    width: 216px;
  }
  #switchbtn {
    float: left;
    width: 250px;
    margin-left: 30px;
  }
  .catBtn {
    width: 180px;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #banner {
    height: 218px;
    background: #e4e4e4;
  }
  #banner .bannerLeft {
    width: 100%;
    background: none;
    padding-left: 0;
    padding-top: 20px;
    height: 110px;
    text-align: center;
  }
  #banner .bannerRight {
    width: 100%;
    padding-top: 10px;
    height: 78px;
    padding-left: 0;
  }
  #banner #qrLeft,
  #banner #qrRight {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }
  #banner img.bannerQR02,
  #banner img.bannerQR01 {
    display: none;
  }
  #banner img.bannerAppstore,
  #banner img.bannerPlaystore {
    float: none;
  }
  #homenews .teaserText {
    width: 85.7%;
    padding: 25px 22px 30px 21px;
  }
  #homenews .bx-controls.bx-has-pager.bx-has-controls-direction {
    margin-top: -66px;
  }
  #contentbereich .minigal .clickenlarge-0 {
    max-height: 284px;
  }
  .newsDuopicture {
    width: 100% !important;
  }
  .newsDuopictureLeft {
    width: 48% !important;
  }
  .newsDuopictureRight {
    width: 48% !important;
  }
  #contentbereich #contentColLeft .minigal .scrollable img,
  #contentbereich #contentColRight .minigal .scrollable img {
    width: 90px;
  }
  .itemsinnerwrap {
    height: 230px;
    padding: 27px 0%;
  }
  #contentbereich .minigal .scrollWrap {
    height: 282px;
    max-width: 96px;
  }
  #contentbereich .minigal .scrollable {
    height: 284px;
    max-width: 96px;
  }
  #contentbereich .minigal a.right,
  #contentbereich .minigal a.next {
    bottom: 0;
    height: 20px;
  }
  #contentbereich .minigal .ce-column {
    width: 95px;
    margin-top: 3px;
  }
  #contentbereich .minigal a.browse,
  #contentbereich .minigal a.prev {
    right: 29px;
  }
  /*Startseite*/
  #quicklinks .ql {
    width: 90%;
    margin-right: 7px;
  }
  #quicklinks {
    width: 95%;
    margin-left: 40px;
  }
  #homelayout01 h4 {
    margin-left: 41px;
  }
  #wrap02-1 {
    width: 100%;
  }
  #footer h4 {
    margin-left: 36px;
    width: 64%;
  }
  #footer01 {
    margin-left: 36px;
    float: left;
    width: 92%;
  }
  #footer02,
  #footer03 {
    width: 83%;
    margin-left: 36px;
    margin-top: 50px;
  }
  #footer04 {
    float: left;
    margin-left: 36px;
    margin-top: 60px;
  }
  #menuequick {
    width: 73%;
  }
  .menueId ul li a {
    font-size: 19px;
  }
  .menueId ul li ul li a {
    font-size: 16px;
  }
  #layout02-2 {
    margin-left: 80px;
    width: 25%;
  }
  #slogan {
    margin-left: 20px;
    font-size: 30px;
    margin-top: 90px;
    width: 92%;
  }
  #socialmedia {
    top: 63px;
    margin-left: 110px;
    width: 70%;
  }

  #film {
    width: 11%;
    float: left;
  }
  #suche,
  #fav,
  #pin,
  #kontrast-alles {
    width: 11%;
  }
  #slogan h4 {
    font-size: 52px;
  }
  #subnavi {
    display: none;
  }
  #homenews {
    right: 93px;
  }
  #layout02-2 {
    margin-left: 70px;
    width: 22.9%;
  }
  #subnavi ul li ul li a {
    font-size: 17px;
  }
  #subnavi ul li ul li ul li a {
    font-size: 16px;
  }
  #homenews .teaserPicture {
    display: none;
  }
  #popUp {
    right: 50px;
  }
  #subnavi ul li.active a.menueText1,
  #subnavi ul li.active a.menueText1.act {
    font-size: 30px;
  }
  #homelayout01 .frame-default img {
    border: 2px solid #116e9c;
    width: calc(100% - 21px);
  }
  #homelayout01 .frame-default img {
    width: calc(100% - 30px);
  }
  #homelayout01 {
    padding-left: 9%;
    width: 675px;
  }
  #quicklinks .ql a {
    font-size: 15px;
  }
  #homelayout01 #homebilder {
    margin-left: 22px;
  }
  #homelayout01 ul.homenews,
  #homelayout01 #homebilder,
  .home #infoboxbereich {
    width: 285px;
  }
  #homelayout01 ul.homenews .teaserText p {
    font-size: 15px;
  }
  #logo img {
    padding-left: 5%;
  }
  #homelayout01 ul.homenews .teaserText h4 a {
    font-size: 15px;
  }
  /*Contentseite*/
  .kalenderFilterOption .rahmen {
    width: 100%;
  }
  #kalenderOption .pdfBtn,
  #kalenderOption .icsBtn,
  #kalenderOption .listenansichtBtn,
  #kalenderOption .kalenderansichtBtn {
    width: 40%;
    margin-bottom: 10px;
  }
  #kalenderOption .listenansichtBtn,
  #kalenderOption .pdfBtn {
    margin-right: 0;
  }
  #kalenderOption .kalenderBtn {
    margin-right: 2%;
    padding: 18px 58px 17px 11px;
  }
  #kalenderOutlook .calTextDetailPicture,
  #kalenderOutlook .calTextDetailPicturePlaceholder {
    margin-right: 50%;
  }
  #kalender .day {
    padding: 10px 12px 10px 5px;
  }
  #kalender .kalendertext {
    float: left;
    padding: 12px 26px 18px 0;
    width: calc(65.9% - 26px);
    margin-left: 20px;
  }
  .kalenderFilterOption .rahmen.last {
    float: left;
  }
  .kalenderFilterOption #anzeigevon,
  .kalenderFilterOption #anzeigebis {
    width: 90%;
  }
  .kalenderFilterOption .formobjektkleinVeranstaltung {
    width: 90%;
  }
  #infoboxbereich h4,
  #infoboxbereich h4 {
    font-size: 24px;
  }
  #dynamischeListe2 {
    padding-left: 4%;
  }
  .nav_responsive_activate,
  .nav_responsive_active {
    background: #d6d6d6 url(../images/menue2.png) no-repeat scroll -65px center;
    width: 70px;
    height: 66px;
  }
  .nav_responsive_active {
    background-position: 9px center;
  }
  .mainMenueId {
    left: 70px;
  }
  #contentbereich {
    padding: 30px 0px 50px 27px;
    width: 93%;
  }
  #layout02-1,
  #navlinks {
    float: left;
    width: 94%;
    margin-left: 20px;
    margin-top: -6px;
  }
  #breadcrumb {
    width: 80.2%;
    padding-left: 92px;
  }
  #wrap01 {
    width: 70px;
  }

  #content {
    width: 100%;
    padding-left: 7%;
  }
  .infobox table tr td {
    font-size: 14px;
  }
  #infoboxbereich .infobox table tr td a {
    font-size: 15px;
  }
  #suchbereich .bereich2,
  #facebook > a,
  #home > a {
    width: 69px;
  }
  #suchbereich .bereich1 {
    margin-right: 28px;
  }
  #infoboxbereich {
    width: 35%;
  }

  /*CONTENT*/

  #dynamischeListe2 .newsText {
    width: 62%;
  }
  #contentbereich .headline a {
    font-size: 21px;
  }
  .ce-textpic .ce-gallery .ce-column FIGURE {
    width: 100%;
  }
  .ce-textpic .ce-gallery .ce-column {
    width: 100%;
  }

  #content {
    width: 100%;
    padding-left: 7%;
  }
  .infobox table tr td {
    font-size: 14px;
  }
  #infoboxbereich .infobox table tr td a {
    font-size: 15px;
  }
  #suchbereich .bereich2,
  #facebook > a,
  #home > a {
    width: 69px;
  }
  #suchbereich .bereich1 {
    margin-right: 28px;
  }

  /* MINIGALERIE */

  .newsDuopicture {
    width: 100% !important;
    float: left !important;
  }
  .newsDuopicture .newsDuopictureLeft {
    float: left !important;
    clear: both !important;
    width: 100% !important;
  }
  .newsDuopicture .newsDuopictureRight {
    float: left !important;
    clear: both !important;
    width: 100% !important;
  }
  #contentbereich .minigal .clickenlarge-0 {
    clear: both;
    width: 100%;
  }
  #contentbereich .minigal .ce-column {
    float: left;
    width: 112px;
  }
  #contentbereich #contentColLeft .minigal .scrollable img,
  #contentbereich #contentColRight .minigal .scrollable img {
    width: 100px;
  }
  #contentbereich .minigal {
    -webkit-box-shadow: 0px 0px 8px 2px #d6d6d6;
    box-shadow: 0px 0px 8px 2px #d6d6d6;
    float: left;
    max-width: 100%;
    width: auto;
    margin-bottom: 25px;
  }
  #contentbereich .minigal h4,
  #contentbereich .minigal .ce-bodytext,
  #contentbereich .minigal .image-caption {
    display: none;
  }

  #contentbereich .minigal img {
    height: auto;
    max-width: 100%;
    width: auto;
    border: 0;
  }
  /* SCROLL */
  #contentbereich .minigal .ce-textpic .ce-row {
    clear: none;
  }
  #contentbereich .minigal .scrollable {
    height: 162px;
    overflow: hidden;
    max-width: none;
    position: relative;
    width: 100%;
  }
  html
    body#template02
    div#wrap
    div#wrap02
    div.alles
    div#layout03
    div#contentbereich
    div
    div#contentColRight
    div.minigal.minigal0
    div.clickenlarge-0
    .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext).ce-textpic
    .ce-border
    div.scrollWrap
    div.scrollable
    div.items
    .ce-gallery
    div.itemsinnerwrap
    .ce-row
    ul
    li.ce-gallery:not([data-ce-columns="1"])
    .ce-column:first-child.ce-gallery:not([data-ce-columns="1"])
    .ce-column:last-child {
    background: none repeat scroll 0 0;
  }
  .itemsinnerwrap {
    padding: 25px 0;
  }
  #contentbereich .minigal .scrollable .items .ce-gallery {
    clear: both;
    position: absolute;
    width: 20000em !important;
  }
  /*
.minigal .items div {
    float: left;
    width: 680px;
}
*/
  #contentbereich .items .ce-gallery div {
    float: left;
    height: 112px;
    width: 336px !important;
  }
  #contentbereich .items .ce-gallery div .ce-row {
    float: left;
    /*width: 100px;*/
  }

  #contentbereich .minigal .scrollable img {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    float: left;
    height: 100%;
    margin: 10px 4px;
    padding: 2px;
    width: 150px;
  }
  #contentbereich .minigal .scrollable .active {
    border: 2px solid #ffe900;
    cursor: default;
    position: relative;
  }
  #contentbereich .minigal .navi {
    height: 20px;
    margin-left: 328px;
    width: 200px;
  }
  #contentbereich .minigal.navi a {
    background: url("/media/img/scrollable/arrow/navigator.png") no-repeat
      scroll 0 0 transparent;
    display: block;
    float: left;
    font-size: 1px;
    height: 8px;
    margin: 3px;
    width: 8px;
  }
  #contentbereich .minigal.navi a:hover {
    background-position: 0 -8px;
  }
  #contentbereich .minigal .navi a.active {
    background-position: 0 -16px;
  }

  #contentbereich .minigal .scrollWrap {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 163px;
    position: relative;
    max-width: none;
    padding: 0 20px;
  }
  #contentbereich .minigal .imagewrapalle {
    width: 100%;
  }
  #contentbereich .minigal a.browse {
    background: url("../images/minigalPfeil2.png") no-repeat scroll right center;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1px;
    height: 33px;
    margin: 34px 0;
    width: 50px;
    position: absolute;
    top: 31px;
    z-index: 5;
  }
  #contentbereich .minigal a.right {
    background-position: left center;
    clear: right;
    width: 20px;
    margin-right: 0;
    right: 0;
  }
  #contentbereich .minigal a.right:hover {
  }
  #contentbereich .minigal a.right:active {
  }
  #contentbereich .minigal a.left {
    margin-left: 0;
    left: 0;
    width: 20px;
  }
  #contentbereich .minigal a.left:hover {
  }
  #contentbereich .minigal a.left:active {
  }
  #contentbereich .minigal a.up,
  #contentbereich .minigal a.down {
    background: url("/media/img/scrollable/arrow/vert_large.png") no-repeat
      scroll 0 0 transparent;
    float: none;
    margin: 10px 50px;
  }
  #contentbereich .minigal a.up:hover {
    background-position: -30px 0;
  }
  #contentbereich .minigal a.up:active {
    background-position: -60px 0;
  }
  #contentbereich .minigal a.down {
    background-position: 0 -30px;
  }
  #contentbereich .minigal a.down:hover {
    background-position: -30px -30px;
  }
  #contentbereich .minigal a.down:active {
    background-position: -60px -30px;
  }
  #contentbereich .minigal a.disabled {
    visibility: hidden !important;
  }

  /*Startseite*/
  #schrift a:hover + #popUp {
    display: none;
  }
  #homelayout01 ul.homenews,
  #homelayout01 #homebilder,
  .home #infoboxbereich {
    float: left;
    width: 100%;
    margin-left: 3%;
    margin-bottom: 130px;
  }

  #homelayout01 ul.homenews .teaserText p {
    font-size: 15px;
  }
  .home #logo img {
    padding-left: 5%;
    width: 87%;
  }
  #homelayout01 {
    padding: 0;
    margin-top: 80px;
    width: 90%;
  }
  #homelayout01 ul.homenews .teaserText h4 a {
    font-size: 17px;
  }
  /*Contentseite*/
  .ce-bodytext td {
    font-size: 14px;
  }
  #schrift {
    display: none;
  }
  .rahmen.right,
  .rahmen.left {
    width: 100%;
  }
  #kalenderOutlook .calTextDetailPicture {
    width: 100%;
  }
  #kalenderOption .pdfBtn,
  #kalenderOption .icsBtn,
  #kalenderOption .listenansichtBtn,
  #kalenderOption .kalenderansichtBtn {
    font-size: 13px;
  }
  input.sucheStartenBtn,
  input.sucheStartenBtn:hover {
    width: 100px;
  }
  .menueId ul li a {
    width: 248px;
    padding: 6px 0 6px 45px;
  }
  .nav_responsive .nav_responsive_activate {
    background: url(../images/menue2.png) no-repeat scroll -97px center;
    background-color: #535353 !important;
  }
  .kalenderFilterOption .rahmen {
    width: 100%;
  }
  #kalenderOption .pdfBtn,
  #kalenderOption .icsBtn,
  #kalenderOption .listenansichtBtn,
  #kalenderOption .kalenderansichtBtn {
    width: 57%;
    margin-bottom: 10px;
  }
  #kalenderOption .listenansichtBtn,
  #kalenderOption .pdfBtn {
    margin-right: 0;
  }
  .kalenderFilterOption .rahmen.last {
    float: left;
  }
  .kalenderFilterOption #anzeigevon,
  .kalenderFilterOption #anzeigebis {
    width: 89%;
  }
  .kalenderFilterOption .formobjektkleinVeranstaltung {
    width: 90%;
  }
  table.contenttable {
    font-size: 14px;
  }
  #dynamischeListe2 .teaserPicture {
    width: 212px;
  }
  #contentbereich ul li,
  #contentbereich ol li {
    font-size: 15px;
  }
  .mainMenueId {
    margin-top: 100px;
    width: 100%;
    float: left;
    position: relative;
    left: 0;
  }
  .menueId ul {
    height: 100%;
    padding-top: 10px;
  }
  #breadcrumb {
    line-height: 17px;
    height: 31px;
  }
  #suchbereich .sucheAbsenden {
    height: 74px;
    width: 91px;
  }
  #suchbereich {
    top: 1px !important;
    width: 90px;
  }
  #suchbereich .bereich1 {
    display: none;
  }
  #suchbereich:hover .bereich2 {
    background: url(../images/suche.png) no-repeat scroll center;
  }
  #contentbereich .firstFont h4 {
    font-size: 24px;
  }
  #contentbereich .firstFont p {
    font-size: 17px;
  }
  #infoboxbereich .bild .clickenlarge-0 h4,
  #infoboxbereich .bild .clickenlarge-1 h4 {
    width: 92%;
  }
  #breadcrumbText,
  #breadcrumb a {
    font-size: 13px;
  }
  #infoboxbereich h4,
  #infoboxbereich h4 {
    font-size: 24px;
  }
  .alles {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }
  #logo {
    width: 91%;
    margin-left: 0;
  }
  #headerImage {
    left: 0;
  }
  #suchbereich .suche {
    width: 195px;
  }
  #links #facebook {
    margin-left: 75.7%;
  }
  #responsiveSidemenue {
    position: absolute;
  }
  #responsiveSidemenue.show {
    width: 100%;
  }
  #suchbereich {
    margin-left: 20.6%;
    z-index: 9;
    width: 354px;
  }
  #links #home {
    margin-left: 80.3%;
  }
  #film img {
    padding-top: 4px;
  }
  .nav_responsive {
    left: 15px;
    top: 17px;
  }
  #wrap01 {
    height: 100px;
    max-width: 100%;
    width: 100%;
    position: relative;
  }
  #links #home,
  #links #suchbereich,
  #links #facebook {
    top: 0;
    position: absolute;
  }
  .infobox.bild {
    margin-bottom: 0px;
  }
  .infobox.footer {
    margin-top: 50px;
  }
  .nav_responsive_active p,
  .nav_responsive_activate p {
    padding: 0px 0px 0 15px;
  }
  .nav_responsive_activate,
  .nav_responsive_active {
    background: #d6d6d6 url(../images/menue2.png) no-repeat scroll -65px center;
    width: 61px;
    height: 66px;
  }
  .nav_responsive_active {
    background-position: 5px center;
  }
  .infobox.footer.responsive {
    display: block;
  }
  .infobox.footer.responsivenone {
    display: none;
  }
  #contentbereich {
    padding: 30px 6% 50px 4%;
    width: 90%;
  }
  #content {
    width: 95%;
    padding-left: 0%;
  }
  .infobox table tr td {
    font-size: 14px;
  }
  #infoboxbereich .infobox table tr td a {
    font-size: 15px;
  }
  #infoboxbereich {
    width: 71%;
    padding-right: 14%;
  }
  /*######################################*/
  /*############ CONTENT #################*/
  #contentbereich {
    width: 90%;
  }

  /*### WETTER ###*/
  #weatherBox {
    background: url(../images/wetterboxBG_420-Kopie.jpg) no-repeat scroll 0 0
      transparent;
    border: 1px solid #cccccc;
    clear: both;
    float: left;
    height: 290px;
    margin-bottom: 25px;
    padding: 123px 20% 0;
    width: 60%;
  }
  #weatherBox .today {
    float: left;
    width: 100%;
  }
  #weatherBox .tomorrow {
    float: right;
    width: 100%;
  }

  /*### FORM ###*/
  .formleft,
  .formright {
    width: 100%;
  }
  .formobjektsmall {
    width: 97% !important;
  }
  ul.schadensmeldung li {
    width: 50%;
  }
  .formobjektkleinVeranstaltung {
    width: 97.4%;
  }
  #contentbereich .export {
    width: 95.5%;
  }
  #kalender .list {
    width: 98%;
  }

  /*### KALENDER ###*/
  #kalender .date {
    padding-right: 3%;
  }
  #kalender .entry {
    width: 87%;
  }

  /*### NEWS ###*/
  #dynamischeListe2 .newsText {
    margin-top: 10px;
    width: 100%;
  }
  #photoListe .data {
    width: 80%;
  }

  /*### FOTO ###*/
  #photoListe ul li {
    width: 100%;
  }

  /*BILDER*/
  .ce-textpic .ce-gallery .ce-column {
    float: none;
  }
  #homelayout02 .ce-textpic .ce-gallery .ce-column {
    float: left;
    text-align: center;
  }
  .ce-textpic.ce-center:not(.ce-intext) .ce-gallery .ce-column {
    margin-left: 0px;
  }
  .ce-gallery {
    width: 100%;
  }

  /*LIGTHBOX*/
  #lbOuterImageContainer {
    height: auto !important;
    width: 100% !important;
  }
  #lbLightbox img {
    width: 100% !important;
  }
  #prevLink,
  #nextLink {
    height: 100% !important;
  }
  #lbImageDataContainer {
    width: 100% !important;
  }
  .clickenlarge-1 .image-caption {
    padding: 8px 69px 8px 98px;
  }
  .ce-textpic .ce-gallery.ce-border .ce-column IMG,
  .ce-textpic .ce-border .csc-textpic-single-image IMG {
    margin-top: 25px;
  }
  /*GEO*/
  #contentbereich .detailNeu #detailcontact {
    width: calc(39.5% - 40px) !important;
  }
  .objBtn {
    width: 216px;
  }
  #switchbtn {
    float: left;
    width: 250px;
    margin-left: 30px;
  }
  .catBtn {
    width: 180px;
  }
}

@media only screen and (max-width: 479px) {
  #contentbereich .tabs.notdienstpanes li {
    margin-right: 0px;
    width: 100%;
  }
  #contentbereich .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .panesWrap #dynamischeListe2 .teaserPicture {
    width: 100%;
  }
  .panesWrap #dynamischeListe2 .newsText {
    width: 100%;
  }
  .nav_responsive_active p,
  .nav_responsive_activate p {
    padding: 0px 0px 0 15px;
  }
  #banner {
    height: 218px;
    background: #e4e4e4;
  }
  #banner .bannerLeft {
    width: 100%;
    background: none;
    padding-left: 0;
    padding-top: 20px;
    height: 110px;
    text-align: center;
  }
  #banner .bannerRight {
    width: 100%;
    padding-top: 10px;
    height: 78px;
    padding-left: 0;
  }
  #banner .bannerLeft h4 {
    font-size: 25px;
  }
  #banner .bannerLeft p {
    font-size: 13px;
  }
  #banner #qrLeft,
  #banner #qrRight {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }
  #banner img.bannerQR02,
  #banner img.bannerQR01 {
    display: none;
  }
  #banner img.bannerAppstore,
  #banner img.bannerPlaystore {
    float: none;
  }
  #homenews .teaserText {
    width: 197px;
    padding: 25px 22px 30px 21px;
  }
  .home #wrap02 {
    height: auto;
  }
  #homenews .bx-controls.bx-has-pager.bx-has-controls-direction {
    margin-top: -69px;
  }
  #contentbereich .minigal .clickenlarge-0 {
    max-height: 284px;
  }
  .newsDuopicture {
    width: 100% !important;
  }
  .newsDuopictureLeft {
    width: 48% !important;
  }
  .newsDuopictureRight {
    width: 48% !important;
  }
  #contentbereich #contentColLeft .minigal .scrollable img,
  #contentbereich #contentColRight .minigal .scrollable img {
    width: 90px;
  }
  .itemsinnerwrap {
    height: 230px;
    padding: 27px 0%;
  }
  #contentbereich .minigal .scrollWrap {
    height: 282px;
    max-width: 96px;
  }
  #contentbereich .minigal .scrollable {
    height: 284px;
    max-width: 96px;
  }
  #contentbereich .minigal a.right,
  #contentbereich .minigal a.next {
    bottom: 0;
    height: 20px;
  }
  #contentbereich .minigal .ce-column {
    width: 95px;
    margin-top: 3px;
  }
  #contentbereich .minigal a.browse,
  #contentbereich .minigal a.prev {
    right: 29px;
  }
  /*Startseite*/
  #quicklinks .ql {
    width: 90%;
    margin-right: 7px;
  }
  #quicklinks {
    width: 95%;
    margin-left: 40px;
  }
  #homelayout01 h4 {
    margin-left: 41px;
  }
  #wrap02-1 {
    width: 100%;
    margin-top: 116px;
  }
  #footer h4 {
    margin-left: 36px;
    width: 64%;
  }
  #footer01 {
    margin-left: 22px;
    float: left;
    width: 92%;
  }
  #footer02,
  #footer03 {
    width: 83%;
    margin-left: 36px;
    margin-top: 50px;
  }
  #footer04 {
    float: left;
    margin-left: 36px;
    margin-top: 60px;
  }
  #menuequick {
    width: 73%;
  }
  .menueId ul li a {
    font-size: 19px;
  }
  .menueId ul li ul li a {
    font-size: 16px;
  }
  #layout02-2 {
    margin-left: 80px;
    width: 25%;
  }
  #slogan {
    display: none;
  }
  #socialmedia {
    top: 63px;
    margin-left: 85px;
    width: 71%;
  }

  #film {
    width: 11%;
    float: left;
  }
  #suche,
  #fav,
  #pin,
  #kontrast-alles {
    width: 14%;
  }
  #slogan h4 {
    font-size: 38px;
  }
  #subnavi {
    display: none;
  }
  #homenews {
    right: 65px;
    width: 238px;
    top: 100px;
  }
  #layout02-2 {
    margin-left: 70px;
    width: 22.9%;
  }
  #subnavi ul li ul li a {
    font-size: 17px;
  }
  #subnavi ul li ul li ul li a {
    font-size: 16px;
  }
  #homenews .teaserPicture {
    display: none;
  }
  #popUp {
    right: 50px;
  }
  #subnavi ul li.active a.menueText1,
  #subnavi ul li.active a.menueText1.act {
    font-size: 30px;
  }
  #homelayout01 .frame-default img {
    border: 2px solid #116e9c;
    width: calc(100% - 21px);
  }
  #homelayout01 .frame-default img {
    width: calc(100% - 30px);
  }
  #homelayout01 {
    padding-left: 9%;
    width: 675px;
  }
  #quicklinks .ql a {
    font-size: 15px;
    padding: 21px 0 10px;
  }
  #homelayout01 #homebilder {
    margin-left: 22px;
  }
  #homelayout01 ul.homenews,
  #homelayout01 #homebilder,
  .home #infoboxbereich {
    width: 285px;
  }
  #homelayout01 ul.homenews .teaserText p {
    font-size: 15px;
  }
  #logo img {
    padding-left: 5%;
  }
  #homelayout01 ul.homenews .teaserText h4 a {
    font-size: 15px;
  }
  /*Contentseite*/
  #homenews .alleArtikel a {
    font-size: 14px;
  }
  .kalenderFilterOption .rahmen {
    width: 100%;
  }
  .kalenderFilterOption .rahmen.left,
  .kalenderFilterOption .rahmen.right {
    width: 100%;
  }
  .kalenderFilterOption .rahmen.last {
    width: 100%;
  }
  #contentbereich .kalenderFilterOption ul.checkboxSplitterKalender li {
    width: 100%;
  }
  #kalenderOutlook
    .kalenderFilterOption
    .rahmen.full
    input#btnSearchDatePickerMenu.btnSearchDatePickerMenu.sucheStartenBtn {
    padding: 5px 7px;
  }
  .angzeigenkalender {
    right: 23px;
  }
  #kalenderOption .pdfBtn,
  #kalenderOption .icsBtn,
  #kalenderOption .listenansichtBtn,
  #kalenderOption .kalenderansichtBtn {
    width: 40%;
    margin-bottom: 10px;
  }
  #kalenderOption .listenansichtBtn,
  #kalenderOption .pdfBtn {
    margin-right: 0;
  }
  #kalenderOption .kalenderBtn {
    margin-right: 2%;
    padding: 18px 58px 17px 11px;
  }
  #kalenderOutlook .calTextDetailPicture,
  #kalenderOutlook .calTextDetailPicturePlaceholder {
    margin-right: 83px;
  }
  #kalender .day {
    padding: 10px 12px 10px 5px;
  }
  #kalender .kalendertext {
    float: left;
    padding: 12px 26px 18px 0;
    width: calc(65.9% - 26px);
    margin-left: 20px;
  }
  .kalenderFilterOption .rahmen.last {
    float: left;
  }
  .kalenderFilterOption #anzeigevon,
  .kalenderFilterOption #anzeigebis {
    width: 90%;
  }
  .kalenderFilterOption .formobjektkleinVeranstaltung {
    width: 90%;
  }
  #infoboxbereich h4,
  #infoboxbereich h4 {
    font-size: 24px;
  }
  .nav_responsive_activate,
  .nav_responsive_active {
    background: #d6d6d6 url(../images/menue2.png) no-repeat scroll -65px center;
    width: 70px;
    height: 66px;
  }
  .nav_responsive_active {
    background-position: 9px center;
  }
  .mainMenueId {
    left: 70px;
  }
  #contentbereich {
    padding: 30px 0px 50px 27px;
    width: 93%;
  }
  #layout02-1,
  #navlinks {
    float: left;
    width: 94%;
    margin-left: 20px;
    margin-top: -6px;
  }

  #wrap01 {
    width: 70px;
  }

  #content {
    width: 100%;
    padding-left: 7%;
  }
  .infobox table tr td {
    font-size: 14px;
  }
  #infoboxbereich .infobox table tr td a {
    font-size: 15px;
  }
  #suchbereich .bereich2,
  #facebook > a,
  #home > a {
    width: 69px;
  }
  #suchbereich .bereich1 {
    margin-right: 28px;
  }
  #infoboxbereich {
    width: 35%;
  }

  /*CONTENT*/

  #dynamischeListe2 .newsText {
    width: 62%;
  }
  #contentbereich .headline a {
    font-size: 21px;
  }
  .ce-textpic .ce-gallery .ce-column FIGURE {
    width: 100%;
  }
  .ce-textpic .ce-gallery .ce-column {
    width: 100%;
  }

  #content {
    width: 100%;
    padding-left: 7%;
  }
  .infobox table tr td {
    font-size: 14px;
  }
  #infoboxbereich .infobox table tr td a {
    font-size: 15px;
  }
  #suchbereich .bereich2,
  #facebook > a,
  #home > a {
    width: 69px;
  }
  #suchbereich .bereich1 {
    margin-right: 28px;
  }

  /* MINIGALERIE */

  .newsDuopicture {
    width: 100% !important;
    float: left !important;
  }
  .newsDuopicture .newsDuopictureLeft {
    float: left !important;
    clear: both !important;
    width: 100% !important;
  }
  .newsDuopicture .newsDuopictureRight {
    float: left !important;
    clear: both !important;
    width: 100% !important;
  }
  #contentbereich .minigal .clickenlarge-0 {
    clear: both;
    width: 100%;
  }
  #contentbereich .minigal .ce-column {
    float: left;
    width: 112px;
  }
  #contentbereich #contentColLeft .minigal .scrollable img,
  #contentbereich #contentColRight .minigal .scrollable img {
    width: 100px;
  }
  #contentbereich .minigal {
    -webkit-box-shadow: 0px 0px 8px 2px #d6d6d6;
    box-shadow: 0px 0px 8px 2px #d6d6d6;
    float: left;
    max-width: 100%;
    width: auto;
    margin-bottom: 25px;
  }
  #contentbereich .minigal h4,
  #contentbereich .minigal .ce-bodytext,
  #contentbereich .minigal .image-caption {
    display: none;
  }

  #contentbereich .minigal img {
    height: auto;
    max-width: 100%;
    width: auto;
    border: 0;
  }
  /* SCROLL */
  #contentbereich .minigal .ce-textpic .ce-row {
    clear: none;
  }
  #contentbereich .minigal .scrollable {
    height: 162px;
    overflow: hidden;
    max-width: none;
    position: relative;
    width: 100%;
  }
  html
    body#template02
    div#wrap
    div#wrap02
    div.alles
    div#layout03
    div#contentbereich
    div
    div#contentColRight
    div.minigal.minigal0
    div.clickenlarge-0
    .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext).ce-textpic
    .ce-border
    div.scrollWrap
    div.scrollable
    div.items
    .ce-gallery
    div.itemsinnerwrap
    .ce-row
    ul
    li.ce-gallery:not([data-ce-columns="1"])
    .ce-column:first-child.ce-gallery:not([data-ce-columns="1"])
    .ce-column:last-child {
    background: none repeat scroll 0 0;
  }
  .itemsinnerwrap {
    padding: 25px 0;
  }
  #contentbereich .minigal .scrollable .items .ce-gallery {
    clear: both;
    position: absolute;
    width: 20000em !important;
  }
  /*
.minigal .items div {
    float: left;
    width: 680px;
}
*/
  #contentbereich .items .ce-gallery div {
    float: left;
    height: 112px;
    width: 336px !important;
  }
  #contentbereich .items .ce-gallery div .ce-row {
    float: left;
    /*width: 100px;*/
  }

  #contentbereich .minigal .scrollable img {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    float: left;
    height: 100%;
    margin: 10px 4px;
    padding: 2px;
    width: 150px;
  }
  #contentbereich .minigal .scrollable .active {
    border: 2px solid #ffe900;
    cursor: default;
    position: relative;
  }
  #contentbereich .minigal .navi {
    height: 20px;
    margin-left: 328px;
    width: 200px;
  }
  #contentbereich .minigal.navi a {
    background: url("/media/img/scrollable/arrow/navigator.png") no-repeat
      scroll 0 0 transparent;
    display: block;
    float: left;
    font-size: 1px;
    height: 8px;
    margin: 3px;
    width: 8px;
  }
  #contentbereich .minigal.navi a:hover {
    background-position: 0 -8px;
  }
  #contentbereich .minigal .navi a.active {
    background-position: 0 -16px;
  }

  #contentbereich .minigal .scrollWrap {
    margin: 0 auto;
    width: calc(100% - 40px);
    height: 163px;
    position: relative;
    max-width: none;
    padding: 0 20px;
  }
  #contentbereich .minigal .imagewrapalle {
    width: 100%;
  }
  #contentbereich .minigal a.browse {
    background: url("../images/minigalPfeil2.png") no-repeat scroll right center;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1px;
    height: 33px;
    margin: 34px 0;
    width: 50px;
    position: absolute;
    top: 31px;
    z-index: 5;
  }
  #contentbereich .minigal a.right {
    background-position: left center;
    clear: right;
    width: 20px;
    margin-right: 0;
    right: 0;
  }
  #contentbereich .minigal a.right:hover {
  }
  #contentbereich .minigal a.right:active {
  }
  #contentbereich .minigal a.left {
    margin-left: 0;
    left: 0;
    width: 20px;
  }
  #contentbereich .minigal a.left:hover {
  }
  #contentbereich .minigal a.left:active {
  }
  #contentbereich .minigal a.up,
  #contentbereich .minigal a.down {
    background: url("/media/img/scrollable/arrow/vert_large.png") no-repeat
      scroll 0 0 transparent;
    float: none;
    margin: 10px 50px;
  }
  #contentbereich .minigal a.up:hover {
    background-position: -30px 0;
  }
  #contentbereich .minigal a.up:active {
    background-position: -60px 0;
  }
  #contentbereich .minigal a.down {
    background-position: 0 -30px;
  }
  #contentbereich .minigal a.down:hover {
    background-position: -30px -30px;
  }
  #contentbereich .minigal a.down:active {
    background-position: -60px -30px;
  }
  #contentbereich .minigal a.disabled {
    visibility: hidden !important;
  }

  /*Startseite*/
  #schrift a:hover + #popUp {
    display: none;
  }
  #homelayout01 ul.homenews,
  #homelayout01 #homebilder,
  .home #infoboxbereich {
    float: left;
    width: 100%;
    margin-left: 3%;
    margin-bottom: 130px;
  }

  #homelayout01 ul.homenews .teaserText p {
    font-size: 15px;
  }
  .home #logo img {
    padding-left: 5%;
    width: 87%;
  }
  #homelayout01 {
    padding: 0;
    width: 90%;
  }
  #homelayout01 ul.homenews .teaserText h4 a {
    font-size: 17px;
  }
  /*Contentseite*/
  .ce-bodytext td {
    font-size: 14px;
  }
  #schrift {
    display: none;
  }
  .rahmen.right,
  .rahmen.left {
    width: 100%;
  }
  #kalenderOutlook .calTextDetailPicture {
    width: 100%;
  }
  #kalenderOption .pdfBtn,
  #kalenderOption .icsBtn,
  #kalenderOption .listenansichtBtn,
  #kalenderOption .kalenderansichtBtn {
    font-size: 13px;
  }
  input.sucheStartenBtn,
  input.sucheStartenBtn:hover {
    width: 100px;
  }
  .menueId ul li a {
    width: 248px;
    padding: 6px 0 6px 45px;
  }
  .nav_responsive .nav_responsive_activate {
    background: url(../images/menue2.png) no-repeat scroll -97px center;
    background-color: #535353 !important;
  }
  .kalenderFilterOption .rahmen {
    width: 100%;
  }
  #kalenderOption .pdfBtn,
  #kalenderOption .icsBtn,
  #kalenderOption .listenansichtBtn,
  #kalenderOption .kalenderansichtBtn {
    width: 72%;
    margin-bottom: 10px;
  }
  #kalenderOption .listenansichtBtn,
  #kalenderOption .pdfBtn {
    margin-right: 0;
  }
  .kalenderFilterOption .rahmen.last {
    float: left;
  }
  .kalenderFilterOption #anzeigevon,
  .kalenderFilterOption #anzeigebis {
    width: 89%;
  }
  .kalenderFilterOption .formobjektkleinVeranstaltung {
    width: 90%;
  }
  table.contenttable {
    font-size: 14px;
  }
  #dynamischeListe2 .teaserPicture {
    width: 212px;
  }
  #contentbereich ul li,
  #contentbereich ol li {
    font-size: 15px;
  }
  .mainMenueId {
    margin-top: 100px;
    width: 100%;
    float: left;
    position: relative;
    left: 0;
  }
  .menueId ul {
    height: 100%;
    padding-top: 10px;
  }
  #breadcrumb {
    width: 92.1%;
    padding-left: 25px;
    line-height: 17px;
    height: 65px;
    margin-bottom: 15px;
  }
  #suchbereich .sucheAbsenden {
    height: 74px;
    width: 91px;
  }
  #suchbereich {
    top: 1px !important;
    width: 90px;
  }
  .image-caption {
    font-size: 15px;
    padding: 8px 45px 8px 21px;
  }
  #suchbereich .bereich1 {
    display: none;
  }
  #suchbereich:hover .bereich2 {
    background: url(../images/suche.png) no-repeat scroll center;
  }
  #headerImage .bx-wrapper ul.bgSlider li img {
    max-width: 1210px;
  }
  .bx-viewport {
    height: 216px !important;
  }
  #contentbereich .firstFont h4 {
    font-size: 24px;
  }
  #contentbereich .firstFont p {
    font-size: 17px;
  }
  #infoboxbereich .bild .clickenlarge-0 h4,
  #infoboxbereich .bild .clickenlarge-1 h4 {
    width: 92%;
  }
  #breadcrumbText,
  #breadcrumb a {
    font-size: 13px;
  }
  #infoboxbereich h4,
  #infoboxbereich h4 {
    font-size: 24px;
  }
  .home .bx-viewport {
    height: 450px !important;
  }
  #homenews .news {
    width: 240px !important;
  }
  #homenews .teaserText h4 a {
    font-size: 18px;
  }
  .alles {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }
  #logo {
    width: 91%;
    margin-left: 0;
  }
  #headerImage {
    left: 0;
  }
  #suchbereich .suche {
    width: 195px;
  }
  #links #facebook {
    margin-left: 75.7%;
  }
  #responsiveSidemenue {
    position: absolute;
  }
  #responsiveSidemenue.show {
    width: 100%;
  }
  #suchbereich {
    margin-left: 20.6%;
    z-index: 9;
    width: 354px;
  }
  #links #home {
    margin-left: 77%;
    width: 65px;
  }
  #film img {
    padding-top: 4px;
  }
  .nav_responsive {
    left: 15px;
    top: 17px;
  }
  #wrap01 {
    height: 100px;
    max-width: 100%;
    width: 100%;
    position: relative;
  }
  #links #home,
  #links #suchbereich,
  #links #facebook {
    top: 0;
    position: absolute;
  }
  .infobox.bild {
    margin-bottom: 0px;
  }
  .infobox.footer {
    margin-top: 50px;
  }
  .nav_responsive_activate,
  .nav_responsive_active {
    background: #d6d6d6 url(../images/menue2.png) no-repeat scroll -65px center;
    width: 61px;
    height: 66px;
  }
  .nav_responsive_active {
    background-position: 5px center;
  }
  .infobox.footer.responsive {
    display: block;
  }
  .infobox.footer.responsivenone {
    display: none;
  }
  #contentbereich {
    padding: 30px 0 50px;
    width: 90%;
  }
  #content {
    width: 95%;
    padding-left: 0%;
  }
  .infobox table tr td {
    font-size: 14px;
  }
  #infoboxbereich .infobox table tr td a {
    font-size: 15px;
  }
  #infoboxbereich {
    width: 71%;
    padding-right: 14%;
  }
  /*######################################*/
  /*############ CONTENT #################*/

  /*### WETTER ###*/
  #weatherBox {
    background: url(../images/wetterboxBG_420-Kopie.jpg) no-repeat scroll 0 0
      transparent;
    border: 1px solid #cccccc;
    clear: both;
    float: left;
    height: 290px;
    margin-bottom: 25px;
    padding: 123px 20% 0;
    width: 60%;
  }
  #weatherBox .today {
    float: left;
    width: 100%;
  }
  #weatherBox .tomorrow {
    float: right;
    width: 100%;
  }

  /*### FORM ###*/
  .formleft,
  .formright {
    width: 100%;
  }
  .formobjektsmall {
    width: 97% !important;
  }
  ul.schadensmeldung li {
    width: 50%;
  }
  .formobjektkleinVeranstaltung {
    width: 97.4%;
  }
  #contentbereich .export {
    width: 95.5%;
  }
  #kalender .list {
    width: 98%;
  }

  /*### KALENDER ###*/
  #kalender .date {
    padding-right: 3%;
  }
  #kalender .entry {
    width: 87%;
  }

  /*### NEWS ###*/
  #dynamischeListe2 .newsText {
    margin-top: 10px;
    width: 100%;
  }
  #photoListe .data {
    width: 80%;
  }

  /*### FOTO ###*/
  #photoListe ul li {
    width: 100%;
  }

  /*BILDER*/
  .ce-textpic .ce-gallery .ce-column {
    float: none;
  }
  #homelayout02 .ce-textpic .ce-gallery .ce-column {
    float: left;
    text-align: center;
  }
  .ce-textpic.ce-center:not(.ce-intext) .ce-gallery .ce-column {
    display: inline;
    margin-left: 0px;
  }
  .ce-gallery {
    width: 100%;
  }

  /*LIGTHBOX*/
  #lbOuterImageContainer {
    height: auto !important;
    width: 100% !important;
  }
  #lbLightbox img {
    width: 100% !important;
  }
  #prevLink,
  #nextLink {
    height: 100% !important;
  }
  #lbImageDataContainer {
    width: 100% !important;
  }
  .clickenlarge-1 .image-caption {
  }
  .ce-textpic .ce-gallery.ce-border .ce-column IMG,
  .ce-textpic .ce-border .csc-textpic-single-image IMG {
    margin-top: 25px;
  }
  /*GEO*/
  #contentbereich .detailNeu #detailcontact {
    width: calc(100% - 40px) !important;
    margin-bottom: 20px;
  }
  .detailNeu #detailcontentpictures {
    width: 100%;
  }
  #contentbereich .detailNeu .detailneubutton {
    width: 121px;
  }
  .objBtn {
    width: 216px;
  }
  #switchbtn {
    float: left;
    width: 250px;
    margin-left: 30px;
  }
  .catBtn {
    width: 180px;
  }
}