/*
 Theme Name: DFP-2025
 Template: Divi
*/

/* =Theme customization starts here
------------------------------------------------------- */

#lfb_form.lfb_bootstraped .quantityBtns a,
#lfb_form.lfb_bootstraped .datetimepicker table tr td.active.active,
#lfb_form.lfb_bootstraped .datetimepicker table tr td.day:hover,
#lfb_form.lfb_bootstraped .datetimepicker table tr td span.active.active,
#lfb_form.lfb_bootstraped .datetimepicker table tr td span.hour:hover {
    background-color: #0cb3fd !important;
}

.lfb_stepTitle {
    color: #fff;
}

.lazy-bg-video-wrapper {
    overflow: hidden;
}

.messe_event_counter_icon {
    position: relative;
    width: 100px;
    height: 100px;
}

.messe_event_counter_icon:before,
.messe_event_counter_icon:after {
    content: "";
    border-radius: 50%;
    position: absolute;
    inset: -20px;
    /* box-shadow: 0 0 10px 2px rgba(8, 33, 46, 0.3) inset;*/
}
.messe_event_counter_icon:after {
    box-shadow: 0 4px 0 #0cb3fd inset;
    animation: rotate 2s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

#chaty-widget-0 .chaty-tooltip::after,
.chaty-channel .on-hover-text {
    color: #fff !important;
    background-color: #0cb3fd !important;
    font-family: "Museo500", Helvetica, Arial, Lucida, sans-serif !important;
}

#chaty-widget-0 .color-element,
.chaty-svg svg circle,
.chaty-svg svg ellipse {
    color: #0cb3fd !important;
    fill: #0cb3fd !important;
}

#chaty-widget-0 .chaty-tooltip.pos-left .on-hover-text::before,
#chaty-widget-0 .chaty-tooltip.pos-left::before {
    border-left-color: #0cb3fd !important;
}

#chaty-widget-0 .chaty-channel-list .chaty-channel .chaty-svg,
#chaty-widget-0 .chaty-i-trigger .chaty-cta-button button {
    background-color: #0cb3fd !important;
}

#main-header,
.et_pb_scroll_top.et-pb-icon.et-visible {
    z-index: 1500;
}

.vp-fancybox .fancybox-bg {
    background-color: rgb(0, 8, 20) !important;
}

.messe_events_list_services .et-pb-icon {
    height: 40px;
    margin-top: 3px !important;
}

.messe_event_iconlist_sub .et-pb-icon {
    background-image: initial !important;
    font-size: initial !important;
    margin-top: initial !important;
    color: #0cb3fd !important;
    height: initial !important;
}

.et_pb_icon_list .et_pb_icon_list_item.et_flex_module .et-pb-icon {
    margin-top: 1px;
}

.messe_events_list_services .et_pb_icon_list_item.et_flex_module {
    align-items: initial;
}

.messe_events_column_list .et_pb_icon_list,
.messe_events_column_list
    .et_pb_icon_list
    .et_pb_icon_list_item:last-of-type
    ul {
    padding-bottom: 0;
}

.vp-portfolio__items-wrap {
    margin-bottom: 0;
}

.messe_events_list_services * {
    line-height: 1.5em !important;
}

.messe_event_iconlist_sub * {
    line-height: 1.2em !important;
}

#landing_page_blog_mobile .et_pb_posts {
    border: 3px solid #0cb3fd;
}

#ref-slider img {
    object-fit: contain;
}

#ref-slider .et_pb_image {
    padding-bottom: 15px;
    margin-right: 15px !important;
    border: 3px solid #0cb3fd;
    width: auto;
    height: auto;
}

.ref-slider-messe .et_pb_image {
    padding: 0 !important;
}

.et_post_meta_wrapper img,
.et_pb_video,
.pgcsimplygalleryblock-slider-item-wrap,
.et_pb_image_container img,
.et_pb_blog_grid .et_pb_post {
    border: 3px solid #0cb3fd !important;
}

.entry-featured-image-url img {
    border: 0 !important;
    border-bottom: 3px solid #0cb3fd !important;
}

.contact_info_row h4 {
    display: none;
}

.home_contact_navigation_buttons {
    width: 45%;
    text-align: center;
    float: left;
}

#home_contact_navigation_buttons_apple {
    float: right;
}

