/*
Theme Name: dbp
Theme URI: https://opencollective.com/dbp
Author: Bryan Hadaway
Author URI: https://opencollective.com/dbp#section-contributors
Description: Donate: https://opencollective.com/dbp. Learn: https://dbp.me/. dbp is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/dbp/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: dbp

dbp WordPress Theme 2011-2024
dbp is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

/* merriweather-sans-300 - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Söhne Leicht';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/soehne-leicht.woff2') format('woff2');
}

/* merriweather-sans-300italic - latin_latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Söhne Kräftig';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/soehne-kraftig.woff2') format('woff2');
}

:root {
  --white: rgb(247, 247, 247);
  --white-50: rgba(247, 247, 247, 0.5);
  --white-90: rgba(247, 247, 247, 0.9);
  --orange: #F2400F;
  --green: #223E37;
  --black: #222222;
}





.state-indicator {
  position: absolute;
  top: -999em;
  left: -999em;
}

.state-indicator:before {
  content: 'large';
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--white);
  font-family: 'Söhne Leicht';
  font-size: 1.375rem;
  line-height: 1.6;
  letter-spacing: 0.04em;
  background: var(--green);
}

h1,
.h1,
.page-nav a,
header .menu-container nav .menu-item-type-post_type {
  font-family: 'Söhne Leicht';
  font-size: 4.25rem;
  line-height: 1.2;
  letter-spacing: 0.03em;
}

h1.entry-title,
h1.wp-block-heading,
.entry-content > h2.wp-block-heading {
  color: var(--orange);
}

h1.pinned {
  height: auto !important;
  max-height: none !important;
  padding-top: 0.5rem !important;
  padding-bottom: 1rem !important;
  color: var(--white);
  background-color: #223E37;
  transition: background-color 0.25s ease-in-out;
  z-index: 2;
}

h1.pinned .x-small {
  display: none;
}

h1.entry-title {
  margin-bottom: 2.875rem;
}

h1.entry-title .team-link {
  display: none;
  float: right;
  padding-left: 2.688rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 2rem;
  opacity: 0;
}




h1.entry-title.pinned .team-link {
  display: inline-block;
  opacity: 1;
}

h2 {
  font-family: 'Söhne Leicht';
  font-size: 2rem;
  line-height: 1.2;
}

.entry-content.default h2 {
  margin: 2.5rem 0 1.5rem;
}

.post-type-archive-person .entry-content > p {
  padding-left: 18.75rem;
}

.post-type-archive-person .entry-content > h2.wp-block-heading {
  margin: 1.563rem 0 -0.375rem;
  font-family: 'Söhne Leicht';
}

.area__title strong,
.btn-24-7,
h3 {
  font-family: 'Söhne Leicht';
  font-size: 1.375rem;
  line-height: 1.4;
}

.content-container p,
.content-container blockquote {
  margin-bottom: 2rem;
}

.page-nav ul li span,
p.x-large {
  font-size: 2.75rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
}

h4,
.team-list a,
footer .footer_contacts > div .city,
.block-intro-text,
.block-image-slider,
h1.pinned,
p.large {
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.02em;
}

.block-section-title h2,
.area__title,
p.large strong {
  font-size: 2rem;
  font-family: 'Söhne Kräftig';
  line-height: 1.4;
  letter-spacing: 0;
}

.block-section-title h2 {
  font-family: 'Söhne Leicht';
}

header .menu-container .header_contacts p,
footer .footer_contacts,
footer .menu a,
p.small {
  font-family: 'Söhne Kräftig';
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.pill,
.single-person #kontakt .note,
.single-person #contact .note,
p.x-small {
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.06;
}

ul.lines {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

ul.lines li {
  padding-bottom: 1.875rem;
  border-bottom: 2px solid var(--orange);
}

.entry-content.default ul li {
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--white);
}

.entry-content.default ul {
  margin-bottom: 2rem;
}

ul.dots {
  display: flex;
  flex-direction: column;
  gap: 1.375rem;
}

ul.dots li {
  display: flex;
  gap: 1rem;
}

ul.dots li:before {
  content: '';
  width: 0.75rem;
  height: 0.75rem;
  margin-top: 0.75rem;
  background-color: var(--orange);
  border-radius: 0.75rem;
  aspect-ratio: 1 / 1;
}

video,
img {
  max-width: 100%;
  height: auto;
}

strong {
  font-family: 'Söhne Kräftig';
}

.block-intro-text strong,
.block-image-slider strong {
  font-family: 'Söhne Leicht';
  color: var(--orange);
}

a {
  color: var(--white);
  text-decoration: none;
}

.icon {
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  background-color: var(--orange);
  background-position: center;
  background-size: 55%;
  background-repeat: no-repeat;
  border-radius: 100%;
}

.icon--small {
  width: auto;
  height: auto;
  padding-left: 2.625rem;
  background-color: transparent;
  background-position: left center;
  background-size: 1.5rem;
  border-radius: 0;
}

.btn-24-7 .icon,
.contacts .icon {
  color: var(--white-90);
}

.btn-24-7 .icon:hover,
.contacts .icon:hover {
  background-color: #fff;
  color: var(--orange);
  transition: all 0.25s ease-in-out;
}

.pill {
  padding: 0.25rem 0.75rem;
  color: var(--white-90);
  background-color: var(--orange);
  border-radius: 0.875rem;
}

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

#content {
  padding-top: 7.875rem;
}

article.not-found {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.625rem;
  position: relative;
  height: 70vh;
  width: calc(100vw - 7.5rem); /* 2 * 3.75rem */
  margin: 3.75rem auto;
  color: var(--orange);
}



