.et_pb_map{height:440px;width:100%;position:relative}.et_pb_map_container img{max-width:inherit}.et_pb_map_pin{display:none;visibility:hidden}.et_pb_column_2_3 .et_pb_map{height:400px}.et_pb_column_1_2 .et_pb_map,.et_pb_column_3_5 .et_pb_map,.et_pb_column_3_8 .et_pb_map{height:280px}.et_pb_column_1_3 .et_pb_map,.et_pb_column_1_4 .et_pb_map,.et_pb_column_1_5 .et_pb_map,.et_pb_column_1_6 .et_pb_map,.et_pb_column_2_5 .et_pb_map{height:230px}@media (min-width:981px) and (max-width:1405px){.et_pb_column .et_pb_map{max-width:100%}}@media (max-width:980px){.et_pb_map_container>.et_pb_map{height:350px}}@media (max-width:767px){.et_pb_map_container>.et_pb_map{height:220px}}@media (max-width:479px){.et_pb_map_container>.et_pb_map{height:200px}}.chrome.parallax-map-support .et_pb_map{-webkit-transform:inherit!important;transform:inherit!important}@font-face {
font-family: 'Archivo Black';
font-style: normal;
font-weight: 400;
src: url(https://hf-kontor.de/wp-content/themes/Divi-Child-Theme/fonts/archivo-black-v16-latin-regular.eot); src: local(''),
url(https://hf-kontor.de/wp-content/themes/Divi-Child-Theme/fonts/archivo-black-v16-latin-regular.eot?#iefix) format('embedded-opentype'), url(https://hf-kontor.de/wp-content/themes/Divi-Child-Theme/fonts/archivo-black-v16-latin-regular.woff2) format('woff2'), url(https://hf-kontor.de/wp-content/themes/Divi-Child-Theme/fonts/archivo-black-v16-latin-regular.woff) format('woff'), url(https://hf-kontor.de/wp-content/themes/Divi-Child-Theme/fonts/archivo-black-v16-latin-regular.ttf) format('truetype'), url(https://hf-kontor.de/wp-content/themes/Divi-Child-Theme/fonts/archivo-black-v16-latin-regular.svg#ArchivoBlack) format('svg'); } @font-face {
font-family: 'Rockville Solid';
font-style: normal;
font-weight: 400;
src: local('Rockville Solid'), url(https://hf-kontor.de/wp-content/themes/Divi-Child-Theme/fonts/rockville-solid.woff) format('woff');
}
:root {
--main-blue: #004059;
--main-orange: #e27f12;
--secondary-orange: #ff6b4a;
--ff-rockville: "Rockville Solid", sans-serif;
--ff-archivo: "Archivo Black", sans-serif;
--logo-link: url(//hf-kontor.de/wp-content/themes/Divi-Child-Theme/images/Header-Welle.svg);
}
#page-container {
position: relative;
}
body .language-menu.et_pb_module.et_pb_menu ul li.wpml-ls-current-language a,
body
.language-menu.et_pb_module.et_pb_menu
ul
li.wpml-ls-current-language
a:visited {
color: var(--main-orange) !important;
}
header {
background: var(--logo-link);
background-repeat: no-repeat;
overflow: visible;
background-position: center -2px;
z-index: 3;
position: absolute;
width: 100%;
}
.language-menu {
margin-right: 40px;
margin-top: 14px;
}
.language-menu li {
width: 36px;
overflow: hidden;
white-space: nowrap;
}
.language-menu li:not(:first-child):after {
content: "";
position: absolute;
height: 12px;
width: 2px;
background: #fff;
left: 3px;
}
.language-menu .et_mobile_nav_menu {
display: none;
}
.language-menu.et_pb_menu .et_pb_menu__menu {
display: block;
}
body .language-menu.et_pb_module.et_pb_menu ul li a {
font-size: 14px;
}
.row--with-logo-menu .et_pb_column--with-menu {
display: flex;
flex-direction: row-reverse;
justify-content: flex-start;
}
#et-main-area #main-content div.et_pb_section.et_pb_section_0 {
padding-top: 300px;
}
header:before {
content: "";
height: 50px;
width: 100%;
background-color: var(--main-blue);
background-size: 100%;
position: absolute;
top: 0;
}
.mobile-menu-only a {
font-size: 14px !important;
}
.mobile-menu-only {
height: 30px;
}
.mobile-menu-only ~ .mobile-menu-only {
margin-top: 0;
}
.mobile-menu-only {
margin-top: auto;
}
#mobile_menu1 li:first-child {
margin-top: auto;
} @media screen and (min-width: 981px) {
header:before {
display: none;
}
.row--with-logo-menu .et_pb_column--with-menu {
justify-content: space-between;
flex-direction: row;
}
.language-menu {
margin-right: 5px;
margin-top: 0;
}
.mobile-menu-only {
display: none !important;
}
}
@media screen and (max-width: 980px) {
body.mobile-nav-is-open .row--with-logo-menu .et_pb_column:first-child {
position: fixed;
width: 45% !important;
z-index: 10;
}
body.mobile-nav-is-open .row--with-logo-menu .mobile_menu_bar {
z-index: 10;
position: fixed;
right: 30px;
}
body.mobile-nav-is-open .row--with-logo-menu .language-menu {
position: fixed;
z-index: 10;
bottom: 100px;
right: 0;
}
header {
background-position: center 40px;
}
header .row--with-logo-menu {
padding-top: 20px;
}
.product-line {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.et_pb_row_1-4_1-4 > .et_pb_column.et_pb_column_1_4,
.et_pb_row_1-4_1-4_1-2 > .et_pb_column.et_pb_column_1_4,
.et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {
width: 70%;
margin: 0;
}
.header--inforow p {
text-align: center !important;
}
body .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
color: #fff; font-size: 80px;
margin-right: -20px;
}
}
@media screen and (max-width: 767px) {
body .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
font-size: 50px;
}
}
@media screen and (min-width: 1440px) {
header {
background-size: 100%;
}
}
@media screen and (min-width: 1740px) {
header {
background-size: 100%;
background-position-y: -20px;
}
}
@media screen and (min-width: 2040px) {
header {
background-position-y: -40px;
}
}
#top-menu a {
font-family: var(--ff-archivo);
letter-spacing: 2px;
text-transform: uppercase;
font-size: 18px;
}
#et-top-navigation {
float: left;
}
.container.et_menu_container {
display: flex;
justify-content: flex-start;
align-items: baseline;
height: 200px;
}
.et_header_style_left .logo_container,
.et_header_style_left #et-top-navigation {
position: relative;
}
body #et-top-navigation {
padding-top: 0 !important;
padding-left: 0 !important;
}
.logo_container {
flex: 20%;
min-width: 200px;
}
#et-top-navigation {
flex: 80%;
}
header#main-header {
box-shadow: none;
}
.main--heading h2 {
text-transform: uppercase;
font-size: 18px;
letter-spacing: 1.5px;
}
.secondary--heading h3, .secondary--heading h1 {
font-family: var(--ff-rockville);
font-size: 95px;
color: var(--main-orange);
}
.fliesstext p {
font-size: 14px;
line-height: 1.4;
}
.image-undertitle h4 {
color: #fff;
font-family: var(--ff-rockville);
font-size: 35px;
margin-top: -20px;
}
.row--product-with-description h3 {
text-transform: uppercase;
font-size: 18px;
letter-spacing: 1.5px;
}
.row--product-with-description p {
font-size: 14px;
}
.row--product-with-description a {
font-size: 14px;
font-weight: 800;
}
.row--product-with-description {
display: flex;
flex-direction: row;
align-items: center;
}
.product--section {
margin-bottom: 70px;
z-index: 1;
}
.product--section .et_had_animation {
z-index: 2;
}
img[src$="/wp-content/themes/Divi/includes/builder/images/marker.png"] {
background-image: url(https://hf-kontor.de/wp-content/themes/Divi-Child-Theme/images/marker.png);
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 100px !important;
background-repeat: no-repeat;
background-size: contain;
background-position: top left;
}
@media screen and (max-width: 980px) {
.product--section:after {
content: url(//hf-kontor.de/wp-content/uploads/2022/01/HF-Produkt-teaser-Background-mobile.svg);
}
}
@media screen and (min-width: 1440px) {
.product--section:after {
transform: scaleX(1.25);
}
}
div#main-content .et_pb_section:last-child {
padding-bottom: 250px;
}
div#main-content:after {
content: url(https://hf-kontor.de/wp-content/themes/Divi-Child-Theme/images/Footer-Welle.svg);
display: inline-block;
width: 100%;
z-index: 1;
position: relative;
top: -100px;
}
.et-fb-iframe-ancestor div#main-content:after {
display: none;
}
@media screen and (min-width: 1600px) {
div#main-content {
margin-bottom: -560px;
}
}
.footer--section p {
color: #fff;
}
.footer--first-line a {
font-size: 14px;
font-family: var(--ff-archivo);
letter-spacing: 2px;
text-transform: uppercase;
}
.footer--first-line p {
font-size: 18px;
font-family: var(--ff-archivo);
letter-spacing: 2px;
text-transform: uppercase;
}
.header--inforow {
font-family: var(--ff-archivo);
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1.5px;
line-height: 1.1;
}
ul#mobile_menu1 {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100vw;
background-color: rgba(0, 64, 89, 1) !important;
z-index: 4;
flex-direction: column;
align-items: flex-start;
justify-content: center;
border-top: none;
padding-top: 100px;
padding-bottom: 138px;
}
.marken--row p {
font-size: 16px;
}
.marken--row h3 {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
#main-content {
overflow: hidden;
}
.product--box {
display: flex;
justify-content: center;
align-items: center;
}
.product--box .et_pb_column:last-child {
z-index: -1;
}
.product--box .text-box {
padding: 25px;
padding-left: 100px;
margin-left: -100px;
background: #f2f2f2;
}
.product--box h3 {
font-family: var(--ff-rockville);
color: var(--main-orange);
font-size: 64px;
}
.partner-block p {
text-transform: uppercase;
}
.partner-block a {
font-family: var(--ff-archivo);
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1.5px;
text-transform: uppercase;
}
.partner-block h3 {
font-size: 16px;
letter-spacing: 1.5px;
text-transform: uppercase;
}
@media screen and (max-width: 980px) {
.row--with-logo-menu {
display: flex;
direction: row;
}
.et_pb_column--with-menu {
order: 2;
}
.mobile_nav.opened .et_mobile_menu {
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
}
.marken--row {
flex-direction: column;
}
}
@media only screen and (max-width: 980px) {
.footer--map-description-line p,
.footer--map-description-line a {
font-size: 18px;
line-height: 1.6;
}
.footer--map-description-line a{
font-weight: 600;
}
.footer--first-line p,
.footer--first-line a,
.footer--link-line a,
.footer--link-line p,
.footer--map-description-line a,
.footer--map-description-line p{
text-align: center;
}
.footer--link-line a,
.footer--link-line p {
display: block;
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.secondary--heading h3, .secondary--heading h1 {
font-size: 45px;
}
.mobile-flex-revert {
display: flex;
flex-direction: column-reverse;
}
.product--box {
flex-direction: column;
}
.product--box .text-box {
margin: 0;
padding-left: 20px;
}
.product--box.et_pb_row .et_pb_column div.pan {
margin-bottom: -45px;
}
.product--section:not(:first-child) {
margin-top: 70px;
}
.row--product-with-description {
flex-direction: column;
}
.footer--first-line a, .footer--first-line p {
font-size: 10px;
letter-spacing: 1px;
line-height: 1.1;
}
}
@media only screen and (max-width: 767px) {
.row--product-with-description h3 {
font-size: 14px;
}
.footer--map-description-line p, .footer--map-description-line a {
font-size: 10px;
}
.footer--link-line a,
.footer--link-line p {
display: block;
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.secondary--heading h3, .secondary--heading h1 {
font-size: 45px;
}
.mobile-flex-revert {
display: flex;
flex-direction: column-reverse;
}
.product--box {
flex-direction: column;
}
.product--box .text-box {
margin: 0;
padding-left: 20px;
}
.product--box.et_pb_row .et_pb_column div.pan {
margin-bottom: -45px;
}
.product--section:not(:first-child) {
margin-top: 70px;
}
.row--product-with-description {
flex-direction: column;
}
.footer--first-line a,
.footer--first-line p {
font-size: 10px;
letter-spacing: 1px;
line-height: 1.1;
}
}
@media only screen and (max-width: 767px) {
.row--product-with-description h3 {
font-size: 14px;
}
footer.et-l.et-l--footer {
margin-top: -160px;
}
.footer--map-description-line p,
.footer--map-description-line a {
font-size: 10px;
}
.footer--link-line a,
.footer--link-line p {
display: block;
font-size: 14px;
}
}
body.et_boxed_layout #page-container .et_pb_row {
max-width: 1600px;
}
body.et_boxed_layout #page-container,
div#main-content {
max-width: 1600px;
width: 100%;
}
.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d"; }
@media screen and (max-width: 980px) {
body .et_pb_module.et_pb_menu ul li a {
font-size: 25px;
margin-bottom: 18px;
}
}
@media screen and (max-width: 1600px){
div#main-content{
margin-bottom: -33vw;
}
}
@media screen and (max-width: 450px){
div#main-content{
margin-bottom: 30px;
}
}
.footer--section .footer--link-line a{
color: #fff;
}
.footer--link-line a, .footer--link-line a:hover {
transition: all .4s ease-in-out;
}
.footer--link-line a:hover{
opacity: 0.7s;
color: rgba(255,255,255,0.7) !important;
} @media only screen and (min-width: 981px) {
footer.et-l.et-l--footer {
margin-top: -410px;
}
}
@media only screen and (min-width: 1200px) {
footer.et-l.et-l--footer {
margin-top: -510px;
}
}
@media only screen and (min-width: 1400px) {
footer.et-l.et-l--footer {
margin-top: -570px;
}
}
@media only screen and (min-width: 1600px) {
footer.et-l.et-l--footer {
margin-top: -640px;
}
}
@media only screen and (max-width: 980px) {
footer.et-l.et-l--footer {
margin-top: -260px;
}
} @media only screen and (max-width: 980px){
.footer--section .et_pb_menu .et_pb_menu__menu{
display: block;
}
.footer--section .et_pb_menu .et_pb_menu__menu ul#menu-footer{
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
}
body .footer--section .et_pb_menu .et_pb_menu__wrap{
justify-content: center;
}
body .footer--section .et_pb_module.et_pb_menu ul li{
justify-content: center;
}
body .footer--section .et_pb_module.et_pb_menu ul li a {
font-size: 14px;
margin-bottom: 0;
}
.footer--section .et_mobile_nav_menu{
display: none;
}
}
@media screen and (min-width: 1400px){
body .et_pb_section.home--under-wave{
margin-top: -100px;
}
}
@media screen and (min-width: 981px){
body .et_pb_section.home--under-wave{
margin-top: -70px;
}
}
@media screen and (max-width: 980px){
body .products-links-with-images.et_pb_row{
background-image:url(//hf-kontor.de/wp-content/uploads/2022/01/HF-Produkt-teaser-Background-tablet.svg);
}
body .et_pb_section.home--under-wave{
padding-top: 100px;
margin-top: -50px;
}
body .et_pb_section.home--up-to-wave{
margin-bottom: -50px;
padding-bottom: 120px;
}
}
@media screen and (max-width: 480px){
body .et_pb_section.home--under-wave{
padding-top: 120px;
margin-top: -100px;
}
body .et_pb_section.home--up-to-wave{
margin-bottom: -100px;
padding-bottom: 120px;
}
}