@charset "utf-8";
 * { 
margin: 0px;
padding: 0px;
border: 0px;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 5;
-webkit-hyphenate-limit-lines: 2;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 5;
-ms-hyphenate-limit-lines: 2;
hyphens: auto;
word-wrap: break-word;
}
body {
background: #f1f1f1;
font-family: 'DIN W01 Light', Arial, Verdana, sans-serif;
font-size: 13px;
font-style: normal;
color: #6e6e6e;
height: 100%;
padding: 0px;
margin: 0px;
}
ul {
margin: 0px;
padding: 0px;
}
ul li {
list-style: none;
margin: 0px;
padding: 0px;
}
h1, h2, h3, h4, h5 {
font-family: 'DIN W01 Light', Arial, Verdana, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
color: #6e6e6e;
text-decoration: none;
line-height: 30px;
margin: 0px;
padding-bottom: 30px;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
text-decoration: underline;
}
p {
font-family: 'DIN W01 Light', Arial, Verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color: #6e6e6e;
line-height: 21px;
letter-spacing: 0.5px;
padding-bottom: 24px;
margin: 0px;
}
img, a {
margin: 0px;
padding: 0px;
border: 0px;
outline: 0 none;
} #headerContainerLogo {
background: #2380c4;
height: 100px;
}
#headerContainerNavigation {
background: #b1b2b2;
height: 40px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
}
#logo {
float: left;
padding: 25px 20px;
}
#iconNavigation ul li {
float: left;
padding: 25px 15px;
}
#headerNavigation {
float: left;
}
#headerNavigation ul li {
float: left;
height: 42px;
}
#headerNavigation ul li a {
color: #fff;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
font-size: 18px;
text-decoration: none;
padding: 6px 20px 11px 20px;
display: block;
}
#headerNavigation ul li a:hover {
color: #fff;
}
#navigation {
position: relative;
}
#navigation .flyoutNavigation .firstColumn,
#navigation .flyoutNavigation .secondColumn {
float: left;
width: 280px;
margin-right: 20px;
}
#navigation .flyoutNavigation {
position: absolute;
top: 68px;
left: 20px;
width: 910px;
height: 340px;
background: #474747;
display: none;
margin: 0;
padding: 25px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
z-index: 500;
}
#navigation .flyoutTitle {
color: #fff;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
font-size: 28px;
text-align: right;
padding: 2px 15px;
background: #2380c4;
height: 45px;
position: relative;
top: 316px;
left: -25px;
width: 930px;
}
#navigation .flyoutSport:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
left: 35px;
border-width: 0 20px 20px 20px;
border-style: solid;
border-color: #474747 transparent; 
}
#navigation .flyoutSport:before {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
left: 33px;
border-width: 0 22px 22px 22px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1) transparent;  
}
#navigation .flyoutService:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
left: 200px;
border-width: 0 20px 20px 20px;
border-style: solid;
border-color: #474747 transparent; 
}
#navigation .flyoutService:before {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
left: 198px;
border-width: 0 22px 22px 22px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1) transparent;  
}
#navigation .flyoutAbout:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
left: 370px;
border-width: 0 20px 20px 20px;
border-style: solid;
border-color: #474747 transparent; 
}
#navigation .flyoutAbout:before {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
left: 368px;
border-width: 0 22px 22px 22px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.1) transparent;  
}
#navigation .flyoutNavigation li {
clear: both;
width: 280px;
height: 32px;
border-bottom: 1px solid #fff;
}
#navigation .flyoutNavigation ul li a {
color: #fff;
font-family: 'DIN W01 Light', Arial, Verdana, sans-serif;
font-size: 16px;
text-decoration: none;
padding: 5px 10px;
margin: 0px;
display: block;
}
#navigation .flyoutNavigation ul li a:hover {
color: #fff;
background: #2380c4;
}
#navigation .flyoutSport {
background: #474747 url(https://www.tv1886trebur.de/wp-content/themes/tv_trebur/images/background_sportangebot.jpg) no-repeat 460px 0px;
}
#navigation .flyoutService {
background: #474747 url(https://www.tv1886trebur.de/wp-content/themes/tv_trebur/images/background_service.jpg) no-repeat 460px 0px;
}
#navigation .flyoutAbout {
background: #474747 url(https://www.tv1886trebur.de/wp-content/themes/tv_trebur/images/background_vereinsleben.jpg) no-repeat 460px 0px;
}
#mobilNavigation {
position: relative;
}
#mobilNavigation .mobilFlyoutNavigation {
position: absolute;
top: 40px;
left: 0px;
width: 290px;
background: #474747;
display: none;
margin: 0;
padding: 25px;
z-index: 500;
}
#mobilNavigation .mobilFlyoutNavigation li {
clear: both;
width: 280px;
height: 32px;
border-bottom: 1px solid #fff;
}
#mobilNavigation .mobilFlyoutNavigation ul li a {
color: #fff;
font-family: 'DIN W01 Light', Arial, Verdana, sans-serif;
font-size: 16px;
text-decoration: none;
padding: 5px 10px;
margin: 0px;
display: block;
}
#mobilNavigation .mobilNaviSection a {
color: #fff;
background: #2380c4;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
font-size: 18px;
text-decoration: none;
padding: 5px 10px;
margin: 0px;
display: block;
}
#mobilNavigation .mobilFlyoutNavigation ul li a:hover {
color: #fff;
background: #2380c4;
}
#subnavigationContainer {
background: #474747;
height: 40px;
}
#subNavigation {
padding-left: 25px;
}
#subnavigationContainer ul li {
float: left;
}
#subNavigation ul li a {
color: #fff;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
font-size: 16px;
text-decoration: none;
padding-right: 20px;
display: block;
}
#subNavigation ul li a:hover {
text-decoration: underline;
}
#teaserContainer {
background: #474747;
height: 402px;
}
#slides {
position: relative;
top: 0px;
left: 0px;
padding: 0px;
height: 400px;
}
#slides .cycle-slideshow {
position: relative;
top: 0px;
left: 0px;
width: 1000px;
height: 400px;
}
#slides li {
width: 1000px;
height: 400px;
background: #474747;
}
#slides  h1 {
color: #fff;
font-size: 48px;
font-weight: normal;
line-height: 56px;
width: 800px;
padding-bottom: 20px;
}
#slides .slideLayer {
background: url(https://www.tv1886trebur.de/wp-content/themes/tv_trebur/images/background_teaser.png) no-repeat left bottom;
height: 400px;
}
#slides .slideWrapper {
position: relative;
top: -80px;
left: 30px;
}
#slides .slideWrapper h1 {
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
}
#pageHeadlineContainer {
background: #474747;
height: 100px;
}
#pageHeadline h1 {
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: normal;
color: #fff;
text-decoration: none;
margin: 0px;
padding: 25px;
}
#pageHeadline h1 a {
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: normal;
color: #fff;
text-decoration: none;
margin: 0px;
padding: 0px;
}
#pageHeadline h1 a:hover {
text-decoration: underline;
}
#pageHeadline .backButton {
position: relative;
top: -55px;
left: 661px;
}
#content {
background: #fff;
padding-top: 25px;
padding-bottom: 30px;
}
#contentColumnLeft {
float: left;
width: 615px;
margin-left: 25px;
}
#contentColumnRight {
float: left;
width: 315px;
margin-left: 20px;
}
#contentColumnRight .event-content {
display: none;
}
#sportsFilter select {
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color: #2380c4;
text-decoration: none;
margin-right: 10px;
margin-bottom: 10px;
padding: 5px 8px;
border: 1px solid #2380c4;
border-radius: 8px;
}
#article h1 {
color: #2380c4;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
font-size: 30px;
}
#article .textWrapper {
padding-right: 40px;
}
.contentHeadline {
color: #2380c4;
font-family: 'DIN W01 Light', Arial, Verdana, sans-serif;
font-size: 24px;
letter-spacing: 0.5px;
text-decoration: none;
background: url(https://www.tv1886trebur.de/wp-content/themes/tv_trebur/images/background_headline.png) repeat-x 12px;
margin-bottom: 15px;
width: 100%;
}
.contentInfoHeadline {
color: #2380c4;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
font-size: 12px;
text-decoration: none;
}
.contentInfoText, .contentInfoTable {
font-family: 'DIN W01 Light', Arial, Verdana, sans-serif;
font-size: 14px;
letter-spacing: 0.5px;
font-style: normal;
font-weight: normal;
color: #6e6e6e;
line-height: 18px;
padding-bottom: 15px;
margin: 0px;
}
.contentInfoBoxBlue {
background: #edf2fa;
padding: 10px 15px;
margin-bottom: 30px;
}
.contentHeadline span {
background: #fff;
padding-right: 12px;
}
.contentItem {
background: #fff;
margin-bottom: 40px;
}
#contentColumnLeft .contentItem a {
color: #2380c4;
text-decoration: none;
}
#contentColumnLeft .contentItem a:hover {
text-decoration: underline;
}
.partnerItem {
background: #fff;
margin-bottom: 40px;
text-align: center;
}
.newsItem {
background: #fff;
margin-bottom: 20px;
}
.newsItem .textWrapper {
padding: 25px 0px;
}
.newsPublishedDate {
color: #6e6e6e;
font-family: 'DIN W01 Light', Arial, Verdana, sans-serif;
font-size: 12px;
text-decoration: none;
border-bottom: 1px solid #2380c4;
padding-bottom: 10px;
margin-bottom: 10px;
}
.newsHeadline {
background: url(https://www.tv1886trebur.de/wp-content/themes/tv_trebur/images/background_newsheadline.png) no-repeat;
width: 615px;
height: 100px;
position: relative;
top: -100px;
left: 0px;
}
.newsHeadline span a {
color: #fff;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
font-size: 30px;
text-decoration: none;
position: relative;
top: 40px;
left: 25px;
}
.newsItem .newsImagePlaceHolder {
background: #2380c4;
height: 200px;
}
.sportsList, .calendarList, .teamList, .searchResultList {
margin-bottom: 30px;
}
.sportsList .odd, .calendarList .odd, .teamList .odd, .searchResultList .odd {
background: #edf2fa;
padding: 10px 15px;
}
.sportsList .even, .calendarList .even, .teamList .even, .searchResultList .even {
background: #fff;
padding: 10px 15px;
}
.sportsName, .calendarSports {
color: #2380c4;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
font-size: 12px;
text-decoration: none;
}
.sportsOffer, .calendarDate, .teamTitle, .searchResultTitle {
color: #2380c4;
font-family: 'DIN W01 Light', Arial, Verdana, sans-serif;
font-size: 18px;
text-decoration: none;
padding-top: 5px;
}
.sportsTimeLocation, .calendarTitle, .teamName  {
color: #6e6e6e;
font-family: 'DIN W01 Light', Arial, Verdana, sans-serif;
font-size: 14px;
text-decoration: none;
padding-top: 5px;
}
.sportsAdditionalInfoLink {
color: #2380c4;
font-family: 'DIN W01 Light', Arial, Verdana, sans-serif;
font-size: 14px;
text-decoration: none;
padding-top: 10px;
}
.sportsAdditionalInfoLink:hover {
text-decoration: underline;
cursor: pointer;
}
.sportsAdditionalInfo {
display: none;
padding: 40px 0px 20px 0px;
}
.sportsMessage {
color: #2380c4;
font-family: 'DIN W01 Light', Arial, Verdana, sans-serif;
font-size: 18px;
text-decoration: none;
text-align: center;
padding: 25px;
}
.danceList {
background: #edf2fa;
padding: 10px;
}
.danceList td {
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
font-size: 16px;
padding: 20px;
border: 1px solid #fff;
}
.event-list-view {
display: -webkit-flex !important;
display: -ms-flex !important;
display: flex !important;
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
width: 100% !important;
}
.event-list-view li {
background: #edf2fa !important;
padding: 10px 15px !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100% !important;
}
.event-list-view li.event {
margin: 5px !important;
}
.event-list .startdate, .event-list .enddate,
.single-event-view .startdate, .single-event-view .enddate {
background: #fff !important;
}
.event-list .multi-day, .event-list .single-day {
margin: 0 10px !important;
}
.event-title h3 {
line-height: 24px !important;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 5;
-webkit-hyphenate-limit-lines: 2;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 5;
-ms-hyphenate-limit-lines: 2;
hyphens: auto !important;
word-wrap: break-word !important;
}
.event-title a {
color: #2380c4 !important;
text-decoration: none !important;
}
.event-title a:hover {
color: #2380c4 !important;
text-decoration: underline !important;
}
div.filterbar ul.hlist li + li::before {
padding: 5px !important;
}
.single-event-view {
background: #edf2fa !important;
padding: 10px 15px !important;
}
.partnerLogo {
padding: 25px 0px;
}
.textLink {
color: #6e6e6e;
text-decoration: none;
}
.textLink:hover {
text-decoration: underline;
}
.moreLink, #searchsubmit {
color: #fff !important;
font-size: 18px;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
text-decoration: none !important;
background: #2380c4;
border-radius: 8px;
padding: 6px 50px 8px 50px;
}
.moreLink:hover, #searchsubmit:hover {
color: #2380c4 !important;
background: #fff !important;
border: 1px solid #2380c4;
}
.pageLinkPrev, .pageLinkNext {
color: #fff !important;
font-size: 18px;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
text-decoration: none !important;
background: #2380c4;
border-radius: 8px;
padding: 6px 50px 8px 50px;
}
.pageLinkPrev:hover, .pageLinkNext:hover {
color: #2380c4 !important;
background: #fff !important;
border: 1px solid #2380c4;
}
.listSportGroups {
padding-bottom: 30px;
}
.listSportGroups h4 {
color: #fff;
font-size: 18px;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
text-decoration: none;
background: #2380c4;
padding: 6px 25px 8px 25px;
border-bottom: 2px solid #fff;
}
.listSportGroups h4:hover {
cursor: pointer;
}
.listSportGroups div {
display: none;
padding: 25px;
}
.searchForm input {
color: #6e6e6e;
font-size: 18px;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
text-decoration: none;
background: #fff;
padding: 6px 10px;
width: 400px;
border: 1px solid #2380c4;
margin-top: 10px;
display: block;
}
.searchForm .screen-reader-text {
color: #2380c4;
font-size: 18px;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
padding-right: 15px;
}
.searchForm #searchsubmit {
color: #fff !important;
font-size: 18px;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
text-decoration: none !important;
background: #2380c4;
border-radius: 8px;
padding: 6px 20px 8px 20px;
margin-top: 10px;
width: 140px;
}
.searchForm #searchsubmit:hover {
color: #2380c4 !important;
background: #fff !important;
border: 1px solid #2380c4;
}
.searchPagination .nav-links {
border-top: 1px solid #2380c4;
padding-top: 10px;
}
.searchPagination .page-numbers {
font-size: 16px;
padding: 0px 5px;
}
.searchPagination .screen-reader-text {
display: none;
}
#contentColumnRight .searchform input {
color: #6e6e6e;
font-size: 18px;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
text-decoration: none;
background: #fff;
padding: 6px 10px;
width: 250px;
border: 1px solid #2380c4;
margin-top: 10px;
display: block;
}
#contentColumnRight .searchform .screen-reader-text {
color: #2380c4;
font-size: 18px;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
padding-right: 15px;
}
#contentColumnRight .searchform #searchsubmit {
color: #fff !important;
font-size: 18px;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
text-decoration: none !important;
background: #2380c4;
border-radius: 8px;
padding: 6px 20px 8px 20px;
margin-top: 10px;
width: 140px;
}
#contentColumnRight .searchform #searchsubmit:hover {
color: #2380c4 !important;
background: #fff !important;
border: 1px solid #2380c4;
}
#footerContainer {
background: #2380c4;
height: 150px;
padding-left: 50px;
}
#footerServiceNavigation {
padding-top: 25px;
}
#footerServiceNavigation ul li {
float: left;
}
#footerServiceNavigation ul li a {
color: #fff;
font-size: 14px;
text-decoration: none;
padding-right: 20px;
display: block;
}
#footerServiceNavigation ul li a:hover {
text-decoration: underline;
}
#footerCopyright {
clear: both;
color: #fff;
padding-top: 25px;
font-size: 11px;
} .autoMargin {
margin: 0 auto;
}
.contentLeft {
float: left;
}
.contentRight {
float: right;
}
.clear {
clear: both;
}
.show {
display: block;
}
.hide {
display: none;
}
.addPaddingRight {
padding-right: 40px;
} #handball-spielplan .hb-embed__schedule-list-item-team-logo {
width: 25px !important;
height: auto !important;
}
#handball-spielplan .hb-embed__title-logo {
width: 25px !important;
height: auto !important;
}
#handball-spielplan .hb-embed__branding-logo {
width: 120px !important;
height: auto !important;
}
#handball-spielplan .hb-embed__title-container {
border-bottom: 2px solid #2380c4 !important;
}
#handball-spielplan .hb-embed__btn, 
#handball-spielplan .hb-embed__btn-primary {
background-color: #2380c4 !important;
border: 1px solid #2380c4 !important;
color: #fff;
}  @media only screen and (min-width: 300px) {
p {
font-size: 16px;
line-height: 24px;
padding-bottom: 30px;
}
.autoMargin { 
max-width: 340px;
}
.contentHeadline {
font-size: 20px;
}
.moreLink, .pageLinkPrev, .pageLinkNext {
font-size: 13px;
padding: 6px 15px 8px 15px;
}
.imageWrapperMobil {
width: 280px;
display: block;
}
.imageWrapperTablet {
display: none;
}
.imageWrapperScreen {
display: none;
}
.newsHeadline {
background: url(https://www.tv1886trebur.de/wp-content/themes/tv_trebur/images/background_newsheadline.png) no-repeat;
width: 280px;
height: 100px;
top: -100px;
margin-right: 20px;
}
.newsHeadline span a {
color: #fff;
font-family: 'DIN W01 Bold', Arial, Verdana, sans-serif;
font-size: 20px;
text-decoration: none;
position: relative;
top: 30px;
left: 15px;
}
.newsHeadline span a {
padding-right: 25px;
}
#iconNavigation {
display: none;
}
#navigation {
display: none;
}
#mobilNavigation {
display: block;
}
#subnavigationContainer {
height: 120px;
}
#teaserContainer {
display: none;
height: 0px;
}
#contentColumnLeft {
width: 280px;
}
#contentColumnRight {
width: 280px;
}
#contentColumnLeft img {
width: 280px !important;
height: auto !important;
}
#contentColumnLeft .listSportGroups img, 
#contentColumnLeft .single-event-view img {
width: 200px !important;
height: auto !important;
}
#pageHeadline h1 {
font-size: 20px;
}
#pageHeadline h1 a {
font-size: 20px;
}
#pageHeadline .backButton {
display: none;
}
} @media only screen and (min-width: 600px) {
p {
font-size: 14px;
line-height: 21px;
padding-bottom: 24px;
}
.autoMargin { 
max-width: 550px;
}
.contentHeadline {
font-size: 24px;
}
.moreLink, .pageLinkPrev, .pageLinkNext {
font-size: 14px;
padding: 6px 50px 8px 50px;
}
.imageWrapperMobil {
display: none;
}
.imageWrapperTablet {
width: 500px;
display: block;
}
.imageWrapperScreen {
display: none;
}
.newsHeadline {
width: 500px;
}
.newsHeadline span a {
font-size: 24px;
top: 40px;
left: 25px;
}
#contentColumnLeft {
width: 500px;
}
#contentColumnRight {
width: 500px;
}
#contentColumnLeft img {
width: 500px !important;
height: auto !important;
}
#contentColumnLeft .listSportGroups img, 
#contentColumnLeft .single-event-view img {
width: 400px !important;
height: auto !important;
}
} @media only screen and (min-width: 1080px) {
.autoMargin { 
max-width: 1000px;
}
.moreLink, .pageLinkPrev, .pageLinkNext {
font-size: 18px;
}
.imageWrapperMobil {
display: none;
}
.imageWrapperTablet {
display: none;
}
.imageWrapperScreen {
width: 615px;
display: block;
}
.newsHeadline {
width: 615px;
}
.newsHeadline span a {
font-size: 30px;
top: 40px;
left: 25px;
}
#iconNavigation {
display: block;
}
#navigation {
display: block;
}
#mobilNavigation {
display: none;
}
#subnavigationContainer {
height: 40px;
}
#teaserContainer {
display: block;
height: 402px;
}
#contentColumnLeft {
width: 615px;
}
#contentColumnRight {
width: 315px;
}
#contentColumnLeft img {
width: 615px !important;
height: auto !important;
}
#pageHeadline h1 {
font-size: 30px;
}
#pageHeadline h1 a {
font-size: 30px;
}
#pageHeadline .backButton {
display: inline;
}
}