@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Regular.otf"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Extended.otf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Black-Extended.otf"); font-weight: 700; font-style: normal; font-display: swap; }

.header li.current-menu-item a { border-bottom: 0; text-decoration: underline; text-underline-offset: 5px; }

.header li a { cursor: pointer; transition: all 300ms ease; padding: 0; font-size: 13px !important; }

.header li a:hover, .header li a:not([href]):hover { color: #000; text-decoration: underline; text-underline-offset: 5px; border-bottom: 0; }

.header-menu-left { padding-right: 0; }

.header-menu-right { padding-left: 0; }

.header-menu-left ul, .header-menu-right ul { display: flex; flex-direction: column; }

.header-menu-left ul a, .header-menu-right ul a { padding: 0; }

@media screen and (min-width: 1024px) { .header-menu-left { padding: 32px 0; }
  .header-menu-left ul { display: flex; flex-direction: row; }
  .header-menu-left ul li { width: 50%; text-align: left; }
  .header-menu-right { padding: 32px 0; }
  .header-menu-right ul { flex-direction: row; }
  .header-menu-right ul li { width: 50%; text-align: right; } }

@media screen and (min-width: 1280px) { .header li a { font-size: 16px !important; } }

@media screen and (min-width: 1440px) { .header li a { font-size: 18px !important; } }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Regular.otf"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Extended.otf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Black-Extended.otf"); font-weight: 700; font-style: normal; font-display: swap; }

.vs-panel { height: 100vh; width: 100%; position: fixed; top: 0; left: 0; z-index: 100; background-color: #8499AF; display: none; padding: 10px; }

.vs-panel-inner { display: flex; justify-content: center; align-items: center; height: calc(100% - 40px); width: 100%; }

.vs-panel-close { position: fixed; top: 3rem; left: 2rem; }

.vs-panel .menu { display: flex; flex-direction: column; }

.vs-panel .menu-item { text-align: center; padding: 16px 0; }

.vs-panel .menu-item.current_page_item a { text-decoration: underline; text-underline-offset: 5px; border-bottom: 0; }

.vs-panel .menu a { font-size: 30px; line-height: 1.3; color: #FFF; font-family: "Cantata One", serif; text-transform: uppercase; hyphens: auto; cursor: pointer; transition: all 300ms ease; }

.vs-panel .menu a:hover { text-decoration: underline; text-underline-offset: 5px; }

.vs-panel-footer { padding: 0 20px; }

.vs-panel-footer-social { display: flex; flex-direction: row; justify-content: center; }

.vs-panel-footer-social li { padding: 0 20px; }

.vs-panel-footer-social li img { width: 30px; height: 30px; }

.vs-panel.vs-panel-calendar { padding-top: 100px; padding-bottom: 10px; }

.vs-panel.vs-panel-contact { display: block; transform: translateX(100%); transition: all 300ms ease; }

.vs-panel.vs-panel-contact.is-active { transform: translateX(0); }

.vs-panel.vs-panel-contact .is-contact { display: none; }

@media screen and (min-width: 768px) { .vs-panel { padding: 40px 8vw; }
  .vs-panel-close { left: 3rem; }
  .vs-panel-footer-social { justify-content: flex-end; }
  .vs-panel-footer-social li { padding-right: 0; padding-left: 80px; }
  .vs-panel .menu a { font-size: 60px; } }

@media screen and (min-width: 1024px) { .vs-panel-close { left: var(--w); top: 6rem; } }

@media screen and (min-width: 1280px) { .vs-panel.vs-panel-calendar { padding-bottom: 100px; } }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Regular.otf"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Extended.otf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Black-Extended.otf"); font-weight: 700; font-style: normal; font-display: swap; }

.views-template-homepage2024 #container, .views-template-sine #container { padding-top: 140px; }

@media screen and (min-width: 1024px) { .views-template-homepage2024 #container, .views-template-sine #container { padding-top: 240px; } }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Regular.otf"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Extended.otf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Black-Extended.otf"); font-weight: 700; font-style: normal; font-display: swap; }

.petrakeel-sidebar-contact { position: fixed; top: calc(50vh - 60px); right: 0; display: inline-block; font-size: 18px; line-height: 1.2; background-color: #000; color: #FFF; text-transform: uppercase; writing-mode: vertical-lr; transform: rotate(180deg); padding: 15px 10px; z-index: 99; }

.petrakeel-sidebar-contact:hover, .petrakeel-sidebar-contact:active { color: #FFF; }

@media screen and (min-width: 1366spx) { .petrakeel-sidebar-contact { top: 460px; } }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Regular.otf"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Extended.otf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Black-Extended.otf"); font-weight: 700; font-style: normal; font-display: swap; }

.views-template-savoir-vivre h1 { font-size: 24px; line-height: 1.25; font-family: "Cantata One", serif; color: #000; margin-bottom: 65px; }

@media screen and (min-width: 1280px) { .views-template-savoir-vivre h1 { font-size: 38px; margin-bottom: 90px; } }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Regular.otf"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Extended.otf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Black-Extended.otf"); font-weight: 700; font-style: normal; font-display: swap; }

