/* Theme Name: Divi Child Theme Theme URI: http://www.elegantthemes.com Description: Child Theme for Divi Theme by Elegant Themes Author: Divi.world Author URI: http://divi.world Template: Divi Version: 1.0.0 */ /* =Ab hier kannst du deine CSS-Anpassungen eintragen ------------------------------------------------------- */ /* Schriftgrößen */ /*This will set a min font size of 40px, a fluid font size of 8vw, and a max font size of 75px.*/ /* Titel von Leistungen- und Kategorieseiten */ h1.entry-title, .entry-title h1{ font-size: clamp(35px, 5vw, 75px)!important; font-family: 'Poppins Bold',Helvetica,Arial,Lucida,sans-serif; line-height: 1.2em!important; /*color: aqua!important;*/ } /* Titel einer Seite */ h1, .p1{ /*color: blueviolet!important;*/ font-family: 'Poppins Bold',Helvetica,Arial,Lucida,sans-serif; font-size: clamp(40px, 6vw, 90px)!important; line-height: 1.2em!important; } h2:not(.media-frame-menu-heading), h2:not(.upload-instructions), .p2{ /*color: yellow!important;*/ font-size: clamp(25px, 3vw, 60px)!important; font-family: 'Poppins Bold',Helvetica,Arial,Lucida,sans-serif; line-height: 1.2em!important; } .cta-footer h3{ font-size: clamp(20px, 3vw, 30px)!important; font-family: 'Poppins Semibold',Helvetica,Arial,Lucida,sans-serif; line-height: 1.2em!important; } h3, .p3, .landingpage-headline h1{ /*color: blue!important;*/ font-size: clamp(22px, 3vw, 47px)!important; font-family: 'Poppins Semibold',Helvetica,Arial,Lucida,sans-serif; line-height: 1.2em!important; } .media-frame h1, .media-frame h2, .et-fb-page-creation-card-text h3, .et-fb-settings-heading h3, .et-cloud-app-layouts h3{ font-size: inherit!important; } .submenu h4{ font-size: 0.9rem!important; } .ipt_uif_divider_text_inner{ font-size: clamp(22px, 2vw, 37px)!important; font-family: 'Poppins Semibold',Helvetica,Arial,Lucida,sans-serif!important; line-height: 1.2em!important; } .ipt_uif_richtext h3{ font-size: clamp(24px, 1.8vw, 24px)!important; font-family: 'Poppins Bold',Helvetica,Arial,Lucida,sans-serif; line-height: 1.2em!important; } h4, .p4, h4.entry-title, h2.bck-flipbox-title-front, .awsm-grid-wrapper .awsm-grid h3, .bck_advanced_team .bck-team-content h3{ /*color: green!important;*/ font-size: clamp(16px, 1.2vw, 22px)!important; font-family: 'Poppins Semibold',Helvetica,Arial,Lucida,sans-serif; line-height: 1.1em!important; } h5, .p5, .category-post{ font-family: 'Poppins Semibold',Helvetica,Arial,Lucida,sans-serif!important; font-size: clamp(14px, 1vw, 22px)!important; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 1%!important; color: #585858!important; line-height: 1.2em!important; } strong, b{ font-family: 'Open Sans Medium',Helvetica,Arial,Lucida,sans-serif; } /* Menü mobil scrollen */ .et_mobile_menu { overflow-y:scroll!important; max-height:70vh!important; -overflow-scrolling:touch!important; -webkit-overflow-scrolling:touch!important; } /* Silbentrennung*/ h1, h2, h3, h4, h5, h6, p, ul li { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-before: 4; /* For Safari */ -webkit-hyphenate-limit-after: 4; /* For Safari */ -ms-hyphenate-limit-chars: 10 6 4; hyphenate-limit-chars: 10 6 4; } /* Sorgt dafür, dass die Buttons nebeneinander stehen */ .btn-inline .et_pb_button_module_wrapper, .btn-inline-center .et_pb_button_module_wrapper { display: inline-block; margin: 0px 3vw 10px 10px; } /* Sorgt dafür, dass die Buttons zentriert nebeneinander stehen */ .btn-inline-center { text-align: center !important; } /* Rezensionen Slider */ .rezension-slider .swiper-button-prev.dsm_card_carousel_arrow { top: 450px!important; } .rezension-slider .swiper-button-next.dsm_card_carousel_arrow { right: 700px!important; top: 450px!important; } .rezension-slider .swiper-button-next, .rezension-slider .swiper-button-prev { position: initial; } .rezension-slider img.dsm_card_carousel_child_img.swiper-lazy.swiper-lazy-loaded { border-radius: 50px; } /* Auflistung Zeichen als Quadrat */ /*li { list-style: square; }*/ #left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul { list-style-type: square!important; } /* Social Media Feed */ a.tutorial_link { display: none!important; } /* Team */ .grid-style.style-1 figcaption::before{ background-color: #42b38e; } /* Button Anpassungen */ .et_pb_button:after{ margin-left:15px!important; } .et_pb_button:hover:after{ margin-left:25px!important; } /* Social Media Flipboxen */ .bck-flipbox-inner{ height: auto!important; } .bck_flipbox, .bck-flipbox-front-card.bck-flipbox-card{ min-height: 200px!important; } /* Blog Anpassungen Startseite */ /* Cursor */ .blog-start .swiper-container.swiper-container-initialized.swiper-container-horizontal.swiper-container-pointer-events, .blog-start .dsm-entry-thumbnail a, .blog-start .dsm-entry-overlay.fade-in a, .cursor-drag, .owl-carousel, .owl-carousel .owl-item img{ cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' width='127.43' height='127.43' viewBox='0 0 127.43 127.43'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %231e1f1f; %7D .cls-2 %7B fill: %2341b38e; isolation: isolate; opacity: .9; %7D %3C/style%3E%3C/defs%3E%3Ccircle id='Ellipse_34' data-name='Ellipse 34' class='cls-2' cx='63.71' cy='63.71' r='63.71'/%3E%3Cg%3E%3Cpolygon class='cls-1' points='36.93 63 29.74 63 36.93 52.2 36.93 49.73 26.03 49.73 26.03 52.43 33.18 52.43 26.03 63.23 26.03 65.7 36.93 65.7 36.93 63'/%3E%3Cpath class='cls-1' d='M41.28,51.51c1.12,0,1.97-.82,1.97-1.88s-.85-1.88-1.97-1.88-1.97,.82-1.97,1.88,.82,1.88,1.97,1.88Z'/%3E%3Crect class='cls-1' x='39.66' y='53.02' width='3.21' height='12.68'/%3E%3Cpath class='cls-1' d='M57.49,61.72h-3.46c-.41,.85-1.17,1.53-2.54,1.53-1.6,0-2.88-1.05-3.04-2.93h9.27c.07-.41,.09-.82,.09-1.24,0-3.78-2.59-6.27-6.25-6.27s-6.36,2.54-6.36,6.55,2.68,6.55,6.36,6.55c3.14,0,5.24-1.85,5.93-4.19Zm-6.02-6.27c1.65,0,2.98,1.05,3.02,2.72h-6.02c.25-1.74,1.47-2.72,3-2.72Z'/%3E%3Cpath class='cls-1' d='M67.29,52.84c-1.69,0-3.11,.69-3.94,1.76v-5.84h-3.21v16.94h3.21v-7c0-2.04,1.12-3.14,2.86-3.14s2.82,1.1,2.82,3.14v7h3.21v-7.44c0-3.5-2.08-5.42-4.94-5.42Z'/%3E%3Cpath class='cls-1' d='M86.75,61.72h-3.46c-.41,.85-1.17,1.53-2.54,1.53-1.6,0-2.88-1.05-3.04-2.93h9.27c.07-.41,.09-.82,.09-1.24,0-3.78-2.59-6.27-6.25-6.27s-6.36,2.54-6.36,6.55,2.68,6.55,6.36,6.55c3.14,0,5.24-1.85,5.93-4.19Zm-6.02-6.27c1.65,0,2.98,1.05,3.02,2.72h-6.02c.25-1.74,1.47-2.72,3-2.72Z'/%3E%3Cpath class='cls-1' d='M96.44,52.84c-1.63,0-3,.69-3.82,1.76v-1.58h-3.21v12.68h3.21v-7c0-2.04,1.12-3.14,2.86-3.14s2.82,1.1,2.82,3.14v7h3.21v-7.44c0-3.5-2.11-5.42-5.06-5.42Z'/%3E%3Cpath class='cls-1' d='M95.16,79l-5.02-5.02c-.39-.39-1.02-.39-1.41,0-.39,.39-.39,1.02,0,1.41l3.32,3.32h-14.05c-.55,0-1,.45-1,1s.45,1,1,1h14.05l-3.32,3.32c-.39,.39-.39,1.02,0,1.41,.19,.19,.45,.29,.7,.29s.51-.1,.7-.29l5.02-5.02c.09-.09,.17-.2,.22-.33,.1-.24,.1-.52,0-.76-.05-.12-.12-.23-.22-.33Z'/%3E%3Cpath class='cls-1' d='M49.48,78.71h-14.05l3.32-3.32c.39-.39,.39-1.02,0-1.41-.39-.39-1.02-.39-1.41,0l-5.02,5.02c-.09,.09-.17,.2-.22,.32-.1,.24-.1,.52,0,.76,.05,.12,.12,.23,.22,.32l5.02,5.02c.19,.19,.45,.29,.7,.29s.51-.1,.7-.29c.39-.39,.39-1.02,0-1.41l-3.32-3.32h14.05c.55,0,1-.45,1-1s-.45-1-1-1Z'/%3E%3Cpath class='cls-1' d='M68.58,74.07c-.26,0-.52,.05-.75,.13-.06-1.19-1.05-2.13-2.25-2.13-.26,0-.52,.05-.75,.13-.06-1.19-1.05-2.13-2.25-2.13s-2.25,1.01-2.25,2.25v.88c-.23-.08-.49-.13-.75-.13-1.24,0-2.25,1.01-2.25,2.25v4.69l-.02-.02c-.55-.55-1.33-.77-2.1-.6-.76,.18-1.36,.73-1.61,1.47-.23,.68-.11,1.43,.3,2.01l3.06,4.29c1.08,1.51,2.83,2.41,4.68,2.41h2.66c2.55,0,4.83-1.71,5.53-4.17l.58-2.03c.27-.96,.41-1.95,.41-2.95v-4.1c0-1.24-1.01-2.25-2.25-2.25Zm.75,6.35c0,.86-.12,1.71-.36,2.54l-.58,2.03c-.52,1.81-2.2,3.08-4.09,3.08h-2.66c-1.37,0-2.66-.67-3.46-1.78l-3.06-4.29c-.14-.19-.17-.44-.1-.66,.12-.35,.41-.46,.53-.48,.04,0,.1-.02,.17-.02,.15,0,.34,.04,.52,.22l1.3,1.3c.21,.22,.54,.28,.82,.16,.28-.12,.46-.39,.46-.69v-6.5c0-.41,.34-.75,.75-.75s.75,.34,.75,.75v4.5c0,.41,.34,.75,.75,.75s.75-.34,.75-.75v-7.5c0-.41,.34-.75,.75-.75s.75,.34,.75,.75v7.5c0,.41,.34,.75,.75,.75s.75-.34,.75-.75v-5.5c0-.41,.34-.75,.75-.75s.75,.34,.75,.75v5.5c0,.41,.34,.75,.75,.75s.75-.34,.75-.75v-3.5c0-.41,.34-.75,.75-.75s.75,.34,.75,.75v4.1Z'/%3E%3C/g%3E%3C/svg%3E") 60 60, pointer !important; } .blog-start .swiper-container.swiper-container-initialized.swiper-container-horizontal.swiper-container-pointer-events:active, .blog-start .dsm-entry-thumbnail a:active, .blog-start .dsm-entry-overlay.fade-in a:active, .cursor-drag:active{ cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' width='127.43' height='127.43' viewBox='0 0 127.43 127.43'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %231d1d1b; %7D .cls-2 %7B fill: %2341b38e; isolation: isolate; opacity: .9; %7D %3C/style%3E%3C/defs%3E%3Ccircle id='Ellipse_34' data-name='Ellipse 34' class='cls-2' cx='63.71' cy='63.71' r='63.71'/%3E%3Cg%3E%3Cpolygon class='cls-1' points='36.93 63 29.74 63 36.93 52.2 36.93 49.73 26.03 49.73 26.03 52.43 33.18 52.43 26.03 63.23 26.03 65.7 36.93 65.7 36.93 63'/%3E%3Cpath class='cls-1' d='M41.28,51.51c1.12,0,1.97-.82,1.97-1.88s-.85-1.88-1.97-1.88-1.97,.82-1.97,1.88,.82,1.88,1.97,1.88Z'/%3E%3Crect class='cls-1' x='39.66' y='53.02' width='3.21' height='12.68'/%3E%3Cpath class='cls-1' d='M57.49,61.72h-3.46c-.41,.85-1.17,1.53-2.54,1.53-1.6,0-2.88-1.05-3.04-2.93h9.27c.07-.41,.09-.82,.09-1.24,0-3.78-2.59-6.27-6.25-6.27s-6.36,2.54-6.36,6.55,2.68,6.55,6.36,6.55c3.14,0,5.24-1.85,5.93-4.19Zm-6.02-6.27c1.65,0,2.98,1.05,3.02,2.72h-6.02c.25-1.74,1.47-2.72,3-2.72Z'/%3E%3Cpath class='cls-1' d='M67.29,52.84c-1.69,0-3.11,.69-3.94,1.76v-5.84h-3.21v16.94h3.21v-7c0-2.04,1.12-3.14,2.86-3.14s2.82,1.1,2.82,3.14v7h3.21v-7.44c0-3.5-2.08-5.42-4.94-5.42Z'/%3E%3Cpath class='cls-1' d='M86.75,61.72h-3.46c-.41,.85-1.17,1.53-2.54,1.53-1.6,0-2.88-1.05-3.04-2.93h9.27c.07-.41,.09-.82,.09-1.24,0-3.78-2.59-6.27-6.25-6.27s-6.36,2.54-6.36,6.55,2.68,6.55,6.36,6.55c3.14,0,5.24-1.85,5.93-4.19Zm-6.02-6.27c1.65,0,2.98,1.05,3.02,2.72h-6.02c.25-1.74,1.47-2.72,3-2.72Z'/%3E%3Cpath class='cls-1' d='M96.44,52.84c-1.63,0-3,.69-3.82,1.76v-1.58h-3.21v12.68h3.21v-7c0-2.04,1.12-3.14,2.86-3.14s2.82,1.1,2.82,3.14v7h3.21v-7.44c0-3.5-2.11-5.42-5.06-5.42Z'/%3E%3Cpath class='cls-1' d='M101.9,79l-5.02-5.02c-.39-.39-1.02-.39-1.41,0-.39,.39-.39,1.02,0,1.41l3.32,3.32h-14.05c-.55,0-1,.45-1,1s.45,1,1,1h14.05l-3.32,3.32c-.39,.39-.39,1.02,0,1.41,.19,.19,.45,.29,.7,.29s.51-.1,.7-.29l5.02-5.02c.09-.09,.17-.2,.22-.33,.1-.24,.1-.52,0-.76-.05-.12-.12-.23-.22-.33Z'/%3E%3Cpath class='cls-1' d='M43.48,78.71h-14.05l3.32-3.32c.39-.39,.39-1.02,0-1.41-.39-.39-1.02-.39-1.41,0l-5.02,5.02c-.09,.09-.17,.2-.22,.32-.1,.24-.1,.52,0,.76,.05,.12,.12,.23,.22,.32l5.02,5.02c.19,.19,.45,.29,.7,.29s.51-.1,.7-.29c.39-.39,.39-1.02,0-1.41l-3.32-3.32h14.05c.55,0,1-.45,1-1s-.45-1-1-1Z'/%3E%3Cpath class='cls-1' d='M68.64,75.19c-.36,0-.69,.08-.99,.23-.37-.73-1.13-1.23-2.01-1.23-.36,0-.69,.08-.99,.23-.37-.73-1.13-1.23-2.01-1.23s-1.63,.5-2.01,1.23c-.3-.15-.64-.23-.99-.23-1.24,0-2.25,1.01-2.25,2.25v.12c-.72,.55-1.35,1.21-1.88,1.98-.85,1.24-1.01,2.8-.42,4.19l1.06,2.48c.91,2.12,2.98,3.48,5.29,3.48h2.93c2.55,0,4.83-1.71,5.53-4.17l.58-2.03c.27-.96,.41-1.96,.41-2.95v-2.1c0-1.24-1.01-2.25-2.25-2.25Zm.75,4.35c0,.86-.12,1.71-.36,2.54l-.58,2.03c-.52,1.81-2.2,3.08-4.09,3.08h-2.93c-1.7,0-3.24-1.01-3.91-2.58l-1.06-2.48c-.39-.91-.29-1.93,.29-2.77,.19-.28,.4-.54,.63-.79v2.36c0,.41,.34,.75,.75,.75s.75-.34,.75-.75v-4.5c0-.41,.34-.75,.75-.75s.75,.34,.75,.75v2.5c0,.41,.34,.75,.75,.75s.75-.34,.75-.75v-3.5c0-.41,.34-.75,.75-.75s.75,.34,.75,.75v3.5c0,.41,.34,.75,.75,.75s.75-.34,.75-.75v-2.5c0-.41,.34-.75,.75-.75s.75,.34,.75,.75v2.5c0,.41,.34,.75,.75,.75s.75-.34,.75-.75v-1.5c0-.41,.34-.75,.75-.75s.75,.34,.75,.75v2.1Z'/%3E%3C/g%3E%3C/svg%3E")60 60, pointer !important; } article.dsm-blog-carousel-item.swiper-slide:hover { transform: translate(0px,-10px); } article.dsm-blog-carousel-item.swiper-slide { transition: all 500ms ease 0ms; } .blog-start article { margin: 25px 0; } .blog-start .dp_oc_item { min-height: 440px!important; } .blog-start .owl-stage-outer { max-height: 520px; } /* Blog Carousel Pfeile */ .dsm_blog_carousel .swiper-button-next, .dsm_blog_carousel .swiper-button-prev, .dsm_post_carousel .swiper-button-next, .dsm_post_carousel .swiper-button-prev { width: 30px!important; height: 30px!important; } .dsm_blog_carousel .swiper-button-next:after, .dsm_blog_carousel .swiper-button-prev:after, .dsm_post_carousel .swiper-button-next:after, .dsm_post_carousel .swiper-button-prev:after { font-size: 24px!important; } /* Leistungen - einzelne Leistungskacheln */ .leistungskacheln .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-items{ display: grid; grid-template-columns: repeat(auto-fill,minmax(17%,1fr)) !important; } .leistungskacheln .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-items:hover{ display: grid; grid-template-columns: repeat(auto-fill,minmax(17%,1fr)) !important; } .leistungskacheln .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-item:hover{ transform: translate(0px,-10px); } .leistungskacheln .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-item{ transition: all 500ms ease 0ms; } /* Buttons Carousels */ button.owl-prev { top: 104%!important; left: 0%!important; } button.owl-next{ top: 104%!important; right: 94%!important; } /* Tabs anpassen */ .dsm_advanced_tabs .dsm-advanced-tabs-container .dsm-advanced-tabs-wrapper { flex: 0 0 340px!important; } .dsm-tab .dsm-image { margin-left: -11px; } /* Portfolio Metainfo anpassen */ span.dsm-meta-seperator { display: none; } /* Portfolio auf Leistungsseiten */ .bck-bp-title { margin: 0!important; } .bck-bp-thumb img { object-fit: none!important; height: 150px!important; } .bck-bp-thumb-wrap { height: 150px!important; } /* Leistungen Addkordeon (mehr lesen) anpassen */ .leistungen-akkordeon .et_pb_toggle_open .et_pb_toggle_title:before { display: block!important; content: "\32"!important; font-size: 22px!important; font-weight: 900!important; width: 17px; } #page-container .sub-menu :not(.menu-item-has-children) a { font-family: 'Open Sans Regular',Helvetica,Arial,Lucida,sans-serif !important; font-size: 0.9rem !important; } /* Instagram einbinden */ button.instagram-user-container, button.sk-ig-load-more-posts { background-color: #42B38E!important; border: none!important; color: #ffffff!important; font-size: 16px!important; border-radius: 0px!important; padding: 12px 20px!important; } body .sk-instagram-feed .instagram-user-container { font-size: 16px!important; } /* Dropdown Menü */ /**** This hides the sub menu items on mobile ****/ #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ #page-container .mobile_nav .menu-item-has-children { position: relative; } #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ #page-container span.menu-closed:before { content: "\4c"; display: block; /*color: #000;*/ font-size: 16px; font-family: ETmodules; } #page-container span.menu-closed.menu-open:before { content: "\4d"; } /* DarkMode Toggle im Menü */ /* Track fixieren */ .darkmode-button .dsm-switch-inner{ width: 36px; /* vorher em-basiert */ height: 18px; } /* Knopf fixieren (Startposition) */ .darkmode-button .dsm-switch-inner::before{ left: 2px; bottom: 2px; width: 14px; height: 14px; } /* Knopf-Endposition bei "checked" – nüchtern in PX */ .darkmode-button input.dsm-toggle-switch:checked + .dsm-switch-inner::before{ transform: translateX(18px); /* 56 - 24 - (4*2) = 24 → etwas Luft lassen */ } /*** ---------------------------- Darkmode ---------------------------- ***/ :root { /* Colors: */ --f4f4f4-fontcolor: #F4F4F4; --2c2c2c-abgesetzt: #2C2C2C; --585858-hell-abgesetzt: #585858; --unnamed-color-ffd100: #FFD100; --f7f9fa-abgesetzt: #F7F9FA; --ffffff-hell-weiss: #FFFFFF; --1e1f1f-dunkel-fontcolor: #1E1F1F; --42b38e-highlight: #42B38E; } body.darkmode { color: var(--f4f4f4-fontcolor); } .darkmode #page-container .et-l--header .betriebsurlaub .et_pb_column .et_pb_blurb{ color: var(--f4f4f4-fontcolor) !important; } .darkmode .stoerer, .darkmode .betriebsurlaub{ background-image: linear-gradient(133deg,#42b38e 78%,#42b38e 78%)!important; } .darkmode .et_pb_section_0_tb_header.et_pb_section { background: var(--1e1f1f-dunkel-fontcolor) 0% 0% no-repeat padding-box; } .darkmode .et_pb_section { background: var(--1e1f1f-dunkel-fontcolor); color: var(--f4f4f4-fontcolor); } .darkmode .et_pb_menu_0_tb_header.et_pb_menu ul li a, .darkmode .et_pb_menu_1_tb_header.et_pb_menu ul li a, .darkmode #page-container #et-boc .et_pb_menu_0_tb_header.et_pb_menu ul li a, .darkmode #page-container #et-boc .et_pb_menu_1_tb_header.et_pb_menu ul li a { color: var(--f4f4f4-fontcolor) !important; } .home.darkmode div.et_pb_section.et_pb_section_0 { background-image: linear-gradient(120deg,rgb(30, 31, 31) 0%,rgb(30, 31, 31) 50%,rgba(30, 31, 31,0.42) 57%,rgba(30, 31, 31,0) 57%),url(https://motion-media.de/wp-content/uploads/2023/03/227-97_bearbeitet.jpg) !important; } .darkmode h1, .darkmode h2, .darkmode h3, .darkmode h4, .darkmode h5, .darkmode h6, .darkmode #page-container .et_pb_text_align_center .et_pb_text_inner p, .darkmode #page-container #et-boc .et_pb_toggle_title, .darkmode #page-container #et-boc .et_pb_toggle_title::before { color: var(--f4f4f4-fontcolor) !important; } .darkmode .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_close h5.et_pb_toggle_title, .darkmode .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_close h1.et_pb_toggle_title, .darkmode .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_close h2.et_pb_toggle_title, .darkmode .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_close h3.et_pb_toggle_title, .darkmode .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_close h4.et_pb_toggle_title, .darkmode .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_close h6.et_pb_toggle_title, .darkmode .et_pb_accordion_1.et_pb_accordion .et_pb_toggle_close h5.et_pb_toggle_title, .darkmode .et_pb_accordion_1.et_pb_accordion .et_pb_toggle_close h1.et_pb_toggle_title, .darkmode .et_pb_accordion_1.et_pb_accordion .et_pb_toggle_close h2.et_pb_toggle_title, .darkmode .et_pb_accordion_1.et_pb_accordion .et_pb_toggle_close h3.et_pb_toggle_title, .darkmode .et_pb_accordion_1.et_pb_accordion .et_pb_toggle_close h4.et_pb_toggle_title, .darkmode .et_pb_accordion_1.et_pb_accordion .et_pb_toggle_close h6.et_pb_toggle_title { color: var(--f4f4f4-fontcolor) !important; } .darkmode .et_pb_column .et_pb_blurb { background-color: transparent !important; color: var(--f4f4f4-fontcolor) !important; } .darkmode .blurb-bg-grey .et_pb_column .et_pb_blurb { background-color: var(--2c2c2c-abgesetzt) !important; } .darkmode .darkmode-bg-grey .blurb-bg-grey .et_pb_column .et_pb_blurb { background-color: var(--585858-hell-abgesetzt) !important; } .darkmode .et_pb_main_blurb_image { filter: saturate(0%) brightness(200%) !important; } .darkmode .darkmode-icons-white .et_pb_main_blurb_image { filter: invert(100%) !important; } .darkmode .darkmode-services.et_multi_view__hovered .et_pb_main_blurb_image { filter: none !important; } .home.darkmode .et_pb_row_1, .home.darkmode .et_pb_row_2 { background-image: linear-gradient(180deg,rgba(247,249,250,0) 60%,#2c2c2c 60%,#2c2c2c 100%); } .darkmode .dsm_card_carousel_child_badge_text { background-color: #2C2C2C; } .darkmode #map img { visibility: hidden; } .darkmode #map { background-image: url(https://motion-media.de/wp-content/uploads/2023/04/Anfahrt-Webseite-darkmode.png); background-size: cover; } @media (max-width: 980px) { .darkmode #map { background-image: url(https://motion-media.de/wp-content/uploads/2023/04/Anfahrt-Webseite-mobil-darkmode@2x.png) !important; background-size: cover; } .home.darkmode div.et_pb_section.et_pb_section_0 { background-image: linear-gradient(120deg,rgb(30,31,31,.85) 0%,rgb(30,31,31,.85) 60%,rgba(30,31,31,.51) 69%,rgba(30,31,31,0) 75%, rgba(30,31,31,.42) 86%),url(https://motion-media.de/wp-content/uploads/2023/03/227-97_bearbeitet.jpg) !important; } .darkmode h1.entry-title, .darkmode .entry-title h1 { text-shadow: 1px 1px 8px #000000!important; } } .darkmode .et_pb_section_2.et_pb_section, .darkmode .et_pb_section_6.et_pb_section { background-color: var(--1e1f1f-dunkel-fontcolor); } .darkmode #page-container div.et_pb_section.darkmode-section-owner-blurb, .darkmode #page-container #et-boc div.et_pb_section.darkmode-section-owner-blurb { background-image: linear-gradient(180deg,#1e1f1f 40%,#2c2c2c 40%) !important; } .darkmode #page-container .darkmode-section-owner-blurb .et_pb_column { background-color: var(--2c2c2c-abgesetzt) !important; } .darkmode .et_pb_sticky.et_pb_section_3_tb_header.et_pb_section { background-color: var(--2c2c2c-abgesetzt) !important; } body.darkmode.custom-background { background-color: var(--2c2c2c-abgesetzt) !important; } /*.darkmode .et_pb_top_inside_divider { filter: brightness(17.5%); } .darkmode .et_pb_bottom_inside_divider { filter: brightness(17.5%); } .darkmode .et_pb_section_11 .et_pb_bottom_inside_divider { filter: brightness(12.6%); }*/ .darkmode .dp_oc_item { background-color: var(--585858-hell-abgesetzt) !important; } .darkmode #page-container .dp_oc_item .dp_oc_post_title, .darkmode #page-container .dp_oc_item .dp_oc_post_title a { color: white !important; } .darkmode #page-container .dp_oc_item .dp_oc_post_meta, .darkmode #page-container .dp_oc_item .dp_oc_post_meta a { color: white !important; } .darkmode #page-container .et_pb_section { background-color: var(--1e1f1f-dunkel-fontcolor) !important; } .darkmode #page-container #et-boc #et-main-area .et_pb_section.darkmode-bg-yellow { background-color: #ffd100 !important; } { background-color: var(--1e1f1f-dunkel-fontcolor) !important; } .darkmode .et_pb_text .et_pb_text_inner { color: var(--f4f4f4-fontcolor) !important; } .darkmode #page-container .et_pb_menu .nav li ul.sub-menu, .darkmode #page-container #et-boc .et_pb_menu .nav li ul.sub-menu { background-color: var(--2c2c2c-abgesetzt) !important; } .darkmode.et-db #page-container #et-boc .et-l #darkmode-mm-topmenu { background-color: var(--2c2c2c-abgesetzt) !important; } .darkmode.et-db #page-container #et-boc .et-l .et_pb_section.darkmode-bg-grey { background-color: var(--2c2c2c-abgesetzt) !important; } .darkmode.et-db #page-container #et-boc .et-l .et_pb_section { background-color: var(--1e1f1f-dunkel-fontcolor) !important; } .darkmode.et-db #page-container #et-boc .et-l .dp_oc_item .dp_oc_post_title, .darkmode.et-db #page-container #et-boc .et-l .dp_oc_item .dp_oc_post_title a, .darkmode.et-db #page-container #et-boc .et-l .dp_oc_item .post-meta, .darkmode.et-db #page-container #et-boc .et-l .dp_oc_item .post-meta a { color: var(--f4f4f4-fontcolor) !important; } .darkmode #page-container .et_pb_menu .nav li ul.sub-menu a { color: var(--f4f4f4-fontcolor) !important; } .darkmode #page-container .et_pb_section.darkmode-bg-grey { background-color: var(--2c2c2c-abgesetzt) !important; } .darkmode .b2b-header.et_pb_with_background.et_section_regular{ background-image: linear-gradient(120deg,rgb(30, 31, 31) 0%,rgb(30, 31, 31) 50%,rgba(30, 31, 31,0.42) 57%,rgba(30, 31, 31,0.42) 57%),url(https://motion-media.de/wp-content/uploads/2023/11/wer-ist-auf-meiner-webseite-1.jpg)!important; background-size: cover!important; } .darkmode .briefing-web-header.et_pb_with_background.et_section_regular{ background-image: linear-gradient(120deg,rgb(30, 31, 31) 0%,rgb(30, 31, 31) 50%,rgba(30, 31, 31,0.42) 57%,rgba(30, 31, 31,0.42) 57%),url(https://motion-media.de/wp-content/uploads/2023/02/CTA-Bild_Michelle.jpg)!important; } /*.darkmode.et-db #page-container #et-boc .et-l #hero-social-media { background-image: linear-gradient(120deg,rgb(30, 31, 31) 0%,rgb(30, 31, 31) 50%,rgba(30, 31, 31,0.42) 57%,rgba(30, 31, 31,0) 57%),url(https://motion-media.de/wp-content/uploads/2022/11/1500x410_Titelbild_social-media.jpg) !important; } .darkmode.et-db #page-container #et-boc .et-l #hero-team { background-image: linear-gradient(120deg,rgb(30, 31, 31) 0%,rgb(30, 31, 31) 50%,rgba(30, 31, 31,0.42) 57%,rgba(30, 31, 31,0) 57%),url(https://motion-media.de/wp-content/uploads/2024/12/MM-Team-2024-3-1.webp) !important; } .darkmode.et-db #page-container #et-boc .et-l #hero-job { background-image: linear-gradient(120deg,rgb(30, 31, 31) 0%,rgb(30, 31, 31) 50%,rgba(30, 31, 31,0.42) 57%,rgba(30, 31, 31,0) 57%),url(https://motion-media.de/wp-content/uploads/2022/08/227-97-e1661790460777.jpg) !important; } .darkmode.et-db #page-container #et-boc .et-l #hero-contact { background-image: linear-gradient(120deg,rgb(30, 31, 31) 0%,rgb(30, 31, 31) 50%,rgba(30, 31, 31,0.42) 57%,rgba(30, 31, 31,0) 57%),url(https://motion-media.de/wp-content/uploads/2020/10/Speicherhaus-von-aussen.jpg) !important; } .darkmode #hero-michelle { background-image: linear-gradient(120deg,rgb(30, 31, 31) 0%,rgb(30, 31, 31) 50%,rgba(30, 31, 31,0.42) 57%,rgba(30, 31, 31,0) 57%),url(https://motion-media.de/wp-content/uploads/2023/02/CTA-Bild_Michelle.jpg) !important; } .darkmode #hero-briefing-social-media { background-image: linear-gradient(120deg,rgb(30, 31, 31) 0%,rgb(30, 31, 31) 50%,rgba(30, 31, 31,0.42) 57%,rgba(30, 31, 31,0) 57%),url(https://motion-media.de/wp-content/uploads/2021/12/Motion-Media-2021-14.jpg) !important; } .darkmode #hero-webdesign { background-image: linear-gradient(120deg,rgb(30, 31, 31) 0%,rgb(30, 31, 31) 50%,rgba(30, 31, 31,0.42) 57%,rgba(30, 31, 31,0) 57%),url(https://motion-media.de/wp-content/uploads/2021/02/responsive_webdesign.jpg) !important; } .darkmode.et-db #page-container #et-boc .et-l #hero-contact .et_pb_row_6 { background-image: linear-gradient(180deg,rgba(247,249,250,0) 80%,var(--2c2c2c-abgesetzt) 80%,var(--2c2c2c-abgesetzt) 100%); }*/ .darkmode #hero-contact .et_pb_row_1 { background-image: linear-gradient(180deg,rgba(247,249,250,0) 60%,#1e1f1f 60%,#1e1f1f 100%); } .darkmode .ipt_uif_richtext { color: var(--f4f4f4-fontcolor); } .darkmode #page-container .dvmd_tm_tcell { background-color: var(--2c2c2c-abgesetzt); } .darkmode #darkmode-image-google-optimizing img { display: none !important; } .darkmode .darkmode-hidden { display: none !important; } .darkmode #darkmode-image-google-optimizing .et_pb_image_wrap { background-image: url("https://motion-media.de/wp-content/uploads/2023/03/Sichtbarkeit-bei-Google-Darkmode.svg") !important; background-size: contain; background-repeat: no-repeat; height: 38vw; } .darkmode #page-container .dvmd_tm_tcell.dvmd_tm_chead, .darkmode #page-container .dvmd_tm_tcell.dvmd_tm_cfoot { background-color: var(--42b38e-highlight); } .darkmode #page-container .dvmd_tm_cdata { color: var(--f4f4f4-fontcolor) !important; } .darkmode .timeline .bck-horizontal-timeline-arrow, .darkmode .timeline .bck-horizontal-timeline-arrow::before, .darkmode .timeline .bck-horizontal-timeline-content { background-color: var(--585858-hell-abgesetzt) !important; } .darkmode #page-container a { color: var(--f4f4f4-fontcolor) !important; } .darkmode #page-container a:hover { color: var(--42b38e-highlight) !important; } .darkmode #page-container .darkmode-skala { background-color: var(--585858-hell-abgesetzt); } .darkmode.et-db #page-container #et-boc .et-l .bck-flipbox-card-container .bck-flipbox-card { background-color: var(--585858-hell-abgesetzt) !important; } .darkmode.et-db #page-container #et-boc .et-l .bck-flipbox-card-container .bck-flipbox-card img { filter: brightness(100); } .darkmode .darkmode-cards img { filter: brightness(100); } .darkmode .darkmode-cards .et_pb_blurb { box-shadow: none !important; } .darkmode .et_pb_menu__logo { filter: invert(100%) hue-rotate(180deg); } .darkmode #page-container .et-l--header .et_pb_section.et_pb_section_3_tb_header { background-color: var(--2c2c2c-abgesetzt) !important; } .darkmode #page-container .et-l--header .et_pb_column .et_pb_blurb { color: var(--1e1f1f-dunkel-fontcolor) !important; } .darkmode .et_pb_blurb_description img { filter: invert(100%) hue-rotate(180deg); } .darkmode #page-container .bck-team-content { background-image: linear-gradient(174deg,rgba(255,255,255,0) 30%,var(--2c2c2c-abgesetzt) 31%),url(https://motion-media.de/wp-content/uploads/2023/03/pixelhintergrund-fuer-team-1.svg) !important; } .darkmode .dsm-tab.dsm-active { background-color: var(--585858-hell-abgesetzt) !important; } .darkmode .dsm-tab { background-color: var(--2c2c2c-abgesetzt) !important; } .darkmode .dsm-content-wrapper { background-color: var(--585858-hell-abgesetzt) !important; } .darkmode .dsm-image img { filter: invert(100%) hue-rotate(180deg); } .darkmode .et_pb_text_7.et_pb_text .darkmode .et_pb_text_14.et_pb_text, .darkmode .et_pb_text_25.et_pb_text, .darkmode .et_pb_text_28.et_pb_text, .darkmode .et_pb_text_30.et_pb_text, .darkmode .et_pb_text_37.et_pb_text, body.darkmode #page-container .et_pb_section .et_pb_button_2::after, body.darkmode #page-container .et_pb_section .et_pb_button_5::after, body.darkmode #page-container .et_pb_section .et_pb_button_6::after, body.darkmode #page-container .et_pb_section .et_pb_button_9::after, body.darkmode #page-container .et_pb_section .et_pb_button_2, body.darkmode #page-container .et_pb_section .et_pb_button_5, .darkmode .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_open h5.et_pb_toggle_title, .darkmode .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_open h1.et_pb_toggle_title, .darkmode .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_open h2.et_pb_toggle_title, .darkmode .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_open h3.et_pb_toggle_title, .darkmode .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_open h4.et_pb_toggle_title, .darkmode .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_open h6.et_pb_toggle_title, .darkmode .et_pb_accordion_1.et_pb_accordion .et_pb_toggle_open h5.et_pb_toggle_title, .darkmode .et_pb_accordion_1.et_pb_accordion .et_pb_toggle_open h1.et_pb_toggle_title, .darkmode .et_pb_accordion_1.et_pb_accordion .et_pb_toggle_open h2.et_pb_toggle_title, .darkmode .et_pb_accordion_1.et_pb_accordion .et_pb_toggle_open h3.et_pb_toggle_title, .darkmode .et_pb_accordion_1.et_pb_accordion .et_pb_toggle_open h4.et_pb_toggle_title, .darkmode .et_pb_accordion_1.et_pb_accordion .et_pb_toggle_open h6.et_pb_toggle_title { color: var(--f4f4f4-fontcolor) !important; } .darkmode .dsm-content-wrapper .dsm_button { border: none !important; } .darkmode .ipt-uif-custom-material-custom { color: var(--f4f4f4-fontcolor) !important; } .darkmode .owl-nav button::before, .darkmode #page-container .et_pb_text.skills a, .darkmode #page-container .dp-dfg-filter-link, .darkmode #page-container .dp-dfg-load-more-button, .darkmode.et-db #page-container #et-boc #main-content .et-l .et_pb_section .et_pb_button.dp-dfg-load-more-button, .darkmode.et-db #page-container #et-boc #main-content .et-l .et_pb_section .et_pb_button.dp-dfg-load-more-button::after, .darkmode #page-container .dsm_breadcrumbs .dsm_breadcrumbs_item a, .darkmode.et-db #page-container #et-boc .et-l .dsm_breadcrumbs li.dsm_breadcrumbs_item a, .darkmode.et-db #page-container #et-boc .et-l .dsm_breadcrumbs li.dsm_breadcrumbs_item a .dsm_home_icon, body.darkmode #page-container #et-main-area .et_pb_section .darkmode-link-btn.et_pb_button, body.darkmode #page-container #et-main-area .et_pb_section .darkmode-link-btn.et_pb_button::before, body.darkmode #page-container #et-main-area .et_pb_section .darkmode-link-btn.et_pb_button::after, .darkmode.et-db #page-container #et-boc .et-l .et_pb_section .darkmode-link-btn { color: var(--f4f4f4-fontcolor) !important; } .darkmode #page-container .dsm_breadcrumbs .dsm_breadcrumbs_item.dsm_breadcrumbs_item_current span, .darkmode #page-container .et_pb_text.skills a:hover, .darkmode #page-container .dp-dfg-filter-link:hover, .darkmode #page-container .dsm_breadcrumbs .dsm_breadcrumbs_item a:hover, .darkmode.et-db #page-container #et-boc .et-l .dsm_breadcrumbs li.dsm_breadcrumbs_item a:hover, body.darkmode #page-container #et-main-area .et_pb_section .darkmode-link-btn.et_pb_button:hover, body.darkmode #page-container #et-main-area .et_pb_section .darkmode-link-btn.et_pb_button:hover::before, body.darkmode #page-container #et-main-area .et_pb_section .darkmode-link-btn.et_pb_button:hover::after { color: var(--42b38e-highlight) !important; } .darkmode #page-container .dsm-popup .et_pb_section { background-color: var(--2c2c2c-abgesetzt) !important; } .darkmode .ipt-uif-custom-material-custom .ipt-eform-content { background-color: var(--2c2c2c-abgesetzt); box-shadow: none; } .darkmode input.text, .darkmode input.title, .darkmode input[type="email"], .darkmode input[type="password"], .darkmode input[type="tel"], .darkmode input[type="text"], .darkmode select, .darkmode textarea, .darkmode .ipt-uif-custom-material-custom .ipt_uif_question label.ipt_uif_question_title { color: var(--f4f4f4-fontcolor); } .darkmode select option { background-color: var(--1e1f1f-dunkel-fontcolor) !important; } .darkmode #page-container #et-main-area .darkmode-price-section { background-repeat: no-repeat; background-size: cover; } .darkmode #page-container #et-main-area .darkmode-price-section .et_pb_button, .darkmode #page-container #et-main-area .darkmode-price-section .et_pb_button::after { color: var(--1e1f1f-dunkel-fontcolor) !important; } .darkmode #page-container #et-boc #main-content .darkmode-column-dark .et_pb_column, .darkmode #page-container .darkmode-column-dark { background-color: var(--1e1f1f-dunkel-fontcolor) !important; } .darkmode #page-container .darkmode-column-dark .et_pb_text_inner { color: var(--f4f4f4-fontcolor) !important; } .darkmode #page-container .et_builder_inner_content #header-menu.header.header-menu { background-color: var(--2c2c2c-abgesetzt) !important; } .darkmode .darkmode-steps .et_pb_column { background-color: var(--585858-hell-abgesetzt) !important; } .darkmode #page-container .darkmode-cards:not(.darkmode-cards-ignore-first) .et_pb_column { background-color: var(--585858-hell-abgesetzt) !important; } .darkmode #page-container .darkmode-cards.darkmode-cards-ignore-first .et_pb_column:not(:first-of-type) { background-color: var(--585858-hell-abgesetzt) !important; } .darkmode #page-container #et-boc .et-l .et_pb_menu .et_mobile_menu, .darkmode #page-container #et-boc .et-l .et_pb_menu .et_mobile_menu ul { background-color: var(--2c2c2c-abgesetzt) !important; } .darkmode .darkmode-steps .et_pb_column:first-child .et_pb_module:first-child, .darkmode #et-boc .darkmode-steps .et_pb_column:first-child .et_pb_module:first-child { background-color: var(--42b38e-highlight) !important; } .darkmode .darkmode-steps .et_pb_column .et_pb_module:first-child, .darkmode #et-boc .darkmode-steps .et_pb_column .et_pb_module:first-child { background-color: transparent; } .darkmode .darkmode-services .dp-dfg-skin-default .dp-dfg-item, .darkmode .darkmode-services .dp-dfg-skin-default .dp-dfg-item .dfg_et_overlay { background-color: var(--585858-hell-abgesetzt) !important; } .darkmode .darkmode-services .dp-dfg-skin-default .dp-dfg-item img { filter: brightness(100); } .darkmode .input-field .prefix, .darkmode .input-field input, .darkmode .input-field label, .darkmode .ipt-uif-custom-material-custom [type="radio"]:not(:checked) + label::before { color: var(--f4f4f4-fontcolor) !important; border-color: var(--f4f4f4-fontcolor) !important; } .darkmode .entry-content thead th, .darkmode .entry-content tr th, .darkmode .ipt-uif-custom-material-custom [type="radio"]:not(:checked) + label, .darkmode .ipt-uif-custom-material-custom [type="radio"]:checked + label, .darkmode .ipt-uif-custom-material-custom .ipt_uif_question .ipt_uif_question_content .ipt_uif_question label.ipt_uif_question_title { color: var(--f4f4f4-fontcolor) !important; border-color: white !important; } .darkmode #page-container .et_pb_text_align_center .et_pb_text_inner .ui-widget-content p { color: var(--1e1f1f-dunkel-fontcolor) !important; } .darkmode #page-container .et_pb_text_align_center .et_pb_text_inner .ui-widget-content .ipt_uif_richtext p, .darkmode #page-container .et_pb_text_align_center .et_pb_text_inner .ui-widget-content .ipt_uif_column_inner p { color: var(--f4f4f4-fontcolor) !important; } .darkmode #page-container #hero-team .et_pb_button.et_pb_button_5, .darkmode #page-container #hero-team .et_pb_button.et_pb_button_5::after { color: var(--1e1f1f-dunkel-fontcolor) !important; } .darkmode .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu, .darkmode .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu ul { background-color: var(--2c2c2c-abgesetzt) !important; } .darkmode #page-container .ipt-uif-custom-material-custom table.highlight > tbody > tr:hover { background-color: var(--585858-hell-abgesetzt); } .project-template-default.darkmode #page-container div.et_pb_section.et_pb_section_0_tb_body > .et_pb_background_mask, .darkmode #page-container #et-boc .et_pb_background_mask { filter: brightness(12.2%); } /* Blog der weniger als 4 Beiträge hat - Kein Slider */ .darkmode .blog-no-slider .dp-dfg-item { background-color: var(--585858-hell-abgesetzt)!important; } /* vCards Hintergründe */ .darkmode .vcard-row{ background-color: var(--2c2c2c-abgesetzt) !important; } @media only screen and (max-width: 767px){ .project-template-default.darkmode #page-container div.et_pb_section.et_pb_section_0_tb_body, .darkmode #page-container #et-boc div.et_pb_section.et_pb_section_0_tb_body { /*background-image: none !important;*/ background-color: var(--1e1f1f-dunkel-fontcolor) !important; } .darkmode #hero-contact{ background-image: linear-gradient(120deg,rgba(30,31,31,.85) 0%,rgba(30,31,31,.85) 50%,rgba(30,31,31,.42) 100%,rgba(30,31,31,0) 100%),url(https://motion-media.de/wp-content/uploads/2023/07/227-163_gespiegelt-2.jpg)!important; } } .darkmode #hero-contact{ background-image: linear-gradient(120deg,rgba(30,31,31,.85) 0%,rgba(30,31,31,.85) 50%,rgba(30,31,31,.42) 100%,rgba(30,31,31,0) 100%),url(https://motion-media.de/wp-content/uploads/2023/07/227-163_gespiegelt-2.jpg)!important; } .darkmode .darkmode-bg-grey.et_pb_bottom_divider .et_pb_bottom_inside_divider { background-image: linear-gradient(2.5deg, rgb(30, 31, 31) 0%, rgb(30, 31, 31) 49%, rgb(44, 44, 44) 51%, rgb(44, 44, 44) 100%) !important; } .darkmode .darkmode-bg-grey.et_pb_top_divider .et_pb_top_inside_divider { background-image: linear-gradient(2.5deg, rgb(44, 44, 44) 0%, rgb(44, 44, 44) 49%, rgb(30, 31, 31) 51%, rgb(30, 31, 31) 100%) !important; } /*Button aus einem normalen Link machen*/ a.buttonlink { padding: 8px !important; color: #fff !important; background-color: #aeaeae !important; } /*Anpassung Darkmode Formular Textfeld auf Grau, damit es hell und dunkel geht*/ textarea#ipt_fsqm_form_15_freetype_1_value { color: #7d7c7c !important; } label.ipt_uif_question_subtitle.ipt_uif_label { color: #7d7c7c !important; } /* ------------------------------------------- Responsive Anpassungen ------------------------------------------- */ /* Mobil bei der Logo-Komponente das doppelte Burgermenü ausblenden */ /*#menu-logo .et_pb_menu__menu, #menu-logo .et_mobile_nav_menu{ display:none; }*/ @media only screen and (max-width: 2300px) { .blog-start .dp_oc_item { min-height: 400px!important; } } @media only screen and (max-width: 1920px) { .blog-start .dp_oc_item { min-height: 360px!important; } } @media only screen and (max-width: 1800px) { .blog-start .dp_oc_item { min-height: 330px!important; } } @media only screen and (max-width: 1500px) { .blog-start .dp_oc_item { min-height: 290px!important; } } @media only screen and (max-width: 1500px) { .blog-start .dp_oc_item { min-height: 250px!important; } } @media only screen and (max-width: 1024px) { /* Leistungen - einzelne Leistungskacheln */ .leistungskacheln .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-items{ display: grid; grid-template-columns: repeat(auto-fill,minmax(20%,1fr)) !important; } .leistungskacheln .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-items:hover{ display: grid; grid-template-columns: repeat(auto-fill,minmax(20%,1fr)) !important; } } @media only screen and (max-width: 980px) { .dsm_advanced_tabs .dsm-advanced-tabs-container .dsm-advanced-tabs-wrapper { flex: 0 0 auto!important; } #menu-logo .et_mobile_nav_menu { display: none!important; } .blog-start .dp_oc_item { min-height: 260px!important; } .blog-start .owl-stage-outer { max-height: 330px; } h1.entry-title, .entry-title h1{ text-shadow: 1px 1px 8px #ffffff!important; } /* Anpassungen Menü */ ul#mobile_menu2 { min-width: 250px; margin-right: 100px!important; top: 38px!important; } /* Leistungen - einzelne Leistungskacheln */ .leistungskacheln .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-items{ display: grid; grid-template-columns: repeat(auto-fill,minmax(25%,1fr)) !important; } .leistungskacheln .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-items:hover{ display: grid; grid-template-columns: repeat(auto-fill,minmax(25%,1fr)) !important; } } @media only screen and (max-width: 680px) { /* Leistungen - einzelne Leistungskacheln */ .leistungskacheln .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-items{ display: grid; grid-template-columns: repeat(auto-fill,minmax(45%,1fr)) !important; } .leistungskacheln .dp-dfg-container.dp-dfg-layout-grid .dp-dfg-items:hover{ display: grid; grid-template-columns: repeat(auto-fill,minmax(45%,1fr)) !important; } .blog-start .dp_oc_item { min-height: 300px!important; } .blog-start .owl-stage-outer { max-height: 360px; } ul#mobile_menu2 { left: -170px!important; } .blog-start button.owl-next { right: 80%!important; } .cursor-drag .slick-prev { left: 35%!important; } .cursor-drag .slick-next { right: 40%!important; } .bck_flipbox, .bck-flipbox-front-card.bck-flipbox-card { min-height: 185px!important; } /* Tabs mobil anpassen */ .dsm-tab .dsm-title { display: none!important; } .dsm-tab .dsm-image { width: 45px!important; margin-left: 0px; } [data-et-multi-view-load-phone-hidden=true]:not(.et_multi_view_swapped){ display: block!important; } }