@charset "UTF-8";
/* CSS Document */

/**
 * Theme Name: oceanwp Child
 * Template:   oceanwp
 * …
 */



/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

@font-face {
	font-family: 'Lexend';
	src: url('fonts/lexend/lexend/variable/Lexend[HEXP,wght].ttf') format('truetype');
	font-weight: 100 900; /* Example range for weight axis */
	font-stretch: 75% 125%; /* Example range for stretch axis */
}

html {
    font-size: 16px!important;
}

body {
    font-family: 'Lexend', "Open Sans", sans-serif!important;
    font-variation-settings: 'wght' 400;
    font-size: 1.1rem!important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.6!important;
    color: #232323!important;
}

h1:not(.wp-block-heading), h2:not(.wp-block-heading), h3:not(.wp-block-heading), h4:not(.wp-block-heading), h5:not(.wp-block-heading), h6:not(.wp-block-heading) {
    font-style: normal;
    font-weight: 600!important;
    font-variation-settings: 'wght' 580!important;
    margin: 0 0 1rem;
    color: #232323!important;
    line-height: 1.45!important;
}

h1 {
    font-size: 1.85rem!important;
    font-weight: 400!important;
    font-variation-settings: 'wght' 420!important;
    line-height: 1.35!important;
}

h2 {
    font-size: 1.6rem!important;
    font-weight: 500!important;
    font-variation-settings: 'wght' 460!important;
    line-height: 1.425!important;
}

h3 {
    font-size: 1.35rem!important;
    font-weight: 500!important;
    font-variation-settings: 'wght' 500!important;
}

h4 {
    font-size: 1.2rem!important;
    font-weight: 500!important;
    font-variation-settings: 'wght' 540!important;
    letter-spacing: 0.01em;
}

strong, b {
    font-weight: 600!important;
    font-variation-settings: 'wght' 600!important;
    letter-spacing: 0.01em;
}

#site-logo a.site-logo-text,
#site-logo a:visited.site-logo-text { /* h2 */
    color: #232323!important;
    font-size: 1.6rem!important;
    font-weight: 500!important;
    font-variation-settings: 'wght' 460!important;
    line-height: 1.425!important;
}

#site-logo a:hover.site-logo-text { 
    color: #13aff0!important;
}

/* .home #site-logo a.site-logo-text {
    pointer-events: none;
    cursor: default;
} */

h1.entry-title {
	padding: 32px 0;
}

h1:not(.wp-block-heading).page-header-title,
h1.entry-title {
	font-style: normal!important;
    font-size: 1.85rem!important;
    font-weight: 400!important;
    font-variation-settings: 'wght' 420!important;
    line-height: 1.35!important;
}

#site-header {
    border-bottom: none!important;
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.05);
}

#top-bar-wrap {
    position: relative;
    background-color: #fff;
    font-size: 12px;
    border-bottom: 1px solid #f1f1f1;
    z-index: 101;
    display: none;
}

.wp-block-button__link.has-black-color.has-text-color.wp-element-button,
.wp-block-button.is-style-outline--5.wp-block-button__link {
    border-radius: 9999px!important;
    padding-top: 0.5rem!important;
    padding-right: 1.33rem!important;
    padding-bottom: 0.667rem!important;
    padding-left: 1.33rem!important;
}

.wp-block-cover .wp-block-button__link.has-black-color.has-text-color.wp-element-button {
    padding-top: 1.1rem!important;
    padding-right: 1.5rem!important;
    padding-bottom: 1.2rem!important;
    padding-left: 1.5rem!important;
}

.entry-content a,
#main a {
/*    color: #232323!important; */
}

.entry-content a:hover,
#main a:hover,
.entry-content a:active,
#main a:active {
    color: #13aff0!important;
    text-decoration-style: solid;
    text-decoration-skip-ink: all!important;
}

a:focus,
a:active {
    outline: 0!important;
}

html a:focus {
  outline: solid 0 !important;
}

html a:focus-visible {
    outline: solid 1px !important;
}

.teaser_list .columns {
	display: flex;
    align-items: flex-start;
}

.teaser_list .entry {
	flex: 0 0 31%;
	/* margin: 0 3.5% 0 0; */
	
	padding: 0;
	padding: 2rem 2rem 2.2rem 2rem;
	
    background: linear-gradient(135deg, #F4F4F4, #ECECEC);
    background: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 100%); /* --wp--preset--gradient--pale-ocean (minus grün)s */
}

.grid-sizer {
  margin: 0 !important;
}

.teaser_list .grid-item {
	margin-bottom: 2rem;
}

.teaser_list .entry .image {
	margin: -2rem -2rem 1.5rem -2rem;
}

.teaser_list .entry .text p {
	margin: 0 0 0.75rem 0;
}

.teaser_list .entry .text p:last-of-type {
	margin: 0 0 0 0;
}

