@charset "UTF-8";

@font-face {
font-family: "Special Gothic";
src: url(//pan.thatscommunication.de/wp-content/themes/coco-theme-child/assets/public/fonts/SpecialGothic-VariableFont_wdth,wght.ttf) format("truetype-variations");
font-weight: 100 900;
font-stretch: 50% 150%;
font-style: normal;
}
body,
html {
margin: 0;
padding: 0;
font-family: system-ui, sans-serif;
min-height: 100vh;
min-height: 100svh;
background-color: var(--coco-footer-main-bg, #393838);
overscroll-behavior-y: none;
}
.content {
position: relative;
min-height: 50vh;
min-height: 50svh;
z-index: 1;
background: white;
overflow-x: hidden;
}
html * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.vc_row:not(.vc_row .vc_row) {
padding-left: max(0px, (100% - var(--coco-content-max-width, 1200px))/2) !important;
padding-right: max(0px, (100% - var(--coco-content-max-width, 1200px))/2) !important;
}
.vc_row:not(.vc_row .vc_row)[data-vc-stretch-content="true"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
.vc_column_container > .vc_column-inner {
padding-top: 0 !important;
}
img {
max-width: 100%;
height: 100%;
}
button {
font-weight: 500 !important;
}
:focus {
outline: none;
}
:focus-visible {
outline: 2px solid #0276d6;
outline-offset: 2px;
}
.tribe-common :focus {
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.tribe-common :focus-visible {
outline: 2px solid #0276d6 !important;
outline-offset: 2px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.dropdown-item:hover {
background-color: transparent !important;
}
.spacing-container {
padding-left: 8%;
padding-right: 8%;
}
.no-link {
pointer-events: none;
}
.post-thumbnail {
position: relative;
height: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #000000 !important;
}
.post-thumbnail img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.post-thumbnail .heading {
position: absolute;
top: 40%;
text-align: center;
text-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5647058824);
color: white;
font-weight: 500;
left: auto;
}
#BorlabsCookieBox ._brlbs-refuse-btn {
font-size: 1em;
}
#BorlabsCookieBox ._brlbs-refuse-btn a {
font-size: 1.25em;
}
#BorlabsCookieBox .cookie-preference .cookie-logo {
max-width: 70px;
height: auto;
}
#BorlabsCookieBox .bcac-item p {
font-size: 1em;
}
#BorlabsCookieBox ._brlbs-refuse {
font-size: 1em;
}
#BorlabsCookieBox ._brlbs-manage {
font-size: 1em;
}
#BorlabsCookieBox ._brlbs-legal {
font-size: 1em;
}
.background-color-white {
background: white !important;
}
.background-color-white h1,
.background-color-white h2,
.background-color-white h3,
.background-color-white h4,
.background-color-white h5,
.background-color-white h6 {
color: #000000 !important;
}
.background-color-white * {
color: #000000 !important;
}
.background-color-white a > p {
color: white !important;
}
.background-color-white a {
color: #000000;
}
.background-color-white p.overline {
color: #000000 !important;
}
.small-container {
max-width: 100%;
margin: 0 auto;
}
.team-image {
padding-right: 0;
}
.team-details {
padding-bottom: 60px;
}
.team-row {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.col-gap-30 > .vc_column_container {
padding: 15px 0;
}
.col-gap-30 > .vc_column_container:first-child {
padding-top: 0;
}
.col-gap-30 > .vc_column_container:last-child {
padding-bottom: 0;
}
.responsive-video {
width: 100%;
height: auto;
aspect-ratio: 3/2;
-o-object-fit: cover;
object-fit: cover;
}
.image-border {
outline: 1px solid black;
}
.sticky-top {
position: sticky;
width: 100%;
padding: 0;
background: var(--coco-primary);
}
.sticky-top .no-link a {
pointer-events: none;
text-decoration: none;
}
.sticky-top .nav-bar-sticky {
max-width: 1920px;
padding: 0;
height: auto;
}
.sticky-top .nav-bar-sticky .navbar-brand {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 27px;
margin-right: 10px;
width: auto;
margin-top: 0;
margin-bottom: 0;
}
.sticky-top .nav-bar-sticky .navbar-brand img {
height: 25px;
}
.sticky-top .nav-bar-sticky .navbar-brand-md {
margin-left: 27px;
margin-right: 10px;
}
.sticky-top .nav-bar-sticky .navbar-toggler {
margin-right: 25px;
}
@media (min-width: 600px) and (max-width: 991.98px) {
.navbar .navbar-brand-mobile {
display: none !important;
}
.navbar .navbar-brand-md {
display: block !important;
}
}
#menu-hauptmenue {
padding-right: 27px;
padding-left: 27px;
padding-top: 20px;
padding-bottom: 20px;
gap: 50px;
}
#menu-hauptmenue .nav-link:not(.vc_btn3) {
padding: 0;
}
.dropdown-toggle:after {
display: inline-block;
width: 30px;
height: 9px;
margin-left: 6px;
vertical-align: 0.1em !important;
content: "";
border: 0;
background-color: var(--coco-nav-link);
-webkit-mask-image: url(//pan.thatscommunication.de/wp-content/themes/coco-theme-child/assets/public/images/chevron-arrow-3.svg);
mask-image: url(//pan.thatscommunication.de/wp-content/themes/coco-theme-child/assets/public/images/chevron-arrow-3.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition:
transform 0.2s ease-in-out,
-webkit-transform 0.2s ease-in-out;
}
.dropdown-toggle:focus:after,
.dropdown-toggle:hover:after {
background-color: var(--coco-nav-link-hover);
}
.navbar .nav-item.active > .dropdown-toggle:after {
background-color: var(--coco-nav-link-active, var(--coco-nav-link));
}
.navbar-nav .nav-link.active:after,
.navbar-nav .nav-link.show:after {
background-color: var(--coco-nav-link-hover);
}
.dropdown-toggle.show:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
a.dropdown-toggle.nav-link.show {
text-align: center;
}
@media (min-width: 1200px) {
.navbar .dropdown-menu {
background-color: var(--coco-submenu-bg, var(--bs-dropdown-bg));
border-color: var(--coco-submenu-border-color, var(--bs-dropdown-border-color));
border-width: var(--coco-submenu-border-width, var(--bs-dropdown-border-width));
border-radius: var(--coco-submenu-border-radius, var(--bs-dropdown-border-radius));
margin-top: 20px !important;
}
.navbar .dropdown-menu .dropdown-item {
color: var(--coco-submenu-link, var(--bs-dropdown-link-color));
}
.navbar .dropdown-menu .dropdown-item:focus,
.navbar .dropdown-menu .dropdown-item:hover {
color: var(--coco-submenu-link-hover, var(--bs-dropdown-link-hover-color));
}
.navbar .dropdown-menu li.active > .dropdown-item {
color: var(--coco-submenu-link-active, var(--bs-dropdown-link-active-color));
}
}
@media (max-width: 1199.98px) {
.navbar .dropdown-menu {
position: static;
min-width: 0;
margin: 0;
padding: 0;
background-color: transparent;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
margin-top: 20px !important;
}
.navbar .dropdown-menu li.active > .dropdown-item {
color: var(--coco-nav-link-active, var(--coco-nav-link));
}
}
.navbar-toggler {
border: none !important;
}
.navbar-toggler:focus {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.navbar-toggler .animated-icon {
width: 30px;
height: 22px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}
.navbar-toggler .animated-icon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
background: white;
}
.navbar-toggler .animated-icon span:first-child {
top: 0px;
-webkit-transform-origin: left center;
transform-origin: left center;
}
.navbar-toggler .animated-icon span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
transform-origin: left center;
}
.navbar-toggler .animated-icon span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
transform-origin: left center;
}
.navbar-toggler .animated-icon.open span:first-child {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 5px;
}
.navbar-toggler .animated-icon.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
.navbar-toggler .animated-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 21px;
left: 5px;
}
.vc_tta-container {
margin-bottom: 0 !important;
}
.vc_tta.vc_tta-accordion .vc_tta-panel {
margin: 0 0 1em !important;
border-radius: 10px !important;
background-color: var(--coco-secondary) !important;
scroll-margin-top: calc(var(--navbar-height, 0px) + 6em);
}
.vc_tta.vc_tta-accordion .vc_tta-panel:last-child {
margin-bottom: 0 !important;
}
.vc_tta.vc_tta-accordion .vc_tta-panel-heading,
.vc_tta.vc_tta-accordion .vc_tta-panel-heading:focus,
.vc_tta.vc_tta-accordion .vc_tta-panel-heading:hover {
margin: 0 !important;
background-color: var(--coco-secondary) !important;
border: none !important;
border-radius: 10px !important;
}
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-radius: 10px 10px 0 0 !important;
}
.vc_tta.vc_tta-accordion .vc_tta-panel-title {
-webkit-transition: padding-top 0.35s cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: padding-top 0.35s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title {
padding-top: 0.5em;
}
.vc_tta.vc_tta-accordion .vc_tta-panel-title > a {
padding: 1.5rem 3.5rem 1.5rem 1.75rem !important;
color: var(--coco-h5, inherit) !important;
}
.vc_tta.vc_tta-accordion .vc_tta-panel-body {
background-color: var(--coco-secondary) !important;
border: none !important;
border-radius: 0 0 10px 10px !important;
}
.vc_tta.vc_tta-accordion .vc_tta-panel .vc_tta-panel-body {
padding: 0 1.75rem 1.75rem;
-webkit-transition: padding 0.35s cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: padding 0.35s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_animating .vc_tta-panel-body {
display: block !important;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon {
left: auto !important;
right: 1.5em !important;
width: 1.5em !important;
height: 1.5em !important;
border-radius: 50% !important;
background-color: var(--coco-primary) !important;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon:before {
-webkit-transform: translateY(-50%) scale(0.55) !important;
transform: translateY(-50%) scale(0.55) !important;
border-color: var(--coco-accent) !important;
border-width: 5px 0 0 !important;
border-radius: 40px !important;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon:after {
-webkit-transform: translateX(-50%) scale(0.55) !important;
transform: translateX(-50%) scale(0.55) !important;
border-color: var(--coco-accent) !important;
border-width: 0 0 0 5px !important;
border-radius: 40px !important;
}
blockquote {
position: relative;
margin: 0 !important;
padding: 0 0 0 3.25em;
font-family: "SpecialGothik_Expanded";
}
blockquote:before {
content: "";
position: absolute;
top: 0.15em;
left: 0;
width: 2em;
height: 2em;
background-color: var(--coco-primary);
-webkit-mask-image: url(//pan.thatscommunication.de/wp-content/themes/coco-theme-child/assets/public/images/icon-quote.svg);
mask-image: url(//pan.thatscommunication.de/wp-content/themes/coco-theme-child/assets/public/images/icon-quote.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
blockquote p:last-child {
margin-bottom: 0;
}
.hero-paneuropa {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--coco-primary);
padding: 160px 80px 40px;
min-height: calc(100vh - var(--navbar-height, 0px));
min-height: calc(100svh - var(--navbar-height, 0px));
}
.hero-paneuropa__pattern {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-image: url(//pan.thatscommunication.de/wp-content/themes/coco-theme-child/assets/public/images/hero-pattern.svg);
background-repeat: no-repeat;
background-position: left -60px top -60px;
background-size: auto 240px;
pointer-events: none;
}
.hero-paneuropa__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
gap: 3em;
width: 100%;
max-width: 1280px;
}
.hero-paneuropa__heading {
-ms-flex-item-align: end;
align-self: flex-end;
text-align: right;
font-family: "Special Gothic", sans-serif;
text-transform: uppercase;
font-weight: 800;
line-height: 0.95;
font-size: 3em;
}
.hero-paneuropa__line {
display: block;
color: #fff;
font-family: "SpecialGothik_Expanded", sans-serif;
}
.hero-paneuropa__accent {
display: block;
color: var(--coco-accent);
font-stretch: 100%;
-webkit-animation: hero-accent-grow 3.5s ease-in-out infinite alternate;
animation: hero-accent-grow 3.5s ease-in-out infinite alternate;
}
@-webkit-keyframes hero-accent-grow {
0% {
font-weight: 300;
font-stretch: 100%;
}
to {
font-weight: 800;
font-stretch: 125%;
}
}
@keyframes hero-accent-grow {
0% {
font-weight: 300;
font-stretch: 100%;
}
to {
font-weight: 800;
font-stretch: 125%;
}
}
.hero-paneuropa__quote {
max-width: 420px;
margin: 0;
color: #fff;
font-size: 1em;
line-height: 1.4;
text-align: right;
-ms-flex-item-align: end;
align-self: flex-end;
}
.coco-page-header {
position: relative;
overflow: hidden;
}
.coco-page-header--bg-primary {
background-color: var(--coco-primary);
}
.coco-page-header--bg-secondary {
background-color: var(--coco-secondary);
}
.coco-page-header--bg-accent {
background-color: var(--coco-accent);
}
.coco-page-header--bg-background {
background-color: var(--coco-bg);
}
.coco-page-header--pt-none {
padding-top: 0;
}
.coco-page-header--pt-element {
padding-top: var(--coco-element-gap, 1.5em);
}
.coco-page-header--pt-section-sm {
padding-top: var(--coco-section-spacing-sm, 3em);
}
.coco-page-header--pt-section-lg {
padding-top: var(--coco-section-spacing, 6em);
}
.coco-page-header--pb-none {
padding-bottom: 0;
}
.coco-page-header--pb-element {
padding-bottom: var(--coco-element-gap, 1.5em);
}
.coco-page-header--pb-section-sm {
padding-bottom: var(--coco-section-spacing-sm, 3em);
}
.coco-page-header--pb-section-lg {
padding-bottom: var(--coco-section-spacing, 6em);
}
.coco-page-header__pattern {
position: absolute;
top: 0;
right: 0;
left: auto;
width: 260px;
height: 260px;
background-repeat: no-repeat;
background-position: right -60px top -60px;
background-size: auto 240px;
pointer-events: none;
}
.coco-page-header--pattern-color .coco-page-header__pattern {
background-image: url(//pan.thatscommunication.de/wp-content/themes/coco-theme-child/assets/public/images/hero-pattern.svg);
}
.coco-page-header--pattern-blue .coco-page-header__pattern {
background-image: url(//pan.thatscommunication.de/wp-content/themes/coco-theme-child/assets/public/images/hero-pattern-blue.svg);
}
.coco-page-header__inner {
position: relative;
max-width: var(--coco-content-max-width, 1200px);
margin-left: auto !important;
margin-right: auto !important;
padding-left: min(5%, var(--coco-content-max-width, 1200px) * 0.05);
padding-right: min(5%, var(--coco-content-max-width, 1200px) * 0.05);
}
.coco-box {
position: relative;
overflow: hidden;
border-radius: 10px;
padding: 40px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.coco-box__content p:last-child {
margin-bottom: 0;
}
.coco-box__button {
display: inline-block;
}
.coco-box__stat {
text-align: center;
}
.coco-box__stat-value {
margin-bottom: 0.25em;
font-family: "SpecialGothik_Bold";
font-size: 3.052em;
}
.coco-box__stat-label {
font-size: 0.9rem;
}
.vc_column_container:has(> .vc_column-inner > .wpb_wrapper > .coco-box--stretch) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.vc_column_container:has(> .vc_column-inner > .wpb_wrapper > .coco-box--stretch) > .vc_column-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.vc_column_container:has(> .vc_column-inner > .wpb_wrapper > .coco-box--stretch) > .vc_column-inner > .wpb_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.vc_column_container:has(> .vc_column-inner > .wpb_wrapper > .coco-box--stretch)
> .vc_column-inner
> .wpb_wrapper
> .coco-box--stretch {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
aspect-ratio: var(--coco-box-image-ratio, auto);
}
.coco-box--vcenter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.coco-box--vcenter .coco-box__body {
margin-top: auto;
margin-bottom: auto;
}
.coco-image {
display: block;
}
.coco-numbered-list__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 24px;
margin-bottom: 2em;
}
.coco-numbered-list__item:last-child {
margin-bottom: 0;
}
.coco-numbered-list__number {
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 2ch;
font-weight: 700;
font-family: "SpecialGothik_Medium", sans-serif;
text-align: center;
}
.coco-numbered-list__heading {
margin-bottom: 0.25em;
}
.coco-numbered-list__description p:last-child {
margin-bottom: 0;
}
.coco-person {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.coco-person__image {
display: block;
width: 100%;
height: auto;
}
.coco-person__body {
padding: 24px;
}
.coco-person__title {
margin-bottom: 0.25em;
}
.coco-person__subtitle {
margin-bottom: 1em;
font-size: 0.9rem;
font-family: "SpecialGothik_Medium", sans-serif;
}
.coco-person__content p:last-child {
margin-bottom: 0;
}
.coco-person__button {
display: inline-block;
}
.coco-spacer {
width: 100%;
}
.coco-spacer--element {
height: var(--coco-element-gap, 1.5em);
}
.coco-spacer--section-sm {
height: var(--coco-section-spacing-sm, 3em);
}
.coco-spacer--section-lg {
height: var(--coco-section-spacing, 6em);
}
.alignleft {
float: left;
margin: 0 1.5em 1em 0;
}
.alignright {
float: right;
margin: 0 0 1em 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 1.5em auto;
}
.wp-caption {
max-width: 100%;
}
.wp-caption img {
display: block;
max-width: 100%;
height: auto;
}
.wp-caption .wp-caption-text {
font-size: 0.85em;
margin: 0.5em 0 0;
}
.coco-social-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1em;
}
.coco-social-icons__link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #fff;
font-size: 1.25em;
text-decoration: none;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.coco-social-icons__link:focus,
.coco-social-icons__link:hover {
color: #fff;
text-decoration: none;
opacity: 0.75;
}
.coco-icon-x {
width: 1em;
height: 1em;
}
.coco-blog-overview__sidebar .coco-social-icons__link {
color: #000;
}
.coco-blog-overview__sidebar .coco-social-icons__link:focus,
.coco-blog-overview__sidebar .coco-social-icons__link:hover {
color: var(--coco-hellblau);
opacity: 1;
}
.wp-block-latest-posts__list .wp-block-latest-posts__post-title {
font-weight: 400 !important;
}
.pan-blog-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 2em;
margin-bottom: var(--coco-section-spacing-sm, 3em);
}
@media (min-width: 768px) {
.pan-blog-grid {
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.pan-blog-grid {
-ms-grid-columns: 1fr 0 1fr 0 1fr;
grid-template-columns: repeat(3, 1fr);
gap: 0;
}
}
.pan-blog-grid .coco-blog-card {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
@media (min-width: 992px) {
.pan-blog-grid .coco-blog-card {
padding-left: 5%;
padding-right: 5%;
}
}
.pan-blog-grid .coco-blog-card__image {
width: 100%;
aspect-ratio: 4/3;
}
.pan-blog-grid .coco-blog-card__body {
width: 100%;
}
.footer-top {
width: 100%;
background: var(--coco-footer-top-bg, transparent);
}
.footer-top-inner {
padding-left: 5%;
padding-right: 5%;
padding-top: var(--coco-section-spacing-sm, 3em);
padding-bottom: var(--coco-section-spacing-sm, 3em);
}
.footer-top-inner h3 {
font-family: "SpecialGothik_Expanded" !important;
}
.footer-top .vc_btn3-style-coco-newsletter {
text-decoration: none;
}
.footer-top .vc_btn3-style-coco-newsletter:focus,
.footer-top .vc_btn3-style-coco-newsletter:hover {
text-decoration: none;
}
.footer-main {
position: relative;
z-index: 1060 !important;
width: 100%;
background: var(--coco-footer-main-bg, #393838);
}
.footer-main-inner {
width: 100%;
padding-top: var(--coco-section-spacing-sm, 3em);
padding-bottom: var(--coco-section-spacing-sm, 3em);
padding-left: 5%;
padding-right: 5%;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 50px;
}
.footer-main .widget_nav_menu ul,
.footer-top .widget_nav_menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-main .widget_nav_menu li,
.footer-top .widget_nav_menu li {
list-style: none;
}
.tribe-common,
.tribe-common * {
font-family: inherit !important;
}
.single-tribe_events,
.single-tribe_events * {
font-family: inherit !important;
}
.tribe-common .tribe-common-h1 {
font-size: max(var(--coco-h1-size, 2.5rem), 18px);
}
.tribe-common .tribe-common-h2 {
font-size: max(var(--coco-h2-size, 2rem), 18px);
}
.tribe-common .tribe-common-h3 {
font-size: max(var(--coco-h3-size, 1.75rem), 18px);
}
.tribe-common .tribe-common-h4 {
font-size: max(var(--coco-h4-size, 1.5rem), 18px);
}
.tribe-common .tribe-common-h5 {
font-size: max(var(--coco-h5-size, 1.25rem), 18px);
}
.tribe-common .tribe-common-h6,
.tribe-common .tribe-common-h7 {
font-size: 18px;
}
.tribe-common .tribe-common-b1,
.tribe-common .tribe-common-b2,
.tribe-common .tribe-common-b3,
.tribe-common .tribe-common-h8 {
font-size: 18px !important;
}
.tribe-events-calendar-list .tribe-events-calendar-list__event-row {
margin-bottom: var(--coco-element-gap, 1.5em);
padding-bottom: var(--coco-element-gap, 1.5em);
border-bottom: 1px solid var(--coco-submenu-border-color, rgba(231, 232, 232, 0.5));
}
.tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag {
color: var(--coco-accent);
font-size: max(var(--coco-h5-size, 1.25rem), 18px);
}
.tribe-events-calendar-list .tribe-events-calendar-list__event-datetime {
color: var(--coco-body-color, var(--coco-text));
font-size: max(var(--coco-body-size, 1rem), 18px);
}
.tribe-events-calendar-list .tribe-events-calendar-list__event-title {
margin-bottom: 0.25em;
}
.tribe-events-calendar-list .tribe-events-calendar-list__event-title-link {
color: var(--coco-h3, var(--coco-text));
font-size: max(var(--coco-h3-size, 1.75rem), 18px);
}
.tribe-events-calendar-list .tribe-events-calendar-list__event-title-link:focus,
.tribe-events-calendar-list .tribe-events-calendar-list__event-title-link:hover {
color: var(--coco-link-hover);
}
.tribe-events-calendar-list .tribe-events-calendar-list__event-image {
display: block;
overflow: hidden;
}
.tribe-events-calendar-list .tribe-events-calendar-list__event-organizer,
.tribe-events-calendar-list .tribe-events-calendar-list__event-venue {
color: var(--coco-body-color, var(--coco-text));
font-size: max(var(--coco-body-size, 1rem), 18px);
}
.tribe-events-calendar-list .tribe-events-calendar-list__event-description {
color: var(--coco-body-color, var(--coco-text));
font-size: max(var(--coco-body-size, 1rem), 18px);
}
.tribe-events-calendar-list .tribe-events-calendar-list__event-description p:last-child {
margin-bottom: 0;
}
.tribe-events-calendar-list .tribe-events-c-messages__message-notice,
.tribe-events-calendar-list .tribe-events-c-messages__message-warning {
color: var(--coco-text);
font-size: max(var(--coco-body-size, 1rem), 18px);
}
.tribe-events-calendar-list .tribe-events-c-events-bar__search-button,
.tribe-events-calendar-list .tribe-events-c-nav__next,
.tribe-events-calendar-list .tribe-events-c-nav__prev,
.tribe-events-calendar-list .tribe-events-c-search__button,
.tribe-events-calendar-list .tribe-events-c-top-bar__datepicker-button,
.tribe-events-calendar-list .tribe-events-c-view-selector__button {
background-color: var(--coco-primary);
border-color: var(--coco-primary);
color: #fff;
font-size: max(var(--coco-button-size, 1rem), 18px);
}
.tribe-events-calendar-list .tribe-events-c-events-bar__search-button:focus,
.tribe-events-calendar-list .tribe-events-c-events-bar__search-button:hover,
.tribe-events-calendar-list .tribe-events-c-nav__next:focus,
.tribe-events-calendar-list .tribe-events-c-nav__next:hover,
.tribe-events-calendar-list .tribe-events-c-nav__prev:focus,
.tribe-events-calendar-list .tribe-events-c-nav__prev:hover,
.tribe-events-calendar-list .tribe-events-c-search__button:focus,
.tribe-events-calendar-list .tribe-events-c-search__button:hover,
.tribe-events-calendar-list .tribe-events-c-top-bar__datepicker-button:focus,
.tribe-events-calendar-list .tribe-events-c-top-bar__datepicker-button:hover,
.tribe-events-calendar-list .tribe-events-c-view-selector__button:focus,
.tribe-events-calendar-list .tribe-events-c-view-selector__button:hover {
background-color: var(--coco-secondary);
border-color: var(--coco-secondary);
}
.tribe-events-calendar-list .tribe-events-c-nav__next-label {
font-size: 18px !important;
text-transform: none !important;
}
.tribe-events-calendar-list .tribe-events-c-nav__prev-label {
text-transform: none !important;
}
@media (max-width: 767.98px) {
.tribe-events-calendar-list .tribe-events-calendar-list__event-row {
padding-bottom: 1em;
margin-bottom: 1em;
}
}
.tribe-events-c-nav__list-item.tribe-events-c-nav__list-item--next a,
.tribe-events-c-nav__list-item.tribe-events-c-nav__list-item--next button {
text-transform: none !important;
}
.tribe-events .tribe-events-calendar-list-nav {
border-top: none !important;
}
.tribe-common .tribe-common-c-btn-border,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small,
.tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small,
.tribe-events .tribe-events-c-search__button,
.tribe-events button.tribe-events-c-search__button {
background-color: transparent;
color: var(--coco-hellblau);
border: 2px solid var(--coco-hellblau) !important;
border-radius: 40px;
padding: 7px 22px;
font-size: max(var(--coco-button-size, 1rem), 18px);
font-family: "SpecialGothik_Medium" !important;
text-transform: uppercase;
}
.tribe-common .tribe-common-c-btn-border:hover,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small:hover,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border:hover,
.tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small:hover,
.tribe-events .tribe-events-c-search__button:hover,
.tribe-events button.tribe-events-c-search__button:hover {
background-color: var(--coco-hellblau) !important;
color: white;
border: 2px solid var(--coco-hellblau) !important;
border-radius: 40px;
padding: 7px 22px;
font-size: max(var(--coco-button-size, 1rem), 18px);
font-family: "SpecialGothik_Medium" !important;
text-transform: uppercase;
}
.tribe-common .tribe-common-c-btn-border svg.tribe-common-c-svgicon--cal-export {
-webkit-filter: invert(33%) sepia(98%) saturate(2533%) hue-rotate(193deg) brightness(94%) contrast(99%);
filter: invert(33%) sepia(98%) saturate(2533%) hue-rotate(193deg) brightness(94%) contrast(99%);
}
.tribe-common .tribe-common-c-btn-border:hover svg.tribe-common-c-svgicon--cal-export {
-webkit-filter: invert(1);
filter: invert(1);
}
.tribe-common .tribe-common-c-btn-border:focus,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small:focus,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border:focus,
.tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small:focus,
.tribe-events .tribe-events-c-search__button:hover,
.tribe-events button.tribe-events-c-search__button:focus {
background-color: var(--coco-hellblau);
color: white;
border: 2px solid var(--coco-hellblau) !important;
border-radius: 40px;
padding: 7px 22px;
outline: none !important;
font-size: max(var(--coco-button-size, 1rem), 18px);
font-family: "SpecialGothik_Medium" !important;
text-transform: uppercase;
}
.tribe-events .tribe-events-calendar-list__event-featured-image {
border-radius: 10px !important;
}
.tribe-events-event-image img {
border-radius: 10px !important;
}
.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input {
font-size: 1em;
}
.tribe-events .tribe-events-c-view-selector__content {
background-color: transparent;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar {
border-radius: 10px;
background-color: transparent;
}
.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content {
background-color: transparent;
}
.tribe-events .tribe-events-c-events-bar__search-container {
background: white !important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border {
border: 1px solid var(--coco-secondary);
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
@media (max-width: 767.98px) {
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button {
margin-bottom: 1rem;
}
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
padding-bottom: 0 !important;
}
.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input::-webkit-input-placeholder {
color: black;
}
.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input::-moz-placeholder {
color: black;
}
.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input:-ms-input-placeholder {
color: black;
}
.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input::-ms-input-placeholder {
color: black;
}
.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input,
.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input::placeholder,
.tribe-events .tribe-events-c-search__input-control-icon-svg {
color: black;
}
.tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-text {
font-size: 18px;
font-weight: 400;
}
.tribe-events-c-events-bar__views,
.tribe-events-c-view-selector__list-item-link {
display: none !important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar__search-container {
margin-right: 20px !important;
}
.tribe-events
.tribe-common-c-btn-icon--caret-left.tribe-events-c-top-bar__nav-link--prev
.tribe-common-c-btn-icon__icon-svg
path {
color: black;
}
.tribe-common a {
color: black;
}
.tribe-events button.tribe-events-c-top-bar__datepicker-button {
font-size: 18px !important;
}
.tribe-events .datepicker .day.active {
background: var(--coco-hellblau) !important;
}
.tribe-events-calendar-list__month-separator h3 {
line-height: 0;
}
.tribe-events .tribe-events-calendar-list__month-separator:after {
background-color: var(--coco-secondary);
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium {
font-size: 18px;
}
@media (min-width: 768px) {
.tribe-events .tribe-events-c-events-bar__search-container {
background: transparent !important;
}
}
.pan-events-overview--jugend .tribe-events-header__breadcrumbs.tribe-events-c-breadcrumbs,
.pan-events-overview--jugend .tribe-events-header__title {
display: none;
}
.tribe-events-c-nav__list button {
text-transform: none !important;
}
.pan-events-overview {
max-width: var(--coco-content-max-width, 1200px);
padding-top: 0;
padding-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: var(--coco-section-spacing-sm);
--tec-grid-gutter-page: 5%;
}
.pan-events-overview__sidebar {
margin-top: 3em;
}
@media (min-width: 992px) {
.pan-events-overview__sidebar {
margin-top: 0;
}
}
.pan-events-overview__sidebar .widget {
margin-bottom: 1.5em;
padding: 1.5em;
border-radius: 10px;
background-color: var(--coco-bg, #fff);
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.pan-events-overview__sidebar .widget-title {
margin-bottom: 1em;
font-size: 0.9rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--coco-primary, #000);
}
.pan-events-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.5em;
}
.pan-events-card {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
overflow: hidden;
border-radius: 10px;
}
@media (max-width: 767.98px) {
.pan-events-card {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.pan-events-card__image {
position: relative;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 35%;
overflow: hidden;
background-color: var(--coco-secondary, #393838);
}
.pan-events-card__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767.98px) {
.pan-events-card__image {
width: 100%;
aspect-ratio: 4/3;
}
}
.pan-events-card__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 65%;
padding: 1.5em !important;
background: var(--coco-secondary);
}
@media (max-width: 767.98px) {
.pan-events-card__body {
width: 100%;
}
}
.pan-events-card--next-event .pan-events-card__body {
background: #fff;
}
.pan-events-card__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.5em;
margin-bottom: 0.5em !important;
font-size: max(var(--coco-body-size, 1rem), 14px);
color: var(--coco-body-color, var(--coco-text));
}
.pan-events-card__meta span:not(:last-child):after {
content: "·";
margin-left: 0.5em;
color: rgba(231, 232, 232, 0.5);
}
.pan-events-card__date-badge {
position: absolute;
z-index: 1;
top: 1em;
left: 1em;
display: inline-block;
padding: 0.25em 0.9em !important;
border-radius: 999px;
font-size: 0.8rem;
text-decoration: none;
background-color: #fed400;
border: none;
color: #284488;
font-family: "SpecialGothik_Medium" !important;
font-weight: 400;
text-transform: uppercase;
}
.pan-events-card__title {
margin-bottom: 0.5em !important;
font-family: "SpecialGothik_Medium" !important;
}
.pan-events-card__title a {
color: var(--coco-h3, var(--coco-text));
text-decoration: none;
}
.pan-events-card__title a:focus,
.pan-events-card__title a:hover {
color: var(--coco-link-hover);
}
.pan-events-card__excerpt {
margin-bottom: 1.25em !important;
color: var(--coco-body-color, var(--coco-text));
font-size: max(var(--coco-body-size, 1rem), 18px);
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.pan-events-card__excerpt p:last-child {
margin-bottom: 0 !important;
}
.pan-events-card__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1em;
margin-top: auto !important;
}
.pan-events-card__category {
font-size: 0.9rem;
color: black;
}
.pan-events-card__cta {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5em;
margin-left: auto !important;
font-weight: 400;
text-decoration: none;
text-transform: uppercase;
color: var(--coco-hellblau);
white-space: nowrap;
font-family: "SpecialGothik_Medium" !important;
}
.pan-events-card__cta:focus,
.pan-events-card__cta:hover {
color: var(--coco-primary);
}
.coco-quickbar {
position: fixed;
left: 20px;
bottom: 20px;
z-index: 1050;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.coco-quickbar__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 56px;
max-width: 56px;
border-radius: 28px;
overflow: hidden;
background-color: var(--coco-primary);
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
text-decoration: none;
-webkit-transition: max-width 0.3s ease;
transition: max-width 0.3s ease;
}
.coco-quickbar__item:focus-within,
.coco-quickbar__item:hover {
max-width: 280px;
}
.coco-quickbar__item:focus-within .coco-quickbar__label,
.coco-quickbar__item:hover .coco-quickbar__label {
opacity: 1;
}
.coco-quickbar__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 56px;
flex: 0 0 56px;
width: 56px;
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.coco-quickbar__icon img {
width: 26px;
height: 26px;
-o-object-fit: contain;
object-fit: contain;
}
.coco-quickbar__label {
white-space: nowrap;
padding-right: 20px;
color: #284488;
font-size: 0.9rem;
opacity: 0;
-webkit-transition: opacity 0.2s ease 0.05s;
transition: opacity 0.2s ease 0.05s;
font-family: "SpecialGothik_Medium";
}
@media (max-width: 767.98px) {
.coco-quickbar {
left: 12px;
bottom: 12px;
gap: 8px;
}
.coco-quickbar__icon {
height: 48px;
width: 48px;
-ms-flex-preferred-size: 48px;
flex-basis: 48px;
}
.coco-quickbar__item {
height: 48px;
max-width: 48px;
border-radius: 24px;
}
.coco-quickbar__item:focus-within,
.coco-quickbar__item:hover {
max-width: 240px;
}
}
.coco-blog-overview__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.5em;
margin-bottom: 2.5em;
}
.coco-blog-overview__inner.container {
max-width: 1606px;
margin-left: auto;
margin-right: auto;
margin-bottom: var(--coco-section-spacing-sm);
padding-left: 5%;
padding-right: 5%;
}
.coco-author-archive {
margin-top: var(--coco-section-spacing-sm, 3em);
}
.coco-blog-overview__sidebar {
margin-top: 3em;
}
@media (min-width: 992px) {
.coco-blog-overview__sidebar {
margin-top: 0;
}
}
.coco-blog-overview__sidebar #sidebar-right {
overflow: hidden;
border-radius: 10px;
background-color: var(--coco-secondary, #fff);
}
.coco-blog-overview__sidebar .widget {
position: relative;
padding: 1.5em;
background-color: var(--coco-secondary, #fff);
}
.coco-blog-overview__sidebar .widget:not(:last-child) {
margin-bottom: var(--coco-element-gap, 1.5em);
}
.coco-blog-overview__sidebar .widget:not(:last-child):after {
content: "";
position: absolute;
left: 1em;
right: 1em;
bottom: calc(var(--coco-element-gap, 1.5em) / -2);
border-bottom: 2px solid rgba(40, 68, 136, 0.5019607843);
}
.coco-blog-overview__sidebar .widget-title {
margin-bottom: 1em;
font-size: 0.9rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
color: black;
}
.coco-blog-overview__sidebar .wp-block-search .wp-block-search__inside-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 0.75em;
border: none;
}
.coco-blog-overview__sidebar .wp-block-search .wp-block-search__input {
width: 100%;
margin: 0;
padding: 0.6em 1em;
border: 1px solid var(--coco-secondary, #e0e0e0);
border-radius: 10px;
font-size: 0.9rem;
}
.coco-blog-overview__sidebar .wp-block-search .wp-block-search__button {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 0;
font-size: 0.8rem;
padding: 8px;
}
.coco-blog-overview__sidebar .widget_categories ul {
list-style: none;
margin: 0;
padding: 0;
}
.coco-blog-overview__sidebar .widget_categories ul li {
border-bottom: 1px solid rgba(231, 232, 232, 0.5);
padding: 0.6em 0;
}
.coco-blog-overview__sidebar .widget_categories ul li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.coco-blog-overview__sidebar .widget_categories ul li:first-child {
padding-top: 0;
}
.coco-blog-overview__sidebar .widget_categories ul a {
color: var(--coco-link, #000);
text-decoration: none;
}
.coco-blog-overview__sidebar .widget_categories ul a:focus,
.coco-blog-overview__sidebar .widget_categories ul a:hover {
color: var(--coco-link-hover, #393838);
}
.coco-blog-overview__sidebar .widget_categories ul a.is-active {
font-weight: 700;
color: var(--coco-link-hover, #393838);
}
.coco-blog-overview__sidebar .widget_recent_entries ul {
list-style: none;
margin: 0;
padding: 0;
}
.coco-blog-overview__sidebar .widget_recent_entries ul li {
border-bottom: 1px solid rgba(231, 232, 232, 0.5);
padding: 0.6em 0;
}
.coco-blog-overview__sidebar .widget_recent_entries ul li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.coco-blog-overview__sidebar .widget_recent_entries ul li:first-child {
padding-top: 0;
}
.coco-blog-overview__sidebar .widget_recent_entries ul a {
display: block;
margin-bottom: 0.25em;
color: var(--coco-link, #000);
font-weight: 600;
text-decoration: none;
}
.coco-blog-overview__sidebar .widget_recent_entries ul a:focus,
.coco-blog-overview__sidebar .widget_recent_entries ul a:hover {
color: var(--coco-link-hover, #393838);
}
.coco-blog-overview__sidebar .widget_recent_entries ul .post-date {
font-size: 0.8rem;
color: var(--coco-secondary, #6c6c6c);
}
.coco-blog-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
border-radius: 10px;
background-color: var(--coco-bg, #fff);
}
@media (min-width: 992px) {
.coco-blog-card {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
.coco-blog-card__image {
position: relative;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
aspect-ratio: 4/3;
overflow: hidden;
background-color: var(--coco-secondary, #393838);
}
@media (min-width: 992px) {
.coco-blog-card__image {
width: 35%;
aspect-ratio: auto;
}
}
.coco-blog-card__image-link {
display: block;
width: 100%;
height: 100%;
}
.coco-blog-card__image-link img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.coco-blog-card__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.5em;
background: var(--coco-secondary);
}
@media (min-width: 992px) {
.coco-blog-card__body {
width: 65%;
}
}
.pan-blog-grid .coco-blog-card__image {
border-radius: 10px 10px 0 0;
}
.pan-blog-grid .coco-blog-card__body {
border-radius: 0 0 10px 10px;
}
.coco-blog-card__categories {
position: absolute;
z-index: 1;
top: 1em;
left: 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.5em;
list-style: none;
margin: 0;
padding: 0;
}
.coco-blog-card__category {
display: inline-block;
padding: 0.25em 0.9em;
padding-top: 0.29em;
border-radius: 999px;
font-size: 0.8rem;
text-decoration: none;
background-color: #fed400;
border: 1px solid rgba(255, 255, 255, 0.6);
color: #284488;
font-family: "SpecialGothik_Medium";
border: none;
font-weight: 400;
text-transform: uppercase;
}
.coco-blog-card__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1em;
margin-bottom: 0.5em;
font-size: 0.85rem;
color: black;
}
.coco-blog-card__protected {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4em;
text-decoration: none;
color: inherit;
font-size: 0.85rem;
}
.coco-blog-card__protected i {
color: var(--coco-hellblau);
}
.coco-blog-card__title {
margin-bottom: 0.5em;
}
.coco-blog-card__title a {
color: inherit;
text-decoration: none;
}
.coco-blog-card__excerpt {
margin-bottom: 1.25em;
color: black;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.coco-blog-card__excerpt p:last-child {
margin-bottom: 0;
}
.coco-blog-card__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1em;
margin-top: auto;
}
.coco-blog-card__author {
font-size: 0.9rem;
color: black;
}
.coco-blog-card__cta {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5em;
font-weight: 400;
text-decoration: none;
color: var(--coco-hellblau);
white-space: nowrap;
text-transform: uppercase;
}
.coco-blog-card__cta:focus,
.coco-blog-card__cta:hover {
color: var(--coco-primary);
}
.coco-blog-overview__pagination {
margin-bottom: var(--coco-element-gap, 1.5em);
}
.coco-blog-overview__pagination .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.5em;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.coco-blog-overview__pagination .page-numbers {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 2.5em;
height: 2.5em;
padding: 0 0.5em;
border-radius: 40px;
text-decoration: none;
color: var(--coco-primary, #000);
background-color: var(--coco-secondary, #fff);
border: none;
font-family: "SpecialGothik_Medium";
}
.coco-blog-overview__pagination .page-numbers.current {
background-color: var(--coco-primary, #000);
border-color: var(--coco-primary, #000);
color: #fff;
}
.coco-blog-overview__pagination .page-numbers:focus:not(.current),
.coco-blog-overview__pagination .page-numbers:hover:not(.current) {
background-color: var(--coco-primary, #000);
border-color: var(--coco-primary, #000);
color: #fff;
}
.coco-blog-overview__pagination .page-numbers.dots {
border: none;
}
.coco-blog-overview__pagination .page-numbers.next,
.coco-blog-overview__pagination .page-numbers.prev {
padding-left: 20px;
padding-right: 20px;
}
.coco-blog-overview__title {
color: #fff;
margin-bottom: 0;
}
.coco-blog-overview__authors.container {
max-width: 1606px;
margin-left: auto;
margin-right: auto;
margin-top: var(--coco-section-spacing-sm, 3em);
margin-bottom: var(--coco-section-spacing-sm, 3em);
padding-left: 5%;
padding-right: 5%;
}
.coco-blog-overview__authors-title {
max-width: var(--coco-content-max-width, 1200px);
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
text-align: center;
}
.coco-blog-overview__authors-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
gap: 2em;
}
@media (min-width: 768px) {
.coco-blog-overview__authors-list {
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.coco-blog-overview__authors-list {
-ms-grid-columns: (1fr) [3];
grid-template-columns: repeat(3, 1fr);
}
}
.coco-author-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1em;
padding: 1.25em;
border-radius: 10px;
background-color: var(--coco-secondary, #fff);
}
@media (min-width: 1200px) {
.coco-author-card {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.coco-author-card {
text-align: left;
color: inherit;
text-decoration: none;
}
.coco-author-card:focus .coco-author-card__name,
.coco-author-card:hover .coco-author-card__name {
color: #0276d6;
}
.coco-author-card__avatar {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 112px;
height: 112px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.coco-author-card__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.coco-author-card__name {
margin: 0 0 10px;
color: black;
}
.coco-author-card__bio {
margin-top: 0.25em;
font-size: 0.85rem;
color: rgba(0, 0, 0, 0.6);
}
.coco-blog-single {
max-width: 1606px !important;
margin-left: auto;
margin-right: auto;
padding-left: 5% !important;
padding-right: 5% !important;
}
.coco-single__categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.5em;
margin-bottom: 0.75em;
}
.coco-single__categories-extra {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.5em;
}
.coco-single__title {
margin-bottom: 0.5em;
text-transform: uppercase;
}
.coco-single__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.5em;
padding-top: 1em;
border-top: 1px solid rgba(231, 232, 232, 0.5);
font-size: 1rem;
color: black;
}
.coco-single__meta-author {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.6em;
margin: 0;
font-size: 1rem;
font-weight: inherit;
font-family: "SpecialGothik";
}
.coco-single__meta-date {
font-family: "SpecialGothik";
}
.coco-single__thumbnail {
max-width: 800px;
margin-top: var(--coco-element-gap, 1.5em);
margin-bottom: 0;
border-radius: 10px;
overflow: hidden;
text-align: left;
}
.coco-single__thumbnail img {
width: 100%;
aspect-ratio: 1200/900;
-o-object-fit: cover;
object-fit: cover;
}
.coco-single__body h2 {
margin-top: 1.5em;
margin-bottom: 0.75em;
text-transform: uppercase;
font-weight: 700;
}
.coco-single__body p {
margin-bottom: 1.25em;
}
.coco-single__body ol,
.coco-single__body ul {
margin-bottom: 1.25em;
padding-left: 1.25em;
}
.coco-single__body ol li,
.coco-single__body ul li {
margin-bottom: 0.5em;
}
.coco-single__related-list {
list-style: none;
margin: 0;
padding: 0;
}
.coco-single__related-list li {
border-bottom: 1px solid rgba(231, 232, 232, 0.5);
padding: 0.75em 0;
}
.coco-single__related-list li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.coco-single__related-list li:first-child {
padding-top: 0;
}
.coco-single__related-title {
display: block;
margin-bottom: 0.25em;
font-weight: 600;
color: var(--coco-primary, #000);
}
.coco-single__related-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4em;
font-size: 0.85rem;
text-decoration: none;
color: var(--coco-hellblau);
}
.coco-single__related-link:focus,
.coco-single__related-link:hover {
color: var(--coco-primary);
}
.coco-single__share-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.75em;
margin-top: 3em;
}
.coco-single__back-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5em;
text-decoration: none;
font-weight: 600;
color: var(--coco-primary, #000);
}
.coco-single__back-link:focus,
.coco-single__back-link:hover {
color: var(--coco-hellblau);
}
.coco-single__author-box {
max-width: var(--coco-content-max-width, 1200px);
margin-top: 2em;
margin-left: auto;
margin-right: auto;
padding: 1.5em;
border-radius: 10px;
background-color: var(--coco-secondary, #fff);
}
.coco-single__author-box-heading {
margin-bottom: 1em;
}
.coco-single__author-box-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.25em;
}
.coco-single__author-box-content img {
border-radius: 50%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.coco-single__author-box-name {
display: block;
margin-bottom: 0.5em;
}
#tribe-events-pg-template {
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
}
.coco-single__inner {
max-width: var(--coco-content-max-width, 1200px);
margin-top: var(--coco-section-spacing-sm, 3em);
margin-bottom: var(--coco-section-spacing-sm, 3em);
margin-left: auto;
margin-right: auto;
padding-left: min(5%, var(--coco-content-max-width, 1200px) * 0.05);
padding-right: min(5%, var(--coco-content-max-width, 1200px) * 0.05);
}
.coco-event-single__tickets:empty {
display: none;
}
.coco-event-single__tickets:not(:empty) {
margin-top: 0;
}
.coco-event-single__back {
margin-top: 2rem;
margin-bottom: 0 !important;
}
.coco-event-single__back a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5em;
text-decoration: none;
font-weight: 600;
color: var(--coco-primary, #000);
}
.coco-event-single__back a:focus,
.coco-event-single__back a:hover {
color: var(--coco-hellblau);
}
.coco-event-single__details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--coco-element-gap, 1.5em);
margin-top: var(--coco-section-spacing-sm, 3em);
}
.coco-event-single__details-group {
padding: 1.5em;
border-radius: 10px;
background-color: var(--coco-secondary, #fff);
}
.coco-event-single__details-title {
margin-bottom: 1em;
font-size: 1.125rem;
text-transform: uppercase;
}
.coco-event-single__details-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.75em;
list-style: none;
margin: 0;
padding: 0;
}
.coco-event-single__details-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.25em;
}
.coco-event-single__details-label {
font-weight: 600;
color: black;
}
.coco-event-single__details-value {
color: black;
}
.coco-event-single__details-address {
color: black;
white-space: pre-line;
}
.coco-event-single__details-link {
color: var(--coco-hellblau);
text-decoration: none;
word-break: break-word;
}
.coco-event-single__details-link:focus,
.coco-event-single__details-link:hover {
color: var(--coco-primary);
}
.coco-event-single__map {
margin-top: 1.25em;
border-radius: 10px;
overflow: hidden;
}
.coco-event-single__map iframe {
display: block;
width: 100%;
border: 0;
}
#rsvp-now {
padding: 1.5em;
border-radius: 10px;
background-color: var(--coco-secondary, #fff);
}
#rsvp-now .tribe-tickets__rsvp-wrapper {
margin-top: 0 !important;
}
.coco-event-single__tickets .tribe-link-view-attendee {
display: none !important;
}
.event-tickets .tribe-tickets__rsvp-wrapper {
max-width: none !important;
}
#rsvp-now .tribe-tickets__rsvp {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.5em;
}
#rsvp-now .tribe-tickets__rsvp-details-wrapper {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 260px !important;
flex: 1 1 260px !important;
}
#rsvp-now .tribe-tickets__rsvp-actions-wrapper {
-webkit-box-flex: 0 !important;
-ms-flex: 0 1 auto !important;
flex: 0 1 auto !important;
}
.event-tickets .tribe-tickets__rsvp-actions-wrapper {
border-left: 1px solid black !important;
}
#rsvp-now .tribe-tickets__rsvp-title {
margin-bottom: 0.25em;
font-size: max(var(--coco-h4-size, 1.5rem), 20px) !important;
color: var(--coco-h4, var(--coco-text));
}
#rsvp-now .tribe-tickets__rsvp-description {
margin-bottom: 0.75em;
font-size: max(var(--coco-body-size, 1rem), 16px) !important;
color: var(--coco-body-color, var(--coco-text));
}
#rsvp-now .tribe-tickets__rsvp-description p:last-child {
margin-bottom: 0;
}
#rsvp-now .tribe-tickets__rsvp-attendance {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
gap: 0.4em;
}
#rsvp-now .tribe-tickets__rsvp-attendance-number {
font-size: 26px !important;
font-weight: 700;
color: var(--coco-primary, #000);
}
#rsvp-now .tribe-tickets__rsvp-attendance-going,
#rsvp-now .tribe-tickets__rsvp-availability {
font-size: max(var(--coco-body-size, 1rem), 14px) !important;
color: var(--coco-body-color, var(--coco-text));
}
#rsvp-now .tribe-tickets__rsvp-availability {
margin-top: 0.25em !important;
}
#rsvp-now .tribe-tickets__rsvp-actions-rsvp > span {
display: block;
margin-bottom: 0.5em;
font-size: max(var(--coco-body-size, 1rem), 14px) !important;
font-weight: 600;
color: var(--coco-text, #000);
text-align: left;
}
.event-tickets .tribe-tickets__rsvp-actions .tribe-common-c-btn {
max-width: none !important;
}
#rsvp-now button.tribe-common-c-btn {
padding: 0.6em 1.75em !important;
border: none !important;
border-radius: 40px !important;
background-color: var(--coco-hellblau) !important;
background-image: none !important;
color: #fff !important;
font-family: "SpecialGothik_Medium" !important;
font-size: max(var(--coco-button-size, 1rem), 16px) !important;
text-transform: uppercase;
}
#rsvp-now button.tribe-common-c-btn:focus,
#rsvp-now button.tribe-common-c-btn:hover {
background-color: var(--coco-primary) !important;
}
#rsvp-now button.tribe-common-c-btn.tribe-tickets__rsvp-form-button,
#rsvp-now button.tribe-tickets__rsvp-actions-button-going,
#rsvp-now button.tribe-tickets__rsvp-actions-button-not-going {
background-color: transparent !important;
color: var(--coco-hellblau) !important;
border: 2px solid var(--coco-hellblau) !important;
}
#rsvp-now button.tribe-common-c-btn.tribe-tickets__rsvp-form-button:focus,
#rsvp-now button.tribe-common-c-btn.tribe-tickets__rsvp-form-button:hover,
#rsvp-now button.tribe-tickets__rsvp-actions-button-going:focus,
#rsvp-now button.tribe-tickets__rsvp-actions-button-going:hover,
#rsvp-now button.tribe-tickets__rsvp-actions-button-not-going:focus,
#rsvp-now button.tribe-tickets__rsvp-actions-button-not-going:hover {
background-color: var(--coco-hellblau) !important;
color: #fff !important;
}
#rsvp-now input[type="email"],
#rsvp-now input[type="tel"],
#rsvp-now input[type="text"] {
width: 100%;
padding: 0.6em 1em;
margin-bottom: 0.75em;
border: 1px solid var(--coco-secondary-border, #e0e0e0);
border-radius: 10px;
font-size: max(var(--coco-body-size, 1rem), 16px);
color: var(--coco-text, #000);
}
#rsvp-now label {
display: block;
margin-bottom: 0.4em;
font-size: max(var(--coco-body-size, 1rem), 14px);
font-weight: 600;
}
@media (max-width: 767.98px) {
#rsvp-now .tribe-tickets__rsvp {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.tribe-tickets__rsvp-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.event-tickets .tribe-tickets__rsvp-actions-wrapper {
border-left: none !important;
}
.event-tickets .tribe-tickets__rsvp-form-buttons {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.event-tickets .tribe-tickets__rsvp-form-buttons > * {
margin-left: 0 !important;
}
}
.event-tickets .tec-tickets__attendees-list-item-attendee-details,
.tribe-common .tec-tickets__attendees-list-item-attendee-details {
-ms-flex-item-align: start !important;
-ms-grid-row-align: start !important;
align-self: start !important;
}
.event-tickets .tribe-tickets__rsvp-actions-success-going-check-icon {
background-color: var(--coco-hellblau) !important;
}
.wpdm-download-link.btn.btn-primary {
background-color: transparent !important;
border: 2px solid var(--coco-hellblau, #0276d6) !important;
color: var(--coco-hellblau, #0276d6) !important;
border-radius: 40px !important;
padding: 10px 28px !important;
text-transform: uppercase !important;
font-family: "SpecialGothik_Medium" !important;
}
.wpdm-download-link.btn.btn-primary:focus,
.wpdm-download-link.btn.btn-primary:hover {
background-color: var(--coco-hellblau, #0276d6) !important;
color: #ffffff !important;
}
.package-title a {
text-decoration: none;
}
.package-title a:focus,
.package-title a:hover {
text-decoration: none;
}
.coco-pmpro-teaser {
position: relative;
}
.coco-pmpro-teaser:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 6em;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(85%, #fff));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 85%);
pointer-events: none;
}
.pmpro_content_message.pmpro_card {
--pmpro--color--accent: #000;
background-color: var(--coco-secondary, #393838);
border: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #000;
}
.pmpro_content_message.pmpro_card .pmpro_card_actions,
.pmpro_content_message.pmpro_card .pmpro_card_actions a,
.pmpro_content_message.pmpro_card .pmpro_card_content,
.pmpro_content_message.pmpro_card .pmpro_card_title {
color: #000;
font-weight: 400 !important;
}
.pmpro_content_message.pmpro_card .vc_btn3-style-coco-secondarybutton {
text-decoration: none;
}
.pmpro_content_message.pmpro_card .vc_btn3-style-coco-secondarybutton:focus,
.pmpro_content_message.pmpro_card .vc_btn3-style-coco-secondarybutton:hover {
text-decoration: none;
}
.pmpro_content_message.pmpro_card .pmpro_card_content p:last-of-type {
margin-top: 2em;
}
.pmpro_card:not(.pmpro_content_message) {
--pmpro--color--accent: #000;
background-color: var(--coco-secondary, #393838);
border: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #000;
}
.pmpro_card:not(.pmpro_content_message) .pmpro_card_actions,
.pmpro_card:not(.pmpro_content_message) .pmpro_card_actions a,
.pmpro_card:not(.pmpro_content_message) .pmpro_card_content,
.pmpro_card:not(.pmpro_content_message) .pmpro_card_title {
color: #000;
font-weight: 400 !important;
}
.pmpro {
max-width: var(--coco-content-max-width, 1200px);
margin-top: var(--coco-element-gap, 1.5em);
margin-left: auto;
margin-right: auto;
padding-left: min(5%, var(--coco-content-max-width, 1200px) * 0.05);
padding-right: min(5%, var(--coco-content-max-width, 1200px) * 0.05);
}
.coco-single__body .pmpro {
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.pmpro .pmpro_btn:not(.pmpro_btn-plain):not(.pmpro_btn-print):not(.pmpro_btn-delete) {
display: inline-block;
background-color: transparent;
border: 2px solid var(--coco-hellblau);
border-radius: 40px;
-webkit-box-shadow: none;
box-shadow: none;
color: var(--coco-hellblau);
padding: 10px 28px;
font-weight: 400;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.pmpro .pmpro_btn:not(.pmpro_btn-plain):not(.pmpro_btn-print):not(.pmpro_btn-delete):focus,
.pmpro .pmpro_btn:not(.pmpro_btn-plain):not(.pmpro_btn-print):not(.pmpro_btn-delete):hover {
background-color: var(--coco-hellblau);
color: #fff;
}
.pmpro a:not(.pmpro_btn) {
color: var(--coco-link);
}
.pmpro a:not(.pmpro_btn):focus,
.pmpro a:not(.pmpro_btn):hover {
color: var(--coco-link-hover);
}
.pmpro_card .pmpro_table,
.pmpro_card .pmpro_table tbody td,
.pmpro_card .pmpro_table tbody th,
.pmpro_card .pmpro_table tfoot td,
.pmpro_card .pmpro_table thead th {
background-color: transparent;
}
#loginform .login-submit .button.button-primary {
display: inline-block !important;
background-color: transparent !important;
border: 2px solid var(--coco-hellblau) !important;
border-radius: 40px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: var(--coco-hellblau) !important;
padding: 10px 28px !important;
font-weight: 400 !important;
text-decoration: none !important;
-webkit-transition: all 0.2s ease-in-out !important;
transition: all 0.2s ease-in-out !important;
}
#loginform .login-submit .button.button-primary:focus,
#loginform .login-submit .button.button-primary:hover {
background-color: var(--coco-hellblau) !important;
color: #fff !important;
}
.wp-block-contact-form-7-contact-form-selector {
max-width: 480px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-form {
margin: 0;
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-inline-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 0.75em;
width: 100%;
}
@media (min-width: 768px) {
.wp-block-contact-form-7-contact-form-selector .wpcf7-inline-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-inline-field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-inline-field-btn {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
position: relative;
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-form-control-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
justify-content: center;
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-form-control.wpcf7-email {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
margin: 0;
padding: 0.6em 1em;
border: 1px solid var(--coco-secondary, #e0e0e0);
border-radius: 40px;
font-size: 0.9rem;
background-color: #fff;
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-form-control.wpcf7-email:focus {
outline: none;
border-color: var(--coco-primary);
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-submit {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
}
@media (min-width: 768px) {
.wp-block-contact-form-7-contact-form-selector .wpcf7-submit {
width: auto;
}
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-spinner {
margin-left: 0.5em;
position: absolute;
right: -60px;
top: 12px;
}
.wp-block-contact-form-7-contact-form-selector .mc4wp-checkbox {
display: block;
margin-top: var(--coco-element-gap, 1.5em);
}
.wp-block-contact-form-7-contact-form-selector .mc4wp-checkbox label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.6em;
cursor: pointer;
}
.wp-block-contact-form-7-contact-form-selector .mc4wp-checkbox input[type="checkbox"] {
width: 1.1em;
height: 1.1em;
accent-color: var(--coco-primary);
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-response-output {
margin: 1em 0 0;
text-align: center;
}
@media (max-width: 767.98px) {
body.debug {
background: blue;
}
.hero-paneuropa__inner {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.hero-paneuropa {
padding: 80px 24px 40px;
}
.coco-page-header__pattern {
width: 260px;
height: 260px;
background-size: auto 240px;
}
.coco-numbered-list__item {
gap: 16px;
}
.coco-numbered-list__number {
font-size: 1.4rem;
}
.coco-box__stat-value {
font-size: 2.1364em;
}
.coco-single__author-box {
margin-bottom: 2em;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.coco-box__stat-value {
font-size: 2.4416em;
}
}
@media (min-width: 768px) {
.hero-paneuropa__heading {
font-size: 4.32em;
}
.coco-page-header__pattern {
width: 360px;
height: 360px;
background-size: auto 360px;
background-position: right -90px top -90px;
}
}
@media (max-width: 991.98px) {
body.debug {
background: green;
}
}
@media (min-width: 992px) {
.hero-paneuropa__pattern {
background-position: left -150px bottom -110px;
background-size: auto 500px;
}
.hero-paneuropa__heading {
font-size: 5.4em;
}
.sticky-top .nav-bar-sticky .navbar-brand {
margin-top: 18px;
margin-bottom: 18px;
}
.footer-main-inner {
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1200px) {
#menu-hauptmenue {
gap: 35px;
}
.hero-paneuropa__pattern {
background-position: left -180px bottom -180px;
background-size: auto 700px;
}
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
.navbar .navbar-brand-mobile {
display: block !important;
}
.navbar .navbar-brand-md {
display: none !important;
}
}
@media (max-width: 1399.98px) {
body.debug {
background: yellow;
}
}
@media (min-width: 1400px) {
.hero-paneuropa__pattern {
background-position: left -200px bottom -200px;
background-size: auto 800px;
}
.coco-page-header__inner {
margin-left: 30px;
margin-right: 30px;
}
.coco-page-header__pattern {
background-size: auto 400px;
width: 500px;
height: 500px;
}
}
@media (max-width: 1599.98px) {
body.debug {
background: orange;
}
}
@media (min-width: 1600px) {
#menu-hauptmenue {
gap: 50px;
}
.footer-main-inner {
-ms-grid-columns: 2fr 1fr 1fr 1fr;
grid-template-columns: 2fr 1fr 1fr 1fr;
}
} #sidebar-right {
position: sticky;
top: 140px;
align-self: flex-start;
}
#main, #site-scroll {
overflow: visible !important;
}
body, html {
overflow: visible !important;
height: auto !important;
position: static !important;
}
.coco-blog-overview__sidebar .widget,
.coco-blog-overview__sidebar #sidebar-right {
background-color: var(--coco-primary, #fff);
color: white;
}
.coco-blog-overview__sidebar .widget:not(:last-child):after {
border-bottom: 2px solid white;
}
.coco-blog-overview__sidebar .widget_categories ul a,
.coco-blog-overview__sidebar .widget_recent_entries ul a {
color: var(--coco-secondary);
}
.coco-blog-overview__sidebar .widget-title,
#sidebar-right i,
#sidebar-right svg  {
color: var(--coco-nav-link);
}
.coco-blog-overview__sidebar .wp-block-search .wp-block-search__input {
background-color: var(--coco-secondary);
} .goBackBtn {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
margin-bottom: 2rem;
padding: 0;
border: none;
border-radius: 8px;
background: transparent;
color: #303640;
cursor: pointer;
transition: background-color 180ms ease,
border-color 180ms ease,
box-shadow 180ms ease;
}
.goBackBtn svg {
width: 20px;
height: 20px;
flex-shrink: 0;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 180ms ease;
}
.goBackBtn:hover svg {
transform: translateX(-3px);
}
.goBackBtn:active {
background: #e9ecf0;
box-shadow: none;
}
.goBackBtn:focus-visible {
outline: 2px solid currentColor;
outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
.goBackBtn,
.goBackBtn svg {
transition: none;
}
.goBackBtn:hover svg {
transform: none;
}
} .navbar-expand-lg .navbar-nav .dropdown-menu {
left: auto;
right: 0px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
width: max-content;
min-width: 100%;
}
#menu-item-wpml-ls-3-en-us a#menu-item-dropdown-wpml-ls-3-en-us span[itemprop="name"] {
display: inline-flex !important;
align-items: center !important;
gap: 8px; }
#menu-item-wpml-ls-3-en-us img.wpml-ls-flag {
margin: 0 !important;
vertical-align: middle;
}
.footer-main, .footer-main a:hover {
color: var(--coco-nav-link-hover);
}