/* common styles */

.responsivenavi,
.nav_responsive,
.nav_responsive_active {
  display: none;
}
/*
.ce-column, .ce-gallery:not([data-ce-columns="1"]) .ce-column:first-child, .ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child {
	width: 49% !important;
}
*/
#homelayout02 .ce-column,
#homelayout02 .ce-gallery:not([data-ce-columns="1"]) .ce-column:first-child,
#homelayout02 .ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child {
  width: 100% !important;
}

.mmtext {
  display: none;
}
#responsiveShow {
  display: none;
}
.infoboxbereichRespo {
  display: none;
  visibility: hidden;
}

/* #Media Queries
================================================== */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 1451px) and (max-width: 1907px) {
  /*STARTSEITE*/
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 1204px) and (max-width: 1450px) {
  /*STARTSEITE*/
  #wrap01 {
    float: left;
    width: 100%;
    background: url(../images/logobild.jpg) top -18px left no-repeat;
    height: 176px;
    background-size: 100%;
  }
  #menue ul li ul {
    float: none;
    left: -443px;
    margin: 0;
    padding: 20px;
    position: absolute;
    top: 126px;
    width: 1040px;
    z-index: 910000;
  }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 1025px) and (max-width: 1203px) {
  .home .alles,
  .home #footer {
    max-width: 980px;
  }
  #footer03 {
    width: 19%;
    margin-left: 13%;
  }
  #mainMenue {
    float: left;
    width: 67%;
  }
  #wrap01 {
    float: left;
    width: 100%;
    background: url(../images/logobild.jpg) top -18px left no-repeat;
    height: 176px;
    background-size: 100%;
  }
  .liteAccordion {
    margin-left: -81px !important;
    margin-top: -38px !important;
    transform: scale(0.85);
  }
  #menue ul li ul li {
    width: 240px;
  }
  #menue ul li ul {
    left: -341px;
    width: 985px;
  }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1024px) {
  .home .alles,
  .home #footer {
    max-width: 920px;
  }
  #mainMenue {
    float: left;
    width: 68%;
  }
  #menue {
    margin-right: 25px;
  }
  /*STARTSEITE*/

  #homenews ul li .teaserText {
    width: 56%;
  }
  .liteAccordion {
    margin-left: -108px !important;
    margin-top: -51px !important;
    transform: scale(0.8);
  }

  /*CONTENT*/

  .ce-gallery DIV.ce-row.ce-gallery[data-ce-rows="1"] .ce-row li.ce-column {
    width: 49%;
  }

  #contentbereich .minigal .scrollable img {
    margin: 23px 4px;
    width: 132px;
  }
  #contentbereich .minigal img {
    max-width: 99.4%;
  }
  #dynamischeListe2 .newsText {
    width: 65%;
  }
  #footeralles {
    padding-left: 2%;
    padding-right: 2%;
    width: 96%;
  }
  #footer03 {
    width: 19%;
  }
  #jahreszeiten {
    z-index: 1;
  }
  #logo {
    margin-top: 77px;
  }

  #menue ul li ul {
    left: -309px;
    width: 920px;
  }
  #menue ul li ul li {
    width: 224px;
  }
  #nachOben {
    right: 0;
  }
  #wrap01 {
    background: url("../images/logobild.jpg") no-repeat scroll -21px -25px;
  }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* 	width: 745px; */

  .home #quicklinks #ql01,
  .home #quicklinks #ql02,
  .home #quicklinks #ql03 {
    width: 250px;
    position: relative;
  }
  #homenews h2,
  #homenews02 h2 {
    background: none;
  }
  .home #quicklinks .text p,
  .home #quicklinks .artikel p {
    width: 250px;
    margin-left: calc(50% - 125px);
  }
  .home .alles,
  .home #footer {
    max-width: 760px;
  }
  #menue {
    width: 412px;
    margin-right: 40px;
  }
  #homenews {
    float: left;
    width: 100%;
    max-width: 600px;
    margin-left: calc(50% - 300px);
  }
  #wrap01 {
    height: 160px;
  }

  #contentbereich .minigal .scrollable img {
    margin: 35px 4px;
    width: 96px;
  }
  #contentbereich .minigal img {
    max-width: 99%;
  }
  #contentbereich .ce-gallery DIV.ce-row DIV.ce-column.ce-column,
  #contentbereich .ce-gallery DIV.ce-row {
    width: 100%;
  }
  #contentbereich .tx-kommpublishconnector-pi1 .article div,
  #contentbereich .tx-kommpublishconnector-pi1 .article {
    width: 100% !important;
  }
  #contentbereich .tx-kommpublishconnector-pi1 .article a img {
    width: 100% !important;
  }
  #menue ul li.menueebene0Active,
  #menue ul li.menueebene0,
  #menue ul li.menueebene1Active,
  #menue ul li.menueebene1,
  #menue ul li.menueebene2Active,
  #menue ul li.menueebene2,
  #menue ul li.menueebene3Active,
  #menue ul li.menueebene3,
  #menue ul li.menueebene4Active,
  #menue ul li.menueebene4 {
    width: 98px;
  }
  #menue ul li {
    margin-left: 0.3%;
  }
  #menue ul li:first-child {
    margin-left: 1.8%;
  }
  #footeralles {
    padding-left: 1%;
    padding-right: 1%;
    width: 98%;
  }
  #footer01 {
    width: 23%;
  }
  #footer02 {
    margin-left: 8%;
    width: 38%;
  }
  #footer03 {
    margin-left: 7%;
    width: 24%;
  }
  #homenews ul li .teaserText {
    width: 44%;
  }
  #infoboxbereich .infobox {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  #jahreszeiten {
    z-index: 1;
  }
  #layout01-1 {
    margin-left: 2%;
    width: 30.4%;
  }
  #layout01-2 {
    float: left;
    width: 64.6%;
  }
  #layout02-2 {
    margin-left: 3.9%;
  }
  .liteAccordion {
    margin-left: -200px !important;
    margin-top: -94px !important;
    transform: scale(0.63);
  }

  #menue ul li a {
    font-size: 16px;
  }

  #nachOben {
    right: 0;
  }

  #wrap01 {
    float: left;
    width: 100%;
    background: url(../images/logobild.jpg) top -18px left no-repeat;
    height: 176px;
    background-size: 100%;
  }

  /*STARTSEITE*/

  /*MAINMEN�*/
  #mainMenue {
    width: 100%;
  }
  #menue ul#nav li:hover > ul {
    display: none;
    visibility: hidden;
  }
  #menue ul#nav ul li,
  #menue ul#nav ul {
    display: none !important;
    visibility: hidden;
  }

  #menue ul li.menueebene0Active,
  #menue ul li.menueebene0:hover,
  #menue ul li.menueebene1Active,
  #menue ul li.menueebene1:hover,
  #menue ul li.menueebene2Active,
  #menue ul li.menueebene2:hover,
  #menue ul li.menueebene3Active,
  #menue ul li.menueebene3:hover,
  #menue ul li.menueebene4Active,
  #menue ul li.menueebene4:hover {
  }

  /*SUBNAVI*/
  #subnavi ul li ul li a,
  #subnavi ul li ul li a:hover,
  #subnavi ul li ul li a.menueebeneActive,
  #subnavi ul li ul li a.menueebeneActive:hover,
  #subnavi ul li ul li a:hover {
    width: 76%;
  }

  #subnavi ul li ul li a:hover,
  #subnavi ul li ul li a.menueebeneActive,
  #subnavi ul li ul li a.menueebeneActive:hover,
  #subnavi ul li ul li a:hover {
    background-position: 15px center !important;
  }
  #subnavi ul li a {
    word-break: break-word;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

  /*######################################*/
  /*############ 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%;
  }

  .formobjektNoSize,
  .formobjekt,
  .formobjektklein,
  .formobjektselectklein,
  .containerSelector,
  .formobjektselectkleinMonth,
  .formobjektselectkleinYear,
  .formobjektselectkleinVeranstaltung,
  .formobjektkleinVeranstaltung,
  .formobjektCaptcha,
  .formobjektselectklein,
  .formobjektkleinGastro,
  .formobjektselectkleinGastro,
  .formobjektkleinGastro,
  .formSelect,
  .formobjektkleinGB,
  input[type="date"],
  input[type="text"] {
    padding: 5px 3px;
  }

  .contentblocksmall,
  .contentblocksmallnone {
    width: 42%;
  }

  /*### NEWS ###*/
  #dynamischeListe2 .newsText {
    width: 54%;
  }

  /*BILDER*/
  .ce-textpic .ce-gallery .ce-column {
    float: none;
    text-align: center;
  }
  #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;
  }
  .clickenlarge-1 .image-caption {
    background: none;
  }

  /*######################################*/
  /*FOOTER*/
  #footerOeffnungszeiten {
    padding-bottom: 2%;
    padding-left: 3%;
    width: 31%;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* 	width: 420px; */

  .home #quicklinks {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .home #quicklinks #ql01,
  .home #quicklinks #ql02,
  .home #quicklinks #ql03 {
    width: 300px;
    position: relative;
    margin: 40px 0;
  }
  ul#nav.dropdown {
    display: unset;
    justify-content: unset;
    margin-top: unset;
  }
  #suchbereich {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #tourismusblock {
    position: absolute;
    top: 50%;
    right: 50%;
    background: rgba(46, 46, 46, 0.8);
    float: right;
    width: calc(100% - 72px);
    padding: 33px 36px 40px;
    font-family: "open_sanslight";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 1px;
    max-width: 362px;
    transform: translate(50%, 50%);
  }
  .home .alles,
  .home #footer {
    max-width: 700px;
  }
  #homenews h2,
  #homenews02 h2 {
    background: none;
  }
  #homenews {
    float: left;
    width: 100%;
    max-width: 400px;
    margin-left: calc(50% - 200px);
  }
  /*INFOBOXEN*/

  .infoboxbereichDesktop {
    display: none;
    visibility: hidden;
  }
  .infoboxbereichRespo {
    display: block;
    visibility: visible;
  }
  #infoboxbereich .infobox {
    border: 3px solid #4d4d4d;
    width: 99%;
  }
  #infoboxbereich .infobox h4 {
    margin: 0;
  }

  #contentbereich .contentbereichInfobox .ce-bodytext,
  #contentbereich .contentbereichInfobox .tx-felogin-pi1 {
    padding: 0 4% 5px;
    width: 92%;
  }

  body {
    background: none !important;
  }
  #contentbereich .contentElement .ce-textpic .ce-gallery,
  #contentbereich .contentElement div.clickenlarge-1 .ce-textpic .ce-gallery {
    width: 100%;
    margin-left: 0 !important;
  }
  #contentbereich .minigal .scrollable img {
    margin: 41px 4px;
    width: 65px;
  }
  #contentbereich .minigal img {
    max-width: 99%;
  }
  .ce-textpic .ce-gallery.ce-border .ce-column IMG,
  .ce-textpic .ce-border .csc-textpic-single-image IMG {
    width: 100%;
  }
  #contentbereich .tx-kommpublishconnector-pi1 .article div {
    width: 100% !important;
  }
  #footer01 {
    margin-left: 2%;
    width: 37%;
  }
  #footer02 {
    float: right;
    margin-left: 0;
    margin-right: 2%;
    width: 50%;
  }
  #footer03 {
    margin-left: 0;
    width: 100%;
  }
  #homelayout01-2 {
    width: 100%;
  }
  #homelayout01-1 {
    width: 99.8% !important;
  }
  #homelayout01-1 h3,
  #homelayout01-2 h3,
  #homelayout01-2 #wetteralles h3 {
    margin-left: 7%;
    width: 93%;
  }
  #homelayout01-2 #wetteralles .wetterBild {
    margin-left: 10%;
    width: 29%;
  }
  #homenews ul li .teaserText {
    width: 57%;
  }
  #wrap {
    width: 99.9%;
  }
  #homelayout01-2 #wetteralles .wettertext {
    width: 55%;
  }
  #homenews .alleLesen a.homebtn {
    margin-right: 6%;
  }
  #layout02alles {
    border-radius: 0;
    box-shadow: none !important;
    margin-top: 0;
    padding-top: 0;
  }
  .liteAccordion {
    display: none;
  }
  #menue ul li {
    background: none repeat scroll 0 0 #fed137 !important;
    color: #ffffff !important;
  }
  #layout01-1 {
    float: none;
    margin: 40px auto 0;
    width: 50%;
  }
  #layout02-1 {
    width: 100%;
  }
  #layout02-2 {
    margin-left: 8%;
    margin-right: 8%;
    width: 84%;
  }

  #jahreszeiten {
    top: -60px;
    z-index: 9999;
    width: 100%;
  }
  #navlinks {
    margin-top: 0;
  }
  #nachOben {
    right: 0;
    bottom: -15px;
  }
  .kalenderFilterOption .rahmen {
    width: 48%;
  }
  .kalenderFilterOption .rahmen.last {
    width: 97%;
  }
  #season {
    width: 65%;
    float: right;
  }
  #season a {
    float: right;
    height: 58px;
    margin-left: 3%;
    width: 65px !important;
  }
  #season a:hover {
    width: 65px !important;
  }
  #sozial {
    float: right;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 100px;
  }
  #sozial a {
    float: right;
    margin-right: 10px;
    width: 40px;
  }
  #sozial a img {
    margin-top: 7px;
  }
  #wrap01 {
    background: url("../images/logobild.jpg") no-repeat scroll left -26px;
    height: auto;
  }
  #wrap02 {
    background: none !important;
    margin-top: 35px;
  }
  #footeralles {
    margin-top: 40px;
  }

  #contentbereich .kalenderFilterOption ul.checkboxSplitterKalender li {
    width: 50%;
  }
  #responsiveHidden {
    display: none;
  }
  #responsiveShow {
    display: block;
  }
  #responsiveShow #layout03-3 {
    background: none repeat scroll 0 0 #dfdfdf;
    float: left;
    left: 0;
    padding-left: 7%;
    padding-top: 10px;
    position: relative;
    width: 93%;
  }
  #responsiveShow #layout03-3 .bodenseelogo {
    width: 26%;
  }
  #breadcrumb {
    width: 95%;
  }
  #contentColLeft .ce-textpic.ce-center:not(.ce-intext) {
    text-align: left;
  }
  #contentColRight .ce-textpic.ce-center:not(.ce-intext) {
    text-align: left;
  }
  #template01 #contentbereich #contentColLeft,
  #template03 #contentbereich #contentColLeft,
  #template04 #contentbereich #contentColLeft,
  #template06 #contentbereich #contentColLeft,
  #template05 #contentbereich #contentColLeft {
    width: 95.8%;
  }
  #template01 #contentbereich #contentColRight,
  #template03 #contentbereich #contentColRight,
  #template04 #contentbereich #contentColRight,
  #template06 #contentbereich #contentColRight,
  #template05 #contentbereich #contentColRight {
    width: 95.8%;
  }
  #contentColRight
    div.contentElement
    div.clickenlarge-1
    .ce-textpic
    .ce-gallery
    DIV.ce-row.ce-row
    li.ce-column {
    padding-left: 10px !important;
  }
  #contentColLeft
    div.contentElement
    div.clickenlarge-1
    .ce-textpic
    .ce-gallery
    DIV.ce-row.ce-row
    li.ce-column {
    padding-left: 10px !important;
  }
  #dynamischeListe2 .date02 {
    width: 242px;
  }
  #subnavi ul li ul li a:hover,
  #subnavi ul li ul li a.menueebeneActive:hover,
  #subnavi ul li ul li a:hover,
  #subnavi ul li ul li a.menueebeneActive {
    font-weight: 900;
    color: #000;
  }
  #menue ul li {
    background: none repeat scroll 0 0 #4d4d4d !important;
  }
  #menue ul li:hover,
  #menue ul li.menueebene4Active,
  #menue ul li.menueebene3Active,
  #menue ul li.menueebene2Active,
  #menue ul li.menueebene1Active,
  #menue ul li.menueebene0Active {
    background: none repeat scroll 0 0 #e5e5e5 !important;
  }
  #menue ul li:hover a,
  #menue ul li.menueebene4Active a,
  #menue ul li.menueebene3Active a,
  #menue ul li.menueebene2Active a,
  #menue ul li.menueebene1Active a,
  #menue ul li.menueebene0Active a {
    color: #000;
  }
  #menue ul li a {
    color: #fff;
  }

  /*STARTSEITE*/

  /*MAINMEN�*/
  #mainMenue {
    box-shadow: none;
    float: right;
    margin: 0;
    position: relative;
    left: 0;
    top: 9px;
    width: 99.6%;
    z-index: 20;
  }
  #subnavi h3 {
    display: none;
  }
  #mainMenue ul li span img {
    display: none;
  }
  #menue ul {
    margin: 10px auto 0;
  }
  #menue {
    left: 0;
    top: -40px;
    float: right;
    position: relative;
    width: 100%;
    z-index: 116;
    margin-right: 0;
  }
  #menue ul li a {
    font-size: 20px;
  }
  #menue ul li {
    border: 1px solid #ccc;
    background: none repeat scroll 0 0 #ffffff;
  }
  #menue ul li ul {
    display: none !important;
  }
  #menue ul li.menueebene0Active,
  #menue ul li.menueebene0Active:hover,
  #menue ul li.menueebene0:hover,
  #menue ul li.menueebene1Active,
  #menue ul li.menueebene1Active:hover,
  #menue ul li.menueebene1:hover,
  #menue ul li.menueebene2Active,
  #menue ul li.menueebene2Active:hover,
  #menue ul li.menueebene2:hover {
    border-bottom: none !important;
  }
  #menue ul li:hover,
  #menue ul li.menueebene4Active,
  #menue ul li.menueebene3Active,
  #menue ul li.menueebene2Active,
  #menue ul li.menueebene1Active,
  #menue ul li.menueebene0Active {
  }
  #menue ul li ul li {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-bottom: none !important;
  }
  #menue ul li.menueebene0,
  #menue ul li.menueebene1,
  #menue ul li.menueebene2,
  #menue ul li.menueebene3,
  #menue ul li.menueebene4 {
    width: 99.5%;
    margin-left: 0;
    border-bottom: none !important;
  }

  #menue ul li.menueebene0Active,
  #menue ul li.menueebene1Active,
  #menue ul li.menueebene2Active,
  #menue ul li.menueebene3Active,
  #menue ul li.menueebene4Active {
    width: 99.5%;
    margin-left: 0;
    border-bottom: none !important;
  }
  #menue ul li.menueebene0Active,
  #menue ul li.menueebene0,
  #menue ul li.menueebene1Active,
  #menue ul li.menueebene1,
  #menue ul li.menueebene2Active,
  #menue ul li.menueebene2 {
    margin-left: 0;
    width: 99.5%;
    border-bottom: none !important;
  }
  #menue ul#nav li:hover > ul {
    display: none;
    visibility: hidden;
  }
  .responsiveMenue {
    display: none;
  }
  .responsiveMenue.show {
    display: block;
  }
  .nav_responsive {
    display: block;
    left: 0;
    position: relative;
    top: -40px;
  }
  .nav_responsive_activate {
    background: url(../images/mainMenueResponsive.png) no-repeat scroll -32px 12px
      #676767;
    display: inline-block;
    float: left;
    height: 17px;
    overflow: hidden;
    padding: 10px 10px 14px;
    text-indent: 9999px;
    width: 21px;
    cursor: pointer;
    cursor: hand;
  }

  .nav_responsive_activate:hover,
  .nav_responsive_active:hover {
    background-color: #676767;
    cursor: pointer;
    cursor: hand;
  }

  .nav_responsive_active {
    background: url(../images/mainMenueResponsive.png) no-repeat scroll 10px
      12px #676767;
    display: inline-block;
    float: left;
    height: 17px;
    overflow: hidden;
    padding: 10px 10px 14px;
    text-indent: 9999px;
    width: 21px;
    cursor: pointer;
    cursor: hand;
  }

  /*SUBNAVI*/
  .activatesub {
    background: url(../images/nav420px.png) no-repeat scroll center 19px #676767;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
  }

  .activesub {
    background: url(../images/nav420px.png) no-repeat scroll center -8px #676767;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 15px;
    margin-bottom: 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
  }

  .responsivenavi {
    display: block;
    width: 100%;
    float: left;
  }

  .show {
    display: block !important;
  }
  #subnavi {
    display: none;
    margin-left: 0;
    padding-bottom: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  #subnavi ul {
    width: 100%;
  }
  #subnavi ul li {
    width: 100%;
  }
  #subnavi ul li a {
    background: #c9cbc9;
    font-size: 15px;
    padding: 6px 0;
    text-align: center;
    width: 100%;
  }
  #subnavi ul li a:hover,
  #subnavi ul li a.menueebeneActive,
  #subnavi ul li a.menueebeneActive:hover {
    font-size: 15px;
    padding: 6px 0;
    text-align: center;
    width: 100%;
  }
  #subnavi ul li ul li a,
  #subnavi ul li ul li a:hover,
  #subnavi ul li ul li a.menueebeneActive,
  #subnavi ul li ul li a.menueebeneActive:hover,
  #subnavi ul li ul li a:hover {
    font-size: 14px;
    padding: 6px 0 6px 0;
    text-align: center;
    width: 100%;
    background: none !important;
  }
  #subnavi ul li ul li a:hover,
  #subnavi ul li ul li a.menueebeneActive:hover,
  #subnavi ul li ul li a:hover,
  #subnavi ul li ul li a.menueebeneActive {
    font-weight: 900;
    color: #b95300;
  }
  #subnavi ul li ul li ul li a,
  #subnavi ul li ul li ul li a:hover,
  #subnavi ul li ul li ul li a.menueebeneActive,
  #subnavi ul li ul li ul li a.menueebeneActive:hover,
  #subnavi ul li ul li ul li a:hover {
    font-size: 13px;
    padding: 6px 0 6px 0;
    text-align: center;
    width: 100%;
    background: none !important;
  }

  /*QUICKLINKS*/
  #quick {
    width: 0%;
    display: none;
  }

  /*######################################*/
  /*############ CONTENT #################*/
  #contentbereich {
    padding: 10px 0 0;
    width: 95%;
  }

  .rahmen.fuenfzig {
    width: 100%;
  }

  .contentblocksmall {
    margin-right: 0;
    width: 90%;
  }
  .contentblocksmallnone {
    width: 90%;
  }

  #contentbereich .ce-gallery DIV.ce-row DIV.ce-column.ce-column {
    background: none;
    line-height: 0;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
  }

  /*### 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;
    text-align: center;
  }
  #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;
  }
  .clickenlarge-1 .image-caption {
    background: none;
  }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  /* 	width: 300px; */
  #homenews {
    width: 100%;
    max-width: 300px;
    margin-left: calc(50% - 150px);
  }
  .home #quicklinks {
    float: left;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .home #quicklinks #ql01,
  .home #quicklinks #ql02,
  .home #quicklinks #ql03 {
    margin: 40px 0;
  }
  #tourismusblock {
    position: absolute;
    top: 50%;
    right: 50%;
    background: rgba(46, 46, 46, 0.8);
    float: right;
    width: calc(100% - 72px);
    padding: 33px 36px 40px;
    font-family: "open_sanslight";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 1px;
    max-width: 362px;
    transform: translate(50%, 50%);
  }
  ul#nav.dropdown {
    display: unset;
    justify-content: unset;
    margin-top: unset;
  }
  #homenews h2,
  #homenews02 h2 {
    background: none;
  }
  /*INFOBOXEN*/

  .infoboxbereichDesktop {
    display: none;
    visibility: hidden;
  }
  .infoboxbereichRespo {
    display: block;
    visibility: visible;
  }
  #infoboxbereich .infobox {
    border: 3px solid #4d4d4d;
    width: 99%;
  }
  #infoboxbereich .infobox h4 {
    margin: 0;
  }

  #contentbereich .contentbereichInfobox .ce-bodytext,
  #contentbereich .contentbereichInfobox .tx-felogin-pi1 {
    padding: 0 4% 5px;
    width: 92%;
  }

  body {
    background: none !important;
  }
  #contentbereich .contentElement .ce-textpic .ce-gallery,
  #contentbereich .contentElement div.clickenlarge-1 .ce-textpic .ce-gallery {
    width: 100%;
    margin-left: 0 !important;
  }
  #wrap {
    float: left;
    width: 99.9%;
  }
  #contentbereich .minigal .scrollable img {
    margin: 15px 4px;
    width: 35px;
  }
  #contentbereich .minigal a.browse {
    top: -27px;
  }
  #contentbereich .minigal .scrollable {
    height: 58px;
  }
  #contentbereich .minigal img {
    max-width: 99%;
  }
  .ce-textpic .ce-gallery.ce-border .ce-column IMG,
  .ce-textpic .ce-border .csc-textpic-single-image IMG {
    width: 100%;
  }
  #contentbereich #kalender .list .entry a img {
    display: none;
  }
  #contentbereich .tx-kommpublishconnector-pi1 .article div {
    width: 100% !important;
  }
  .home #footeralles {
    margin-top: 0px;
  }
  #footeralles {
    margin-top: 40px;
  }
  #footer01 {
    float: none;
    margin: 0 auto;
    width: 57%;
  }
  #footer02 {
    float: none;
    margin: 0 auto 40px;
    width: 93%;
  }
  #footer03 {
    margin-left: 0;
    width: 100%;
  }
  #homelayout01-1,
  #homelayout01-2 {
    width: 100%;
  }
  #homelayout01-1 h3,
  #homelayout01-2 h3,
  #homelayout01-2 #wetteralles h3 {
    margin-left: 7%;
    width: 93%;
  }
  #homelayout01-2 #wetteralles .wetterBild {
    margin-left: 10%;
    width: 29%;
  }
  #homelayout01-2 .homecalender .homeKalenderText h3 {
    margin-left: 0;
  }
  #homelayout01-2 #wetteralles .wettertext {
    width: 55%;
  }
  #homenews .alleLesen a.homebtn {
    margin-right: 6%;
  }
  #homenews ul li.news .teaserPicture a img {
    display: none;
  }
  #homenews ul li .teaserText {
    width: 100%;
  }
  #jahreszeiten {
    top: -120px;
    z-index: 9999;
    width: 100%;
  }
  #season {
    width: 65%;
    float: right;
  }
  #season a {
    float: right;
    height: 58px;
    margin-left: 3%;
    width: 65px !important;
  }
  #season a:hover {
    width: 65px !important;
  }
  #sozial {
    float: right;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 30px;
    width: 100px;
  }
  #sozial a {
    float: right;
    margin-right: 10px;
    width: 40px;
  }
  #sozial a img {
    margin-top: 7px;
  }
  .kalenderFilterOption .rahmen {
    width: 100%;
  }
  .kalenderFilterOption .rahmen.last {
    width: 95%;
  }
  .kalenderFilterOption input[type="submit"] {
    padding: 10px 10px;
    width: 62%;
  }
  #kalenderOption #exportIcsBtn,
  #kalenderOption #exportPdfBtn {
    width: 100%;
  }
  #kalenderOption .kalenderBtn {
    margin-right: 0px;
    width: calc(100% - 34px);
  }
  #kalenderOption .kalenderansichtBtn,
  #kalenderOption .kalenderansichtBtn.btnActive,
  #kalenderOption .listenansichtBtn,
  #kalenderOption .listenansichtBtn.btnActive,
  #kalenderClassic #kalenderOption .icsBtn,
  #kalenderClassic #kalenderOption .pdfBtn {
    width: 100%;
  }
  #contentbereich .kalenderFilterOption ul.checkboxSplitterKalender li {
    width: 100%;
  }
  #layout02alles {
    border-radius: 0;
    box-shadow: none !important;
    margin-top: 0;
    padding-top: 0;
  }
  #subnavi ul li ul li a:hover,
  #subnavi ul li ul li a.menueebeneActive:hover,
  #subnavi ul li ul li a:hover,
  #subnavi ul li ul li a.menueebeneActive {
    font-weight: 900;
    color: #000;
  }
  #menue ul li {
    background: none repeat scroll 0 0 #4d4d4d !important;
  }
  #menue ul li:hover,
  #menue ul li.menueebene4Active,
  #menue ul li.menueebene3Active,
  #menue ul li.menueebene2Active,
  #menue ul li.menueebene1Active,
  #menue ul li.menueebene0Active {
    background: none repeat scroll 0 0 #e5e5e5 !important;
  }
  #menue ul li:hover a,
  #menue ul li.menueebene4Active a,
  #menue ul li.menueebene3Active a,
  #menue ul li.menueebene2Active a,
  #menue ul li.menueebene1Active a,
  #menue ul li.menueebene0Active a {
    color: #000;
  }
  #menue ul li a {
    color: #fff;
  }
  #layout01-1 {
    float: none;
    margin: 60px auto 0;
    width: 66%;
  }
  #layout02-1 {
    width: 100%;
  }
  #layout02-2 {
    margin-left: 8%;
    margin-right: 8%;
    width: 84%;
  }
  .liteAccordion {
    display: none;
  }
  #logo {
    margin-left: 13%;
  }
  #nachOben {
    right: 0;
  }

  #wrap01 {
    background: url("../images/logobild.jpg") no-repeat scroll left -26px;
    height: auto;
  }
  #wrap02 {
    background: none !important;
    margin-top: 95px;
  }

  #suchbereich {
    width: 200px;
    margin-top: 0px !important;
    background: none repeat scroll 0 0 #ffffff;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .seasonText {
    display: none;
  }

  #dynamischeListe2 .date02 {
    width: 205px;
  }
  #responsiveHidden {
    display: none;
  }
  #responsiveShow {
    display: block;
  }
  #responsiveShow #layout03-3 {
    background: none repeat scroll 0 0 #dfdfdf;
    float: left;
    left: 0;
    padding-left: 7%;
    padding-top: 10px;
    position: relative;
    width: 93%;
  }
  #responsiveShow #layout03-3 .bodenseelogo {
    width: 39%;
  }
  #layout03-3 {
    bottom: auto;
    left: 20%;
    top: 45px;
    width: 80%;
  }
  #navlinks {
    margin: 0;
    width: 97%;
  }
  #nachOben {
    right: 0;
    bottom: -15px;
  }
  #breadcrumb {
    width: 95%;
  }
  #contentColLeft .ce-textpic.ce-center:not(.ce-intext) {
    text-align: left;
  }
  #contentColRight .ce-textpic.ce-center:not(.ce-intext) {
    text-align: left;
  }
  #template01 #contentbereich #contentColLeft,
  #template03 #contentbereich #contentColLeft,
  #template04 #contentbereich #contentColLeft,
  #template06 #contentbereich #contentColLeft,
  #template05 #contentbereich #contentColLeft {
    width: 95.8%;
  }
  #template01 #contentbereich #contentColRight,
  #template03 #contentbereich #contentColRight,
  #template04 #contentbereich #contentColRight,
  #template06 #contentbereich #contentColRight,
  #template05 #contentbereich #contentColRight {
    width: 95.8%;
  }
  #contentColRight
    div.contentElement
    div.clickenlarge-1
    .ce-textpic
    .ce-gallery
    DIV.ce-row.ce-row
    li.ce-column {
    padding-left: 10px !important;
  }
  #contentColLeft
    div.contentElement
    div.clickenlarge-1
    .ce-textpic
    .ce-gallery
    DIV.ce-row.ce-row
    li.ce-column {
    padding-left: 10px !important;
  }
  #contentbereich .spezialAppBox h4 {
    float: left;
    padding: 0 10% 5px;
  }
  #contentbereich .spezialAppBox h4,
  #contentbereich .spezialAppBoxLiveGuide h4 {
    float: left;
    padding: 0 10% 5px;
  }
  .spezialAppBox,
  .spezialAppBoxLiveGuide {
    width: 100%;
  }
  .spezialAppBox .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-gallery,
  .spezialAppBox .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .spezialAppBox .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-gallery,
  .spezialAppBox .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery,
  .spezialAppBoxLiveGuide
    .ce-textpic.ce-left.ce-intext:not(.ce-nowrap)
    .ce-gallery,
  .spezialAppBoxLiveGuide .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .spezialAppBox .ce-bodytext {
    float: left;
    margin-left: 10%;
  }
  .spezialAppBoxLiveGuide .ce-bodytext {
    float: left;
    padding-left: 10%;
  }
  #layout03-3 p.contactright {
    float: left;
    width: 100%;
  }
  #layout03-3 p.contactleft {
    float: left;
    width: 100%;
  }
  .rahmen.left .formobjektkleinVeranstaltung,
  .rahmen.fuenfzig .formobjektkleinVeranstaltung {
    float: left;
    width: 95.4%;
  }
  .rahmen.left {
    float: left;
    width: 100%;
    margin-left: 0%;
  }
  .rahmen.right {
    width: 100%;
    margin-left: 0;
  }
  #layout03-3 p.cm {
    margin-top: -10px;
  }
  /*STARTSEITE*/
  /*MAINMEN�*/
  #mainMenue {
    box-shadow: none;
    float: right;
    margin: 0;
    position: relative;
    left: 0;
    top: 9px;
    width: 99.6%;
    z-index: 20;
  }
  #subnavi h3 {
    display: none;
  }
  #mainMenue ul li span img {
    display: none;
  }
  #menue ul {
    margin: 10px auto 0;
  }
  #menue {
    left: 0;
    top: -40px;
    margin-right: 0;
    width: 100%;
  }
  #menue ul li a {
    font-size: 20px;
  }
  #menue ul li {
    border: 1px solid #ccc;
  }
  #menue ul li ul {
    display: none !important;
  }
  #menue ul li.menueebene0Active,
  #menue ul li.menueebene0Active:hover,
  #menue ul li.menueebene0:hover,
  #menue ul li.menueebene1Active,
  #menue ul li.menueebene1Active:hover,
  #menue ul li.menueebene1:hover,
  #menue ul li.menueebene2Active,
  #menue ul li.menueebene2Active:hover,
  #menue ul li.menueebene2:hover {
    border-bottom: none !important;
  }
  #menue ul li:hover,
  #menue ul li.menueebene4Active,
  #menue ul li.menueebene3Active,
  #menue ul li.menueebene2Active,
  #menue ul li.menueebene1Active,
  #menue ul li.menueebene0Active {
  }
  #menue ul li ul li {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-bottom: none !important;
  }
  #menue ul li.menueebene0,
  #menue ul li.menueebene1,
  #menue ul li.menueebene2,
  #menue ul li.menueebene3,
  #menue ul li.menueebene4 {
    width: 99.5%;
    margin-left: 0;
    border-bottom: none !important;
  }

  #menue ul li.menueebene0Active,
  #menue ul li.menueebene1Active,
  #menue ul li.menueebene2Active,
  #menue ul li.menueebene3Active,
  #menue ul li.menueebene4Active {
    width: 99.5%;
    margin-left: 0;
    border-bottom: none !important;
  }
  #menue ul li.menueebene0Active,
  #menue ul li.menueebene0,
  #menue ul li.menueebene1Active,
  #menue ul li.menueebene1,
  #menue ul li.menueebene2Active,
  #menue ul li.menueebene2 {
    margin-left: 0;
    width: 99.5%;
    border-bottom: none !important;
  }
  #menue ul#nav li:hover > ul {
    display: none;
    visibility: hidden;
  }
  .responsiveMenue {
    display: none;
  }
  .responsiveMenue.show {
    display: block;
  }
  .nav_responsive {
    display: block;
    left: 0;
    position: relative;
    top: -40px;
  }
  .nav_responsive_activate {
    background: url(../images/mainMenueResponsive.png) no-repeat scroll -32px 12px
      #676767;
    display: inline-block;
    float: left;
    height: 17px;
    overflow: hidden;
    padding: 10px 10px 14px;
    text-indent: 9999px;
    width: 21px;
    cursor: pointer;
    cursor: hand;
  }

  .nav_responsive_activate:hover,
  .nav_responsive_active:hover {
    background-color: #676767;
    cursor: pointer;
    cursor: hand;
  }

  .nav_responsive_active {
    background: url(../images/mainMenueResponsive.png) no-repeat scroll 10px
      12px #676767;
    display: inline-block;
    float: left;
    height: 17px;
    overflow: hidden;
    padding: 10px 10px 14px;
    text-indent: 9999px;
    width: 21px;
    cursor: pointer;
    cursor: hand;
  }

  /*SUBNAVI*/
  .activatesub {
    background: url(../images/nav300px.png) no-repeat scroll center 19px #676767;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
  }

  .activesub {
    background: url(../images/nav300px.png) no-repeat scroll center -8px #676767;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 15px;
    margin-bottom: 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
  }

  .responsivenavi {
    display: block;
    width: 100%;
    float: left;
  }

  .show {
    display: block !important;
  }
  #subnavi {
    display: none;
    margin-left: 0;
    padding-bottom: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  #subnavi ul {
    width: 100%;
  }
  #subnavi ul li {
    width: 100%;
  }
  #subnavi ul li a {
    background: #c9cbc9;
    font-size: 15px;
    padding: 6px 0;
    text-align: center;
    width: 100%;
  }
  #subnavi ul li a:hover,
  #subnavi ul li a.menueebeneActive,
  #subnavi ul li a.menueebeneActive:hover {
    font-size: 15px;
    padding: 6px 0;
    text-align: center;
    width: 100%;
  }
  #subnavi ul li ul li a,
  #subnavi ul li ul li a:hover,
  #subnavi ul li ul li a.menueebeneActive,
  #subnavi ul li ul li a.menueebeneActive:hover,
  #subnavi ul li ul li a:hover {
    font-size: 14px;
    padding: 6px 0 6px 0;
    text-align: center;
    width: 100%;
    background: none !important;
  }
  #subnavi ul li ul li a:hover,
  #subnavi ul li ul li a.menueebeneActive:hover,
  #subnavi ul li ul li a:hover,
  #subnavi ul li ul li a.menueebeneActive {
    font-weight: 900;
    color: #006409;
  }
  #subnavi ul li ul li ul li a,
  #subnavi ul li ul li ul li a:hover,
  #subnavi ul li ul li ul li a.menueebeneActive,
  #subnavi ul li ul li ul li a.menueebeneActive:hover,
  #subnavi ul li ul li ul li a:hover {
    font-size: 13px;
    padding: 6px 0 6px 0;
    text-align: center;
    width: 100%;
    background: none !important;
  }

  /*QUICKLINKS*/
  #quick {
    width: 0%;
    display: none;
  }

  /*######################################*/
  /*############ CONTENT #################*/

  .rahmen.fuenfzig {
    width: 100%;
  }

  .contentblocksmall {
    margin-right: 0;
    width: 90%;
  }
  .contentblocksmallnone {
    width: 90%;
  }

  #contentbereich .ce-gallery DIV.ce-row DIV.ce-column.ce-column {
    background: none;
    line-height: 0;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
  }

  table.contenttable tbody td,
  table.contenttable tbody th {
    -ms-word-break: break-all;
    word-break: break-all;

    // Non standard for webkit
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }

  #dynamischeListe2 .weiterlesenNews {
    padding-bottom: 7px;
    padding-top: 7px;
    width: 125px;
  }
  #contentbereich {
    padding: 10px 1% 0;
    width: 97%;
  }
  #contentbereich .contentbereichInfobox h4 {
    width: 93%;
  }
  #contentbereich .contentbereichInfobox .ce-bodytext,
  #contentbereich .contentbereichInfobox .tx-felogin-pi1 {
    width: 86%;
  }
  #contentbereich #sliderOpenAll h4.sliderClosed,
  #contentbereich #sliderOpenAll1 h4.sliderClosed1,
  #contentbereich #sliderOpenAll2 h4.sliderClosed2,
  #contentbereich #sliderOpenAll3 h4.sliderClosed3,
  #contentbereich #sliderOpenAll4 h4.sliderClosed4,
  #contentbereich #sliderOpenAll5 h4.sliderClosed5,
  #contentbereich .slideBlock h4,
  #contentbereich h4.sliderClosed,
  #contentbereich #sliderOpenAll h4,
  #contentbereich .slideBlock1 h4,
  #contentbereich h4.sliderClosed1,
  #contentbereich #sliderOpenAll1 h4,
  #contentbereich .slideBlock2 h4,
  #contentbereich h4.sliderClosed2,
  #contentbereich #sliderOpenAll2 h4,
  #contentbereich .slideBlock3 h4,
  #contentbereich h4.sliderClosed3,
  #contentbereich #sliderOpenAll3 h4,
  #contentbereich .slideBlock4 h4,
  #contentbereich h4.sliderClosed4,
  #contentbereich #sliderOpenAll4 h4,
  #contentbereich .slideBlock5 h4,
  #contentbereich h4.sliderClosed5,
  #contentbereich #sliderOpenAll5 h4 {
    width: 94%;
  }

  /*### 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 5% 0;
    width: 90%;
  }
  #weatherBox .today {
    float: left;
    width: 100%;
  }
  #weatherBox .tomorrow {
    float: right;
    width: 100%;
  }

  /*### FORM ###*/
  .formleft,
  .formright {
    width: 100%;
  }
  .formobjektsmall {
    width: 95% !important;
  }
  ul.schadensmeldung li {
    width: 100%;
  }
  .formobjektkleinVeranstaltung {
    width: 95.4%;
  }
  .formobjektklein {
    width: 95%;
    float: left;
  }
  .formobjekt {
    width: 95%;
  }
  .formobjektCaptcha {
    width: 95%;
  }
  #contentbereich .export {
    width: 90.5%;
  }
  #kalender .list {
    width: 98%;
  }
  #contentbereich .controlBlockPageSlider {
    width: 100%;
  }

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

  /*### NEWS ###*/
  #dynamischeListe2 .newsText {
    width: 100%;
  }
  #dynamischeListe2 .teaserPicture {
    padding-bottom: 10px;
  }
  #photoListe .data {
    width: 72%;
  }
  .photoRahmen {
    width: 70px;
  }

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

  /*BILDER*/
  .ce-textpic .ce-gallery .ce-column {
    float: none;
    text-align: center;
  }
  #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;
  }
  .clickenlarge-1 .image-caption {
    background: none;
  }
}