#main-content {
    background-color: #08212e;
}

#home_slider .et_pb_slide {
    aspect-ratio: 16/9;
}

.video_header {
    aspect-ratio: 16/9;
}

.aspect_ration_16_9,
.aspect_ratio_16_9 {
    aspect-ratio: 16/9;
}

.service_row {
    align-items: center;
}

sr7-slide {
    /*background: linear-gradient(0deg, rgba(8, 33, 46, 1) 0%, rgba(8, 33, 46, 0) 10%);*/
}

.service_row_column_video_right::after {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    content: "";
    background-image: linear-gradient(
        270deg,
        rgba(8, 33, 46, 0) 60%,
        rgba(8, 33, 46, 1) 100%
    );
}

.service_row_column_video_right img {
    object-position: right;
}

.service_row_column_video_left::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-image: linear-gradient(
        90deg,
        rgba(8, 33, 46, 0) 60%,
        rgba(8, 33, 46, 1) 100%
    );
    left: 0;
    top: 0;
}

.service_row_column_video_left img {
    object-position: left;
}

#svg-container {
    box-sizing: content-box;
}

/*
.et_pb_gallery_grid .et_pb_gallery_item img {
    aspect-ratio: 3/2;
    object-fit: cover;
}
    */

.mfp-title {
    display: none;
}

.single-post #main-content .container {
    margin-top: 110px;
    padding-top: 50px !important;
}

#main-content .container::before {
    background-color: #0cb3fd;
}

.et_pb_carousel_items {
    overflow: visible;
}

#home_post_slider,
#filmproduktion_video_slider,
#filmproduktion_video_slider .et_pb_slider,
#filmproduktion_video_slider .et_pb_carousel {
    overflow: visible;
}

.divider_heading {
    display: flex;
    align-items: center;
}

.divider_heading::before,
.divider_heading::after {
    flex: 1;
    content: "";
    padding: 1px;
    background-color: #0cb3fd;
    margin-bottom: 5px;
}

.divider_heading::before {
    margin-right: 10px;
}

.divider_heading::after {
    margin-left: 10px;
}

/* corporate media audio/video players */
.audio-player__waveform {
    margin-bottom: 15px;
}

#video-player-1,
#video-player-2 {
    border: 3px solid #0cb3fd;
}

.audio-player__playlist,
.video-playlist {
    list-style: none !important;
    padding: 0;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    font-family: "Museo500" !important;
    font-size: 20px;
}

.audio-player__track,
.video-playlist button {
    cursor: pointer;
    padding: 10px 0 10px 40px;
    /* Platz für das Icon */
    background: transparent;
    color: #0cb3fd;
    border: 3px solid #0cb3fd !important;
    border-radius: 3px;
    margin: 6px 0;
    transition: 0.3s;
    position: relative;
    font-size: 20px !important;
    text-align: left;
    float: left;
    width: 32%;
    border: none;
    box-sizing: border-box;
    line-height: 1;
}

.audio-player__track:not(:last-of-type),
.video-playlist button:not(:last-of-type) {
    margin-right: 1.8%;
}

/* Standard-Icon */

.audio-player__play-pause,
.video-playlist .play-icon {
    background: none;
    border: none;
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 5px;
    padding: 0;
}

.audio-player__play-pause img,
.video-playlist .play-icon {
    width: 28px;
    height: 28px;
    margin-top: 1px;
}

/* Aktiven Track farblich hervorheben */
.audio-player__track--active,
.audio-player__track:hover,
.video-playlist button.video-active,
.video-playlist button:hover {
    background: #0cb3fd;
    color: #fff;
}

.video-container {
    margin-bottom: 85px;
    position: relative;
}

.video-playlist video {
    width: 100%;
    display: block;
}

.controls {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 20px;

    transition: opacity 0.1s;
}

.video-container:hover .controls,
.video-container:focus-within .controls {
    opacity: 1;
    /* Zeigt Buttons beim Hover oder Fokus */
}