article.not-found h1 {
  margin: 0;
  font-size: 7.5rem;
  line-height: 1.6;
  letter-spacing: 0.02em;
}

article.not-found p {
  text-align: center;
}



header,
header .top-container nav,
.header,
.entry-content > *,
.page-nav,
#footer {
  padding-left: 3.75rem;
  padding-right: 3.75rem; 
}

header[role=banner] {
  position: fixed;
  width: 100vw;
  height: 7.875rem;
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
  transition: all 0.25s ease-in-out;
  z-index: 2;
}


header.collapsed {
  height: auto;
 background-color: #223E37; 
}

header .top-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}


header .top-container > div:last-child {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.125rem;
}

@media screen and (max-width: 600px) {
  /* Header Handy */
header .top-container > div:last-child {
  display: flex;
  flex-direction: row;
  align-items: start!important;
  gap: 1.125rem;
}
}



header .menu-container {
  display: none;
  position: absolute;
  top: 7.875rem; /* (2 * 1.375rem) + 5.125rem = padding-top + padding-bottom + height */
  left: 0;
  width: 100vw;
  height: calc(100vh - 7.875rem);
  background-color: var(--green);
}

.menu-open {
  height: 100vh;
  overflow: hidden;
}

.menu-open header .menu-container {
  display: flex;
}

header .menu-container {
  flex-direction: row;
  gap: 3rem;
  padding: 4.625rem 3.75rem 2.5rem;
}

header .menu-container .header_contacts {
  display: flex;
  flex: 0.5 0 0;
  flex-direction: column;
  justify-content: flex-end;
  gap: 2.875rem;
  height: 100%;
}

header .menu-container nav {
  display: flex;
  flex: 2 0 0;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}

@media only screen and (max-height: 730px) {
  header .menu-container {
    padding-top: 0;
  }
  header .menu-container nav {
    justify-content: flex-end;
  }
}

header .menu-container nav .menu-item-type-post_type {
  padding-bottom: 0.625rem;
  border-bottom: 2px solid var(--orange);
}

header .menu-container nav .menu-item-type-post_type:last-child {
  border-bottom: none;
}

header .menu-container nav .menu-item-type-custom a,
header .menu-container nav .menu-item-type-post_type:hover a {
  color: var(--orange);
  opacity: 1;
  transition: all 0.15s ease-out;
}

header .menu-container nav .current_page_item a {
  opacity: 0.5;
}

.lang-menu a,
#site-title a {
  display: block;
  height: 5.125rem; 
  padding-left: calc(6.063rem + 0.625rem);
  font-size: 1.688rem;
  line-height: 5.125rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  background-size: 6.063rem 100%;
  background-position: left center;
  background-repeat: no-repeat;
  transition: all 0.25s ease-in-out;
}

.header_contacts a:hover,
.lang-menu a:hover {
  opacity: 0.5;
}
/*
.collapsed .lang-menu a,
.collapsed #site-title a {
  height: 2.61rem;
  padding-left: calc(3.074rem + 0.625rem);
  font-size: 1.125rem;
  line-height: 2.61rem;
  background-size: 3.074rem 100%;
}
*/
.menu-btn {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background-position: center;
  background-size: 2.125rem;
  background-repeat: no-repeat;
}

.entry-content > .block-hero-video,
.entry-content > .block-hero-image,
.entry-content > .block-image-slider,
.entry-content > .block-team {
  padding-left: 0;
  padding-right: 0;
}

.entry-content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.entry-content.default {
  margin-top: 2rem;
}

.entry-content.default .left-col + div {
  padding-top: 8rem;
}

section {
  position: relative;
}

.logo {
  position: absolute;
  top: 0;
  width: 18.75rem;
  height: 15.898rem;
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.15;
}

.btn-24-7 {
  position: fixed;
  right: -200px;
  bottom: 3.75rem;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}

.btn-24-7.active {
  right: 2.5rem;
  opacity: 1;
}

.btn-24-7 a {
  width: auto;
  height: auto;
  padding: 0.813rem 1.5rem 0.813rem 4.438rem;
  background-position: left 1.063rem center;
  background-size: 2.375rem;
  border-radius: 10rem;
  transition: all 0.25s ease-in-out;
}

.frame {
  border: 0rem solid var(--orange);
  border-radius: 0.25rem;
  pointer-events: none;
  touch-action: none;
}