.single-post-content a { color: #ea565c; text-transform: uppercase; }

.single-post-content a:hover { color: #ea565c; }

.single-post-content strong { font-weight: 700; }

.single-post-content ul { list-style-type: none; }

.single-post-content ul li { padding-left: 15px; position: relative; }

.single-post-content ul li::before { content: '' !important; height: 5px; width: 5px; border-radius: 100%; background-color: #000; display: block; position: absolute; left: 0; top: 10px; }

.single-post .gallery.height-auto { height: auto; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Regular.otf"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Extended.otf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Black-Extended.otf"); font-weight: 700; font-style: normal; font-display: swap; }

@media screen and (max-width: 769px) { .views-template-sine #container { padding-top: 140px; } }

.sine-page { max-width: 1440px; margin: auto; }

.sine-page p { margin: auto; font-size: 24px; }

@media screen and (max-width: 769px) { .sine-page { margin-top: 0; } }

.sine-page .sine-content-header { font-size: 38px; font-weight: 400; font-family: "Cantata One", serif; color: #000; text-align: center; margin: auto; max-width: 800px; text-transform: unset; line-height: 1.2; position: relative; transform: none; }

@media screen and (max-width: 769px) { .sine-page .sine-content-header { font-size: 24px; } }

.sine-page .sine-content-title { font-weight: 600; font-size: 22px; line-height: 1; text-transform: uppercase; font-family: 'Inter', sans-serif; position: static; margin-top: 70px; padding-bottom: 20px; letter-spacing: 1px; color: #000; }

.sine-page .sine-content { max-width: 630px; margin: 0 auto 0 auto; overflow-wrap: break-word; }

@media screen and (max-width: 769px) { .sine-page .sine-logo { max-width: 70%; margin-bottom: 60px; } }

.sine-page .sine-subnav-accordion-post-item { background: #8FCBB2; color: #fff; font-family: "Cantata One", serif; text-align: center; font-size: 38px; margin-top: 60px; line-height: 1.2; padding: 20px; }

.sine-page .sine-subnav-accordion-post-item .sine-event-date { font-size: 32px; font-family: "Cantata One", serif; color: #FFF; text-align: center; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; }

.sine-page .sine-subnav-accordion-post-item .sine-event-name { font-size: 24px; color: #FFF; text-transform: uppercase; text-align: center; }

.sine-page .sine-subnav-accordion-post-item > a, .sine-page .sine-subnav-accordion-post-item > a:hover, .sine-page .sine-subnav-accordion-post-item > a:focus-visible { color: #fff !important; }

.sine-page .sine-subnav-accordion-post-item br { content: " "; display: none; }

.sine-page .sine-subnav-accordion-post-item-content { display: flex; flex-direction: column; justify-content: space-between; height: 100%; gap: 30px; }

@media screen and (max-width: 425px) { .sine-page .sine-subnav-accordion-post-item svg { width: 100%; } }

.sine-page .wirkens-wrap { gap: 10px; min-width: unset; display: grid; grid-template-columns: 1fr 1fr 1fr; }

.sine-page .wirkens-wrap.is-length-1, .sine-page .wirkens-wrap.is-length-2 { grid-template-columns: 1fr 1fr; max-width: 900px; margin: 0 auto; }

@media screen and (max-width: 1280px) { .sine-page .wirkens-wrap { display: flex; flex-direction: column; } }

.sine-page .wirkens-wrap .sine-tab-title { padding: 0; cursor: pointer; width: 100%; }

.sine-page .wirkens-nav { transition: all; transition-duration: 300ms; display: flex; padding: 0; width: 100%; margin: auto; }

.sine-page .wirkens-nav-accordion { width: 100%; text-align: left; padding: 37px 0 27px 35px; background: #000; color: #fff; }

.sine-page .wirkens-nav-accordion .svg-title svg { height: 13px; width: auto; }

.sine-page .wirkens-nav-accordion .svg-title svg path { fill: #fff; }

.sine-page .wirkens-nav-accordion .accordion-title { height: 100px; }

.sine-page .wirkens-nav-accordion .accordion-title-bussiness svg, .sine-page .wirkens-nav-accordion .accordion-title-personal svg, .sine-page .wirkens-nav-accordion .accordion-title-education svg { transition: all; transition-duration: 300ms; height: 56px; }

.sine-page .wirkens-nav-accordion .accordion-title-header { font-weight: 600; }

.sine-page .wirkens-nav-accordion .accordion-title-name { font-weight: 200; }

.sine-page .wirkens-nav-accordion .svg-group { position: absolute; right: 35px; bottom: 20px; }

.sine-page .wirkens-nav-accordion .svg-icon .plus { display: inline-block; }

.sine-page .wirkens-nav-accordion .svg-icon .minus { display: none; }

@media screen and (max-width: 425px) { .sine-page .wirkens-nav-accordion { padding: 40px 0 30px 20px; } }

.sine-page .wirkens-nav-text { font-weight: 500; color: #000; }

@media screen and (max-width: 769px) { .sine-page .wirkens-nav .sine-accordion-detail { display: block; padding: 0 20px; } }

.sine-page .wirkens-nav:hover svg path { fill: #fff !important; }

.sine-page .wirkens-nav::after { content: unset !important; }

.sine-page .active .wirkens-nav:hover .svg-icon svg path, .sine-page .active .wirkens-nav:hover .svg-logo svg path, .sine-page .active .wirkens-nav:hover .accordion-title svg path { fill: #000 !important; }

.sine-page .active .wirkens-nav-accordion { background: #fff; color: #000; }

.sine-page .active .wirkens-nav-accordion:hover .svg-icon svg path, .sine-page .active .wirkens-nav-accordion:hover .accordion-title svg path { fill: #000 !important; }

.sine-page .active .wirkens-nav-accordion .accordion-title { align-items: flex-end; }

.sine-page .active .wirkens-nav-accordion .accordion-title-bussiness svg, .sine-page .active .wirkens-nav-accordion .accordion-title-personal svg, .sine-page .active .wirkens-nav-accordion .accordion-title-education svg { height: 75px; }

.sine-page .active .wirkens-nav-accordion .accordion-title-bussiness svg path, .sine-page .active .wirkens-nav-accordion .accordion-title-personal svg path, .sine-page .active .wirkens-nav-accordion .accordion-title-education svg path { fill: #000; }

.sine-page .active .wirkens-nav-accordion .svg-icon svg path, .sine-page .active .wirkens-nav-accordion .svg-title svg path { fill: #fff; }

.sine-page .active .wirkens-nav-accordion .svg-icon .plus, .sine-page .active .wirkens-nav-accordion .svg-title .plus { display: none; }

.sine-page .active .wirkens-nav-accordion .svg-icon .minus, .sine-page .active .wirkens-nav-accordion .svg-title .minus { display: inline-block; }

.sine-page .sine-accordion-detail .wirkens-text { max-width: 800px; margin: auto; }

.sine-page .sine-accordion-detail .wirkens-text p { text-align: left; }

@media screen and (max-width: 769px) { .sine-page .sine-accordion-detail .wirkens-text .svg-logo { margin-top: 10px; } }

.sine-page .sine-accordion-detail .wirkens-text .svg-logo svg { height: 20px; width: auto; }

@media screen and (max-width: 769px) { .sine-page .sine-accordion-detail .wirkens-text .svg-logo svg { height: auto; max-width: 100%; } }

.sine-page .sine-accordion-detail .wirkens-text .svg-logo svg path { fill: #000; }

.sine-page .sine-accordion-detail .wirkens-tip { padding-bottom: unset; border-bottom: unset; }

.sine-page .sine-accordion-detail .svg-logo { text-align: left; }

@media screen and (min-width: 769px) { .sine-page .sine-accordion-detail { display: block; } }

.sine-page .sine-accordion-detail-wrapper { margin-top: 100px; }

@media screen and (max-width: 769px) { .sine-page .sine-accordion-detail-wrapper { margin-top: 0; } }

.sine-page .content { max-width: 630px; margin-top: 70px; margin-left: auto; padding-bottom: 40px; }

@media screen and (max-width: 769px) { .sine-page .content { margin-top: 30px; } }

.sine-page .details p { color: #000; font-weight: 500; }

.sine-page .details.sine-tab-content a:hover { color: #000; }

.sine-page .details.sine-tab-content.active { max-height: unset; margin-bottom: 5rem; }

.sine-page .sine-subnav-title { font-size: 28px; line-height: 1.2; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; font-family: "Inter", sans-serif; transform: none; position: relative; text-align: left; padding: 40px 0; }

.sine-page .sine-subnav-accordion { border-top: solid 1px #000; border-bottom: solid 1px #000; }

.sine-page .sine-subnav-accordion-item { border-bottom: solid 1px #000; }

.sine-page .sine-subnav-accordion-item .bereich-nav { cursor: pointer; font-size: 24px; text-align: left; letter-spacing: 0.05em; color: #000; font-family: "Inter", sans-serif; border-top: 0; border-bottom: 0; }

.sine-page .sine-subnav-accordion-item .bereich-nav::after { content: url("/wp-content/themes/petrakeel/assets/icons/plus-black.svg"); }

.sine-page .sine-subnav-accordion-item:last-child, .sine-page .sine-subnav-accordion-item:only-child { border-bottom: 0; }

.sine-page .sine-subnav-accordion-item .content { transition: all; transition-duration: 300ms; margin-top: 0; padding: 0; height: 0; overflow: hidden; }

.sine-page .sine-subnav-accordion-item-border-bottom { border-bottom: 1px solid #000; }

.sine-page .sine-subnav-accordion-item.active .bereich-nav { margin-left: 0; color: #000; border-color: #000; }

.sine-page .sine-subnav-accordion-item.active .bereich-nav::after { content: url("/wp-content/themes/petrakeel/assets/icons/minus-black.svg"); }

.sine-page .sine-subnav-accordion-item.active .content { margin-top: 35px; padding-bottom: 40px; height: auto; }

@media screen and (max-width: 769px) { .sine-page .sine-subnav-accordion-item.active .content { margin-top: 0; text-align: left; } }

.sine-page .sine-subnav-accordion-item.active .sine-subnav-accordion-item-border-bottom { border-bottom: 0; }

.wirkens-nav-accordion { display: flex; flex-direction: column; position: relative; min-height: 200px; }

.accordion-title { font-size: 32px; line-height: 1; transform: none; position: relative; top: auto; font-family: "Nominee", san-serif; font-weight: 400; text-align: left; text-transform: uppercase; transition: all 500ms ease; margin: 0; }

.accordion-title strong { font-weight: 700; }

.sine-tab-title.active .wirkens-nav-accordion { justify-content: start; }

.sine-tab-title.active .accordion-title { font-size: 40px; }

.sine-tab-content { display: none; padding: 40px 0; }

.sine-tab-content.active { display: block; }

.sine-tab-content-title { color: #000; font-size: 28px; line-height: 1; font-family: "Inter", sans-serif; font-weight: 700; text-transform: uppercase; text-align: left; }

.sine-tab-content-title strong { font-weight: 700; }

@media screen and (max-width: 769px) { .animation { width: 100%; } }

@media screen and (min-width: 768px) { .sine-page .sine-content-title { font-size: 24px; }
  .sine-page .sine-subnav-title { font-size: 34px; }
  .sine-page .sine-subnav-accordion-post-item { position: relative; width: 100%; padding: 0; max-width: 400px; margin-left: auto; margin-right: auto; margin-top: 40px; }
  .sine-page .sine-subnav-accordion-post-item > a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center; padding: 40px 20px; }
  .sine-page .sine-subnav-accordion-post-item:after { content: ""; display: block; padding-bottom: 100%; }
  .sine-page .sine-subnav-accordion-post-item-content { width: 100%; }
  .sine-page .sine-subnav-accordion-post-item .svg-title svg { width: 100% !important; } }

@media screen and (min-width: 1024px) { .sine-page .sine-subnav-accordion-post-item { margin-top: 80px; }
  .sine-page .sine-subnav-accordion-post-item > a { padding: 40px; }
  .sine-page .sine-tab-content-title { font-size: 42px; line-height: 1.2; } }

.blog-page { margin-top: calc(-50vh + 150px); }

.button-on-top { position: fixed; bottom: 60px; right: 35px; z-index: 100; cursor: pointer; }

@media screen and (max-width: 1024px) { .button-on-top { display: none; } }

.before-footer .list-page { margin-top: 200px; }

.before-footer .list-page a { display: block; }

.before-footer .list-page .row .col-12 { margin-bottom: 30px; }

.before-footer .list-page-item { position: relative; width: 100%; padding-top: 100%; overflow: hidden; }

.before-footer .list-page-item.item-contact { background-color: #8FCBB2; }

.before-footer .list-page-item.item-contact .title { color: #000; }

.before-footer .list-page-item:hover { background: #4E1E31; }

.before-footer .list-page-item:hover.item-contact .title { color: #8FCBB2; }

.before-footer .list-page-item .title { color: #fff; font-size: 38px; font-weight: 400; position: absolute; font-family: "Cantata One", serif; top: 0; left: 0; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }

.before-footer .list-page-item .title p { font-size: 38px; margin: 0; }

.before-footer .list-page-item img { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.slide-logo-header { padding-bottom: 50px; line-height: 1.2; font-size: 38px; font-weight: 400; font-family: "Cantata One", serif; text-align: center; }

@media screen and (min-width: 1280px) { .slide-logo-header { padding-bottom: 100px; } }

.slide-logo-wrapper { width: 100%; position: relative; }

.slide-logo-container { width: 100%; overflow: hidden; }

@media screen and (max-width: 769px) { .slide-logo-container { padding-bottom: 65px; } }

.slide-logo-container .swiper-wrapper { justify-content: space-between; }

.slide-logo-container .swiper-slide { text-align: center; height: 100%; }

.slide-logo-container .swiper-slide > a { display: block; margin: auto; }

.slide-logo-container .swiper-slide-button-prev, .slide-logo-container .swiper-slide-button-next { position: absolute; top: 160px; bottom: unset; z-index: 10; }

@media screen and (max-width: 769px) { .slide-logo-container .swiper-slide-button-prev, .slide-logo-container .swiper-slide-button-next { bottom: 0; top: unset; } }

.slide-logo-container .swiper-slide-button-prev { left: -60px; transform: rotate(180deg); }

@media screen and (max-width: 769px) { .slide-logo-container .swiper-slide-button-prev { left: 0; display: block; } }

.slide-logo-container .swiper-slide-button-next { right: 0; }

@media screen and (max-width: 769px) { .slide-logo-container .swiper-slide-button-next { right: 0; } }

.slide-logo-container a:hover, .slide-logo-container a:focus-visible { color: #000; }

.slide-logo-img { height: auto; width: 100%; display: flex; align-items: center; justify-content: center; margin: auto; padding: 0 20px; }

.slide-logo-img img { height: 100%; width: 100%; object-fit: contain; }

.slide-logo-img img:last-child, .slide-logo-img:hover img:first-child { display: none; }

.slide-logo-img img:first-child, .slide-logo-img:hover img:last-child { display: block; }

.slide-logo-title { border-top: 1px solid #000; margin-top: 20px; padding-top: 10px; width: 100%; font-size: 14px; font-weight: 300; text-align: center; text-transform: uppercase; line-height: 18px; font-family: "Inter", sans-serif; }

.slide-logo-title strong { font-weight: 600; }

@media screen and (max-width: 769px) { .slide-logo-title { margin-top: 10px; hyphens: auto; } }

.block-slider-network .block-slider-network-title { font-weight: 600; }

/*
* Change request 27.07.2022
*
*/
.blog-mansory--item.blog-post.custom-square .overlay { opacity: 0; display: block; mix-blend-mode: normal; }

.blog-mansory--item.blog-post.custom-square .overlay.light-blue { background-color: #8499AF; }

.blog-mansory--item.blog-contactCard .over-overlay { display: block; }

.blog-mansory--item.blog-contactCard .over-overlay h2 { display: block; }

.blog-mansory--item.blog-contactCard .over-overlay .svg-arrow { opacity: 0; width: 50%; margin-top: 30px; }

.blog-mansory--item.blog-contactCard a { top: 0; left: 0; width: 100%; height: 100%; }

.blog-mansory--item.blog-contactCard:hover h2 { color: #8FCBB2; }

.blog-mansory--item.blog-contactCard:hover .over-overlay .svg-arrow { opacity: 1; }

.blog-mansory--item.blog-contactCard:hover .over-overlay .svg-arrow path { fill: #8FCBB2; }

.blog-mansory--item.blog-contactCard:hover .over-overlay.green { background-color: #4E1E31; }

.blog-mansory--item.blog-event:hover .svg-arrow { opacity: 1; }

.blog-mansory--item.blog-event:hover .svg-arrow path { fill: #fff; }

.blog-mansory--item.blog-event:hover .over-overlay.green { background-color: #4E1E31; }

.blog-mansory--item.blog-event a { top: 0; left: 0; width: 100%; height: 100%; position: relative; }

.blog-mansory--item.blog-event .over-overlay { display: block; position: inherit; padding: 20px; }

.blog-mansory--item.blog-event h2, .blog-mansory--item.blog-event p { display: block; color: #fff; }

.blog-mansory--item.blog-event .svg-title { display: block; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); font-size: 30px; font-family: "Nominee", san-serif; text-transform: uppercase; color: #FFF; font-weight: 500; line-height: 1.2; }

.blog-mansory--item.blog-event .svg-title strong { font-weight: 700; }

.blog-mansory--item.blog-event .svg-arrow { opacity: 0; margin-top: 40px; }

.blog-mansory--item.blog-event .svg path { fill: #fff; }

.blog-mansory--item.blog-event .blog-event--name { position: absolute; bottom: 20px; transform: translateX(-50%); left: 50%; font-size: 24px; line-height: 1.5; font-family: 'Inter', sans-serif; letter-spacing: 0.02em; text-transform: uppercase; }

.blog-mansory .overlay { top: 0; left: 0; width: 100%; }

.blog-mansory .custom-square a { position: relative; }

.blog-mansory .custom-square a::after { content: ''; display: block; padding-bottom: 100%; }

.blog-mansory .custom-square a .over-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.blog-mansory .custom-square.has-image a { display: block; background-size: cover; background-position: center; }

.blog-mansory .custom-square.has-image .svg-arrow { width: 50%; max-width: 110px; }

.blog-mansory .custom-square.has-image aside { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; text-align: center; transform: translateY(-50%); }

.blog-mansory .custom-square.has-image aside h2 { position: relative; top: auto; left: auto; transform: translateY(0); margin-bottom: 30px; }

.blog-mansory .custom-square.has-image:hover h2 { color: #fff; }

.blog-mansory .custom-square.has-image:hover .svg-arrow path { fill: #fff; }

.blog-mansory .custom-square.has-image:hover .overlay { display: block; background-color: #8499AF; mix-blend-mode: normal; opacity: 0.9; }

.blog-mansory .over-overlay .arrow, .blog-mansory .over-overlay .svg-arrow { width: 50%; max-width: 110px; }

@media screen and (max-width: 767px) { .blog-mansory--item.blog-post-hover-reverse .blog-img { filter: grayscale(1); opacity: 0.2; }
  .blog-mansory--item.blog-post-hover-reverse .overlay, .blog-mansory--item.blog-post-hover-reverse .over-overlay, .blog-mansory--item.blog-post-hover-reverse h2 { display: block; } }

@media screen and (min-width: 768px) { div.blog-container .overlay, div.blog-container .over-overlay { top: 0; left: 0; width: 100%; height: 100%; }
  div.blog-container .blog-post { margin-bottom: 0; }
  div.blog-container .blog-mansory--item { width: calc(50% - 30px); float: left; margin-bottom: 40px; }
  div.blog-container .blog-mansory--item:nth-child(1) { margin-top: 20rem; }
  .blog-mansory { opacity: 0; } }

@media screen and (min-width: 1024px) { .blog-mansory--item.blog-event .over-overlay { padding: 40px; }
  .blog-mansory--item.blog-event .blog-event--name { bottom: 40px; } }

@media screen and (min-width: 1280px) { .blog-mansory--item.blog-event .over-overlay { padding: 60px; }
  .blog-mansory--item.blog-event .blog-event--name { bottom: 60px; }
  .blog-mansory--item.blog-event .svg-title { top: 30px; } }

.block-instagram { padding: 50px 0; max-width: 1440px; margin: 0 auto; }

.block-instagram-title { font-size: 28px; line-height: 1.2; font-weight: 400; position: relative; transform: none; padding-bottom: 40px; }

.instagram-container { display: block; }

.instagram-container .crt-post { margin: 0 10px 30px; }

.instagram-container .crt-post-header, .instagram-container .crt-post-content-text, .instagram-container .crt-post-footer { display: none; }

.instagram-container .crt-post > div { border: solid 0; }

.instagram-container .crt-load-more { margin-top: 50px; }

.instagram-container .crt-load-more a { padding: 0; width: 38px; height: 38px; border: solid 0; background: url("assets/icons/plus.svg") center/contain no-repeat; }

.instagram-container .crt-load-more span { display: none; }

@media screen and (min-width: 768px) { .block-instagram { padding: 90px 0; }
  .block-instagram-title { font-size: 38px; padding-bottom: 90px; } }

.contact-email { color: #000; padding: 50px 0; font-weight: 700; font-size: 20px; line-height: 1.4; text-transform: uppercase; }

.contact-email a:hover { color: #4e1e31; }

@media screen and (max-width: 768px) { .contact-email { font-size: 15px; } }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Regular.otf"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Extended.otf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Black-Extended.otf"); font-weight: 700; font-style: normal; font-display: swap; }

.page-header { font-size: 40px; font-weight: 400; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.08em; margin: 0; color: #000; text-align: center; padding: 40px 0; font-family: "Nominee", san-serif; hyphens: auto; }

.page-header strong { font-weight: 700; }

@media screen and (min-width: 768px) { .page-header { font-size: 60px; padding: 80px 0; } }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Regular.otf"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Extended.otf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Black-Extended.otf"); font-weight: 700; font-style: normal; font-display: swap; }

.button-with-arrow { text-transform: uppercase; font-size: 18px; font-weight: 700; letter-spacing: 0.05em; position: relative; padding-right: 110px; transition: all 300ms ease; }

.button-with-arrow::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; height: 12px; width: 86px; background-image: url("/wp-content/themes/petrakeel/assets/icons/arrow-right.svg"); background-repeat: no-repeat; background-size: contain; transition: all 300ms ease; }

.button-with-arrow:hover { color: #000; }

.button-with-arrow:hover::after { right: 0; }

@media screen and (min-width: 768px) { .button-with-arrow { font-size: 24px; } }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Regular.otf"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Extended.otf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Black-Extended.otf"); font-weight: 700; font-style: normal; font-display: swap; }

@keyframes circleBig { 0% { opacity: 0;
    transform: scale(1); }
  50% { opacity: 0.25; }
  100% { opacity: 0;
    transform: scale(2); } }

@keyframes circleSmall { 0% { opacity: 0;
    transform: scale(1); }
  50% { opacity: 0.5; }
  100% { opacity: 0;
    transform: scale(1.5); } }

.custom-cta { position: absolute; right: 60px; top: 140px; }

.custom-cta:hover .custom-cta-inner { background-color: #8FCBB2; }

.custom-cta:hover .custom-cta-title { color: #FFF; }

.custom-cta-inner { position: relative; border-radius: 100%; border: solid 1px #8FCBB2; height: 90px; width: 90px; display: flex; justify-content: center; align-items: center; transition: all 500ms ease; }

.custom-cta-title { font-size: 14px; color: #8FCBB2; line-height: 1.2; text-transform: uppercase; font-family: "Inter", sans-serif; letter-spacing: 0.05em; font-weight: 700; transition: all 500ms ease; hyphens: auto; }

.custom-cta-circle { position: absolute; transition: all 500ms ease; border-radius: 100%; border: solid 1px #8FCBB2; }

.custom-cta-circle.is-small { top: -3px; left: -3px; width: 94px; height: 94px; animation: circleSmall 3s ease infinite; }

.custom-cta-circle.is-big { top: -3px; left: -3px; width: 94px; height: 94px; animation: circleBig 3s ease infinite; }

@media screen and (min-width: 768px) { .custom-cta { right: 80px; } }

@media screen and (min-width: 1024px) { .custom-cta { top: 320px; right: 5vw; }
  .custom-cta-title { font-size: 24px; }
  .custom-cta-inner { width: 210px; height: 210px; }
  .custom-cta-circle.is-small { height: 214px; width: 214px; }
  .custom-cta-circle.is-big { height: 214px; width: 214px; } }

@media screen and (min-width: 1280px) { .custom-cta { top: 360px; right: 10vw; } }

@media screen and (min-width: 1700px) { .custom-cta { right: 20vw; } }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Regular.otf"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Extended.otf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Black-Extended.otf"); font-weight: 700; font-style: normal; font-display: swap; }

.block-intro { padding: 0 20px 20px; text-align: center; }

.block-intro-title { position: relative; transform: none; font-size: 20px; font-family: "Inter", sans-serif; font-weight: 500; hyphens: auto; max-width: 850px; margin: 0 auto 30px; }

@media screen and (min-width: 768px) { .block-intro-title { hyphens: none; margin: 0 auto 40px; } }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Regular.otf"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Extended.otf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Black-Extended.otf"); font-weight: 700; font-style: normal; font-display: swap; }

.block-content { text-align: center; padding: 20px 0; max-width: 850px; margin: 0 auto; }

.block-content-title { font-size: 28px; line-height: 1.4; letter-spacing: 0.05em; font-family: "Inter", sans-serif; position: relative; transform: none; color: #000; text-transform: uppercase; font-weight: 700; }

.block-content-subtitle { font-size: 24px; line-height: 1.4; color: #000; margin-top: 30px; }

.block-content-desc { font-size: 18px; color: #000; font-family: "Inter", sans-serif; text-transform: uppercase; font-weight: 700; border-bottom: 0; margin-top: 30px; padding-bottom: 0; }

.block-content-button { display: inline-block; margin-top: 30px; }

@media screen and (min-width: 768px) { .block-content-title { font-size: 42px; }
  .block-content-subtitle { font-size: 34px; margin-top: 40px; }
  .block-content-desc { font-size: 24px; }
  .block-content-button { margin-top: 40px; } }

.block-slide-logo { padding: 20px 0; max-width: 1440px; margin: 0 auto; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Regular.otf"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Extended.otf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Black-Extended.otf"); font-weight: 700; font-style: normal; font-display: swap; }

.block-blog { padding: 20px 0; text-align: center; max-width: 1440px; margin: 0 auto; }

.block-blog-title { color: #000; transform: none; position: relative; padding-bottom: 30px; }

.block-blog-item { background-color: #8FCBB2; position: relative; margin-bottom: 40px; transition: all 500ms ease; display: none; }

.block-blog-item:nth-child(1), .block-blog-item:nth-child(2), .block-blog-item:nth-child(3) { display: block; }

.block-blog-item:hover { background-color: #4E1E31; }

.block-blog-item:hover .block-blog-item-arrow { opacity: 1; }

.block-blog-item.is-blog-post .block-blog-item-inner { opacity: 0; transition: all 500ms ease; background-color: #8499AFCC; }

.block-blog-item.is-blog-post .block-blog-item-inner * { color: #4E1E31; }

.block-blog-item.is-blog-post .block-blog-item-inner * svg path { fill: #4E1E31; }

.block-blog-item.is-blog-post:hover .block-blog-item-inner { opacity: 1; }

.block-blog-item::after { content: ''; display: block; padding-bottom: 100%; }

.block-blog-item-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; position: absolute; top: 0; left: 0; height: 100%; padding: 40px 20px; }

.block-blog-item-title { font-size: 23px; line-height: 1.2; color: #FFF; padding-bottom: 16px; }

.block-blog-item-arrow { opacity: 0; transition: all 500ms ease; }

.block-blog-item-button { font-size: 24px; line-height: 1.5; font-weight: bold; font-family: "Inter", sans-serif; letter-spacing: 0.05em; text-transform: uppercase; position: absolute; left: 50%; transform: translateX(-50%); color: #FFF; bottom: 20px; }

.block-blog-item .svg-title { display: block; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); font-size: 30px; font-family: "Nominee", san-serif; text-transform: uppercase; color: #FFF; font-weight: 500; line-height: 1.2; }

.block-blog-item .svg-title strong { font-weight: 700; }

.block-blog-item .svg-title svg { height: 23px; width: 100%; }

@media screen and (min-width: 768px) { .block-blog-title { font-size: 42px; padding-bottom: 40px; } }

@media screen and (min-width: 1024px) { .block-blog-list { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; padding-bottom: 32px; }
  .block-blog-item { width: calc(50% - 20px); margin: 0 10px 20px 10px; }
  .block-blog-item-title { text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; } }

@media screen and (min-width: 1280px) { .block-blog-title { padding-bottom: 70px; }
  .block-blog-list { padding-bottom: 60px; }
  .block-blog-item { width: calc(33.33% - 20px); }
  .block-blog-item-inner { padding: 80px 20px; }
  .block-blog-item .svg-title { top: 30px; }
  .block-blog-item-title { font-size: 32px; }
  .block-blog-item-button { bottom: 30px; } }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Regular.otf"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Extended.otf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Black-Extended.otf"); font-weight: 700; font-style: normal; font-display: swap; }

.block-newsleter-title { position: relative; top: auto; left: auto; right: auto; transform: none; line-height: 48px; font-size: 38px; font-weight: 400; font-family: "Cantata One", serif; text-align: center; margin: 60px auto; max-width: 600px; }

.block-newsleter-wrapper { max-width: 840px; margin: auto; }

.block-newsleter-input { font-family: "Inter", sans-serif; color: #000; height: 60px; border-bottom: 1px solid #000; font-size: 14px; line-height: 18px; padding: 0; outline: 0; margin: 0; font-weight: 600; }

.block-newsleter-input::placeholder { color: #000; }

.block-newsleter-checkbox { font-family: "Inter", sans-serif; color: #000; display: flex; font-size: 14px; line-height: 18px; font-weight: 600; align-items: center; margin-top: 25px; cursor: pointer; position: relative; }

.block-newsleter-checkbox-icon { display: block; width: 15px; height: 15px; border: 2px solid #000; margin-right: 10px; position: relative; }

.block-newsleter-checkbox a { text-decoration: underline; }

.block-newsleter-checkbox a:hover { color: #000; text-decoration: underline; }

.block-newsleter-checkbox input { display: block; position: absolute; left: 0; top: 0; width: 15px; height: 15px; opacity: 0; }

.block-newsleter-checkbox input:checked + .block-newsleter-checkbox-icon::before { content: ''; display: block; position: absolute; width: 9px; height: 5px; border: solid #000; border-width: 0 0 2px 2px; transform: rotate(-45deg); left: 1px; top: 2px; }

.block-newsleter-submit[type="submit"] { display: block; font-family: "Inter", sans-serif; font-size: 20px; line-height: 28px; font-weight: 500; padding: 0 20px 0 0; margin-top: 25px; text-align: right; margin-left: auto; color: #000; }

.block-newsleter-submit[type="submit"]:hover img, .block-newsleter-submit[type="submit"]:active img { transform: translateX(10px); }

.block-newsleter-submit[type="submit"] img { transition: all 300ms ease; vertical-align: 2px; }

.mc4wp-form { margin-top: 90px; }

.mc4wp-form-submitted .mc4wp-response { max-width: 840px; margin: 60px auto 0; }

.mc4wp-form-submitted .mc4wp-response p { font-size: 24px; }

@media screen and (min-width: 1024px) { .mc4wp-form { margin-top: 170px; } }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Regular.otf"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Extended.otf"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Nominee'; src: url("assets/fonts/Nominee-Black-Extended.otf"); font-weight: 700; font-style: normal; font-display: swap; }

.block-sine-box-with-link-list { display: flex; flex-direction: column; gap: 10px; max-width: 1440px; margin: 0 auto; padding: 20px 0; }

.block-sine-box-with-link-item { display: block; background-color: #000; }

.block-sine-box-with-link-item a { display: block; padding: 40px 0 30px 20px; min-height: 200px; position: relative; }

.block-sine-box-with-link-item a:hover:after { right: 15px; }

.block-sine-box-with-link-item a:after { content: ""; display: block; height: 11px; width: 86px; background-image: url("assets/icons/arrow-right-white.svg"); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: 30px; right: 20px; transition: all 300ms ease; }

.block-sine-box-with-link-item-title { position: relative !important; transform: translateY(0) !important; font-size: 32px; line-height: 1; font-family: "Nominee", san-serif; font-weight: 400; text-transform: uppercase; margin: 0; color: #FFF; }

@media screen and (min-width: 1280px) { .block-sine-box-with-link-list { display: grid; grid-template-columns: 1fr 1fr 1fr; } }

.block-vimeo { padding: 20px 0; max-width: 1440px; margin: 0 auto; }

.block-spacer { padding: 40px 0; }

@media screen and (min-width: 1280px) { .block-spacer { padding: 80px 0; } }

.social-icon { min-width: 3rem; }

html.mobile { display: block !important; }

html body { color: #000; }

html #wrapper { position: relative; overflow-x: hidden; }

html footer a:hover { color: #000; text-decoration: underline; }

@media screen and (min-width: 1280px) { html .contact .cross { top: 6rem; left: var(--w); } }

.datenschutz.article { padding-bottom: 0; }

.datenschutz p { font-size: 20px; text-align: center; line-height: 28px; font-weight: 400; margin-bottom: 30px; }

.datenschutz a { text-decoration: underline; }

.datenschutz a:hover { color: #000; text-decoration: underline; }

.datenschutz img { max-width: 100%; height: auto; }

@media screen and (min-width: 1280px) { .datenschutz-title { margin-bottom: 200px; } }