body, html { width: 100%; font-family: Arial, Helvetica, sans-serif, FontAwesome; } html { background: #b1b1b1 url(/assets/wfv/img/bgMain.jpg) 0 0 repeat-x; } body { background: transparent url(/assets/wfv/img/bgMain.gif) right -24px no-repeat; } .dn { display: none; } #container { min-width: 320px; max-width: 1180px; display: block; margin: 0px auto; padding: 0 0.5rem; } #container .headerArea .header { display: flex; position: relative; } #container .headerArea .header .apps-Logo { flex: 1 1 auto; } #container .headerArea .header .apps-Logo section.header-logo .logo-container { display: flex; } #container .headerArea .header .apps-Logo section.header-logo .logo-container .logo-part1 { flex: 0 0 396px; background: url(/assets/wfv/img/bgHead_part1_large.gif) 0 0 no-repeat; } #container .headerArea .header .apps-Logo section.header-logo .logo-container .logo-part1 img { margin-left: 35px; } #container .headerArea .header .apps-Logo section.header-logo .logo-container .logo-part1 .logo-mobile { display: none; } #container .headerArea .header .apps-Logo section.header-logo .logo-container .logo-part2 { flex: 1 1 auto; background: url(/assets/wfv/img/bgHead_part2_large.gif) 0 0 repeat; } #container .headerArea .header .apps-Logo section.header-logo .logo-container .logo-part3 { flex: 0 0 150px; background: url(/assets/wfv/img/bgHead_part4_large.gif) 0 0 no-repeat; } #container .headerArea .header .apps-Top-Navigation { position: absolute; top: 16px; right: 193px; font-size: 0.7rem; } #container .headerArea .header .apps-Top-Navigation section.app-navigation ul, #container .headerArea .header .apps-Top-Navigation section.app-navigation li { list-style: none; padding: 0; margin: 0; } #container .headerArea .header .apps-Top-Navigation section.app-navigation li { float: left; } #container .headerArea .header .apps-Top-Navigation section.app-navigation li a { text-decoration: none; color: #999; text-transform: uppercase; } #container .headerArea .header .apps-Top-Navigation section.app-navigation li a:hover { color: #c0220e; } #container .headerArea .header .apps-Top-Navigation section.app-navigation li a:after { content: "|"; padding: 0 0.5rem; } #container .headerArea .header .apps-Top-Navigation section.app-navigation li:last-child a:after { content: ""; padding: 0; } @media screen and (max-width: 800px) { #container .headerArea .header .apps-Top-Navigation { display: none; } } @media screen and (max-width: 800px) { #container .headerArea .header .apps-Top-Navigation { right: 5px; } } #container .headerArea .header .apps-Header-Image-Slider { flex: 0 0 193px; height: 132px; position: relative; top: 16px; left: 0px; } #container .headerArea .header .apps-Header-Image-Slider section { width: 183px; margin-left: 10px; } #container .headerArea .header .apps-Header-Image-Slider .bx-wrapper { box-shadow: none; border: none; background: transparent; } #container .headerArea .header .apps-Header-Image-Slider .bx-wrapper .bx-viewport { border-radius: 7px; height: 132px !important; } #container .headerArea .header .apps-Header-Image-Slider .bx-wrapper .bx-controls { display: none; } #container .headerArea .header .apps-Header-Image-Slider .bx-wrapper .imagecontent-teaser img { height: 140px; } @media screen and (max-width: 800px) { #container .headerArea .header .apps-Header-Image-Slider { display: none; } } #container .apps-mobile { display: none; } #container .headerArea .mobileheader { position: absolute; top: 0; right: 1%; width: 98%; margin-top: 50px; } #container .headerArea .mobileheader ul, #container .headerArea .mobileheader li { list-style: none; margin: 0; padding: 0; } #container .headerArea .mobileheader #mobile_navigation { position: relative; z-index: 40; } #container .headerArea .mobileheader #mobile_navigation .slicknav_menu > a { display: block; font-size: 2rem; color: #c0220e; padding: 1rem 1rem 6rem 1rem; text-decoration: none; text-align: right; outline: none; } @media screen and (max-width: 500px) { #container .headerArea .mobileheader #mobile_navigation .slicknav_menu > a { padding: 0.50rem 0.2rem 4rem 0.2rem; } } #container .headerArea .mobileheader #mobile_navigation .slicknav_menu .slicknav_nav .navigation { background-color: rgba(250, 250, 250, 0.9); } #container .headerArea .mobileheader #mobile_navigation .slicknav_menu .slicknav_nav .navigation ul.level1 { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; text-align: right; -webkit-justify-content: space-between; justify-content: space-between; } #container .headerArea .mobileheader #mobile_navigation .slicknav_menu .slicknav_nav .navigation ul.level1 ul { background-color: rgba(220, 200, 200, 0.5); border-top: 1px dotted #AAAAAA; border-bottom: 1px dotted #AAAAAA; } #container .headerArea .mobileheader #mobile_navigation .slicknav_menu .slicknav_nav .navigation li { padding: 1rem 0 1rem 0; } #container .headerArea .mobileheader #mobile_navigation .slicknav_menu .slicknav_nav .navigation a { color: #c0220e; font-weight: 300; cursor: pointer; text-decoration: none; font-size: 1.5rem; } #container .headerArea .mobileheader #mobile_navigation .slicknav_menu .slicknav_nav .navigation ul li > a:not([aria-haspopup]) { padding-right: 3.2rem; } #container .headerArea .mobileheader #mobile_navigation .slicknav_menu .slicknav_nav .navigation ul > li .slicknav_arrow { padding: 0 1rem; } #container .left-sidebar { flex: 0 0 208px; overflow: hidden; } #container .right-sidebar { flex: 0 0 193px; max-width: 193px; overflow: hidden; } #container main.mainContentArea { display: flex; } #container main.mainContentArea .left-sidebar .apps-side-left { margin-right: 10px; } #container main.mainContentArea .left-sidebar .apps-side-left .toggleMenu { display: none; } #container main.mainContentArea .left-sidebar .apps-side-left ul, #container main.mainContentArea .left-sidebar .apps-side-left li { list-style: none; margin: 0; padding: 0; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop ul { background: #e0e4e5 url(/assets/wfv/img/navBg.png) 0 0 no-repeat; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop li { background: url(/assets/wfv/img/nav_linie.png) 50% 100% no-repeat; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop .mainNavO { width: 198px; height: 13px; background: url(/assets/wfv/img/navOben.png) 0 0 no-repeat; display: block; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop ul.level1 a { font-size: 12px; color: #172734; text-decoration: none; height: 28px; margin: 0px 2px 0px 2px; display: block; padding: 5px 0px 0px 10px; overflow: hidden; line-height: 22px; text-transform: uppercase; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop ul.level1 a.current { background: #f7f9f9 url(/assets/wfv/img/n_active.png) 50% 100% no-repeat; color: white; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop ul.level1 a.current:hover { background: url(/assets/wfv/img/navBgRoll.png) 0 0px repeat-x; color: #172734; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop ul.level1 ul.level2 a { background: #f7f9f9 url(/assets/wfv/img/nav_linie.png) 50% 100% no-repeat; height: 21px; padding: 5px 0px 0px 23px; line-height: 17px; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop ul.level1 ul.level2 a.current { background: #f7f9f9 url(/assets/wfv/img/n_active.png) 50% 100% no-repeat; color: white; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop ul.level1 ul.level2 a.current:hover { background: url(/assets/wfv/img/navBgRoll.png) 0 0px repeat-x; color: #172734; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop ul.level1 ul.level2 ul.level3 a { background: #f7f9f9 url(/assets/wfv/img/nav_linie.png) 50% 100% no-repeat; height: 19px; padding: 4px 0px 0px 33px; font-size: 10px; line-height: 15px; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop ul.level1 ul.level2 ul.level3 a.current { background: #f7f9f9 url(/assets/wfv/img/n_active.png) 50% 100% no-repeat; color: white; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop ul.level1 ul.level2 ul.level3 a.current:hover { background: url(/assets/wfv/img/navBgRoll.png) 0 0px repeat-x; color: #172734; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop ul.level1 ul.level2 ul.level3 ul.level4 a { height: 19px; padding: 4px 0px 0px 43px; font-size: 10px; line-height: 15px; background: #f7f9f9 url(/assets/wfv/img/nav_linie.png) 50% 100% no-repeat; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop ul.level1 ul.level2 ul.level3 ul.level4 a.current { background: #f7f9f9 url(/assets/wfv/img/n_active.png) 50% 100% no-repeat; color: white; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop ul.level1 ul.level2 ul.level3 ul.level4 a.current:hover { background: url(/assets/wfv/img/navBgRoll.png) 0 0px repeat-x; color: #172734; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop ul a:hover { background: url(/assets/wfv/img/navBgRoll.png) 0 0px repeat-x; } #container main.mainContentArea .left-sidebar .apps-side-left section.main-navigation-desktop .mainNavU { width: 198px; height: 11px; background: url(/assets/wfv/img/navUnten.png) 0 0 no-repeat; display: block; margin: 0px 0px 12px 0px; } #container main.mainContentArea .left-sidebar .apps-side-left section.teaser-navigation a { display: block; margin: 0px 0px 12px 0px; width: 198px; height: 57px; } #container main.mainContentArea .left-sidebar .apps-side-left section.teaser-navigation a > span { display: none; } #container main.mainContentArea .left-sidebar .apps-side-left section.teaser-navigation a.Galerie { background: url(/assets/wfv/img/ba_galerie.png) 0px 0px no-repeat; } #container main.mainContentArea .left-sidebar .apps-side-left section.teaser-navigation a.Kalender { background: url(/assets/wfv/img/ba_kalender.png) 0px 0px no-repeat; } #container main.mainContentArea .left-sidebar .apps-side-left section.teaser-navigation a:hover { background-position: 0px -57px; } #container main.mainContentArea .detailContentArea { flex: 1 1 100%; display: flex; min-height: 500px; background: white url(/assets/wfv/img/logoBlass.gif) 100% 100% no-repeat; padding: 10px; border-radius: 6px; } #container main.mainContentArea .detailContentArea .contentarea a { text-decoration: none; color: #c0220e; } #container main.mainContentArea .detailContentArea .contentarea a:hover { text-decoration: underline; } #container main.mainContentArea .detailContentArea .contentarea a.me { border-bottom: 1px dotted #c7c7c7; display: block; padding: 5px 10px 0px 0px; height: 20px; font-size: 10px; text-decoration: none; color: #c0220e; text-align: right; } #container main.mainContentArea .detailContentArea .contentarea a.me:hover { background: #e7e9ea; } #container main.mainContentArea .detailContentArea .contentarea .article-wrapper a.print, #container main.mainContentArea .detailContentArea .contentarea .news-wrapper a.print, #container main.mainContentArea .detailContentArea .contentarea .sitemap a.print, #container main.mainContentArea .detailContentArea .contentarea .gallery-detail a.print { display: block; width: 40px; height: 22px; background: url(/assets/wfv/img/print.png) 0 0 no-repeat; float: right; margin: 0px 0px -18px 0px; position: relative; z-index: 10; } #container main.mainContentArea .detailContentArea .contentarea .article-wrapper a.print span, #container main.mainContentArea .detailContentArea .contentarea .news-wrapper a.print span, #container main.mainContentArea .detailContentArea .contentarea .sitemap a.print span, #container main.mainContentArea .detailContentArea .contentarea .gallery-detail a.print span { display: none; } #container main.mainContentArea .detailContentArea .left-contentarea { flex: 1 1 100%; margin-right: 5px; } #container main.mainContentArea .detailContentArea .left-contentarea .contentArticle { font-size: 0.9rem; line-height: 1.2rem; color: #363636; } #container main.mainContentArea .detailContentArea .left-contentarea .contentArticle img { max-width: 100%; height: auto; } #container main.mainContentArea .detailContentArea .left-contentarea .contentArticle h1 { margin: 0px 0px 17px 0px; line-height: 2rem; font-size: 1.5rem; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #bc210d; } #container main.mainContentArea .detailContentArea .left-contentarea .contentArticle p { margin: 0px 0px 1rem 0px; } #container main.mainContentArea .detailContentArea .left-contentarea .backLink { margin: 8px 0; } #container main.mainContentArea .detailContentArea .left-contentarea .backLink a { border-top: 1px dotted #C7C7C7; border-bottom: 1px dotted #C7C7C7; padding: 5px 10px 0px 0px; color: #c0220e; font-size: 10px; height: 20px; display: block; } #container main.mainContentArea .detailContentArea .left-contentarea .top-news-slider .bx-wrapper { margin: 0; } #container main.mainContentArea .detailContentArea .left-contentarea .top-news-slider .bx-wrapper .bx-controls { display: none; } #container main.mainContentArea .detailContentArea .left-contentarea .top-news-slider li a { background-color: #ffffff; display: block; font-size: 12px; color: #c0220e; text-decoration: none; height: 17px; margin: 0 3px; top: -24px; padding: 7px 8px 0; text-align: center; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } #container main.mainContentArea .detailContentArea .left-contentarea .top-news h1 { background: #c0220e; height: 20px; padding: 4px 0px 0px 7px; font-size: 14px; color: white; font-weight: lighter; margin: 2px 0px 0px 0px; } #container main.mainContentArea .detailContentArea .left-contentarea .top-news h1 a { float: right; display: block; width: 24px; height: 24px; background: url(/assets/wfv/img/pfeil_2.png) 0px 0px no-repeat; margin: -4px 0px 0px 0px; } #container main.mainContentArea .detailContentArea .left-contentarea .top-news h1 a span { display: none; } #container main.mainContentArea .detailContentArea .left-contentarea .top-news li { margin: 0; } #container main.mainContentArea .detailContentArea .left-contentarea .top-news li a { border-bottom: 1px dotted #c7c7c7; display: block; padding: 10px 10px 10px 10px; text-decoration: none; background: url(/assets/wfv/img/eBg2.png) 0 0 repeat-x; min-height: 55px; } #container main.mainContentArea .detailContentArea .left-contentarea .top-news li a .date { font-size: 9px; color: #585858; } #container main.mainContentArea .detailContentArea .left-contentarea .top-news li a .head { font-size: 13px; color: #c0220e; } #container main.mainContentArea .detailContentArea .left-contentarea .top-news li a .head img { position: relative; top: 5px; left: -8px; margin: 0px -8px 0px 0px; float: left; } #container main.mainContentArea .detailContentArea .left-contentarea .top-news li a .txt { font-size: 12px; color: #585858; } #container main.mainContentArea .detailContentArea .left-contentarea .top-news li a:hover { background: #e7e9ea; text-decoration: none; } #container main.mainContentArea .detailContentArea .left-contentarea .search { /* paginator leiste */ /* info leiste */ } #container main.mainContentArea .detailContentArea .left-contentarea .search .searchStringContainer, #container main.mainContentArea .detailContentArea .left-contentarea .search .searchSuggestions { display: none; } #container main.mainContentArea .detailContentArea .left-contentarea .search .searchQueryLine { display: flex; margin: 20px auto; } #container main.mainContentArea .detailContentArea .left-contentarea .search .searchQueryLine .searchQuery { flex: 0 1 200px; } #container main.mainContentArea .detailContentArea .left-contentarea .search .searchQueryLine button { flex: 0 0 50px; } #container main.mainContentArea .detailContentArea .left-contentarea .search .ca-row { display: flex; border-bottom: 1px dotted #c7c7c7; padding: 10px 0px 10px 0px; text-decoration: none; background: url(/assets/wfv/img/eBg.png) 0 0 repeat-x; min-height: 55px; } #container main.mainContentArea .detailContentArea .left-contentarea .search .ca-row .left { flex: 0 0 120px; } #container main.mainContentArea .detailContentArea .left-contentarea .search .ca-row .left .acThumbnail img { max-width: 100px; max-height: 100px; } #container main.mainContentArea .detailContentArea .left-contentarea .search .ca-row .right { flex: 1 1 100%; margin-left: 15px; } #container main.mainContentArea .detailContentArea .left-contentarea .search .ca-row .right .acInfoBoxText, #container main.mainContentArea .detailContentArea .left-contentarea .search .ca-row .right .acModifier { font-size: 0.8rem; color: #585858; } #container main.mainContentArea .detailContentArea .left-contentarea .search .ca-row .right .acModifier { margin-top: 4px; font-size: 0.7rem; } #container main.mainContentArea .detailContentArea .left-contentarea .search .appContent .paginator { padding: 20px; } #container main.mainContentArea .detailContentArea .left-contentarea .search .appContent .paginator a { display: inline-block; color: #3c3c3b; padding: 0px 6px; border: 1px solid #3c3c3b; margin: 5px; } #container main.mainContentArea .detailContentArea .left-contentarea .search .nResults { display: none !important; } #container main.mainContentArea .detailContentArea .left-contentarea .sitemap h1 { margin: 5px 0px 17px 5px; font-size: 1rem; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #bc210d; } #container main.mainContentArea .detailContentArea .left-contentarea .sitemap ul, #container main.mainContentArea .detailContentArea .left-contentarea .sitemap li { list-style: none; margin: 0; padding: 0; } #container main.mainContentArea .detailContentArea .left-contentarea .sitemap ul.level1 ul { line-height: 1.5rem; margin: -1px 0px 0px 0px; padding: 0px 0px 0px 20px; color: #363636; } #container main.mainContentArea .detailContentArea .left-contentarea .sitemap ul.level1 > li > a { text-transform: uppercase; border-top: 1px dotted #999; padding: 10px 0px 10px 10px; font-weight: bold; display: block; font-size: 0.9rem; color: #363636; text-decoration: none; } #container main.mainContentArea .detailContentArea .left-contentarea .sitemap ul.level1 > li > a:hover { color: #c0220e; background: #f2f2f2; } #container main.mainContentArea .detailContentArea .left-contentarea .sitemap ul.level1 ul.level2 li { border-top: 1px dotted #999; } #container main.mainContentArea .detailContentArea .left-contentarea .sitemap ul.level1 ul.level2 li a { font-size: 0.75rem; font-weight: normal; color: #363636; display: block; padding-left: 10px; text-decoration: none; } #container main.mainContentArea .detailContentArea .left-contentarea .sitemap ul.level1 ul.level2 li a:hover { color: #c0220e; background: #f2f2f2; } #container main.mainContentArea .detailContentArea .left-contentarea a.me { border-bottom: 1px dotted #c7c7c7; display: block; padding: 5px 10px 0px 0px; height: 20px; font-size: 10px; text-decoration: none; color: #c0220e; text-align: right; } #container main.mainContentArea .detailContentArea .right-contentarea { flex: 0 0 0%; margin-left: 5px; } #container main.mainContentArea .detailContentArea .right-contentarea a.me { border-top: 1px dotted #c7c7c7; } #container main.mainContentArea .detailContentArea .news-wrapper h1, #container main.mainContentArea .detailContentArea .gallery-overview h1, #container main.mainContentArea .detailContentArea .gallery-detail h1 { color: #bc210d; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; margin: 0px 0px 0px 0px; min-height: 22px; padding-bottom: 10px; text-transform: uppercase; } #container main.mainContentArea .detailContentArea .news-wrapper li { float: left; width: 50%; } #container main.mainContentArea .detailContentArea .gallery-overview ul, #container main.mainContentArea .detailContentArea .gallery-overview li { list-style: none; margin: 0; padding: 0; } #container main.mainContentArea .detailContentArea .gallery-overview ul { height: 62vh; overflow-y: auto; overflow-x: hidden; } #container main.mainContentArea .detailContentArea .gallery-overview li { border-top: 1px dotted #c7c7c7; margin-right: 5px; } #container main.mainContentArea .detailContentArea .gallery-overview li a { display: block; padding: 10px 0px 10px 0px; text-decoration: none; background: url(/assets/wfv/img/eBg.png) 0 0 repeat-x; line-height: 1.5rem; } #container main.mainContentArea .detailContentArea .gallery-overview li a .head { font-size: 13px; color: #c0220e; } #container main.mainContentArea .detailContentArea .gallery-overview li a .head div { padding-left: 5px; } #container main.mainContentArea .detailContentArea .gallery-overview li a .txt { font-size: 12px; color: #585858; } #container main.mainContentArea .detailContentArea .gallery-overview li a:hover { background: #e7e9ea; text-decoration: none; } #container main.mainContentArea .detailContentArea .gallery-detail .header, #container main.mainContentArea .detailContentArea .gallery-detail header.instance-header { display: none; } #container main.mainContentArea .detailContentArea .gallery-detail h1 { width: 80%; } #container main.mainContentArea .detailContentArea .gallery-detail p { margin: 0.2rem 0; } #container main.mainContentArea .detailContentArea .gallery-detail .gallery-container { display: flex; flex-wrap: wrap; height: 55vh; overflow-y: auto; overflow-x: hidden; } #container main.mainContentArea .detailContentArea .gallery-detail .gallery-container form, #container main.mainContentArea .detailContentArea .gallery-detail .gallery-container li { flex: 1 1 25%; } #container main.mainContentArea .detailContentArea .gallery-detail .gallery-container li { padding: 0.2rem; } #container main.mainContentArea .detailContentArea .right-contentarea h2, #container main.mainContentArea .detailContentArea .news-wrapper h2 { background: #c0220e; margin: 0px 0px 0px 0px; height: 20px; padding: 4px 0px 0px 7px; font-size: 14px; color: white; font-weight: lighter; } #container main.mainContentArea .detailContentArea .right-contentarea h2 a, #container main.mainContentArea .detailContentArea .news-wrapper h2 a { float: right; display: block; width: 24px; height: 24px; background: url(/assets/wfv/img/pfeil_1.png) 0px 0px no-repeat; margin: -4px 0px 0px 0px; } #container main.mainContentArea .detailContentArea .right-contentarea h2 a span, #container main.mainContentArea .detailContentArea .news-wrapper h2 a span { display: none; } #container main.mainContentArea .detailContentArea .short-messages-wrapper li, #container main.mainContentArea .detailContentArea .news-wrapper li { border-top: 1px dotted #c7c7c7; } #container main.mainContentArea .detailContentArea .short-messages-wrapper li a, #container main.mainContentArea .detailContentArea .news-wrapper li a { display: block; padding: 10px 0px 10px 0px; text-decoration: none; background: url(/assets/wfv/img/eBg.png) 0 0 repeat-x; min-height: 55px; } #container main.mainContentArea .detailContentArea .short-messages-wrapper li a .imgContainer, #container main.mainContentArea .detailContentArea .news-wrapper li a .imgContainer { float: left; width: 53px; min-height: 55px; margin: 0 10px 0 0; } #container main.mainContentArea .detailContentArea .short-messages-wrapper li a .imgContainer img, #container main.mainContentArea .detailContentArea .news-wrapper li a .imgContainer img { border: 1px solid #dadada; width: auto; max-height: 55px; } #container main.mainContentArea .detailContentArea .short-messages-wrapper li a .date, #container main.mainContentArea .detailContentArea .news-wrapper li a .date { font-size: 9px; color: #585858; } #container main.mainContentArea .detailContentArea .short-messages-wrapper li a .head, #container main.mainContentArea .detailContentArea .news-wrapper li a .head { font-size: 13px; color: #c0220e; } #container main.mainContentArea .detailContentArea .short-messages-wrapper li a .txt, #container main.mainContentArea .detailContentArea .news-wrapper li a .txt { font-size: 12px; color: #585858; } #container main.mainContentArea .detailContentArea .short-messages-wrapper li a:hover, #container main.mainContentArea .detailContentArea .news-wrapper li a:hover { background: #e7e9ea; text-decoration: none; } #container main.mainContentArea .detailContentArea .news-wrapper ul:after, #container main.mainContentArea .detailContentArea .news-wrapper li.even:after, #container main.mainContentArea .detailContentArea .news-wrapper ul form:nth-child(even):after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; } #container main.mainContentArea .detailContentArea .news-wrapper li { width: 49%; } #container main.mainContentArea .detailContentArea .news-wrapper li.odd { margin-right: 2%; } @media screen and (max-width: 980px) { #container main.mainContentArea .detailContentArea .news-wrapper li { width: 100%; } #container main.mainContentArea .detailContentArea .news-wrapper li.odd { margin: 0; } } #container main.mainContentArea .detailContentArea .contactform .f { border: none; background: url(/assets/wfv/img/bgInput_large.png) 0px 0px no-repeat; padding: 2px 0px 0px 4px; width: 350px; height: 20px; font-size: 12px; margin: 0px 0px 3px 0px; } #container main.mainContentArea .detailContentArea .contactform .f2 { border: none; background: url(/assets/wfv/img/bgInput1.png) 0px 0px no-repeat; padding: 2px 0px 0px 4px; width: 73px; height: 20px; font-size: 12px; margin: 0px 3px 3px 0px; } #container main.mainContentArea .detailContentArea .contactform .f3 { border: none; background: url(/assets/wfv/img/bgInput2_large.png) 0px 0px no-repeat; padding: 2px 0px 0px 4px; width: 270px; height: 20px; font-size: 12px; margin: 0px 0px 3px 0px; } #container main.mainContentArea .detailContentArea .contactform .ta { margin: 3px 0px 0px 0px; width: 350px; height: 180px; border: none; background: url(/assets/wfv/img/bgInput3_large.png) 0px 0px no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 3px; padding-top: 3px; } #container main.mainContentArea .detailContentArea .contactform .bez { vertical-align: top; padding-top: 5px; font-size: 12px; } #container main.mainContentArea .right-sidebar .apps-side-right { margin-left: 10px; } #container main.mainContentArea .right-sidebar .apps-side-right section.instance-item { margin-bottom: 10px; } #container main.mainContentArea .right-sidebar .apps-side-right section.ad-partner { max-width: 100%; height: auto; border-radius: 7px; padding: 7px 0; background: white; } #container main.mainContentArea .right-sidebar .apps-side-right section.ad-partner img { max-width: 100%; height: auto; } #container main.mainContentArea .right-sidebar .apps-side-right section.ad-partner .app-normal > div { margin: 0 3px; } #container main.mainContentArea .right-sidebar .apps-side-right section.ad-partner ul, #container main.mainContentArea .right-sidebar .apps-side-right section.ad-partner li { margin: 0; padding: 0; list-style: none; } #container main.mainContentArea .right-sidebar .apps-side-right section.mobile-sidebar-navigation ul, #container main.mainContentArea .right-sidebar .apps-side-right section.mobile-sidebar-navigation li { margin: 0; padding: 0; list-style: none; } #container main.mainContentArea .right-sidebar .apps-side-right section.mobile-sidebar-navigation a { display: block; margin: 0 auto 10px auto; width: 183px; height: 57px; } #container main.mainContentArea .right-sidebar .apps-side-right section.mobile-sidebar-navigation a > span { display: none; } #container main.mainContentArea .right-sidebar .apps-side-right section.mobile-sidebar-navigation a.Galerie { background: url(/assets/wfv/img/ba_galerie.png) -15px 0px no-repeat; border-radius: 7px; } #container main.mainContentArea .right-sidebar .apps-side-right section.mobile-sidebar-navigation a.Kalender { background: url(/assets/wfv/img/ba_kalender.png) -15px 0px no-repeat; border-radius: 7px; } #container main.mainContentArea .right-sidebar .apps-side-right section.mobile-sidebar-navigation a:hover { background-position: -15px -57px; } @media screen and (min-width: 800px) { #container main.mainContentArea .right-sidebar .apps-side-right section.mobile-sidebar-navigation { display: none; } #container main.mainContentArea .right-sidebar .apps-side-right section.mobile-sidebar-navigation a { margin: 0px 0px 12px 0px; } } #container footer { display: flex; } #container footer .contentarea { flex: 1 1 100%; } #container footer .contentarea p { margin: 0px 0px 0px 0px; font-size: 9px; color: #595959; padding: 12px 0px 0px 15px; } #container footer .contentarea p a { color: #595959; text-decoration: none; text-transform: uppercase; } #container footer .contentarea p a:hover { color: #c0220e; } #container footer .contentarea p.re { padding: 12px 15px 0px 0px; float: right; } #container footer .apps-Footer section.app-footer { height: 36px; } #container footer #partner { width: 100%; height: auto; padding: 10px 0; margin: 0px 0px 0px 0px; background: white; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; } #container footer #partner img { padding: 10px 10px 0 10px; max-width: 90%; height: auto; } @media screen and (max-width: 600px) { #container .headerArea .header .apps-Logo section.header-logo .logo-container .logo-part1 { flex: 1 1 100%; background: none; } #container .headerArea .header .apps-Logo section.header-logo .logo-container .logo-part1 .teaser-image { display: none; } #container .headerArea .header .apps-Logo section.header-logo .logo-container .logo-part1 .logo-mobile { display: block; } #container .headerArea .header .apps-Logo section.header-logo .logo-container .logo-part1 .logo-mobile img { margin-left: 0px; width: 100%; } #container .headerArea .header .apps-Logo section.header-logo .logo-container .logo-part2, #container .headerArea .header .apps-Logo section.header-logo .logo-container .logo-part3 { display: none; } #container main.mainContentArea { flex-wrap: wrap; } #container main.mainContentArea .right-sidebar { display: block; flex: 1 1 100%; overflow: hidden; text-align: center; max-width: none; margin-top: 10px; } #container main.mainContentArea .right-sidebar .apps-side-right { margin: 0; } #container .right-sidebar { display: none; } } @media screen and (min-width: 800px) { #container .mobileheader { display: none; } } @media screen and (max-width: 800px) { #container .headerArea .header .apps-Logo section.header-logo .logo-container .logo-part3 { background: url(/assets/wfv/img/bgHead_part3_large.gif) 0 0 no-repeat; } #container .left-sidebar { display: none; } } @media screen and (max-width: 980px) { #container main.mainContentArea .detailContentArea { flex-wrap: wrap; } #container main.mainContentArea .detailContentArea .left-contentarea, #container main.mainContentArea .detailContentArea right-contentarea { margin: 0; } #container body.gallery #container main.mainContentArea .left-contentarea { order: 1; } #container body.gallery #container main.mainContentArea .right-contentarea { order: 0; } } section.calendar { background: white; } section.calendar header.instance-header { color: #bc210d; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2rem; margin: 0px 0px 0px 0px; min-height: 1.8rem; padding-bottom: 10px; text-transform: uppercase; } section.calendar div.instance-body .overviewDiv { display: flex; flex-wrap: wrap; background-color: #e9e9e9; color: #585858; padding: 0px 12px; border-top: dotted 1px #777777; } section.calendar div.instance-body .overviewDiv .feed { flex: 1 1 0; display: flex; margin: 4px; } section.calendar div.instance-body .overviewDiv .feed .feedColor { flex: 0 0 16px; } section.calendar div.instance-body .overviewDiv .feed .feedName { flex: 0 1 0; margin: 7px; } section.calendar div.instance-body .overviewDiv .feed a { flex: 0 0 16px; } section.calendar div.instance-body .overviewDiv .feed a .feedIcal { color: #585858; } section.calendar div.instance-body .overviewDiv .feed a .feedIcal i { font-size: 0.9rem; } section.calendar div.instance-body .calendarDiv { clear: both; border-top: dotted 1px #777777; border-bottom: dotted 1px #777777; } section.calendar div.instance-body .calendarDiv .fc-toolbar { border-bottom: dotted 1px #777777; background: #e4e4e4; padding: 1em; color: #585858; } section.calendar div.instance-body .calendarDiv .fc-view-container { padding: 1em; color: #585858; } section.calendar div.instance-body .calendarDiv .fc-toolbar .fc-left { margin-left: 4px; } @media screen and (max-width: 400px) { section.calendar div.instance-body .calendarDiv .fc-toolbar .fc-left { margin-left: 12%; } section.calendar div.instance-body .calendarDiv .fc-toolbar .fc-right { width: 100%; text-align: center; } section.calendar div.instance-body .calendarDiv .fc-toolbar .fc-right h2 { width: 100%; padding: 10px 0; } } @media screen and (max-width: 550px), screen and (min-width: 600px) and (max-width: 700px), screen and (min-width: 800px) and (max-width: 920px) { section.calendar .fc-toolbar button { height: 1.6em; padding: 0 0.4em; font-size: 0.8em; } section.calendar .fc-toolbar .fc-right h2 { font-size: 1rem; } } body.startseite #container main.mainContentArea .left-contentarea, body.startseite_schiedsrichter #container main.mainContentArea .left-contentarea { flex: 1 1 50%; } body.startseite #container main.mainContentArea .right-contentarea, body.startseite_schiedsrichter #container main.mainContentArea .right-contentarea { flex: 1 1 50%; } body.kontakt #container main.mainContentArea .left-contentarea, body.gallery #container main.mainContentArea .left-contentarea { border-right: 1px solid #ccc; flex: 1 1 40%; } body.kontakt #container main.mainContentArea .right-contentarea, body.gallery #container main.mainContentArea .right-contentarea { flex: 1 1 60%; } @media screen and (max-width: 980px) { body.gallery #container main.mainContentArea .left-contentarea { order: 1; } body.gallery #container main.mainContentArea .right-contentarea { order: 0; } } iframe#dsIframe { width: 100%; height: 650px; border: 0px; } /* @import "wfv/apps/_comments"; */ /* @import "wfv/apps/_facetedSearch"; */ .fos-superbanner-datenservice .bx-wrapper, #ads_Tabelle .bx-wrapper, .dsbanner_unten .bx-wrapper, .foesv-adspace-lv-desktop-rectangle .bx-wrapper, .foesv-adspace-lv-mobile-standardbanner .bx-wrapper { border: none; background: none; box-shadow: none; margin-bottom: 0px; overflow: hidden; } .foesv-adspace-lv-mobile-standardbanner { width: 300px; height: 50px; margin: 0 auto; } @media screen and (min-width: 601px) { .foesv-adspace-lv-mobile-standardbanner { display: none; } } .foesv-adspace-lv-desktop-rectangle.datenservice, .foesv-adspace-lv-desktop-rectangle.standard { width: 180px; height: 150px; overflow: hidden; } .foesv-adspace-lv-desktop-rectangle.datenservice .slide, .foesv-adspace-lv-desktop-rectangle.standard .slide { height: 150px; } .foesv-adspace-lv-desktop-rectangle.datenservice { height: 300px; margin-left: 10px; margin-bottom: 10px; display: none; } @media screen and (max-width: 600px) { .foesv-adspace-lv-desktop-rectangle { display: none !important; } } .fos-superbanner-datenservice, .dsbanner_unten { overflow: hidden; } .fos-superbanner-datenservice.desktop, .dsbanner_unten.desktop { display: none; } .fos-superbanner-datenservice.mobile, .dsbanner_unten.mobile { text-align: center; width: 300px; height: 50px; margin: auto; display: block; } .fos-superbanner-datenservice.mobile .ad, .dsbanner_unten.mobile .ad { width: 300px; height: 50px; } @media (min-width: 1200px) { .fos-superbanner-datenservice.desktop { height: 90px; width: 728px; margin: 25px auto; display: block; } .fos-superbanner-datenservice.mobile { display: none; } } @media screen and (min-width: 800px) { .dsbanner_unten.mobile { display: none; } .foesv-adspace-lv-mobile-standardbanner { display: none; } .foesv-adspace-lv-desktop-rectangle { width: 180px; height: 150px; overflow: hidden; margin-bottom: 1em; } } .app-vbFunktionaere { background: #fff; padding: 0 10px; } .app-vbFunktionaere .holder { width: 100%; padding: 1em 0; color: #333; } .app-vbFunktionaere .holder h1 { color: #000; text-transform: uppercase; margin: 0.5em 0; font-size: 1.3em; font-weight: bold; } .app-vbFunktionaere select { overflow: hidden; margin-bottom: 1em; padding: 0.3em; } .app-vbFunktionaere .flex { display: flex; display: -webkit-flex; } .app-vbFunktionaere .funktionaer-liste { flex: 0 0 200px; -webkit-flex: 0 0 200px; margin-right: 1em; border-right: 1px solid #ddd; } .app-vbFunktionaere .funktionaer-liste ul { list-style: none; padding: 0; margin: 0; } .app-vbFunktionaere .funktionaer-liste ul li a { text-decoration: none; color: #333 !important; } .app-vbFunktionaere .funktionaer-liste ul li a .name:before { content: '\25BA '; } .app-vbFunktionaere .funktionaer-liste ul li a:hover { text-decoration: underline; } .app-vbFunktionaere .funktionaer-liste ul li .initialen { width: 40px; height: 40px; border-radius: 50%; background-size: cover; color: #fff; text-align: center; font-size: 1.4em; line-height: 1.9em; } .app-vbFunktionaere .funktionaer-liste ul li .initialen.noImage { background-color: #333; } .app-vbFunktionaere .funktionaer-liste ul li a { padding: 3px 0; display: block; font-size: 11pt; } .app-vbFunktionaere .funktionaer-liste ul li .name { display: block; } .app-vbFunktionaere .funktionaer-liste ul li .initialen { display: none; } .app-vbFunktionaere .funktionaer-liste .ctrl { display: none; } .app-vbFunktionaere .funktionaer-liste .ctrl .open, .app-vbFunktionaere .funktionaer-liste .ctrl .close { width: 40px; height: 40px; font-size: 2em; text-align: center; border: 1px solid #ddd; margin-bottom: 0.2em; line-height: 1.2em; } .app-vbFunktionaere .funktionaer-liste[state='closed'] .ctrl .open { display: block; } .app-vbFunktionaere .funktionaer-liste[state='closed'] .ctrl .close { display: none; } .app-vbFunktionaere .funktionaer-liste[state='opened'] .ctrl .open { display: none; } .app-vbFunktionaere .funktionaer-liste[state='opened'] .ctrl .close { display: block; } .app-vbFunktionaere .funktionaer-details { flex: 1 1 auto; -webkit-flex: 1 1 auto; width: auto; } .app-vbFunktionaere .funktionaer-details .referat { color: #bc210d; font-size: 1.2em; margin: 0; } .app-vbFunktionaere .funktionaer-details .beschreibung { margin: 0.8em 0; font-family: inherit; font-size: 0.9em; overflow-x: auto; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .app-vbFunktionaere .funktionaer-details .email, .app-vbFunktionaere .funktionaer-details .telefon { font-size: 0.9em; } .app-vbFunktionaere .funktionaer-details .name { font-size: 1.1em; margin: 2em 0 0 0; color: #bc210d; } .app-vbFunktionaere .funktionaer-details .funktion { font-size: 1em; margin: 0.4em 0; } .app-vbFunktionaere .funktionaer-details .aufgaben { margin: 0.8em 0; font-family: inherit; overflow-x: auto; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .app-vbFunktionaere .funktionaer-details .passfoto-mobile { float: right; margin-left: 1em; display: none; max-width: 100%; } .app-vbFunktionaere .funktionaer-details .passfoto-desktop { float: left; margin-right: 1em; display: bock; max-height: 150px; } @media (max-width: 599px) { .app-vbFunktionaere select { width: 100%; } .app-vbFunktionaere .funktionaer-liste .ctrl { display: block; } .app-vbFunktionaere .funktionaer-liste[state='closed'] ul li .name { display: none; } .app-vbFunktionaere .funktionaer-liste[state='closed'] ul li .initialen { display: block; } .app-vbFunktionaere .funktionaer-liste[state='closed'] { flex: 0 0 50px; -webkit-flex: 0 0 50px; } .app-vbFunktionaere .funktionaer-details .passfoto-desktop { display: none; } .app-vbFunktionaere .funktionaer-details .passfoto-mobile { display: block; } } .app-dsAktuelleSperren .holder { background: transparent; } .app-dsAktuelleSperren .holder table { border-spacing: 0; width: 100% !important; overflow: hidden; } .app-dsAktuelleSperren .holder table tr.bewerb { margin-top: 10px; } .app-dsAktuelleSperren .holder table tr.bewerb td { font-weight: bold; background: #bc210d; color: #fff; border-radius: 5px 0 0 0; padding-left: 10px; } .app-dsAktuelleSperren .holder table tr th { padding: 4px 5px; font-size: 0.8em; text-align: left; color: #000; font-weight: bold; } .app-dsAktuelleSperren .holder table tr td { padding: 4px 2px; font-size: 0.8em; color: #000; } @media screen and (min-width: 0) { .app-dsAktuelleSperren .holder table .rd-small-hide { display: none; } .app-dsAktuelleSperren .holder table .rd-medium-hide { display: table-cell; } .app-dsAktuelleSperren .holder table .rd-large-hide { display: table-cell; } } @media screen and (max-width: 430px) { .app-dsAktuelleSperren .holder table { font-size: 14px; } .app-dsAktuelleSperren .holder table .rd-small-hide { display: none; } .app-dsAktuelleSperren .holder table .rd-medium-hide { display: table-cell; } .app-dsAktuelleSperren .holder table .rd-large-hide { display: table-cell; } } @media screen and (min-width: 600px) { .app-dsAktuelleSperren .holder table .rd-small-hide { display: table-cell; } .app-dsAktuelleSperren .holder table .rd-medium-hide { display: none; } .app-dsAktuelleSperren .holder table .rd-large-hide { display: none; } } @media screen and (min-width: 1200px) { .app-dsAktuelleSperren .holder table .rd-small-hide { display: table-cell; } .app-dsAktuelleSperren .holder table .rd-medium-hide { display: table-cell; } .app-dsAktuelleSperren .holder table .rd-large-hide { display: none; } } .app-dsDrBeschluesse .holder .hide { display: none; } .app-dsDrBeschluesse .holder tr.hide { display: none; } .app-dsDrBeschluesse .holder p { color: #000000; } .app-dsDrBeschluesse .holder h1 { color: #000; text-transform: uppercase; margin: 0.5em 0; font-size: 1.3em; font-weight: bold; } .app-dsDrBeschluesse .holder input { display: block; padding: 2px 5px; width: 98%; } .app-dsDrBeschluesse .holder table { border-spacing: 0; border-collapse: collapse; width: 100% !important; overflow: hidden; } .app-dsDrBeschluesse .holder table th { padding: 3px 5px; font-size: 0.8em; text-align: left; border-top-width: 0; } .app-dsDrBeschluesse .holder table td { padding: 3px 2px; font-size: 0.8em; vertical-align: top; border: 1px dotted #ccc; } .app-dsDrBeschluesse .holder table .gruppe td { color: #FFFFFF; font-weight: bold; border: 0; background: #bc210d; padding-left: 10px; border-radius: 5px 0 0 0; } .app-dsDrBeschluesse .holder table .ampelkarte td { color: #000000; } .app-dsDrBeschluesse .holder table .verein { background: #eee; } .app-dsDrBeschluesse .holder table tr { color: #000000; } @media screen and (min-width: 0) { .app-dsDrBeschluesse .holder table .rd-small-hide { display: none; } .app-dsDrBeschluesse .holder table .rd-medium-hide { display: none; } .app-dsDrBeschluesse .holder table .rd-large-hide { display: table-row; } } @media screen and (max-width: 470px) { .app-dsDrBeschluesse .holder table { font-size: 13px; } .app-dsDrBeschluesse .holder table .rd-small-hide { display: none; } .app-dsDrBeschluesse .holder table .rd-medium-hide { display: none; } .app-dsDrBeschluesse .holder table .rd-large-hide { display: table-row; } } @media screen and (min-width: 600px) { .app-dsDrBeschluesse .holder table .rd-small-hide { display: table-row; } .app-dsDrBeschluesse .holder table .rd-medium-hide { display: none; } .app-dsDrBeschluesse .holder table .rd-large-hide { display: table-row; } } @media screen and (min-width: 1200px) { .app-dsDrBeschluesse .holder table .rd-small-hide { display: table-row; } .app-dsDrBeschluesse .holder table .rd-medium-hide { display: table-row; } .app-dsDrBeschluesse .holder table .rd-large-hide { display: none; } } .app-dsAktuelleBesetzung .holder h1 { color: #000; text-transform: uppercase; margin: 0.5em 0; font-size: 1.3em; font-weight: bold; } .app-dsAktuelleBesetzung .holder input { display: block; padding: 2px 5px; width: 98%; } .app-dsAktuelleBesetzung .holder table { border-spacing: 0; width: 100% !important; overflow: hidden; } .app-dsAktuelleBesetzung .holder table tr.hide { display: none; } .app-dsAktuelleBesetzung .holder table tr.datum th { color: #fff; background-color: #bc210d; border-radius: 5px 0 0 0; padding-left: 10px; } .app-dsAktuelleBesetzung .holder table tr.bewerb th { background-color: #f4f4f4; color: #000; } .app-dsAktuelleBesetzung .holder table tr.abgesagt td { text-decoration: line-through; color: #000; } .app-dsAktuelleBesetzung .holder table th { font-size: 0.8em; padding: 3px 5px; text-align: left; color: #000; } .app-dsAktuelleBesetzung .holder table td { font-size: 0.8em; padding: 3px 5px; color: #000; } .app-dsAktuelleBesetzung .holder table tr.row-spielinfo td { padding-top: 10px; color: #000; } .app-dsAktuelleBesetzung .holder table tr.row-besetzung td { padding-bottom: 10px; color: #000; } @media screen and (max-width: 599px) { .app-dsAktuelleBesetzung .holder table .rd-small-hide { display: none; } } @media screen and (max-width: 1199px) { .app-dsAktuelleBesetzung .holder table .rd-medium-hide { display: none; } } @media screen and (min-width: 1200px) { .app-dsAktuelleBesetzung .holder table .rd-large-hide { display: none; } } #ds { background-color: transparent; } #fos-superbanner-datenservice { padding: 0.5em 0; } #fos-superbanner-datenservice img, #fos-superbanner-datenservice object, #fos-superbanner-datenservice iframe, #fos-superbanner-datenservice ins { width: 100% !important; height: auto !important; max-width: 100%; max-height: 90px; overflow: hidden; } #ds .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .clearboth, .clearfix { clear: both; } #navigation { padding: 5px 0; } #navigation * { color: #333; font-size: 12px; } #navigation .justify { text-align: justify; } #navigation .justify:after { content: ''; display: inline-block; width: 100%; } #navigation .justify:before { content: ''; display: block; } #navigation .justify .justify-item { display: inline-block; } #navigation div.title { text-align: center; border: 1px solid #999; height: 30px; vertical-align: middle; display: block; float: left; line-height: 30px; margin: 4px 0px 4px 4px; font-weight: bold; cursor: pointer; background: #f3f5f6; color: #bc210d; border-radius: 4px; } #navigation div.titleGruppe, #navigation div.titleBewerb { width: 220px; } #navigation div.titleRunde, #navigation div.titleSaison { width: 140px; } #navigation .desktop { clear: both; } #navigation .info.infoRunden .label, #navigation .info.infoSaisonen .label, #navigation .info.infoBewerbe .label, #navigation .info.infoGruppen .label { text-align: center; width: 100%; display: block; margin: 5px 0px; } #navigation .info.infoRunden .value > ul, #navigation .info.infoGruppen .value > ul, #navigation .info.infoBewerbe .value > ul { text-align: center; list-style: none; padding: 0px; margin: 5px; } #navigation .info.infoRunden .value > ul { text-align: center; } #navigation .info.infoGruppen .value > ul, #navigation .info.infoBewerbe .value > ul { text-align: left; } #navigation .info.infoRunden > div { width: 17.9%; } #navigation .info.infoSaisonen > div { width: 23%; } #navigation .info.infoRunden.justify div.justify-item.turnier { width: 23%; } #navigation .info.infoGruppen > div, #navigation .info.infoBewerbe > div { width: 342px; height: 115px; overflow: hidden; } #navigation .value img { max-width: 30px; max-height: 30px; } #navigation .value a { color: #006b3c; line-height: 30px; } #navigation .value a:hover { color: #006b3c; } #navigation .info { display: none; } #navigation .info .label > div { float: left; } #navigation .info > div { float: none; margin: 1px 5px; background-color: white; border: solid 1px; } #navigation .info .value > ul { padding-left: 20px; } #navigation .info .label a { color: #006b3c; font-weight: bold; font-size: 1.3em; text-decoration: none; } #navigation .info .textLabel { float: left; line-height: 30px; width: 90px; } #navigation .info .teamLogos { float: left; width: 40px; height: 30px; margin: 0 15px 0 5px; text-align: center; } #navigation .dropDown:after { display: inline-block; float: right; margin-right: 12px; content: '\f150'; color: #bc210d; font-family: Fontawesome; font-size: 20px; font-weight: normal; } /* --------------------------- */ #ds #tabAuswahl { list-style: none; padding: 0; margin: 0; } #ds #tabAuswahl li { display: inline-block; padding: 5px 12px 5px; background: #f0f4f4; border: 1px solid #d9dee2; font-size: 0.9em; } #ds #tabAuswahl li a { display: inline-block; text-align: left; font-weight: normal; color: #000; text-decoration: none; } #ds #tabAuswahl li:hover, #ds #tabAuswahl li.selected { background: url("/assets/wfv/img/n_active.png") repeat-x scroll 0 0 #f7f9f9; border: 1px solid #003366; } #ds #tabAuswahl li:hover a, #ds #tabAuswahl li.selected a { color: #fff; } /* --------------------------- */ #ds #icalAuswahl { position: absolute; list-style: none; margin: 1px 0 0 5px; padding: 0; } #ds #icalAuswahl .divIcal { cursor: pointer; } #ds #icalAuswahl .divIcalHeader { float: right; margin: 4px 5px 0 0; font-weight: bold; font-size: 0.8em; color: #fff; } #ds #icalAuswahl .divIcalImg { float: right; margin: 5px 5px 0 0; } #ds #icalAuswahl .divIcalImg img { height: 20px; margin-top: -3px; } #ds #icalAuswahl ul { display: none; list-style: none; position: absolute; min-width: 150px; margin: 1.5em 0 0 0; padding: 5px 0; background-color: #fff; border: 1px solid #333; } #ds #icalAuswahl ul li { padding: 0 10px; } #ds #icalAuswahl ul li:first-child a { font-weight: bold; border-bottom: 1px solid #ccc; } #ds #icalAuswahl ul li:hover { background: url("/assets/wfv/img/n_active.png") repeat-x scroll 0 0 #f7f9f9; } #ds #icalAuswahl ul li:hover a { color: #fff; border-bottom-color: #006b3c; } #ds #icalAuswahl ul li a { display: block; padding: 7px 10px; font-size: 0.9em; text-decoration: none; color: #333; white-space: nowrap; } /* --------------------------- */ #ds table { width: 100%; border: none; border-spacing: 0; margin-top: 25px; } #ds table td { padding: 5px 4px; text-align: center; font-size: 0.8em; } #ds table a { text-decoration: none; } #ds table td[class*='headline'] { color: #000; font-weight: bold; } #ds table tr:first-child.headline, #ds table tr:first-child .headline { text-align: center; color: #fff; font-weight: normal; background-color: #bc210d; border-radius: 5px 0 0 0; } #ds table tr:first-child.headline td, #ds table tr:first-child .headline td { color: #fff; } #ds table .zeileGerade td { background-color: #efefef; color: #474747 !important; } #ds table .zeileGerade td a { color: #474747 !important; } #ds table .zeileUngerade td { background-color: #fff; color: #474747 !important; } #ds table .zeileUngerade td a { color: #474747 !important; } #ds .spielplan .rundeGerade td { background-color: #efefef; color: #474747 !important; } #ds .spielplan .rundeGerade td a { color: #474747 !important; } #ds .spielplan .rundeUngerade td { background-color: #fff; color: #474747 !important; } #ds .spielplan .rundeUngerade td a { color: #474747 !important; } #ds table .headlineMannschaft, #ds table .mannschaft, #ds table .mannschaften { text-align: left; } #ds table .headlineSpieler, #ds table .headlineVerein, #ds table .spieler, #ds table .verein { text-align: left; } #ds table .anzahl { text-align: left; font-weight: bold; } #ds table .zusatz { text-align: left; } #ds table .headlineSchiedsrichter, #ds table .schiedsrichter { display: none; } #ds table .headlineSpielort, #ds table .spielort { text-align: left; } #ds table .rang { padding-right: 0; } #ds table .tendenz { padding-left: 0; padding-right: 0; } #ds table .rangVorherigeRunde { padding-left: 0; font-size: 0.75em; } #ds table .aufsteiger td { background: #b4efb1; } #ds table .relegationAufstieg td { background: #b4efb1; } #ds table .relegationAbstieg td { background: #f8d0d0; } #ds table .absteiger td { background: #edb2b2; } #ds table tr.selected td { color: #fff !important; background: url("/assets/wfv/img/n_active.png") repeat-x scroll 0 0 #f7f9f9; } #ds table tr.selected td a { color: #fff !important; } #ds .bestimmungen .text { background: #fff; } #ds .bestimmungen pre { text-align: left; background-color: #fff; line-height: 1.3em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } #ds .spielplan .mobileStatus a:after, #ds .ergebnisse .mobileStatus a:after { content: ' \f105'; } #tabelleFlexBox { display: flex; display: -webkit-flex; } #tabelleFlexBox #tabelle { flex: 1 1 auto; -webkit-flex: 1 1 auto; width: auto; display: block; } #tabelleFlexBox #tabelle .headline { width: 105%; } #tabelleFlexBox #ads_Tabelle { flex: 0 0 260px; -webkit-flex: 0 0 260px; margin: 25px 0 0 10px; } #tabelleFlexBox #ads_Tabelle > div { max-width: 260px; overflow: hidden; } #tabelleFlexBox #ads_Tabelle .unten { margin-top: 10px; } /* -- Responsive */ /* Smartphones */ @media (max-width: 599px) { #ds #navigation div.title { width: 97%; } #ds #navigation .desktop { display: none; } #ds #navigation .mobile { display: block; } #ds #navigation .info > div { width: 97%; } #ds #navigation .infoGruppen > *, #ds #navigation .infoBewerbe > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #ds #tabAuswahl li { margin-top: 5px; margin-bottom: 5px; } #ds #tabAuswahl li a { font-size: 0.8rem; } #ds table td, #ds table td a { font-size: 0.8rem; } #ds table td { height: 1.8em; } #ds table .rangVorherigeRunde { font-size: 0.5rem; } #ds .datum, #ds .mobileStatus { white-space: nowrap; } #ds .beginnZeit, #ds .zeit, #ds .ergebnis, #ds .status, #ds .spielort, #ds .headlineZeit, #ds .headlineErgebnis, #ds .headlineStatus, #ds .headlineSpielort { display: none; } #tabelleFlexBox { display: block; } #tabelleFlexBox #ads_Tabelle { display: none; } #tabelleFlexBox #tabelle { display: table; width: 100%; } #tabelleFlexBox #tabelle .headline { width: inherit; } } @media (max-width: 599px) and (orientation: portrait) { #ds .headlineSiege, #ds .headlineUnentschieden, #ds .headlineNiederlagen, #ds .headlineTorverhaeltnis, #ds .siege, #ds .unentschieden, #ds .niederlagen, #ds .torverhaeltnis { display: none; } } /* Tablet View */ @media (min-width: 600px) and (max-width: 1199px) { #ds #navigation div.title { width: 97%; } #ds #navigation .desktop { display: none; } #ds #navigation .mobile { display: block; } #ds #navigation .info > div { width: 97%; } #ds #tabAuswahl li { padding-left: 7px; padding-right: 7px; } #ds #tabAuswahl li a { font-size: 0.9em; } #ds .datum, #ds .mobileStatus { white-space: nowrap; } #ds .beginnZeit, #ds .zeit, #ds .ergebnis, #ds .status, #ds .spielort, #ds .headlineZeit, #ds .headlineErgebnis, #ds .headlineStatus, #ds .headlineSpielort { display: none; } #ds .headlineTorverhaeltnis, #ds .torverhaeltnis { display: none; } #tabelleFlexBox { display: block; } #tabelleFlexBox #ads_Tabelle { display: none; } #tabelleFlexBox #tabelle { display: table; width: 100%; } #tabelleFlexBox #tabelle .headline { width: inherit; } } /* Desktops */ @media (min-width: 1200px) { #ds .headlineMobileStatus, #ds .mobileStatus { display: none; } #ds .spielplan .datum { white-space: nowrap; } } .ergebnisse .totopromo { display: block !important; float: right; } .app-dsVereinsverzeichnis.searchResults { margin-top: 7px; background-color: #F9F9F9; height: 100%; } .app-dsVereinsverzeichnis .holder { min-height: 500px; } .app-dsVereinsverzeichnis .holder h1 { color: #000; text-transform: uppercase; margin: 0.5em 0; font-size: 1.3em; font-weight: bold; text-align: center; letter-spacing: 1px; } .app-dsVereinsverzeichnis .holder .loading { display: none; text-align: center; min-height: 300px; } .app-dsVereinsverzeichnis .holder .loading img { margin-top: 100px !important; } .app-dsVereinsverzeichnis .holder .search { text-align: center; margin: 15px 0; } .app-dsVereinsverzeichnis .holder .search input[type='text'] { width: 55%; padding: 2px 5px; } .app-dsVereinsverzeichnis .holder .search input[type='button'] { width: 15%; padding: 2px 5px; } .app-dsVereinsverzeichnis .holder .filter { text-align: center; margin: 20px 0; } .app-dsVereinsverzeichnis .holder .filter select { width: 30%; padding: 4px 5px; } .app-dsVereinsverzeichnis .holder .buchstabe { text-align: center; margin: 20px 0 10px 0; padding-bottom: 20px; border-bottom: 1px solid #ccc; } .app-dsVereinsverzeichnis .holder .buchstabe a { display: inline-block; padding: 0 6px; color: #bc210d; font-weight: bold; border-left: 1px solid #333; } .app-dsVereinsverzeichnis .holder .buchstabe a:first-child { border-left-width: 0; } .suchergebnis_vereine ul { list-style: none; margin: 0; padding: 0; } .suchergebnis_vereine li { display: inline-block; width: 128px; margin: 5px 3px; padding: 5px; text-align: center; border: 1px solid #ccc; border-radius: 8px; } .suchergebnis_vereine li a { text-decoration: none; } .suchergebnis_vereine li img { opacity: 0.6; filter: alpha(opacity=60); width: auto; height: auto; } .suchergebnis_vereine li:hover { border-color: #333; } .suchergebnis_vereine li:hover img { opacity: 1; filter: alpha(opacity=100); } .suchergebnis_vereine li .img_container { height: 100px; padding-bottom: 5px; text-align: center; } .suchergebnis_vereine li .vereinsname { font-size: 0.9em; color: #333; overflow: hidden; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #suchergebnis_content ul { list-style: none; padding: 0; margin: 0; background: #ccc; } #suchergebnis_content li { padding: 3px; margin-bottom: 5px; background-color: #eee; } #suchergebnis_content li a { text-decoration: none; } #suchergebnis_content li img { margin-top: 5px; } #suchergebnis_content li .imgContainer { float: left; width: 80px; height: 80px; margin-right: 10px; text-align: center; background-color: #fff; } #suchergebnis_content li .text { float: left; width: 680px; } #suchergebnis_content li .text h1 { font-size: 1.3em; } #suchergebnis_content li .text h2 { font-size: 1.2em; } #tickerBox { background: #fff; border-radius: 6px; padding: 5px; height: 200px; } #tickerBox #tickerClose { background: url("/assets/wfv/img/LIVE-TICKER-HEADLINE-BG.png") no-repeat scroll top right #c0220e; cursor: pointer; } #tickerBox #tickerClose h2 { color: white; font-size: 14px; height: 20px; padding: 4px 0 0 7px; margin: 0 0 10px 0; text-transform: uppercase; font-weight: normal; } #tickerBox #ticker { list-style: none; padding: 0; margin: 0; } #tickerBox #ticker li { padding: 0; margin: 0; color: #585858; } #tickerBox #ticker li .title { margin: 0; padding-bottom: 5px; border-bottom: 1px solid #dddddd; font-size: 0.8em; text-decoration: none; } #tickerBox #ticker li .timestamp { font-size: 0.7em; margin: 0.5em 0; } #tickerBox #ticker li .text { font-size: 0.8em; } #tickerClosed { cursor: pointer; } .app-teasers .instance-header { display: none; } .app-teasers .contentOverview > form { display: inline; width: auto; } .app-teasers .wrapper { display: inline; } .app-teasers img { max-width: 100%; width: auto; } .app-teasers ul { list-style-type: none; margin: 0; padding: 0; } .app-teasers li { margin: 0; list-style: none; } .app-teasers .app-button:hover { opacity: 0.8; filter: alpha(opacity=80); } .app-teasers .app-button-deleteLink { background: center url(../img/delete.png) no-repeat; } .app-teasers .app-button-removeLink { background: center url(../img/folder_remove.png) no-repeat; } .app-teasers .app-button-editLink { background: center url(../img/edit.png) no-repeat; } .app-teasers .app-button-editLinkInline { background: center url(../img/edit_inline.png) no-repeat; } .app-teasers .app-button-editCancelLink { background: center url(../img/close.png) no-repeat; } .app-teasers .app-button { display: inline-block; width: 32px; height: 32px; margin: 3px; background-color: rgba(0, 0, 0, 0.5); } .app-teasers .teaser-mobile-image { display: none; } .app-teasers .more { padding: 10px 0px 0px 0px; color: #c0220e; font-size: 10px; height: 15px; display: block; text-align: center; border-top: 1px dotted #c7c7c7; } /* @import "wfv/features/_facetedSearch"; */