@font-face {
font-family: 'cera_proregular';
src: url(//www.via-ruhr.de/wp-content/themes/Divi-child/fonts/cerapro-regular-webfont.woff2) format('woff2'),
url(//www.via-ruhr.de/wp-content/themes/Divi-child/fonts/cerapro-regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'cera_promedium';
src: url(//www.via-ruhr.de/wp-content/themes/Divi-child/fonts/cerapro-medium-webfont.woff2) format('woff2'),
url(//www.via-ruhr.de/wp-content/themes/Divi-child/fonts/cerapro-medium-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'cera_probold';
src: url(//www.via-ruhr.de/wp-content/themes/Divi-child/fonts/cerapro-bold-webfont.woff2) format('woff2'),
url(//www.via-ruhr.de/wp-content/themes/Divi-child/fonts/cerapro-bold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
} body {
color: #000;
}  h1,
h2,
h3,
h4,
body #page-container a.et_pb_button,
body #page-container .et_pb_section .et_pb_button_1,
table td,
.et_pb_contact_field *,
blockquote,
.et_mobile_menu li a,
blockquote p,
.ansprechpartner_name p,
.et_pb_section p a,
.dmach-acf-item-content a,
.dmach-loadmore.et_pb_button,
.counter .percent-value,
.et_pb_search input.et_pb_s,
.et_pb_search input.et_pb_searchsubmit,
.et_pb_posts a.more-link {
font-family: 'cera_probold'; font-size: clamp(var(--min), var(--val), var(--max)) !important;
line-height: 120%;
}
p,
p.dmach-postmeta-value,
.et_pb_section p.dmach-postmeta-value a,
ul,
ul li,
.label p,
.footer ul li a,
.excerpt {
font-family: 'cera_proregular';
font-size: clamp(var(--min), var(--val), var(--max)) !important;
line-height: 140%;
}
.intro p,
.text-big p,
#main-content .et_pb_section p a,
.dmach-acf-item-content a {
font-family: 'cera_promedium';
}
p {
margin-bottom: 8%;
}
p:has(+ p),
p:has(+ ul){
margin-bottom: 4%;
}
p:last-child {
margin-bottom: 0;
}
p.dmach-acf-value {
margin-bottom: 0;
}
h2 {
margin-bottom: 2.4%;
}
h3 {
margin-bottom: 1.2%;
}
h1,
h2,
.teaser h2,
.partner h2,
.teaser h3,
.teaser h4,
.teaser h5,
.teaser h6,
p {
padding-bottom: 0;
}
h1:has(+ *) {
margin-bottom: 4%;
} p a,
.partner a,
.infobox a,
.textblock a,
.dmach-acf-item-content a,
.et_pb_posts a.more-link {
color: #B70096;
transition: 0.3s;
}
p a:hover,
.infobox a:hover,
.textblock a:hover,
.dmach-acf-item-content a:hover,
.partner a:hover,
.et_pb_posts a.more-link:hover {
text-decoration: underline;
color: #C42139;
transition: 0.3s;
}
a:focus {
box-shadow: 0 0 8px #C42139;
}
.et_pb_text_inner ul,
.et_pb_module_inner ul,
.entry-content ul {
margin: 0 0 5% 0;
padding: 0;
}
.et_pb_text_inner ul li,
.et_pb_module_inner ul li,
.entry-content ul li {
border-bottom: 1px dotted #75C0B6;
list-style-type: disc;
list-style-position: outside;
padding: 2% 2% 2% 0%;
margin: 0 0 0 4%;
}
.et_pb_text_inner ul li::marker,
.et_pb_module_inner ul li::marker,
.entry-content ul li::marker {
color: #C42139;
}
.et_pb_text_inner ul li:first-child,
.et_pb_module_inner ul li:first-child,
.entry-content ul li:first-child {
padding-top: 0;
}
blockquote {
border: none;
padding-left: 0;
} p,
.et_pb_section a,
a.et_pb_button,
table td,
ul li,
.et_pb_contact_field *,
.excerpt,
.dmach-loadmore.et_pb_button,
.et_pb_search input.et_pb_s,
.et_pb_search input.et_pb_searchsubmit {
--min: 1.25rem; --val: 1.5vw; --max: 1.5rem; }
.claim p,
p.dmach-postmeta-value,
.et_pb_section p.dmach-postmeta-value a,
.footer .et_pb_section ul li a {
--min: 1.0rem;
--val: 1.3vw;
--max: 1.3rem;
line-height: 120%;
}
h1,
.counter .percent-value {
--min: 2.2rem; --val: 4.0vw; --max: 4.5rem; }
h2,
blockquote p {
--min: 2.0rem; --val: 3.0vw; --max: 3.4rem; }
h3,
.phone p {
--min: 1.8rem; --val: 2.2vw; --max: 2.6rem; }
h4,
.teaser h3 {
--min: 1.6rem; --val: 1.8vw; --max: 2.0rem; }
.intro p {
--min: 1.5rem; --val: 2.0vw; --max: 2.4rem; }
.counter .percent-value {
--min: 8.5rem; --val: 10.0vw; --max: 15rem; line-height: 100%;
}
.pa-fullscreen-menu #mobile_menu1 li a {
--min: 2rem; --val: 3.2vw; --max: 3.2rem; }
.pa-fullscreen-menu #mobile_menu1 li .sub-menu a {
--min: 1.4rem; --val: 2.2vw; --max: 2.2rem; } .et-l--header {
position: relative;
z-index: 99999;
}
.header_nav {
width: calc(100% - 86px) !important;
}
.header_nav:before {
content: url(https://www.via-ruhr.de/wp-content/uploads/2024/11/navi_border_left.svg);
top: 0;
left: -51px;
width: 52px;
height: 88px;
position: absolute;
}
.header_nav:after {
content: url(https://www.via-ruhr.de/wp-content/uploads/2024/11/navi_border_right.svg) !important;
top: 0 !important;
right: -51px !important;
width: 52px !important;
height: 88px !important;
position: absolute !important;
visibility: visible !important;
}
.et_mobile_nav_menu {
border-radius: 100%;
} .pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
display: none !important;
} .pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
display: block !important;
} .pa-fullscreen-menu .opened #mobile_menu1,
.et-db #et-boc .et-l .et_mobile_nav_menu .opened #mobile_menu1 {
width: 100vw !important;
position: fixed !important;
top: 0em !important;
left: 0vw !important;
height: 100vh !important;
display: flex !important;
justify-content: center !important;
flex-direction: column !important;
opacity: 1 !important;
visibility: visible !important;
background-color: #fff !important;
padding: 10%;
transition: all 0.3s ease-in-out;
overflow: scroll;
}
.pa-fullscreen-menu .opened #mobile_menu1:before,
.et-db #et-boc .et-l .et_mobile_nav_menu .opened #mobile_menu1:before {
content: "";
background: url(https://www.via-ruhr.de/wp-content/uploads/2024/08/background_1.svg) bottom left no-repeat;
background-size: contain;
width: 14%;
height: 60%;
position: absolute;
left: 0;
bottom: 0;
}
.pa-fullscreen-menu .opened #mobile_menu1:after,
.et-db #et-boc .et-l .et_mobile_nav_menu .opened #mobile_menu1:after {
content: "";
background: url(https://www.via-ruhr.de/wp-content/uploads/2024/08/background_3.svg) top right no-repeat;
background-size: contain;
width: 15%;
height: 23%;
position: absolute;
right: 0;
top: 0;
} .pa-fullscreen-menu .closed #mobile_menu1 {
background-color: #fff !important;
text-align: center !important;
width: 100vw !important;
position: fixed !important;
left: 100vw !important;
top: 0em !important;
height: 100vh !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-direction: column !important;
transition: all 1s ease-in-out;
opacity: 0 !important;
padding: 10%;
visibility: hidden !important;
} .pa-fullscreen-menu #mobile_menu1 li {
list-style: none !important;
text-align: left !important;
width: 100%;
max-width: 1024px;
margin: 0 auto;
} .pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar,
.et-db #et-boc .et-l .et_pb_menu__wrap .mobile_menu_bar {
z-index: 999999 !important;
z-index: 999999 !important;
height: 40px;
width: 40px;
background: #C42139;
border-radius: 50%;
display: flex;
justify-content: center;
cursor: pointer;
} .pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before,
.et-db #et-boc .et-l .et_mobile_nav_menu {
content: "\4d" !important;
color: #fff;
} .pa-fullscreen-menu .opened .mobile_menu_bar { } .pa-fullscreen-menu .et_mobile_menu {
border-top: none;
pointer-events: none;
} .pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
background-color: transparent;
border-bottom: 0;
} .et_mobile_menu li a:hover,
.et-db #et-boc .et-l .et_mobile_menu li a:hover,
.et-db #et-boc .et-l .nav ul li a:hover {
background-color: transparent;
} .pa-fullscreen-menu .et_mobile_menu>li {
pointer-events: auto;
transition: opacity 200ms ease-in-out;
will-change: opacity;
}
.pa-fullscreen-menu .et_mobile_menu li a,
.et-db #et-boc .et-l .et_mobile_menu li a {
border-bottom: 0;
display: inline-block;
position: relative;
padding: 0;
}
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
font-weight: 500;
}
.pa-fullscreen-menu .et_mobile_menu:hover>li:not(:hover) {
opacity: 0.5;
}
.et_mobile_menu li a:hover,
.nav ul li a:hover,
.et-db #et-boc .et-l .et_mobile_menu li a:hover {
opacity: 1.0;
} ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
color: #1A3058; top: 10px;
position: relative;
font-family: "ETModules";
content: '\33';
padding: 3px;
}
ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after {
content: '\32';
}
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon {
width: 44px;
height: 100%;
padding: 0px !important;
max-height: 44px;
border: none;
position: absolute;
right: 0px;
top: 0px;
z-index: 999;
background-color: transparent;
}
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
position: relative;
}
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
background-color: transparent;
}
.et_pb_menu .et_mobile_menu ul.sub-menu {
padding: 0 !important;
}
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
height: 0;
transform-origin: top;
opacity: 0;
transition: all 0.5s ease-in-out;
overflow: hidden;
}
.et_pb_menu .et_mobile_menu li.visible>ul.sub-menu,
#main-header .et_mobile_menu li.visible>ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible>ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible>ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible>ul.sub-menu {
transition: all 0.5s ease-in-out;
opacity: 1;
height: auto;
} .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
justify-content: flex-start !important;
}
.sitemap_menu.et_pb_menu .et_pb_menu__menu,
.sitemap_menu .et_pb_fullwidth_menu .et_pb_menu__menu, 
.footer_menu.et_pb_menu .et_pb_menu__menu,
.footer_menu .et_pb_fullwidth_menu .et_pb_menu__menu {
display: flex!important;
}
.sitemap_menu .et_mobile_nav_menu,
.footer_menu .et_mobile_nav_menu {
display: none !important;
} @media (max-width: 980px) {
.et_pb_column {
width: 100%;
margin-bottom: 8%;
}
}
@media (max-width: 1856px) {
.et_builder_inner_content .teaser.et_pb_section,
.et_builder_inner_content .partner.et_pb_section,
.et-db #et-boc .et-l .et_builder_inner_content .teaser.et_pb_section,
.et-db #et-boc .et-l .et_builder_inner_content .partner.et_pb_section {
margin-left: 24px !important;
margin-right: 24px !important;
}
} .thumbnail .dmach-postmeta-value span {
padding: 12px 32px 12px 12px;
display: inline-block;
}
.thumbnail .dmach-postmeta-value .dmach_cat_news {
background: url(https://www.via-ruhr.de/wp-content/uploads/2024/08/background_label_news.svg) bottom right no-repeat;
background-size: cover;
color: #000;
}
.thumbnail .dmach-postmeta-value .dmach_cat_veranstaltungen {
background: url(https://www.via-ruhr.de/wp-content/uploads/2024/08/background_label_veranstaltungen.svg) bottom right no-repeat;
background-size: cover;
color: #fff;
} .et-db #et-boc .et-l .et_pb_section.textblock div.et_pb_row .et_pb_column .et_pb_module:last-child {
margin-bottom: 0 !important;
} .bild.fullscreen img {
aspect-ratio: 16/9;
} .counter.et_pb_number_counter .percent {
height: auto !important;
margin-bottom: 2.4%;
} .divi-filter-archive-loop {
margin-bottom: 0;
}  .navi_search {
margin-bottom: 4% !important;
} .post-content-inner {
margin-bottom: 2.4%;
}
.results .et_pb_post {
margin-bottom: 5%;
padding-bottom: 5%;
} .et-db #et-boc .et-l .et_pb_toggle_content {
margin: 4% 0;
} .partner:before {
content: "";
top: 0;
left: 5%;
height: 120px !important;
width: 7% !important;
position: absolute;
max-height: 307px;
background: url(https://www.via-ruhr.de/wp-content/uploads/2024/08/deco_green.svg) no-repeat;
background-size: contain;
}
.partner:after {
content: "";
bottom: 0;
right: 0;
height: 120px !important;
width: 12% !important;
position: absolute;
max-height: 307px;
background: url(https://www.via-ruhr.de/wp-content/uploads/2024/08/deco_purple.svg) bottom left no-repeat;
background-size: contain;
}