@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,
blockquote 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: 1.0rem; --val: 1.2vw; --max: 1.3rem; }
h1:not(.et-fb-root-ancestor h1),
.cta h2:not(.et-fb-root-ancestor .cta h2) {
--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: 2.0rem; }
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; } .divi-filter-archive-loop .et_pb_column .et_pb_de_mach_thumbnail img {
aspect-ratio: 16/9;
object-fit: cover;
width: 100% !important;
}
img {
width: 100%;
} img {
pointer-events:none;
} .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: block !important;
align-items: center !important;
} .pa-fullscreen-menu .opened #mobile_menu1 {
width: 100vw !important;
position: fixed !important;
top: 0em !important;
left: 0vw !important;
height: 100vh !important;
display: flex !important;
justify-content: center !important;
flex-direction: column !important;
opacity: 1 !important;
visibility: visible !important;
background: #000 !important;
padding: 10%;
transition: all 0.3s ease-in-out;
} .pa-fullscreen-menu .closed #mobile_menu1 {
background-color: #fff !important;
text-align: center !important;
width: 100vw !important;
position: fixed !important;
left: 100vw !important;
top: 0em !important;
height: 100vh !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-direction: column !important;
transition: all 1s ease-in-out;
opacity: 0 !important;
padding: 10%;
visibility: hidden !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;
transition: all ease-in-out 0.5s;
}
.pa-fullscreen-menu .et_pb_menu__wrap .opened span.mobile_menu_bar {
background: transparent;
transition: all ease-in-out 0.5s;
} .pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
content: "\4d" !important;
color: #fff;
transition: all ease-in-out 0.5s;
} .pa-fullscreen-menu .opened .mobile_menu_bar { } .pa-fullscreen-menu .et_mobile_menu {
border-top: none;
} .pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
background-color: transparent;
} .et_mobile_menu li a:hover {
background-color: transparent;
opacity: 1;
} .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: #ffffff;
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;
} .lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
display: flex!important;
}
.lwp-hide-mobile-menu .et_mobile_nav_menu {
display: none;
} 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: 0px;
left: 0 !important;
background-color: #000;
transform-origin: bottom left;
transition: transform 0.25s ease-out;
margin: 0 !important;
}
.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;
transition: transform 0.25s ease-out;
} .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_image_wrap, 
.picture-grid .et_pb_image img { 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.0;
transition: all 0.3s ease-in-out;
} @media (max-width: 545px) {
.dmach-loadmore {
width: 100%;
text-align: center;
}	
} .et_pb_section_video_bg {
display: flex;
align-items: center;
} .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;
} .dh-menu-click {
overflow: hidden!important;
} .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.et_pb_column_1_4, .et_pb_row .et_pb_column.et_pb_column_1_5, .et_pb_row .et_pb_column.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: 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 (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 (max-width: 2640px) {
.et_pb_section.blac_fullwidth {
margin-left: 56px !important;
margin-right: 56px !important;
}
}