Theater am Saumarkt
Mühletorplatz 1
Feldkirch, Vorarlberg 6800
Österreich
Theater am Saumarkt
Mühletorplatz 1
Feldkirch, Vorarlberg 6800
Österreich
Barrierefreier Zugang zum Veranstaltungsort
Bevorstehende Veranstaltungen
-
ul.mc-event-list.upcoming-events.list-events {
padding: 0;
}
.upcoming-event {
list-style-type: none;
border-top: 2px solid #121212 !important;
padding: 20px 0 !important;
}
/* Desktop: Datum | Bild | Text */
.upcoming-event .mc-grid {
display: grid;
grid-template-columns: 80px 160px minmax(0, 1fr);
grid-template-areas: „date image text“;
gap: 4rem;
align-items: start;
}
.upcoming-event .mc-group-1 { grid-area: date; }
.upcoming-event .mc-group-2 { grid-area: image; }
.upcoming-event .mc-group-3 { grid-area: text; }
/* Verhindert, dass Inhalte die Spalten sprengen */
.upcoming-event .mc-grid > div {
min-width: 0;
}
.upcoming-event .mc-event-image {
width: 100%;
max-width: 160px;
}
.upcoming-event .mc-event-image img {
display: block;
width: 100% !important;
height: auto !important;
max-width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 50%;
}
.upcoming-event h2 {
margin: 0 0 10px;
overflow-wrap: anywhere;
hyphens: auto;
}
.upcoming-event .event-link-block {
display: block;
}
/* Tablet */
@media (max-width: 900px) {
.upcoming-event .mc-grid {
grid-template-columns: 70px 120px minmax(0, 1fr);
gap: 1.5rem;
}
}
/* Smartphone: Bild oben über volle Breite, darunter Datum | Text */
@media (max-width: 600px) {
.upcoming-event .mc-grid {
grid-template-columns: 60px minmax(0, 1fr);
grid-template-areas:
„image image“
„date text“;
gap: 1rem;
}
.upcoming-event .mc-group-2:empty,
.upcoming-event .mc-group-2 a:empty {
display: none;
}
}
- ul.mc-event-list.upcoming-events.list-events { padding: 0; } .upcoming-event { list-style-type: none; border-top: 2px solid #121212 !important; padding: 20px 0 !important; } /* Desktop: Datum | Bild | Text */ .upcoming-event .mc-grid { display: grid; grid-template-columns: 80px 160px minmax(0, 1fr); grid-template-areas: „date image text“; gap: 4rem; align-items: start; } .upcoming-event .mc-group-1 { grid-area: date; } .upcoming-event .mc-group-2 { grid-area: image; } .upcoming-event .mc-group-3 { grid-area: text; } /* Verhindert, dass Inhalte die Spalten sprengen */ .upcoming-event .mc-grid > div { min-width: 0; } .upcoming-event .mc-event-image { width: 100%; max-width: 160px; } .upcoming-event .mc-event-image img { display: block; width: 100% !important; height: auto !important; max-width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; } .upcoming-event h2 { margin: 0 0 10px; overflow-wrap: anywhere; hyphens: auto; } .upcoming-event .event-link-block { display: block; } /* Tablet */ @media (max-width: 900px) { .upcoming-event .mc-grid { grid-template-columns: 70px 120px minmax(0, 1fr); gap: 1.5rem; } } /* Smartphone: Bild oben über volle Breite, darunter Datum | Text */ @media (max-width: 600px) { .upcoming-event .mc-grid { grid-template-columns: 60px minmax(0, 1fr); grid-template-areas: „image image“ „date text“; gap: 1rem; } .upcoming-event .mc-group-2:empty, .upcoming-event .mc-group-2 a:empty { display: none; } }
- ul.mc-event-list.upcoming-events.list-events { padding: 0; } .upcoming-event { list-style-type: none; border-top: 2px solid #121212 !important; padding: 20px 0 !important; } /* Desktop: Datum | Bild | Text */ .upcoming-event .mc-grid { display: grid; grid-template-columns: 80px 160px minmax(0, 1fr); grid-template-areas: „date image text“; gap: 4rem; align-items: start; } .upcoming-event .mc-group-1 { grid-area: date; } .upcoming-event .mc-group-2 { grid-area: image; } .upcoming-event .mc-group-3 { grid-area: text; } /* Verhindert, dass Inhalte die Spalten sprengen */ .upcoming-event .mc-grid > div { min-width: 0; } .upcoming-event .mc-event-image { width: 100%; max-width: 160px; } .upcoming-event .mc-event-image img { display: block; width: 100% !important; height: auto !important; max-width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; } .upcoming-event h2 { margin: 0 0 10px; overflow-wrap: anywhere; hyphens: auto; } .upcoming-event .event-link-block { display: block; } /* Tablet */ @media (max-width: 900px) { .upcoming-event .mc-grid { grid-template-columns: 70px 120px minmax(0, 1fr); gap: 1.5rem; } } /* Smartphone: Bild oben über volle Breite, darunter Datum | Text */ @media (max-width: 600px) { .upcoming-event .mc-grid { grid-template-columns: 60px minmax(0, 1fr); grid-template-areas: „image image“ „date text“; gap: 1rem; } .upcoming-event .mc-group-2:empty, .upcoming-event .mc-group-2 a:empty { display: none; } }
- ul.mc-event-list.upcoming-events.list-events { padding: 0; } .upcoming-event { list-style-type: none; border-top: 2px solid #121212 !important; padding: 20px 0 !important; } /* Desktop: Datum | Bild | Text */ .upcoming-event .mc-grid { display: grid; grid-template-columns: 80px 160px minmax(0, 1fr); grid-template-areas: „date image text“; gap: 4rem; align-items: start; } .upcoming-event .mc-group-1 { grid-area: date; } .upcoming-event .mc-group-2 { grid-area: image; } .upcoming-event .mc-group-3 { grid-area: text; } /* Verhindert, dass Inhalte die Spalten sprengen */ .upcoming-event .mc-grid > div { min-width: 0; } .upcoming-event .mc-event-image { width: 100%; max-width: 160px; } .upcoming-event .mc-event-image img { display: block; width: 100% !important; height: auto !important; max-width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; } .upcoming-event h2 { margin: 0 0 10px; overflow-wrap: anywhere; hyphens: auto; } .upcoming-event .event-link-block { display: block; } /* Tablet */ @media (max-width: 900px) { .upcoming-event .mc-grid { grid-template-columns: 70px 120px minmax(0, 1fr); gap: 1.5rem; } } /* Smartphone: Bild oben über volle Breite, darunter Datum | Text */ @media (max-width: 600px) { .upcoming-event .mc-grid { grid-template-columns: 60px minmax(0, 1fr); grid-template-areas: „image image“ „date text“; gap: 1rem; } .upcoming-event .mc-group-2:empty, .upcoming-event .mc-group-2 a:empty { display: none; } }
- ul.mc-event-list.upcoming-events.list-events { padding: 0; } .upcoming-event { list-style-type: none; border-top: 2px solid #121212 !important; padding: 20px 0 !important; } /* Desktop: Datum | Bild | Text */ .upcoming-event .mc-grid { display: grid; grid-template-columns: 80px 160px minmax(0, 1fr); grid-template-areas: „date image text“; gap: 4rem; align-items: start; } .upcoming-event .mc-group-1 { grid-area: date; } .upcoming-event .mc-group-2 { grid-area: image; } .upcoming-event .mc-group-3 { grid-area: text; } /* Verhindert, dass Inhalte die Spalten sprengen */ .upcoming-event .mc-grid > div { min-width: 0; } .upcoming-event .mc-event-image { width: 100%; max-width: 160px; } .upcoming-event .mc-event-image img { display: block; width: 100% !important; height: auto !important; max-width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; } .upcoming-event h2 { margin: 0 0 10px; overflow-wrap: anywhere; hyphens: auto; } .upcoming-event .event-link-block { display: block; } /* Tablet */ @media (max-width: 900px) { .upcoming-event .mc-grid { grid-template-columns: 70px 120px minmax(0, 1fr); gap: 1.5rem; } } /* Smartphone: Bild oben über volle Breite, darunter Datum | Text */ @media (max-width: 600px) { .upcoming-event .mc-grid { grid-template-columns: 60px minmax(0, 1fr); grid-template-areas: „image image“ „date text“; gap: 1rem; } .upcoming-event .mc-group-2:empty, .upcoming-event .mc-group-2 a:empty { display: none; } }
- ul.mc-event-list.upcoming-events.list-events { padding: 0; } .upcoming-event { list-style-type: none; border-top: 2px solid #121212 !important; padding: 20px 0 !important; } /* Desktop: Datum | Bild | Text */ .upcoming-event .mc-grid { display: grid; grid-template-columns: 80px 160px minmax(0, 1fr); grid-template-areas: „date image text“; gap: 4rem; align-items: start; } .upcoming-event .mc-group-1 { grid-area: date; } .upcoming-event .mc-group-2 { grid-area: image; } .upcoming-event .mc-group-3 { grid-area: text; } /* Verhindert, dass Inhalte die Spalten sprengen */ .upcoming-event .mc-grid > div { min-width: 0; } .upcoming-event .mc-event-image { width: 100%; max-width: 160px; } .upcoming-event .mc-event-image img { display: block; width: 100% !important; height: auto !important; max-width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; } .upcoming-event h2 { margin: 0 0 10px; overflow-wrap: anywhere; hyphens: auto; } .upcoming-event .event-link-block { display: block; } /* Tablet */ @media (max-width: 900px) { .upcoming-event .mc-grid { grid-template-columns: 70px 120px minmax(0, 1fr); gap: 1.5rem; } } /* Smartphone: Bild oben über volle Breite, darunter Datum | Text */ @media (max-width: 600px) { .upcoming-event .mc-grid { grid-template-columns: 60px minmax(0, 1fr); grid-template-areas: „image image“ „date text“; gap: 1rem; } .upcoming-event .mc-group-2:empty, .upcoming-event .mc-group-2 a:empty { display: none; } }
