/* Theme Name: DiviChild Theme URI: http://www.dsl-factory.de Description: Entwickelt von der DSL Factory Author: DSL Factory Werbeagentur Author URI: http://www.dsl-factory.de Template: Divi Version: 1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ @import "fonts.css"; @import "forms.css"; @import "./fonts/elegant_font/HTML\ CSS/style.css"; /* /////////////////////////////////////////////////////////////////////////////////////// */ /* INHALT */ /* /////////////////////////////////////////////////////////////////////////////////////// */ /* 00 Allgemein 01 Icons 02 Listenelemente 10 Animation 20 Schriften 30 Hauptmenü 31 Menü Icons 32 Hidden Elements 33 Mobile Menü 40 Buttons 50 Blog 51 Blogdetail 60 Slider 61 Main Slider 62 Content Slider 63 Team Slider 70 Inhaltsblöcke 71 Leistungsboxen 72 Maps 73 Über uns 74 Fullcalendar 75 Leistungspunkte 80 Footer 90 Cookiebanner 99 Caldera Formular 100 Berufskraftfahrer */ /* /////////////////////////////////////////////////////////////////////////////////////// */ /* 00 Allgemein */ /* /////////////////////////////////////////////////////////////////////////////////////// */ body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-google-maps-divi .brlbs-cmpnt-cb-btn { background-color: #00d1b7 !important; color:#ffffff !important; } body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-google-maps-divi .brlbs-cmpnt-cb-btn:hover { background-color: #000 !important; color:#fff !important; } .brlbs-cmpnt-cb-provider-toggle { color:#00d1b7 !important; } /* 01 Icons */ .smallBlog .et_pb_post .post-content .more-link::after { text-shadow: 0 0; font-family: ETmodules !important; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; } /* 02 Listenelemente */ #left-area ul, .comment-content ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul, body.et-pb-preview #main-content .container ul { list-style-type: none; } #left-area ul li, .comment-content ul li, .entry-content ul li, .et-l--body ul li, .et-l--footer ul li, .et-l--header ul li, body.et-pb-preview #main-content .container ul li { margin-bottom: 15px; } #left-area ul li::before, .comment-content ul li::before, .entry-content ul li::before, .et-l--body ul li::before, .et-l--footer ul li::before, .et-l--header ul li::before, body.et-pb-preview #main-content .container ul li::before { content:"+"; display: inline-block; color: #00d1b7 !important; margin-left: -16px; margin-right: 5px; font-weight: 700; } /* 10 Animation */ /* /////////////////////////////////////////////////////////////////////////////////////// */ .smallBlog .et_pb_post .entry-title a, .smallBlog .et_pb_post .entry-title a:hover, .smallBlog .et_pb_post .post-content .more-link, .smallBlog .et_pb_post .post-content .more-link:hover, .entry-content a, .entry-content a:hover, .entry-content .iconWhatsapp::before, .entry-content .iconWhatsapp:hover::before, .entry-content .iconMail::before, .entry-content .iconMail:hover::before, .single-post #sidebar ul li a, .single-post #sidebar ul li a:hover, #main-footer #footer-widgets .custom-html-widget .footer1Row a, #main-footer #footer-widgets .custom-html-widget .footer1Row a:hover, #main-footer #footer-widgets .custom-html-widget .footer2Row a, #main-footer #footer-widgets .custom-html-widget .footer2Row a:hover { -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .iconWhatsapp a, .iconWhatsapp:hover a, .et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev::before, .et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev:hover::before, .et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next::before, .et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next:hover::before { -webkit-transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; transition: all 0.3s ease-in-out !important; } #teamslider .owl-stage .owl-item .sa_hover_container, #teamslider .owl-stage .owl-item .sa_hover_container, #teamslider .owl-stage:hover .owl-item .sa_hover_container, #teamslider .owl-stage:hover .owl-item:hover .sa_hover_container, #teamslider .owl-item .teamSlideContent, #teamslider .owl-item:hover .teamSlideContent, #teamslider .owl-item .teamSlideTitle, #teamslider .owl-item:hover .teamSlideTitle, #teamslider_mobile .owl-stage .owl-item .sa_hover_container, #teamslider_mobile .owl-stage .owl-item .sa_hover_container, #teamslider_mobile .owl-stage:hover .owl-item .sa_hover_container, #teamslider_mobile .owl-stage:hover .owl-item:hover .sa_hover_container, #teamslider_mobile .owl-item .teamSlideContent, #teamslider_mobile .owl-item:hover .teamSlideContent, #teamslider_mobile .owl-item .teamSlideTitle, #teamslider_mobile .owl-item:hover .teamSlideTitle, .et_pb_bg_layout_dark a, .et_pb_bg_layout_dark a:hover, .et_pb_bg_layout_dark a strong, .et_pb_bg_layout_dark a:hover strong { -webkit-transition: all 0.4s ease-in-out !important; -moz-transition: all 0.4s ease-in-out !important; transition: all 0.4s ease-in-out !important; } /* 20 Schriften */ /* /////////////////////////////////////////////////////////////////////////////////////// */ body, .et_pb_slide_content, .cc_dialog .cc_dialog_text, .cc_dialog button { font-family: Ubuntu, sans-serif !important; font-weight: 300; text-shadow: none !important; } /*h1, h2,*/ .header1, .headline, .sliderMainheader, .smallBlog .et_pb_post .entry-title, .dsl_content_slider .et_pb_slide_title, #main-header ul#top-menu li.menu-item a { font-family: Zilla Slab, sans-serif !important; } .headline, .sliderMainheader { font-weight: 700; color:#004367; } *[class^="header"], .dsl_content_slider .et_pb_slide_title { font-weight: 700; text-shadow: none !important; padding-bottom: 50px !important; } .dsl_home_slider *[class^="header"] { padding-bottom: 30px !important; font-weight: 300 !important; } .header3 { font-weight: 500; } /**[class^="header"] ~ p:first-of-type {*/ .et_pb_section:not(.header2-mobile-fix) .header1 ~ p:first-of-type, .et_pb_section:not(.header2-mobile-fix) .header2 ~ p:first-of-type { margin-top: 50px; } .pbottom60 {padding-bottom: 60px !important;} .pbottom40 {padding-bottom: 40px !important;} .pbottom20 {padding-bottom: 20px !important;} .pbottom10 {padding-bottom: 10px !important;} .pbottom0 {padding-bottom: 0px !important;} #sidebar .widgettitle, .biggerText p:not([class^="head"]) { font-size: 24px; } .smallerText, .smallerText p:not([class^="head"]) { font-size: 16px; } *[class^="head"] .smallerText, *[class^="head"] .smallerText p:not([class^="head"]) { font-size: 20px !important; } .ffamily-elegant{font-family: ElegantIcons;} .fweight500{font-weight: 500;} .bolderText {font-weight: 700;} .lighterText {font-weight: 300;} .upperText {text-transform: uppercase;} .turqText {color:#00d1b7 !important;} .blueText {color:#004367 !important;} .et_pb_bg_layout_dark * {color:#ffffff;} .et_pb_bg_layout_dark a:hover, .et_pb_bg_layout_dark a:hover strong {color:#004367 !important;} .nobr {white-space: nowrap;} @media all and (min-width: 1025px) { .sliderMainheader{ font-size: 60px; line-height: 10px; } .header1, .dsl_content_slider .et_pb_slide_title { font-size: 60px; line-height: 55px; } .header2 {font-size: 30px;} .header3 {font-size: 24px;} .header4 {font-size: 20px;} } @media all and (max-width: 1024px) { .sliderMainheader {font-size: 40px;} .header1, .dsl_content_slider .et_pb_slide_title { font-size: 50px; line-height: 55px; } .header2 {font-size: 26px;} .header3 {font-size: 20px;} .header4 {font-size: 18px;} .dsl_home_slider *[class^="header"] { padding-bottom: 15px !important; } } @media all and (max-width: 767px) { body {font-size: 16px !important;} .sliderMainheader{ font-size: 35px; line-height: 30px; } .header1, .dsl_content_slider .et_pb_slide_title { font-size: 34px; line-height: 34px; } .header2 {font-size: 26px;} .header3, .header4, .smallBlog .entry-title, .smallBlog .entry-title a { font-size: 22px; } #sidebar .widgettitle { font-size: 24px; line-height: 24px; } .biggerText p:not([class^="head"]) { font-size: 18px; line-height: 24px; } .smallerText, .smallerText p:not([class^="head"]) { font-size: 14px; } *[class^="header"], .dsl_content_slider .et_pb_slide_title { padding-bottom: 20px !important; } } /* 30 Hauptmenü */ /* /////////////////////////////////////////////////////////////////////////////////////// */ #top-menu ul.sub-menu li.current-menu-item ~ li.current-menu-item > a {color:#004367 !important} .et_mobile_menu ul.sub-menu li.current-menu-item ~ li.current-menu-item > a {color:#004367 !important} #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a { color:#00d1b7 !important; } #top-menu li {padding-right: 50px;} @media screen and (max-width: 1500px){ #top-menu li {padding-right: 25px;} } @media screen and (max-width: 1200px){ #top-menu li {padding-right: 10px;} } #top-menu li.centered-inline-logo-wrap {padding-left:20px; padding-right: 70px; max-width: 355px;} #main-header .et_menu_container { max-width: 1640px; margin: 0 auto; width: calc(100% - 80px); } #main-header .et_menu_container img#logo{ max-height: 60px; } @media all and (max-width: 1400px) { #top-menu li {padding-right: 20px;} #top-menu li a {font-size: 17px !important;} #top-menu li.centered-inline-logo-wrap {padding-left:20px; padding-right: 40px;} .et_header_style_split .centered-inline-logo-wrap {width: 230px !important;} } @media all and (max-width: 480px) { .et_header_style_split #logo {max-width: 80% !important;} } /* 31 Menü Icons */ #top-menu-nav li.menu-item[class^="icon"], #et_mobile_nav_menu li.menu-item[class^="icon"]:not(.iconWhatsapp) { display: inline-block; width:18px; height:18px; background-size: cover; padding-right: 0 !important; } #et_mobile_nav_menu li.menu-item.iconWhatsapp a { padding-top: 2px !important; padding-left: 26px !important; } #et_mobile_nav_menu li.menu-item.iconWhatsapp::before { content:""; position: absolute; width:18px; height:18px; background-size: cover; } .et-fixed-header #main-header li.menu-item[class^="icon"] { width:15px; height:15px; } #main-header li.menu-item[class^="icon"]:not(:last-child) { margin-right: 20px !important; } #main-header .iconFb {background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/icon_fb.png);} #main-header .iconInsta {background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/icon_insta.png);} #main-header .iconMail {background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/icon_mail.png); transform: translateY(-5px);} #mobile_menu .iconMail {transform: translateY(3px);} #top-menu-nav .iconWhatsapp, #et_mobile_nav_menu li.menu-item.iconWhatsapp::before {background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/icon_whatsapp.png);} #main-header .iconFb, #main-header .iconInsta, #main-header .iconWhatsapp, #main-header .iconMail {background-position: center top;} #main-header .iconFb:hover, #main-header .iconInsta:hover, #main-header .iconWhatsapp:hover, #main-header .iconMail:hover {background-position: center bottom;} #main-header .iconFb, #main-header .iconInsta { position: relative; } #main-header .iconFb a, #main-header .iconInsta a { width: 100%; height: 100%; position: absolute !important; } #top-menu-nav .iconWhatsapp a { position: absolute !important; bottom: 0 !important; padding: 0 !important; background-color: #00d1b7; color:#ffffff !important; padding: 8px 8px !important; display: block; border-radius: 8px; top: 42px; left: -72px; width: 170px; height: 30px; transform: scaleY(0); transform-origin: top; } .et-fixed-header #top-menu li.iconWhatsapp a, .et-fixed-header #main-header .iconWhatsapp a { color:#ffffff !important; } #main-header .iconWhatsapp:hover a { transform: scaleY(1); transform-origin: top; } #top-menu-nav .iconWhatsapp a::before { content:""; display: block; position: absolute; width: 15px; height: 15px; top: -7px; background-color: #00d1b7; transform: rotate(45deg); left: calc(50% - 10px); z-index: -1; } /* Reponsive Menü Icons */ .et_mobile_menu li.menu-item a {padding:10px 20px !important;} .et_mobile_menu li.menu-item[class^="icon"] {margin-left: 20px; margin-top: 20px;} .et_mobile_menu li.menu-item[class^="icon"] ~ li.menu-item[class^="icon"] {margin-left: 0px;} .et_mobile_menu li.menu-item[class^="icon"]:last-child {margin-right: 20px;} .et_mobile_menu li.menu-item[class^="icon"] a {border-bottom: medium none;} .et_mobile_menu li.menu-item[class^="icon"] a:hover {background-color:transparent;} /* 32 Hidden Elements */ .hiddenMenu {visibility: hidden; display: none !important;} /* 33 Mobile Menü */ .et_header_style_split #et_mobile_nav_menu { max-width: 280px; margin: 20px auto 0; } .et_header_style_split #et_mobile_nav_menu .mobile_nav { background-color: transparent !important; border-radius: 0 !important; } .et_header_style_split header#main-header {padding-bottom: 0;} .et_header_style_split .et_mobile_menu {top:37px;} @media all and (max-width: 767px) { .et_header_style_split .et_mobile_menu {top:33px;} } .et_mobile_menu .menu-item-has-children > a { background-color: transparent; } .et_mobile_menu .current-menu-item > a { color:#00d1b7; } /*.et_mobile_menu .iconWhatsapp a, .et_mobile_menu .iconWhatsapp:hover a { display: none !important; }*/ /* Whatsapp Button normal im Menü */ #et_mobile_nav_menu li.iconWhatsapp { display: block !important; margin-left: 20px; } /* 40 Buttons */ /* /////////////////////////////////////////////////////////////////////////////////////// */ .floatingBtn {text-align: center;} .floatingBtn .et_pb_button_module_wrapper {display: inline-block; margin-left:5px; margin-right:5px;} .et_pb_button.invertedBtn {background-color:transparent; color:#00d1b7 !important;} .et_pb_button.invertedBtn:hover {background-color:#00d1b7 !important; color:#ffffff !important;} /* 50 Blog */ /* /////////////////////////////////////////////////////////////////////////////////////// */ .smallBlog .et_pb_ajax_pagination_container .et_pb_post { background-color: #ffffff; border-radius: 15px; overflow: hidden; -webkit-box-shadow: 0px 0px 9px -5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 9px -5px rgba(0,0,0,0.5); box-shadow: 0px 0px 9px -5px rgba(0,0,0,0.5); margin-bottom: 30px; } .smallBlog .et_pb_post .post-meta { color: #7599ac; } .smallBlog .et_pb_post .entry-title { margin-top: 30px; padding:0; font-weight: 700; } .smallBlog .et_pb_post .entry-title a:hover { color:#00d1b7 !important; } .smallBlog .et_pb_post .post-content { margin-bottom: 30px; line-height: normal; } .smallBlog .et_pb_post .post-content p {color:#004367 !important;} .smallBlog .et_pb_post .post-content .more-link { color:#00d1b7 !important; text-align: right; font-weight: 500; margin-top: 20px; } .smallBlog .et_pb_post .post-content .more-link::after { content:"\35"; } .smallBlog .et_pb_post .post-content .more-link:hover {color:#004367 !important;} @media all and (min-width: 981px) { .smallBlog .et_pb_post .entry-featured-image-url { float: left; width: 370px; margin-right: 30px; margin-bottom: 0; } .smallBlog .et_pb_post .entry-title, .smallBlog .et_pb_post .post-meta, .smallBlog .et_pb_post .post-content { float: left; width: calc(100% - 430px); margin-right: 30px; } .smallBlog .et_pb_no_thumb.et_pb_post .entry-title, .smallBlog .et_pb_no_thumb.et_pb_post .post-meta, .smallBlog .et_pb_no_thumb.et_pb_post .post-content { float: left; width: calc(100% - 60px); margin-right: 30px; margin-left: 30px; } } @media all and (max-width: 980px) { .smallBlog .et_pb_post .entry-title, .smallBlog .et_pb_post .post-meta, .smallBlog .et_pb_post .post-content { margin-left: 30px; margin-right: 30px; } .smallBlog .et_pb_post .post-meta { font-size: 16px; } .smallBlog .et_pb_post .post-content p, .smallBlog .et_pb_post .post-content a.more-link {font-size: 16px;} } /* 51 Blogdetail */ .single-post .post-meta {font-size: 18px !important; color:#707070;} /* Sidebar */ .single-post #sidebar .widgettitle {margin-bottom: 15px;} .single-post #sidebar ul li { border-bottom: solid 1px #e2e2e2; padding-bottom: 20px; margin-bottom: 20px; line-height: normal; } .single-post #sidebar ul li a { display: block; margin-bottom: 5px; font-weight: 500; color:#004367 !important; } .single-post #sidebar ul li a:hover { display: block; margin-bottom: 5px; color:#00d1b7 !important; } .single-post #sidebar ul li span.post-date { display: block; font-size: 16px; color:#707070; } /* Share */ .single-post .shariff { border-top: solid 1px #e2e2e2; margin-top: 40px; padding-top: 40px; } .single-post .shariff .ShariffHeadline { font-size: 16px; color: #707070 !important; } /* 60 Slider */ /* /////////////////////////////////////////////////////////////////////////////////////// */ /* 61 Main Slider */ .et-pb-controllers a { width: 15px; height: 15px; } .dsl_home_slider.et_pb_slider .et_pb_slide .et_pb_container { max-width: 1700px !important; } .dsl_home_slider.et_pb_slider .et_pb_slide .et_pb_container::before { content:""; display: block; width:1200px; height:617px; background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/2020_stilelement_slider_turq.svg); background-size: cover; position: absolute; left: -250px; top: 0; } .dsl_home_slider.et_pb_slider .et_pb_slide .et_pb_container .et_pb_slider_container_inner::after { content:""; display: block; width:574px; height:150px; background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/2020_stilelement_slider_weiss.svg); background-size: cover; position: absolute; right: -250px; bottom: 0; z-index: -1; } .dsl_home_slider.et_pb_slider .et_pb_slide_title { display: none; } .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_slide_image { margin-top: auto !important; margin-right: 0; height: 100%; bottom: 0; /*width: auto;*/ width: 100%; max-width: 50%; right: 10%; } .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_slide_image img { width: 100%; max-height: none !important; height:auto; bottom: 0; position: absolute; left: 0; } /*.dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_slide_image img { height: 100%; max-height: none !important; }*/ .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_slide_description { /*float: left;*/ float: none; position:absolute; top:350px; padding:0 !important; text-align: center; text-shadow: none; width: 45%; } .et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev::before, .et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next::before { font-size: 40px; } .et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev::before { content:"\e045" !important; color:#ffffff; opacity: 0.5; } .et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev:hover::before { color:#ffffff; opacity: 1; } .et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next::before { content:"\e046" !important; color:#ffffff; opacity: 0.5; } .et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next:hover::before { color:#ffffff; opacity: 1; } /* Slider Button */ .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button { margin:0; padding:0; line-height: normal; color:#00d1b7 !important; background-color:transparent; border: medium none; font-size: 24px; } .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover { color:#004367 !important; } .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button::after { content:"\24"; font-size: 26px; margin-top: 7px; margin-left: 5px; opacity: 1; } .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button:hover::after { margin-left: 8px; } @media all and (min-width: 1601px) { .dsl_home_slider.et_pb_slider .et_pb_slide { height: calc(100vh - 122px); max-height: 980px; min-height: 820px; } } @media all and (min-width:1241px) and (max-width: 1600px) { .dsl_home_slider.et_pb_slider .et_pb_slide { height: calc(100vh - 122px); max-height: 980px; min-height: 820px; } .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_slide_description {width: 55%;} .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_slide_image {max-width: 45%;} } @media all and (min-width:1025px) and (max-width: 1240px) { .dsl_home_slider.et_pb_slider .et_pb_slide { height: calc(100vh - 122px); max-height: 980px; } .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_slide_description {width: 55%;} .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_slide_image {max-width: 45%;} .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_slide_image img { width: 100%; height:auto; bottom: 0; position: absolute; left: 0; } } @media all and (min-width: 1025px) { .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_button_wrapper { position: absolute; right: 0; bottom: 40px; z-index: 9; } } @media all and (max-width: 1024px) { .dsl_home_slider.et_pb_slider .et_pb_slide { height: calc(100vh - 122px); } .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_slide_description {width: 100%;} .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_slide_image { max-width: 100%; left: auto; right: auto; top: 230px; bottom: auto; height: calc(100% - 200px); text-align: center; } .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_slide_image img { width: auto; height: 100%; position: relative; } .dsl_home_slider.et_pb_slider .et_pb_slide .et_pb_container::before { width:681px; height:350px; left: calc(50% - 320px); top: -90px; } .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_button_wrapper { position: absolute; bottom: auto; top: 180px; width: 100%; } .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_button_wrapper .et_pb_button { color: #ffffff !important; } } @media all and (max-width: 600px) { .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_slide_image img { width: 100%; height: auto; position: absolute; } .dsl_home_slider.et_pb_slider .et_pb_slide { height: calc(100vh - 120px); min-height: 600px; } } /* 62 Content Slider */ .dsl_content_slider {background-color: #003E60;} .dsl_content_slider .et_pb_slides .et_pb_container { margin: 0 auto; max-width: 2400px; width:100%; background-color: #004367; -webkit-box-shadow: 0px 0px 19px -7px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 19px -7px rgba(0,0,0,0.75); box-shadow: 0px 0px 19px -7px rgba(0,0,0,0.75); } .dsl_content_slider .et_pb_slide_title {padding-bottom: 40px;} .dsl_content_slider .et_pb_slide {padding: 0 !important;} .dsl_content_slider .et_pb_slides {padding: 0;} .dsl_content_slider .et_pb_slides .et_pb_container .et_pb_slider_container_inner { display: table; } @media all and (min-width: 1025px) { .dsl_content_slider .et_pb_slides .et_pb_container .et_pb_slider_container_inner { height:600px; } } .dsl_content_slider .et_pb_slides .et_pb_container .et_pb_slide_image { margin: 0 !important; height:100%; top: 0; } .dsl_content_slider .et_pb_slides .et_pb_container .et_pb_slide_image img { object-fit: cover; width: 100%; height: 100%; max-height: none !important; object-position: center; } .dsl_content_slider .et_pb_slides .et_pb_container .et_pb_slide_description { padding: 0 100px; text-align: center; display: table-cell; float: none; vertical-align: middle; } @media all and (max-width: 767px) { .et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_content { font-size: 18px !important; line-height: 26px; } } @media all and (max-width: 1024px) { .dsl_content_slider .et_pb_slides .et_pb_container .et_pb_slide_image { width: 100%; display: block !important; position: relative; } .dsl_content_slider .et_pb_slides .et_pb_container .et_pb_slide_description { width: 100%; display: block; position: relative; padding: 70px 100px 90px; } .dsl_home_slider.et_pb_slider .et_pb_slider_container_inner .et_pb_slide_description { top:86px; } .dsl_home_slider .et_pb_slides .et_pb_container .et_pb_slide_image { display: block !important; position: absolute !important; } } @media all and (max-width: 767px) { .dsl_content_slider .et_pb_slides .et_pb_container .et_pb_slide_description { padding: 40px 60px 60px; } } @media all and (min-width: 1401px) { .dsl_content_slider .et_pb_slides .et_pb_container .et_pb_slide_image {width:60%;} .dsl_content_slider .et_pb_slides .et_pb_container .et_pb_slide_description { width:40%; padding: 0 100px; } } @media all and (min-width: 1025px) and (max-width: 1400px) { .dsl_content_slider .et_pb_slides .et_pb_container .et_pb_slide_image {width:50%;} .dsl_content_slider .et_pb_slides .et_pb_container .et_pb_slide_description { width:50%; padding: 0 50px; } } /* 63 Team Slider */ #teamslider .owl-item .sa_hover_container, #teamslider_mobile .owl-item .sa_hover_container { padding:0 !important; position: relative; /*background-size: 101% !important;*/ } #teamslider .owl-item .teamSlideContent, #teamslider_mobile .owl-item .teamSlideContent { background-color:#004367 !important; color:#ffffff; text-align:center; position: absolute; width: 100%; bottom:-100%; /*top: 100%;*/ } #teamslider .owl-item:hover .teamSlideContent, #teamslider_mobile .owl-item:hover .teamSlideContent { /*top: auto !important;*/ bottom:0; } #teamslider .owl-item .teamSlideContent p:not([class^="header"]), #teamslider_mobile .owl-item .teamSlideContent p:not([class^="header"]) { line-height: 26px; } #teamslider .owl-item .teamSlideContent p[class^="header"], #teamslider_mobile .owl-item .teamSlideContent p[class^="header"] { line-height: normal; } #teamslider .owl-nav button, #teamslider_mobile .owl-nav button { width: 50px !important; height: 50px !important; border-radius: 50px; background-color: #ffffff6e !important; } #teamslider .owl-stage:hover .owl-item .sa_hover_container, #teamslider_mobile .owl-stage:hover .owl-item .sa_hover_container { opacity: 0.7; } #teamslider .owl-stage:hover .owl-item:hover .sa_hover_container, #teamslider_mobile .owl-stage:hover .owl-item:hover .sa_hover_container { opacity: 1; } #teamslider .owl-item::after, #teamslider_mobile .owl-item::after { content:""; display: block; left:1%; right:1%; top:0; bottom:0; background-color:#000000 !important; position: absolute; z-index: -1; } #teamslider .header1, #teamslider_mobile .header1 { padding-bottom: 5px; } #teamslider .header2, #teamslider_mobile .header2 { padding-bottom: 15px; } /* TEAM Detail */ .teambox.et_pb_row .et_pb_column { background-color: #004367 !important; border-radius: 15px; overflow: hidden; -webkit-box-shadow: 0px 0px 9px -5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 9px -5px rgba(0,0,0,0.5); box-shadow: 0px 0px 9px -5px rgba(0,0,0,0.5); } .teambox p:not([class^="header"]) {line-height: 26px;} .teambox p[class^="header"] {line-height: normal;} .teambox.et_pb_row .et_pb_column.spacer_team{ background: transparent !important; box-shadow: none !important; } /* Name vor Hover */ #teamslider .owl-item .teamSlideTitle, #teamslider_mobile .owl-item .teamSlideTitle { color:#ffffff; text-align:center; position: absolute; width: 100%; bottom:0; opacity: 1; background: rgb(0,0,0); background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7063025893951331) 100%); background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7063025893951331) 100%); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7063025893951331) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } #teamslider .owl-item:hover .teamSlideTitle, #teamslider_mobile .owl-item:hover .teamSlideTitle { /*bottom:-100%;*/ opacity: 0; } @media all and (min-width: 981px) { #teamslider .owl-item .teamSlideContent, #teamslider_mobile .owl-item .teamSlideContent {padding: 30px 90px 40px;} } @media all and (max-width: 980px) { #teamslider .owl-item .teamSlideContent, #teamslider_mobile .owl-item .teamSlideContent {padding: 30px 40px 40px;} } /* Teambox Unterseite */ @media all and (min-width: 1025px) and (max-width: 1800px) { .teambox.et_pb_equal_columns .header1 { font-size: 40px; line-height: 35px; } .teambox.et_pb_equal_columns .header3 {font-size: 20px;} .teambox.et_pb_equal_columns p:not([class^="header"]) {font-size: 16px; line-height: normal;} } @media all and (min-width: 980px) and (max-width: 1024px) { .teambox.et_pb_equal_columns .header1 { font-size: 35px; line-height: 30px; } .teambox.et_pb_equal_columns .header3 {font-size: 19px;} .teambox.et_pb_equal_columns p:not([class^="header"]) {font-size: 15px; line-height: normal;} } @media all and (max-width: 980px) { .teambox.et_pb_row_4col .et_pb_column { width: 100%; margin: 0 0 30px 0; } } /* 70 Inhaltsblöcke */ /* /////////////////////////////////////////////////////////////////////////////////////// */ .hiddenoverflow {overflow: hidden;} .text-in-column p { float: left; } .text-in-column p:first-child { margin-right: 8%; } .spacerbetween::before { content:""; display: block; background-color:#ffffff; width:4px; height:100%; position: absolute; top: 0; left: calc(50% - 2px); } .spacerbetween .et_pb_column { width:44% !important; } .spacerbetween .et_pb_column:first-child { margin-right: 12%; } .circleOuter::before { content:""; display: block; width:888px; height:893px; background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/2020_stilelement_content_blau.svg); background-size: cover; position: absolute; right: -630px; bottom: -460px; } @media all and (min-width: 1201px) and (max-width: 1300px) { .mobileBild { margin-left: -20px; } } @media all and (min-width: 768px) and (max-width: 1200px) { .mobileBild { margin-left: -20px; margin-right: -100px; } } @media all and (min-width: 481px) and (max-width: 980px) { .circleOuter::before { width:600px; height:603px; right: -420px; top: auto; bottom: -160px; } } @media all and (max-width: 480px) { .circleOuter::before { width:400px; height:402px; right: -280px; top: auto; bottom: -135px; } .spacerbetween {overflow: hidden;} .spacerbetween .et_pb_column { margin: 0 !important; width: 100% !important; } .spacerbetween .et_pb_column:first-child {margin-bottom: 30px !important;} .spacerbetween .et_pb_column:last-child {margin-top: 30px !important;} .spacerbetween::before {transform:rotate(90deg);} } .entry-content .iconWhatsapp, .entry-content .iconMail { white-space: nowrap; } .entry-content .iconWhatsapp::before { content:""; width:40px; height:40px; display: inline-block; background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/icon_whatsapp.png); background-size: cover; background-position: center top; margin-bottom: -8px; margin-right: 8px; } .entry-content .iconMail::before { content:""; width:40px; height:40px; display: inline-block; background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/icon_mail.png); background-size: cover; background-position: center top; margin-bottom: -8px; margin-right: 8px; } .entry-content .iconWhatsapp:hover::before, .entry-content .iconMail:hover::before { background-position: center bottom; } .entry-content a:hover {color:#004367;} /* 71 Leistungsboxen */ .jobsBoxen .et_pb_column:not(.boxNoHighlight), .leistungsBoxen .et_pb_column { background-color: #ffffff; border-radius: 15px; padding: 30px; -webkit-box-shadow: 0px 0px 9px -5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 9px -5px rgba(0,0,0,0.5); box-shadow: 0px 0px 9px -5px rgba(0,0,0,0.5); } .leistungsBoxen .dlApps img { max-height: 40px; display: inline-block; margin-right: 20px; margin-top: 5px; } .jobsBoxen .boxNoHighlight {padding:30px;} /* 72 Maps */ .et_pb_map_container .et_pb_map { height: 500px; } .et_pb_map_container .et_pb_map div h3 {font-size: 18px;} .et_pb_map_container .et_pb_map div .infowindow {font-size: 16px;} /* 73 Über uns */ .aboutHamann::before { content:""; width:471px; height:600px; display: block; position: absolute; bottom: 0; background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/2020_ueber_hamann.png); background-size: cover; } @media all and (min-width: 2200px) { .aboutHamann::before { right:5%; } } @media all and (min-width: 1500px) and (max-width: 2199px) { .aboutHamann::before { width:314px; height:400px; left: calc(50% + 500px); } } @media all and (min-width: 1340px) and (max-width: 1499px) { .aboutHamann::before { width:235px; height:300px; left: calc(50% + 500px); } } @media all and (min-width: 1100px) and (max-width: 1499px) { .aboutHamann .et_pb_row { max-width: 740px; } .aboutHamann::before { width:235px; height:300px; left: calc(50% + 370px); } } @media all and (min-width: 768px) and (max-width: 1099px) { .aboutHamann .et_pb_row { margin-bottom: 600px !important; } .aboutHamann::before { left: calc(50% - 250px); } } @media all and (max-width: 767px) { .aboutHamann .et_pb_row { margin-bottom: 380px !important; } .aboutHamann::before { width:314px; height:400px; left: calc(50% - 160px); } } /* 80 Footer */ /* /////////////////////////////////////////////////////////////////////////////////////// */ #footer-bottom {display: none;} #main-footer #footer-widgets { padding-top: 40px !important; } #main-footer #footer-widgets .custom-html-widget { text-align: right; } #main-footer #footer-widgets .custom-html-widget .footer1Row, #main-footer #footer-widgets .custom-html-widget .footer1Row a { font-size: 16px; color: #9cb6c4; } #main-footer #footer-widgets .custom-html-widget .footer1Row a:hover { color: #ffffff; } #main-footer #footer-widgets .custom-html-widget .footer2Row a { margin-left: 20px; } #main-footer #footer-widgets .custom-html-widget .footer2Row a:hover { color: #9cb6c4; } /* Spaltigkeit */ @media all and (min-width: 1481px) { #main-footer #footer-widgets .footer-widget:first-child { width:calc(45% - 165px); margin-right: 30px; } #main-footer #footer-widgets .footer-widget:nth-child(2n) { width:270px; margin-right: 30px; } #main-footer #footer-widgets .footer-widget:last-child { width:calc(55% - 165px); margin-right: 0; } #main-footer #footer-widgets .footer-widget:last-child > .et_pb_widget { width: 100%; } } @media all and (min-width: 1341px) and (max-width: 1480px) { #main-footer #footer-widgets .footer-widget:first-child { width:240px; margin-right: 30px; } #main-footer #footer-widgets .footer-widget:nth-child(2n) { width:270px; margin-left: 30px; margin-right: 30px; } #main-footer #footer-widgets .footer-widget:last-child { width:calc(100% - 600px); margin-right: 0; } #main-footer #footer-widgets .footer-widget:last-child > .et_pb_widget { width: 100%; } } @media all and (min-width: 768px) and (max-width: 1340px) { #main-footer #footer-widgets .footer-widget:first-child { width:calc(50% - 30px); margin-right: 30px; } #main-footer #footer-widgets .footer-widget:first-child .et_pb_widget { width:100%; text-align: right; } #main-footer #footer-widgets .footer-widget:nth-child(2n) { width:calc(50% - 30px); margin-left: 30px; margin-right: 0px; } #main-footer #footer-widgets .footer-widget:last-child { width:100% !important; text-align: center; margin-right: 0 !important; margin-bottom: 0 !important; } #main-footer #footer-widgets .footer-widget:last-child .footer1Row, #main-footer #footer-widgets .footer-widget:last-child .footer2Row { text-align: center; } #main-footer #footer-widgets .footer-widget:last-child > .et_pb_widget { width: 100%; } } @media all and (max-width: 767px) { #main-footer #footer-widgets .footer-widget:first-child, #main-footer #footer-widgets .footer-widget:nth-child(2n), #main-footer #footer-widgets .footer-widget:last-child { width:100%; margin: 0 !important; } #main-footer #footer-widgets .footer-widget:first-child, #main-footer #footer-widgets .footer-widget:nth-child(2n) { margin-bottom: 20px !important; } #main-footer #footer-widgets .footer-widget:first-child .et_pb_widget { width:100%; text-align: center; } #main-footer #footer-widgets .footer-widget:last-child .footer1Row, #main-footer #footer-widgets .footer-widget:last-child .footer2Row { text-align: center; } #main-footer #footer-widgets .footer-widget:last-child > .et_pb_widget { width: 100%; } #main-footer #footer-widgets .google-reviews-widget { margin-left:calc(50% - 130px); } } @media all and (max-width: 767px) { #main-footer #footer-widgets .footer-widget:last-child .footer2Row { margin-top: 20px; } #main-footer #footer-widgets .footer-widget:last-child .footer2Row a { display: block; margin-left: 0; } } /* 90 Cookiebanner */ /* /////////////////////////////////////////////////////////////////////////////////////// */ .cc_dialog.headline h1.cc_dialog_headline { font-size: 24px !important; margin-bottom: 10px; } .cookie-consent-preferences-overlay button, .cc_dialog button { border-radius: 50px !important; } @media all and (max-width: 480px) { .cc_dialog.headline h1.cc_dialog_headline { font-size: 20px !important; } .et_pb_map .map_protection_inner {font-size: 16px; line-height: normal;} } /* 99 Caldera-Formular */ /* /////////////////////////////////////////////////////////////////////////////////////// */ .caldera-grid .custom-checkbox, .caldera-grid .custom-radiobox, .caldera-grid .kontakt-checkboxagree, .caldera-grid .kontakt-hinweislink, .caldera-grid .kontakt-pflichtfelder {line-height: normal;} .caldera-grid .form-control { background-color: #f8f8f8 !important; border-color: transparent !important; padding: 20px 15px !important; box-shadow: none !important; font-size: 18px !important; color:#004367 !important; } .formLayoutLight .caldera-grid .form-control { background-color: #ffffff !important; } .caldera-grid .form-group {margin-bottom: 10px !important;} .caldera-grid textarea.form-control {resize: none !important; padding: 14px !important;} .caldera-grid a:focus, .caldera-grid a:hover {opacity: .7;} .caldera-grid .spacertop {margin-top: 20px;} .caldera-grid .form-control:focus {box-shadow: none !important;} .caldera-grid .et_pb_contact_submit[type=submit] {color:#fff; font-weight: 500;} .caldera-grid .parsley-type, .caldera-grid .parsley-required, .caldera-grid .custom-checkbox, .caldera-grid .custom-radiobox, .caldera-grid .kontakt-checkboxagree, .caldera-grid .kontakt-hinweislink, .caldera-grid .kontakt-pflichtfelder { font-size: 16px !important; } .caldera-grid .checkbox label, .caldera-grid .radio label { padding-left: 35px !important; line-height: 23px; vertical-align: sub; } .caldera-grid .alert {padding:14px !important; margin-right: 14px !important;} /* Checkbox Test */ /* Hide the browser's default checkbox */ .caldera-grid .custom-checkbox input, .caldera-grid .custom-radiobox input, .caldera-grid .kontakt-checkboxagree input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .caldera-grid .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #f8f8f8; border-radius: 12px; } .caldera-grid .custom-checkbox:hover input ~ .checkmark, .caldera-grid .custom-radiobox:hover input ~ .checkmark, .caldera-grid .kontakt-checkboxagree:hover input ~ .checkmark { background-color: #f8f8f8; } .caldera-grid .checkmark:after { content: ""; position: absolute; display: none; } .caldera-grid .custom-checkbox input:checked ~ .checkmark:after, .caldera-grid .custom-radiobox input:checked ~ .checkmark:after, .caldera-grid .kontakt-checkboxagree input:checked ~ .checkmark:after { display: block; } .caldera-grid .custom-checkbox input:checked ~ .checkmark, .caldera-grid .custom-radiobox input:checked ~ .checkmark, .caldera-grid .kontakt-checkboxagree input:checked ~ .checkmark { background-color: #00d1b7; } .caldera-grid .custom-checkbox .checkmark:after, .caldera-grid .custom-radiobox .checkmark:after, .caldera-grid .kontakt-checkboxagree .checkmark:after { left: 9px; top: 5px; width: 7px; height: 12px; border: solid #ffffff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .caldera-grid .et_pb_contact_submit.et_pb_button {margin-left: 0 !important; margin-top: 30px !important;} .caldera-grid .et_pb_contact_submit.et_pb_button:hover {text-decoration: none !important;} .caldera-grid .caldera_ajax_error_block, .caldera-grid .kontakt-hinweislink, .caldera-grid .kontakt-pflichtfelder { font-size: 14px !important; } .caldera-grid a:hover, .caldera-grid a:focus, .caldera-grid a:active { text-decoration: none !important; } /* Farben */ .caldera-grid a:not(.et_pb_button) {color:#00d1b7 !important;} .caldera-grid a:hover, .caldera-grid input.parsley-success {color: #00d1b7 !important;} .caldera-grid .form-control:focus {border-color: #004367 !important;} .caldera-grid .et_pb_contact_submit, .caldera-grid .et_pb_contact_submit:focus {background-color: #00d1b7; border-color: #00d1b7; color:#fff !important;} .caldera-grid .et_pb_contact_submit:hover {color: #00d1b7; border-color: #00d1b7 !important;} .caldera-grid .custom-checkbox input:checked ~ .checkmark, .caldera-grid .custom-radiobox input:checked ~ .checkmark, .caldera-grid .kontakt-checkboxagree input:checked ~ .checkmark {background-color: #00d1b7;} .caldera-grid .alert { margin-bottom: 30px; } .caldera-grid .alert-success { background-color: #fff !important; border: solid 2px #00d1b7 !important; color: #004367 !important; line-height: 28px; } /* Formular außerhalb der Lightbox ausgeblendet */ .hiddenform {display: none;} /* Lightbox bei Kalender */ /* Buttonfix */ .mfp-content .caldera-grid .et_pb_contact_submit.et_pb_button:hover { padding-left: 18px; padding-right: 18px } @media all and (min-width: 768px) { .mfp-wrap { width: 1024px; left: calc(50% - 512px); } .mfp-wrap .mfp-content { background-color: #fff; } .mfp-wrap .mfp-container { padding:0px; } .mfp-wrap .mfp-container .mfp-content .mfp-close { font-size: 35px; } .mfp-wrap .mfp-container .mfp-content .caldera-grid { padding:50px; } } @media all and (max-width: 767px) { /*.mfp-wrap { width: 90%; margin: auto 5%; }*/ .mfp-wrap .mfp-content { background-color: #fff; } .mfp-wrap .mfp-container { padding:0px; } .mfp-wrap .mfp-container .mfp-content .mfp-close { font-size: 35px; } .mfp-wrap .mfp-container .mfp-content .caldera-grid { padding:25px; } } /* Fixes nach Update */ footer .wp-google-place .wp-google-wr a { background:#fff !important; color: #004367 !important; text-shadow: none !important; box-shadow: none !important; padding: 6px 16px 7px !important; } footer .wp-google-place .wp-google-wr a:hover { background:#ddd !important; color: #004367 !important; } footer .wp-gr .wp-google-powered img {max-width: 110px !important;} footer .borlabs-cookie-preference {cursor: pointer !important;} /* Borlabs */ ._brlbs-google-maps { width: 100%; max-height: 500px; } ._brlbs-google-maps img { width: 100%; filter: grayscale(1); } /* MagnificPopup */ .mfp-bg, .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; position: fixed; background-color: rgba(1,1,1,0.5); z-index: 999999999999999999999999; } .mfp-container { display: flex; justify-content: center; align-items: center; height: 100%; } /*.mfp-container::before { content:""; display: block; position: absolute; width: 100%; height: 100%; }*/ .mfp-container .mfp-content { max-width: 90vw; width: 800px; /*max-height: 90vh;*/ /*overflow-y: scroll;*/ } .mfp-container #popup { position: relative; } .mfp-container .mfp-close { background-color: transparent; border: medium none; position: absolute; right: 10px; top: 0; } .mfp-container .mfp-close:hover { cursor: pointer; color:#828282 !important; } .mfp-container .mfp-preloader { display: none; } /* 100 Berufskraftfahrer */ /* /////////////////////////////////////////////////////////////////////////////////////// */ /* Slider v1 - Führerscheinklassen */ .et_pb_code_0.bk-code{ display: block !important; } #klassen .owl-stage{ display: flex; } #klassen .owl-item .sa_hover_container{ margin-left: 15px !important; margin-right: 15px !important; border-radius: 15px; height: 100%; } .bk-slide-outer img{ max-width: 90%; } .bk-slide-outer{ padding: 35px; } .bk-slide-outer span{ font-weight: 500; } .bk-slide-outer .bk-slide-head{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 30px; } .bk-slide-outer .bk-slide-head .bk-slide-title{ font-size: 30px; font-weight: 700; color: #00d1b7 !important; line-height: 36px; font-family: Zilla Slab, sans-serif !important; } .bk-slide-outer .bk-slide-body{ font-size: 18px; line-height: 22px; } #klassen .owl-nav button{ display: block !important; width: 50px !important; height: 50px !important; border-radius: 50px; background-color: #ffffff6e !important; } #klassen .owl-nav .owl-prev{ left: -70px; } #klassen .owl-nav .owl-next{ right: -65px; } /* Ende Slide Führerscheinklassen */ .bk-mbottom-0{ margin-bottom: 0 !important; } .bk-mbottom-30{ margin-bottom: 30px !important; } .bk-pbottom-0{ padding-bottom: 0 !important; } .bk-pbottom-50{ padding-bottom: 50px !important; } .bk-ptop-0{ padding-top: 0 !important; } .bk-light{ font-weight: 300 !important; } .bk-white{ color: #fff; } @media all and (min-width: 1025px){ .header1-bk{ font-size: 60px; font-weight: 700; line-height: 55px; font-family: Zilla Slab, sans-serif !important; } .header2-bk{ font-size: 30px; font-weight: 500; padding-bottom: 30px !important; } } @media all and (max-width: 1024px){ .header1-bk{ font-size: 60px; font-weight: 700; line-height: 55px; font-family: Zilla Slab, sans-serif !important; } .header2-bk{ font-size: 26px; font-weight: 500; padding-bottom: 30px !important; } } @media all and (max-width: 767px){ .header1-bk{ font-size: 34px; font-weight: 700; line-height: 34px; font-family: Zilla Slab, sans-serif !important; } .header2-bk{ font-size: 26px; font-weight: 500; padding-bottom: 30px !important; } } .bk-inner-list{ padding-bottom: 0 !important; } .bk-inner-list li{ margin-bottom: 0 !important; } .bk-bild img{ margin-top: 252px; } @media screen and (max-width: 980px){ .bk-bild img{ margin-top: 50px; } } .bk-start-ul{ display: flex; justify-content: center; } .bk-start-ul ul{ padding-bottom: 0; } .bk-start-ul li{ line-height: 20px; } .bk-start-ul li::before{ content: "5" !important; font-family: 'ETModules'; font-size: 30px; position: relative; top: 5px; } .bk-start{ overflow: hidden; } .bk-start::before{ content: ""; display: block; width: 1000px; height: 819px; background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/2026_02_lkw_stilelement.png); background-size: cover; position: absolute; left: -478px; bottom: -199px; } .bk-start::after{ content: ""; display: block; width: 498px; height: 190px; background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/2020_stilelement_slider_turq_2.svg); background-size: cover; position: absolute; right: 0px; bottom: 0px; } @media screen and (max-width: 1500px){ .bk-start::before{ width: 743px; height: 643px; left: -350px; bottom: -179px; } .bk-start::after{ width: 333px; height: 117px; } } @media screen and (max-width: 1110px){ .bk-start{ padding-bottom: 400px !important; } .bk-start::before{ background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/2026_02_lkw_freisteller.png); width: 457px; height: 283px; left: 330px; bottom: 50px; z-index: 1; } .bk-start::after{ background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/2020_stilelement_slider_turq_3.svg); width: 1570px; height: 238px; left: -190px; bottom: -38px; } } @media screen and (max-width: 950px){ .bk-start::before{ left: 249px; } .bk-start::after{ left: -259px; bottom: -59px; } } @media screen and (max-width: 767px){ .bk-start{ padding-bottom: 300px !important; } .bk-start::before{ left: 225px; width: 321px; height: 206px; } .bk-start::after{ width: 1359px; height: 201px; } .bk-start-ul ul li{ margin-bottom: 5px; } } @media screen and (max-width: 584px){ .bk-start::before{ left: 124px; bottom: 24px; } .bk-start::after{ width: 1070px; left: -201px; bottom: -86px; } } @media screen and (max-width: 480px){ .bk-start{ padding-bottom: 200px !important; } .bk-start::before{ width: 256px; height: 156px; left: 81px; bottom: 12px; } .bk-start::after{ width: 1070px; left: -263px; bottom: -126px; } } @media screen and (max-width: 420px){ .btn-beratungsgespraech{font-size: 16px !important}; } @media screen and (max-width: 400px){ .bk-start::before{ left: 69px; bottom: 12px; } .bk-start::after{ left: -286px; bottom: -139px; } } .floatingBtn.Btnleft{ text-align: left; } @media screen and (max-width: 500px) { .bk-zertifikat .et_pb_blurb_content{ display: flex; flex-direction: column; align-items: center; } .bk-zertifikat .et_pb_blurb_content .et_pb_main_blurb_image{ width: auto; } .bk-zertifikat .et_pb_blurb_content .et_pb_blurb_container{ padding-left: 0; text-align: center !important; } } .bk-weiterbildung .bk-weiterbildung-row{ display: flex; padding-top: 0; } .bk-weiterbildung .bk-weiterbildung-row .et_pb_code, .bk-weiterbildung .bk-weiterbildung-row .bk-slide-outer, .bk-weiterbildung .bk-weiterbildung-row .et_pb_code_inner{ height: 100%; } .et_pb_code_inner .bk-slide-outer{ background-color: #fff; border-radius: 20px; display: flex; flex-direction: column; justify-content: space-between; } .et_pb_code_inner .bk-slide-outer .bk-slide-head{ padding-bottom: 25px; } .et_pb_code_inner .bk-slide-outer .bk-slide-body p{ margin-bottom: 35px; } @media screen and (max-width: 1150px){ .bk-weiterbildung .bk-weiterbildung-row{ flex-direction: column; } .bk-weiterbildung .bk-weiterbildung-row .bk-slide-outer{ padding: 25px; } .bk-weiterbildung .bk-weiterbildung-row .et_pb_column{ width: 100%; margin-bottom: 30px; } .bk-weiterbildung .bk-weiterbildung-row{ padding-bottom: 0; } } @media screen and (max-width: 767px){ .bk-weiterbildung p, .bk-weiterbildung h2{ text-align: left } .bk-weiterbildung p{ margin-bottom: 30px; } .bk-weiterbildung h2{ font-size: 18px; } } .hidden{ display: none !important; } .btn-turq{ border: 3px solid #00D1B7 !important; color: #00D1B7 !important; background: transparent !important; } .btn-weitereklassen{ border: 3px solid #00D1B7 !important; color: #00D1B7 !important; background: transparent !important; } #bkf-anfrage .nf-field-container{ margin-bottom: 30px !important; } #bkf-anfrage textarea.ninja-forms-field{ height: 190px !important; } @media screen and (max-width: 800px){ .nf-form-content .label-hidden .nf-field-label{ margin: 0 !important; } } #bkf-anfrage input, #bkf-anfrage textarea, #bkf-anfrage .listselect-wrap .nf-field-element{ border-radius: 15px; border: 1px solid; border-color: transparent !important; overflow: hidden; } #bkf-anfrage input, #bkf-anfrage textarea, #bkf-anfrage .listselect-wrap select{ color: #004367; font-family: 'Ubuntu'; font-size: 18px; font-weight: 400; } #bkf-anfrage input::placeholder, #bkf-anfrage textarea::placeholder, #bkf-anfrage .listselect-wrap .nf-field-element::placeholder{ color: #004367; } #bkf-anfrage .list-select-wrap select + div, #bkf-anfrage .list-select-wrap select + div, #bkf-anfrage .list-select-wrap select:active + div, #bkf-anfrage .list-select-wrap select:focus + div{ border: 1px solid transparent !important; } #bkf-anfrage .checkbox-wrap label{ font-family: 'Ubuntu'; font-size: 18px !important; font-weight: 300; color: #004367; } #bkf-anfrage .checkbox-wrap label::before{ color: #00D1B7 !important; left: -28px; top: 5px; } #bkf-anfrage .checkbox-wrap label::after{ background-color: #fff !important; } #bkf-anfrage .html-wrap .nf-field-element{ font-family: 'Ubuntu'; font-size: 14px !important; line-height: 20px; font-weight: 300; color: #004367; } #bkf-anfrage .html-wrap .nf-field-element a{ color: #fff; } #bkf-anfrage .submit-wrap .nf-field-element{ display: flex; justify-content: center; } #bkf-anfrage .submit-wrap input{ background-color: #fff !important; border-radius: 25px; color: #00D1B7 !important; font-size: 18px; font-weight: 500; padding: 8px 42px !important; margin-left: 28px; } #bkf-anfrage .submit-wrap .nf-field-element::after{ display: block; visibility: hidden; font-family: ETModules !important; font-weight: 400; line-height: 30px; content: "\35"; transition: all .2s; font-size: 28.8px; color: #00d1b7 !important; margin-left: 0; margin-right: 0; position: relative; top: 27px; right: 30px; pointer-events: none; } #bkf-anfrage .submit-wrap .nf-field-element:has(input:hover)::after{ visibility: visible; } #bkf-anfrage .submit-wrap .nf-field-element input:hover{ padding: 8px 60px 8px 32px !important; } #bkf-anfrage .nf-response-msg p{ text-align: center; font-size: 20px; } @media screen and (max-width: 767px){ .header2-mobile-fix .header2{ font-size: 20px; } .header2-mobile-fix .header2 a::before{ width: 20px; height: 20px; margin-bottom: -5px; } } @media screen and (max-width: 460px){ .bk-start-mobile p, .bk-start-mobile h1, .bk-start-mobile h2{ text-align: left; } .bk-start-ul{ justify-content: flex-start; } } #bkf-anfrage{ overflow: hidden; } #bkf-anfrage::after{ content: ""; display: block; width: 580px; height: 270px; background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/2026_02_bus_freisteller.png); background-size: cover; position: absolute; right: -90px; bottom: 104px; } @media screen and (max-width: 1700px){ #bkf-anfrage::after{ width: 457px; height: 205px; bottom: 40px; } } @media screen and (max-width: 1360px){ #bkf-anfrage::after{ width: 342px; height: 140px; bottom: 40px; } } @media screen and (max-width: 980px){ #bkf-anfrage::after{ display: none; } } .bkf-klassen .circleOuter::before{ background-image: url(https://claimrewardly.site/wp-content/themes/Divi-Child/images/2020_stilelement_content_turq.svg) } .bkf-text24{ font-size: 24px; line-height: 36px; } .bkf-text18{ font-size: 18px; line-height: 24px; } .bkf-green-box{ height: max-content; } .bkf-green-box .bkf-hr{ border: 0; border-top: 2px dotted #134374; } #bkf-anfrage.noBus::after{ display: none; } .header2-mobile-fix:not(.bkf-seite) img{ margin-top: 50px; } @media screen and (max-width: 1200px){ #top-menu{ display: none; } #et_mobile_nav_menu{ display: block; } #page-container{ padding-top: 79px; } } .home .dsl_content_slider .et_pb_button_wrapper{ margin-top: 30px; } @media screen and (max-width: 767px){ .home .dsl_content_slider .et_pb_button_wrapper{ margin-top: 15px; margin-bottom: 45px; } } .fullwidth-galerie .et_pb_gallery_item{ margin: 0 !important; width: calc(100% / 3) !important; pointer-events: none; } @media screen and (max-width: 767px){ .fullwidth-galerie .et_pb_gallery_items{ width: 90%; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; align-items: center; padding-bottom: 80px; padding-top: 80px; gap: 30px; } .fullwidth-galerie .et_pb_gallery_item, .fullwidth-galerie .et_pb_gallery_item img{ width: 100% !important; } .fullwidth-galerie .et_pb_gallery_item span, .fullwidth-galerie .et_pb_gallery_item img{ border: 1px solid transparent; border-radius: 20px; } }