@media only screen and (max-width: 767px) and (min-width: 0){ body{ background-color:#fff; } #divHeadInfoB, #divHeadTopNav, #divHeadLogoPartnerpage, #divOuterRightSkyCnt, #divOuterLeftCnt, #divOuterRightCnt, #divHeadInfoCnt, #divHeadInfoBCnt, .divHeadLogoDesktop, #divStartseiteAktuellBeiTrailCnt, #divContentDetailTopImage img, .divContentDetailImgListLense, .hidden-xs, #divFooterCnt .footerFb{ display: none; } .divHeadLogoMobile, .visible-xs, .divContentDetailImgList > table, .divContentDetailImgList > table tr, .divContentDetailImgList > table td, .divContentDetailImgList > table > tbody { display: block; } .visible-xs-tr { display: table-row; /* display: none; */ } /*temp: mobile banner*/ .info-wrap-smartphone { /*display: none !important;*/ } #divHeadCnt, #divHeadLogo img, #divHeadLogoCnt, #divMainframe, #divOuterMainFrameCnt, #divPageFrameCnt, #divStartseiteCnt, #divFooterCnt, #divStartseiteRightContainer, #divContentRightContainer, #divLeftCnt, #divRightCnt, .divStarteiteLaufberichteInfoItem img, #divContentseiteCnt, #divContentCnt, .divContentDetailImgListFirstImage img { width: 100%; height: auto; float: none; } #divMainContent, #divFooter { padding:0 10px; } #divLeft, #divRight, #divStartseiteAktuellbeiM4YLaufberichte, #divContent { padding-right: 0; padding-left: 0; } #divHeadCnt, #divStartseiteAktuellBeiTrailCnt { background: transparent; } #divMainframe, #divFooterCnt { background: white; } #divHeadCnt #divHead { padding: 0; } #divFooterCnt { margin-top: 10px; } #divFooter { padding-bottom: 10px; } #divFooter > div.footerFb{ margin-right: 0; } .divLaufberichteItemCntCnt, .divLaufberichteItemCntCntRelOvl, .divLaufberichteItemCntCntAbs1st, .divLaufberichteItemCntCntAbs2nd, .divLaufberichteItemCnt, #divLaufberichteItem, .divContentDetailImgListCnt, .divContentDetailImgListFirstImageWrap { width: 100%; } .divLaufberichteItemCntCnt { background-size: cover; } .divLaufberichteItemCnt { background-size: 100% 189px; } .divLaufberichteItemCntCntAbs1st a img, #divContentDetailTopImageInnerTitleWrap { width: 100% !important; } .divContentDetailImgListFirstImageWrap { width: 100% !important; height: unset !important; } .divInfCnt { display: none !important; } #divContentDetailTopImage { background-size: cover; background-position: center center; } #divContentDetailTopImage, .divContentDetailImgListFirstImage { position: static; } .divContentDetailImgList { padding: 5px; } #privacy-notice .container { width: 100%; padding: 0; position: static; } #privacy-notice .container p { padding: 0 10px; } #privacy-notice .container > a { position: static; bottom: 0; right: unset; margin-top: 5px; margin-left: 10px; } /*prettyphoto*/ .pp_pic_holder{ left: 2px !important; width: 100% !important; margin-left: 0 !important; } div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; } .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; } div.pp_default .pp_content_container .pp_details {margin-top: 20px !important; } .pp_expand, .pp_gallery { display: none !important; } /*akkordeon startseite*/ #divLeftMeldungenListe, #divLeftPressetickerListe, #divLeftMagazinListe, #divRightLaufberichteListe, #divStartseiteTermineSmartphoneListe { max-height: 0; overflow: hidden; transition: max-height 1s ease-out; } #divLeftMeldungenListe.showOnMobile, #divLeftPressetickerListe.showOnMobile, #divLeftMagazinListe.showOnMobile, #divRightLaufberichteListe.showOnMobile, #divStartseiteTermineSmartphoneListe.showOnMobile { max-height: 9999px; } .divStarteiteSmartphoneListInfoItem img { width: 100%; height: auto; } #divRightLaufberichteCnt { margin-bottom: 10px; } #divRight { padding-top: 4px; } .laufberichte-liste-element-bild { float: none; width: auto; height: auto; } .laufberichte-liste-element-bild img { width: 100%; height: auto; } .laufberichte-liste-element-text { float: none; width: auto; height: auto; } .listslider > ul li > img, .fluid-xs { width: 100%; height: auto; } #divMarathonBildergalerien #divContentDetailBildergalerieCnt { width: 48%; margin-bottom: 5px; margin-right: 1%; } .divContentDetailMarathonDetailInfos td { padding-right: 10px; } .marathonListDiszDist > table > tbody > tr > td{ display: block; width: 100%; } .blacch { width: 40%; } .list-subheadline { font-size: 10px; margin-bottom: 2px; } .divContentList1stClmn { width: 60px; } #screen .divHeadLogoMobile img.mobile-logo { width: 70%; margin-left: 5px; } #screen .divHeadLogoMobile #mobile-search { position: absolute; right: 55px; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } #screen .divHeadLogoMobile #mobile-search img { width: 37px; height: auto; } #mm-quicklinks-menu ul { background: #fff; } #mm-quicklinks-menu ul li a { color: #D85D0E; } #mm-quicklinks-menu .mm-panel{ border-right:1px solid; border-color: inherit; background: #fff; } .divContentListlastClmn { width: auto; } .divNewsHeadline h3, #divContentList td h3, .divNewsHeadline a:link, .divNewsHeadline a:hover, .divNewsHeadline a:active, .divNewsHeadline a:visited, a.aNewsTickerL:link, a.aNewsTickerL:hover, a.aNewsTickerL:active, a.aNewsTickerL:visited, .divNewsTickerHeadline a:link, .divNewsTickerHeadline a:hover, .divNewsTickerHeadline a:active, .divNewsTickerHeadline a:visited, .divTermineHeadline a:link, .divTermineHeadline a:hover, .divTermineHeadline a:active, .divTermineHeadline a:visited, .spanDatumVonBisTeaser, .divTermineDate, #divContentDetailText h1, #divContentDetailText h2, #divContentDetailText h3, #divContentDetail2ndText h1, #divContentDetail2ndText h2, #divContentDetail2ndText h3 { font-size:14px; line-height: 18px; font-weight: bold; } #divContentList table tr td a:link, #divContentList table tr td a:hover, #divContentList table tr td a:active, #divContentList table tr td a:visited, #divContentDetailMarathonLMList table tr td a:link, #divContentDetailMarathonLMList table tr td a:hover, #divContentDetailMarathonLMList table tr td a:active, #divContentDetailMarathonLMList table tr td a:visited, .divContentDetailMarathonDetailInfos td, p.pText, #divContentDetailText, #divContentDetail2ndText, #divContentDetailMarathonArchivFormCnt, #divFeLogin .divFeLoginField label, #divContentDetailText .divContentDetailLinkList table td h3 { font-size:14px; line-height: 18px; font-weight: normal; } #divFooter ul li a { font-size:14px; } #divFooter ul.ul-left { margin-right: 20px; } .news-row-start { width: 280px !important; } .news-row-start-has-image { width: 180px !important; } #divContentDetail .divContentDetailLinkListCnt td[nowrap] { width: 100%; white-space: normal !important; } #divContentDetailTopImageInnerWrap, #divContentDetailTopImage { height: 180px !important; background-size: cover; } .startpageslider ul{ margin: 0; } /*fancybox*/ .fancybox-slide--image { padding: 0; } #divStartseiteTermineSmartphoneListe .spanTip, #divStartseiteTermineSmartphoneListe h3 { display: inline-block; } #divStartseiteTermineSmartphoneListe .spanTip { font-size: 14px; margin-left: 5px; } #divContentListSearchFormFields input.inpSearchCnt{ width: 90%; line-height: 20px; font-size: 16px; margin-top: 5px; margin-right: 5px; } } @media only screen and (max-width: 767px) and (min-width: 500px) { #divMarathonBildergalerien #divContentDetailBildergalerieCnt { width: 24%; margin-bottom: 5px; margin-right: 1%; } }