@font-face {
font-family: "Compressa-Regular";
src: url(//www.fc08homburg.de/wp-content/themes/yootheme-fch21/fonts/Compressa-Regular-webfont.woff2) format("woff2"),
url(//www.fc08homburg.de/wp-content/themes/yootheme-fch21/fonts/Compressa-Regular-webfont.woff) format("woff");font-weight:400;font-style:normal;
}
@font-face {
font-family: "Univers-Next";
src: url(//www.fc08homburg.de/wp-content/themes/yootheme-fch21/fonts/Univers-Next.woff2) format("woff2"),
url(//www.fc08homburg.de/wp-content/themes/yootheme-fch21/fonts/Univers-Next.woff) format("woff");font-weight:300;
}
@font-face {
font-family: "Univers-Next";
src: url(//www.fc08homburg.de/wp-content/themes/yootheme-fch21/fonts/Univers-Next-700.woff2) format("woff2"),
url(//www.fc08homburg.de/wp-content/themes/yootheme-fch21/fonts/Univers-Next-700.woff) format("woff");
}
.has-fchdarkgreen-color { color: #005333; }
.has-fchdarkgreen-background-color { background-color: #005333; }
.has-fchlightgreen-color { color: #82c17a; }
.has-fchlightgreen-background-color { background-color: #82c17a; }
.has-fchfiftygrey-color { color: #9c9b9b; }
.has-fchfiftygrey-background-color { background-color: #9c9b9b; }
.has-theissorange-color { color: #f59e01; }
.has-theissorange-background-color { background-color: #f59e01; }
.has-white-color { color: #ffffff; }
.has-white-background-color { background-color: #ffffff; }
.has-black-color { color: #000000; }
.has-black-background-color { background-color: #000000; } .sp-league-table {
border-collapse: separate;
border-spacing: 1px;
}
.sp-league-table  tbody {
background: #dedede;
}
.sp-league-table  tr {
height: 5rem;
}
.sp-league-table  td {
font-size: 1em;
line-height: 2.5em;
transition: 200ms all;
}
.sp-league-table  .team-logo {
width: 3.75rem;
height: 3.75rem;
}
.sp-league-table  .team-logo  img {
max-width: 3.75rem;
max-height: 3.75rem;
}
.sp-data-table td {
padding: 5px 10px;
text-align: center;
}
.sp-league-table tbody tr.highlighted td {
background: #0e5438;
color: #ffffff;
} .wpcf7 input[type="submit"] {
background-color:#62c662;
color:#fff;
border:2px solid transparent
}
.wpcf7 input:focus[type="submit"]  input:hover[type="submit"] {
background-color:transparent;
color:#62c662;
border-color:#62c662
}
.wpcf7 input:active[type="submit"] {
background-color:#1d2733;
color:#fff;
border-color:transparent
} #akkform {
background:#transparent;
}
.form_half {
width: 46%;
float: left;
margin-right: 8%;margin-bottom: 2%;
}
.form_half_last {
width: 46%;
margin-right: 0px;
float: right;
}
@media (max-width: 767px) {
.form_half {
width: 100%;
}
}
#akkform input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="textarea"] {
width: 100%;
font-size: 14px;
padding: .3rem .6rem;
border: 1px solid #000000;
}
#akkform input[type="submit"] {
background:#96bf7d;
padding:20px;
font-size:18px;color:#ffffff;width: 100%;
}
#akkform input[type="submit"]:hover {
background:#76C2AF;
}
#akkform input:focus {
background:#f3f3f3;
}
#akkform div.wpcf7-response-output {
background:#f3f3f3;
color:#000000;
border: 1px solid #000000;
padding: 1.5em 1em;
}
#akkform span.wpcf7-list-item {
color: #ffffff;
width: 100% ;
font-size:16px !important;
}
#akkform select {
width: 50%;font-size: 16px;
padding: .3rem .6rem;
appearance: none;
border: 1px solid;
} .fch-box-info {
background-color: #f7faf7;
border-left: 4px solid #005333 !important;
padding: 16px 20px;
margin: 24px 0;
font-size: 15px;
line-height: 1.7;
border-radius: 0 4px 4px 0;
}
.fch-box-warning {
background-color: #fffdf0;
border-left: 4px solid #e0a800 !important;
padding: 16px 20px;
margin: 24px 0;
font-size: 15px;
line-height: 1.7;
border-radius: 0 4px 4px 0;
}
.fch-box-title {
font-weight: bold;
display: block;
margin-bottom: 8px;
font-size: 15px;
color: #005333;
}
.fch-box-warning .fch-box-title {
color: #b37f00;
}
.fch-box-info a,
.fch-box-warning a {
color: #005333;
text-decoration: underline;
} .fch-schedule {
--fch-schedule-win: #005333;
--fch-schedule-loss: #9a3b34;
--fch-schedule-draw: #6b6b6b;
--fch-schedule-upcoming: #d9d9d9;
--fch-schedule-border: #e4e4e4;
--fch-schedule-muted: #767676;
font-size: 15px;
}
.fch-schedule__toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
padding-bottom: 0.75rem;
margin-bottom: 1.25rem;
border-bottom: 2px solid #1a1a1a;
}
.fch-schedule__eyebrow {
margin: 0;
color: #005333;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.fch-schedule__filters {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
}
.fch-schedule__filter {
appearance: none;
cursor: pointer;
background: #ffffff;
color: #1a1a1a;
border: 1px solid #d0d0d0;
border-radius: 3px;
padding: 0.55rem 1.1rem;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
line-height: 1;
transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}
.fch-schedule__filter:hover {
border-color: #1a1a1a;
}
.fch-schedule__filter:focus-visible {
outline: 2px solid #005333;
outline-offset: 2px;
}
.fch-schedule__filter[aria-pressed="true"] {
background: #1a1a1a;
border-color: #1a1a1a;
color: #ffffff;
}
.fch-schedule__empty {
color: var(--fch-schedule-muted);
padding: 1rem 0;
}
.fch-schedule__month + .fch-schedule__month {
margin-top: 1.75rem;
}
.fch-schedule__month-header {
display: flex;
align-items: baseline;
gap: 0.75rem;
margin-bottom: 0.75rem;
}
.fch-schedule__month-title {
margin: 0;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #1a1a1a;
white-space: nowrap;
}
.fch-schedule__month-header::after {
content: "";
flex: 1 1 auto;
border-bottom: 1px solid var(--fch-schedule-border);
}
.fch-schedule__month-count {
flex: 0 0 auto;
font-size: 0.8rem;
color: var(--fch-schedule-muted);
white-space: nowrap;
}
.fch-schedule__list {
display: flex;
flex-direction: column;
gap: 0.6rem;
}
.fch-schedule__match {
position: relative;
display: grid;
align-items: center;
background: #ffffff;
border: 1px solid var(--fch-schedule-border);
border-left: 4px solid var(--fch-schedule-upcoming);
border-radius: 4px;
padding: 0.85rem 1rem;
row-gap: 0.5rem;
column-gap: 0.75rem;
}
.fch-schedule__match[data-fch-status="win"] {
border-left-color: var(--fch-schedule-win);
}
.fch-schedule__match[data-fch-status="loss"] {
border-left-color: var(--fch-schedule-loss);
}
.fch-schedule__match[data-fch-status="draw"] {
border-left-color: var(--fch-schedule-draw);
}
.fch-schedule__match[hidden] {
display: none;
}
.fch-schedule__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
}
.fch-schedule__badge {
flex: 0 0 auto;
display: inline-block;
padding: 0.2rem 0.55rem;
border-radius: 3px;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
line-height: 1.5;
}
.fch-schedule__badge--home {
background: #005333;
color: #ffffff;
}
.fch-schedule__badge--away {
background: #ffffff;
color: #4a4a4a;
border: 1px solid #c9c9c9;
}
.fch-schedule__matchday {
flex: 1 1 auto;
font-size: 0.75rem;
color: var(--fch-schedule-muted);
margin-right: auto;
}
.fch-schedule__meta-time {
flex: 0 0 auto;
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right;
line-height: 1.3;
color: inherit;
text-decoration: none;
}
.fch-schedule__sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.fch-schedule__date {
font-size: 0.85rem;
font-weight: 700;
color: #1a1a1a;
}
.fch-schedule__kickoff-note {
font-size: 0.75rem;
color: var(--fch-schedule-muted);
}
.fch-schedule__team {
display: flex;
align-items: center;
gap: 0.5rem;
min-width: 0;
}
.fch-schedule__logo {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
}
.fch-schedule__logo img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
.fch-schedule__logo-fallback {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
border-radius: 50%;
background: #eef0ee;
color: #6b6b6b;
font-size: 0.65rem;
font-weight: 700;
}
.fch-schedule__name {
flex: 1 1 auto;
min-width: 0;
font-size: 0.95rem;
font-weight: 500;
color: #1a1a1a;
}
.fch-schedule__team--fch .fch-schedule__name {
font-weight: 700;
}
.fch-schedule__team-score {
flex: 0 0 auto;
min-width: 1.5em;
text-align: right;
font-size: 1.1rem;
font-weight: 700;
color: #1a1a1a;
}
.fch-schedule__center {
text-align: center;
}
.fch-schedule__result {
font-size: 1.4rem;
font-weight: 700;
color: #1a1a1a;
text-decoration: none;
}
.fch-schedule__upcoming {
display: flex;
flex-direction: column;
gap: 0.1rem;
text-decoration: none;
color: inherit;
}
.fch-schedule__upcoming-date {
font-size: 0.95rem;
font-weight: 700;
color: #1a1a1a;
}
.fch-schedule__upcoming-time {
font-size: 0.78rem;
color: var(--fch-schedule-muted);
}
.fch-schedule__aside {
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right;
gap: 0.2rem;
}
.fch-schedule__venue {
font-size: 0.78rem;
color: var(--fch-schedule-muted);
}
.fch-schedule__status {
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.fch-schedule__match[data-fch-status="win"] .fch-schedule__status {
color: var(--fch-schedule-win);
}
.fch-schedule__match[data-fch-status="loss"] .fch-schedule__status {
color: var(--fch-schedule-loss);
}
.fch-schedule__match[data-fch-status="draw"] .fch-schedule__status {
color: var(--fch-schedule-draw);
} @media (max-width: 767px) {
.fch-schedule__match {
grid-template-columns: 1fr;
grid-template-areas:
"meta"
"home"
"away"
"aside";
row-gap: 0.6rem;
}
.fch-schedule__meta {
grid-area: meta;
justify-content: space-between;
}
.fch-schedule__team--home {
grid-area: home;
}
.fch-schedule__team--away {
grid-area: away;
padding-top: 0.5rem;
}
.fch-schedule__center {
display: none;
}
.fch-schedule__aside {
grid-area: aside;
flex-direction: row;
align-items: center;
justify-content: space-between;
text-align: left;
padding-top: 0.5rem;
border-top: 1px solid var(--fch-schedule-border);
}
.fch-schedule__status {
text-align: right;
}
} @media (min-width: 768px) {
.fch-schedule__match {
grid-template-columns: 150px 1fr auto 1fr 190px;
grid-template-areas: "meta home center away aside";
padding: 1rem 1.25rem;
}
.fch-schedule__meta {
grid-area: meta;
flex-direction: column;
align-items: flex-start;
gap: 0.3rem;
}
.fch-schedule__matchday {
margin-right: 0;
}
.fch-schedule__meta-time {
display: none;
}
.fch-schedule__team--home {
grid-area: home;
flex-direction: row-reverse;
justify-content: flex-start;
}
.fch-schedule__team--away {
grid-area: away;
}
.fch-schedule__team--home .fch-schedule__name,
.fch-schedule__team--away .fch-schedule__name {
text-align: left;
}
.fch-schedule__team--home .fch-schedule__name {
text-align: right;
}
.fch-schedule__team-score {
display: none;
}
.fch-schedule__center {
grid-area: center;
min-width: 90px;
}
.fch-schedule__aside {
grid-area: aside;
}
}