.teaser_list .entry .text {
	margin: 0 0 0 0;
    
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    -webkit-hyphenate-limit-before: 3; /* For Safari */
    -webkit-hyphenate-limit-after: 4; /* For Safari */
    -ms-hyphenate-limit-chars: 7 3 4;
    hyphenate-limit-chars: 7 3 4;
}


/*
.teaser_list .columns .entry:nth-of-type(3) {
	margin: 0 0 0 0;
}
*/ 

/* .teaser_list .columns .entry .link::before {
	content: '>';
	margin: 0 0.5rem 0 0;
} */

.teaser_list .entry .link a {
    display: inline-flex;
    text-decoration: none!important;
    border-radius: 9999px;
    border: solid 2px #232323;
    padding: 0.3rem 0.9rem 0.4rem;
    width: auto;
    margin-top: 1.5rem;
}

.teaser_list:first-of-type .columns .entry .link a {
    margin-top: 0.8rem;
}

.teaser_list .entry .link a:hover,
.teaser_list .entry .link a:active {
    border: solid 2px #13aff0;
}

.teaser_list .entry .date {
    margin-bottom: 1.1rem;
    font-size: 0.85rem;
    font-weight: 500;
    font-variation-settings: 'wght' 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

section.content_block {
	margin: 0 0 4rem 0;
	width: 100%;
}

.contact_block_text_map .columns {
	display: flex;
	justify-content: space-between;
}

.contact_block_text_map .columns .column {
	flex: 0 0 45%;
}

/* .wp-block-cover__inner-container {
    display: block;
    width: 50%!important;
    height: 100%!important;
    margin-left: 0;
    margin-right: auto;
    -webkit-backdrop-filter: blur(10px) brightness(1.15) saturate(0.6);
    backdrop-filter: blur(10px) brightness(1.15) saturate(0.6);
    padding-bottom: 3.4rem;
    padding-left: 2rem;
    border-radius: 2px!important;
}

.wp-block-cover, .wp-block-cover-image {
    min-height: 430px!important;
    max-height: 430px!important;
    padding: 0!important;
} */ 

.main-navigation a {
    text-transform: uppercase;
}

#site-navigation-wrap .dropdown-menu > li > a {
    font-weight: 500!important;
    font-variation-settings: 'wght' 480!important;
}

#site-navigation-wrap .dropdown-menu > li > a,
#site-navigation-wrap .dropdown-menu .sub-menu a {
    font-size: 0.9rem!important;
    color: #232323!important;
}

#site-navigation-wrap .dropdown-menu > li > a:hover {
    font-size: 0.9rem!important;
    color: #ff7a14!important;
    color: #13aff0!important;
}

#site-navigation-wrap .dropdown-menu ul li a.menu-link {
    text-transform: none!important;
}

.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
    width: auto!important;
}

.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
	width: auto!important;
    margin: 0 auto!important;
}

.site-footer,
.site-footer h4 {
    color: #FFF!important;
}

.site-footer p {
    margin-bottom: 1rem;
}

.footer-box #block-3,
.footer-box #block-4 {
    width: auto!important;
    float: left;
    margin-top: 0.3rem;
    margin-right: 0.8rem;
    margin-bottom: 0.3rem!important;
}

#footer-widgets .footer-box {
    padding: 0!important;
}

.wp-block-social-links .wp-block-social-link.wp-social-link {
    height: 2.3rem;
    width: 2.3rem;
    padding: 0!important;
    align-content: center;
}

:root :where(.wp-block-social-links .wp-social-link a) {
    padding: 0!important;
}

.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
    font-size: inherit!important;
    margin-left: auto!important;
    margin-right: auto!important;
}


@media screen and (max-width: 960px) {
	

	.teaser_list .columns {
		display: block;
	}
	
	.teaser_list .columns .column,
	.contact_block_text_map .columns .column {
		margin: 0 0 2rem 0;
	}

	section.content_block {
		margin: 0 0 5rem 0;
	}

	.contact_block_text_map .columns {
		display: block;
	}
	
	.grid-sizer, .grid-item {
	  width: 100% !important;
	}

}

.home h1 {
	display: none;
}

.main-navigation #menu-item-59 {
    display: none;
}

.site-breadcrumbs,
.edit-link {
    display: none;
}

.meta.obem-default.clr {
    display: none;
}

#footer-bottom-inner {
    display: none !important;
}

.blog-entry-readmore .fa-angle-right {
    display: none;
}

.meta-author,
.meta-cat {
    display: none;
}

.meta-date {
    align-items: center;
    display: flex;
    text-transform: uppercase;
    font-size: 0.85rem;
    font-weight: 500;
    font-variation-settings: 'wght' 500;
    letter-spacing: 0.04em;
    color: #232323;
}

.wp-block-separator {
    margin: 2rem auto 2rem 0!important;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    width: 3rem;
    height: 3px;
    background-color: #CCC;
    border: none;
}

.wp-block-separator.is-style-wide:not(.size-full) {
  margin-left: auto!important;
  margin-right: auto!important;
}

.single-post ul.ospm-default li::after {
    display: none;
}

