/*
Theme Name: hessencampus
Theme URI: 
Author: joerg
Author URI: 
Description: hessencampus
Version: 1.0.0
Template: twentytwentyfive
*/
/*---- Layout -----*/
:root { --transition: all .25s ease-in-out; }
:root * { -ms-word-break: break-all; word-break: break-all; /* Non standard for WebKit */ word-break: break-word; }
:root *:focus { outline: none; }

html { scroll-behavior: smooth; }

[class*=" eab-icon-"]::before, [class^="eab-icon-"]::before { width: 1.25em !important; }

/* sections*/
section:not(first-child) { scroll-margin-top: 100px; }

/** /


/* buttons*/
.wp-element-button { font-size: 1.1rem !important; transition: var(--transition); }
.wp-element-button:hover, .wp-element-button:active, .wp-element-button:focus { background-color: #ce571b; transition: var(--transition); }
.wp-element-button:hover svg, .wp-element-button:active svg, .wp-element-button:focus svg { transform: translate(5px); }
.wp-element-button svg { transform: translate(-3px); transition: var(--transition); }

/* accordion */
.sp-easy-accordion-block .sp-eab-wrapper { max-width: 100% !important; }

/* kontakt */
#kontakt .block-cover-kontakt-bg { position: absolute; top: 0; left: 1em; width: 100%; height: 100%; z-index: -1; }
#kontakt .block-cover-kontakt { z-index: 0; }
#kontakt .block-cover-kontakt .wp-block-cover__image-background { opacity: 1; transition: var(--transition); }
#kontakt .block-cover-kontakt .wp-block-cover__inner-container { z-index: 2; }
@media (min-width: 576px) { #kontakt .block-cover-kontakt:hover .wp-block-cover__image-background, #kontakt .block-cover-kontakt:active .wp-block-cover__image-background { opacity: 0; }
  #kontakt .block-cover-kontakt::before { content: ""; position: absolute; top: 0; left: 0; width: 60%; height: 100%; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0)); z-index: 1; } }
@media (min-width: 920px) { #kontakt .block-cover-kontakt::before { width: 50%; } }

/* header */
.wp-site-blocks > header nav { color: var(--wp--preset--color--accent-1) !important; }
.wp-site-blocks > header nav .wp-block-navigation__responsive-container-open { transform: scaleX(1.25); stroke: currentColor; stroke-width: 0.2px; }
.wp-site-blocks > header nav .wp-block-navigation-overlay-close:focus, .wp-site-blocks > header nav .wp-block-navigation__responsive-container-open:focus, .wp-site-blocks > header nav a.wp-block-navigation-item__content:focus { outline: none; }
.wp-site-blocks > header nav .wp-block-navigation-overlay-close:focus-visible, .wp-site-blocks > header nav a.wp-block-navigation-item__content:focus-visible { font-weight: 800; }
.wp-site-blocks > header nav .wp-block-navigation-overlay-close, .wp-site-blocks > header nav .wp-block-navigation__responsive-container-open { height: 100px; align-items: center; }
.wp-site-blocks > header nav .wp-block-navigation-overlay-close svg, .wp-site-blocks > header nav .wp-block-navigation__responsive-container-open svg { width: 35px; height: 40px; }
.wp-site-blocks > header nav .nav-divider { width: 50px !important; border-top: 3px solid #666; margin-top: 12px; }

/* slider */
.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--wp--preset--color--accent-1); }

/*vsel*/
.vsel-content { position: relative; padding-bottom: 80px; color: var(--wp--preset--color--contrast) !important; }
.vsel-content .vsel-alignleft, .vsel-content .vsel-alignright { width: 100% !important; max-width: 100% !important; }
.vsel-content .vsel-meta { line-height: 1; }
.vsel-content .vsel-meta .vsel-meta-date, .vsel-content .vsel-meta .vsel-meta-time, .vsel-content .vsel-meta .vsel-meta-location { display: inline-block; }
.vsel-content .vsel-meta .vsel-meta-date:not(:first-of-type)::before, .vsel-content .vsel-meta .vsel-meta-time:not(:first-of-type)::before, .vsel-content .vsel-meta .vsel-meta-location:not(:first-of-type)::before { content: " | "; padding-left: .25rem; }
.vsel-content .vsel-meta-time:not(.vsel-meta-all-day)::after { content: " Uhr"; }
.vsel-content .vsel-meta-all-day { display: none !important; }
.vsel-content .vsel-read-more, .vsel-content .vsel-meta-link a { position: absolute; bottom: 1.75rem; display: block; padding: 6px var(--wp--preset--spacing--30); color: #fff !important; font-size: 1.1rem; font-weight: 400; font-family: var(--wp--preset--font-family--roboto-condensed); text-decoration: none; background-color: var(--wp--preset--color--accent-1); border-radius: 1111px; transition: var(--transition); }
.vsel-content .vsel-read-more:hover, .vsel-content .vsel-read-more:active, .vsel-content .vsel-read-more:focus, .vsel-content .vsel-meta-link a:hover, .vsel-content .vsel-meta-link a:active, .vsel-content .vsel-meta-link a:focus { color: #fff !important; background-color: #ce571b; }
.vsel-content .vsel-read-more a, .vsel-content .vsel-meta-link a a { color: #fff !important; text-decoration: none; }
.vsel-content .vsel-read-more a:hover, .vsel-content .vsel-read-more a:active, .vsel-content .vsel-read-more a:focus, .vsel-content .vsel-meta-link a a:hover, .vsel-content .vsel-meta-link a a:active, .vsel-content .vsel-meta-link a a:focus { color: #fff !important; }

.single-event .vsel-meta { font-weight: 400; }
.single-event .wp-block-post-featured-image + .wp-block-post-title { margin-top: 2rem; margin-bottom: 1rem; }

.vsel-list .vsel-shortcode { display: grid; grid-template-columns: 1fr; flex-direction: row; column-gap: 1.4rem; }
@media (min-width: 576px) { .vsel-list .vsel-shortcode { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 768px) { .vsel-list .vsel-shortcode { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .vsel-list .vsel-shortcode { grid-template-columns: repeat(4, 1fr); } }
.vsel-list div { float: none !important; }
.vsel-list .vsel-content { display: flex; flex-direction: column; position: relative; overflow: hidden; padding: .75rem .75rem 4.25rem .75rem !important; background-color: #fff; border-bottom-color: transparent !important; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1); transition: var(--transition); /* figure */ /* img */ /**/ /* stretched link */ /**/ }
.vsel-list .vsel-content:hover { box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2); }
.vsel-list .vsel-content .vsel-image { position: absolute; top: 0; left: 0; aspect-ratio: 4 / 3 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; }
.vsel-list .vsel-content .vsel-image-img { aspect-ratio: 4 / 3 !important; width: 100% !important; max-width: 100% !important; height: auto; object-fit: cover; object-position: top; }
.vsel-list .vsel-content .vsel-meta { position: relative; }
.vsel-list .vsel-content .vsel-meta::before { content: ""; display: block; position: relative; aspect-ratio: 4 / 3 !important; width: 100% !important; margin-top: -1rem; }
.vsel-list .vsel-content .vsel-meta div { margin: 0 !important; }
.vsel-list .vsel-content .vsel-meta .vsel-meta-title { margin-top: 2.5rem !important; }
.vsel-list .vsel-content .vsel-meta .vsel-meta-date, .vsel-list .vsel-content .vsel-meta .vsel-meta-time, .vsel-list .vsel-content .vsel-meta .vsel-meta-location { font-size: var(--wp--preset--font-size--small); }
.vsel-list .vsel-content .vsel-text { margin-top: .75rem; }
.vsel-list .vsel-content .vsel-read-more { position: absolute; padding-block: 2px; }
.vsel-list .vsel-content .vsel-read-more::before { content: ""; position: absolute; top: -500px; left: -40px; width: 400px; height: 900px; }

/**/

/*# sourceMappingURL=styleb.css.map */
