@import url(https://use.typekit.net/vva4bjn.css);
@import url("https://fonts.googleapis.com/css2?family=Chivo+Mono:ital,wght@0,100..900;1,100..900&display=swap");
* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
html, body {
background: #fff;
overflow-x: hidden;
font-weight: 400;
}
.frontend body {
background: #ccc
}
body.frontend {
padding-top: 6.4em !important;
}
@media (max-width: 599px) {
body.frontend {
padding-top: 5.672em !important;
}
}
.wp-site-blocks {
display: flex;
flex-flow: column;
min-height: calc(100vh - 6.4em);
}
@media (max-width: 599px) {
.wp-site-blocks {
min-height: calc(100vh - 5.672em);
}
} header {
position: fixed;
width: 100%;
z-index: 9999;
top: 0;
left: 0;
}
.grecaptcha-badge { opacity:0;}
header > .wp-block-group:first-child {
padding: 1em 0;
box-shadow: 0 0 1em rgba(0,0,0,0.3);
z-index: 99;
}
@media (max-width: 1130px) {
header > .wp-block-group:first-child {
padding-left: 1em;
padding-right: 1em;
}
}
header .overlay-header {
height: calc(100vh - 6.4em);
padding-top: 2.6em;
background: rgb(27,160,172);
background: linear-gradient(180deg, rgba(27,160,172,1) 0%, rgba(3,40,107,1) 100%);
}
header .overlay-header::before {
content: "";
background: rgb(3,164,173);
background: linear-gradient(150deg, rgba(3,164,173,1) 0%, rgba(3,164,173,0.7) 30%, rgba(3,164,173,0) 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
@media (max-width: 599px) {
header .overlay-header {
height: calc(100vh - 5.672em);
padding: 1em !important;
overflow: auto;
}
header .overlay-header .wp-block-column:last-child {
margin-top: 2em;
}
header .overlay-header .wp-block-column:last-child h2 {
color: #fff;
}
}
.frontend header .overlay-header {
display: none;
}
.frontend.nav-open header .overlay-header {
display: block;
position: relative;
}
header .overlay-header h2,
header .overlay-header nav {
font-weight: 800;
font-size: 1.53em;
line-height: 1.2;
text-transform: uppercase;
}
@media (max-width: 599px) {
header .overlay-header h2,
header .overlay-header nav {
font-weight: 800;
font-size: 1.3em;
line-height: 1.2;
}
}
.overlay-header > * {
position: relative;
z-index: 9;
}
.overlay-header .overlay-bg-img {
z-index: 0;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit:cover;
max-width: 100% !important;
margin: 0 !important;
transition: all 0.5s ease-out;
pointer-events: none;
}
.overlay-header .overlay-bg-img.show {
opacity: 1;
}
@media (max-width: 599px) {
.overlay-header .overlay-bg-img.show {
opacity: 0.2 !important;
}
}
header .overlay-header nav ul {
gap: 0.5em;
}
.header-sport-grid {
font-weight: 800;
font-size: 1.33em;
line-height: 1.2;
text-transform: uppercase;
gap: 6px;
}
.header-sport-grid > p > a {
display: block;
text-decoration: none;
border: 1px solid #fff;
padding: 1.25em 1em;
transition: all 0.2s ease-out;
}
@media (max-width: 599px) {
.header-sport-grid {
display: flex !important;
flex-flow: row wrap !important;
font-size: 1.2em;
line-height: 1.2;
}
.header-sport-grid > p {
width: calc(50% - 3px);
}
.header-sport-grid > p > a {
padding: 0.9em 0.75em !important;
}
}
@media (max-width: 400px) {
.header-sport-grid > p {
width: 100%;
}
}
.header-sport-grid > p > a:hover,
.header-sport-grid > p > a.is-active {
background: rgba(255,255,255,0.5);
border-color: transparent;
color: var(--wp--preset--color--primary) !important;
}
.frontend .header-sport-grid img {
display: none;
}
.wp-block-site-logo.is-default-size img {
width: 20em;
height: auto;
}
@media (max-width: 599px) {
.wp-block-site-logo.is-default-size img {
width: 16.5em;
}
}
button.header-nav-toggle {
width: 2.66em;
height: 2.66em;
-webkit-appearance: none;
appearance: none;
border: 0;
outline: none;
border-radius: 0;
background: url(//esv-luzern.ch/app/themes/esv/assets/images/nav-toggle.svg) no-repeat center;
background-size: 100% auto;
cursor: pointer;
}
.header-cols {
gap: 0
}
.header-cols .wp-block-post-featured-image {
width: 100%;
height: 100%;
position: relative;
}
@media (max-width: 781px) {
.header-cols .wp-block-post-featured-image {
min-height: 8em;
height: 30vw
}
.home .header-cols .wp-block-post-featured-image {
height: 50vw
}
}
.header-cols .wp-block-post-featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.header-cols figure {
width: 100%;
height: 100%;
}
.header-cols img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 781px) {
.header-cols .wp-block-column:last-child {
display: none;
background: #fff;
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
}
.header-cols .wp-block-column:last-child img {
max-width: 355px;
height: auto;
margin:  0 auto;
display: block;
}
}
.header-cols .wp-block-column:first-child {
flex-basis: 100% !important;
position: relative;
}
.header-cols .wp-block-column:last-child {
display: none;
}
.header-cols .wp-block-column:first-child::before {
width: 33.33%;
content: "";
background: rgba(0,0,0,0.2);
top: 0;
right: 0;
position: absolute;
height: 100%;
z-index: 999;
}
.hero-group {
line-height: 0;
position: relative;
}
@media (min-width: 1130px) {
.hero-group::after {
content: "";
display: block;
background: #519BAA;
width: 50%;
height: 100%;
top: 0;
left: 50%;
position: absolute;
z-index: 0;
}
.hero-group > * {
position: relative;
z-index: 1;
}
}
.content-group {
position: relative;
flex: 1;
display: flex;
}
@media (min-width: 1130px) {
.content-group::after {
content: "";
display: block;
background: #F9F9F7;
width: 50%;
height: 100%;
top: 0;
left: 50%;
position: absolute;
z-index: 0;
}
.content-group > * {
position: relative;
z-index: 1;
width: 100%;
}
}
hr {
border-color: #c2c9d3 !important;
}
h3 + p {
margin-top: 0 !important;
}
.wp-block-column.has-background {
padding: 1.75em;
}
@media (max-width: 599px) {
.wp-block-column.has-background {
padding: 1em;
}
}
ul.ancestor-children {
display: flex;
flex-flow: row wrap;
gap: 1.33em;
list-style-type: none;
padding: 0 !important;
font-weight: bold;
color: var(--wp--preset--color--tertiary)
}
@media (max-width: 599px) {
ul.ancestor-children {
gap: 0.75em;
}
}
.home ul.ancestor-children {
display: none;
}
ul.ancestor-children li {
}
ul.ancestor-children li a {
text-decoration: none;
}
ul.ancestor-children li.is-active a {
text-decoration: underline;
}
.entry-content {
margin-top: 2em;
}
.home .entry-content {
margin-top: 0;
}
body:not(.home) .entry-content > h2:first-child {
font-size: 1.6em;
line-height: 1.2;
}
.entry-content h2 {
color: var(--wp--preset--color--tertiary)
}
.ics-subscribe {
color: var(--wp--preset--color--tertiary) !important;
font-weight: 800;
line-height: 1.2;
}
.content-cols {
min-height: 100% !important;
gap: 0;
}
.home .content-cols > .wp-block-column:first-child > h2:first-child {
display: none;
}
.content-cols > .wp-block-column:last-child > h2 {
color: var(--wp--preset--color--tertiary)
}
.bericht-query {
}
.bericht-query > ul {
gap: 0;
}
.bericht-query li.wp-block-post {
margin-top: 0 !important;
padding: 0.75em;
}
.bericht-query li.wp-block-post:nth-child(odd) {
background: #E6EFF0;
}
.home .bericht-query li.wp-block-post {
padding: 0.25em 0;
background: none !important;
}
.bericht-query li.wp-block-post h3 {
align-self: flex-start;
font-weight: normal;
font-size: 1em;
line-height: 1.2;
}
.wp-block-post-date {
font-family: 'Chivo Mono';
font-size: 0.8em !important;
line-height: 1 !important;
transform: scaleY(1.25) translateY(0.3em);
}
.bericht-query li.wp-block-post .wp-block-post-date {
align-self: flex-start;
font-weight: 700;
font-size: 1em;
line-height: 1.2;
min-width: 6.5em;
}
@media (min-width: 600px) {
.bericht-query li.wp-block-post h3 {
font-size: 1.13em;
line-height: 1.2;
}
.bericht-query li.wp-block-post .wp-block-post-date {
font-size: 1.13em;
line-height: 1.2;
min-width: 5.5em;
}
}
li.wp-block-post .wp-block-post-date + * {
flex: 1;
}
.bericht-query a {
text-decoration: none;
}
.main-agenda-query li.wp-block-post {
margin-top: 0 !important;
padding: 0.75em;
background: #E6EFF0;
}
.home .main-agenda-query li.wp-block-post {
padding: 0.25em 0;
background: none;
}
.main-agenda-query li.month-headline {
margin-top: 0 !important;
padding: 0.75em;
background: #fff;
font-size: 1.13em;
line-height: 1.2;
color: var(--wp--preset--color--tertiary);
font-weight: 700;
}
.main-agenda-query li.wp-block-post h3 {
font-weight: normal;
font-size: 1em;
line-height: 1.2;
align-self: flex-start;
}
.main-agenda-query li.wp-block-post .wp-block-post-date {
font-weight: 700;
font-size: 1em;
line-height: 1.2;
min-width: 5em;
align-self: flex-start;
}
li.wp-block-post .wp-block-post-date.is-from-to {
width: 8em;
}
@media (min-width: 600px) {
li.wp-block-post .wp-block-post-date.is-from-to {
width: 14em;
}
.main-agenda-query li.wp-block-post h3 {
font-size: 1.13em;
line-height: 1.2;
}
.main-agenda-query li.wp-block-post .wp-block-post-date {
font-size: 1.13em;
line-height: 1.2;
min-width: 5.5em;
}
li.wp-block-post .wp-block-post-date.is-from-to {
min-width: 11em;
}
}
.main-agenda-query a {
text-decoration: none;
}
.person-item  {
display: flex;
flex-flow: row wrap;
}
.person-item  > * {
flex: 2;
}
.person-item  > *:first-child {
max-width: 12em;
height: auto;
}
.person-item  > *:last-child {
flex: 3;
}
.person-item + .person-item {
margin-top: 2.66em;
}
@media (max-width: 599px) {
.person-item {
border-bottom: 2px solid #c2c9d3 !important;
padding-bottom: 2em;
}
.person-item  > * {
flex: unset;
width: 100%;
}
.person-item > *:nth-child(1) {
width: 7em;
max-width: 7em;
}
.person-item > *:nth-child(2) {
width: calc(100% - 8em);
}
.person-item > *:nth-child(3) {
width: 100%;
margin-top: 1em;
}
}
@media (max-width: 449px) {
.person-item > *:nth-child(1) {
width: 4em;
max-width: 4em;
}
.person-item > *:nth-child(2) {
width: calc(100% - 5em);
}
}
.sidebar-news {
list-style-type: none;
padding: 0;
margin-bottom: 2em;
}
.sidebar-news li > a {
text-decoration: none;
display: flex;
flex-flow: row wrap;
}
.sidebar-news span {
display: block;
}
.sidebar-news .date {
min-width: 5.5em;
font-weight: 700;
}
.sidebar-news .title {
flex: 1;
}
.wp-block-table.is-style-stripes {
border-bottom: 0 !important
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background: #E6EFF0;
}
.wp-block-table.is-style-stripes td:first-child {
padding-left: 0.5em;
}
.wp-block-table:not([class*='.is-style-']) th,
.wp-block-table:not([class*='.is-style-']) td {
border: 0 !important;
padding-left: 0;
vertical-align: top;
}
.linklist a {
text-decoration: none;
}
.linklist td:nth-child(1) {
width: 55%;
}
@media (max-width: 599px) {
.linklist tr td {
width: 100% !important;
display: block;
padding-left: 0.5em !important;
}
.linklist tr td + td {
margin-top: -1em;
}
}
.entry-content table {
margin-left: 0 !important
}
.wpcf7 {
}
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 input[type='phone'],
.wpcf7 input[type='submit'],
.wpcf7 textarea {
outline: none;
-webkit-appearance: none;
appearance: none;
border: 2px solid #E6EFF0;
border-radius: 0;
background: #E6EFF0;
font: inherit;
color: var(--wp--preset--color--foreground);
padding: 0.75em 1em;
width: 100%;
max-width: 35em;
margin-bottom: 0.5em;
transition: all 0.2s ease-out;
}
.wpcf7 textarea {
height: 10em;
}
.wpcf7 input[type='submit'] {
width: auto;
background: #0e9cbc;
color: #fff;
font-weight: 800;
font-size: 1.33em;
line-height: 1.2;
border: 0 !important;
cursor: pointer;
}
.wpcf7 input[type='submit']:hover,
.wpcf7 input[type='submit']:focus {
background: #08768f;
}
.wpcf7 input[type='text']::placeholder,
.wpcf7 input[type='email']::placeholder,
.wpcf7 input[type='phone']::placeholder,
.wpcf7 textarea::placeholder {
color: var(--wp--preset--color--foreground);
}
.wpcf7 input[type='text']:focus,
.wpcf7 input[type='email']:focus,
.wpcf7 input[type='phone']:focus,
.wpcf7 textarea:focus {
border-color: var(--wp--preset--color--foreground);
}
.wpcf7 .wpcf7-form-control-wrap {
display: block;
}
.wpcf7-radio {
display: block;
max-width: 35em;
}
.wpcf7-radio .wpcf7-list-item {
display: block;
padding: 0;
margin: 0;
}
.wpcf7-checkbox {
display: flex;
flex-flow: row wrap;
gap: 0.5em 1em;
max-width: 35em;
}
.wpcf7-checkbox .wpcf7-list-item {
width: calc(33.33% - 0.67em);
padding: 0;
margin: 0;
}
@media (max-width: 599px) {
.wpcf7-checkbox .wpcf7-list-item {
width: calc(50% - 0.5em);
}
}
@media (max-width: 374px) {
.wpcf7-checkbox .wpcf7-list-item {
width: 100%;
}
}
.wpcf7-list-item label {
cursor: pointer;
}
.wpcf7-list-item input[type='checkbox'],
.wpcf7-list-item input[type='radio'] {
-webkit-appearance: none;
appearance: none;
outline: none;
box-shadow: none !important;
background: #E6EFF0;
border: 1px solid #E6EFF0;
width: 1.2em;
height: 1.2em;
margin: 0 0.5em 0 0;
transform: translateY(10%);
transition: all 0.2s ease-out;
}
.wpcf7-list-item label:hover input[type='checkbox'],
.wpcf7-list-item label:hover input[type='radio'] {
border-color: var(--wp--preset--color--foreground);
}
.wpcf7-list-item label input[type='checkbox']:checked,
.wpcf7-list-item label input[type='radio']:checked,
.wpcf7-list-item label:hover input[type='checkbox']:checked,
.wpcf7-list-item label:hover input[type='radio']:checked {
border-color: #E6EFF0;
background: var(--wp--preset--color--foreground);
border-width: 0.3em;
}
.sportart-filter {
position: relative;
z-index: 99;
}
.sportart-filter label {
color: var(--wp--preset--color--tertiary);
font-weight: 700;
cursor: pointer;
}
.sportart-filter label svg {
height: 1.2em;
width: auto;
transform: translateY(20%);
}
.sportart-filter label:hover,
.sportart-filter.is-open label {
text-decoration: underline;
}
.sportart-filter ul {
position: absolute;
padding: 0;
list-style-type: none;
text-transform: uppercase;
font-weight: 700;
background: #fff;
padding: 1em;
box-shadow: 0 0.25em 0.5em rgba(0,0,0,0.2);
min-width: 15em;
margin-top: 0;
display: none;
}
.sportart-filter.is-open ul {
display: block;
}
.sportart-filter ul li {
cursor: pointer;
}
.sportart-filter ul li:hover,
.sportart-filter ul li.is-active {
color: var(--wp--preset--color--tertiary);
}
.is-filtered-out {
opacity: 0.25;
}
@media (min-width: 782px) {
.mobile-only {
display: none;
}
}
a.back-button {
color: var(--wp--preset--color--tertiary) !important;
font-weight: bold;
}
.wp-video {
max-width: 100% !important;
}
footer {
margin-top: 0 !important
}
footer a {
text-decoration: none;
}
footer .imprint {
margin-top: 6em;
transform: translateY(1em);
gap: 0;
opacity: 0.5;
}
footer .imprint * + *::before {
content: "|";
margin: 0 1em;
}
@media (max-width: 781px) {
footer .wp-block-column:last-child {
display: none;
}
footer .imprint {
transform: translateY(0.5em);
}
} .wp-block-gallery.custom-gallery {
display: flex;
flex-flow: row wrap;
gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
}
.wp-block-gallery.custom-gallery.columns-3 figure.wp-block-image:not(#individual-image) {
width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)* .5);
}
@media (min-width: 600px) {
.wp-block-gallery.custom-gallery.columns-3 figure.wp-block-image:not(#individual-image) {
width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)* .66667);
}
}
.wp-block-gallery.custom-gallery img {
flex: 1 0 0%;
height: 100%;
object-fit: cover;
width: 100%;
aspect-ratio: 4 / 3;
}
.is-sidebar .ads .wp-block-image {
display: none;
}
.frontend *[class*='only-'] { display: none; }
.frontend.parent-page-ski *[class*='only-ski'] { display: block; }
.frontend.parent-page-wandern *[class*='only-wandern'] { display: block; }
.frontend.parent-page-fussball *[class*='only-fussball'] { display: block; }
.frontend.parent-page-kegeln *[class*='only-kegeln'] { display: block; }
.frontend.parent-page-laufsport-ol *[class*='only-laufsport-ol'] { display: block; }
.frontend.parent-page-schach *[class*='only-schach'] { display: block; }
.frontend.parent-page-schiessen *[class*='only-schiessen'] { display: block; }
.frontend.parent-page-tennis *[class*='only-tennis'] { display: block; }
.frontend .ads {
opacity: 0;
}
.ads.visible {
opacity: 1;
}