.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#636362;--e-global-color-accent:#61CE70;--e-global-color-7ff9089:#95C11E;--e-global-color-9fdd60b:#386784;--e-global-color-f578d02:#82B0A9;--e-global-color-99a983e:#E1F0E6;--e-global-color-cfd87b4:#D1E1D6;--e-global-color-e5ddbcd:#636362;--e-global-color-85c2ffa:#FFFFFF;--e-global-color-5c2d867:#D77C11;--e-global-color-3c7867c:#4B8394;--e-global-color-11a863f:#C6D655;--e-global-color-bebb914:#63636233;--e-global-typography-text-font-family:"Arial";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-8758819-font-family:"Open Sans";--e-global-typography-8758819-font-size:60px;--e-global-typography-8758819-font-weight:400;--e-global-typography-8758819-line-height:1.16em;--e-global-typography-795722c-font-family:"Open Sans";--e-global-typography-795722c-font-size:50px;--e-global-typography-795722c-font-weight:300;--e-global-typography-795722c-text-transform:uppercase;--e-global-typography-795722c-line-height:1.2em;--e-global-typography-9dbc1ec-font-family:"Open Sans";--e-global-typography-9dbc1ec-font-size:30px;--e-global-typography-9dbc1ec-font-weight:700;--e-global-typography-9dbc1ec-text-transform:uppercase;--e-global-typography-9dbc1ec-line-height:1.16em;--e-global-typography-2da4099-font-family:"Open Sans";--e-global-typography-2da4099-font-size:22px;--e-global-typography-2da4099-font-weight:300;--e-global-typography-2da4099-line-height:1.45em;--e-global-typography-7027645-font-family:"Open Sans";--e-global-typography-7027645-font-size:18px;--e-global-typography-7027645-font-weight:400;--e-global-typography-7027645-text-transform:uppercase;--e-global-typography-e9115ce-font-family:"Open Sans";--e-global-typography-e9115ce-font-size:15px;--e-global-typography-e9115ce-font-weight:600;--e-global-typography-fc78bd3-font-family:"Zodiak";--e-global-typography-fc78bd3-font-size:40px;--e-global-typography-fc78bd3-font-weight:400;--e-global-typography-fc78bd3-line-height:1.3em;--e-global-typography-2f97406-font-family:"Open Sans";--e-global-typography-2f97406-font-size:19px;--e-global-typography-2f97406-font-weight:600;--e-global-typography-87d3e64-font-family:"Open Sans";--e-global-typography-87d3e64-font-size:18px;--e-global-typography-87d3e64-font-weight:400;--e-global-typography-87d3e64-text-transform:uppercase;--e-global-typography-3437be6-font-family:"Open Sans";--e-global-typography-3437be6-font-size:15px;--e-global-typography-3437be6-font-weight:400;--e-global-typography-3437be6-text-transform:uppercase;--e-global-typography-3437be6-line-height:1.5em;--e-global-typography-e1cc54b-font-family:"Open Sans";--e-global-typography-e1cc54b-font-size:16px;--e-global-typography-e1cc54b-font-weight:400;--e-global-typography-e1cc54b-line-height:1.375em;--e-global-typography-b05c3e9-font-family:"Open Sans";--e-global-typography-b05c3e9-font-size:35px;--e-global-typography-b05c3e9-font-weight:300;--e-global-typography-b05c3e9-text-transform:uppercase;--e-global-typography-d487f61-font-family:"Open Sans";--e-global-typography-d487f61-font-size:20px;--e-global-typography-d487f61-font-weight:300;--e-global-typography-d487f61-line-height:1.5em;--e-global-typography-a7d6d95-font-family:"Open Sans";--e-global-typography-a7d6d95-font-size:45px;--e-global-typography-a7d6d95-font-weight:300;--e-global-typography-a7d6d95-text-transform:uppercase;--e-global-typography-a7d6d95-line-height:1em;--e-global-typography-dbe4f25-font-family:"Open Sans";--e-global-typography-dbe4f25-font-size:25px;--e-global-typography-dbe4f25-font-weight:400;--e-global-typography-dbe4f25-text-transform:uppercase;--e-global-typography-dbe4f25-line-height:1em;--e-global-typography-6a64a15-font-family:"Zodiak";--e-global-typography-6a64a15-font-size:35px;--e-global-typography-6a64a15-font-weight:400;--e-global-typography-6a64a15-line-height:1.28em;--e-global-typography-60784fc-font-family:"Zodiak";--e-global-typography-60784fc-font-size:45px;--e-global-typography-60784fc-font-weight:400;--e-global-typography-60784fc-text-transform:none;--e-global-typography-f814f80-font-family:"Open Sans";--e-global-typography-f814f80-font-size:25px;--e-global-typography-f814f80-font-weight:300;--e-global-typography-f814f80-line-height:1.2em;--e-global-typography-3a36c50-font-family:"Open Sans";--e-global-typography-3a36c50-font-size:35px;--e-global-typography-3a36c50-font-weight:300;--e-global-typography-3a36c50-text-transform:uppercase;--e-global-typography-3a36c50-line-height:1.22em;color:var( --e-global-color-text );font-family:var( --e-global-typography-2da4099-font-family ), Sans-serif;font-size:var( --e-global-typography-2da4099-font-size );font-weight:var( --e-global-typography-2da4099-font-weight );line-height:var( --e-global-typography-2da4099-line-height );letter-spacing:var( --e-global-typography-2da4099-letter-spacing );word-spacing:var( --e-global-typography-2da4099-word-spacing );}.elementor-kit-5 a:hover{color:var( --e-global-color-5c2d867 );}.elementor-kit-5 h1{font-family:var( --e-global-typography-8758819-font-family ), Sans-serif;font-size:var( --e-global-typography-8758819-font-size );font-weight:var( --e-global-typography-8758819-font-weight );line-height:var( --e-global-typography-8758819-line-height );letter-spacing:var( --e-global-typography-8758819-letter-spacing );word-spacing:var( --e-global-typography-8758819-word-spacing );}.elementor-kit-5 h2{font-family:var( --e-global-typography-795722c-font-family ), Sans-serif;font-size:var( --e-global-typography-795722c-font-size );font-weight:var( --e-global-typography-795722c-font-weight );text-transform:var( --e-global-typography-795722c-text-transform );line-height:var( --e-global-typography-795722c-line-height );letter-spacing:var( --e-global-typography-795722c-letter-spacing );word-spacing:var( --e-global-typography-795722c-word-spacing );}.elementor-kit-5 h3{font-family:var( --e-global-typography-9dbc1ec-font-family ), Sans-serif;font-size:var( --e-global-typography-9dbc1ec-font-size );font-weight:var( --e-global-typography-9dbc1ec-font-weight );text-transform:var( --e-global-typography-9dbc1ec-text-transform );line-height:var( --e-global-typography-9dbc1ec-line-height );letter-spacing:var( --e-global-typography-9dbc1ec-letter-spacing );word-spacing:var( --e-global-typography-9dbc1ec-word-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:var( --e-global-typography-7027645-font-family ), Sans-serif;font-size:var( --e-global-typography-7027645-font-size );font-weight:var( --e-global-typography-7027645-font-weight );text-transform:var( --e-global-typography-7027645-text-transform );line-height:var( --e-global-typography-7027645-line-height );letter-spacing:var( --e-global-typography-7027645-letter-spacing );word-spacing:var( --e-global-typography-7027645-word-spacing );color:var( --e-global-color-85c2ffa );background-color:#38678400;border-style:solid;border-color:var( --e-global-color-85c2ffa );border-radius:50px 50px 50px 50px;padding:1.5em 1.5em 1.5em 1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1510px;}.e-con{--container-max-width:1510px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-8758819-font-size:50px;--e-global-typography-795722c-font-size:40px;--e-global-typography-2da4099-font-size:20px;--e-global-typography-7027645-font-size:18px;--e-global-typography-fc78bd3-font-size:35px;--e-global-typography-a7d6d95-font-size:35px;font-size:var( --e-global-typography-2da4099-font-size );line-height:var( --e-global-typography-2da4099-line-height );letter-spacing:var( --e-global-typography-2da4099-letter-spacing );word-spacing:var( --e-global-typography-2da4099-word-spacing );}.elementor-kit-5 h1{font-size:var( --e-global-typography-8758819-font-size );line-height:var( --e-global-typography-8758819-line-height );letter-spacing:var( --e-global-typography-8758819-letter-spacing );word-spacing:var( --e-global-typography-8758819-word-spacing );}.elementor-kit-5 h2{font-size:var( --e-global-typography-795722c-font-size );line-height:var( --e-global-typography-795722c-line-height );letter-spacing:var( --e-global-typography-795722c-letter-spacing );word-spacing:var( --e-global-typography-795722c-word-spacing );}.elementor-kit-5 h3{font-size:var( --e-global-typography-9dbc1ec-font-size );line-height:var( --e-global-typography-9dbc1ec-line-height );letter-spacing:var( --e-global-typography-9dbc1ec-letter-spacing );word-spacing:var( --e-global-typography-9dbc1ec-word-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-7027645-font-size );line-height:var( --e-global-typography-7027645-line-height );letter-spacing:var( --e-global-typography-7027645-letter-spacing );word-spacing:var( --e-global-typography-7027645-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-8758819-font-size:40px;--e-global-typography-795722c-font-size:30px;--e-global-typography-9dbc1ec-font-size:22px;--e-global-typography-2da4099-font-size:18px;--e-global-typography-7027645-font-size:16px;--e-global-typography-fc78bd3-font-size:25px;--e-global-typography-2f97406-font-size:18px;--e-global-typography-b05c3e9-font-size:24px;--e-global-typography-d487f61-font-size:18px;--e-global-typography-a7d6d95-font-size:30px;--e-global-typography-60784fc-font-size:30px;--e-global-typography-f814f80-font-size:18px;--e-global-typography-3a36c50-font-size:18px;font-size:var( --e-global-typography-2da4099-font-size );line-height:var( --e-global-typography-2da4099-line-height );letter-spacing:var( --e-global-typography-2da4099-letter-spacing );word-spacing:var( --e-global-typography-2da4099-word-spacing );}.elementor-kit-5 h1{font-size:var( --e-global-typography-8758819-font-size );line-height:var( --e-global-typography-8758819-line-height );letter-spacing:var( --e-global-typography-8758819-letter-spacing );word-spacing:var( --e-global-typography-8758819-word-spacing );}.elementor-kit-5 h2{font-size:var( --e-global-typography-795722c-font-size );line-height:var( --e-global-typography-795722c-line-height );letter-spacing:var( --e-global-typography-795722c-letter-spacing );word-spacing:var( --e-global-typography-795722c-word-spacing );}.elementor-kit-5 h3{font-size:var( --e-global-typography-9dbc1ec-font-size );line-height:var( --e-global-typography-9dbc1ec-line-height );letter-spacing:var( --e-global-typography-9dbc1ec-letter-spacing );word-spacing:var( --e-global-typography-9dbc1ec-word-spacing );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-7027645-font-size );line-height:var( --e-global-typography-7027645-line-height );letter-spacing:var( --e-global-typography-7027645-letter-spacing );word-spacing:var( --e-global-typography-7027645-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Custom Variables für einfacheres Bearbeiten */ .wpcf7{ --form-label-text-color: var(--e-global-color-text); --form-label-font-family: var(--e-global-typography-2da4099-font-family); --form-label-font-size: var(--e-global-typography-87d3e64-font-size); --form-input-background-color: var(--e-global-color-85c2ffa); --form-input-border: none; --form-input-border-radius: 0px; --form-submit-background-color: var(--e-global-color-9fdd60b); --form-submit-text-color: var(--e-global-color-85c2ffa); --form-submit-border: 1px solid; --form-submit-border-radius: 10px; } .e-con{ --full-width-content-padding-amount: max(1%, calc(51% - var(--container-max-width) / 2)); } .elementor-kit-5{ --e-global-typography-8758819-font-size: clamp(45px, 2.4vw, 60px); --e-global-typography-795722c-font-size: clamp(40px, 2vw, 50px); --e-global-typography-9dbc1ec-font-size: clamp(20px, 1.2vw, 30px); } @media (max-width: 1024px){ .e-con{ --full-width-content-padding-amount: 2%; } .elementor-kit-5{ --e-global-typography-8758819-font-size: clamp(35px, 2.4vw, 50px); --e-global-typography-795722c-font-size: clamp(30px, 2vw, 40px); --e-global-typography-9dbc1ec-font-size: clamp(20px, 1.2vw, 25px); } } @media (max-width: 768px){ .e-con{ --full-width-content-padding-amount: 4%; } .elementor-kit-5{ --e-global-typography-8758819-font-size: clamp(25px, 2vw, 35px); --e-global-typography-795722c-font-size: clamp(25px, 2vw, 30px); --e-global-typography-9dbc1ec-font-size: clamp(18px, 1.2vw, 32px); } } /* Custom Variables Ende */ /* Testweise globales Padding */ /*div[data-elementor-type="wp-page"] > div.e-con{ --padding-left: max(1%, calc(100% - var(--container-max-width) / 2)); --padding-right: max(1%, calc(100% - var(--container-max-width) / 2)); } @media (max-width: 1024px){ div[data-elementor-type="wp-page"] > div.e-con{ --padding-left: 2%; --padding-right: 2%; } } @media (max-width: 767px){ div[data-elementor-type="wp-page"] > div.e-con{ --padding-left: 4%; --padding-right: 4%; } }*/ /* Padding Ende */ /* Content Breite eine Seite - Full width andere Seite */ .full-width-content-padding-left{ padding-left: var(--full-width-content-padding-amount) } .full-width-content-padding-right{ padding-right: var(--full-width-content-padding-amount) } /* Content Breite Ende */ /* Listen */ .list-indent ul > li{ text-indent: -1em; padding-left: 1em; } ul{ padding-left: 1em; } ul li::marker{ font-size: 0.8em; } .custom-list-marker ul{ list-style: none; padding-left: 0; } .custom-list-marker ul li::before{ content:'+'; margin-right: 0.5em; } /* Listen Ende */ /* Custom Button Background */ .elementor-widget-button:not(.regular) .elementor-button-wrapper a.elementor-button, .wpcf7 button, .image-slider .ue-btn-wrap .ue-btn{ background-color: var(--e-global-color-9fdd60b); -webkit-mask: url(https://test-ralf.g3kunden.de/wp-content/uploads/2022/05/EG-Button-inaktiv.svg) no-repeat 50% 50%; mask: url(https://test-ralf.g3kunden.de/wp-content/uploads/2022/05/EG-Button-inaktiv.svg) no-repeat 50% 50%; border:none; } .elementor-widget-button:not(.regular) .elementor-button-wrapper a.elementor-button:hover, .wpcf7 button:hover,.image-slider .ue-btn-wrap:hover .ue-btn { background-color: var(--e-global-color-5c2d867); color: white; } .elementor-widget-button.white .elementor-button-wrapper a.elementor-button, .image-slider .ue-btn-wrap .ue-btn{ background-color: var(--e-global-color-85c2ffa); color: var(--e-global-color-9fdd60b); } /* */ /* Navigation */ .top-nav ul li.elementor-icon-list-item{ background-color: var(--e-global-color-11a863f); padding: 0 10px; } .top-nav ul li.elementor-icon-list-item:hover{ background-color: var(--e-global-color-5c2d867); } body.page-id-475 .top-nav ul li.elementor-icon-list-item:nth-of-type(1){ background-color: var(--e-global-color-5c2d867); } body.page-id-79 .top-nav ul li.elementor-icon-list-item:nth-of-type(2){ background-color: var(--e-global-color-5c2d867); } body.page-id-210 .top-nav ul li.elementor-icon-list-item:nth-of-type(3){ background-color: var(--e-global-color-5c2d867); } .main-nav li{ width: clamp(140px, 14vw, 170px); } .navi-popup-column{ max-width: clamp(140px, 14vw, 170px); } .main-nav li a span::after{ content: ""; width: 0; height: 3px; display: block; background-color: var(--e-global-color-7ff9089); transition: width 0.2s; } .main-nav li:hover a span::after, .main-nav li.active a span::after{ width: 100%; } #popup-background{ opacity: 0.95; transition: top 0.3s ease-in-out; } #popup-background::after{ content: ""; display: block; height: 100px; width: 100%; background-image: url(https://test-ralf.g3kunden.de/wp-content/uploads/2021/08/bogen-navigation.svg); background-size: cover; background-position: bottom center; position: absolute; bottom: -100px; left:0; } .elementor-element.submenu-headline:hover .elementor-widget-container .elementor-heading-title{ color: var(--e-global-color-7ff9089); } .sidebar-icon:hover .elementor-icon-box-content{ display: flex; } .sidebar-icon .elementor-icon-box-icon{ z-index: 2; } .sidebar-icon .elementor-icon-box-content{ display: none; position:absolute; right: 30px; width: max-content; border-radius: 60px 0 0 35px; height: 100%; align-items: center; } .sidebar-icon:nth-of-type(2) .elementor-icon-box-content{ border-radius: 30px 0 0 50px; } .sidebar-icon .elementor-icon-box-content .elementor-icon-box-title a{ color: white; padding: 0 2em 0 1em; } .sidebar-icon:nth-last-of-type(3) .elementor-icon-box-content{ background-color: var(--e-global-color-7ff9089); } .sidebar-icon:nth-last-of-type(2) .elementor-icon-box-content{ background-color: #689e96 } .sidebar-icon:nth-last-of-type(2) path#EG-Kreis{ fill: #689e96 } .sidebar-icon:nth-last-of-type(1) .elementor-icon-box-content{ background-color: #27506a } .sidebar-icon:nth-last-of-type(1) path#EG-Kreis-2{ fill: #27506a; } .jet-mobile-menu .breadcrumb-divider{ display: flex; } .jet-mobile-menu .jet-mobile-menu__back[aria-label="Back to Prev Items"]{ position: relative; } .jet-mobile-menu .jet-mobile-menu__back[aria-label="Back to Prev Items"]::before{ content: ""; background: url(https://test-ralf.g3kunden.de/wp-content/uploads/2021/08/caret.svg) no-repeat center/contain; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: rotate(180deg); } .jet-mobile-menu .jet-mobile-menu__back[aria-label="Back to Prev Items"] svg{ display: none; } @media (max-width: 767px){ .mobile-nav .jet-mobile-menu__toggle-icon svg{ height: 40px; } } /* */ /* Elemente */ p a, .wpcf7 .wpcf7-acceptance a{ color: inherit; } strong, b{ font-weight: 600; } /* */ /* Header Slider */ .header-slider .slide__content{ display: flex; justify-content: flex-end; } .header-slider .slide__content--headings{ background-image: url(https://test-ralf.g3kunden.de/wp-content/uploads/2022/05/blase-gross.svg); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 6% 5% 4%; } .header-slider .slick-dots{ text-align: right; padding-right: 10%; bottom: 30px !important; } .header-slider .slick-dots li button{ border-radius: 50%; } @media (max-width: 1024px){ .header-slider .slide__content--headings{ padding: 12% 10% 8%; } } @media (max-width: 768px){ .header-slider .slide__content--headings{ padding: 20% 11% 12%; } .header-slider .slide__content{ top: 60% !important; } .header-slider .slick-dots{ display: none; } } /* */ /* Projekte Grid */ .projects-grid .e-con-inner{ display: grid; gap: 20px; grid-template-areas: "big big logo" "big big tall1" "tall2 small1 tall1" "tall2 small2 small3"; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(4, 320px); } .projects-grid-item-big{ grid-area: big; } .projects-grid-item-big img{ height: 100%; } .projects-grid-item-logo{ grid-area: logo; } .projects-grid-item-tall1{ grid-area: tall1; } .projects-grid-item-tall2{ grid-area: tall2; } .projects-grid-item-small1{ grid-area: small1; } .projects-grid-item-small2{ grid-area: small2; } .projects-grid-item-small3{ grid-area: small3; } @media (max-width: 1024px){ .projects-grid .e-con-inner{ grid-template-areas: "tall1 logo" "tall1 small1" "big big" "big big" "tall2 small2" "tall2 small3"; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(6, 320px); } } @media (max-width: 767px){ .projects-grid .e-con-inner{ grid-template-areas: "logo" "tall1" "small1" "big" "tall2" "small2" "small3"; grid-template-columns: 1fr; grid-template-rows: repeat(auto-fit, 300px); } } /* */ /* Button Navigation Bauweisen */ .nav-button, .nav-button .elementor-widget-container, .nav-button .elementor-button-wrapper, .nav-button a{ width: 100%; height: 100%; } .nav-button a{ display: flex; justify-content: center; align-items: center; } .nav-button-left a{ justify-content: flex-start; } .nav-button.active::after, .nav-button.active-orange::after{ content: ""; border-right: 20px solid transparent; border-left: 20px solid transparent; border-top: 20px solid var(--e-global-color-7ff9089); position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%); } .nav-button.active-orange::after{ border-top: 20px solid var(--e-global-color-5c2d867); } .nav-button-left.active::after{ left: 40%; } @media(max-width: 767px){ .nav-button{ height: 70px; } .nav-button-container{ padding-left: 0; } } /* */ /* START GLÜCKSGESCHICHTEN */ /* Audio Player */ .audio .ue-audio-player .ue-audio-controls .ue-audio-player-element__controls .mejs__inner .mejs__controls{ display: grid !important; grid-template-columns: min-content 1fr min-content; grid-template-rows: repeat(2, min-content); grid-template-areas: "playbutton progressrail duration" "volumebutton volume ."; grid-row-gap: 2em; align-items: center; } .audio .mejs__controls > *{ padding-top: 0; } .audio .mejs__controls button{ height: 50px; width: 50px; } .audio .mejs__playpause-button{ grid-area: playbutton; } .audio .mejs__time-rail{ grid-area: progressrail; width: 98%; padding-top: 0; } .audio .mejs__time-rail .mejs__time-total{ margin: 0; top: 50%; transform: translateY(-50%); } .audio .mejs__duration-container{ grid-area: duration; height: 100%; } .audio .mejs__duration-container .mejs__duration{ display: flex; align-items: center; height: 100%; } .audio .mejs__volume-button{ grid-area: volumebutton; } .audio .mejs__horizontal-volume-slider{ grid-area: volume; margin: 0 10px; width: 98%; } .audio .mejs__horizontal-volume-slider .mejs__horizontal-volume-total{ width: 100%; } .audio .ue-audio-player-element__controls{ min-width: unset!important; } @media(max-width: 1024px){ .audio .mejs__controls button{ height: 40px; width: 40px; } } @media(max-width: 767px){ .audio .mejs__controls button{ height: 30px; width: 30px; } .audio .ue-audio-player .ue-audio-controls .ue-audio-player-element__controls .mejs__inner .mejs__controls{ grid-row-gap: 1em; } } /* */ /* Highlights Flip Boxen */ .highlights .ue-flip-box__panel{ -webkit-mask: url(https://test-ralf.g3kunden.de/wp-content/uploads/2022/05/highlights.svg) no-repeat center/contain; } /* */ /* Slider Lieblingsplätze */ .image-slider .ue-item-image, .image-slider .uc_fbps_content{ position: relative !important; width: 50%; height: 100%; max-width: 50%; } @media(max-width: 767px){ .image-slider .ue-item-image, .image-slider .uc_fbps_content{ width: 100%; max-width: 100%; } .image-slider .uc_fbps_slide{ flex-direction: column; } .image-slider .ue-item-image{ min-height: 350px; } } .image-slider .uc_fbps_container_title::before{ content:""; display: block; font-family: var(--e-global-typography-795722c-font-family); font-size: var(--e-global-typography-795722c-font-size); font-weight: var(--e-global-typography-795722c-font-weight); text-transform: uppercase; margin-bottom: 15%; } .image-slider-glueck .uc_fbps_container_title::before{ content:"Wo wir glücklich sind"; } .image-slider-projekte .uc_fbps_container_title::before{ content:"Ganz nah dran!"; } .image-slider .uc_fbps_content::before{ content: ""; display: block; color: var(--e-global-color-85c2ffa); font-family: var(--e-global-typography-e9115ce-font-family); font-size: var(--e-global-typography-e9115ce-font-size); font-weight: var(--e-global-typography-e9115ce-font-weight); } .image-slider .uc_fbps_container_title{ margin-top: calc(60px + 6%)!important; } .image-slider-glueck .uc_fbps_content::before{ content:"Lieblingsplätze"; } .image-slider-projekte .uc_fbps_content::before{ content:"Glücks-Geschichten"; } .image-slider .owl-dots{ position: absolute !important; left: 60%; bottom: 10%; } .image-slider .owl-dots .owl-dot{ outline: none!important; } @media(max-width: 1024px){ .image-slider .uc_fbps_container_title{ margin-top: calc(30px + 6%)!important; } .image-slider .owl-dots{ bottom: 7%; } } @media (max-width:767px){ .image-slider .uc_fbps_container_title{ margin-top: 20px!important; } .image-slider .uc_fbps_container_title::before{ margin-bottom: 20px; } .image-slider .owl-dots{ left: 0.5%; bottom: 4%; } } /* */ /* ENDE GLÜCKSGESCHICHTEN */ /* Fakten */ .facts-box .elementor-widget-container{ border-radius: 39px; padding: 0 5% 5%; height: 100%; } .facts-box .elementor-icon{ margin-top: -40px; } .facts-box ul{ text-align: left; } .facts-box ul li{ color: white; font-weight: 400; } .facts-box ul li::marker{ font-size: 0.5em; } /* */ .job-listing .elementor-post__title a{ width: 100%; display: flex; justify-content: space-between; align-items: center; } .job-listing .elementor-post__title a::after{ content: url(https://test-ralf.g3kunden.de/wp-content/uploads/2022/05/arrow-circle.svg); filter: opacity(0.5) invert(1); } /* Formulare */ .wpcf7 .row{ display: flex; justify-content: space-between; } .wpcf7 .row .column{ flex-basis: 48%; } .wpcf7-form-control-wrap:not(.uploadfieldtrick *){ width: 100%; } .wpcf7 div, .wpcf7 label, .wpcf7 .notice, .wpcf7 .info, .wpcf7 h3{ font-family: var(--form-label-font-family); color: var(--form-label-text-color ); font-weight: 300; } .wpcf7 label{ font-size: var(--form-label-font-size); width: 100%; } .wpcf7 label:not(.wpcf7-acceptance *, .uploadfieldtrick *){ position: absolute; left: -9999px; height: 0; width: 0; } .wpcf7 input, .wpcf7 textarea{ border-radius: var(--form-input-border-radius); background: var(--form-input-background-color); margin: 2% 0 5%; border: var(--form-input-border); padding: 1.2em 1em; } .wpcf7 .message{ width: 100%; } .wpcf7 .wpcf7-acceptance .wpcf7-list-item{ width: 100%; margin-left: 0; } .wpcf7 .wpcf7-acceptance label{ display: flex; align-items: center; width: 100%; line-height: 1.3; } .wpcf7 input[type="checkbox"]{ width: 24px; height: 24px; margin: 0 2% 0 0; } .wpcf7 input[type="checkbox"]::before{ content: ""; width: 100%; height: 100%; margin-right: 2%; display:block; background: var(--form-input-background-color); border: 1px solid #707070; } .wpcf7 input[type="checkbox"]:checked::before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAAoklEQVRoge3XQQrCMBBA0X8Ji97/IC7cta7swuPoIgRKFTFRmAn8t2/5E0LSgiRJkvRHE3AFLtEhPSZgBR7AEtzS7ADcKPF34Bib08b4KMZHMT6K8VHC48/ATLnqW20/D9bOd/xs7gxIEQ+vW+DU8Uz4nm8ZIl189c0QaeOrT0Okj6/eDTFMfLU/YVKcNq22qz7Myu9NlP/XhYFWXpIkSQk8ASIVUgG0/j0XAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: center; background-size: cover; } .wpcf7 .notice{ font-size: 100%; display: inline-block; padding: 2% 0; } .wpcf7 .wpcf7-submit{ margin-top: 0.5em; border: var(--form-submit-border); border-radius: var(--form-submit-border-radius); background: var(--form-submit-background-color); color: var(--form-submit-text-color); float: right } .wpcf7 .info{ font-size: 18px; } .wpcf7 .uploads { margin-top: 3%; display: flex; flex-direction: column; } .wpcf7 .uploads .uploadfieldtrick { display: flex; } .wpcf7 .uploads .uploadfieldtrick + .uploadfieldtrick { margin-top: 2em; } .wpcf7 .uploads input[type="file"]{ visibility: hidden; height: 0; width: 0; margin: 0; } .wpcf7 .uploads label{ cursor: pointer; font-size: 20px; display: flex; align-items: center; flex-basis: 55%; } .wpcf7 .uploads label::before{ content: url(/wp-content/uploads/2022/07/upload.svg); margin-right: 1em; } .wpcf7 form.sent .wpcf7-response-output { color: #46b450; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: #ffb900; } .init-application .row + .row{ margin-top: 2em; } .init-application .wpcf7-submit{ float: left; margin-top: 4%; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{ color: #dc3232; border-color: #dc3232; } .wpcf7-response-output{ clear: both; } @media (max-width: 767px){ .wpcf7 .row{ flex-wrap: wrap; } .wpcf7 .row .column{ flex-basis: 100%; } .wpcf7 input[type="checkbox"]{ min-width: 30px; width: 30px; height: 30px; margin-right: 7%; } .wpcf7 .uploads { margin-top: 10%; flex-direction: column; } .wpcf7 .notice{ padding: 10% 0; } } /* Formulare Ende *//* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://test-ralf.g3kunden.de/wp-content/uploads/2022/05/OpenSans-VariableFont_wdthwght.ttf') format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://test-ralf.g3kunden.de/wp-content/uploads/2022/05/OpenSans-VariableFont_wdthwght.ttf') format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://test-ralf.g3kunden.de/wp-content/uploads/2022/05/OpenSans-VariableFont_wdthwght.ttf') format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://test-ralf.g3kunden.de/wp-content/uploads/2022/05/OpenSans-VariableFont_wdthwght.ttf') format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://test-ralf.g3kunden.de/wp-content/uploads/2022/05/OpenSans-VariableFont_wdthwght.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Zodiak'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://test-ralf.g3kunden.de/wp-content/uploads/2022/05/Zodiak-Variable.ttf') format('truetype'); } @font-face { font-family: 'Zodiak'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://test-ralf.g3kunden.de/wp-content/uploads/2022/05/Zodiak-Variable.ttf') format('truetype'); } @font-face { font-family: 'Zodiak'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://test-ralf.g3kunden.de/wp-content/uploads/2022/05/Zodiak-Variable.ttf') format('truetype'); } /* End Custom Fonts CSS */