:root { --main: #86c232; --accent: #e8935a; --font: #fff; --font-dark: #2c2c2c; --heading: #000; --background: #222629; --background-light: #ffffff0d; --font-family: "Poppins", sans-serif; --heading: var(--font); --gradient: linear-gradient( -45deg, rgba(71, 75, 79, 1) 0%, rgba(34, 38, 41, 1) 100% ); --gradient-shadow: rgb(48 98 120 / 82%) 0px 7px 29px 0px; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-ExtraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-ExtraBold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-BlackItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-ExtraBoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("/layout/frontend/b2c/dist/fonts/Poppins-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; font-display: swap; } .contactformular { width: 100%; padding: 30px; margin: 0 auto; float: left; } .contactformular .sitepart_31 { max-width: 500px; margin: 0 auto; } input { background: none; color: #fff; } label { font-size: 14px; font-weight: 300; opacity: 0.7; } body { background-color: #fff; font-size: 17px; font-weight: 400; line-height: 1.42857143; font-family: var(--font-family); color: var(--font); overflow-x: hidden; margin: 0; } .full_preview .collection_list.firmen .collection_content.title, .full_preview .ausbildungsstellen .collection_content.title { justify-content: start !important; padding: 0 !important; } .collection_content.field-1662110387 { /* display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; */ font-size: 13px; } .stellen-detail.full_preview .group-more-jobs .collection_content.field-1660054111 img, .stellen-detail.full_preview .group-more-jobs .collection_content.firmenlogo-firma img { padding: 0px !important; } .stellen-detail.full_preview .group-similar-jobs .collection_content.field-1660054111 img, .stellen-detail.full_preview .group-similar-jobs .collection_content.firmenlogo-firma img { padding: 0px !important; } .stellen_info_wrapper .quick-facts:after, .Kontakt:after, .stellen_info_wrapper span.field_description_title:after { content: ""; background-image: url(/userdata/images/chevron-down.svg); position: absolute; background-repeat: no-repeat; background-size: contain; width: 14px; height: 9px; top: 50%; transform: translateY(-50%); right: 20px; } .collection_content.field-1660053792.kurz-und-knapp, .collection_content.field-1660054180.anforderungen, .collection_content.field-1660054275.benefits { display: none; } .sidebuttons a { background: #fff; position: relative; float: left; margin-bottom: 20px; padding: 0; border-radius: 11px 0 0 11px; right: 27px; transition: 300ms ease; display: flex; justify-content: end; background: #fff; } span.field_description_title.clicked:after { transform: rotate(180deg); } .quick-facts.clicked:after, .Kontakt.clicked:after { transform: rotate(180deg); top: 20px; } /* Firmen Detail */ .firmen-coll.full_preview .firmen .collection_content.field-1660054111.firmenlogo-firma, .firmen-coll.full_preview .firmen .collection_content.firmenlogo-firma, .stellen-detail.full_preview .ausbildungsstellen .collection_content.company-img.firmenlogo-stelle { float: unset; border-radius: 0px 0px 15px 15px; position: absolute; right: 0 !important; width: 280px; margin: unset; top: 0; left: unset; transform: unset; } .firmen-coll.full_preview .firmen .collection_content.field-1660054111 img, .firmen-coll.full_preview .firmen .collection_content.firmenlogo-firma img, .stellen-detail.full_preview .ausbildungsstellen .collection_content.company-img.firmenlogo-stelle img { padding: 28px; } .firmen-coll.full_preview .firmen .collection_content.title { width: 70%; font-size: 2.3em; font-weight: 600; } .firmen-coll.full_preview .collection_content.company.custom { text-align: left; } .firmen-coll.full_preview .collection_content.field-1659970514.kurzbeschreibung-firma { text-align: left !important; padding: 0 !important; border-left: 3px solid var(--main); padding-left: 20px !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0; margin-top: 30px; position: relative; overflow: unset; /* -webkit-line-clamp: 30; */ } .firmen-coll.full_preview .collection_content.field-1662039817.firmenphilosophie { text-align: left !important; padding: 0 !important; border-left: 3px solid var(--main); padding-left: 20px !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 3rem; margin-top: 7rem; position: relative; overflow: unset; } .firmen-coll.full_preview .collection_content.field-1662039817.firmenphilosophie:empty { display: none; } li.level_1 { cursor: pointer; } .firmen-coll.full_preview .collection_content.field-1662039441.firmenbeschreibung-firma.kurz-knapp { border-left: 3px solid var(--main); padding-left: 20px !important; padding-top: 10px !important; padding-bottom: 0 !important; } .firmen-coll.full_preview .collection_content.field-1659970514.kurzbeschreibung-firma:before { content: "Kurz & Knapp"; font-size: 24px; color: var(--main); font-weight: 600; position: absolute; top: -40px; left: -3px; } .firmen-coll.full_preview .kontakt-firmen-facts { text-align: left !important; padding: 0 !important; border-left: 3px solid var(--main); padding-left: 20px !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 3rem; margin-top: 5rem; position: relative; overflow: unset; width: 100%; float: left; } .firmen-coll.full_preview .group-more-jobs .ausbildungsstellen .collection_container:hover .collection_content.field-1660054111.firmenlogo-stelle, .firmen-coll.full_preview .group-more-jobs .ausbildungsstellen .collection_container:hover .collection-overlay:before { opacity: 0; } .firmen-coll.full_preview .group-more-jobs .ausbildungsstellen .collection_container:hover .collection_link a { opacity: 1; } .peter-lankton { float: left; max-width: 750px; width: 100%; } .firmen-coll.full_preview .kontakt-firmen-facts:before { content: "Kontakt"; font-size: 24px; color: var(--main); font-weight: 600; position: absolute; top: -40px; left: -3px; } .firmen-coll.full_preview .kontakt-firmen-facts .collection_content { padding: 0 !important; } .firmen-coll.full_preview .collection_content.field-1662039817.firmenphilosophie:before { content: "Firmenphilosophie"; font-size: 24px; color: var(--main); font-weight: 600; position: absolute; top: -40px; left: -3px; } a.video-link { color: #fff; } a.video-link:hover { color: var(--main) !important; } .firmen-coll.full_preview .collection_content.field-1659970156, .firmen-coll.full_preview .collection_content.field-1659970193, .firmen-coll.full_preview .collection_content.field-1659970182 { width: 33.33%; float: left; left: unset; transform: unset; font-size: 35px; } .firmen-coll.full_preview .quick-firmen-facts { display: flex; width: 100%; float: left; gap: 20px; margin-top: 2rem; } .firmen-coll.full_preview .quick-firmen-facts span.field_description_title { font-size: 18px; margin-bottom: 0; } .youtubecontent { border-radius: 15px; overflow: hidden; height: 100%; width: 100%; } .firmen-coll.full_preview .collection_content.field-1659970143.branche { color: var(--main); } .firmen-coll.full_preview .group-more-jobs .collection_content.title.custom { justify-content: center !important; } .collection_full.firmen { float: left; width: 100%; padding-top: 4rem; } .firmen-coll.full_preview .collection_content.field-1659970006.hintergrundbild-firma img { border-radius: 25px; overflow: hidden; } /* Firmen Detail */ .quick-facts:before, .Kontakt:before { color: #757575; font-size: 23px; font-weight: 500; margin-bottom: 15px; float: left; } .quick-facts:before { content: "Quick Facts"; } .Kontakt:before { content: "Kontakt"; } .clicked:before { color: var(--main) !important; } .collection_content.field-1661160321.special-info { color: var(--main); padding: 10px; border-radius: 10px; margin: 0 0 2rem; border: 1px solid var(--main); text-align: center; } .collection_content.more-jobs .collection_content.title.custom { justify-content: center !important; } .full_preview .collection_list.firmen .collection_container:hover .field-1660054111, .full_preview .collection_list.firmen .collection_container:hover .firmenlogo-firma, .full_preview .ausbildungsstellen .collection_container:hover .field-1660054111 { opacity: 1; } .collection_full.ausbildungsstellen .collection_content.field-1660054111 { float: unset; border-radius: 15px; position: absolute; right: 0 !important; width: 280px; margin: unset; top: 0; left: unset; transform: unset; } .firmendaten .collection_content.field-1660054111.firmenlogo-firma, .firmendaten .collection_content.firmenlogo-firma { left: 50% !important; transform: translateX(-50%) !important; border-radius: 0 0 15px 15px !important; } /* .stellen-detail.full_preview .collection_content.field-1660053792 { position: relative!important; float: left!important; top: unset!important; width: 100%!important; padding: 0!important; text-align: left!important; display: none!Important; } */ span.field_description_title { width: 100%; float: left; color: #757575; font-size: 23px; font-weight: 500; position: relative; margin-bottom: 15px; cursor: pointer; } .field_description_title.clicked { color: var(--main) !important; } .collection_list.firmen span.field_description_title { width: 100% !important; float: unset !important; color: #fff !important; font-size: 15px !important; font-weight: 500 !important; padding-right: 5px; } .stellen-detail.full_preview .firmen .collection_content.title.custom:after { left: 50% !important; } .stellen-detail.full_preview .firmen .collection_container .collection_content.field-1660054111 { opacity: 0; } .stellen-detail.full_preview .firmen .collection_content.company.custom { display: none; } .stellen-detail.full_preview .collection_list.firmen .collection_container .collection_content.field-1659970514 { opacity: 0 !important; } .stellen-detail.full_preview .collection_list.firmen .collection_container:hover .collection_content.field-1659970514 { opacity: 1 !important; } .collection_full .collection_content.field-1660054111, .collection_full .firmenlogo-firma { float: unset; border-radius: 15px; position: absolute; right: 0; width: 280px; margin: unset; top: 0; } .row { float: left; width: 100%; } .p-3 { padding: 1.5rem; } .pb-5 { padding-bottom: 2rem !important; } /* **** Infos **** Universal Color: #5a9c9d */ #cookie-bar { position: fixed; bottom: 0; width: 100%; background-color: rgba(255, 255, 255, 0.7); padding: 10px 20px; z-index: 200; min-width: 320px; } #cookie-bar #cookie-bar-button { float: right; margin-left: 20px; display: inline-block; padding: 8px 10px; min-width: 150px; text-transform: uppercase; border: 1px solid #ff6532; color: #fff; cursor: pointer; background-color: #ff6532; text-align: center; } #cookie-bar #cookie-bar-button:hover { background-color: #e43900; border-color: #e43900; } #cookie-bar #cookie-bar-button:active { background-color: #b22c00; border-color: #b22c00; } #cookie-bar #cookie-bar-prompt-button { white-space: nowrap; } div#header, .header-wrapper { height: 60px; width: 100%; z-index: 10; } #cookie-bar > p { float: left; margin: 0; line-height: 40px; } #cookie-bar:after { clear: both; display: block; content: " "; } iframe { height: 100%; height: 670px; width: 100%; } .header-wrapper.fixed-header { position: fixed; top: 0; z-index: 999999998; height: 60px; } .header-wrapper.fixed-header #header { height: 60px; } /* Extra Module */ html { scroll-behavior: smooth; } /* FAQ */ .faq_group_container .faq_question_box { padding: 5px 15px 8px 15px; border: none; background: var(--gradient); margin-bottom: 10px; font-size: 14px; font-weight: 500; border-radius: 5px; position: relative; } .faq_question_box { cursor: pointer; } .faq_group_container .faq_answer_box { margin-bottom: 30px; padding: 20px; background: rgb(245 247 251); margin-top: -10px; border-radius: 0 0 5px 5px; } .faq_question_box.active { border-radius: 5px 5px 0 0; } .faq_question_box:after { content: "+"; position: absolute; right: 16px; color: #ffffff; top: 50%; font-size: 20px; transform: translateY(-50%); } .faq_question_box.active:after { content: "-"; position: absolute; right: 16px; color: #fff; bottom: 11px; font-size: 25px; } .faq_group_container .faq_answer_box { display: none; } .faq h3 { font-size: 18px; font-weight: 400 !important; border: none; color: #fff; line-height: 1; margin-bottom: 7px; } .next lottie-player { margin: 0 auto; } .faq-search input[type="text"] { width: 250px; height: 30px; color: #fff; background: rgba(9, 0, 0, 0.9); border: 0; padding: 20px; position: relative; } /* .faq-search input[type="text"]:after { content: ' '; position: absolute; width: 100%; left: 0; border-bottom: 4px solid #5a9c9d !important; } */ /* FAQ END */ /* END Extra Module */ /* Global */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ol li, ul li { color: #4b4b4b; list-style-type: disc; } .stellen_info_wrapper { width: 65%; float: left; padding-right: 100px; } div#footer div#submit_button input#button { background: #ffffff !important; color: #111111 !important; padding: 12px 24px !important; font-size: 18px; font-weight: 600; border-radius: 18px; } .full_preview .stellen_info_wrapper .kurz-und-knapp { border-left: 3px solid var(--main); padding-left: 20px !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 2rem; padding-right: 50px; } .stellen_info_wrapper .quick-facts { width: 100%; float: left; position: relative; cursor: pointer; } .stellen_info_wrapper .Kontakt { width: 100%; float: left; position: relative; cursor: pointer; } .quick-facts-content, .Kontakt-content, .collection_content.field-1660054180.anforderungen.opened, .collection_content.field-1660054275.benefits.opened { width: 100%; float: left; border-left: 3px solid var(--main); padding-left: 20px !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 2rem; display: none; } .opened { display: block !important; } .full_preview .collection_full ul { margin: 0; padding: 0; padding-left: 20px !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 2rem; } .full_preview ul li { list-style: none; } .quick-facts-content .collection_content, .Kontakt-content .collection_content { padding: 3px 0 !important; } /* .stellen-detail.full_preview .collection_content.field-1660053792, .stellen-detail.full_preview .collection_content.field-1660054180, .stellen-detail.full_preview .collection_content.field-1660054275, .stellen-detail.full_preview .collection_content.field-1662041059, .stellen-detail.full_preview .collection_content.field-1662041120, .stellen-detail.full_preview .collection_content.field-1662041179, .stellen-detail.full_preview .collection_content.field-1662041228 { border: 1px solid var(--main); padding: 17px!important; border-radius: 10px; margin-bottom: 1rem; display: none; } */ .collection_content.field-1660745339.firmendaten { padding: 0; } /* .stellen-detail.full_preview .collection_content.field-1660053895, .stellen-detail.full_preview .collection_content.field-1660053844, .stellen-detail.full_preview .collection_content.field-1660053803, .stellen-detail.full_preview .collection_content.field-1660053826, .stellen-detail.full_preview .collection_content.field-1660053881 { display: none; } */ .stellen-detail.full_preview .collection_content.field-1660745339 .collection_content.field-1660054111 { opacity: 1; } .stellen-detail.full_preview .collection_content.field-1660745339 .collection_container:hover .collection_content.field-1660054111 { opacity: 0; } .stellen-detail.full_preview .ausbildungsstellen .collection_content.field-1660054111 img { padding: 10px; } .collection_content.field-1660745339 { width: 35% !important; } .collection_content.field-1660745339 .collection_list.firmen { width: 100%; padding: 0; padding-left: 25px; } /* .collection_content.field-1660745339 .collection_content.field-1659970156 { top: 100px; } */ .same-height > .row { display: flex; flex-wrap: wrap; } #content { min-height: 400px; } .textcontent { height: 100%; } .fahrplan { width: 100% !important; } div#content, .main-screen { padding: 70px 0 !important; margin: 0 !important; position: relative; float: left; width: 100%; } .main-screen.grey { background-color: #f5f7fb; } .collection_full.ausbildungsstellen { padding-top: 5rem; width: 100%; float: left; } .back_to_overview { background: #eeeeee; display: inline-block; margin-bottom: 40px; display: none; } .back_to_overview a { color: #7f7f7f; padding: 10px 20px; display: block; font-weight: 600; } button#backButton { display: none; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } @media (min-width: 1500px) { .container { width: 1300px; } } } .slideshow_box { margin-bottom: 30px; } .slideshow_box .slideshow_content .slideshow_content_inner { transform: translate(0%, 50%); padding: 30px; text-align: center; max-width: 800px; padding-left: 0; } .slideshow_box .slideshow_content .slideshow_headline { font-size: 3.6em; line-height: 1.3; color: #ffffff; margin-top: 0; font-weight: 600; } .slideshow_box .slideshow_content .slideshow_text { font-weight: 600; font-size: 15px; margin-top: 0; margin-bottom: 20px; } .slideshow_box .slideshow_content .slideshow_button .button { color: #222222; text-transform: uppercase; } .slideshow_box .owl-carousel-item { background-size: cover; background-repeat: no-repeat; background-position: center center; } .slideshow_box .owl-carousel-item > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* Full width split with container */ .container-holder { overflow: hidden; background: white; padding: 0 !important; } .collection_list { width: 33.33%; float: left; padding: 15px; } img { height: 100%; width: 100%; object-fit: cover; max-width: 100%; } .d-none { display: none !important; } /* Schriften */ h1, h2, h3, h4, h5, h6 { line-height: 1.3; clear: both; font-weight: 600 !important; color: var(--heading); margin: 10px 0; } h1 { font-size: 3.6rem; line-height: 1.2 !important; } h2 { font-size: 35px; } h3 { font-size: 26px; } h4, h5 { font-size: 25px; } h6 { font-size: 17px; } /* .patrol h1, .patrol h2, .patrol h3, .patrol h4, .patrol h5, .patrol h6, .patrol, .we_are_breadcrumb h2 { color: #2d2d2d !important; } */ /* END Schriften */ a { color: #4b4b4b; text-decoration: none; transition: 300ms; } a:hover { color: var(--main); text-decoration: none; } /* Kollektion */ .full_preview .collection_full { display: block !important; } .collection_list, .collection_container { position: relative; } .collection_list, .content-container { position: relative; } /* END Kollektion */ /* Kontaktformular */ .fade { opacity: 1; } .modal { display: block; } .contactformular .form-check { height: 35px; line-height: 35px; clear: both; height: auto !important; line-height: 35px; } .contactformular .form-check input { display: inline-block !important; width: auto !important; } .input.select_body, .contactformular select { width: 100% !important; } .modal.success .modal-header { border-color: var(--main); color: #fff; } /* END Kontaktformular */ /* OWL Carousel Global */ .owl-stage-outer { width: 100%; } /* END OWL Carousel Global */ /* END Global */ /* Cookie */ div#cookiewarnung { position: fixed; bottom: 40px; background: var(--background); color: #fff; z-index: 99999999; width: 80%; text-align: center; padding: 15px; left: 50%; transform: translateX(-50%); border-radius: 5px; border: 1px solid #454545; box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; } .cookie-option-container { margin-top: 10px; } .cookie-option { cursor: pointer; border: 1px solid #9ee43a; display: inline-block; padding: 7px !important; border-radius: 5px; background: var(--main); } div#cookie-config { display: none; left: -100%; transition: 1s; } div#cookie-config.show { display: block; position: fixed; left: 0; top: 0; bottom: 0; background: var(--background); max-width: 300px; z-index: 99999999999; overflow-y: auto; box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; } #cookie-config .cookie-config-close { background: var(--background-light); color: #fff; padding: 10px; position: relative; cursor: pointer; } #cookie-config input { margin-right: 10px; } #cookie-config label { font-weight: normal; color: #000; } .cookie-config-close:after, .cookie-arrow { position: absolute; width: 10px; height: 10px; transform: rotate(225deg); box-shadow: -2px 2px 0 rgba(90, 156, 157, 0.5); content: ""; right: 20px; top: 20px; transition: 0.1s; } .cookie-config-options.open .cookie-arrow { transform: rotate(315deg) !important; } .cookie-config-options { background: var(--background-light); padding: 10px; cursor: pointer; position: relative; } input#required { width: auto; } input#tracking { width: auto; } .cookie-config-configuration .cookie-config-options:nth-child(2) { border-bottom: 1px solid #d5d5d5; } .config-child { display: none; background: #fff; padding: 10px; } .cookie-config-save { padding: 10px; text-align: center; background: #68c567; cursor: pointer; margin: 20px 15px; color: #fff; border-radius: 5px; } .cookie-config-configuration { margin-top: 10px; } .cookie-config-configuration > p { padding: 10px; font-weight: bold; } .cookie-config-description { padding: 10px; font-size: 15px; } .cookie_conflict { position: relative; background: white; z-index: 1; width: 100%; box-shadow: 5px 5px 20px rgb(0 0 0 / 15%); border-radius: 10px; text-align: center; color: #000; margin-bottom: 1rem; padding-inline: 1rem; } form { position: relative; } .cookie_conflict .cookie-option { cursor: pointer; display: inline-block; padding: 7px !important; border-radius: 5px; background: var(--main); width: 100%; color: #fff; margin-bottom: 1rem; } .cookie_conflict p { font-size: 1.2em; font-weight: 600; } /* Tabs */ .tab { overflow: hidden; } /* Style the buttons inside the tab */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .tab button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent, .tabcontentSection { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .multiFormPage form .header-text-wrapper { display: none; } .multiFormPage form .collection_content.header-img { position: inherit; top: 0; right: 0; z-index: 1; height: 100%; width: 100%; } .multiFormPage form #slider-wrapper, .multiFormPage form .collection_list.header .collection_container { height: auto; } .multiFormPage form .form-group label.classLabel { text-align: center; font-size: 24px; } .multiFormPage form .iconfield .material-icons { font-size: 15rem; } .multiFormPage form .collection_content.header-img img { width: 100%; height: 300px !important; } .multiFormPage form .iconfield { text-align: center; padding: 10px; cursor: pointer; font-size: 20px; font-weight: 500; } .contact-button button { background: var(--gradient); color: #ffffff; border: none; padding: 10px 20px; font-size: 17px; cursor: pointer; border-radius: 5px; } div#submit_button { display: block; justify-content: center; } .input_collection_link_checkbox { cursor: pointer !important; } .multiFormPage form .owl-nav { display: none !important; } .img_container.img-option { height: 320px; } .form-group h2 { text-align: center; margin-bottom: 1.2rem; } .faq_headline { margin: 0 0 1rem; } /* Tabs end */ /* Multi-Form */ input { padding: 10px; width: 100%; font-size: 17px; border: 1px solid #727272; border-radius: 5px; } .collection_content.field-1660726655.bildergalerie img { border-radius: 15px; overflow: hidden; } .owl-stage-outer { padding-bottom:50px; } textarea { padding: 10px; width: 100%; font-size: 17px; border: 1px solid #727272; border-radius: 5px; background: none; color: #fff; font-family: inherit; } .contactformular { accent-color: var(--main); } /* Mark input boxes that gets an error on validation: */ input.invalid { background-color: #ffdddd; } .kontaktanfragegruppe .form-group { float: left; width: 100%; padding: 30px; } .kontaktanfragegruppe label { display: flex; align-items: center; } .kontaktanfragegruppe label br { display: none; } .kontaktanfragegruppe .row { display: flex; align-items: center; margin: 0 0 1rem; } .border-none { border: none !important; } /* Hide all steps by default: */ .tab { display: none; } input#input_collection_link_40_value_1 { width: auto; } .kontaktanfragegruppe .input_collection_link_checkbox { text-align: right; display: flex; align-items: center; justify-content: end; width: 30%; } input#input_collection_link_40_value_2 { width: auto; } button { background-color: #04aa6d; color: #ffffff; border: none; padding: 10px 20px; font-size: 17px; cursor: pointer; } button:hover { opacity: 0.8; } .contact-button #prevBtn { background: #787878 !important; } .col-xs-12.all-dishes.all-dishes h4 { color: #fff; } .col-xs-12.all-dishes.all-dishes { padding: 10px 20px; background: var(--gradient); border: 1px solid grey; border-radius: 5px; margin-bottom: 1rem; color: #fff; } /* Make circles that indicate the steps of the form: */ .step { height: 15px; width: 15px; margin: 0 2px; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.5; } .step.active { opacity: 1; } /* Mark the steps that are finished and valid: */ .step.finish { background-color: #04aa6d; } /* Multi-form end */ /* Cookie end */ /* Header */ /* Sticky Header */ #header.sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 3; } /* END Sticky Header */ .header-wrapper { position: fixed; } #header { background: none; padding: 0; } #header a { color: #ffffff; } #header a:hover { color: var(--main); } #header #header_1, #header #header_2, #header #header_3 { float: left !important; } #header #header_1 { width: 35%; } #header #header_2 { width: 50%; text-align: right; padding: 0 !important; } #header div#header_2 li { display: inline-block; padding: 0 10px; } #header #header_3 { width: 15%; } #header ul.level_1 { margin: 0 !important; padding: 0 !important; } #header div#header_3 li { display: inline-block; float: left; } li.level_1.and-more:after { content: ""; background-image: url(/userdata/images/chevron-down.svg); display: block; position: relative; background-repeat: no-repeat; background-size: contain; width: 14px; height: 9px; display: inline-block; } li.level_1.and-more:hover:after { transform: rotate(180deg); background-position: 0px 2px; height: 12px; } .owl-group { max-width: 1560px; margin-left: auto; } .home .fahrplan .event__datum { color: var(--main) !important; } .home .fahrplan .event__subtitle { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .owl-events.owl-theme.owl-carousel.owl-loaded.owl-drag .owl-stage { padding-left: 0 !important; } .owl-group .filter_display { display: none; } #header div#header_3 li i { font-size: 14px; } div#header_3 { margin-top: 11px !important; } #header .component.logo, #header .component.logo .textcontent { height: 100%; } #header_1 img { width: 200px !important; height: 100% !important; object-fit: contain; transition: 300ms; } div#header, #header .container { height: 100%; } div#header, .header-wrapper { height: 80px; width: 100%; z-index: 10; } div#header_1 img { width: 250px; } .sticky-active { position: relative; } /* hamburger menu */ #toggle_navigation, .hamburger-menu { display: none; } li.level_2 { width: 50%; } li.level_2 img { border-radius: 15px; height: 160px; } p.level_2_title { margin-bottom: 0; margin-top: 8px; font-size: 17px; } div#toggle_navigation { float: right; width: auto; padding: 0 !important; height: auto; background: transparent; margin-right: 10px; } .hamburger-menu { background: var(--gradient); position: absolute; width: 100%; top: 100%; left: 0; display: none; } #header .hamburger-menu li.level_1 { padding: 0; border-bottom: 1px solid #fff; } #header .hamburger-menu a { padding: 15px 20px !important; display: block; } #header .hamburger-menu li.level_1:last-child { border-bottom: 0 !important; } #header .hamburger-menu li.level_2 { padding: 20px 0px; color: #fff; } #header .hamburger-menu li.level_1 { list-style-type: none; } #toggle_navigation label.hamburg { display: block; background: transparent; width: 55px; height: 50px; position: relative; margin-left: auto; margin-right: auto; border-radius: 4px; margin: 0; cursor: pointer; } .line { position: absolute; left: 10px; height: 4px; width: 35px; background: #fff; border-radius: 2px; display: block; transition: 0.5s; transform-origin: center; } .line:nth-child(1) { top: 12px; } .line:nth-child(2) { top: 24px; } .line:nth-child(3) { top: 36px; } div#toggle_navigation.active > .hamburg .line:nth-child(1) { transform: translateY(12px) rotate(-45deg); } div#toggle_navigation.active > .hamburg .line:nth-child(2) { opacity: 0; } div#toggle_navigation.active > .hamburg .line:nth-child(3) { transform: translateY(-12px) rotate(45deg); } /* end* Header */ .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } /* Slideshow */ #slider-wrapper { position: relative; } div#slider { height: 100%; position: relative; } div#slider-title .container { width: 100%; } #slider #slider-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #slider div#slider-title h1 { color: #fff; } #slider-wrapper div.slider-untertitle { position: absolute; bottom: 0; width: 100%; background: rgba(55, 55, 55, 0.7); color: #fff; padding: 20px 0; } #slider img { width: 100% !important; height: 100% !important; object-fit: cover; } /* End Slideshow */ /* Pop up Element */ /* .pop-up-element:first-child { display: block; } .pop-up-element { display: none; } */ /* END Pop up Element */ /* Anker Element */ .anker-navi .row { margin: 0 !important; text-align: center; justify-content: center; display: flex; flex-wrap: wrap; } .anker-navi { position: relative; background: rgba(77, 77, 77, 0.7); top: 0; width: 100%; clear: both; font-family: calibri light !important; margin-top: -70px; margin-bottom: 50px; z-index: 9; transition: 0.1s; } .anker-navi.sticky { position: fixed; top: 0; margin: 0 !important; background: rgba(77, 77, 77, 0.7); } .anker-button .textcontent { padding: 10px; display: flex; align-items: center; justify-content: center; transition: 0.3s; font-weight: 600; text-transform: initial; } .anker-button .textcontent:hover, .anker-button.active .textcontent { background: #5a9c9d !important; } .anker-button.button { margin: 0 !important; padding: 0 !important; /* width: 20%; */ width: 16.1666%; border-left: 1px solid #fff; border-bottom: 0; border-top: 0; background: transparent !important; color: #fff; align-items: center; } .anker-button.button:last-child { border-right: 1px solid #fff; } /* END Anker Element */ .d-flex, .d-flex > .row { display: flex !important; } .align-items-center, .align-items-center > .row { align-items: center !important; } /* Footer */ #footer { clear: both; padding: 70px 0 25px 0; background: var(--gradient); font-size: 15px; position: relative; float: left; width: 100%; } .footer-sitemap { height: auto; clear: both; width: 80%; margin: 0 auto; display: block; float: left; margin-bottom: 40px; } .footer-sitemap ul { padding: 0; margin: 0; width: 100%; display: flex; justify-content: center; } /* #footer a:hover { color: #5a9c9d; } */ #footer li { list-style-type: none; } .footer-sitemap li.level_1 { font-weight: 500; font-size: 20px; width: auto; float: left; padding: 0px 20px; } .component.privacy_policy { display: block; } #footer li.level_1 a { margin-bottom: 7px; display: inline-block; color: #fff; } .footer-sitemap li.level_2 { font-weight: normal; font-size: 15px; text-transform: initial; } div#privacy-policy { background: #2d2d2d; padding: 15px 0; clear: both; text-align: right; color: #fff; } div#privacy-policy a { color: #fff; } #privacy-policy .footer-1 { text-align: left; } div#privacy-policy ul li { display: inline-block; padding: 0; padding-left: 15px; } #footer .footer-seo { clear: both; color: #fff; } .seo .footer-1 { border-right: 1px solid #9d9d9c; padding-right: 50px; } .seo .footer-2 { padding-left: 50px; } .footer-links a { color: #b5b5b5; } .footer-links a:hover { color: #5a9c9d !important; } /* End Footer */ .owl-dots { height: 10px; } .owl-dots { position: relative; float: left; width: 100%; height: 20px; } .owl-dot span { height: 10px; width: 10px; background: #ccc; position: relative; float: left; border-radius: 500px; margin: 0 2px; } .owl-dot.active span { position: relative; float: left; height: 10px; width: 10px; background: #7f7f7f; border-radius: 500px; } .owl-dots { position: absolute; width: 100%; height: auto; text-align: center; display: flex; align-items: center; justify-content: center; } .slidecontent_content_container { display: none; } .slidecontent_headline:after { content: ""; position: absolute; right: 15px; width: 10px; height: 10px; border-bottom: 2px solid var(--light-grey); border-right: 2px solid var(--light-grey); transform: rotate(45deg); transition: 300ms; } .slidecontent_headline.active:after { transform: rotate(-135deg); transition: 300ms; margin-top: 5px; } .slidecontent_headline { padding: 10px 40px 8px 0px; cursor: pointer; } .stellen-detail.full_preview .collection_content.title.custom:after { content: "(M/W/D)"; font-size: 0.6em; position: relative; float: left; clear: left; width: 100%; opacity: 0.3; } .stellen-detail.full_preview .collection_content.title.custom { display: block; } .firmen .sidebuttons .collection_content.title.custom { top: unset; } .sidebuttons .collection_content.title.custom { pointer-events: none; } /* .full_preview #content .collection_content.title.custom { padding: 10px 15px; font-size: 1.3em; } */ /*responsive*/ @media only screen and (max-width: 1250px) { .stellen_info_wrapper { width: 100%; padding-right: 0px; } .collection_list.rating { width: 50%; } .collection_content.field-1660745339 { width: 100% !important; margin-top: 1rem; } .collection_content.field-1660745339 .collection_list.firmen { padding-left: 0; } .new-f-img img { border: 5px solid #000; border-radius: 20px; } .new-f-img:before { height: 6px; top: -3px; } .col-xs-12.willkommen.d-flex.align-items-center .row { flex-wrap: wrap; flex-direction: column-reverse; justify-content: center; align-items: center; } .col-xs-12.willkommen.d-flex.align-items-center lottie-player { margin-left: unset; height: 300px !important; width: 300px !important; } div#header, #header .container { height: 100%; width: 100%; padding: 0; } div#header_1, #header_2, #header_3 { padding: 0 !important; margin: 0 !important; } #header #header_2, #header #header_3 { display: none; } div#toggle_navigation { display: block !important; } div#toggle_navigation:hover, div#toggle_navigation:active, div#toggle_navigation:focus { background: transparent; } } @media only screen and (max-width: 1200px) { .collection_list { width: 50%; } } @media only screen and (max-width: 1024px) { .collection_list { width: 50%; } .full_preview .firmendaten .collection_content.field-1660054111.firmenlogo-firma, .full_preview .firmendaten .collection_content.firmenlogo-firma { top: 0 !important; width: 200px !important; height: 90px !important; padding: 10px !important; } .full_preview #content .ausbildungsstellen .firmendaten .collection_content.title { font-size: 19px !important; } .full_preview .firmendaten .collection_content.field-1659970006.hintergrundbild-firma { height: 100% !important; } .collection_list.rating .collection_container { padding: 20px !important; } .full_preview .group-similar-jobs .collection_content.field-1660054136.stellenbild { height: 100% !important; } .full_preview .group-more-jobs .collection_content.field-1660054136.stellenbild { height: 100% !important; } .contactformular { padding-top: 0; padding: 15px; } .anker-navi .container { padding: 0 !important; } .new-f-img img { border: 3px solid #000; border-radius: 12px; } .new-f-img:before { width: 50px; height: 4px; top: -2px; } .stellen-detail.full_preview .ausbildungsstellen .collection_content.field-1660054111 img { padding: 9px; } } @media only screen and (max-width: 992px) { .footer-sitemap ul { flex-wrap: wrap; } div#cookiewarnung { width: 90%; } /* .collection_content.field-1660811325, .collection_content.field-1660726819 { height: 410px !important; } */ .stellen-detail.full_preview .ausbildungsstellen .collection_content.company.custom { text-align: center !important; } .full_preview .collection_content.field-1660054136, .full_preview .collection_content.field-1659970006 { height: 380px !important; } .full_preview #content .ausbildungsstellen .collection_content.title { width: 100% !important; justify-content: center !important; text-align: center; } .full_preview .collection_full .collection_content.field-1660054111, .full_preview .collection_full .collection_content.firmenlogo-firma { top: 181px; left: 50%; transform: translateX(-50%); border-radius: 0 0 15px 15px; } .full_preview #content .ausbildungsstellen .collection_content.title { min-height: 111px; } .collection_full.ausbildungsstellen { padding-top: 0rem; } .collection_full.ausbildungsstellen .collection_content.field-1660745339 .collection_list.firmen { padding: 15px; } .collection_list.rating { width: 100%; } h2#ueber-mysyde { padding: 10px; } .vergleich { height: 500px !important; } .twentytwenty-container { height: 450px !important; } h1 { font-size: 2.7rem; } #header #header_1 { width: 50%; } .anker-navi.sticky { position: relative !important; } } @media only screen and (max-width: 768px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 5px; padding-right: 5px; } .faq_group_container .faq_question_box { padding: 5px 34px 8px 15px; } .container { padding-left: 10px; padding-right: 10px; } .new-f-text { padding: 0 0 30px; } .highlight-group { border-bottom: 1px solid #fff; } .highlight-group.odd .row { flex-direction: column-reverse; } .row { flex-wrap: wrap; } .collection_list.bugfixes { width: 50%; } h1 { font-size: 2.3rem; } h2 { font-size: 28px; } .pop-up-button { margin-top: 1rem; } .pop-up-button-group .row { flex-wrap: wrap; margin-left: 7px; } .col-xs-12.willkommen.d-flex.align-items-center lottie-player { width: 100% !important; } .col-xs-12.willkommen.d-flex.align-items-center { padding: 0; } #slider div#slider-title { padding: 0 20px; } .anker-button.button { width: 100%; border-bottom: 1px solid #fff; } #footer .footer-1, #footer .footer-2, #footer .footer-3, #footer .footer-4 { text-align: center; margin-bottom: 25px; } .footer-sitemap li.level_1 { width: 50%; margin-bottom: 30px; } .seo .footer-1 { padding: 0 20px; border: 0; } .seo .footer-2 { padding: 0; } #privacy-policy .footer-1, div#privacy-policy { text-align: center !important; } div#privacy-policy ul { padding: 0 !important; margin: 0 !important; } .component.privacy_policy { padding: 20px 0 0 0; } div#cookiewarnung { font-size: 13px !important; } } @media only screen and (max-width: 600px) { .collection_list { width: 100%; } /* .collection_content.field-1660811325, .collection_content.field-1660726819 { height: 170px !important; } */ .firmen-coll.full_preview .collection_content.field-1659970156, .firmen-coll.full_preview .collection_content.field-1659970193, .firmen-coll.full_preview .collection_content.field-1659970182 { width: 100%; } .firmen-coll.full_preview .quick-firmen-facts { flex-wrap: wrap; gap: 0; } .pop-up-button { width: 40% !important; float: left !important; } .pop-up-button .textcontent { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .collection_content.field-1655053570 { min-width: 47px; } .bugfixes-collection { padding-left: 0 !important; margin-left: 0px !important; padding-right: 0 !important; } .collection_list.bugfixes { width: 100%; } .vergleich { height: 360px !important; } .pb-5 { padding-bottom: 1rem !important; } .twentytwenty-container { height: 360px !important; } } @media only screen and (max-width: 500px) { .firmen-coll.full_preview .collection_content.company.custom { /* margin-bottom: 73px !important; */ } .firmen-coll.full_preview .collection_full.firmen .collection_container.Praktikum .collection_content.company.custom { margin-bottom: unset!important; } .full_preview #content .ausbildungsstellen .collection_content.title { font-size: 25px !important; min-height: 80px; } .filegallery_content .sitepart_3 { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; flex-direction: column !important; align-items: center !important; gap: 30px; } .filegallery_content { margin-top: 0rem !important; } .filegallery_content_file a { display: flex; align-items: center; gap: 5px; } .filegallery_content_file a:before { position: absolute !important; left: unset !important; transform: unset !important; top: unset !important; position: relative !important; float: left !important; } .gallery-style .owl-nav { display: flex !important; justify-content: center; } .collection_content.field-1661160321.special-info { font-size: 14px; } .full_preview .collection_content.field-1660054136, .full_preview .collection_content.field-1659970006 { height: 250px !important; width: calc(100% + 60px) !important; transform: translateX(-30px); } .full_preview .collection_content.field-1660054136 img, .full_preview .collection_content.stellenbild img { border-radius: 15px !important; } .collection_full.ausbildungsstellen { padding-top: 3rem; } .full_preview .collection_full .collection_content.field-1660054111, .full_preview .collection_full .collection_content.firmenlogo-firma { top: 132px; width: 120px; height: 60px; } .full_preview .ausbildungsstellen .collection_container .field-1660054084, .collection_content.company.custom { font-size: 12px !important; } .new-f-img img { border: 2px solid #000; border-radius: 10px; } .new-f-img:before { width: 32px; height: 3px; top: -1px; } div#content, .main-screen { padding: 30px 0 !important; } .pop-up-element { padding: 30px 10px !important; } .vergleich { height: 260px !important; } .container { min-width: 250px; } .twentytwenty-container { height: 260px !important; } div#slider-wrapper { height: auto !important; } #slider-wrapper div.slider-untertitle { position: relative; background: rgba(55, 55, 55, 0.9); } #slider div#slider-title { padding: 0 20px !important; } .footer-sitemap li.level_1 { width: 100%; text-align: center; } h2 { margin-top: 0px; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } .surveyInput { width: inherit; } .pop-up-element .row { z-index: 1; padding: 40px !important; background: rgb(4 4 4 / 20%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 15px; border: 2px solid var(--akzentfarbe); max-width: 1440px; margin: 0 auto; color: #fff; display: -webkit-box; } .pop-up-element .row :is(li, p, a, span, strong, b, em, ul, li, h2, h1, h3) { color: #fff !important; } .pop-up-element { z-index: 1; padding: 30px; } .pop-up-element { display: none; } .pop-up-element:first-child { display: block; } .pop-up-button-group .row { display: flex; justify-content: center; } .pop-up-element .row:after { content: "X"; background: #e35353; height: 30px; width: 30px; position: absolute; right: -15px; top: -15px; text-align: center; border-radius: 5000px; line-height: 1.7; padding-left: 2px; cursor: pointer; } .pop-up-element .row { cursor: pointer; } .pop-up-element.current { display: block; } .pop-up-button { background: #f5f7fb; width: auto; padding: 10px 20px; text-align: center; border: 1px solid #d7dcde; border-radius: 5px; float: left; margin-right: 1rem; cursor: pointer; } .pop-up-button.current { background: var(--gradient); color: #fff; border: 1px solid #294d5d; } .slideshow_content_inner { text-align: left !important; } .slideshow_text_inner { color: #fff; font-size: 3.6em; font-weight: 400; line-height: 1.3; } #slider-wrapper .slideshow_content.container:after { content: ""; left: 0; top: 0; width: 100%; height: 100%; position: absolute; background: linear-gradient(0deg, var(--background), transparent); z-index: 0; } #slider-wrapper .slideshow_content_inner { z-index: 1; position: relative; } /* .icon-nav { width: 20% !important; } */ .coming-events .filter_display { display: none; } .collection_full .collection_content.field-1660054111, .collection_full .collection_content.firmenlogo-firma { max-width: 300px; margin-right: auto; float: unset; border-radius: 15px; } .full_preview .collection_content.field-1660054136, .full_preview .collection_content.field-1659970006 { position: relative !important; float: left !important; display: block !important; width: 100%; height: 100%; margin-bottom: 2rem; } .first-coll .field-1660053923 { position: absolute; transform: translate(30%, -30%); background: yellow; width: 110px; border-radius: 500px; height: 110px; display: flex; align-items: center; justify-content: center; padding: 20px; text-align: center; font-weight: bold; right: 0; } .company-box .row { background: #fff; padding: 40px; border-radius: 15px; } .position-box .row { background: #fff; padding: 40px; border-radius: 15px; } body { background: var(--background) !important; } .main-screen { background: var(--background); } .main-screen.grey { background: var(--background-light) !important; } /*collection style*/ /* .icon-nav .collection_container { border: 2px solid var(--main); border-radius: 10px; padding: 20px 5px; display: flex; align-items: center; justify-content: center; flex-direction: column-reverse; text-align: center; min-height: 220px; transition: 200ms; } */ .collection_content.field-1660033368 { width: 40px; height: 40px; display: block; position: relative; float: left; max-width: unset; margin-bottom: 20px; transition: 200ms; } /* .collection_list.icon-nav { padding: 20px; } */ .collection_content.field-1660033418 a { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; } .collection_content.title.custom { font-size: 1.2em; } .spacing { width: 100%; float: left; padding: 2.5rem 0; } .popping .collection_list.Praktikum, .popping .collection_list.stellen { opacity: 1 !important; } .collection_list.firmen .collection_container:hover .collection_content.field-1659970514 { opacity: 1 !important; transition: 200ms; } .collection_list.firmen .collection_container, .collection_list.ausbildungsstelle .collection_container { overflow: hidden; font-size: 17px; user-select: none; } .collection_list .collection_container { background-color: #4b4b4b; position: relative; height: 520px; padding: 0; margin: 0; border-radius: 15px; -webkit-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 59%); -moz-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.59); box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 59%); overflow: hidden; } /* .icon-nav.collection_list .collection_container { height: 200px; background: none; } */ .icon-nav .collection_container:hover { color: var(--main); background: var(--background-light); } .collection_list.ausbildungsstellen { padding: 20px; } .collection_content.field-1660054111, .collection_content.firmenlogo-firma, .collection_content.firmenlogo-stelle { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 70%; margin: 0 auto; height: 105px; background: #fff; display: flex; align-items: center; justify-content: center; z-index: 3; overflow: hidden; padding: 25px; font-weight: 500; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; user-select: none; } .collection_content.field-1660054111 img, .collection_content.firmenlogo-firma img, .collection_content.firmenlogo-stelle img, .stellen-detail.full_preview .ausbildungsstellen .collection_content.company-img.firmenlogo-stelle img { width: 100%; height: 100% !important; object-fit: contain; } .collection_content.field-1659970006, .collection_content.stellenbild, .collection_content.field-1660054136 { position: absolute; top: 0; height: 100%; left: 0; width: 100%; overflow: hidden; border-radius: 15px; user-select: none; } .collection_content.field-1660054136 img, .collection_content.stellenbild img { object-fit: cover; height: 100% !important; width: 100%; } .collection_list.ausbildungsstelle .collection_link { position: absolute; bottom: 70px; text-align: center; display: block; width: 100%; transition: 0.3s; opacity: 0; z-index: 9; height: auto; margin-top: 40px; } .collection_content.collection_link a { background: var(--main); padding: 15px 25px; border-radius: 30px; color: #fff; padding-right: 40px; } .collection_content.field-1660053923 { color: white; font-weight: 100; position: absolute; transform: rotate(-45deg); letter-spacing: 1px; z-index: 9; top: 63px; font-size: 13px; left: -31.5px; padding-left: 29px; margin-top: -10px; } .collection_content.field-1660053923:before { background: #30bced; content: ""; width: 210px; height: 160px; position: absolute; margin-top: -8px; left: -13px; clip-path: polygon(72.1% 0%, 91.1% 25%, 5% 23%, 22.6% 0%); z-index: -1; } .collection-overlay { position: absolute; bottom: 0; z-index: 2; background: rgba(34, 38, 41, 0.75); width: 100%; height: 220px; color: #fff; text-align: center; transition: height 0.4s ease-out; backdrop-filter: blur(3px); border-radius: 15px 15px 0 0; } .stellen-overview .collection-overlay { height: 260px; } .collection-overlay:before { content: ""; position: absolute; left: 50%; bottom: 23px; height: 30px; width: 30px; transform: translateX(-50%); background: url(/userdata/images/mouse.png); background-size: contain; background-position: center; background-repeat: no-repeat; transition: 200ms; opacity: 1; } .collection_list.firmen .collection_container:hover .collection-overlay:before { opacity: 0; transition: 200ms; bottom: 0; } .home .ausbildungsstellen .collection_container:hover .collection-overlay:before, .stellen-overview .ausbildungsstellen .collection_container:hover .collection-overlay:before { opacity: 0; transition: 200ms; bottom: 0; } .collection_list.firmen .collection_container:hover .collection-overlay { height: 100%; transition: 400ms; border-radius: 0; } .home .ausbildungsstellen .collection_container:hover .collection-overlay, .stellen-overview .ausbildungsstellen .collection_container:hover .collection-overlay, .group-more-jobs .ausbildungsstellen .collection_container:hover .collection-overlay, .weitere-jobs-firma .ausbildungsstellen .collection_container:hover .collection-overlay, .group-similar-jobs .ausbildungsstellen .collection_container:hover .collection-overlay { height: 100%; transition: 400ms; border-radius: 0; } .group-more-jobs .stellen_info_wrapper { display: none; } .home span.field_description_title { display: none; } .stellen-overview span.field_description_title { display: none; } .collection_list.firmen .collection_container:hover .field-1660054111, .ausbildungsstellen .collection_container:hover .field-1660054111, .collection_list.firmen .collection_container:hover .firmenlogo-firma { opacity: 0; transition: 200ms; } .collection_list.firmen .collection_container:hover .field-1660053792, .home .ausbildungsstellen .collection_container:hover .field-1660053792, .praktika .ausbildungsstellen .collection_container:hover .field-1660053792, .more-jobs .ausbildungsstellen .collection_container:hover .field-1660053792, .stellen-overview .ausbildungsstellen .collection_container:hover .field-1660053792 { opacity: 1; transition: 200ms; top: 220px; width: 90%; left: 50%; transform: translateX(-50%); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; padding: 0; text-align: center; } .field-1660053792, .field-1659970156, .field-1659970182, .field-1659970193, .field-1659970514 { opacity: 0; position: absolute; top: 200px; transition: 0.3s; text-align: left; z-index: 5; overflow: hidden; color: #fff; text-align: center; width: 100%; user-select: none; padding: 25px; left: 50%; transform: translateX(-50%); } .full_preview .field-1660053792, .full_preview .field-1659970156, .full_preview .field-1659970182, .full_preview .field-1659970193, .full_preview .field-1659970514 { opacity: 1; } .field-1659970514 { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; margin-bottom: 1rem; text-align: center !important; padding: 25px 25px 0px 25px !important; } .collection_list.firmen .collection_container .collection_link a, .ausbildungsstellen .collection_container .collection_link a { opacity: 0; z-index: 2; position: relative; background: var(--main); border-radius: 500px; color: #fff; width: 150px; height: 100%; display: flex; align-items: center; justify-content: center; } .ausbildungsstellen .collection_link, .firmen .collection_link { z-index: 41; float: left; width: 240px; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); height: 46px; display: flex; align-items: center; justify-content: center; } .collection_list.firmen .collection_container:hover .collection_link a { opacity: 1; bottom: 40px; transition: 200ms; } .home .ausbildungsstellen .collection_container:hover .collection_link a, .stellen-overview .ausbildungsstellen .collection_container:hover .collection_link a { opacity: 1; bottom: 40px; transition: 200ms; } .collection_content.gender { opacity: 0; transition: 200ms; } .collection_list.firmen .collection_container:hover .collection_content.gender, .ausbildungsstellen .collection_container:hover .collection_content.gender { opacity: 0.3; transition: 200ms; margin-top: 30px; margin-bottom: 10px; font-size: 11px; } .collection_list.firmen .collection_content.title { font-size: 1.3em !important; position: relative; height: auto; display: flex; justify-content: center; align-items: flex-end; padding: 0px 10px; font-weight: 500; } .ausbildungsstellen .collection_content.title { font-size: 1.3em; position: relative; height: auto; display: flex; justify-content: center; align-items: flex-end; padding: 0px 10px; font-weight: 500; hyphens: auto; } .stellen-detail.full_preview .stellen_info_wrapper .ausbildungsstellen .collection_container:hover .field-1660053792 { display: none; } .berufe .collection_content.title:after { content: ""; position: absolute; width: 80px; height: 6px; background: var(--main); z-index: 99999; bottom: -35px; left: 50%; border-radius: 9px; transform: translateX(-50%); transition: 200ms; } .berufe .collection_container:hover .collection_content.title:after { bottom: -15px !important; transition: 200ms; } .ausbildungsstellen .collection_container .field-1660054084, .ausbildungsstellen .collection_container .companyTitle { margin-top: 5px; transition: 0.3s; position: relative; font-size: 15px; } .ausbildungsstellen .collection_container:hover .field-1660054084 { opacity: 0; transition: 200ms; } /* .collection_list.firmen .collection_container:hover .collection_link a:after, .ausbildungsstellen .collection_container:hover .collection_link a:after { content: "›"; position: relative; float: right; width: auto; padding: 0px 5px 0 10px; transition: 200ms; font-size: 1.6em; line-height: 0.7; } */ .collection_list.firmen .collection_container:hover .collection_link a:hover:after, .ausbildungsstellen .collection_container:hover .collection_link a:hover:after { padding: 0 0px 0 15px; transition: 200ms; } .collection_list.firmen .collection_container:hover .collection_link a:hover, .ausbildungsstellen .collection_container:hover .collection_link a:hover { box-shadow: 0 0 15px rgb(0 0 0 / 30%); } .collection_list.firmen .collection_container:hover .collection-overlay > div { opacity: 1; } .ausbildungsstellen .collection_container:hover .collection_content.field-1660053923 { opacity: 0; transition: 200ms; } .ausbildungsstellen .collection_container .collection_content.field-1660053923 { opacity: 1; transition: 200ms; } /*END - collection style*/ .company-box .row { background: url(/userdata/images/company-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 59%); } .position-box .row { background: url(/userdata/images/position-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 59%); } .position-box h2, .company-box h2 { font-size: 3vw; font-weight: 600 !important; color: var(--font-dark); } .company-box .row > .textcontent { color: #666; font-weight: 600; font-size: 1.2em; } .position-box .row > .textcontent, .company-box .row > .textcontent { color: #666; font-weight: 600; font-size: 1.2em; } .position-box .company-counter, .position-box .position-counter { background: var(--accent); width: 160px; height: 160px; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; border-radius: 500px; } .company-box .company-counter, .company-box .position-counter { background: var(--main); width: 160px; height: 160px; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; border-radius: 500px; } .company-counter .textcontent, .position-counter .textcontent { display: flex; align-items: center; justify-content: center; flex-direction: column; } .company-counter .textcontent strong, .position-counter .textcontent strong { font-size: 3em; } .company-counter { margin-top: 60px; } .company-box .link a { position: absolute; right: 40px; bottom: 40px; background: var(--main); padding: 11px 20px; border-radius: 500px; color: #fff; } .position-box .link a { position: absolute; right: 40px; bottom: 40px; background: var(--accent); padding: 11px 20px; border-radius: 500px; color: #fff; } .position-box .link a:after, .company-box .link a:after { content: "›"; position: relative; float: right; width: auto; padding: 0px 5px 0 10px; transition: 200ms; font-size: 1.6em; line-height: 0.7; } .position-box .link a:hover:after, .company-box .link a:hover:after { padding: 0 0 0 15px; transition: 200ms; } .position-box .link a:hover, .company-box .link a:hover { box-shadow: 0 0 15px rgb(0 0 0 / 30%); } .quick strong { font-size: 3em; color: #fff; font-weight: 500; } .quick { font-size: 1.4em; font-weight: 600; color: #555; } .firmen .collection-overlay > div { position: relative; top: 80px; } .firmen .collection_content.gender { display: none; } .collection_full .collection_content { position: relative; float: left; display: block; width: 100%; float: left; padding: 10px 0; text-align: left; top: unset; } .collection_full .collection_content.collection_group { display: none; } .firmen .collection_content.title.custom { bottom: unset; z-index: 1; position: absolute; width: 100%; opacity: 1; transition: 200ms; top: 30px; } .full_preview .collection_content.field-1660056054, .full_preview .collection_content.hintergrund-beruf { display: none; } .collection_content.field-1659970156, .collection_content.field-1659970193, .collection_content.field-1659970182 { border: 1px solid var(--main); width: 240px; border-radius: 10px; padding: 10px; margin-bottom: 1rem; } /* .collection_content.title.custom:after { content: ''; width: 60px; height: 5px; background: var(--main); position: absolute; left: 50%; transform: translateX(-50%); top: 104px; border-radius: 20px; } */ .collection_list.firmen .collection_container:hover .collection_content.title.custom:after { opacity: 0; } .slideshow_text2 { color: var(--main); font-size: 1.5em; } .slideshow_content.container { height: 100%; } #slider .owl-carousel-item { position: relative; float: left; width: 100%; display: block; } .slideshow_box { top: -80px; position: relative; margin-bottom: -80px; } .home div#content { padding-top: 0 !important; } .collection_list.sidebuttons .collection_container { height: 108px; background: #fff; color: #000; display: flex; align-items: center; justify-content: flex-start; box-shadow: none; width: 262px; border-radius: 15px 0 0 15px; right: 0; transition: 300ms; } .collection_list.sidebuttons .collection_container:hover { right: 0; /* overflow: unset; */ } div#sideButtons .component.sidebuttons { position: absolute; right: 0; top: 150px; display: flex; flex-direction: column; align-items: center; gap: 20px; justify-content: center; z-index: 10; width: 30px; overflow: hidden; } div#sideButtons .component.sidebuttons:hover { overflow: unset; } .collection_list.sidebuttons .collection_container:hover { right: 232px; /* overflow: unset; */ } .collection_list.sidebuttons { padding: 0; width: 100%; } .collection_content.sidebutton_img { margin-left: 30px; padding: 10px; margin-left: auto; margin-right: auto; padding-left: 45px; } .collection_content.sidebutton_link a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .collection_list.sidebuttons .collection_content.title.custom { transform: rotate(-90deg); background: var(--main); color: #fff; text-align: center; font-size: 0.8rem; white-space: nowrap; width: 110px; height: 30px; display: flex; align-items: center; justify-content: center; text-overflow: ellipsis; overflow: hidden; position: absolute; right: 192px; } .collection_content.sidebutton_img img { max-height: 100px; } @media (min-width: 674px ) { div#sideButtons .component.sidebuttons { position: fixed; } } div#footer .container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: row; z-index: 1; } div#footerLogo { width: 20%; } #footerLogo img { width: 100% !important; height: 100%; object-fit: contain; } div#footer { height: 460px; display: flex; align-items: center; justify-content: center; z-index: 0; } div#footer-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-weight: 800; font-size: 13vw; text-transform: uppercase; z-index: -1; } .component.footer-bg { height: 100%; position: relative; float: left; display: flex; align-items: center; justify-content: center; } .component.footer-bg .textcontent { height: auto; opacity: 0.05; } .footer-sitemap a:hover { color: var(--main) !important; } .component.privacy_policy ul { margin: 0; } div#privacy-policy { padding: 10px 0; } .component.privacy_policy a:hover { opacity: 1; } .component.privacy_policy a { opacity: 0.6; } .header-wrapper.fixed-header { background: #2d2d2d85 !important; backdrop-filter: blur(5px) !important; } .header-wrapper.fixed-header #header_1 img { width: 150px !important; transition: 300ms; } .jobs-overview #content, .firmen #content, .stellen-overview div#content, .praktika div#content { margin-top: -180px !important; z-index: 3; } @media (max-width: 992px) { .firmen #content { margin-top: -160px !important; } } @media (max-width: 400px) { .stellen-overview div#content { margin-top: -100px !important; } } .collection_list.breufe .collection_container { height: 250px !important; } .collection_list.berufe .collection_container { height: 300px; } .collection_list.berufe .collection_container:before { content: ""; position: absolute; left: 50%; bottom: 40px; height: 30px; width: 30px; transform: translateX(-50%); background: url(/userdata/images/mouse.png); background-size: contain; background-position: center; background-repeat: no-repeat; transition: 200ms; opacity: 1; z-index: 1; } .collection_list.berufe .collection_container:hover:before { opacity: 0; transition: 200ms; bottom: 0; } .collection_list.berufe .collection_content.title.custom { z-index: 1; position: relative; float: left; margin-top: -120px; font-size: 1.4em; padding: 0 20px; text-align: center; hyphens: auto; } .collection_content.field-1660056054, .collection_content.hintergrund-beruf { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; display: block; } .nav_description { color: #c2c2c2; font-size: 13px; } #header .level_2_container { position: absolute; border-radius: 15px; transition: 300ms; top: 40px; left: 0; padding: 30px; background: var(--background); width: 100%; height: auto; display: none; box-shadow: 0px 3px 6px #0000005c; } .level_2_container:before { content: ""; background: red; width: 100%; height: 28px; left: 0; top: -16px; position: absolute; opacity: 0; } li.level_2 img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: 0.5s; } li.level_2:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } li.level_2 img { border-radius: 15px; height: 160px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: 0.5s; } .collection_content.bewertung-bild img { width: 60px; height: 60px; border-radius: 999px; overflow: hidden; object-position: top; border: 1px solid #e1e1e1; flex-shrink: 0; } .collection_content.bewertung-text { margin: 0 0 2rem; position: relative; padding-top: 3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 15; overflow: hidden; } .rating-detail { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 10px; align-items: center; position: absolute; bottom: 30px; } .rating .collection_content.title.custom { font-size: 18px; font-weight: 600; } .filegallery_content { float: left; width: 100%; margin-top: 6rem; } .filegallery_content .sitepart_3 { display: flex; justify-content: space-between; padding: 30px; } .filegallery_content_file a { color: #fff; } .filegallery_content_file a:hover { color: var(--main); } .filegallery_content_file a { position: relative; } .filegallery_content_file a:before { content: ""; background-image: url(/userdata/images/file-earmark-arrow-down.svg); width: 40px; height: 40px; background-repeat: no-repeat; background-size: contain; position: absolute; left: 50%; transform: translateX(-50%); top: -60px; } .collection_content.beitrittsdatum { font-size: 15px; opacity: 0.5; } .collection_list.rating .collection_container { padding: 30px; height: auto; background: #fff; color: var(--font-dark); min-height: 560px; display: flex; flex-direction: column; justify-content: space-between; } .collection_content.bewertung-text:before { content: '"'; font-size: 100px; line-height: 1; position: absolute; top: 0; left: 0; color: var(--main); } .full_preview .more-jobs .ausbildungsstellen .collection_container:hover .field-1660054111, .full_preview .more-jobs .ausbildungsstellen .collection_container:hover .firmenlogo-firma { opacity: 0 !important; } .full_preview .more-jobs .ausbildungsstellen .collection_container:hover a.button { opacity: 1 !important; } .full_preview .group-similar-jobs .ausbildungsstellen .collection_container:hover a.button { opacity: 1 !important; } .full_preview .group-similar-jobs .ausbildungsstellen .collection_container:hover .collection-overlay:before { opacity: 0 !important; } .full_preview .more-jobs .ausbildungsstellen .collection_container:hover .collection-overlay:before { opacity: 0 !important; } .full_preview .group-similar-jobs .ausbildungsstellen .collection_content.title { justify-content: center !important; } .full_preview .group-similar-jobs .ausbildungsstellen .collection_container:hover .field-1660054111, .full_preview .group-similar-jobs .ausbildungsstellen .collection_container:hover .firmenlogo-firma { opacity: 0 !important; } li.level_2 { overflow: hidden; } .collection_content.field-1662110387 { position: absolute; left: 50%; transform: translateX(-50%); width: 90%; padding: 20px; top: 230px; opacity: 0; padding-bottom: 0; } .ausbildungsstellen .collection_container:hover .collection-overlay .collection_content.field-1662110387 { opacity: 1; top: 190px; } #header li.level_1:hover .level_2_container { display: block; transition: 300ms; width: 100%; height: auto; } .firmen .collection_content.companyTitle.custom:after { content: ""; width: 60px; height: 5px; background: var(--main); position: absolute; left: 50%; transform: translateX(-50%); top: 40px; border-radius: 20px; } ul.level_2 { padding: 0; display: flex; justify-content: flex-start; text-align: left; } .berufe .collection_container { display: flex; align-items: center; justify-content: center; } .berufe .collection_container:hover .collection_content.field-1660056054, .berufe .collection_container:hover .collection_content.hintergrund-beruf { transform: scale(1.1); transition: 400ms; } .berufe .collection_container .collection_content.field-1660056054, .berufe .collection_container .collection_content.hintergrund-beruf { transition: 400ms; } .berufe .collection_container .collection_content.field-1660056054:before, .berufe .collection_container .collection_content.hintergrund-beruf:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 26%); } .collection_content.field-1660811280, .collection_content.field-1660726655 { width: 100%; position: relative; float: left; } .collection_content.field-1660811325, .collection_content.field-1660726819 { width: 100%; display: flex; align-items: center; justify-content: center; /* height: 670px; */ } .collection_content.field-1660811280 .owl-nav.disabled, .collection_content.field-1660726655 .owl-nav.disabled { display: block; display: flex; justify-content: center; } .full_preview #content .ausbildungsstellen .collection_content.title { width: 70%; font-size: 2.3em; font-weight: 600; } .firmendaten .collection_content.field-1659970006.hintergrundbild-firma { padding: 0; } .stellen-detail.full_preview .ausbildungsstellen .collection_content.company.custom { text-align: left; margin-bottom: 5px; } .stellen-detail.full_preview .firmen .collection_content.title.custom { text-align: center !important; justify-content: center !important; width: 100% !important; padding: 10px !important; } /* .stellen_info_wrapper span.field_description_title { border: 1px solid var(--main); padding: 20px!important; border-radius: 10px; margin-bottom: 1rem; } */ ul li { color: #fff; } .full_preview .collection_full.ausbildungsstellen .collection_content.field-1660053923 { display: none; } .full_preview .collection_content.field-1660054136 img, .full_preview .collection_content.stellenbild img { object-fit: cover; height: 100% !important; width: 100%; border-radius: 25px; } .full_preview .ausbildungsstellen .collection_container:hover .field-1660054084 { opacity: 0.3; } .full_preview .ausbildungsstellen .collection_container .field-1660054084, .collection_content.company.custom { width: 100%; text-align: center; margin-bottom: 40px; margin-top: 0; font-size: 1.4em; opacity: 0.3; } /* .stellen_info_wrapper span.field_description_title { border: 1px solid var(--main); padding: 10px 17px!important; border-radius: 10px; margin-bottom: 1rem; cursor: pointer; font-size: 19px; } */ .full_preview .pop-up-element { width: 100%; position: relative; float: left; padding: 20px; margin-top: 20px; background: var(--background); border-radius: 10px; } .pop-up-button { background: #bababa !important; color: #fff; border: none !important; border-radius: 10px; } .pop-up-button.current { background: var(--main) !important; color: #fff; border: none; } .collection_content.field-1660744095 .textcontent, .collection_content.field-1660744095 .textcontent li, .collection_content.field-1660744095 .textcontent ul { color: #fff; } .full_preview #area-2 .firmen .collection_content.title { display: block !important; top: -320px; opacity: 1; transition: 200ms; } .full_preview #area-2 .firmen .collection_container:hover .collection_content.title { opacity: 0; transition: 200ms; } .collection_full.firmen .field-1660053792, .collection_full.firmen .field-1659970156, .collection_full.firmen .field-1659970182, .collection_full.firmen .field-1659970193, .collection_full.firmen .field-1659970514 { opacity: 1; } .firmen-coll.full_preview .firmen .collection_content.gender, .firmen-coll.full_preview .firmen .collection_content.title { display: block; } .collection_content.field-1661500583 { color: #777; } .hero-wrapper .row { position: relative; } .hero-text-content { left: 50%; top: 30%; transform: translate(-50%, -50%); position: fixed; z-index: 0; width: 100%; } #slider-wrapper { max-height: 1080px; overflow: hidden; } .hero-image-wrapper .textcontent { position: relative; } img.burg { position: absolute; z-index: 1; left: 0; top: 0; object-position: 0px 60px; /* -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; */ } @media (max-width: 1300px) { img.burg { object-position: 0px 100px; } } img.himmel { position: relative; z-index: -1; top: 0; left: 0; animation: scale 40s linear infinite; overflow: hidden; } @keyframes scale { 50% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } } img.kirche { position: absolute; z-index: 2; top: 0; left: 0; object-position: 0px 60px; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } div#slider-wrapper:after { content: ""; background: linear-gradient( 180deg, rgba(34, 38, 41, 0) 0%, rgba(34, 38, 41, 1) 100% ); width: 100%; height: 350px; position: absolute; left: 0; bottom: 0; z-index: 1; } .hero-text-content h6 { font-size: 23px; } div#header:after { content: ""; background: linear-gradient( 0deg, rgba(34, 38, 41, 0) 0%, rgba(34, 38, 41, 1) 100% ); width: 100%; height: 80px; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0.5; } .hero-text-content h1 { font-size: 60px; } .scroll-downs { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 34px; height: 55px; } .firmen-coll.full_preview .collection_content.field-1659970006.hintergrundbild-firma { height: 500px; } .mousey-wrapper { position: absolute; z-index: 999; left: 50%; transform: translateX(-50%); bottom: 170px; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: none !important; } .mousey { width: 3px; padding: 10px 15px; height: 35px; border: 2px solid var(--main); border-radius: 25px; opacity: 0.75; box-sizing: content-box; } .scroller { width: 3px; height: 10px; border-radius: 25%; background-color: var(--main); animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94); animation-iteration-count: infinite; } @keyframes scroll { 0% { opacity: 0; } 10% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(15px); opacity: 0; } } .hero-text-content .textcontent { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /* Jan's */ /* nav */ .home .nav__block { float: left; display: flex; align-items: center; justify-content: center; width: 100%; margin-top: -120px; position: relative; z-index: 2; } .home .nav__block .row { border-radius: 17px; float: left; padding: 48px 48px 72px 48px; display: flex; justify-content: space-between; /* flex-wrap: wrap; */ /* justify-content: space-between; */ height: 500px; } .home .nav__block .icon-nav { position: relative; width: 223px; height: 50%; /* display: flex; flex-wrap: wrap; */ } .icon-nav-wrapper .icon-nav { width: 48% !important; float: left; display: flex; flex-wrap: wrap; /* height: 100%; */ /* margin-left: 24px; */ } .collection_list.icon-nav:first-child { position: relative; width: 40%; height: calc(100% + 24px) !important; } .icon-nav-wrapper { width: 60%; float: left; height: 100% !important; display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: 24px; } .icon-nav-wrapper .icon-nav:first-child { height: 50% !important; float: left; padding-top: 0 !important; margin-bottom: 24px; } .icon-nav-wrapper .icon-nav { position: relative; width: 40%; height: 100%; } .home .swhas_wrapper .swhas-banner { transition-duration: 200ms; z-index: 1; } .home .nav__block .collection_list { padding: 0px; transition-duration: 200ms; } .home .nav__block .collection_list:hover { transform: scale(1.1); } .home .nav__block .icon-nav .collection_container { height: 100%; width: 100%; padding: 18px !important; box-shadow: none; display: flex; flex-direction: column; justify-content: end; } .home .nav__block .nav__bg { position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; left: 0; } .home .nav__block .nav__bg::after { content: ""; position: absolute; background: transparent linear-gradient(0deg, #1a1a1aab 20%, #41414124 100%) 0% 0% no-repeat padding-box; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; } .home .nav__block .icon-nav-wrapper .title { z-index: 9; position: relative; font-size: 18px; } .home .nav__block .title { z-index: 9; position: relative; font-size: 24px; font-weight: 500; } .home .nav__block .nav__subtitle { z-index: 9; font-size: 14px; color: #d2d2d2; position: relative; } #footer .level_2_container { display: none; } .home .nav__block .nav__link { z-index: 9; position: absolute; width: 100%; height: 100%; opacity: 0; top: 0; left: 0; } .home .nav__block .nav__link a { z-index: 9; position: absolute; width: 100%; height: 100%; opacity: 0; top: 0; left: 0; } /* Navgation */ lottie-player { margin-left: auto; } .next .collection_content.title.custom { font-size: 1.3rem; font-weight: 600; padding: 0 0 0.5rem; } .input_collection_link_checkbox.col-md-12.iconfield-no-border { padding: 0; } .input_collection_link_input_linked.col-md-12.iconfield-no-border { padding: 10px 0; } .input_collection_link_input_linked.col-md-12.iconfield-no-border { padding: 0; } .faq_nearest_search { display: none; } .form-group.input_collection_link_checkbox.col-md-12.iconfield { padding: 0; } .col-md-12.surveyFields { padding: 0; } .form-group { width: 100%; } .form-group.input_collection_link_checkbox.col-md-12.iconfield { width: auto; } div#submit_button { float: left; width: 100%; } div#submit_button input#button { background: var(--main) !important; color: #fff; margin: 10px 0; border: none; cursor: pointer; width: 100%; } .form-group { float: left; padding: 10px 0; } .contactformular h3 { font-size: 22px; } .collection_list.next .collection_container:before { content: ""; background: var(--gradient); position: absolute; top: 0; left: 0; width: 100%; height: 5px; border-radius: 5px 5px 0 0; } .collection_list.next .collection_container { border: 1px solid #dfdfdf; padding: 30px; border-radius: 5px; min-height: 208px; } .mysyde .collection_content.title.custom { text-align: center; font-size: 1.4rem; font-weight: 600; padding-top: 13px; } .header-text a { background: rgb(49, 102, 126); background: linear-gradient( 45deg, rgba(49, 102, 126, 1) 0%, rgba(36, 61, 72, 1) 100% ); color: #fff; padding: 10px 20px; border-radius: 5px; box-shadow: rgb(48 98 120 / 48%) 0px 7px 29px 0px; } .header-text a:hover { color: #fff; box-shadow: rgb(48 98 120 / 82%) 0px 7px 29px 0px; } #header > .container { display: flex; justify-content: space-between; align-items: center; } #header > .container:before { display: none; } .collection_content.field-1655046812 { font-size: 1.4rem; font-weight: 700; text-align: center; padding-top: 1rem; } .collection_content.field-1655046828 { text-align: center; } .collection_content.field-1655046843 img { border-radius: 10px; height: 100%; } .collection_content.field-1655053570 { margin-right: 1rem; flex-shrink: 0; height: 40px; } .collection_list.bugfixes { width: 33.33%; padding: 10px; } .bugfixes-collection { padding-left: 0 !important; margin-left: -10px !important; } div#area-6 { background: linear-gradient( 45deg, rgba(49, 102, 126, 1) 0%, rgba(36, 61, 72, 1) 100% ); color: #fff; } .highlight-group { padding: 40px 0; } .highlight-group h2 { margin-top: 0; } .new-f-text h2 { color: #fff; } .new-f-img:before { content: ""; background: #000; width: 81px; height: 8px; position: absolute; top: -3px; left: 12%; border-radius: 5px 5px 0 0; } .new-f-img img { border: 7px solid #000; border-radius: 25px; box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px; width: 100% !important; height: 100% !important; } .collection_list.bugfixes .collection_container { display: flex; align-items: center; border: 1px solid #243d482e; padding: 10px; border-radius: 5px; min-height: 70px; } .collection_content.field-1655053557 { font-size: 1rem; margin: 0; } .collection_content.field-1655053570 img { object-fit: contain; } .header-text h1 { margin-top: 0; } .collection_content.field-1655046843 { height: 240px; } #header div#header_2 li:last-child { padding: 0 0 0 10px; } .vergleich { height: 750px !important; } .twentytwenty-container { min-height: 200px; } .highlights-image img { width: 100% !important; height: 100% !important; } .twentytwenty-container { height: 750px !important; } .twentytwenty-left-arrow { border-right: 6px solid black !important; } .twentytwenty-right-arrow { border-left: 6px solid black !important; } img.twentytwenty-before, img.twentytwenty-after { object-fit: contain; height: 100% !important; } /* Navgation Ende */ /* Header Kollektion */ .collection_list.header { width: 100%; } .header-text-wrapper { max-width: 1440px; width: 1440px; z-index: 1; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; height: 100%; min-width: 320px; margin-right: auto; margin-left: auto; padding-right: 20px; } .collection_content.header-img { position: absolute; top: 0; left: 0; z-index: -1; height: 100%; width: 100%; } .collection_content.header-quote-author { font-size: 0.9em; padding-top: 0.3em; } .collection_list.header .collection_container { height: 696px; } .collection_content.header-title { font-family: "Raleway"; font-size: 4em; font-weight: 700; width: 90%; } .collection_content.header-quote { padding-top: 1em; width: 39%; } /* Header Kollektion Ende */ /* Kollektion ALL */ .collection_list.all { width: 33.33%; float: left; padding: 20px; } .collection_list.all .collection_container { background: #fff; box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px; border-radius: 1rem; overflow: hidden; display: flex; flex-direction: column; border-bottom: 7px solid var(--accent-color); } .collection_list.all .collection_container:hover { box-shadow: rgb(100 100 111 / 50%) 0px 7px 29px 0px; } .collection_content.all-img { height: 216px; position: relative; z-index: 0; } .all-text-group { padding: 30px; height: 331px; min-height: 331px; position: relative; background: #fff; } .collection_content.all-title-small { color: #7b7b7b; font-size: 16px; padding-bottom: 0.2em; } .collection_content.all-title { font-family: "Raleway"; font-size: 25px; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .collection_content.all-teaser { padding-top: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .all-wrapper { /* display: flex; */ align-items: center; justify-content: center; flex-wrap: wrap; } .collection_content.all-img img { height: 100% !important; width: 100%; object-fit: cover; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: 0.5s; } div#footer-header { float: left; width: 100%; } #header_3 { display: none; } #header #header_1 { width: auto !important; height: 100%; } #header > .container:before { display: none; } #header_1 img { padding: 10px; padding-bottom: 0; } #header > .container:after { display: none; } #header #header_2 { width: auto !important; position: relative; } .collection_list.all .collection_container:hover .collection_content.all-img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .collection_container.Presse.und.Publikationen .all-text-group { border-top: 2px solid #ededed; } .collection_container.Soziales.Engagement .collection_link { display: none; } .collection_link a { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0; z-index: 2; } /* Jan */ .ueber-uns .sitepart_38 div#submit_button input#button { background: #fff !important; color: #111111; font-weight: 600; border-radius: 17px; width: 120px; } /* Jan */ @media (min-width: 992px) { .w-25 .collection_list.teamCollection { width: 25%; float: left; padding: 20px; } } @media (min-width: 768px) { .w-25 .collection_list.teamCollection, .w-25 .collection_list.blog-multi { width: 100%; float: left; padding: 20px; border: 2px solid #80808080; text-align: center; } } .w-25 .collection_list.teamCollection, .w-25 .collection_list.blog-multi { width: 25%; float: left; padding: 20px; border: 2px solid #80808080; text-align: center; } .border-gray { border: 2px solid #80808080; } .mg-top-30 { margin-top: 30px; } .padding-20 { padding: 20px; } /* Kollektion ALL Ende */ @media (max-width: 992px) { .home .nav__block .icon-nav-wrapper .title { z-index: 9; position: relative; font-size: 14px; } .collection_content.field-1660745339.firmendaten { padding: 0; width: 100% !important; } .stellen_info_wrapper { width: 100%; float: left; padding-right: 0px; } .home .nav__block .title { z-index: 9; position: relative; font-size: 20px; font-weight: 500; } .home .nav__block .nav__subtitle { font-size: 12px; } } @media (max-width: 772px) { div#sideButtons { display: none; } .home .nav__block .row { height: 100%; padding: 36px; } .icon-nav-wrapper { margin-top: 24px; width: 100%; margin-left: 0px; } .collection_list.icon-nav:first-child { position: relative; width: 100%; height: 300px !important; } .icon-nav-wrapper .icon-nav { height: 300px !important; } .home .nav__block .icon-nav-wrapper .title { font-size: 18px; } .home .nav__block .title { font-size: 24px; } .home .nav__block .nav__subtitle { font-size: 14px; } } @media (max-width: 545px) { .youtubecontent iframe { width: 100% !important; height: 100% !important; } .home .nav__block .title { font-size: 18px; } .collection_list.icon-nav:first-child { height: 200px !important; } .icon-nav-wrapper .icon-nav { width: 100% !important; height: 200px !important; margin-bottom: 24px; } .home .nav__block .row { height: 100%; padding: 0px; } .spacing { padding: 1.5rem 0; } h2 { font-size: 23px; } } /* nav ende */ /* Jan's ende */ @media (max-width: 1460px) { .hero-text-content h1 { font-size: 46px; } .hero-text-content { top: 26%; } } @media (max-width: 1300px) { .firmen-coll.full_preview .collection_content.company.custom { margin-bottom: 100px; } .hero-text-content h1 { font-size: 40px; } .hero-text-content { top: 24%; } div#slider-wrapper:after { height: 150px; } } @media (max-width: 1150px) { .mousey { display: none; } .hero-text-content { top: 19%; } .ueber-uns .hero-text-content { top: 24%; } .mousey-wrapper { bottom: 50px; } .hero-text-content h1 { font-size: 35px; } } @media (max-width: 992px) { #slider .hero-image-wrapper .textcontent img { height: 600px !important; } .firmen-coll.full_preview .firmen .collection_content.field-1660054111.firmenlogo-firma, .firmen-coll.full_preview .firmen .collection_content.firmenlogo-firma { top: 10px; left: 50%; transform: translateX(-50%); border-radius: 0 0 15px 15px; } .firmen-coll.full_preview .firmen .collection_content.title { width: 100%; text-align: center; } .firmen-coll.full_preview .collection_content.company.custom { margin-bottom: 100px; text-align: center; } .firmen-coll.full_preview .collection_content.field-1659970143.branche { text-align: center; } .stellen-detail.full_preview .ausbildungsstellen .collection_content.company.custom { margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; padding-bottom: 0; } img.burg, img.kirche { object-position: center 160px; } .ueber-uns .hero-text-content { top: 19%; } .ueber-uns .hero-text-content { top: 26%; } .hero-text-content h6 { font-size: 17px; } } @media (max-width: 600px) { .firmen-coll.full_preview .firmen .collection_content.field-1660054111 img, .firmen-coll.full_preview .firmen .collection_content.firmenlogo-firma img { padding: 7px; } .firmen-coll.full_preview .collection_content.company.custom { font-size: 15px; margin-bottom: 68px; } .firmen-coll.full_preview .firmen .collection_content.title { font-size: 25px; } .firmen-coll.full_preview .firmen .collection_content.field-1660054111.firmenlogo-firma, .firmen-coll.full_preview .firmen .collection_content.firmenlogo-firma { top: 10px; height: 80px; width: 170px; } #slider .hero-image-wrapper .textcontent img { height: 540px !important; } .hero-text-content { top: 19%; } .ueber-uns .hero-text-content { top: 24%; } .hero-text-content h1 { font-size: 28px; } img.burg, img.kirche { object-position: center 80px; } .ueber-uns img.burg { object-position: center 160px !important; } .mousey { padding: 10px 11px; height: 25px; } #body #header_1 img { width: 100% !important; } div#header, .header-wrapper { height: 60px !important; } } @media (max-width: 400px) { #slider .hero-image-wrapper .textcontent img { height: 440px !important; } .hero-text-content { top: 18%; } .ueber-uns .hero-text-content { top: 22%; } .hero-text-content h1 { font-size: 25px; } } @media (max-width: 310px) { .full_preview #content .ausbildungsstellen .collection_content.title { font-size: 21px !important; } } @media (max-width: 1200px) { .collection_list.ausbildungsstellen { padding: 10px; width: 50%; } } @media (max-width: 1249px) { #cookie-bar > p { line-height: 20px; } } @media (max-width: 767px) { #cookie-bar { text-align: center; } #cookie-bar #cookie-bar-button { float: none; margin-left: 0; margin-top: 10px; } #cookie-bar > p { float: none; } } @media (max-width: 650px) { .collection_list.ausbildungsstellen { width: 100%; } .collection_list .collection_container { height: 490px; } .ausbildungsstellen .collection_container:hover .collection-overlay .collection_content.field-1662110387 { top: 180px; } .collection_content.field-1662110387 { width: 100%; padding: 10px; padding-bottom: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; } } /* Search form start */ #firmensuche { float: unset; left: 50%; position: absolute; z-index: 5; top: 550px; transform: translateX(-50%); min-width: 250px; } @media (max-width: 1600px) { #firmensuche { top: 450px !important; } } @media (max-width: 1460px) { #firmensuche { top: 350px !important; } } @media (max-width: 1150px) { #firmensuche { top: 250px !important; } } .search_field { max-width: 400px; } .search_field label { color: #ffffff; text-shadow: 0px 0px 15px black; } #search_text { padding-right: 40px; width: 100%; color: #fff; border: 1px solid var(--main); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; line-height: 20px; background: #0000005c; transition: 300ms; } .searchbar-container button.close_btn:hover { color: var(--main); opacity: 1; } input#search_text:focus-visible { outline: none !important; background: rgb(0 0 0 / 60%) !important; transition: 300ms; } label[for="search_text"] { width: 100%; position: relative; float: left; text-align: center; opacity: 1; } input::placeholder { font-family: var(--font-family); } .search_field .close_btn { position: absolute; top: 30px; right: 8px; background: none; } #search_text::placeholder { color: #fff; font-family: var(--font-family); } .close_btn { width: 20px; height: 20px; border-radius: 100%; background-color: #dcdcdcfc; border-style: none; vertical-align: middle; font-size: 12px; padding: 0; } [type="reset"] { -webkit-appearance: button; } #result { overflow-y: auto; color: #84c232; z-index: 10; position: relative; background: white !important; border-radius: 10px !important; float: left; max-height: 275px !important; padding-block-end: 250px; } div#result::-webkit-scrollbar { width: 10px; background-color: var(--background) !important; background: var(--background) !important; } div#result::-webkit-scrollbar-track { border-radius: 10px; background-color: var(--background) !important; background: var(--background) !important; } div#result::-webkit-scrollbar-thumb { border-radius: 10px; background-color: var(--main) !important; background: var(--main) !important; } #result tr:nth-child(2n + 1) { background: rgb(255, 255, 255); } #result tr:nth-child(2n + 0) { background: rgb(236, 236, 236); } #result td { padding: 15px; transition-duration: 0.2s; width: 500px; color: Black; } #result td:hover { padding-left: 25px; transition-duration: 0.2s; color: #86c232; cursor: pointer; } /* Search form end */ /* MagicZoom */ /* #myModalZoom { display: none; } #myModalZoom.modal-show { display: block; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; } #myModalZoom .modal_collection_body { display: block; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; } #myModalZoom .modal_collection_body img { object-fit: contain; } */ /* MagicZoom End */ /* Slider fix 29-02-2024 */ .owl-stage .owl-item { height: 100%; cursor: zoom-in; } .owl-stage .owl-item a{ height: 100%; width: 100%; /* pointer-events: none; */ /* cursor: pointer; */ } .owl-stage .owl-item a img{ height: 100%; } .modal_collection_body { width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; background-color: #000000b5; z-index: 999999999999; display: flex; align-items: center; justify-content: center; } .modal_collection_body.hide { display: none; } .modal_collection_body img{ width: 90%; height: 90%; object-fit: contain; } .myModalZoom__close { width: 50px; height: 50px; border-radius: 50%; background-color: var(--main); display: flex; align-items: center; justify-content: center; position: absolute; top: 30px; right: 30px; cursor: pointer; } /* Slider fix 29-02-2024 End */