.block-hero-image .image__frame,
.block-hero-video .video__frame,
.block-team .team__frame {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.block-image-slider .slider__frame,
.block-business-areas .area-list__frame {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.contacts {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.625rem;
  padding: 3.75rem 0;
  color: var(--orange);
}

.block-hero-image,
.block-hero-video {
  height: calc(100vh - 7.875rem);
  overflow: hidden;
}

.block-hero-image {
  height: 65vh;
}

.block-hero-image .overlay,
.block-hero-video .overlay {
  height: 100%;
  mask: linear-gradient(rgba(0, 0, 0, 0) 8.00429%, rgba(0, 0, 0, 0.484) 20.7946%, rgb(0, 0, 0) 46.2592%);
  opacity: 1;
}

.block-hero-image .overlay {
  mask: linear-gradient(90deg, rgba(0, 0, 0, 0) 20%, rgb(0, 0, 0) 50%);
}

.block-hero-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.page-child .block-hero-video video {
  opacity: 0.8;
}

.block-hero-video .animation-frame {
  position: absolute;
  width: 100%;
  height: 100%;
}

.block-hero-video .animation-frame img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block-hero-video .animation-frame.animation-frame--end {
  opacity: 0;
  z-index: 1;
}

.block-hero-image .image__frame,
.block-hero-video .video__frame {
  position: absolute;
  top: 3.75rem;
  left: 3.75rem;
  width: calc(100% - 7.5rem);
  height: calc(100% - 7.5rem);
  border-right: none;
}

.block-hero-video h1 {
  position: absolute;
  bottom: 9rem;
  left: 5.25rem;
}

.page-child .block-hero-video h1 {
  text-shadow: var(--green) 0px 0px 20px;
}

.block-hero-image .overlay {
  position: relative;
  height: 100%;
}

.block-hero-image .person-background,
.block-hero-image .person-portrait img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.postid-124 .block-hero-image .person-background,
.postid-338 .block-hero-image .person-background {
  width: 170%;
  height: 170%;
  transform: translateY(-42%);
}

.postid-192 .block-hero-image .person-background,
.postid-344 .block-hero-image .person-background,
.postid-209 .block-hero-image .person-background,
.postid-362 .block-hero-image .person-background {
  width: 170%;
  height: 170%;
  transform: translateY(-42%);
}

.block-hero-image .person-portrait {
  position: absolute;
  top: 12%;
  left: 5.5rem;
  height: 70%;
  width: auto;
  aspect-ratio: 365 / 460;
  filter: drop-shadow(rgba(33, 33, 33, 0.67) 6px 6px 11px);
}

.block-intro-text .intro__text {
  margin-top: 12.938rem;
}

.block-image-slider .slider__text {
  padding: 2.5rem 7.75rem 2.5rem 3.75rem;
}

.block-image-slider .slider__slider {
  width: 100%;
  padding-bottom: 2.5rem;
}

.block-image-slider .slider__slider .splide__slide img {
  width: 100%;
}

.block-image-slider .slider__slider .splide__pagination {
  bottom: 3.5rem;
  padding: 0 3.75rem;
}

.block-image-slider .slider__slider .splide__pagination .splide__pagination__page {
  margin: 0.25rem;
}

.block-image-slider .slider__slider .splide__pagination .splide__pagination__page.is-active {
  transform: scale(1);
}

.block-image-slider .slider__frame {
  position: absolute;
  top: 0;
  right: 3.75rem;
  height: 100%;
  width: 70%;
  border-left: none;
}

.block-team {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  overflow-x: hidden;
}

.block-team .h1 {
  margin-left: 3.75rem;
}

.block-team .h1 a {
  padding-right: 4.75rem;
  color: var(--orange);
  background-position: right center;
  background-size: 3.875rem 3.75rem;
  background-repeat: no-repeat;
}

.block-team .team__list + div p {
  margin-left: 6.25rem;
  max-width: calc(100% - 10rem);
}

.block-team .team__list {
  position: relative;
  display: grid;
  /*
    https://codepen.io/pfiadDi/pen/eYmrzEd
    https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas
  */
  grid-template-areas: '. . p0 p1 p2' 'p3 p4 p5 p6 p7' '. p8 p9 p10 p11';
  justify-content: flex-end;
  gap: 0.5rem;
  row-gap: 0.625rem;
  padding: 1.25rem 0 1.25rem 4.75rem;
  z-index: 1;
}

.block-team .person .person__portrait {
  display: flex;
  position: relative;
  height: auto;
  width: 14.75vw;
  aspect-ratio: 12.5 / 14.5;
  overflow: hidden;
}

.block-team .person .person__portrait .person__overlay,
.block-team .person .person__portrait img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.block-team .person .person__portrait .person__overlay {
  background: linear-gradient(180deg, rgba(34,62,55,0) 20%, rgba(34,62,55,1) 100%);
  transition: all 0.25s ease-in-out;
}

.block-team .person:hover .person__portrait .person__overlay {
  height: 24%;
  top: 77%;
  bottom: 0;
}

.block-team .person .person__portrait img {
  filter: grayscale();
  transition: all 0.25s ease-in-out;
}

.block-team .person:hover .person__portrait img {
  filter: none;
}

.block-team .person .person__name {
  opacity: 0;
  position: absolute;
  bottom: 0.5rem;
  width: 100%;
  margin: 0;
  text-align: center;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}

.block-team .person:hover .person__name {
  opacity: 1;
}

.block-team .team__frame {
  position: absolute;
  width: 92%;
  height: calc(100% - 15.875rem);
  top: 15.875rem;
  left: 3.75rem;
  border-right: none;
}

.post-type-archive-person .block-team .team__list {
  margin-top: -11.625rem;
}

.post-type-archive-person .block-team .team__frame {
  height: calc(100% - 17.875rem);
  top: 11.875rem;
}

.block-business-areas {
  display: flex;
  flex-direction: column;
  /*gap: 6.25rem;*/
  gap: 4.25rem;
}

.block-business-areas .h1 strong {
  font-family: 'Söhne Leicht';
  color: var(--orange);
}

.block-business-areas .area-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.block-business-areas .area-list a {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
  width: calc(100% - 2.5rem);
  height: 21.875rem;
}

.block-business-areas .area-list a .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.75rem;
  height: 2.75rem;
  margin-left: -3rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  z-index: 1;
  transition: all 0.25s ease-in-out;
}

.block-business-areas .area-list a:nth-child(2n) {
  flex-direction: row-reverse;
}

.block-business-areas .area-list a:nth-child(2n) {
  background-position: center left calc(50% - 5rem);
}

.block-business-areas .area-list a div {
  display: flex;
  flex: 1 0 calc(50% - 1.25rem);
}

.block-business-areas .area-list a .area__title {
  flex-direction: column;
  justify-content: center;
  transition: all 0.25s ease-in-out;
}

.block-business-areas .area-list a .area__title strong {
  color: var(--orange);
}

.block-business-areas .area-list a .area__image {
  justify-content: flex-end;
}

.block-business-areas .area-list a .area__image img {
  object-fit: cover;
  object-position: center;
  mask: linear-gradient(89deg, rgba(0, 0, 0, 0) 5%, rgb(0, 0, 0) 49%);
  box-shadow: rgba(34, 34, 34, 0.1) 11px 24px 24px 4px;
  border-radius: 0 1.125rem 1.125rem 0;
  opacity: 0.7225;
}

.block-business-areas .area-list a:nth-child(2n) .area__image img {
  mask: linear-gradient(89deg, rgb(0, 0, 0) 53.5379%, rgba(0, 0, 0, 0) 100%);
  border-radius: 1.125rem 0 0 1.125rem;
}

.block-business-areas .area-list a:hover .area__title {
  padding-left: 3rem;
}

.block-business-areas .area-list a:hover .arrow {
  margin-left: 0;
  opacity: 1;
}

.block-business-areas .area-list__frame {
  position: absolute;
  width: 70%;
  height: calc(100% - 17rem);
  top: 17rem;
  right: 3.75rem;
  border-left: none;
}

.block-section-title {
  position: relative;
  margin: 5.25rem 0;
  display: flex;
}

.block-section-title:first-child {
  margin-top: 0;
}


.block-section-title h2 {
  display: inline-block;
  margin: 0 0rem;
  line-height: 0rem;
}

.single-person .block-section-title {
  opacity: 0;
}

.single-person .block-section-title:first-child {
  height: 0;
  overflow: hidden;
}

.entry-content .content-container {
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 1;
  gap: 2rem;
  row-gap: 2.688rem;
  max-width: 90rem;
  margin-top: -5.187rem;
  overflow: hidden;
}

.entry-content .content-container .inner-container {
  height: 100%;
  display: grid;
  grid-template-columns: calc(30% + 2rem) 1fr;
}

.entry-content .content-container .inner-container .section-nav {
  position: relative;
  padding-top: 7.875rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 1;
}

.section-nav.empty {
  opacity: 0;
  pointer-events: none;
  height: 0;
}

.section-nav.empty + .content-sections {
  margin-top: 5.187rem;
  padding-top: 2.5rem !important;
}

.entry-content .content-container .inner-container .section-nav ul {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: calc(100% - 2rem);
  margin-top: -0.75rem;
  padding: 0.75rem 0;
}

.entry-content .content-container .inner-container .section-nav ul a {
  display: inline-block;
  padding: 0 0.75rem 0.2rem;
  border-radius: 0.125rem;
  transition: all 0.25s ease-in-out;
  background-color: transparent;
}

.entry-content .content-container .inner-container .section-nav ul a.active {
  background-color: var(--orange);
}

.single-person .entry-content .content-container .inner-container .section-nav ul {
  border-bottom: 1px solid var(--white-50);
}

.entry-content .content-container .inner-container .content-sections {
  flex-basis: 70%;
  padding-top: 7.875rem;
  padding-bottom: 2.25rem;
}

.single-person .entry-content .content-container .inner-container .content-sections {
  display: flex;
  flex-direction: column;
  gap: 7.25rem;
}

.page-nav ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  row-gap: 2.688rem;
  max-width: 90rem;
  padding: 7rem 0;
}

