#header-top, #main-navigation, #current-page, .stage .pagination, #footer, #werbung, .right-container.right, .hide-on-mobile { display: none !important; } .page-startseite #werbung { display: block !important; } #werbung-mobile { display: block; margin-top: 10px; } #werbung-mobile img { width: 100%; height: auto; vertical-align: middle; } body { background-image: none; padding-top: 0; } iframe { width: 100% !important; } #wrap-inner { padding: 0; padding-top: 80px; } #header-logo { margin-top: 0; display: flex; align-items: center; justify-content: center; position: fixed; width: 100%; height: 80px; border-bottom: 10px solid #c2c7cc; left: 0; top: 0; z-index: 10; } @media (max-height: 400px) { #header-logo { position: absolute; } } #header-logo img { max-width: 389px; width: 60%; } #wrap, .right-ads #content, .right-extra-data #content, .right-ads .content-background, .right-extra-data .content-background { width: 100% !important; box-sizing: border-box; } fieldset { min-width: 0; } @-moz-document url-prefix() { fieldset { display: table-cell; } } .table-scroller { overflow: auto; margin-left: -10px; margin-right: -10px; } .table-scroller table { width: 100% !important; } .table-scroller table tr:first-child td, .table-scroller table tr td:first-child { white-space: nowrap; } .floated-table td { float: left; width: 100% !important; } img.filledborder { width: 100% !important; margin: 0 !important; float: none !important; box-sizing: border-box; height: auto; } .filledborder-container { width: 100% !important; float: none !important; margin: 0 !important; max-width: calc(100vw - 20px); } #footer-mobile { display: block; text-align: center; border-top: 10px solid #c2c7cc; padding-top: 10px; } #footer-mobile .buttons { margin-top: 10px; } #footer-mobile .buttons img { margin: 10px; } .block-on-mobile { display: block; white-space: normal !important; } .elementlist .block-on-mobile { margin-left: 30px; padding-left: 0 !important; } .elementlist .block-on-mobile .ico { margin-left: -30px; } .elementlist .price { bottom: 0 !important; top: auto !important; } .elementlist .data { padding-bottom: 20px; } .search-container .col { float: none !important; padding-bottom: 0 !important; width: 100% !important; } .search-container .col.search { padding-bottom: 20px !important; } #mobile-menu-btn { display: block; position: absolute; right: 0; top: 20px; font-size: 30px; } #mobile-menu-btn label { padding: 20px; } #mobile-navigation ul { list-style: none; margin-left: 0; padding-left: 0; font-size: 15px; } #mobile-navigation li { margin: 0; padding: 0; } #mobile-navigation > ul > li > a { font-weight: bold; } #mobile-navigation li { line-height: 35px; } #mobile-navigation li a { padding-left: 15px; padding-top: 3px; padding-bottom: 3px; display: block; margin-bottom: 5px; } #mobile-navigation li li a { padding-left: 30px; } #mobile-navigation li.active > a { color: #fff; background-color: #19385d; display: block; } #mobile-navigation { position: fixed; background: transparent; z-index: 5; max-height: 100%; overflow-y: auto; right: -280px; top: 0; width: 280px; min-height: 100%; display: block; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; } #mobile-wrapper { width: 100%; overflow-x: hidden; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: auto; } #mobile-wrapper-inner { position: relative; width: 100%; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; box-shadow: 0px 0px 10px rgba(0,0,0, 0.5); } #mobile-content { position: relative; } #mobile-navigation-selection:checked ~ #mobile-wrapper #mobile-wrapper-inner, #mobile-navigation-selection:checked ~ #header, #mobile-navigation-selection:checked ~ #mobile-navigation { -webkit-transform: translateX(-280px); -ms-transform: translateX(-280px); transform: translateX(-280px); } #mobile-navigation-overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; cursor: pointer; background: rgba(0, 0, 0, 0.56); } #mobile-navigation-selection:checked ~ #mobile-wrapper #mobile-navigation-overlay { display: block; } #teaser-container { overflow: hidden; } .teaser { height: auto; } .teaser img { width: 100%; height: auto; } .teaser.col2 { width: 100%; height: auto; } .teaser.col2 .padding { padding: 10px 20px 10px 10px; } .teaser.col4 { width: calc(50% - 10px); } #big-image-header .teaserblock li img { width: calc(100% - 306px) !important; height: auto !important; } @media (max-width: 550px) { .teaser.col4 { width: 100%; } .teaser.col4 .padding { padding: 10px 20px 10px 10px; } #big-image-header li .left { float: none; width: 100%; } #big-image-header .teaserblock li img { display: none; } } .right-ads-200 #content, .right-extra-data-200 #content { width: 100%; box-sizing: border-box; } .right-ads-200 .content-background, .right-extra-data-200 .content-background { width: 100%; } @media (max-width: 550px) { .news-teaser img { display: none; } .news-teaser .text { margin-left: 0 !important; } } .shiplist td { white-space: nowrap !important; padding: 15px !important; } .shiplist .data-table td { white-space: normal !important; } .page-tagestouren-ausfluege table td:first-child, .page-andere-events table td:first-child { display: none; } table p { white-space: normal !important; } .page-tagestouren-ausfluege table td, .page-andere-events table td { white-space: normal !important; } div#comments table td { white-space: normal; display: block; } div#comments textarea, div#comments input { width: 100% !important; box-sizing: border-box; margin: 0; } div#comments input[type=checkbox] { width: auto !important; } @media print { #header-logo, #werbung-mobile { display: none; } #wrap-inner { padding-top: 0; } }