@font-face {
font-display: swap; font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-regular.eot); src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-regular.eot?#iefix) format('embedded-opentype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-regular.woff2) format('woff2'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-regular.woff) format('woff'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-regular.ttf) format('truetype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-regular.svg#NotoSans) format('svg'); } @font-face {
font-display: swap; font-family: 'Noto Sans';
font-style: italic;
font-weight: 400;
src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-italic.eot); src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-italic.eot?#iefix) format('embedded-opentype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-italic.woff2) format('woff2'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-italic.woff) format('woff'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-italic.ttf) format('truetype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-italic.svg#NotoSans) format('svg'); } @font-face {
font-display: swap; font-family: 'Noto Sans';
font-style: normal;
font-weight: 600;
src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-600.eot); src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-600.eot?#iefix) format('embedded-opentype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-600.woff2) format('woff2'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-600.woff) format('woff'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-600.ttf) format('truetype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-600.svg#NotoSans) format('svg'); } @font-face {
font-display: swap; font-family: 'Noto Sans';
font-style: italic;
font-weight: 600;
src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-600italic.eot); src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-600italic.eot?#iefix) format('embedded-opentype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-600italic.woff2) format('woff2'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-600italic.woff) format('woff'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-600italic.ttf) format('truetype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-600italic.svg#NotoSans) format('svg'); } @font-face {
font-display: swap; font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-700.eot); src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-700.eot?#iefix) format('embedded-opentype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-700.woff2) format('woff2'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-700.woff) format('woff'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-700.ttf) format('truetype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-700.svg#NotoSans) format('svg'); } @font-face {
font-display: swap; font-family: 'Noto Sans';
font-style: italic;
font-weight: 700;
src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-700italic.eot); src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-700italic.eot?#iefix) format('embedded-opentype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-700italic.woff2) format('woff2'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-700italic.woff) format('woff'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-700italic.ttf) format('truetype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-700italic.svg#NotoSans) format('svg'); } @font-face {
font-display: swap; font-family: 'Noto Sans';
font-style: normal;
font-weight: 900;
src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-900.eot); src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-900.eot?#iefix) format('embedded-opentype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-900.woff2) format('woff2'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-900.woff) format('woff'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-900.ttf) format('truetype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-900.svg#NotoSans) format('svg'); } @font-face {
font-display: swap; font-family: 'Noto Sans';
font-style: italic;
font-weight: 900;
src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-900italic.eot); src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-900italic.eot?#iefix) format('embedded-opentype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-900italic.woff2) format('woff2'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-900italic.woff) format('woff'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-900italic.ttf) format('truetype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/noto-sans-v27-latin-900italic.svg#NotoSans) format('svg'); }  @font-face {
font-display: swap; font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-700.eot); src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-700.eot?#iefix) format('embedded-opentype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-700.woff2) format('woff2'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-700.woff) format('woff'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-700.ttf) format('truetype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-700.svg#Montserrat) format('svg'); } @font-face {
font-display: swap; font-family: 'Montserrat';
font-style: italic;
font-weight: 700;
src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-700italic.eot); src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-700italic.eot?#iefix) format('embedded-opentype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-700italic.woff2) format('woff2'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-700italic.woff) format('woff'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-700italic.ttf) format('truetype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-700italic.svg#Montserrat) format('svg'); } @font-face {
font-display: swap; font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-800.eot); src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-800.eot?#iefix) format('embedded-opentype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-800.woff2) format('woff2'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-800.woff) format('woff'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-800.ttf) format('truetype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-800.svg#Montserrat) format('svg'); } @font-face {
font-display: swap; font-family: 'Montserrat';
font-style: italic;
font-weight: 800;
src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-800italic.eot); src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-800italic.eot?#iefix) format('embedded-opentype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-800italic.woff2) format('woff2'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-800italic.woff) format('woff'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-800italic.ttf) format('truetype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/montserrat-v25-latin-800italic.svg#Montserrat) format('svg'); }  @font-face {
font-display: swap; font-family: 'Mulish';
font-style: normal;
font-weight: 700;
src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-700.eot); src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-700.eot?#iefix) format('embedded-opentype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-700.woff2) format('woff2'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-700.woff) format('woff'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-700.ttf) format('truetype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-700.svg#Mulish) format('svg'); } @font-face {
font-display: swap; font-family: 'Mulish';
font-style: normal;
font-weight: 800;
src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-800.eot); src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-800.eot?#iefix) format('embedded-opentype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-800.woff2) format('woff2'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-800.woff) format('woff'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-800.ttf) format('truetype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-800.svg#Mulish) format('svg'); } @font-face {
font-display: swap; font-family: 'Mulish';
font-style: normal;
font-weight: 900;
src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-900.eot); src: url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-900.eot?#iefix) format('embedded-opentype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-900.woff2) format('woff2'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-900.woff) format('woff'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-900.ttf) format('truetype'), url(//pipe-free-hamburg.com/wp-content/themes/betheme-child/fonts/mulish-v12-latin-900.svg#Mulish) format('svg'); } :root {
--imageWidth: 480px;
--imageHeight: 200px;
--transitionTime: 250ms;
--blue: #004282;
--red: #af1320;
--grey: #49566088;
--red-brighter: hsl(355, 80%, 45%);
--border-width: 12px;
--border-gap: 24px;
--rings-base-size: 500px; --border-color: rgba(255,255,255,.7);
--headline-color: #495660cc;
--text-color: #1e272fee;
} .bubble {
display: block;
position: relative;
overflow: hidden; padding: 5% 2.5% 1.25% 2.5%;
aspect-ratio: 1;
width: 100%;
height: auto !important;
border-radius: 50%;
background-color: rgba(0, 66, 130, .85);  transition: transform 300ms, box-shadow 300ms;
text-decoration: none !important;
}
.bubble-content h2 {
word-break: normal !important;
}
.bubble:hover {
transform: rotate(-2deg) scale(1.1);
box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}
.bubble h1 {
font-size: 40px;
font-size: min(max(16px, 6vw), 40px) !important;
}
.bubble * { text-align: center;
} [role="none"] {
display: contents;
}
[role="none"]:before,
[role="none"]:after {
content: '';
float: left;
width: 50%;
height: 100%;
--bite:
radial-gradient(
farthest-side at var(--pos-x, 100%),
transparent 99%,
red);
shape-outside: var(--bite);
}
[role="none"]:after {
float: right;
--pos-x: 0;
}
.bubble-content {  }
.bubble-button {
display: inline-block;
margin: 20px auto 0 auto;
color: #ffffff;
background-color: #af1320;
border-color: transparent; font-weight: 500;
letter-spacing: 0;
padding: 16px 24px 18px 24px;
border-width: 3px;
border-radius: 100px;
} @media only screen and (max-width: 1239px) {
.bubble {
padding: 5% 2% 1% 2% !important;
}
.bubble-content h2 {
font-size: min(max(14px, 4vw), 16px) !important;
}
.bubble-content h1 {
font-size: min(max(16px, 4vw), 20px) !important;
}
.bubble-content p br:nth-child(1) {
display: none;
}
body.home .bubble-content p {
line-height: normal;
font-size: 14px;
}
.bubble-button {
margin-top: 0 !important;
padding: 4px 12px 4px 12px !important;
display: inline;
font-size: 12px !important; }
}  @media only screen and (max-width: 767px) {
.bubble {
border-radius: unset;
overflow: visible;
padding: 20px;
}
.bubble:hover {
transform: none;
box-shadow: none;
}
[role="none"]:before, [role="none"]:after {
display: none;
}
.bubble * {
text-align: left;
}
} h1 {
font: 900 48px/1.2 'Mulish', 'Montserrat', sans-serif;  text-transform: uppercase;
font-size: min(max(16px, 6vw), 48px) !important;
}
h2 {       font: 800 26px/1.2 'Mulish', 'Montserrat', sans-serif;
letter-spacing: normal;
font-size: min(max(14px, 3vw), 26px) !important;
margin-bottom: 4px !important;
}
h3 {
font: 800 24px/1.2 'Mulish', 'Montserrat', sans-serif !important;
text-transform: uppercase;
font-size: min(max(16px, 6vw), 24px) !important;
} .hidden {
display: none;
}  body.error404  {
display: grid !important;
align-content: center !important;
}
#Error_404 {
overflow: auto;
position: relative !important;
top: auto;
margin-top: 0 !important;
left: 0;
}
#Error_404 .error_desk p .check {
clear: both;
display: block;
}
#Error_404 .error_desk p .button {
clear: both;
display: inline-block;
margin: 30px 0 0 0;
}
#Error_404 h2 {
font-size: 60px !important;
line-height: 1.2 !important;
margin: 0 0 30px 0;
}
#Error_404 .error_pic > i {
font-size: 240px !important;
}
#Error_404 .error_pic > i:before {
margin-right: 0 !important;
}  .mcb-section ul {
list-style: none !important;
margin: 0 0 15px 0 !important;
} .mcb-section ul li {
position: relative;
margin: 0 0 0 1.5em;
} .mcb-section ul li::before {
position: absolute;
left: -1.5em;
top: 0.42em;
color: #afcb08;
content: '\002b';
line-height: 1;
content: '';
display: inline-block;
width: 0.889em;
height: 0.889em;
border-radius: 50%;
border: 0.167em solid var(--blue);
} .mcb-section ul li::after {
position: absolute;
left: -1.28em;
top: 0.66em;
content: '';
display: block;
width: 0.444em;
height: 0.444em;
border-radius: 50%;
border: 0.083em solid var(--red);
} .mcb-section ul li a {
color: var(--blue);
} .header-image {
padding-top: 300px;
padding-bottom: 100px;
transition: padding 300ms;
overflow: hidden; } .header-image .section_wrapper .mcb-wrap-inner {
display: flex;
justify-content: center;
}
.header-animation-wrapper {
position: absolute; height: 100%;  display: flex;
align-items: flex-end;
margin-top: 50px;
} .header-animation {   text-shadow: 4px 4px 0 black;
} .header-animation h2 {
position: relative;
font-size: 72px;
font-size: min(max(20px, 6vw), 72px) !important;
text-transform: uppercase;
letter-spacing: 0.03em;
line-height: normal;
left: -100vw; color: white; animation: 500ms left_to_center 1500ms ease-out forwards; } .header-animation h3 {
position: relative;
font: 800 26px/1 'Mulish', 'Montserrat', sans-serif; font-size: 110px;
font-size: min(max(36px, 6vw), 110px) !important;
text-transform: uppercase;  left: -100vw; color: var(--red-brighter);
animation: 500ms left_to_center 2500ms ease-out forwards;  }
@keyframes left_to_center {
0% {transform: translateX(-50%) skew(-60deg); } 100% {transform: translateX(0); left: 0; }
} .header-animation h3 span {
display: inline-block;
font-size: larger; left: -100vw;   animation: 500ms fade_in 3500ms ease-out forwards;
visibility: hidden;
}
@keyframes fade_in {
0% { visibility: visible; transform: scale(.1);}
50% { visibility: visible; transform: scale(2);}
100% { visibility: visible; transform: scale(1); left: 0;}
} @media only screen and (max-width: 1239px) {
.header-image {
padding-top: 250px;
padding-bottom: 50px; background-attachment: scroll !important;
background-position: top center !important;
}
.header-image .mcb-wrap-inner {
display: flex !important;
align-items: flex-end !important;
}
.global-sizer {
transform: scale(.75);
}
} @media only screen and (max-width: 767px) {
.header-image {
padding-top: 0;
padding-bottom: 0;
}
.global-sizer {
transform: scale(.5);
}
} .loader-wrapper {
position: relative;
display: block;
width: 0; height: 0; width: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 4) + var(--border-width));
height: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 4) + var(--border-width));
left: 50%;
transform: translateX(-50%) scale(1.2);
} .loader-wrapper img.scale-with-grid {
position: absolute;
display: block;
z-index: 10; height: 100% !important;
max-height: 750px !important;
width: auto !important;  filter: drop-shadow(16px 16px 2px rgba(0,0,0,0.85));
left: 50%;
transform: translateX(-50%) scale(0);     animation: 1000ms scale 2s ease-out forwards;
animation: 1000ms scale ease-out forwards; }
@keyframes scale {
0% {
transform: translateX(-50%) scale(.2);    }
25% {  }
100% {
transform: translateX(-50%) scale(1);  }
}
.loader,
.loader::before,
.loader::after {
display: block;
border-radius: 50%;
border: var(--border-width) solid transparent;
}
.loader::before,
.loader::after {
position: absolute;
content: ''; border-color: rgba(255, 255, 255, 0.1);
background: var(--rings-background);
backface-visibility: hidden;
}
.loader {
position: absolute;   display: block; width: 0; height: 0; width: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 4) + var(--border-width));
height: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 4) + var(--border-width));   transform: scale(1.4);
}  .loader:nth-child(1)::before {
left: 60px;
top: 60px;
width: 0; height: 0; width: calc(calc(var(--rings-base-size) - var(--border-gap)) - var(--border-width));
height: calc(calc(var(--rings-base-size) - var(--border-gap)) - var(--border-width)); border-top-color: var(--border-color);
border-right-color: var(--border-color); animation: rotation 4000ms linear infinite;
}
.loader:nth-child(1)::after {
left: 36px;
top: 36px;
width: 0; height: 0; width: calc(var(--rings-base-size) + var(--border-width));
height: calc(var(--rings-base-size) + var(--border-width)); border-right-color: var(--border-color);
animation: rotation 4100ms linear infinite;
}
.loader:nth-child(2)::before {
left: 12px;
top: 12px;
width: 0; height: 0; width: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 2) + var(--border-width));
height: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 2) + var(--border-width)); border-bottom-color: var(--border-color);
animation: rotation 4200ms linear infinite;
}
.loader:nth-child(2)::after {
left: -12px;
top: -12px;
width: 0; height: 0; width: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 4) + var(--border-width));
height: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 4) + var(--border-width)); border-left-color: var(--border-color);
animation: rotation 4300ms linear infinite;
}
.loader:nth-child(3)::before {
left: -36px;
top: -36px;
width: 0; height: 0; width: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 6) + var(--border-width));
height: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 6) + var(--border-width)); border-top-color: var(--border-color);
animation: rotation 4400ms linear infinite;
}
.loader:nth-child(3)::after {
left: -60px;
top: -60px;
width: 0; height: 0; width: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 8) + var(--border-width));
height: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 8) + var(--border-width)); border-right-color: var(--border-color);
animation: rotation 4500ms linear infinite;
}
.loader:nth-child(4)::before {
left: -84px;
top: -84px;
width: 0; height: 0; width: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 10) + var(--border-width));
height: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 10) + var(--border-width)); border-bottom-color: var(--border-color);
animation: rotation 4600ms linear infinite;
}
.loader:nth-child(4)::after {
left: -108px;
top: -108px;
width: 0; height: 0; width: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 12) + var(--border-width));
height: calc(calc(var(--rings-base-size) + calc(var(--border-gap)) * 12) + var(--border-width)); border-left-color: var(--border-color);
animation: rotation 4700ms linear infinite;
} @keyframes rotation {
0% {
transform: rotate(0deg); }
50% { }
100% {
transform: rotate(360deg); }
} @media only screen and (max-width: 1239px) {
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li { -webkit-hyphens: auto;
-webkit-hyphenate-limit-before: 3;
-webkit-hyphenate-limit-after: 3;
-webkit-hyphenate-limit-chars: 6 3 3;
-webkit-hyphenate-limit-lines: 2;
-webkit-hyphenate-limit-last: always;
-webkit-hyphenate-limit-zone: 8%;
-moz-hyphens: auto;
-moz-hyphenate-limit-chars: 6 3 3;
-moz-hyphenate-limit-lines: 2;
-moz-hyphenate-limit-last: always;
-moz-hyphenate-limit-zone: 8%;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: 6 3 3;
-ms-hyphenate-limit-lines: 2;
-ms-hyphenate-limit-last: always;
-ms-hyphenate-limit-zone: 8%;
hyphens: auto; }
}  #body_overlay { background: hsla(0, 0%, 100%, 0.7);
} #menu > ul > li > a {
font-weight: 400;
} #Action_bar {
background-color: var(--blue);
padding: 0 !important;
height: 61px;
}
#Action_bar .contact_details {
width: 100%;
float: none;
display: flex !important;
justify-content: space-between !important;
font-size: 14px;
} @media only screen and (max-width: 1239px) {
#Action_bar .contact_details  {
margin-right: 0;
padding: 0;
font-size: 11px;
}
} @media only screen and (max-width: 767px) {
#Action_bar {
height: auto !important;
}
#Action_bar > .container .column.one {
display: flex !important;
align-items: center !important;
}
} @media only screen and (max-width: 360px) {
#Action_bar .contact_details  {
display: block !important;
}
#Action_bar .contact_details li { padding: 0 !important;
line-height: 1 !important;
}
} #Top_bar {
background-color: rgba(255, 255, 255, 1);
}
#Top_bar .menu > li > a span.description {
font-size: 12px;
line-height: 12px!important;
margin: -12px -15px 0 0; color: rgba(30, 39, 47, 0.8);
font-weight: 600 !important;
text-align: left !important;
}
#Top_bar .menu > li.current-menu-item > a span.description {
color: var(--red) !important;
}
#Top_bar .menu > li > a span:not(.description) {
padding: 0 30px !important;
}
#Top_bar #logo {
height: 100px !important;
width: auto !important;
line-height: 1 !important;
padding: 15px 0 15px 0 !important;
} #Top_bar a.responsive-menu-toggle .icon-menu-fine {
font-size: 30px;
line-height: 1;
color: var(--red);
} @media only screen and (max-width: 767px) {
#Top_bar a.responsive-menu-toggle {
top: 50% !important;
right: 20px;
}
} #Top_bar .menu_wrapper {
float: left;
z-index: 201;
height: 100%;
display: flex !important; align-items: center !important;
margin-top: -10px;
} #Top_bar.is-sticky .menu_wrapper {
margin-top: 0;
}
#Top_bar a {
text-transform: uppercase;  font-family: 'Mulish', 'Montserrat', sans-serif !important;
letter-spacing: .02em !important; }    #menu-mainmenu .menu-item {
position: relative;
}   @media only screen and (min-width: 1240px) {
#Top_bar.is-sticky #logo {
padding: 0 !important; line-height: 60px !important;
}
}   #Footer { background: rgb(0,39,76);
background: -moz-linear-gradient(top,  rgba(0,39,76,1) 33%, rgba(0,39,76,1) 33%, rgba(0,66,130,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,39,76,1) 33%,rgba(0,39,76,1) 33%,rgba(0,66,130,1) 100%);
background: linear-gradient(to bottom,  rgba(0,39,76,1) 33%,rgba(0,39,76,1) 33%,rgba(0,66,130,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00274c', endColorstr='#004282',GradientType=0 );
}
#Footer .widget.widget_block {
margin-bottom: 0 !important;
}
#Footer .widget.widget_nav_menu {
margin-top: 0 !important;
} #Footer .widget_nav_menu ul { padding-left: 16px;
background: transparent;
}
#Footer .widget_nav_menu ul li::after {
border: none;
}
#Footer .widget_nav_menu ul {
padding: 0 !important;
margin: 0 0 0 1em;
}
#Footer .widget_nav_menu ul li a {
padding: 0;
}
#Footer a[aria-current="page"] {
color: white;
text-decoration: underline;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
margin-left: 0;
}
#Footer .widget.widget_nav_menu {
margin-bottom: 0 !important;
}   #Footer ._brlbs-btn-cookie-preference.borlabs-cookie-preference,
#Footer ._brlbs-btn-cookie-preference.borlabs-cookie-preference:hover {
position: relative;
padding: 0;
color: rgba(255, 255, 255, 0.7) !important;
background: transparent !important;
list-style-type: square;
}  #Footer .widget_nav_menu ul {
list-style-type: none;
}
#Footer .widget_nav_menu ul li:before {
content: '';
position: absolute;
display: block;
width: 6px;
aspect-ratio: 1;
background-color: #4c98d6;
left: -17px;
top: calc(50% - 3px);
}
@media only screen and (max-width: 479px) {
#Footer .widget_nav_menu ul li:before {
width: 4px;
left: -10px;
top: calc(50% - 2px);
}
} .wave {
position: relative;  overflow: hidden; background: rgb(136,223,226);
background: -moz-linear-gradient(top,  rgba(136,223,226,1) 0%, rgba(0,135,219,1) 100%);
background: -webkit-linear-gradient(top,  rgba(136,223,226,1) 0%,rgba(0,135,219,1) 100%);
background: linear-gradient(to bottom,  rgba(136,223,226,1) 0%,rgba(0,135,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88dfe2', endColorstr='#0087db',GradientType=0 );
} .wave:before, .wave:after {
content: '';
position: absolute;
left: 50%;
min-width: 300vw;
min-height: 300vw; background: rgb(161,219,255);
background: -moz-linear-gradient(top,  rgba(161,219,255,1) 0%, rgba(240,249,255,1) 80%, rgba(240,249,255,1) 80%);
background: -webkit-linear-gradient(top,  rgba(161,219,255,1) 0%,rgba(240,249,255,1) 80%,rgba(240,249,255,1) 80%);
background: linear-gradient(to bottom,  rgba(161,219,255,1) 0%,rgba(240,249,255,1) 80%,rgba(240,249,255,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1dbff', endColorstr='#f0f9ff',GradientType=0 );
-webkit-animation-name: rotate;
animation-name: rotate;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.wave:before {
bottom: 15vh;
border-radius: 45%;
-webkit-animation-duration: 10s;
animation-duration: 10s;
}
.wave:after {
bottom: 12vh;
opacity: 0.5;
border-radius: 47%;
-webkit-animation-duration: 10s;
animation-duration: 10s;
}
@-webkit-keyframes rotate {
0% {
transform: translate(-50%, 0) rotateZ(0deg);
}
50% {
transform: translate(-50%, -2%) rotateZ(180deg);
}
100% {
transform: translate(-50%, 0%) rotateZ(360deg);
}
}
@keyframes rotate {
0% {
transform: translate(-50%, 0) rotateZ(0deg);
}
50% {
transform: translate(-50%, -2%) rotateZ(180deg);
}
100% {
transform: translate(-50%, 0%) rotateZ(360deg);
}
}  img.scale-with-grid,
#Content img {
max-width: 100%;
height: auto;
}  .circular-img {
display: inline-block;
aspect-ratio: 1 !important;
height: auto !important;
border-radius: 50%; border: 3px solid var(--grey);    transform: translateZ(0) !important; overflow: hidden;
} .column_attr.mfn-inline-editor.clearfix.align_center:has(.flex-box-vertical) {
box-shadow: 0 0 4px rgba(0, 0, 0, .3);
} @media only screen and (min-width: 768px) and (max-width: 959px) { .flex-box-vertical img {
width: 160px !important;
height: 160px !important;
}
} .uppercase {
text-transform: uppercase;
}  .shadow-on-hover {
box-shadow: 0 0 4px rgba(0, 0, 0, .3);
-webkit-transition: box-shadow var(--transitionTime), transform var(--transitionTime);
-moz-transition: box-shadow var(--transitionTime), transform var(--transitionTime);
-o-transition: box-shadow var(--transitionTime), transform var(--transitionTime);
-ms-transition: box-shadow var(--transitionTime), transform var(--transitionTime);
transition: box-shadow var(--transitionTime), transform var(--transitionTime);
}
.shadow-on-hover:hover {
box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
transform: translateY(-6px);
}  .two-flex-columns .two-flex-columns-column .column,
.two-flex-columns .two-flex-columns-column .columns {
margin: 0 1% 0 1% !important;
}
.two-flex-columns .two-flex-columns-column .mcb-wrap-inner { height: 100% !important;
}
.two-flex-columns .two-flex-columns-column .column_attr.clearfix,
.two-flex-columns .two-flex-columns-column .column {
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: 100% !important;
height: 100% !important; }
.two-flex-columns .two-flex-columns-column .flex-grow {
flex: 1;
} @media only screen and (min-width: 1240px) {
.two-flex-columns .section_wrapper {
display: flex;
max-width: 1190px !important;
flex-flow: row wrap;
justify-content: space-between !important;
align-items: stretch; }
.two-flex-columns .two-flex-columns-column {
flex: 0 1 calc(50% - 20px) !important;  padding: 40px 40px 40px 40px;
hyphens: auto;
background-color: whitesmoke;
margin: 0 0 40px 0;
}
.two-flex-columns .two-flex-columns-column:nth-child(odd) {
margin-right: 20px;
}
.two-flex-columns .two-flex-columns-column:nth-child(even) {
margin-left: 20px;
}
.two-flex-columns .two-flex-columns-column:last-child {
margin-right: 0;
background-color: transparent;
}
} @media only screen and (max-width: 1239px) {
.two-flex-columns .section_wrapper {
display: block !important;
}
.two-flex-columns .two-flex-columns-column {
display: block;
width: 100%;
padding: 40px 40px 40px 40px;
background-color: whitesmoke;
margin: 0 0 40px 0;
}
.two-flex-columns .two-flex-columns-column:first-child {
margin-right: 0;
}
.two-flex-columns .two-flex-columns-column:last-child {
margin-left: 0;
background-color: transparent;
}
} @media only screen and (min-width: 960px) and (max-width: 1239px) {
.two-flex-columns .section_wrapper {
max-width: 920px !important;
}
.two-flex-columns .two-flex-columns-column {
padding: 40px 40px 40px 40px;
background-color: whitesmoke;
margin: 0 0 40px 0;
}
} @media only screen and (min-width: 768px) and (max-width: 959px) {
.two-flex-columns .section_wrapper {
max-width: 698px !important;
}
.two-flex-columns .two-flex-columns-column img.scale-with-grid {
width: 140px !important;
height: auto !important;
} } @media only screen and (max-width: 767px) {
.two-flex-columns .section_wrapper {
max-width: 480px !important;
padding-left: 33px !important;
padding-right: 33px !important;
}
.two-flex-columns .two-flex-columns-column img.scale-with-grid {
width: 100px !important;
height: auto !important;
}
.two-flex-columns .two-flex-columns-column:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
}  .padding-left {
padding-left: 100px;
}
.padding-right {
padding-right: 100px;
}
.padding-left-20 {
padding-left: 20px;
}
.padding-right-20 {
padding-right: 20px;
}
.padding-left-100 {
padding-left: 100px;
}
.padding-right-100 {
padding-right: 100px;
} @media only screen and (max-width: 767px) {
.padding-left,
.padding-left-20 {
padding-left: 0;
}
.padding-right,
.padding-right-20 {
padding-right: 0;
}
}  @media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance: none) { }
}   .wpcf7 form .wpcf7-response-output {
margin: 2em 0 0 0;
padding: 8px 20px;
border: none !important;
color: white;
background-color: #26d36e;
}
.wpcf7 form input:not([type="submit"]),
.wpcf7 form textarea {
background-color: rgba(255,255,255,.2);
box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
border: none;
transition: background-color 250ms;
}
.wpcf7 form input:not([type="submit"]):focus,
.wpcf7 form textarea:focus {
background-color: rgba(255,255,255,.9);
}  #back_to_top i::before {
color: white;
}
.footer_button {
color: var(--red) !important;
background-color: transparent;
box-shadow: none !important;
}
.footer_button:hover {
background-color: var(--red);
}
#back_to_top.in_footer {
bottom: 60px;
right: 75px;
}
#back_to_top [class^="icon-"]:before,
#back_to_top [class*=" icon-"]:before {
margin: 0;
} .dotted-badge {
display: flex;
justify-content: center;
align-items: center;  border-radius: 50%;
border: 5px dotted var(--red);
height: auto !important;
font-family: 'Mulish', 'Montserrat', sans-serif !important;
font-size: 22px;
font-weight: 900 !important;
padding: 20px;
transform: rotate(-5deg); }
.dotted-badge > div {
padding-top: 15px;
margin: 0 !important;
} @media only screen and (max-width: 767px) {
.dotted-badge-untersuchen {
transform: scale(.7) translateX(-50%) rotate(-5deg);
}
}  #sticky-bar { --sticky-bar-size: 80px;
position: fixed;
z-index: 10;
top: 300px;
top: 30%;
right: 0;
width: var(--sticky-bar-size);
height: var(--sticky-bar-size);
border-top-left-radius: var(--sticky-bar-size);
border-bottom-left-radius: var(--sticky-bar-size);
display: flex;
justify-content: center;
align-items: center;
background-color: var(--red);
cursor: pointer; padding-left: 10px;
} #sticky-bar > * {
color: white;
font-size: 30px !important;
line-height: 1;
margin-bottom: 0;
}
#sticky-bar > * > span {
display: block;
color: white;
font-size: 15px !important;
text-transform: uppercase;
line-height: 1;
margin-bottom: 0;
} #layer {
display: none;
position: fixed;
z-index: 300;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 60px);
max-width: 640px;
height: auto;
margin: 0;    box-shadow: 0 0 20px rgba(0,0,0,0.5);
} #layer-close-button {
position: absolute;
z-index: 300;
top: 10px;
right: 10px;
width: 36px;
height: 36px;
padding: 0;
font-size: 26px;
line-height: 1;
text-align: center;
border-radius: 50%; display: flex;
justify-content: center;
align-items: center;
}  @media only screen and (max-width: 767px) { #layer .section_wrapper {
padding: 0 !important;
}
} .skewed-title {
margin: 30px 6px 0 6px;
display: inline-block; transform: skew(-15deg);
color: white; font-size: 18px; box-decoration-break: clone;
background-color: var(--blue);
padding: 2px 8px;
border-radius: 4px;
} .button.button_size_2:focus-visible,
.bubble:focus-visible,
#back_to_top:focus-visible,
#sticky-bar:focus-visible {
outline: 3px solid greenyellow;
outline-offset: 3px;
}
#Footer .widget_nav_menu ul li a:focus-visible,
#Footer .footerlogo:focus-visible,
#Footer .footeremail:focus-visible,
#Footer a[href^="tel"]:focus-visible,
#logo:focus-visible,
.contact_details .phone.phone-1 a:focus-visible,
.contact_details .mail-link:focus-visible {
outline: 3px solid var(--red-brighter);
outline-offset: 3px;
}
#Top_bar .menu > li > a:focus-visible {
outline: 2px solid var(--red-brighter);
}
#menu-footermenu > li > a:focus-visible {
outline: 2px solid var(--red-brighter);
}
.wpcf7-submit:focus-visible {
outline: 3px solid var(--blue);
outline-offset: 6px;
}
.flex-box-vertical a:focus-visible,
.mfn-inline-editor a:focus-visible,
.mail-link:focus-visible {
outline: 3px solid var(--red-brighter);
outline-offset: 3px;
}