/* Basic ____________________________________________________ */ @media all { body { background: #efefef; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: 'Roboto', sans-serif; overflow-x: hidden; } body, html { height: 100%; } body, table, input, select, textarea { color: #6a6a6a; font-size: 14px; line-height: 20px; } address { font-style: normal; } table { border: 0px; border-collapse: collapse; } table td, form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } a { color: #004b93; cursor: pointer; text-decoration: none; -webkit-transition: opacity 500ms; transition: opacity 500ms; } a:hover { opacity: 0.6; } img { border: 0px; } p { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } h1, h1 a, .t1, .t1 a { color: #6a6a6a; font-size: 18px; line-height: 22px; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; text-align: left; text-transform: none; font-weight: bold; } h2, h2 a { color: #004b93; font-size: 20px; line-height: 24px; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; text-align: left; font-weight: bold; } h3, h3 a { color: #000000; font-size: 20px; line-height: 24px; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; font-weight: normal; } h4, h4 a { color: #666666; font-size: 18px; line-height: 22px; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; } h5, h5 a { color: #004b93; font-size: 18px; line-height: 22px; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; } h6, h6 a { color: #000000; font-size: 17px; line-height: 21px; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; } ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; } ul li { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; } ul li ul { float: none; } ol { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; } ol li { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; } a.button { cursor: pointer; display: inline-block; background-color: #004b93; color: #FFFFFF; font-weight: bold; text-align: center; text-transform: uppercase; padding: 5px 15px 5px 15px; } a.button:hover, a.button.active { opacity: 0.8; } div.wrapper { position: relative; width: 100%; border: 0px; margin: 0; } br.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; } div.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; overflow: hidden; text-indent: -100px; } div.centercontent { width: 96%; max-width: 1000px; margin: 0 auto; } ul.pagination { margin-top: 50px; } .owl-carousel:not(.owl-loaded) { display: block; } .owl-carousel:not(.owl-loaded) div.item { display: none; } .owl-carousel:not(.owl-loaded) div.item:first-child { display: block; } textarea { width: 100%; box-sizing: border-box; } iframe { max-width: 100% !important; } figure figcaption { font-size: 14px; line-height: 18px; } div.flex { display: flex; } div.maincontent main table { max-width: 100% !important; } div.maincontent main img { max-width: 100% !important; height: auto !important; } } @media (max-width: 1080px) { h1, h1 a { font-size: 18px; line-height: 22px; } h2, h2 a { font-size: 18px; line-height: 22px; } h3, h3 a { font-size: 18px; line-height: 22px; } h4, h4 a { font-size: 16px; line-height: 20px; } h5, h5 a { font-size: 16px; line-height: 20px; } h6, h6 a { font-size: 16px; line-height: 20px; } ul.pagination { margin-top: 25px; } } @media (max-width: 900px) { h1, h1 a { font-size: 16px; line-height: 20px; } h2, h2 a { font-size: 15px; line-height: 21px; } h3, h3 a { font-size: 15px; line-height: 21px; } h4, h4 a { font-size: 14px; line-height: 18px; } h5, h5 a { font-size: 14px; line-height: 18px; } h6, h6 a { font-size: 14px; line-height: 18px; } table:not(.sportmanager):not(.nowrap) tr td { display: block; } table tr td { width: auto !important; } div.scroll-table { overflow-x: auto; } } @media (max-width: 600px) { div.centercontent { width: 94%; } } /* Header ________________________________________________________________ */ @media all { header.header { width: 100%; position: relative; z-index: 5; } header.header div.head { height: 35px; align-items: center; } header.header div.head div.menureserver { display: none; width: 100%; } header.header div.head div.languages { width: 100%; font-size: 12px; line-height: 14px; } header.header div.head div.languages ul { display: flex; list-style-type: none; padding: 0; } header.header div.head div.languages li { width: 30px; text-align: center; margin: 0; } header.header div.head div.languages li a { color: #6a6a6a; } header.header div.head div.languages li a.active { color: #004b93; } header.header div.head div.socials { width: 100%; text-align: right; } header.header div.head div.socials ul { display: flex; list-style-type: none; justify-content: flex-end; padding: 0; } header.header div.head div.socials li { width: 35px; text-align: center; margin: 0; } header.header div.head div.socials li a, header.header div.head div.socials li a img { display: block; } header.header div.logo { display: flex; justify-content: center; text-align: center; } header.header div.mainmenu { width: 100%; text-align: center; margin: 25px 0; border-top: 1px solid rgba(89, 89, 89, 0.3); border-bottom: 1px solid rgba(89, 89, 89, 0.4); } header.header div.mainmenu ul.mainmenu { display: inline-block; list-style-type: none; padding: 0; vertical-align: middle; height: 100%; } header.header div.mainmenu ul.mainmenu ul { list-style-type: none; padding: 0; } header.header div.mainmenu ul.mainmenu > li { float: left; margin: 0; position: relative; margin-left: 30px; height: 100%; } header.header div.mainmenu ul.mainmenu > li:first-child { margin-left: 0px; } header.header div.mainmenu ul.mainmenu > li > a { display: flex; align-items: center; position: relative; font-size: 16px; line-height: 20px; color: #6a6a6a; font-weight: bold; height: 100%; padding: 10px 0; } header.header div.mainmenu ul.mainmenu > li.activ > a { color: #004b93; } header.header div.mainmenu ul.mainmenu > li ul { position: absolute; left: -15px; top: 100%; min-width: 115%; background-color: #dcdcdc; text-align: left; max-height: 0px; overflow: hidden; transition: max-height 250ms linear; display: block !important; } header.header div.mainmenu ul.mainmenu > li:hover ul { max-height: 1000px; } header.header div.mainmenu ul.mainmenu > li ul li a { display: block; padding: 8px 15px; margin: 0; font-size: 14px; line-height: 16px; font-weight: 600; color: #6a6a6a; white-space: nowrap; } header.header div.mainmenu ul.mainmenu > li ul li a:hover, header.header div.mainmenu ul.mainmenu > li ul li.activ a { background-color: #cbcbcb; } } @media (max-width: 1024px) { header.header div.logo img { max-width: 220px; } header.header div.mainmenu ul.mainmenu > li { margin-left: 20px; } } @media (max-width: 960px) { header.header div.head div.menureserver { display: block; } header.header div.head div.languages { display: flex; justify-content: center; } header.header div.logo { margin-top: 15px; margin-bottom: 15px; } header.header div.mainmenu { display: none; } } @media (max-width: 500px) { header.header div.logo img { max-width: 180px; } } /* Gallery ________________________________________________________________ */ @media all { div.gallery { position: relative; overflow: hidden; padding: 0 45px; } div.gallery div.owl-carousel { position: relative; display: flex; } div.gallery div.owl-carousel div.owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); margin-top: 0px; } div.gallery div.owl-carousel div.owl-nav .owl-prev { left: -35px; } div.gallery div.owl-carousel div.owl-nav .owl-next { right: -35px; } div.gallery div.owl-carousel div.owl-nav div.icon { width: 26px; height: 26px; background: #6a6a6a; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; } div.gallery div.owl-carousel div.owl-nav .owl-prev div.icon { transform: rotate(180deg); } div.gallery div.owl-carousel div.owl-nav div.icon svg { width: 14px; width: 14px; margin-left: 1px; fill: #FFFFFF; } div.gallery div.owl-carousel div.owl-stage { display: flex; } div.gallery div.owl-carousel div.item { flex-direction: column; cursor: pointer; -webkit-transition: opacity 500ms; transition: opacity 500ms; } div.gallery div.owl-carousel div.item:hover { opacity: 0.8; } div.gallery div.owl-carousel.owl-loaded div.item { display: flex; height: 100%; } div.gallery div.owl-carousel div.item img { display: block; width: 100%; } div.gallery div.owl-carousel div.item div.text { display: flex; flex-direction: column; background: #FFFFFF; padding: 15px; width: 100%; height: 100%; box-sizing: border-box; } div.gallery div.owl-carousel div.item div.text div.inner { height: 100%; margin-bottom: 10px; } div.gallery div.owl-carousel div.item div.text div.date { font-size: 12px; line-height: 14px; font-weight: bold; margin-bottom: 5px; } div.gallery div.owl-carousel div.item div.text div.name { font-size: 16px; line-height: 20px; font-weight: bold; } div.gallery div.owl-carousel div.item div.text div.link { font-size: 12px; line-height: 14px; font-weight: bold; } } @media (min-width: 1461px) { div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(1), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(2), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(3), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(4), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(5), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(6), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(7) { display: flex; } div.gallery div.owl-carousel:not(.owl-loaded) div.item { width: 13.568%; } div.gallery div.owl-carousel:not(.owl-loaded) div.item + div.item { margin-left: 0.827%; } } @media (min-width: 1081px) and (max-width: 1460px) { div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(1), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(2), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(3), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(4), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(5) { display: flex; } div.gallery div.owl-carousel:not(.owl-loaded) div.item { width: 19.124%; } div.gallery div.owl-carousel:not(.owl-loaded) div.item + div.item { margin-left: 1.094%; } } @media (min-width: 861px) and (max-width: 1080px) { div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(1), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(2), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(3), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(4) { display: flex; } div.gallery div.owl-carousel:not(.owl-loaded) div.item { width: 23.838%; } div.gallery div.owl-carousel:not(.owl-loaded) div.item + div.item { margin-left: 1.515%; } } @media (min-width: 681px) and (max-width: 860px) { div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(1), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(2), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(3) { display: flex; } div.gallery div.owl-carousel:not(.owl-loaded) div.item { width: 31.948%; } div.gallery div.owl-carousel:not(.owl-loaded) div.item + div.item { margin-left: 1.948%; } } @media (min-width: 481px) and (max-width: 680px) { div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(1), div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(2) { display: flex; } div.gallery div.owl-carousel:not(.owl-loaded) div.item { width: 48.644%; } div.gallery div.owl-carousel:not(.owl-loaded) div.item + div.item { margin-left: 2.542%; } } @media(max-width: 480px) { div.gallery div.owl-carousel:not(.owl-loaded) div.item:nth-child(1) { display: flex; } div.gallery div.owl-carousel:not(.owl-loaded) div.item { width: 100%; } } /* Content _______________________________________________________________ */ @media all { div.maincontent { margin: 30px 0px 30px 0px; } div.maincontent .box { background: #FFFFFF; } div.maincontent .box div.box-title { padding: 7px 15px; border-bottom: 1px solid rgba(89, 89, 89, 0.3); } div.maincontent .box div.box-title .headline { font-size: 16px; line-height: 18px; color: #6a6a6a; font-weight: bold; padding: 0; } div.maincontent .box + .box { margin-top: 25px; } div.maincontent div.text { padding: 15px; } div.maincontent div.sponsor div.text { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } /* 160/970 */ div.maincontent div.sponsor div.text div.logo { width: 16.494%; padding: 15px; text-align: center; box-sizing: border-box; } div.maincontent div.sponsor div.text div.logo img { max-width: 100%; } } @media (max-width: 960px) { div.maincontent { margin: 20px 0px 20px 0px; } div.maincontent .box div.box-title .headline { font-size: 15px; line-height: 17px; } div.maincontent .box + .box { margin-top: 15px; } } @media (max-width: 800px) { div.maincontent div.sponsor div.text div.logo { width: 33.333%; } } @media (max-width: 420px) { div.maincontent div.sponsor div.text div.logo { width: 50%; } } /* Footer ________________________________________________________________ */ @media all { footer.footer { width: 100%; position: relative; margin: 25px 0; } footer.footer div.inner { padding: 0 15px; } footer.footer div.copy { float: left; font-size: 12px; line-height: 14px; } footer.footer ul.footermenu { float: right; list-style-type: none; padding: 0; vertical-align: middle; } footer.footer ul.footermenu li { float: left; margin: 0; position: relative; margin-left: 10px; font-size: 12px; line-height: 14px; } footer.footer ul.footermenu li a { color: #6a6a6a; } footer.footer ul.footermenu li + li:before { content: '|'; float: left; margin-right: 10px; } } @media (max-width: 420px) { footer.footer { margin: 15px 0; } } @media (max-width: 420px) { footer.footer div.copy { float: none; text-align: center; margin-top: 10px; } footer.footer ul.footermenu { float: none; } footer.footer ul.footermenu li { float: none; display: block; margin-left: 0; text-align: center; } footer.footer ul.footermenu li + li:before { content: none; } footer.footer ul.footermenu li + li { margin-top: 5px; } } /* MobileMenuT1 ________________________________________________________________ */ @media all { div.menumobile { position: fixed; background-color: #FFFFFF; left: 0px; top: 0px; width: 0px; height: 100%; z-index: 50; transition: width 200ms linear; overflow: hidden; } body.menuslide div.menumobile { width: 280px; overflow-y: scroll; } body.menuslide div.menumobile > div.submenu { width: 280px; height: 100%; } body.menuslide div.wrapper { width: 100%; margin: 0px 0px 0px 280px; } body.menuslide div.wrapper:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 80; } div.wrapper { transition: margin 200ms linear; background: #efefef; } div.wrapper div.menuopener { display: none; position: absolute; left: 2%; top: 0px; cursor: pointer; z-index: 90; } body.menuslide div.wrapper div.menuopener { left: 0px; } div.wrapper div.menuopener div.barcontainer { float: left; width: 35px; height: 35px; position: relative; background: #004b93; } div.wrapper div.menuopener div.barcontainer div.inner { margin: 9px 7px 9px 7px; position: relative; } div.wrapper div.menuopener div.infotitle { float: left; margin: 7px 0px 0px 7px; } div.wrapper div.menuopener span.bar { position: absolute; left: 0px; top: 0px; height: 2px; width: 22px; background-color: #FFFFFF; display: block; -webkit-transition: all 500ms; transition: all 500ms; } div.wrapper div.menuopener span.bar2 { top: 7px; } div.wrapper div.menuopener span.bar3 { top: 14px; } body.menuslide div.wrapper div.menuopener span.bar1, body.menuslide div.wrapper div.menuopener span.bar2 { -ms-transform: rotate(45deg) scale(1.25,1.25); -webkit-transform: rotate(45deg) scale(1.25,1.25); transform: rotate(45deg) scale(1.25,1.25); top: 7px; } body.menuslide div.wrapper div.menuopener span.bar3 { -ms-transform: rotate(-45deg) scale(1.25,1.25); -webkit-transform: rotate(-45deg) scale(1.25,1.25); transform: rotate(-45deg) scale(1.25,1.25); top: 7px; } body.menuslide div.wrapper { overflow: hidden; height: 100%; } div.menumobile { padding: 0px 0px 40px 40px; margin-left: -40px; text-align: left; } div.menumobile nav.mainmenu { background: transparent; } div.menumobile ul.menu, div.menumobile ul.menu ul { list-style-type: none; padding: 0px 0px 0px 0px; } div.menumobile ul.menu > li { margin-bottom: 0px; } div.menumobile ul.menu > li.activ > a { color: #004b93; } div.menumobile ul.menu > li > a, div.menumobile ul.menu > li > span { display: block; padding: 8px 15px; font-size: 16px; line-height: 18px; color: #6a6a6a; font-weight: bold; } div.menumobile ul.menu li ul { background-color: #f0f0f0; } div.menumobile ul.menu li ul li { position: relative; } div.menumobile ul.menu li ul li a { display: block; font-weight: normal; padding: 8px 30px; font-size: 14px; line-height: 16px; color: #6a6a6a; font-weight: bold; } div.menumobile ul.menu li ul li a:hover, div.menumobile ul.menu li ul li.activ a { background-color: #d9d9d9; } div.menumobile ul.menu li ul li span { position: absolute; right: 23px; top: 17px; width: 8px; height: 13px; font-size: 14px; line-height: 16px; } } @media (max-width: 960px) { div.wrapper div.menuopener { display: block; } } @media (max-width: 600px) { div.wrapper div.menuopener { left: 3%; } } /* CookieT2 _______________________________________________________________ */ @media all { div.CookieT2OnPage { min-height: 66px; background-color: #f0f0f0; position: fixed; left: 0px; bottom: 0px; width: 100%; font-size: 14px; line-height: 18px; text-align: left; z-index: 50; } div.CookieT2OnPage:before { content:''; position: absolute; left: 0px; top: 0px; width: 100%; height: 10px; z-index: 5; background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); } div.CookieT2OnPage div.inside { padding: 15px 15px 15px 15px; } div.CookieT2OnPage div.inside div.text { float: left; padding: 0px 66px 0px 0px; } div.CookieT2OnPage div.inside a.icon { background-color: #ffffff; position: absolute; right: 0px; top: 0px; width: 66px; height: 66px; } div.CookieT2OnPage div.inside a.icon:before { color: #6a6a6a; content: '\D7'; position: absolute; left: 0px; top: 8px; width: 100%; text-align: center; font-size: 42px; line-height: 44px; font-family: Verdana, Geneva, sans-serif; } } @media (max-width: 1023px) { div.CookieT2OnPage { font-size: 13px; line-height: 17px; } } @media (max-width: 900px) { div.CookieT2OnPage div.inside a.icon { width: 50px; height: 50px; } div.CookieT2OnPage div.inside a.icon:before { top: 4px; font-size: 34px; line-height: 36px; } div.CookieT2OnPage div.inside div.text { padding: 0px 45px 0px 0px; } } @media (max-width: 720px) { div.CookieT2OnPage { font-size: 12px; line-height: 16px; } }