.control-button {
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.et_pb_video_play {
    width: 90px;
    height: 90px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    cursor: pointer;
    background-image: url("/wp-content/uploads/2025/02/DFP_Icons_Screens_RGB_Player_Play_blau.svg");
    background-size: 76%;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
    margin: 0 !important;
}

.et_pb_carousel_item .et_pb_video_play {
    display: none;
}

.et_pb_column_4_4 .et_pb_carousel_item .et_pb_video_play {
    margin-left: -2.8rem;
    margin-top: -2.8rem;
}

.et_pb_video_play::before {
    display: none;
}

.control-button img {
    width: 60px;
    height: 60px;
}

.hidden {
    display: none;
}

.video-playlist {
    margin-top: 10px;
}

/*
.video-playlist button {
	display: block;
	margin: 5px 0;
	padding: 8px;
	background-color: #333;
	color: white;
	border: none;
	cursor: pointer;
	text-align: left;
}

.video-playlist button.active {
	background-color: #FF5722;
	font-weight: bold;
}*/
/* EOF corporate media audio/video players */

.partner_row_background {
    align-self: stretch;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.single-post .et_pb_title_featured_container {
    margin-bottom: 80px;
    border: 3px solid #0cb3fd;
}

#jobs_contact a {
    color: #fff;
}

#hero_video_slider sr7-txt.sr7-layer {
    font-family: "MuseoSans700" !important;
    font-weight: 700 !important;
    font-size: 7vw !important;
    color: #0cb3fd !important;
    text-shadow: 0px 0px 2px rgb(0, 8, 20);
    line-height: 1.2 !important;
}

.et_pb_blog_grid .entry-title {
    height: 46px;
}

.et_pb_blog_grid .et_pb_image_container img {
    aspect-ratio: 16/9;
    object-fit: cover;
}

#sidebar {
    padding-top: 50px;
}

#sidebar .wp-block-heading {
    color: #0cb3fd;
    font-size: 22px;
    padding-bottom: 20px;
}

#sidebar li a {
    color: #fff;
    font-size: 15px;
}

#sidebar li.current-cat a {
    color: #0cb3fd;
}

#sidebar li {
    line-height: 1.3em;
    margin-bottom: 1em;
}

.et_pb_main_blurb_image img {
    border: 3px solid #0cb3fd;
}

.et_pb_main_blurb_image img[src*=".svg"] {
    width: revert-layer;
    border: none;
    max-width: 130px;
}

.archive #main-content > .container {
    padding-top: 0;
    margin-top: 110px;
}

.archive #main-content .post-meta a {
    color: #0cb3fd;
}

/*
#led_solutions_button_faq {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
	*/

.pgcsimplygalleryblock-grid-item .pgcsimplygalleryblock-grid-item-inner {
    border: 3px solid #0cb3fd;
}

.inline_buttons .et_pb_button_module_wrapper:not(:last-of-type) {
    display: inline-block;
}

.inline_buttons .et_pb_button_1_wrapper {
    /*  float: right; */
}

body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header {
    /*top: 63px;*/
    top: 32px !important;
}

body.et_fixed_nav.et_secondary_nav_enabled #main-header {
    /*top: 30px;*/
    top: 0 !important;
}

body.admin-bar.et_fixed_nav #top-header {
    /*top: 32px;*/
    top: 112px;
}

.et_fixed_nav #top-header {
    /*top: 0;*/
    top: 80px;

    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#home_post_slider:hover .et-pb-arrow-prev,
#home_post_slider:hover .et-pb-arrow-next,
#filmproduktion_video_slider:hover .et-pb-arrow-prev,
#filmproduktion_video_slider:hover .et-pb-arrow-next {
    scale: 1.4;
}

#home_post_slider .et-pb-controllers,
#filmproduktion_video_slider .et-pb-controllers {
    bottom: -50px;
}

#home_post_slider .et-pb-controllers a,
#filmproduktion_video_slider .et-pb-controllers a {
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

#home_post_slider .et-pb-arrow-next,
#home_post_slider .et-pb-arrow-prev,
#filmproduktion_video_slider .et-pb-arrow-next,
#filmproduktion_video_slider .et-pb-arrow-prev {
    opacity: 1;
    font-size: 60px;
    color: #0cb3fd;
}

#home_post_slider .et-pb-arrow-next,
#filmproduktion_video_slider .et-pb-arrow-next {
    right: -60px;
}

#home_post_slider .et-pb-arrow-prev,
#filmproduktion_video_slider .et-pb-arrow-prev {
    left: -60px;
}

#home_post_slider .et_pb_text_overlay_wrapper {
    background: rgb(8, 33, 46, 0.9);
    box-shadow: 0px 0px 10px 10px rgba(8, 33, 46, 0.9);
}