.page-nav a {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 3.813rem;
  background-repeat: no-repeat;
  background-position: left top 1rem;
  background-size: 3.313rem;
  overflow: hidden;
  transition: all 0.25s ease-in-out;
}

.page-nav ul li span {
  position: absolute;
  top: 100%;
  color: var(--orange);
  opacity: 0;
  transition: all 0.25s ease-in-out;
}

.page-nav li:hover a {
  background-position: left bottom 0.25rem;
  padding-bottom: 4rem;
}

.page-nav li:hover a span {
  top: auto;
  bottom: 0;
  opacity: 1;
}

.team-list ul {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 6.625rem 0 2.375rem;
}

.team-list li {
  width: 100%;
}


.team-list li a {
  position: relative;
  display: block;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--white-90);
  transition: all 0.15s ease-out;
}

.team-list li a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.375rem;
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  background-size: 2.75rem;
  background-repeat: no-repeat;
  opacity: 0;
  transition: all 0.15s ease-out;
}

.team-list li:hover a {
  padding-left: 4rem;
}

.team-list li:hover a:before {
  opacity: 1;
}

.single-person #kontakt ul,
.single-person #contact ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1rem 0;
}

.single-person #kontakt ul li,
.single-person #contact ul li {
  display: flex;
  gap: 1.938rem;
  align-items: center;
}

.single-person #kontakt ul .icon,
.single-person #contact ul .icon {
  width: 3.5rem;
  height: 3.5rem;
  background-size: 62%;
}

.single-person #kontakt .note,
.single-person #contact .note {
  display: block;
  padding-top: 0.25rem;
}

footer {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 3.625rem 0 3.75rem;
  color: var(--white-90);
}

footer a {
  color: var(--white-90);
  transition: all 0.15s ease-out;
}

footer a:hover {
  opacity: 0.5;
}

footer .footer__header {
  position: relative;
  height: 15.898rem;
}

footer .footer__header .title {
  padding: 11.688rem 0 0 3.75rem;
  font-size: 2rem;
  letter-spacing: 0.08rem;
  line-height: 1.2;
  text-transform: uppercase;
}

footer .footer_contacts {
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
  padding: 1.875rem 0 0;
}

footer .footer_contacts > div {
  display: flex;
  flex-direction: column;
  flex: 1 0 calc(50% - 1.25rem);
}

