body, h1, h2, h3, h4, h5, h6, p, a, input {
font-family: "Montserrat", sans-serif!important;
}
:root {
--orange-color-global: #FE7F0E; --darkgray-color-global: #3B3B3B; --lightgray-color-global: #F5F5F5; }
.eventLinkMehr {
border: 0px!important;
padding: 0px!important;
color: var(--orange-color-global)!important;
}
.eventLinkMehr:hover {
text-decoration: underline!important;
background-color: inherit!important;
}
.linkStyle {
font-size: 20px;
color: var(--orange-color-global);
text-decoration: none;
}
.linkStyle:hover {
color: var(--orange-color-global)!important;
text-decoration: underline!important;
}
.profile-name {
font-size: 20px;
color: var(--darkgray-color-global);
margin-top: 20px;
text-decoration: none;
text-align: left;
}
.profile-name a {
color: var(--darkgray-color-global);
text-decoration: none;
}
.profile-name a:hover {
color: var(--orange-color-global);
}
.profile {
text-align: center; 
}
.profile-image {
width: 170px; 
height: 310px; 
object-fit: cover;
}
.profile-link {
text-decoration: none;
color: inherit;
}
.profile-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.col-12, .col-sm-6, .col-md-4, .col-lg-3 {
padding: 10px;
}
.horizontal-line-orange {
background: var(--orange-color-global);
}
.profile-single-image img { height: 250px; }
.profile-detail {
padding-top: 20px;
padding-bottom: 20px;
}
.gallery-item img {
height: 150px;
object-fit: cover;
} .presse-event-image{
}
.presse-events-grid .presse-event {
height: 550px;
display: flex;
flex-direction: column;
border: 2px solid var(--darkgray-color-global);!important;
border-radius: 5px;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
.presse-events-grid .presse-event .presse-event-date-time {
background-color: var(--darkgray-color-global)!important;
color: var(--orange-color-global);
padding: 10px!important;*/
display: flex;
align-items: center; 
}
.presse-events-grid .presse-event .presse-event-date-time p {
font-size: 20px;
color: var(--orange-color-global);
font-family: "Montserrat", Sans-serif;
}
.presse-events-grid .presse-event .presse-event-date-time .icon {
height: 60px; 
}
.presse-events-grid .presse-event .presse-event-date-time .mr-2 {
margin-right: 5px; 
} .presse-events-grid .presse-event .presse-event-image img {
width: 100%; object-fit: cover !important; 
height: 400px !important;
}
.presse-events-grid .presse-event .presse-event-content {
padding: 10px;
display: flex;
flex-direction: column; height: 100%; 
} .presse-events-grid .presse-event .presse-event-content .presse-event-title {
display: -webkit-box;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-family: "Montserrat", Sans-serif;
height: auto;
font-size: 22px !important;
}
.presse-events-grid .presse-event .presse-event-content .presse-event-text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7; 
-webkit-box-orient: vertical;
margin-bottom: 10px;
font-family: "Montserrat", Sans-serif;
font-size: 16px;
font-weight: 400;
}
.presse-events-grid .presse-event .presse-event-content .presse-event-location {
margin-top: auto; 
}
.presse-events-grid .presse-event .presse-event-link {
text-align: center;
margin-top: auto; 
}
.presse-events-grid .presse-event .presse-event-link a {
display: inline-block;
padding: 10px 20px;*/
border: 1px solid var(--orange-color-global);
text-decoration: none;
transition: background-color 0.3s, color 0.3s;
font-family: "Montserrat", Sans-serif;
font-weight: 400;
fill: var(--e-global-color-92551b9);
color: var(--e-global-color-92551b9);
font-size: 15px !important;
}
.presse-events-grid .presse-event .presse-event-link a:hover {
background-color: var(--orange-color-global);
color: #FFFFFF;
}
.presse-events-grid .presse-event-link a.btn.btn-outline-primary:focus,
.presse--events-grid .presse-event-link a.btn.btn-outline-primary:active,
.presse-events-grid .presse-event-link a.btn.btn-outline-primary:hover,
.presse-year-program a.btn.btn-outline-primary:focus,
.presse-year-program a.btn.btn-outline-primary:active,
.presse-year-program a.btn.btn-outline-primary:hover {
outline: none!important; 
box-shadow: none!important; 
}
.presse-single-event {
padding: 20px;
}
.presse-event-meta {
margin-bottom: 20px;
}
.presse-event-meta p {
margin-bottom: 5px;
}
.presse-event-content p {
font-size: 16px;
line-height: 1.6;
}
.presse-darkGrayBox {
background-color: var(--darkgray-color-global);
color: var(--orange-color-global);
padding: 20px;
}
.presse-darkGrayBox p {
font-size: 20px;
margin-bottom: 0px;
}
.presse-event-location .multi-line {
display: inline-block;
white-space: pre-wrap; 
word-wrap: break-word;
max-width: 260px; 
line-height: 1.2;
}
.presse-event-image img {
object-fit: cover;
width: 100%;
height: 100%;
}
.presse-event-title-single {
color: var(--darkgray-color-global);
font-size: 1.75rem;
}
.presse-darkGrayBox {
background-color: var(--darkgray-color-global);
color: var(--orange-color-global);
padding: 20px;
}
.presse-darkGrayBox p {
font-size: 20px;
margin-bottom: 5px;
}
.presse-event-meta-single {
display: flex;
justify-content: space-between;
align-items: center;
}
.presse-event-meta-single p {
margin-bottom: 0; 
}
.presse-event-location {
display: flex;
align-items: center;
}
.presse-event-location img {
height: 48px; 
margin-right: 10px; 
}
.presse-event-location p {
font-size: 20px;
line-height: 1.2; 
margin-bottom: 0; 
}
.presse-event-leitfaden-text {
margin-bottom: 0;
}
.presse-year-program a {
display: inline-block;
padding: 10px 20px;
border: 1px solid var(--orange-color-global);
text-decoration: none;
transition: background-color 0.3s, color 0.3s;
font-family: "Montserrat", Sans-serif;
font-weight: 400;
fill: var(--e-global-color-92551b9);
color: var(--e-global-color-92551b9);
font-size: 15px!important;
}
.presse-year-program a:hover {
background-color: var(--orange-color-global);
color: #FFFFFF;
border-color: var(--orange-color-global)!important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active {
background-color: var(--orange-color-global)!important;
border-color: var(--orange-color-global)!important;
}
.btn-outline-primary{
border-width: 2px !important; }
.presse-event-section {
border: 1px solid var(--darkgray-color-global)!important;
margin-bottom: 10px;
}
.presse-event-date-year-program, .presse-event-time-year-program {
color: var(--orange-color-global);
font-size:20px;
}
.presse-event-title-year-program {
font-size: 20px;
margin-bottom: 20px;
}
.presse-event-image-year-program {
width: 292px!important;
height: 165px!important;
}
.presse-month-header {
background-color: var(--darkgray-color-global)!important;
color: var(--orange-color-global);
padding: 10px;
font-size: 20px;
text-transform: uppercase;
}
.presse-pdf-ics-links {
text-align: right;
}
.presse-pdf-ics-links a {
margin-left: 15px;
}
.presse-event-time-year-program {
margin-top: 30px;
}
.presse-titleGlobal {
color: var(--darkgray-color-global);
font-family: "Montserrat", Sans-serif;
font-weight: 500;
text-transform: uppercase!important;
letter-spacing: 1px;
font-size: 2rem;
}
@media screen and (max-width: 768px) {
.presse-titleGlobal{
font-size: 24px;
}
}
.presse-link-event-text {
text-transform: underline;
font-style: italic;
color: var(--orange-color-global);
}  a:hover {
text-decoration: none!important;
}
.news-event-grid{
width: 1230px; !important;
}
.news-events-grid .news-event {
height: 700px;
display: flex;
flex-direction: column;
border: 2px solid var(--darkgray-color-global);!important;
border-radius: 5px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
.news-events-grid .news-event .news-event-date-time {
background-color: var(--darkgray-color-global)!important;
color: var(--orange-color-global);
padding: 10px!important;
display: flex;
align-items: center; 
}
.news-events-grid .news-event .news-event-date-time p {
font-size: 20px;
color: var(--orange-color-global);
font-family: "Montserrat", Sans-serif;
}
.news-events-grid .news-event .news-event-date-time .icon {
height: 60px; 
}
.news-events-grid .news-event .news-event-date-time .mr-2 {
margin-right: 5px; 
}
.news-events-grid .news-event .news-event-image {
}
.news-events-grid .news-event .news-event-image img {
width: 100%;
object-fit: cover; 
height: 290px;
}
.news-events-grid .news-event .news-event-content {
padding: 10px;
display: flex;
flex-direction: column;
height: 100%; 
}
.news-events-grid .news-event .news-event-content .news-event-title {
display: -webkit-box;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-family: "Montserrat", Sans-serif;
height: auto;
font-size: 22px !important;
}
.news-events-grid .news-event .news-event-content .news-event-text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7; 
-webkit-box-orient: vertical;
margin-bottom: 10px;
font-family: "Montserrat", Sans-serif;
font-size: 16px;
font-weight: 400;
} .news-events-grid .news-event .news-event-link {
text-align: center;
margin-top: auto; 
}
.news-events-grid .news-event .news-event-link a {
display: inline-block;
padding: 10px 20px;
border: 1px solid var(--orange-color-global);
text-decoration: none;
transition: background-color 0.3s, color 0.3s;
font-family: "Montserrat", Sans-serif;
font-weight: 400;
fill: var(--e-global-color-92551b9);
color: var(--e-global-color-92551b9);
font-size: 15px !important;
}
.news-events-grid .news-event .news-event-link a:hover {
background-color: var(--orange-color-global);
color: #FFFFFF;
}
.news-events-grid .news-event-link a.btn.btn-outline-primary:focus,
.news-events-grid .news-event-link a.btn.btn-outline-primary:active,
.news-events-grid .news-event-link a.btn.btn-outline-primary:hover,
.news-year-program a.btn.btn-outline-primary:focus,
.news-year-program a.btn.btn-outline-primary:active,
.news-year-program a.btn.btn-outline-primary:hover {
outline: none!important; 
box-shadow: none!important; 
}
.news-single-event {
padding: 20px;
}
.news-event-meta {
margin-bottom: 20px;
}
.news-event-meta p {
margin-bottom: 5px;
}
.news-event-content p {
font-size: 16px;
line-height: 1.6;
}
.news-darkGrayBox {
background-color: var(--darkgray-color-global);
color: var(--orange-color-global);
padding: 20px;
}
.news-darkGrayBox p {
font-size: 20px;
margin-bottom: 0px;
} .news-event-image img {
object-fit: cover;
width: 100%;
height: 100%;
}
.news-event-title-single {
color: var(--darkgray-color-global);
font-size: 1.75rem;
}
.news-darkGrayBox {
background-color: var(--darkgray-color-global);
color: var(--orange-color-global);
padding: 20px;
}
.news-darkGrayBox p {
font-size: 20px;
margin-bottom: 5px;
}
.news-event-meta-single {
display: flex;
justify-content: space-between;
align-items: center;
}
.news-event-meta-single p {
margin-bottom: 0; 
} .news-event-leitfaden-text {
margin-bottom: 0;
}
.news-year-program a {
display: inline-block;
padding: 10px 20px;
border: 1px solid var(--orange-color-global);
text-decoration: none;
transition: background-color 0.3s, color 0.3s;
font-family: "Montserrat", Sans-serif;
font-weight: 400;
fill: var(--e-global-color-92551b9);
color: var(--e-global-color-92551b9);
font-size: 15px!important;
}
.news-year-program a:hover {
background-color: var(--orange-color-global);
color: #FFFFFF;
border-color: var(--orange-color-global)!important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active {
background-color: var(--orange-color-global)!important;
border-color: var(--orange-color-global)!important;
}
.news-event-section {
border: 1px solid var(--darkgray-color-global)!important;
margin-bottom: 10px;
}
.news-event-date-year-program, .news-event-time-year-program {
color: var(--orange-color-global);
font-size:20px;
}
.news-event-title-year-program {
font-size: 20px;
margin-bottom: 20px;
}
.news-event-image-year-program {
width: 292px!important;
height: 165px!important;
}
.news-month-header {
background-color: var(--darkgray-color-global)!important;
color: var(--orange-color-global);
padding: 10px;
font-size: 20px;
text-transform: uppercase;
}
.news-pdf-ics-links {
text-align: right;
}
.news-pdf-ics-links a {
margin-left: 15px;
}
.news-event-time-year-program {
margin-top: 30px;
}
.news-titleGlobal {
color: var(--darkgray-color-global);
font-family: "Montserrat", Sans-serif;
font-weight: 500;
text-transform: uppercase!important;
letter-spacing: 1px;
font-size: 2rem;
}
.news-link-event-text {
text-transform: underline;
font-style: italic;
color: var(--orange-color-global);
}
.news-events-grid .news-event .news-event-content .news-event-location {
margin-top: auto; 
text-align: center; }
.news-event-location .multi-line {
display: inline-block;
white-space: pre-wrap; 
word-wrap: break-word;
max-width: 260px; 
line-height: 1.2;
}
.news-event-location {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.news-event-location img {
height: 48px; 
margin-right: 10px; 
}
.news-event-location p {
font-size: 20px;
line-height: 1.2; 
margin-bottom: 0; 
}
.news-events-grid .news-event .news-event-content .news-event-location {
margin-top: auto; 
text-align: center;
}
.news-event-location .multi-line {
display: inline-block;
white-space: pre-wrap; 
word-wrap: break-word;
max-width: 260px; 
line-height: 1.2;
}
.news-event-location {
display: flex;
align-items: center;
}
.news-event-location img {
height: 48px; 
margin-right: 10px; 
}
.news-event-location p {
font-size: 20px;
line-height: 1.2; 
margin-bottom: 0; 
}
.news-events-grid .news-event .news-event-location a {
display: inline-block;
padding: 10px 20px;
border: 2px solid var(--orange-color-global);
text-decoration: none;
transition: background-color 0.3s, color 0.3s;
font-family: "Montserrat", Sans-serif;
font-weight: 400;
fill: var(--e-global-color-92551b9);
color: var(--e-global-color-92551b9);
font-size: 15px !important;
}
.news-events-grid .news-event .news-event-location a:hover {
background-color: var(--orange-color-global);
color: #FFFFFF;
}
.news-events-grid .news-event-location a.btn.btn-outline-primary:focus,
.news-events-grid .news-event-location a.btn.btn-outline-primary:active,
.news-events-grid .news-event-location a.btn.btn-outline-primary:hover,
.news-year-program a.btn.btn-outline-primary:focus,
.news-year-program a.btn.btn-outline-primary:active,
.news-year-program a.btn.btn-outline-primary:hover {
outline: none!important; 
box-shadow: none!important; 
}
:root {
--orange-color-global: #FF8000; 
} .events-grid .event {
height: 515px;
display: flex;
flex-direction: column;
border: 2px solid var(--darkgray-color-global);!important;
border-radius: 5px;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
.events-grid .event .event-date-time {
background-color: var(--darkgray-color-global)!important;
color: var(--orange-color-global);
padding: 10px!important;
display: flex;
align-items: center; 
}
.events-grid .event .event-date-time p {
font-size: 20px;
color: var(--orange-color-global);
font-family: "Montserrat", Sans-serif;
}
.events-grid .event .event-date-time .icon {
height: 60px; 
}
.events-grid .event .event-date-time .mr-2 {
margin-right: 5px; 
}
.events-grid .event .event-image {
min-height: 150px!important; */
overflow: hidden;
}
.events-grid .event .event-image img {
width: 100%;
height: 150px!important;
object-fit: contain; 
}
.events-grid .event .event-content {
padding: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%; 
} .events-grid .event .event-content .event-title {
display: -webkit-box;
-webkit-line-clamp: 3; 
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-family: "Montserrat", Sans-serif;
height: auto;
}
.events-grid .event .event-content .event-text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; 
-webkit-box-orient: vertical;
margin-bottom: 10px;
font-family: "Montserrat", Sans-serif;
font-size: 16px;
font-weight: 400;
}
.events-grid .event .event-content .event-location {
margin-top: auto; 
}
.events-grid .event .event-link {
text-align: center;
margin-top: auto; 
}
.events-grid .event .event-link a {
display: inline-block;
padding: 10px 20px;
border: 1px solid var(--orange-color-global);
text-decoration: none;
transition: background-color 0.3s, color 0.3s;
font-family: "Montserrat", Sans-serif;
font-weight: 400;
fill: var(--e-global-color-92551b9);
color: var(--e-global-color-92551b9);
font-size: 15px !important;
}
.events-grid .event .event-link a:hover {
background-color: var(--orange-color-global);
color: #FFFFFF;
}
.events-grid .event-link a.btn.btn-outline-primary:focus,
.events-grid .event-link a.btn.btn-outline-primary:active,
.events-grid .event-link a.btn.btn-outline-primary:hover,
.year-program a.btn.btn-outline-primary:focus,
.year-program a.btn.btn-outline-primary:active,
.year-program a.btn.btn-outline-primary:hover {
outline: none!important; 
box-shadow: none!important; 
}
.single-event {
padding: 120px;
}
.event-meta {
margin-bottom: 20px;
}
.event-meta p {
margin-bottom: 5px;
}
.event-content p {
font-size: 16px;
line-height: 1.6;
}
.darkGrayBox {
background-color: var(--darkgray-color-global);
color: var(--orange-color-global);
padding: 20px;
}
.darkGrayBox p {
font-size: 20px;
margin-bottom: 0px;
}
.event-location .multi-line {
display: inline-block;
white-space: pre-wrap; 
word-wrap: break-word;
max-width: 260px; 
line-height: 1.2;
}
.event-image img {
object-fit: cover;
width: 100%;
height: 100%;
}
.event-title-single {
color: var(--darkgray-color-global);
font-size: 1.75rem;
}
.darkGrayBox {
background-color: var(--darkgray-color-global);
color: var(--orange-color-global);
padding: 20px;
}
.darkGrayBox p {
font-size: 20px;
margin-bottom: 5px;
}
.event-meta-single {
display: flex;
justify-content: space-between;
align-items: center;
}
.event-meta-single p {
margin-bottom: 0; 
}
.event-location {
display: flex;
align-items: center;
}
.event-location img {
height: 48px; 
margin-right: 10px; 
}
.event-location p {
font-size: 20px;
line-height: 1.2; 
margin-bottom: 0; 
}
.event-leitfaden-text {
margin-bottom: 0;
}
.year-program a {
display: inline-block;
padding: 10px 20px;
border: 1px solid var(--orange-color-global);
text-decoration: none;
transition: background-color 0.3s, color 0.3s;
font-family: "Montserrat", Sans-serif;
font-weight: 400;
fill: var(--e-global-color-92551b9);
color: var(--e-global-color-92551b9);
font-size: 15px!important;
}
.year-program a:hover {
background-color: var(--orange-color-global);
color: #FFFFFF;
border-color: var(--orange-color-global)!important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active {
background-color: var(--orange-color-global)!important;
border-color: var(--orange-color-global)!important;
}
.event-section {
border: 1px solid var(--darkgray-color-global)!important;
margin-bottom: 10px;
}
.event-date-year-program, .event-time-year-program {
color: var(--orange-color-global);
font-size:20px;
}
.event-title-year-program {
font-size: 20px;
margin-bottom: 20px;
}
.event-image-year-program {
width: 292px!important;
height: 165px!important;
}
.month-header {
background-color: var(--darkgray-color-global)!important;
color: var(--orange-color-global);
padding: 10px;
font-size: 20px;
text-transform: uppercase;
}
.pdf-ics-links {
text-align: right;
}
.pdf-ics-links a {
margin-left: 15px;
}
.event-time-year-program {
margin-top: 30px;
}
.titleGlobal {
color: var(--darkgray-color-global);
font-family: "Montserrat", Sans-serif;
font-weight: 500;
text-transform: uppercase!important;
letter-spacing: 1px;
font-size: 2rem;
}
.link-event-text {
text-transform: underline;
font-style: italic;
color: var(--orange-color-global);
}
.enlarge{
transition: transform 0.3s ease-in-out;		
}
.enlarge:hover{
transform: scale(1.05);
}   .photo-card-wrapper {
position: relative;
width: 100%;
aspect-ratio: 1 / 1;
border: 1px solid var(--lightgray-color-global);
border-radius: 5px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-color: #000;
text-align: center;
}
.photo-card-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
z-index: 1;
transition: transform 0.3s ease;
}
.photo-card-wrapper:hover .photo-card-image {
transform: scale(1.05);
}
.photo-card-text {
position: relative;
z-index: 2;
background: rgba(0, 0, 0, 0.5);
padding: 0.75em;
color: white;
backdrop-filter: blur(5px);
}
.photo-card-title {
font-size: 1em;
font-weight: bold;
margin: 0 0 0.25em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.photo-card-author {
font-size: 0.85em;
margin: 0;
color: #ccc;
} .spinner-overlay {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(255, 255, 255, 0.9);
z-index: 9999;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.spinner {
border: 6px solid #ccc;
border-top: 6px solid #333;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 1s linear infinite;
}
.spinner-text h3 {
margin-top: 20px;
color: #333;
font-weight: normal;
}
@keyframes spin {
to { transform: rotate(360deg); }
}