/* common styles */ .responsivenavi, .nav_responsive { display: none; } #subnavi, .mmtext { display:none; } #responsiveShow, .nav_responsive { display: none; } #responsiveSidemenue { display:none; } /* #Media Queries ================================================== */ @media only screen and (min-width: 1151px) and (max-width: 1508px) { #icon-baeume { right: 0px; } #wrap01 { margin-bottom: 45px; } #controls a.bx-next, #controls a.bx-prev { top: 193px; width: 64px; } #slogan { right: 9%; top: -15px; } .home #wrap02 { padding-top: 185px; } #slogan p { font-size: 25px; line-height: 32px; } #headerImage { height: 323px; overflow: hidden; } .home #headerImage { height: 468px; } #menue ul li a { font-size: 19px; } #logo { width: 30.4%; } #bg-weiss { height: 100px; } #links { margin-bottom: 13px; } #layout03 { margin-top: 122px; } #mainMenueSub { top: 180px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 1025px) and (max-width: 1150px) { /*STARTSEITE*/ #wrap01 { margin-bottom: 45px; } #controls a.bx-next, #controls a.bx-prev { top: 193px; width: 64px; } #slogan { right: 9%; top: -15px; } .home #wrap02 { padding-top: 185px; } #slogan p { font-size: 25px; line-height: 32px; } #headerImage { height: 323px; overflow: hidden; } .home #headerImage { height: 468px; } #menue ul li a { font-size: 19px; } #logo { width: 30.4%; } #bg-weiss { height: 100px; } #links { margin-bottom: 13px; } #layout03 { margin-top: 122px; } #mainMenueSub { top: 180px; } #kontrast-alles, #tourismus { width: 125px; } #kontrast-schrift { padding: 8px 5px 13px 10px; width: 173px; } #menuequick-suche { width: 199px; } #mainMenueSub ul li ul { padding: 20px 0 0 3%; width: 97%; } #quicklinks { margin-left: 1%; width: 40.4%; } #kalender-home .homecalender { width: 95%; } #kalender-home { width: 57.5%; } #kalender-home .homecalender { width: 92%; } #kalenderCube #weiterlesen, #homenews a.contReadall { right: 1px; width: 154px; } #footer01 { margin-left: 2.5%; margin-right: 2.5%; } #footer02 { margin-right: 7.5%; width: 32%; } #homenews { float: none; margin: 20px auto 0; max-width: 990px; } .bgSlider02 .news { width: 313px !important; } /*CONTENT*/ #layout03 { margin-top: 85px; } #content { margin-left: 1.5%; width: 68%; } #infoboxbereich { margin-right: 1.5%; width: 26%; } #breadcrumb a { font-size: 17px; } #contentbereich .firstFont p { font-size: 17px; } .infobox { padding: 20px 9%; width: 81%; } .ce-textpic .ce-gallery .ce-column { margin-left: 0; } .ce-textpic .ce-gallery:not([data-ce-rows="1"]) .ce-row:last-child, .ce-textpic .ce-gallery[data-ce-rows="1"] .ce-row .csc-textpic-last { margin-bottom: 10px; } .clickenlarge-1 .image-caption, .clickenlarge-0 .image-caption { width: auto !important; } #navlinks { margin-right: 1.5%; width: 22.9%; } #icon-baeume { right: 0; } #listView .galleryListRight { width: 61% !important; } #listView .galleryListPrevImgSmall01, #listView .galleryListPrevImgSmall02, #listView .galleryListPrevImgSmall03 { margin-right: 2% !important; } #contentbereich #tableContainer #listView.listView .lineNrBlock .colNrBlock .galleryListPrevDiv .galleryListRight img { height: 70px !important; width: 115px !important; } #listView .galleryListPrevArrow { bottom: 44px !important; right: 4px !important; } .contentblocksmall, .contentblocksmallnone { margin-right: 12px !important; width: 42.2% !important; } #dynamischeListe2 .newsText { width: 58%; } #kalenderOption .kalenderBtn { margin-right: 3.65%; margin-top: 15px; padding: 6px 7% 6px 2%; width: 20.5%; } #contentbereich #contentColRight .contentElement .tx-kommpublishconnector-pi1 form.borderform .rahmen.right { margin-left: 0 !important; } .ce-textpic .ce-gallery .csc-textpic-first { margin-right: 10px; } #contentbereich .minigal .clickenlarge-0, #contentbereich .minigal .clickenlarge-1 { width: 22.8%; } #contentbereich .minigal .scrollWrap, #contentbereich .minigal .scrollable, .itemsinnerwrap { height: 343px; } #contentbereich .minigal .ce-textpic .ce-row { height: 100px; } #contentbereich .minigal a.browse, #contentbereich .minigal a.prev { left: 62px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 960px) and (max-width: 1024px) { /*STARTSEITE*/ #slogan { right: 13%; top: 56px; width: 42%; } #layout01 #logo { margin-left: 1%; width: 27.4%; } #bg-weiss { height: 98px; } #links { width: 64%; margin-bottom: 11px; } #mainMenueSub { top: 168px; } #menue ul li a { font-size: 16px; } #menue ul li { padding: 10px 3.9% 5px; width: 11.4%; } #controls a.bx-next, #controls a.bx-prev { top: 172px; width: 59px; } #slogan p { font-size: 22px; line-height: 26px; } #slogan a { margin-top: 13px; } #wrap01 { margin-bottom: -35px; } #wrap02 { padding-top: 195px; } #layout03 { margin-top: 172px; } .bgSlider02 .news { width: 291px !important; } #kontrast-alles, #tourismus { width: 125px; } #kontrast-schrift { padding: 8px 5px 13px 10px; width: 173px; } #menuequick-suche { width: 199px; } #mainMenueSub ul li ul { padding: 20px 0 0 3%; width: 97%; } #quicklinks { margin-left: 1%; width: 42.4%; } #kalender-home .homecalender { width: 95%; } #kalender-home { float: left; width: 55.5%; } #kalenderCube #weiterlesen, #homenews a.contReadall { right: 1px; width: 154px; } #footer01 { margin-left: 2.5%; margin-right: 2.5%; } #footer02 { margin-right: 7.5%; width: 32%; } #homenews { float: none; margin: 0 auto; max-width: 926px; overflow: hidden; width: 98%; } /*CONTENT*/ #content { margin-left: 1.5%; width: 68%; } #infoboxbereich { margin-right: 1.5%; width: 26%; } #breadcrumb a { font-size: 17px; } #contentbereich .firstFont p { font-size: 17px; } .infobox { padding: 20px 9%; width: 81%; } .ce-textpic .ce-gallery .ce-column { margin-left: 0; } .ce-textpic .ce-gallery:not([data-ce-rows="1"]) .ce-row:last-child, .ce-textpic .ce-gallery[data-ce-rows="1"] .ce-row .csc-textpic-last { margin-bottom: 10px; } .clickenlarge-1 .image-caption, .clickenlarge-0 .image-caption { width: auto !important; } #navlinks { margin-right: 1.5%; width: 23.9%; } #icon-baeume { right: 0; } #listView .galleryListRight { width: 61% !important; } #listView .galleryListPrevImgSmall01, #listView .galleryListPrevImgSmall02, #listView .galleryListPrevImgSmall03 { margin-right: 2% !important; } #contentbereich #tableContainer #listView.listView .lineNrBlock .colNrBlock .galleryListPrevDiv .galleryListRight img { height: 70px !important; width: 115px !important; } #listView .galleryListPrevArrow { bottom: 44px !important; right: 4px !important; } .contentblocksmall, .contentblocksmallnone { margin-right: 12px !important; width: 42.2% !important; } #dynamischeListe2 .newsText { width: 58%; } #kalenderOption .kalenderBtn { padding: 6px 4% 6px 1%; width: 18.4%; } #contentbereich #contentColRight .contentElement .tx-kommpublishconnector-pi1 form.borderform .rahmen.right { margin-left: 0 !important; } .ce-textpic .ce-gallery .csc-textpic-first { margin-right: 10px; } #contentbereich .minigal .clickenlarge-0, #contentbereich .minigal .clickenlarge-1 { width: 22.8%; } #contentbereich .minigal .scrollWrap, #contentbereich .minigal .scrollable, .itemsinnerwrap { height: 343px; } #contentbereich .minigal .ce-textpic .ce-row { height: 100px; } #contentbereich .minigal a.browse, #contentbereich .minigal a.prev { left: 62px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* width: 745px; */ /*STARTSEITE*/ #menuequick-suche { width: 176px; } #controls { display: none; } #wrap01 { margin-bottom: -10px; } #wrap.home #wrap02 { padding: 105px 1% 70px; width: 98%; } #slogan { margin-right: 3%; margin-top: -20px; width: 48.4%; } #layout03 { margin-top: 62px; } #logo { margin-left: 8%; margin-top: 33px; position: relative; width: 37.4%; max-width: 220px; z-index: 1; } #bg-weiss { height: 105px; } #headerImage { height: 225px; } .home #headerImage { height: 290px; } #slogan p { font-size: 20px; line-height: 23px; } #slogan a { margin-top: 13px; } #menuequick a, #links a, #suchbereich .suche, #kontrast-alles p { font-size: 13px; } #kontrast-schrift, #tourismus { background-size: 100% auto; } #tourismus { background-size: 100% auto; padding: 7px 7px 13px 22px; width: 119px; } #kontrast-schrift { width: 144px; } #links { position: absolute; right: 0; top: 0; width: 73.0%; max-width: 550px; } #quicklinks { float: none; margin: 0 auto; max-width: 461px; width: 65.5%; } .ql-all { margin: 0 50.2px 0 auto; } #kalender-home { background: none repeat scroll 0 0; float: none; margin: 340px auto 0; width: 98%; } #kalender-home .homecalender { background: #cacaca none repeat scroll 0 0; border-radius: 5px; position: relative; width: 94%; } #footer01 { margin-left: 1%; margin-right: 5.7%; } #footer02 { margin-right: 4.7%; width: 39%; } #homenews { float: none; margin: 20px auto 0; width: 98.5%; } .bgSlider02 .news { width: 2.78% !important; } #homenews .teaserText h4 { font-size: 16px; } /*CONTENT*/ #content { margin-left: 1.5%; margin-right: 1.5%; width: 97%; } #breadcrumb { font-size: 16px; } #breadcrumb a { font-size: 16px; padding: 0 5px 0 20px; } #breadcrumb a:first-child { padding: 0 10px; } #breadcrumb a { font-size: 16px; padding: 0 0 0 14px; } #contentbereich .firstFont h4 { font-size: 30px; } #contentbereich .firstFont p { font-size: 17px; } .ce-textpic .ce-gallery:not([data-ce-rows="1"]) .ce-row:last-child, .ce-textpic .ce-gallery[data-ce-rows="1"] .ce-row .csc-textpic-last { margin-bottom: 15px; } #infoboxbereich { margin-left: 1.5%; margin-right: 1.5%; width: 97%; margin-top: 0; } .infobox { margin-right: 3.4%; padding: 20px 3%; width: 42%; } .infobox:nth-child(3n+2) { margin-right: 0; } #infoboxbereich .clickenlarge-0 h4, #infoboxbereich .clickenlarge-1 h4 { font-size: 18px; } #navlinks { bottom: 25px; right: 1.5%; width: 29.6%; } #icon-baeume { right: 0; width: 317px; } .ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-gallery, .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery { margin-left: 0 !important; margin-right: 3%; margin-top: 3px; } .ce-textpic .ce-gallery .ce-column { margin-left: 0 !important; } .ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-gallery { float: left; } #listView .galleryListRight { margin-top: 15px !important; width: 100% !important; } .contentblocksmall, .contentblocksmallnone { margin-bottom: 20px !important; margin-right: 10px !important; width: 40% !important; } #dynamischeListe2 .newsText { width: 61%; } .kalenderFilterOption .rahmen { width: 39%; } .kalenderFilterOption .rahmen.last { float: left; margin-bottom: 20px; margin-top: 8px; } .kalenderFilterOption ul.checkboxSplitterKalender li { width: 42%; } #contentbereich #contentColRight .contentElement .tx-kommpublishconnector-pi1 form.borderform .rahmen.right select.formobjektselectkleinVeranstaltung { margin-left: 0 !important; } /* Responsive Men� ANFANG */ #mainMenueSub { display: none; } #wrap.fade { height: 100%; overflow: hidden; position: absolute; right: -50%; width: 100%; } body.fadeb { overflow: hidden; } /*###### ResponsiveMainMen� ######*/ .nav_responsive { background: #d54235 none repeat scroll 0 0; cursor: pointer; display: block; left: 0; position: absolute; top: 0; z-index: 60; } .nav_responsive_activate, .nav_responsive_active{ background:url(../images/mainMenueResponsive.png) -25px center no-repeat; width:50px; height:50px; } .nav_responsive_active{ background-position:13px center; } #responsiveSidemenue.show{ float: left; height: 100%; width: 49.7%; overflow-x: auto; display:block; } #menue ul li a { padding: 5px 8%; } #responsiveSidemenue,#mainMenue.show{ display: block; } #menue ul li.menueebene0, #menue ul li.menueebene0Active, #menue ul li.menueebene0:hover, #menue ul li.menueebene0Active:hover { border-top: 1px solid #e04c19; } #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, #menue ul li.menueebene5Active, #menue ul li.menueebene5:hover, #menue ul li.hover { background-color: #ffffff; color: #d54235; border-bottom: 1px solid #e04c19; } #menue ul li.menueebene0Active a, #menue ul li.menueebene0Active a, #menue ul li.menueebene0Active a:hover, #menue ul li.menueebene1Active a, #menue ul li.menueebene1Active a, #menue ul li.menueebene1Active a:hover, #menue ul li.menueebene2Active a, #menue ul li.menueebene2Active a, #menue ul li.menueebene2Active a:hover, #menue ul li.menueebene3Active a, #menue ul li.menueebene3Active a, #menue ul li.menueebene3Active a:hover, #menue ul li.menueebene4Active a, #menue ul li.menueebene4Active a, #menue ul li.menueebene4Active a:hover, #menue ul li:hover a, #menue ul li a:hover, #menue ul li.hover a { color: #d54235; box-shadow: none; padding: 5px 8%; } #menue ul li.hover a::after, #menue ul li.menueebene0Active a::after, #menue ul li.menueebene1Active a::after, #menue ul li.menueebene2Active a::after, #menue ul li.menueebene3Active a::after, #menue ul li.menueebene4Active a::after { height: 0; } #menue ul li ul li a:hover, #menue ul li.menueebene0Active ul li a:hover, #menue ul li.menueebene1Active ul li a:hover, #menue ul li.menueebene2Active ul li a:hover, #menue ul li.menueebene3Active ul li a:hover, #menue ul li.menueebene4Active ul li a:hover, #menue ul li ul li a.active { color: #000000; background: #fff !important; } #menue ul li ul li ul li a:hover, #menue ul li ul li ul li a.act, #menue ul li ul li ul li a.act:hover, #menue ul li.menueebene0Active ul li ul li a:hover, #menue ul li.menueebene1Active ul li ul li a:hover, #menue ul li.menueebene2Active ul li ul li a:hover, #menue ul li.menueebene3Active ul li ul li a:hover, #menue ul li.menueebene4Active ul li ul li a:hover { background: none !important; text-decoration: underline; } #menue ul li ul li a:hover { color: #000000; } #responsiveSidemenue #mainMenue #menue ul li ul li ul { left: 0 !important; margin: 3px 8%; right: auto !important; width: 84%; background: none repeat scroll 0 0; display: none; } #menue ul#nav li ul li ul li a { background: url("../images/mnuli.gif") no-repeat scroll left 8px / 5px auto; color: #505050; font-size: 13px; text-transform: none; width: 86%; } #mainMenue{ display: none; margin-top: 55px; position: initial; } #menue, #menue ul{ height:100%; } #menue ul li { border-bottom: 1px solid #ffffff; border-right: 1px solid #e04c19; box-shadow: none; margin-left: 0; padding: 10px 2%; width: 95.8%; } #menue ul li ul li, #menue ul li ul li ul li { border-right: none; } #menue ul li a { font-size: 18px; border: medium none; } #menue ul li ul li a { background: none repeat scroll 0 0; border: medium none; padding: 5px 8%; width: 84%; font-size: 15px; color: #d54235; } #menue ul ul li.sub ul { margin-left: 14%; width: 93%; } #menue ul li ul li ul li { border-bottom: 0 none; padding: 2px 0; width: 100%; } #menue ul li ul li ul li a { color: #fff; } #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li { background: none; color: #000; } #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li a.l3-act { color: #353535; } #menue ul#nav ul, #menue ul#nav li:hover > ul { display: none; visibility:hidden; } #responsiveSidemenue #menue ul#nav li.menueebene0Active > ul, #responsiveSidemenue #menue ul#nav li.menueebene0Active ul li, #responsiveSidemenue #menue ul#nav li.menueebene1Active > ul, #responsiveSidemenue #menue ul#nav li.menueebene1Active ul li, #responsiveSidemenue #menue ul#nav li.menueebene2Active > ul, #responsiveSidemenue #menue ul#nav li.menueebene2Active ul li, #responsiveSidemenue #menue ul#nav li.menueebene3Active > ul, #responsiveSidemenue #menue ul#nav li.menueebene3Active ul li, #responsiveSidemenue #menue ul#nav li.menueebene4Active > ul, #responsiveSidemenue #menue ul#nav li.menueebene4Active ul li, #responsiveSidemenue #menue ul#nav li.menueebene0Active ul li.active > ul, #responsiveSidemenue #menue ul#nav li.menueebene1Active ul li.active > ul, #responsiveSidemenue #menue ul#nav li.menueebene2Active ul li.active > ul, #responsiveSidemenue #menue ul#nav li.menueebene3Active ul li.active > ul, #responsiveSidemenue #menue ul#nav li.menueebene4Active ul li.active > ul { display: block; visibility: visible; } #menue ul li ul li { display: none; } #menue ul li ul { border: medium none; float: left; margin: 0; padding: 0; position: static; width: 100%; } #menue ul li ul li { background: #ffd2c5 none repeat scroll 0 0; display: none; float: left; margin: 0; visibility: visible; width: 96%; } /* Responsive Men� ENDE */ /*######################################*/ /*############ 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; 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; } /*######################################*/ /*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; */ /*STARTSEITE*/ #popUp { left: -40px; top: -48px; } #logo { float: none; margin: 26px auto 0; width: 58.4%; max-width: 270px; } #links { float: none; margin: 37px auto; max-width: 463px; position: relative; width: 100%; } .home #wrap02 { padding-top: 125px; } #headerImage { top: 125px; max-height: 146px; } #kontrast-schrift, #tourismus { position: absolute; } #tourismus { top: 0; left:-6px; } #kontrast-schrift { top: 40px; left:-6px; } #kontrast-schrift { padding-right: 22px; width: 153px; } #kontrast-alles { width: 98px; } #menuequick-suche { margin-top: 1px; padding-right: 9px; } #footer01, #footer02 { float: none; margin: 0 auto; width: 65%; } #footer02 { float: none; margin: 0 auto; width: 66%; } #footer .alles #footer02 h4 { margin-top: 20px; } #slogan { padding-right: 27%; right: 0; width: 65%; } #slogan p { font-size: 18px; line-height: 20px; } #slogan a { font-size: 11px; margin-right: -30%; margin-top: -30px; } #footer table { margin-bottom: 30px; } #logo-zwei-taeler { float: none; margin: 0 auto; text-align: center; width: 100%; max-width: 250px; } #quicklinks { float: none; margin: 0 auto; max-width: 395px; width: 85%; } #wrap01 { margin-bottom: -53px; } #kalender-home { float: left; margin-left: 4%; margin-top: 40px; width: 92%; } #kalenderCube .calTextDetailTitle, #kalender-home #calTextDetailHeadline, .calTextDetailLocation { width: 87.5%; } #homenews { float: none; margin: 20px auto 0; overflow: hidden; width: 76.8%; max-width: 357px; } .bgSlider02 .news { width: 357px !important; } #controls { display: none; } /*CONTENT*/ .contentblocksmallnone { margin-right: 20px; } #layout03 { margin-top: 35px; } #content { margin-left: 2.5%; margin-right: 2.5%; width: 95%; } #breadcrumb { font-size: 16px; } #breadcrumb a { font-size: 16px; } #breadcrumb a:first-child { padding: 0 5px; } #breadcrumb a { padding: 0 1px 0 12px; } #contentbereich { margin-left: 0; margin-right: 0; padding: 30px 1% 30px; width: 98%; } #contentbereich .firstFont h4 { font-size: 23px; } .ce-textpic .ce-gallery .ce-column { margin-left: 0; } #contentbereich .firstFont p { font-size: 16px; } .ce-textpic .ce-gallery:not([data-ce-rows="1"]) .ce-row:last-child, .ce-textpic .ce-gallery[data-ce-rows="1"] .ce-row .csc-textpic-last { margin-bottom: 15px; } #infoboxbereich { float: none; margin: 0 auto; padding-bottom: 45px; width: 50.6%; } #navlinks { bottom: -27px; width: 47.6%; } #footer { margin-top: 40px; } #icon-baeume { right: 0; } #listView .galleryListRight { margin-top: 10px !important; width: 100% !important; } #contentbereich #tableContainer #listView.listView .lineNrBlock .colNrBlock .galleryListPrevDiv .galleryListRight img { height: 60px !important; width: 105px !important; } .contentblocksmall, .contentblocksmallnone { min-height: 180px !important; width: 37.2% !important; } #contentbereich .contentbereichInfobox h4 { font-size: 30px; } .kalenderFilterOption .rahmen { width: 47%; } .kalenderFilterOption .rahmen.last { float: left; } .kalenderFilterOption ul.checkboxSplitterKalender li { width: 60%; } #kalenderOption .kalenderBtn { margin-bottom: 6px; padding-right: 15.8%; width: 30.9%; } #kalenderOption .kalenderBtn:nth-child(2n+2) { margin-right: 0; } #contentbereich #contentColRight .contentElement .tx-kommpublishconnector-pi1 form.borderform .rahmen.right select.formobjektselectkleinVeranstaltung { margin-left: 0px !important; } #contentbereich .item img { margin-right: 15px; } #contentbereich .minigal .scrollWrap { height: 238px; } #contentbereich .minigal .scrollable { height: 238px; } .itemsinnerwrap { height: 238px; } #contentbereich .minigal .ce-textpic .ce-row { height: 63px; } #contentbereich .minigal a.browse, #contentbereich .minigal a.prev { left: 41px; } .newsDuopicture { width: 100%!important; } /* Responsive Men� ANFANG */ #mainMenueSub { display: none; } #wrap.fade { height: 100%; overflow: hidden; position: absolute; right: -74.7%; width: 100%; } body.fadeb { overflow: hidden; } /*###### ResponsiveMainMen� ######*/ .nav_responsive { background: #d54235 none repeat scroll 0 0; cursor: pointer; display: block; left: 0; position: absolute; top: 0; z-index: 60; } .nav_responsive_activate, .nav_responsive_active{ background:url(../images/mainMenueResponsive.png) -25px center no-repeat; width:50px; height:50px; } .nav_responsive_active{ background-position:13px center; } #responsiveSidemenue.show{ float: left; height: 100%; width: 74.7%; overflow-x: auto; display:block; } #menue ul li a { padding: 5px 8%; } #responsiveSidemenue,#mainMenue.show{ display: block; } #menue ul li.menueebene0, #menue ul li.menueebene0Active, #menue ul li.menueebene0:hover, #menue ul li.menueebene0Active:hover { border-top: 1px solid #e04c19; } #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, #menue ul li.menueebene5Active, #menue ul li.menueebene5:hover, #menue ul li.hover { background-color: #ffffff; color: #d54235; border-bottom: 1px solid #e04c19; } #menue ul li.menueebene0Active a, #menue ul li.menueebene0Active a, #menue ul li.menueebene0Active a:hover, #menue ul li.menueebene1Active a, #menue ul li.menueebene1Active a, #menue ul li.menueebene1Active a:hover, #menue ul li.menueebene2Active a, #menue ul li.menueebene2Active a, #menue ul li.menueebene2Active a:hover, #menue ul li.menueebene3Active a, #menue ul li.menueebene3Active a, #menue ul li.menueebene3Active a:hover, #menue ul li.menueebene4Active a, #menue ul li.menueebene4Active a, #menue ul li.menueebene4Active a:hover, #menue ul li:hover a, #menue ul li a:hover, #menue ul li.hover a { color: #d54235; box-shadow: none; padding: 5px 8%; } #menue ul li.hover a::after, #menue ul li.menueebene0Active a::after, #menue ul li.menueebene1Active a::after, #menue ul li.menueebene2Active a::after, #menue ul li.menueebene3Active a::after, #menue ul li.menueebene4Active a::after { height: 0; } #menue ul li ul li a:hover, #menue ul li.menueebene0Active ul li a:hover, #menue ul li.menueebene1Active ul li a:hover, #menue ul li.menueebene2Active ul li a:hover, #menue ul li.menueebene3Active ul li a:hover, #menue ul li.menueebene4Active ul li a:hover, #menue ul li ul li a.active { color: #000000; background: #fff !important; } #menue ul li ul li ul li a:hover, #menue ul li ul li ul li a.act, #menue ul li ul li ul li a.act:hover, #menue ul li.menueebene0Active ul li ul li a:hover, #menue ul li.menueebene1Active ul li ul li a:hover, #menue ul li.menueebene2Active ul li ul li a:hover, #menue ul li.menueebene3Active ul li ul li a:hover, #menue ul li.menueebene4Active ul li ul li a:hover { background: none !important; text-decoration: underline; } #menue ul li ul li a:hover { color: #000000; } #responsiveSidemenue #mainMenue #menue ul li ul li ul { left: 0 !important; margin: 3px 8%; right: auto !important; width: 84%; background: none repeat scroll 0 0; display: none; } #menue ul#nav li ul li ul li a { background: url("../images/mnuli.gif") no-repeat scroll left 8px / 5px auto; color: #505050; font-size: 13px; text-transform: none; width: 86%; } #mainMenue{ display: none; margin-top: 55px; position: initial; } #menue, #menue ul{ height:100%; } #menue ul li { border-bottom: 1px solid #ffffff; border-right: 1px solid #e04c19; box-shadow: none; margin-left: 0; padding: 10px 2%; width: 95.8%; } #menue ul li ul li, #menue ul li ul li ul li { border-right: none; } #menue ul li a { font-size: 18px; border: medium none; } #menue ul li ul li a { background: none repeat scroll 0 0; border: medium none; padding: 5px 8%; width: 84%; font-size: 15px; color: #d54235; } #menue ul ul li.sub ul { margin-left: 14%; width: 93%; } #menue ul li ul li ul li { border-bottom: 0 none; padding: 2px 0; width: 100%; } #menue ul li ul li ul li a { color: #fff; } #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li { background: none; color: #000; } #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li a.l3-act { color: #353535; } #menue ul#nav ul, #menue ul#nav li:hover > ul { display: none; visibility:hidden; } #responsiveSidemenue #menue ul#nav li.menueebene0Active > ul, #responsiveSidemenue #menue ul#nav li.menueebene0Active ul li, #responsiveSidemenue #menue ul#nav li.menueebene1Active > ul, #responsiveSidemenue #menue ul#nav li.menueebene1Active ul li, #responsiveSidemenue #menue ul#nav li.menueebene2Active > ul, #responsiveSidemenue #menue ul#nav li.menueebene2Active ul li, #responsiveSidemenue #menue ul#nav li.menueebene3Active > ul, #responsiveSidemenue #menue ul#nav li.menueebene3Active ul li, #responsiveSidemenue #menue ul#nav li.menueebene4Active > ul, #responsiveSidemenue #menue ul#nav li.menueebene4Active ul li, #responsiveSidemenue #menue ul#nav li.menueebene0Active ul li.active > ul, #responsiveSidemenue #menue ul#nav li.menueebene1Active ul li.active > ul, #responsiveSidemenue #menue ul#nav li.menueebene2Active ul li.active > ul, #responsiveSidemenue #menue ul#nav li.menueebene3Active ul li.active > ul, #responsiveSidemenue #menue ul#nav li.menueebene4Active ul li.active > ul { display: block; visibility: visible; } #menue ul li ul li { display: none; } #menue ul li ul { border: medium none; float: left; margin: 0; padding: 0; position: static; width: 100%; } #menue ul li ul li { background: #ffd2c5 none repeat scroll 0 0; display: none; float: left; margin: 0; visibility: visible; width: 96%; } /* Responsive Men� ENDE */ /*QUICKLINKS*/ #quick { width: 0%; display: none; } /*######################################*/ /*############ 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: 17px; 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; } #contentbereich .contentElement .ce-textpic .ce-gallery { /*text-align: center !important; width: 100% !important;*/ text-align: center; 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 { } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { /* width: 300px; */ /*STARTSEITE*/ #headerImage { height: 82px; top: 264px; } #wrap.home ul.bgSlider li img { min-width: 1470px; } #popUp { left: -175px; top: -47px; width: 260px; } #kontrast-schrift, #tourismus { float: none; height: 18px; margin: 0 auto; padding-left: 10px; padding-right: 10px; width: 154px; } #logo { margin-bottom: 25px; margin-left: 21%; width: 225px; } #bg-weiss { box-shadow: none; height: 80px; } #links { width: 100%; margin-bottom: 0; } #layout02 { height: 0; } #kontrast-alles { width: 100px; } #menuequick-suche { float: none; height: 67px; margin: 5px auto; } #wrap.home #wrap02 { padding-bottom: 70px; padding-top: 0; } #footer01, #footer02 { float: none; margin: 0 auto; width: 95%; } #footer02 { float: none; margin: 0 auto; width: 95%; } #footer .alles #footer02 h4 { margin-top: 20px; } #footer { font-size: 12px; } #slogan { right: 27px; width: 73.1%; } #slogan p { font-size: 13px; line-height: 16px; } #footer table { margin-bottom: 30px; } #logo-zwei-taeler { float: none; margin: 0 auto; text-align: center; width: 100%; max-width: 250px; } #quicklinks { float: none; margin: 60px auto 0; max-width: 300px; width: 100%; } #slogan { margin: 0 auto; position: initial; width: 88%; } #wrap01 { margin-bottom: 18px; } #slogan a { font-size: 12px; margin-top: 7px; padding: 0 10px 0 40px; } .ql-all { margin: 0px 0 20px 5%; width: 100%; } .ql-all figure.removedbymigration { margin-right: 10.3%; width: 42.7%; float: left; } .ql-all figure.removedbymigration#ql04, .ql-all figure.removedbymigration#ql05, .ql-all figure.removedbymigration#ql06 { margin-right: 0; } #kalender-home { width: 100%; height: auto; } #kalender-home .homecalender { padding: 25px 0; width: 100%; } #kalender-home #boxView { margin: 0 auto; width: 99%; } #kalenderCube #calTextList { margin-left: 0; margin-top: 16px; width: 99%; } #kalenderCube .calTextDetailTitle, #kalender-home #calTextDetailHeadline, .calTextDetailLocation { width: 86.5%; } #kalenderCube #weiterlesen, #homenews a.contReadall { right: 0; } .bgSlider02 .news { width: 320px !important; } #homenews { float: none; margin: 20px auto 0; max-width: 291px; overflow: hidden; width: 96%; } #controls { display: none; } /*CONTENT*/ .newsDuopicture { width: 100%!important; } #layout03 { margin-top: -15px; } #content { margin-left: 2.5%; margin-right: 2.5%; width: 95%; } #breadcrumb { font-size: 14px; } #breadcrumb a { font-size: 14px; } #breadcrumb a:first-child { padding: 0 5px; } #breadcrumb a { padding: 0 1px 0 12px; } #contentbereich { margin-left: 0; margin-right: 0; padding: 30px 1% 30px; width: 98%; } #contentbereich .firstFont h4 { font-size: 23px; } .ce-textpic .ce-gallery .ce-column { margin-left: 0; } #contentbereich .firstFont p { font-size: 16px; } .ce-textpic .ce-gallery:not([data-ce-rows="1"]) .ce-row:last-child, .ce-textpic .ce-gallery[data-ce-rows="1"] .ce-row .csc-textpic-last { margin-bottom: 15px; } #infoboxbereich { float: none; margin: 0 auto; padding-bottom: 45px; width: 68.6%; } #navlinks { bottom: -27px; width: 72.6%; right: 6px; } #footer { margin-top: 40px; } #icon-baeume { right: 0; } #listView .galleryListRight { margin-top: 10px !important; width: 100% !important; } #contentbereich #tableContainer #listView.listView .lineNrBlock .colNrBlock .galleryListPrevDiv .galleryListRight img { height: 50px !important; margin-top: 12px; width: 79px !important; } .contentblocksmall, .contentblocksmallnone { min-height: 180px !important; width: 71.2% !important; } #contentbereich .contentbereichInfobox h4 { font-size: 30px; } .kalenderFilterOption .rahmen { width: 70%; } .kalenderFilterOption .rahmen.last { float: left; } .kalenderFilterOption ul.checkboxSplitterKalender li { width: 60%; } #kalenderOption .kalenderBtn { margin-bottom: 8px; min-height: 37px; width: 91%; } #contentbereich #contentColRight .contentElement .tx-kommpublishconnector-pi1 form.borderform .rahmen.right select.formobjektselectkleinVeranstaltung { margin-left: 0px !important; } #contentbereich .item img { margin-right: 15px; } #contentbereich .minigal .scrollWrap { height: 238px; } #contentbereich .minigal .scrollable { height: 238px; } .itemsinnerwrap { height: 238px; } #contentbereich .minigal .ce-textpic .ce-row { height: 63px; } #contentbereich .minigal a.browse, #contentbereich .minigal a.prev { left: 41px; } #listView .galleryListPrevHeader, #listView .galleryListPrevHeader { width: 65% !important; } #tableView .colNrBlock { width: 59.9%; } .rahmen.left { width: 90%; } .rahmen.right { margin-left: 0; width: 90%; } #contentbereich .controlBlockPageSlider { width: 100%; } #dynamischeListe2 .teaserPicture { height: auto; } /* Responsive Men� ANFANG */ #mainMenueSub { display: none; } #wrap.fade { height: 100%; overflow: hidden; position: absolute; right: -90%; width: 100%; } body.fadeb { overflow: hidden; } /*###### ResponsiveMainMen� ######*/ .nav_responsive { background: #d54235 none repeat scroll 0 0; cursor: pointer; display: block; left: 0; position: absolute; top: 0; z-index: 60; } .nav_responsive_activate, .nav_responsive_active{ background:url(../images/mainMenueResponsive.png) -25px center no-repeat; width:50px; height:50px; } .nav_responsive_active{ background-position:13px center; } #responsiveSidemenue.show{ float: left; height: 100%; width: 90%; overflow-x: auto; display:block; } #menue ul li a { padding: 5px 8%; } #responsiveSidemenue,#mainMenue.show{ display: block; } #menue ul li.menueebene0, #menue ul li.menueebene0Active, #menue ul li.menueebene0:hover, #menue ul li.menueebene0Active:hover { border-top: 1px solid #e04c19; } #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, #menue ul li.menueebene5Active, #menue ul li.menueebene5:hover, #menue ul li.hover { background-color: #ffffff; color: #d54235; border-bottom: 1px solid #e04c19; } #menue ul li.menueebene0Active a, #menue ul li.menueebene0Active a, #menue ul li.menueebene0Active a:hover, #menue ul li.menueebene1Active a, #menue ul li.menueebene1Active a, #menue ul li.menueebene1Active a:hover, #menue ul li.menueebene2Active a, #menue ul li.menueebene2Active a, #menue ul li.menueebene2Active a:hover, #menue ul li.menueebene3Active a, #menue ul li.menueebene3Active a, #menue ul li.menueebene3Active a:hover, #menue ul li.menueebene4Active a, #menue ul li.menueebene4Active a, #menue ul li.menueebene4Active a:hover, #menue ul li:hover a, #menue ul li a:hover, #menue ul li.hover a { color: #d54235; box-shadow: none; padding: 5px 8%; } #menue ul li.hover a::after, #menue ul li.menueebene0Active a::after, #menue ul li.menueebene1Active a::after, #menue ul li.menueebene2Active a::after, #menue ul li.menueebene3Active a::after, #menue ul li.menueebene4Active a::after { height: 0; } #menue ul li ul li a:hover, #menue ul li.menueebene0Active ul li a:hover, #menue ul li.menueebene1Active ul li a:hover, #menue ul li.menueebene2Active ul li a:hover, #menue ul li.menueebene3Active ul li a:hover, #menue ul li.menueebene4Active ul li a:hover, #menue ul li ul li a.active { color: #000000; background: #fff !important; } #menue ul li ul li ul li a:hover, #menue ul li ul li ul li a.act, #menue ul li ul li ul li a.act:hover, #menue ul li.menueebene0Active ul li ul li a:hover, #menue ul li.menueebene1Active ul li ul li a:hover, #menue ul li.menueebene2Active ul li ul li a:hover, #menue ul li.menueebene3Active ul li ul li a:hover, #menue ul li.menueebene4Active ul li ul li a:hover { background: none !important; text-decoration: underline; } #menue ul li ul li a:hover { color: #000000; } #responsiveSidemenue #mainMenue #menue ul li ul li ul { left: 0 !important; margin: 3px 8%; right: auto !important; width: 84%; background: none repeat scroll 0 0; display: none; } #menue ul#nav li ul li ul li a { background: url("../images/mnuli.gif") no-repeat scroll left 8px / 5px auto; color: #505050; font-size: 13px; text-transform: none; width: 86%; } #mainMenue{ display: none; margin-top: 55px; position: initial; } #menue, #menue ul{ height:100%; } #menue ul li { border-bottom: 1px solid #ffffff; border-right: 1px solid #e04c19; box-shadow: none; margin-left: 0; padding: 10px 2%; width: 95.8%; } #menue ul li ul li, #menue ul li ul li ul li { border-right: none; } #menue ul li a { font-size: 18px; border: medium none; } #menue ul li ul li a { background: none repeat scroll 0 0; border: medium none; padding: 5px 8%; width: 84%; font-size: 15px; color: #d54235; } #menue ul ul li.sub ul { margin-left: 14%; width: 93%; } #menue ul li ul li ul li { border-bottom: 0 none; padding: 2px 0; width: 100%; } #menue ul li ul li ul li a { color: #fff; } #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li { background: none; color: #000; } #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li a.l3-act { color: #353535; } #menue ul#nav ul, #menue ul#nav li:hover > ul { display: none; visibility:hidden; } #responsiveSidemenue #menue ul#nav li.menueebene0Active > ul, #responsiveSidemenue #menue ul#nav li.menueebene0Active ul li, #responsiveSidemenue #menue ul#nav li.menueebene1Active > ul, #responsiveSidemenue #menue ul#nav li.menueebene1Active ul li, #responsiveSidemenue #menue ul#nav li.menueebene2Active > ul, #responsiveSidemenue #menue ul#nav li.menueebene2Active ul li, #responsiveSidemenue #menue ul#nav li.menueebene3Active > ul, #responsiveSidemenue #menue ul#nav li.menueebene3Active ul li, #responsiveSidemenue #menue ul#nav li.menueebene4Active > ul, #responsiveSidemenue #menue ul#nav li.menueebene4Active ul li, #responsiveSidemenue #menue ul#nav li.menueebene0Active ul li.active > ul, #responsiveSidemenue #menue ul#nav li.menueebene1Active ul li.active > ul, #responsiveSidemenue #menue ul#nav li.menueebene2Active ul li.active > ul, #responsiveSidemenue #menue ul#nav li.menueebene3Active ul li.active > ul, #responsiveSidemenue #menue ul#nav li.menueebene4Active ul li.active > ul { display: block; visibility: visible; } #menue ul li ul li { display: none; } #menue ul li ul { border: medium none; float: left; margin: 0; padding: 0; position: static; width: 100%; } #menue ul li ul li { background: #ffd2c5 none repeat scroll 0 0; display: none; float: left; margin: 0; visibility: visible; width: 96%; } /* Responsive Men� ENDE */ /*QUICKLINKS*/ #quick { width: 0%; display: none; } /*######################################*/ /*############ 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: 20px; width: 100%; } #photoListe .data { width: 80%; padding-left: 5px; } /*### 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; } #contentbereich .contentElement .ce-textpic .ce-gallery { margin: 0 !important; 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 { max-width: 90%; } }