header .menu-container .header_contacts .city,
footer .footer_contacts > div .city {
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  color: var(--orange);
  font-family: 'Söhne Leicht';
  border-bottom: 1px solid var(--white-50);
}

footer .footer_contacts > div p {
  margin-bottom: 2rem;
}

footer .footer_contacts > div p:last-child {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

footer .footer_contacts > div p .pill {
  margin-left: 1.125rem;
}

footer .footer_info {
  padding: 1rem 0 1.375rem;
  border: 1px solid var(--white-50);
  border-width: 1px 0;
}

footer .menu {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}

@media only screen and (max-width: 1439px) {
  .state-indicator:before {
    content: 'medium';
  }
  body,
  .area__title strong,
  .btn-24-7,
  h3 {
    font-size: 1.125rem;
  }
  h1,
  .h1,
  .page-nav a,
  header .menu-container nav .menu-item-type-post_type {
    font-size: 2.75rem;
  }
  article.not-found h1 {
    font-size: 5.5rem;
  }
  .lang-menu a,
  #site-title a,
  h2,
  h4,
  .team-list a,
  footer .footer_contacts > div .city,
  .block-intro-text,
  .block-image-slider,
  h1.pinned,
  p.large,
  .block-section-title h2,
  .area__title,
  p.large strong {
    font-size: 1.375rem;
  }
  .page-nav ul li span,
  p.x-large {
    font-size: 2rem;
  }
  header .menu-container .header_contacts p,
  footer .footer_contacts,
  footer .menu a,
  p.small {
    font-size: 1rem;
  }
  .pill,
  .single-person #kontakt .note,
  .single-person #contact .note,
  p.x-small {
    font-size: 0.75rem;
  }
  .lang-menu a,
  #site-title a {
    height: 4.438rem;
    line-height: 4.438rem;
    background-size: 5.25rem 100%;
  }
  header .menu-container {
    top: 7.188rem; /* (2 * 1.375rem) + 4.438rem = padding-top + padding-bottom + height */
    height: calc(100vh - 7.188rem);
  }
  header,
  header .top-container nav,
  header .menu-container,
  .block-image-slider .slider__slider .splide__pagination,
  .header,
  .entry-content > *,
  .page-nav,
  #footer {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  article.not-found {
    width: calc(100vw - 5rem);
  }
  .block-hero-video h1 {
    left: 4rem;
  }
  .block-hero-image .image__frame,
  .block-hero-video .video__frame {
    left: 2.5rem;
    width: calc(100% - 5rem);
  }
  .block-image-slider .slider__text {
    padding-left: 2.5rem;
    padding-right: 6.5rem;
  }
  .block-image-slider .slider__frame,
  .block-business-areas .area-list__frame {
    right: 2.5rem;
  }
  .block-team .team__frame {
    left: 2.5rem;
  }
  .post-type-archive-person .block-team .team__frame {
    top: 9rem;
  }
  .block-team .h1 {
    margin-left: 2.5rem;
  }
  .block-team .h1 a {
    padding-right: 3.5rem;
  }
  .post-type-archive-person .block-team .team__list {
    margin-top: -8.675rem;
  }
  .block-team .team__list + div p {
    margin-left: 5rem;
    max-width: calc(100% - 7.5rem);
  }
  .block-team .h1 a,
  .page-nav a,
  .block-business-areas .area-list a .arrow {
    background-size: 2.583rem 2.5rem;
  }
  .team-list li a:before {
    background-size: 2.1rem 2rem;
    background-position: left top -0.25rem;
  }
  .team-list li:hover a {
    padding-left: 2.5rem;
  }
  h1.entry-title .team-link {
    background-size: 1.75rem;
    padding-left: 2.25rem;
  }
  .page-nav a {
    background-position: left top 0.5rem;
  }
  .logo {
    width: 13.313rem;
    height: 11.188rem;
  }
  .block-intro-text .intro__text {
    margin-top: 9.125rem;
  }
  .frame {
    border-width: 0rem;
  }
  .contacts {
    gap: 1.25rem;
  }
  .contacts .icon {
    width: 3.5rem;
    height: 3.5rem;
  }
  .block-section-title {
    margin: 3.5rem 0;
  }
  .block-section-title::before,
  .block-section-title::after {
    width: 2rem;
    height: 3.5rem;
  }
  .block-section-title h2 {
    line-height: 3.5rem;
  }
  .block-business-areas .area-list__frame {
    height: calc(100% - 11.5rem);
    top: 11.5rem;
  }
  .entry-content .content-container .inner-container {
    display: flex;
    flex-direction: column;
  }
  .entry-content .content-container .inner-container .section-nav {
    margin-top: 5rem;
    padding-top: 4rem;
    background-color: var(--green);
  }
  .entry-content .content-container .inner-container .section-nav.empty + .content-sections {
    margin-top: 0;
    padding-top: 0 !important;
  }
  .entry-content .content-container .inner-container .section-nav ul {
    flex-direction: row;
    border-bottom: 1px solid var(--white-50);
  }
  .block-hero-image .person-portrait {
    top: 20%;
    left: 4rem;
    height: 55%;
  }
  .single-person #kontakt ul .icon,
  .single-person #contact ul .icon {
    width: 2.5rem;
    height: 2.5rem;
  }
  ul.dots li::before {
    width: 0.75rem;
    height: 0.75rem;
    margin-top: 0.55rem;
  }
  footer .footer__header .title {
    padding: 7rem 0 0 3.55rem;
  }
}