#home_post_slider .et_pb_button:hover,
.et_contact_bottom_container .et_pb_button:hover {
    transform: scaleX(1.1) scaleY(1.1);
}

/*
#led_solutions_dragonframe_column_1 {
	background: #0cb3fd;
	box-shadow: 0px 0px 10px 10px #0cb3fd;
}
	*/

#led_solutions_dragonframe_column_1 .et_pb_button_module_wrapper,
.led_solutions_imagelink_column .et_pb_button_module_wrapper {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#led_solutions_section_imagelink
    .led_solutions_imagelink_column
    .et_pb_button_module_wrapper {
    margin-top: 0px;
}

#led_solutions_section_imagelink
    .led_solutions_imagelink_column
    .et_pb_text_inner {
    height: 52px;
}

#led_solutions_dragonframe_column_1 .et_pb_button_module_wrapper a {
    width: 90%;
}

#led_solutions_df_row_tutorials .et_pb_button {
    border: 3px solid #0cb3fd;
    background: #0cb3fd;
    color: #fff;
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
}

.led_solutions_imagelink_column .et_pb_button_module_wrapper a {
    width: 100%;
}

#home_navigation_tiles a {
    color: #0cb3fd;
}

#home_navigation_tiles .et_pb_button:hover {
    padding: 0.3em 2em 0.3em 2em;
}

#main-header .menu-item:hover a,
#main-header .current_page_item a {
    border-bottom: 3px solid #0cb3fd;
    padding-bottom: 7px !important;
}

#top-header .menu-item:hover a,
#top-header .current_page_item a {
    border-bottom: 1px solid #fff;
    padding-bottom: 4px !important;
}

#top-header a {
    font-weight: 500;
}

#top-header {
    z-index: 10;
}

ul.sub-menu {
    z-index: 11;
}

.pulse.et_pb_button,
#svg-container img:first-of-type,
.pulse .et-pb-icon,
#dragonwall_accordion_booking_info.pulse .et_pb_toggle_close,
#accordion_contact_form.pulse .et_pb_toggle_close {
    animation-name: pulse;
    animation-duration: 4000ms;
    transform-origin: 70% 70%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

/*
button.open-chaty {
    background: #000;
    border: 2px solid #0cb3fd;
    box-shadow: 0 0 10px rgba(12, 179, 253, 0.3);
    overflow: visible;
}

button.open-chaty::before,
button.open-chaty::after {
    content: "";
    position: absolute;
    inset: -4px;
    border: 2px solid #0cb3fd;
    border-radius: inherit;
    animation: pulseOut 2s ease-out infinite;
    opacity: 0;
}

button.open-chaty::after {
    animation-delay: 1s;
}

@keyframes pulseOut {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
*/

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    30% {
        transform: scale(1);
    }

    40% {
        transform: scale(1.08);
    }

    50% {
        transform: scale(1);
    }

    60% {
        transform: scale(1);
    }

    70% {
        transform: scale(1.05);
    }

    80% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

.pulse.et_pb_button:hover {
    animation: none;
}

#filmproduktion_video_slider
    .et_pb_carousel_item
    .et_pb_video_overlay_hover::after {
    color: #fff;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 16px;
    background: #0cb3fd;
    padding-bottom: 3px;
}

#filmproduktion_video_slider
    .et_pb_carousel_item_12
    .et_pb_video_overlay_hover::after,
#filmproduktion_video_slider
    .et_pb_carousel_item_1
    .et_pb_video_overlay_hover::after {
    content: "Imagefilm";
}

#filmproduktion_video_slider
    .et_pb_carousel_item_2
    .et_pb_video_overlay_hover::after {
    content: "Erklärfilm";
}

#filmproduktion_video_slider
    .et_pb_carousel_item_0
    .et_pb_video_overlay_hover::after,
#filmproduktion_video_slider
    .et_pb_carousel_item_3
    .et_pb_video_overlay_hover::after,
#filmproduktion_video_slider
    .et_pb_carousel_item_4
    .et_pb_video_overlay_hover::after,
#filmproduktion_video_slider
    .et_pb_carousel_item_9
    .et_pb_video_overlay_hover::after,