.main-navigation .text-wrap {
	display: inline-flex;
    align-items: center;
}

.fa-angle-down::before {
	content: ''!important;
	display: inline-flex;
	width: 0.7rem;
	height: 0.7rem;
	margin: 0.175em 0 0 0.15rem;
	background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
}

.fa-angle-right::before {
    content: ''!important;
	display: inline-flex;
	width: 0.7rem;
	height: 0.7rem;
	margin: 0 0 0 0.15rem;
	background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
}

.dropdown-menu li a.menu-link i {
    padding-right: 0!important;
}

.icon-magnifier::before {
 	content: ''!important;
	display: inline-flex;
	width: 0.8rem;
	height: 0.8rem;
	margin: 0 0 -0.1em 0;
	background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23.822 20.88l-6.353-6.354c.93-1.465 1.467-3.2 1.467-5.059.001-5.219-4.247-9.467-9.468-9.467s-9.468 4.248-9.468 9.468c0 5.221 4.247 9.469 9.468 9.469 1.768 0 3.421-.487 4.839-1.333l6.396 6.396 3.119-3.12zm-20.294-11.412c0-3.273 2.665-5.938 5.939-5.938 3.275 0 5.94 2.664 5.94 5.938 0 3.275-2.665 5.939-5.94 5.939-3.274 0-5.939-2.664-5.939-5.939z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
}

.home .wp-block-image.alignfull img {
	max-height: 35rem;
	object-fit: cover;
	object-position: top center;
}

/* Projektarchiv doppelter Header  */
.page-id-1285 .site-main > .page-header {
	display: none;
}

h1.entry-title {
    padding: 3rem 0 2rem 0;
}

.page-header {
    padding: 3rem 0 2rem 0 !important;
}

.blog-entry-readmore a {
  /* font-size: 0.8rem!important;
  border: 2px solid #ddd!important;
  padding: 0.6rem 1rem!important;
  -webkit-border-radius: 0!important;
  -moz-border-radius: 0!important;
  -ms-border-radius: 0!important;
  border-radius: 0!important;
  text-transform: uppercase!important;
  letter-spacing: 0.05em!important; */
    
    display: inline-flex!important;
    text-decoration: none !important;
    border-radius: 9999px!important;
    border: solid 2px #232323!important;
    padding: 0.7rem 0.9rem 0.7rem!important;
    width: auto!important;
    margin-top: 0.4rem!important;
    font-size: 1rem!important;
    font-weight: 500!important;
    font-variation-settings: 'wght' 480!important;
    text-transform: lowercase!important;
}

.blog-entry-readmore a:hover, .blog-entry-readmore a:active {
    color: #13aff0 !important;
    border: solid 2px #13aff0!important;
    text-decoration-style: solid;
    text-decoration-skip-ink: all !important;
}

.blog-entry.large-entry .blog-entry-readmore a i {
    margin-left: 0!important;
}


/* youtube iframe responsive */

/* Stellt den Container des Videos responsiv ein */
.responsive-video-wrap,
.wp-block-embed.is-type-video {
    position: relative; 
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    padding-top: 25px; 
    height: 0;
}

/* Stellt das iframe des Videos so ein, dass es den Container voll ausfüllt */
.responsive-video-wrap iframe,
.wp-block-embed.is-type-video .wp-block-embed__wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* borlabs */

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-buttons {
	width: auto !important;
}

.entry-content .brlbs-cmpnt-cb-buttons a.brlbs-cmpnt-cb-btn,
.entry-content .brlbs-cmpnt-cb-buttons a:hover,
#main .brlbs-cmpnt-cb-buttons a:hover {
	color: #fff !important;
	text-decoration: none !important;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description {
    margin: 0 auto!important;
}

@media (min-width: 640px) {
    body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main {
        flex-direction: column !important;
        gap: 16px;
    }
}
	
body div.brlbs-cmpnt-container p.brlbs-cmpnt-cb-description {
    font-size: 0.75rem;
	max-width: 25rem;
}
	
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-buttons {
    margin: 2.25rem 0 2rem 0 !important;
}

.brlbs-cmpnt-container .brlbs-basis-full {
    flex-basis: 100% !important;
}

:root {
  --color: 255, 255, 255;
}

body .site .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{
	background: rgba(var(--color), 0.65) !important;
}

.brlbs-cmpnt-container .lg\:brlbs-basis-3\/12 {
    flex-basis: 100% !important;
}

.brlbs-cmpnt-h2 {
    font-size: 1rem!important;
}

@media (min-width: 1024px) {
  .brlbs-cmpnt-container .lg\:brlbs-order-none {
    order: 999 !important;
  }
}

body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-google-maps-wp-go .brlbs-cmpnt-cb-btn:hover {
  background: #1e40af !important;
}

/* borlabs video blocker */

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-play-button {
	
	top: 20%;
}

.brlbs-cmpnt-cb-play-button {
	display: none;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-play-button {
	display: none !important;
}