@media only screen and (max-width: 809px) {
  .state-indicator:before {
    content: 'small';
  }
  body,
  .area__title strong,
  .btn-24-7,
  h3 {
    font-size: 1rem;
  }
  .btn-24-7.active {
    right: 1.25rem;
  }
  h1,
  .h1,
  .page-nav a,
  header .menu-container nav .menu-item-type-post_type {
    font-size: 2rem;
  }
  article.not-found h1 {
    font-size: 3.5rem;
  }
  .lang-menu a,
  #site-title a,
  h2,
  h4,
  .team-list a,
  footer .footer_contacts > div .city,
  footer .footer__header .title,
  .block-intro-text,
  .block-image-slider,
  h1.pinned,
  p.large,
  .block-section-title h2,
  .area__title,
  p.large strong {
    font-size: 1.125rem;
  }
  p.x-large {
    font-size: 1.375rem;
  }
  .page-nav ul li span {
    font-size: 1.3rem;
  }
  header .menu-container .header_contacts p,
  footer .footer_contacts,
  footer .menu a,
  p.small {
    font-size: 0.875rem;
  }
  .pill,
  .single-person #kontakt .note,
  .single-person #contact .note,
  p.x-small {
    font-size: 0.75rem;
  }
  header[role=banner] {
    height: 5.563rem;
  }
  #content {
    padding-top: 5.563rem;
  }
  .lang-menu a,
  #site-title a {
    height: 2.813rem;
    line-height: 2.813rem;
    background-size: 3rem 100%;
  }
  header .menu-container {
    top: 5.563rem; /* (2 * 1.375rem) + 2.813rem = padding-top + padding-bottom + height */
    height: calc(100vh - 5.563rem);
    flex-direction: column-reverse;
    overflow: scroll;
  }
  #site-title a span {
    display: none;
  }
  header,
  header .top-container nav,
  header .menu-container,
  .block-image-slider .slider__slider .splide__pagination,
  .header,
  .entry-content > *,
  .page-nav,
  #footer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  article.not-found {
    width: calc(100vw - 2.5rem);
  }
  .block-hero-video h1 {
    left: 2.5rem;
  }
  .block-hero-image .image__frame,
  .block-hero-video .video__frame {
    top: 2.75rem;
    left: 1.25rem;
    height: calc(100% - 6.5rem)
  }
  .block-image-slider .slider__text {
    padding-left: 1.25rem;
    padding-right: 5.75rem;
  }
  .block-image-slider .slider__frame,
  .block-business-areas .area-list__frame {
    right: 1.25rem;
  }
  .block-team .team__frame {
    left: 1.25rem;
  }
  .block-team .h1 {
    margin-left: 1.25rem;
  }
  .block-team .h1 a {
    padding-right: 3rem;
  }
  .post-type-archive-person .block-team .team__list {
    margin-top: -7.5rem;
  }
  .post-type-archive-person .block-team .team__frame {
    height: calc(100% - 11.875rem);
    top: 6.5rem;
  }
  .post-type-archive-person .entry-content {
    gap: 0;
  }
  .post-type-archive-person .entry-content > p {
    padding: 2.5rem 1.25rem;
  }
  .block-team .team__list + div p {
    margin-left: 2.5rem;
    max-width: calc(100% - 3.75rem);
  }
  .team-list ul {
    padding-top: 5rem;
  }
  .block-team .h1 a,
  .page-nav a,
  .block-business-areas .area-list a .arrow {
    background-size: 2rem 2.063rem;
  }
  .team-list li a:before {
    background-size: 1.68rem 1.6rem;
  }
  .team-list li:hover a {
    padding-left: 2rem;
  }
  h1.entry-title .team-link {
    background-size: 1.5rem;
    padding-left: 2rem;
  }
  .page-nav a {
    background-position: left top 0.25rem;
  }
  .page-nav li:hover a {
    padding-bottom: 2.5rem;
    background-position: left bottom 0;
  }
  .logo {
    width: 10rem;
    height: 8.5rem;
  }
  .block-intro-text .intro__text {
    margin-top: 6.75rem;
  }
  .frame {
    border-width: 0rem;
    width: calc(100% - 2.5rem) !important;
  }
  .contacts {
    gap: 1rem;
  }
  .contacts .icon {
    width: 2.5rem;
    height: 2.5rem;
  }
  .block-team .team__frame {
    height: calc(100% - 12.875rem);
    top: 12.875rem;
  }
  .block-business-areas .area-list__frame {
    height: calc(100% - 9.5rem);
    top: 9.5rem;
  }
  .block-section-title {
    margin: 3rem 0;
  }

  .block-section-title h2 {
    line-height: 2.5rem;
  }
  .block-business-areas .area-list a,
  .block-business-areas .area-list a:nth-child(2n) {
    flex-direction: column-reverse;
    width: calc(100% - 1.25rem);
    height: auto;
    gap: 0;
    margin-bottom: 2rem;
  }
  .block-business-areas .area-list a:last-child {
    margin-bottom: 0;
  }
  .block-business-areas .area-list a .area__image img,
  .block-business-areas .area-list a:nth-child(2n) .area__image img {
    height: 46vw;
    mask: linear-gradient(0deg, rgba(0, 0, 0, 0) 5%, rgb(0, 0, 0) 49%);
    border-radius: 1.125rem;
  }
  .block-business-areas .contacts {
    padding-top: 0;
  }
  .block-hero-image .person-portrait {
    top: 20%;
    left: 2.5rem;
    width: 35%;
    height: auto;
  }
  .block-team .team__list {
    grid-template-areas: '. . . p0 p1' '. . p2 p3 p4' '. . p5 p6 p7' '. . p8 p9 p10' '. . . .  p11';
  }
  .block-team .person .person__portrait {
    width: 25vw;
  }
  .entry-content .content-container .inner-container .section-nav {
    margin-top: 3rem;
    padding-top: 5.5rem;
  }
  .entry-content .content-container .inner-container .section-nav ul {
    flex-direction: column;
  }
  .entry-content .content-container .inner-container .content-sections {
    padding-top: 5rem;
  }
  .single-person .entry-content .content-container .inner-container .content-sections {
    gap: 4rem;
  }
  .single-person #kontakt ul .icon,
  .single-person #contact ul .icon {
    width: 2.25rem;
    height: 2.25rem;
  }
  ul.dots li::before {
    width: 0.625rem;
    height: 0.625rem;
  }
  footer .logo {
    width: 7.25rem;
    height: 6.125rem;
  }
  footer .footer__header {
    height: 6rem;
  }
  footer .footer__header .title {
    padding: 3rem 0 0 0;
  }
  footer .footer_contacts {
    flex-direction: column;
    gap: 0;
  }
}