#filmproduktion_video_slider
    .et_pb_carousel_item_11
    .et_pb_video_overlay_hover::after {
    content: "Produkt Teaser";
}

#filmproduktion_video_slider
    .et_pb_carousel_item_5
    .et_pb_video_overlay_hover::after,
#filmproduktion_video_slider
    .et_pb_carousel_item_6
    .et_pb_video_overlay_hover::after,
#filmproduktion_video_slider
    .et_pb_carousel_item_8
    .et_pb_video_overlay_hover::after {
    content: "Werbespot";
}

#filmproduktion_video_slider
    .et_pb_carousel_item_7
    .et_pb_video_overlay_hover::after {
    content: "Eventfilm";
}

#filmproduktion_video_slider
    .et_pb_carousel_item_10
    .et_pb_video_overlay_hover::after {
    content: "Dokumentarfilm";
}

#threejs_wrapper {
    aspect-ratio: 4/3;
}

#threejs_wrapper_led_solutions canvas {
    position: absolute;
    z-index: 1;
}

#threejs_wrapper_led_solutions canvas::after {
    content: "blub";
    position: absolute;
    background: blue;
}

#three_js_wrapper_led_solutions_code {
    aspect-ratio: 1363/865;
}

.et_pb_scroll_top::before {
    color: #0cb3fd;
}

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block !important;
    content: "\e04f" !important;
}

.footer_menu_link_copyright a {
    color: #0cb3fd !important;
}

.led_solutions_dragonframe_table_specs {
    border: 0 !important;
    margin: 0 !important;
    padding: 0;
}

.led_solutions_dragonframe_table_specs td {
    border: 0 !important;
    padding: 0 !important;
}

.led_solutions_dragonframe_table_specs td:last-of-type {
    color: #0cb3fd;
    text-align: right;
}

.pa-full-height-image-column {
    height: 100%;
}

.pa-full-height-image-column .et_pb_image_wrap {
    height: 100%;
}

.pa-full-height-image-column img {
    object-fit: cover;
    height: 100%;
}

#partner_section .service_row {
    align-items: stretch;
}

.et_mobile_menu {
    border: 3px solid #0cb3fd !important;
}

.et_mobile_menu li a,
.nav li li a {
    font-size: 16px;
}

#led_solutions_table_software {
    border: 0;
    margin: 0;
    padding: 0;
}

#led_solutions_table_software td {
    border: 0;
    padding: 10px 15px 0 0;
    text-align: center;
    font-size: 11px;
    line-height: 1.4em;
}

#led_solutions_table_software td:last-of-type {
    border: 0;
    padding: 10px 0 0 15px;
}

/*
#sr7_filmproduktion_1 sr7-content {
	border-top: 3px solid #0cb3fd;
}

#sr7_filmproduktion_1 sr7-tabs {
	border-bottom: 3px solid #0cb3fd;
	padding-bottom: 0 !important;
}
	*/

#sr7_filmproduktion_1 * {
    font-family: "MuseoSans500" !important;
    font-weight: 500 !important;
    color: #0cb3fd !important;
}

#sr7_filmproduktion_1 .sr7-tab.selected *,
#sr7_filmproduktion_1 .sr7-tab.sr7-touchhover * {
    color: #fff !important;
}

#sr7_filmproduktion_1 sr7-arrow::before {
    color: #0cb3fd !important;
    font-size: 30px !important;
}

#sr7_filmproduktion_1 sr7-carousel {
    border: 3px solid #0cb3fd;
}

#sr7_filmproduktion_1 .sr7-tabs-mask {
    margin-top: 30px;
}

body.et_fixed_nav #page-container #main-header .sub-menu a {
    border-bottom: none;
}

body.et_fixed_nav #page-container #main-header .sub-menu a:hover,
body.et_fixed_nav
    #page-container
    #main-header
    .sub-menu
    li.current-menu-item
    > a,
body.et_fixed_nav .current-menu-parent a {
    border-bottom: 3px solid #0cb3fd;
}

#viewer_thumbnails_3d {
    display: flex;
    justify-content: space-between;
    /* Optional: gleichmäßige Lücken */
    align-items: stretch;
}

#viewer_thumbnails_3d img {
    height: 75px;
    /* Einheitliche Höhe */
    width: auto;
    /* Breite wird automatisch angepasst */
    object-fit: contain;
    /* Zuschneiden für gleichmäßige Darstellung */
    flex: auto;
}

