@font-face {
font-family: "Avenir Next LT W01 Regular";
src: url(//oktober.de/wp-content/themes/Divi-child/fonts/c4691e94-080d-4452-8f9f-8b3db6b68d55.woff2) format("woff2"),
url(//oktober.de/wp-content/themes/Divi-child/fonts/a1adabe6-efe5-40b7-b619-48111c8ff883.woff) format("woff");
font-display: swap;
}
@font-face {
font-family: "Avenir Next LT W01 Demi";
src: url(//oktober.de/wp-content/themes/Divi-child/fonts/6afe4676-059a-4aa8-b891-29856bbcba22.woff2) format("woff2"),
url(//oktober.de/wp-content/themes/Divi-child/fonts/a9817c16-2a79-49bf-8543-6c846d73a52f.woff) format("woff");
font-display: swap;
}
@font-face {
font-family: "Avenir Next LT W01 Bold";
src: url(//oktober.de/wp-content/themes/Divi-child/fonts/b56355b0-7729-42a7-9f65-62c7211d078c.woff2) format("woff2"),
url(//oktober.de/wp-content/themes/Divi-child/fonts/05537afc-e923-4df9-b365-71798fbd220d.woff) format("woff");
font-display: swap;
} body,
html {
font-family: "Avenir Next LT W01 Regular";
font-size: 16px;
}
.project-teaser-grid p,
.intro p,
.subhead p,
p.dmach-postmeta-value {
font-family: "Avenir Next LT W01 Demi" !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
.headline p,
.badge p,
blockquote p {
font-family: "Avenir Next LT W01 Bold" !important;
padding-bottom: 0;
} h1,
h2,
h3,
h4,
.intro p,
.text-big p,
body #page-container a.et_pb_button,
body #page-container .et_pb_section .et_pb_button_1,
p.dmach-postmeta-value,
table td,
.et_pb_contact_field *,
blockquote,
.subhead p,
.headline p,
.et_mobile_menu li a,
.badge p {
font-size: clamp(var(--min), var(--val), var(--max)) !important;
line-height: 120%;
}
p:not(.et-fb-root-ancestor p),
ul li:not(.et-fb-root-ancestor ul li),
.teammitglied p {
font-size: clamp(var(--min), var(--val), var(--max)) !important;
line-height: 130%;
}
.entry-content ul {
padding-left: 2rem;
} p:not(.et-fb-root-ancestor p),
table td:not(.et-fb-root-ancestor table td),
ul li:not(.et-fb-root-ancestor ul li),
a.et_pb_button,
.et_pb_contact_field * {
--min: 1.1rem;
--val: 1.4vw;
--max: 1.75rem;
}
a.et_pb_button.back {
--min: 1rem;
--val: 1.2vw;
--max: 1.3rem;
}
h1:not(.et-fb-root-ancestor h1) {
--min: 2rem;
--val: 6.4vw;
--max: 6.4rem;
}
h2:not(.et-fb-root-ancestor h2),
blockquote p:not(.et-fb-root-ancestor blockquote p) {
--min: 2rem;
--val: 3.2vw;
--max: 5rem;
}
.category-teaser h2:not(.et-fb-root-ancestor h2) {
--min: 2rem;
--val: 2.8vw;
--max: 3.5rem;
}
.slider h2:not(.et-fb-root-ancestor h2),
.slider p:not(.et-fb-root-ancestor p) {
--min: 1.6rem;
--val: 4.8vw;
--max: 2rem;
}
h3:not(.et-fb-root-ancestor h3),
.hero_slider h2:not(.et-fb-root-ancestor .hero_slider h2) {
--min: 1.4rem;
--val: 2.6vw;
--max: 3rem;
}
h3:not(.et-fb-root-ancestor h3)+p {
margin-top: 24px;
}
.intro p:not(.et-fb-root-ancestor .intro p),
.text-big p:not(.et-fb-root-ancestor .text-big p),
.text-big a.et_pb_button {
--min: 1.3rem;
--val: 2.2vw;
--max: 2.5rem;
}
blockquote {
border: 0;
margin: 0 0 80px 0;
padding: 0;
}
.project-teaser-grid p:not(.et-fb-root-ancestor .project-teaser-grid p),
.adresse p:not(.et-fb-root-ancestor p),
.contact p:not(.et-fb-root-ancestor .contact p) {
--min: 1.2rem;
--val: 2.4vw;
--max: 2rem;
}
p.dmach-postmeta-value:not(.et-fb-root-ancestor p.dmach-postmeta-value),
.subhead p:not(.et-fb-root-ancestor subhead p),
.teammitglied p:not(.et-fb-root-ancestor .teammitglied p) {
--min: 1rem;
--val: 2.2vw;
--max: 1.5rem;
}
.badge p:not(.et-fb-root-ancestor .badge p) {
--min: 0.8rem;
--val: 3.8vw;
--max: 1.2rem;
}
.et_mobile_menu li a {
--min: 3.2rem;
--val: 16vw;
--max: 5rem;
} img {
width: 100%;
pointer-events: none; }
.divi-filter-archive-loop .et_pb_column .et_pb_de_mach_thumbnail img {
aspect-ratio: 16/9;
object-fit: cover;
width: 100% !important;
} #main-content {
padding-top: 0 !important;
}
.hide-header {
opacity: 0;
margin-top: -148px !important;
}
.show-header {
opacity: 1;
margin-top: 0 !important;
}
#global-header-section {
transition: opacity 0.5s ease, margin 0.5s ease !important;
}
.et-l--header {
position: relative;
z-index: 99999;
}
#global-header-section.background_black {
background: #000;
}
#global-header-section.background_white {
background: #fff;
}
.mobile_menu_bar:before {
top: 0;
font-size: 48px;
line-height: 100%;
} .pa-fullscreen-menu .et_pb_menu__wrap {
position: absolute;
left: 0;
top: 24px;
}
.pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
display: none !important;
}
.pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
display: flex !important;
align-items: center !important;
}
.pa-fullscreen-menu .opened #mobile_menu1,
.pa-fullscreen-menu .closed #mobile_menu1 {
width: 100vw !important;
position: fixed !important;
top: 0 !important;
height: 100vh !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
padding: 10%;
transition: all 0.3s ease-in-out;
}
.pa-fullscreen-menu .opened #mobile_menu1 {
left: 0 !important;
opacity: 1 !important;
visibility: visible !important;
background: #000 !important;
}
.pa-fullscreen-menu .closed #mobile_menu1 {
left: 100vw !important;
opacity: 0 !important;
visibility: hidden !important;
background: #fff !important;
transition: all 1s ease-in-out;
align-items: center !important;
text-align: center !important;
}
.pa-fullscreen-menu #mobile_menu1 li {
list-style: none !important;
text-align: left !important;
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
z-index: 999999 !important;
background: #000;
border-radius: 100%;
transition: all ease-in-out 0.5s;
}
.pa-fullscreen-menu.white .et_pb_menu__wrap span.mobile_menu_bar {
background: #fff;
}
.pa-fullscreen-menu .et_pb_menu__wrap .opened span.mobile_menu_bar {
background: transparent;
}
.pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
content: "\4d" !important;
color: #fff;
} .pa-fullscreen-menu .et_mobile_menu li a {
border-bottom: none;
font-family: "Avenir Next LT W01 Bold";
display: inline-block;
position: relative;
padding: 0;
}
.pa-fullscreen-menu .et_mobile_menu li a:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 8px;
bottom: -4px;
left: 0;
background-color: #fff;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
.pa-fullscreen-menu .et_mobile_menu li a:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
} a.et_pb_button,
.et_pb_text_inner p a,
table a {
font-family: "Avenir Next LT W01 Demi";
display: inline-block;
position: relative;
color: #000;
font-weight: 500;
}
a.et_pb_button:after,
.et_pb_text_inner p a:after,
table a:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(1);
height: 2px;
bottom: 0;
left: 0 !important;
margin-left: 0 !important;
background-color: #000;
transform-origin: bottom left;
transition: transform 0.25s ease-out;
}
.picture-grid.text a.et_pb_button:after {
background-color: #fff;
}
a.et_pb_button:hover:after,
.et_pb_text_inner p a:hover:after,
table a:hover:after {
transform: scaleX(0);
transform-origin: bottom right;
} .hidethis {
display: none !important;
}
.et_pb_image .et_pb_image_wrap {
width: 100%;
} .picture-full .et_pb_row {
display: grid;
grid-gap: 24px;
}
.picture-full .et_pb_image_wrap {
aspect-ratio: 16/9;
height: 100%;
}
.picture-full img {
aspect-ratio: 16/9;
object-fit: cover;
height: 100%;
width: 100%;
} .picture-grid .et_pb_row {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 24px;
}
.picture-grid .et_pb_row .et_pb_column_1_2 {
width: 100%;
}
.picture-grid .et_pb_row .et_pb_column_1_2 img,
.picture-grid .et_pb_row .et_pb_column_1_2 video {
aspect-ratio: 8/9;
object-fit: cover;
height: 100%;
width: 100%;
} .logo-grid .et_pb_row {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 24px;
}
.logo-grid .et_pb_row .et_pb_column_1_4 {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.logo-grid img {
aspect-ratio: 1/1;
object-fit: cover;
width: 100%;
height: 100%;
} .awards .et_pb_image {
margin-bottom: 8% !important;
}
.awards .et_pb_image_wrap {
width: 90px;
height: 90px;
margin: auto;
display: flex !important;
align-items: center;
justify-content: center;
} table {
border-collapse: collapse;
border: 0 !important;
}
table tr {
border-bottom: 1px solid #000;
}
table tr:last-child {
border-bottom: 0;
}
table tr td {
border: 0 !important;
padding: 20px 0 !important;
vertical-align: top;
}
table tr td a {
color: #000;
} .divi-filter-item span.et_pb_contact_field_radio,
.dmach-acf-video-wrapper {
display: inline-block;
margin-right: 40px;
}
.divi-filter-item span.et_pb_contact_field_radio:last-child {
margin-right: 0;
}
.divi-filter-item span.et_pb_contact_field_radio input {
display: none;
}
.divi-filter-item span.et_pb_contact_field_radio label {
cursor: pointer;
opacity: 0.5;
transition: all 0.3s ease-in-out;
font-family: "Avenir Next LT W01 Demi" !important;
}
.divi-filter-item span.et_pb_contact_field_radio label:hover,
.divi-filter-item span.et_pb_contact_field_radio input:checked+label {
opacity: 1;
} .dh-menu-click {
overflow: hidden !important;
} .slider .et_pb_slide {
padding: 0 4%;
}
.slider .et_pb_slides .et_pb_slider_container_inner {
vertical-align: bottom;
}
.slider .et_pb_slide_description {
padding: 4% 0;
}
.slider .et-pb-controllers {
text-align: right;
padding-right: 4%;
}
.slider .et-pb-controllers a {
text-indent: 9999px;
} .slick-dotted.slick-slider {
margin-bottom: 0 !important;
}
.pac_dcm_column_1 ul.slick-dots {
transform: translate(-40px, -40px);
}
.et_pb_promo_description {
max-width: 2560px;
width: 100%;
height: 100%;
display: flex;
margin: auto;
align-items: flex-end;
padding-bottom: 40px !important;
}  @media (max-width: 577px) {
.et_pb_row .et_pb_column_1_4,
.et_pb_row .et_pb_column_1_5,
.et_pb_row .et_pb_column_1_6 {
width: 100%;
margin: 0;
}
.divi-filter-item span.et_pb_contact_field_radio {
display: block;
margin-bottom: 12px;
}
} @media (max-width: 980px) {
.et_pb_column {
margin-bottom: 0;
}
.picture-grid .et_pb_row {
grid-template-columns: repeat(1, 1fr);
}
.picture-grid.text .et_pb_row {
grid-gap: 0;
}
.picture-grid.text .et_pb_row .et_pb_column:last-child {
margin-bottom: 24px !important;
}
.logo-grid .et_pb_row {
grid-template-columns: repeat(2, 1fr);
}
.de-reverse-columns .divi-filter-archive-loop .dmach-grid-item:nth-child(2n) .et_pb_row .et_pb_column:last-child {
margin-right: 5.5% !important;
}
#page-container .et_pb_de_mach_archive_loop_0 .divi-filter-archive-loop .loop-grid {
grid-row-gap: 40px !important;
}
} @media (orientation: landscape) and (max-width: 900px) {
.et_mobile_menu li a {
--min: 2rem;
--val: 6vw;
}
}
@media (orientation: landscape) and (min-width: 901px) {
.et_mobile_menu li a {
--val: 8vw;
}
} @media (min-width: 768px) {
.team .loop-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (min-width: 1680px) {
.team .loop-grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (min-width: 2048px) {
.team .loop-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
} @media (min-width: 981px) {
.project-teaser-grid .et_pb_row {
display: flex;
align-items: center;
}
.de-reverse-columns .divi-filter-archive-loop .dmach-grid-item:nth-child(2n) .et_pb_row {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
}
.de-reverse-columns .divi-filter-archive-loop .dmach-grid-item:nth-child(2n) .et_pb_row .et_pb_column:nth-child(1) {
margin-right: 0 !important;
}
.slider .et_pb_slide {
padding: 0 25.75%;
}
.slider .et_pb_slide_description {
padding: 40px 0;
}
.slider .et-pb-controllers {
padding-right: 40px;
}
@media (max-width: 2640px) {
.et_pb_section.blac_fullwidth {
margin-left: 56px !important;
margin-right: 56px !important;
}
}
}