/*   Update   */
@media (min-width: 768px) {
h1.entry-title.pinned, h1.wp-block-heading.pinned {
margin-top: 50px!important;
}
.section-nav {
margin-top:20px!important;
}


}



#branding {
width: 320px;
height: 69px;
}


#site-title a {
padding-left:0px;
}

.logo,
.DBP-Logotype-White {
}
h1.entry-title .team-link,
.arrow-left-orange {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23F2400F' stroke-linecap='square' stroke-linejoin='round' stroke-width='2' d='M20.727 12H4.364'/%3E%3Cpath stroke='%23F2400F' stroke-linecap='square' stroke-width='2' d='M10.91 19.636 3.272 12l7.636-7.636'/%3E%3C/svg%3E");
}
.block-team h2 a,
.team-list li a:before,
.page-nav a,
.block-business-areas .area-list a .arrow,
.arrow-right-orange {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23F2400F' stroke-linecap='square' stroke-linejoin='round' stroke-width='2' d='M2.182 12h17.454'/%3E%3Cpath stroke='%23F2400F' stroke-linecap='square' stroke-width='2' d='M13.09 4.364 20.728 12l-7.636 7.636'/%3E%3C/svg%3E");
}
.fax-orange {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23F2400F' d='M18 7.72V2.67c0-.37-.3-.67-.67-.67H6.67C6.3 2 6 2.3 6 2.67v5.05h12ZM17.97 14.08H6.01v7.09c0 .46.36.83.82.83h10.34c.46 0 .83-.37.83-.83l-.03-7.09Z'/%3E%3Cpath fill='%23F2400F' d='M21.41 9.59C21.03 9.21 20.53 9 20 9H4c-.53 0-1.04.21-1.41.59-.37.38-.59.88-.59 1.41v5c0 .53.21 1.04.59 1.41.38.37.88.59 1.41.59h.88v-4.23c0-.53.43-.97.97-.97h12.19c.54 0 .97.44.97.97l-.03 4.22h1.03c.53 0 1.04-.21 1.41-.59.38-.38.59-.88.59-1.41v-5c0-.53-.21-1.04-.59-1.41l-.01.01Z'/%3E%3C/svg%3E");
}
.fax-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23F7F7F7' d='M18 7.72V2.67c0-.37-.3-.67-.67-.67H6.67C6.3 2 6 2.3 6 2.67v5.05h12ZM17.97 14.08H6.01v7.09c0 .46.36.83.82.83h10.34c.46 0 .83-.37.83-.83l-.03-7.09Z'/%3E%3Cpath fill='%23F7F7F7' d='M21.41 9.59C21.03 9.21 20.53 9 20 9H4c-.53 0-1.04.21-1.41.59-.37.38-.59.88-.59 1.41v5c0 .53.21 1.04.59 1.41.38.37.88.59 1.41.59h.88v-4.23c0-.53.43-.97.97-.97h12.19c.54 0 .97.44.97.97l-.03 4.22h1.03c.53 0 1.04-.21 1.41-.59.38-.38.59-.88.59-1.41v-5c0-.53-.21-1.04-.59-1.41l-.01.01Z'/%3E%3C/svg%3E");
}
.icon--fax,
.fax-white-50 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23F7F7F7' d='M18 7.72V2.67c0-.37-.3-.67-.67-.67H6.67C6.3 2 6 2.3 6 2.67v5.05h12ZM17.97 14.08H6.01v7.09c0 .46.36.83.82.83h10.34c.46 0 .83-.37.83-.83l-.03-7.09Z' opacity='.5'/%3E%3Cpath fill='%23F7F7F7' d='M21.41 9.59C21.03 9.21 20.53 9 20 9H4c-.53 0-1.04.21-1.41.59-.37.38-.59.88-.59 1.41v5c0 .53.21 1.04.59 1.41.38.37.88.59 1.41.59h.88v-4.23c0-.53.43-.97.97-.97h12.19c.54 0 .97.44.97.97l-.03 4.22h1.03c.53 0 1.04-.21 1.41-.59.38-.38.59-.88.59-1.41v-5c0-.53-.21-1.04-.59-1.41l-.01.01Z' opacity='.5'/%3E%3C/svg%3E");
}
.fax-white-90 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23F7F7F7' d='M18 7.72V2.67c0-.37-.3-.67-.67-.67H6.67C6.3 2 6 2.3 6 2.67v5.05h12ZM17.97 14.08H6.01v7.09c0 .46.36.83.82.83h10.34c.46 0 .83-.37.83-.83l-.03-7.09Z' opacity='.9'/%3E%3Cpath fill='%23F7F7F7' d='M21.41 9.59C21.03 9.21 20.53 9 20 9H4c-.53 0-1.04.21-1.41.59-.37.38-.59.88-.59 1.41v5c0 .53.21 1.04.59 1.41.38.37.88.59 1.41.59h.88v-4.23c0-.53.43-.97.97-.97h12.19c.54 0 .97.44.97.97l-.03 4.22h1.03c.53 0 1.04-.21 1.41-.59.38-.38.59-.88.59-1.41v-5c0-.53-.21-1.04-.59-1.41l-.01.01Z' opacity='.9'/%3E%3C/svg%3E");
}
.contacts .icon--mail:hover,
.mail-orange {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23F2400F' d='M22 17.22V7.5l-10.1 6-9.9-6v9.72c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2Z'/%3E%3Cpath fill='%23F2400F' d='M4 4c-1.1 0-2 .9-2 2l9.9 6L22 6c0-1.1-.9-2-2-2H4Z'/%3E%3C/svg%3E");
}
.mail-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23F7F7F7' d='M22 17.22V7.5l-10.1 6-9.9-6v9.72c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2Z'/%3E%3Cpath fill='%23F7F7F7' d='M4 4c-1.1 0-2 .9-2 2l9.9 6L22 6c0-1.1-.9-2-2-2H4Z'/%3E%3C/svg%3E");
}
.icon--mail,
.mail-white-50 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23F7F7F7' d='M22 17.22V7.5l-10.1 6-9.9-6v9.72c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2Z' opacity='.5'/%3E%3Cpath fill='%23F7F7F7' d='M4 4c-1.1 0-2 .9-2 2l9.9 6L22 6c0-1.1-.9-2-2-2H4Z' opacity='.5'/%3E%3C/svg%3E");
}
.mail-white-90 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23F7F7F7' d='M22 17.22V7.5l-10.1 6-9.9-6v9.72c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2Z' opacity='.9'/%3E%3Cpath fill='%23F7F7F7' d='M4 4c-1.1 0-2 .9-2 2l9.9 6L22 6c0-1.1-.9-2-2-2H4Z' opacity='.9'/%3E%3C/svg%3E");
}
.btn-24-7 .icon--phone:hover,
.contacts .icon--phone:hover,
.phone-orange {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23F2400F' d='M21 16.477v2.71a1.803 1.803 0 0 1-1.23 1.718c-.24.08-.492.11-.744.088a17.933 17.933 0 0 1-7.81-2.773 17.63 17.63 0 0 1-5.43-5.42 17.853 17.853 0 0 1-2.779-7.83A1.803 1.803 0 0 1 4.08 3.153c.23-.101.478-.154.73-.154h2.714c.44-.004.88.128 1.258.452s.491.668.553 1.102l.633 2.538a1.803 1.803 0 0 1-.407 1.906l-1.15 1.147a14.466 14.466 0 0 0 5.43 5.42l1.15-1.148a1.811 1.811 0 0 1 1.91-.406l2.543.632a1.81 1.81 0 0 1 1.556 1.834Z'/%3E%3C/svg%3E");
}
.phone-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23F7F7F7' d='M21 16.477v2.71a1.803 1.803 0 0 1-1.23 1.718c-.24.08-.492.11-.744.088a17.933 17.933 0 0 1-7.81-2.773 17.63 17.63 0 0 1-5.43-5.42 17.853 17.853 0 0 1-2.779-7.83A1.803 1.803 0 0 1 4.08 3.153c.23-.101.478-.154.73-.154h2.714c.44-.004.88.128 1.258.452s.491.668.553 1.102l.633 2.538a1.803 1.803 0 0 1-.407 1.906l-1.15 1.147a14.466 14.466 0 0 0 5.43 5.42l1.15-1.148a1.811 1.811 0 0 1 1.91-.406l2.543.632a1.81 1.81 0 0 1 1.556 1.834Z'/%3E%3C/svg%3E");
}
.icon--phone,
.phone-white-50 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23F7F7F7' d='M21 16.477v2.71a1.803 1.803 0 0 1-1.23 1.718c-.24.08-.492.11-.744.088a17.933 17.933 0 0 1-7.81-2.773 17.63 17.63 0 0 1-5.43-5.42 17.853 17.853 0 0 1-2.779-7.83A1.803 1.803 0 0 1 4.08 3.153c.23-.101.478-.154.73-.154h2.714c.44-.004.88.128 1.258.452s.491.668.553 1.102l.633 2.538a1.803 1.803 0 0 1-.407 1.906l-1.15 1.147a14.466 14.466 0 0 0 5.43 5.42l1.15-1.148a1.811 1.811 0 0 1 1.91-.406l2.543.632a1.81 1.81 0 0 1 1.556 1.834Z' opacity='.5'/%3E%3C/svg%3E");
}
.phone-white-90 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23F7F7F7' d='M21 16.477v2.71a1.803 1.803 0 0 1-1.23 1.718c-.24.08-.492.11-.744.088a17.933 17.933 0 0 1-7.81-2.773 17.63 17.63 0 0 1-5.43-5.42 17.853 17.853 0 0 1-2.779-7.83A1.803 1.803 0 0 1 4.08 3.153c.23-.101.478-.154.73-.154h2.714c.44-.004.88.128 1.258.452s.491.668.553 1.102l.633 2.538a1.803 1.803 0 0 1-.407 1.906l-1.15 1.147a14.466 14.466 0 0 0 5.43 5.42l1.15-1.148a1.811 1.811 0 0 1 1.91-.406l2.543.632a1.81 1.81 0 0 1 1.556 1.834Z' opacity='.9'/%3E%3C/svg%3E");
}
.menu-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='feather feather-menu'%3E%3Cpath d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E");
}
.menu-open .menu-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='feather feather-x'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
}