#viewer_thumbnails_3d img:hover {
    transform: scaleX(1.1) scaleY(1.1);
    cursor: pointer;
}

#three_js_wrapper_3d_row {
    height: 0;
    border-bottom: none;
}

#three_js_wrapper_3d {
    aspect-ratio: 16/9;
    height: 0;
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #111;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 6px solid #fff;
    border-top: 6px solid #0cb3fd;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

#canvas-container {
    width: 100%;
    aspect-ratio: 16/9;
    margin: auto;
    background: #000;
    cursor: ew-resize;
    border: 3px solid #0cb3fd;
    overflow: hidden;
}

#lgCanvas {
}

#looking_glass_column_video_loop {
    aspect-ratio: 16/9;
    border: 3px solid #0cb3fd;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.development_3d_blurb .et_pb_main_blurb_image {
    margin-bottom: 20px;
}

@media (max-width: 479px) and (min-width: 366px) {
    #home_navigation_tiles .et_pb_column.et_pb_column_1_5 {
        width: 50% !important;
        margin-right: 0;
    }
}

@media (max-width: 500px) {
    #threejs_wrapper_led_solutions #svg-container {
        bottom: 2px !important;
        left: 10% !important;
        transform: translateX(10%) !important;
    }
}

/* Desktop only */
@media only screen and (min-width: 981px) {
    .wpml-ls-menu-item .wpml-ls-flag {
        vertical-align: bottom;
    }

    #development_3d_column_viewerthumbs {
        aspect-ratio: 16/9;
    }

    .archive #main-content #sidebar {
        padding-top: 0;
    }

    body.admin-bar.et_fixed_nav #page-container .et-fixed-header#top-header {
        top: 86px;
    }

    .et_fixed_nav #page-container .et-fixed-header#top-header {
        top: 54px;
    }

    .et_pb_svg_logo #logo {
        height: 64px !important;
        position: absolute;
        top: 8px;
        left: 4px;
    }

    .et-fixed-header #logo {
        height: 43px !important;
    }

    /* top menu sub-menu modifications */
    body.et_fixed_nav
        #page-container
        #main-header
        .menu-item-has-children:hover
        .sub-menu,
    body.et_fixed_nav .current-menu-parent .sub-menu,
    body.et_fixed_nav .current_page_item.menu-item-has-children .sub-menu {
        position: absolute;
        right: 0;
        padding: 0 !important;
        width: 100vw;
        background: transparent !important;
        text-align: right;
        border: none;
        opacity: 1;
        visibility: visible;
    }

    body.et_fixed_nav .current-menu-parent a {
        padding-bottom: 7px !important;
    }

    body.et_fixed_nav
        #page-container
        #main-header
        .menu-item-has-children
        .sub-menu
        a {
        font-size: 13px;
        padding: 0;
        width: auto;
    }

    body.et_fixed_nav #page-container #main-header *,
    body.et_fixed_nav #page-container #top-header *,
    body.et_fixed_nav #page-container #main-header,
    body.et_fixed_nav #page-container #top-header {
        -moz-transition: none !important;
        -webkit-transition: none !important;
        transition: none !important;
    }

    body.et_fixed_nav #page-container #main-header .sub-menu a:hover,
    body.et_fixed_nav
        #page-container
        #main-header
        .sub-menu
        li.current-menu-item
        > a {
        padding-bottom: 0 !important;
    }

    body.et_fixed_nav #page-container #main-header .sub-menu li {
        padding: 6px 20px 2px 0;
    }

    body.et_fixed_nav
        #page-container
        #main-header:has(.menu-item-has-children:hover),
    body.et_fixed_nav #page-container #main-header:has(.current-menu-parent),
    body.et_fixed_nav
        #page-container
        #main-header:has(.current_page_item.menu-item-has-children) {
        height: 104px;
    }

    body.et_fixed_nav
        #page-container:has(.menu-item-has-children:hover)
        #top-header,
    body.et_fixed_nav #page-container:has(.current-menu-parent) #top-header,
    body.et_fixed_nav
        #page-container:has(.current_page_item.menu-item-has-children)
        #top-header {
        top: 104px;
    }

    body.et_fixed_nav
        #page-container
        #main-header.et-fixed-header:has(.menu-item-has-children:hover),
    body.et_fixed_nav
        #page-container
        #main-header.et-fixed-header:has(.current-menu-parent),
    body.et_fixed_nav
        #page-container
        #main-header.et-fixed-header:has(
            .current_page_item.menu-item-has-children
        ) {
        height: 82px;
    }

    body.et_fixed_nav
        #page-container:has(.menu-item-has-children:hover)
        #top-header.et-fixed-header,
    body.et_fixed_nav
        #page-container:has(.current-menu-parent)
        #top-header.et-fixed-header,
    body.et_fixed_nav
        #page-container:has(.current_page_item.menu-item-has-children)
        #top-header.et-fixed-header {
        top: 82px;
    }

    /* EOF top menu sub-menu modifications */
}

/* mobile and tablet */
@media (max-width: 980px) {
    #ref-slider .et_pb_image_wrap {
        height: auto;
    }

    .et_pb_menu .et_pb_menu__menu {
        display: block;
    }

    .et_mobile_nav_menu {
        display: none !important;
    }

    #menu-footer {
        justify-content: center;
    }

    #main-header,
    #main-header.et-fixed-header {
        position: fixed !important;
        top: 0 !important;
        transition: all 0.3s 0s;
    }

    .service_row_column_video_right::after,
    .service_row_column_video_left::after {
        background-image: linear-gradient(
            180deg,
            rgba(8, 33, 46, 0) 60%,
            rgba(8, 33, 46, 1) 100%
        );
    }

    .single-post #main-content .container {
        margin-top: 0;
        padding-top: 80px !important;
    }

    .single-post .et_pb_title_featured_container {
        margin-bottom: 40px;
    }

    .single-post .et_pb_section_first .et_pb_row {
        padding-bottom: 0;
    }

    .single-post .et_pb_text p {
        line-height: 1.6em;
    }

    .et_right_sidebar #sidebar {
        border-top: 3px solid #0cb3fd;
        margin-top: -40px;
    }
}

/* tablet */
@media (min-width: 768px) and (max-width: 980px) {
    .et_right_sidebar #sidebar {
        display: flex;
        padding-bottom: 0;
    }

    .archive #main-content > .container {
        margin-top: 80px;
    }
}

/* mobile only */
@media (max-width: 767px) {
    .et_pb_blog_0 .et_pb_posts {
        --column-count: 1 !important;
    }

    .et_pb_main_blurb_image img[src*=".svg"] {
        max-width: 120px;
    }

    #viewer_thumbnails_3d img {
        height: 55px;
    }

    #viewer_thumbnails_3d {
        margin-left: -30px;
        margin-right: -30px;
    }

    #three_js_wrapper_3d,
    #three_js_wrapper_3d_code {
        aspect-ratio: 1/1;
    }

    .et_pb_carousel_items,
    #home_post_slider,
    #filmproduktion_video_slider,
    #filmproduktion_video_slider .et_pb_slider,
    #filmproduktion_video_slider .et_pb_carousel {
        overflow-x: clip;
        overflow-y: visible;
    }

    #filmproduktion_video_slider
        .et_pb_carousel_item
        .et_pb_video_overlay_hover::after {
        font-size: 13px;
        line-height: 1.1;
    }

    #ref-slider img {
        height: 90px;
    }

    #hero_video_slider sr7-txt.sr7-layer {
        font-size: 8vw !important;
    }

    .et_pb_button:hover {
        transform: none;
        padding-left: 1em !important;
        padding-right: 1em !important;
    }

    .et_pb_row {
        width: 84%;
    }

    /*
	#filmproduktion_video_slider .et-carousel-group {
		display: flex;
		overflow: hidden;
	  }

	  #filmproduktion_video_slider .et_pb_carousel_item {
		flex: 0 0 50%;
	  }
	  */

    #svg-container,
    #svg-container img {
        height: 29px !important;
    }

    #threejs_wrapper #svg-container {
        left: 5px !important;
    }

    .audio-player__track,
    .video-playlist button {
        font-size: 14px !important;
        line-height: 20px;
    }

    #main-header > .container {
        width: 84%;
    }

    .archive #main-content > .container {
        margin-top: 30px;
    }

    .service_row_column_video_right::after,
    .service_row_column_video_left::after {
        width: 101%;
        height: 101%;
    }
}