Файловый менеджер - Редактировать - /home/clickysoft/public_html/hze-portal.clickysoft.net/css/main.css
Назад
@import url("https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&display=swap"); /* font-family: "Overpass", serif; */ @import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap"); /* font-family: "Plus Jakarta Sans", serif; */ @import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"); /* font-family: "DM Sans", serif; */ @import url("https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap"); /* font-family: "Epilogue", serif; */ html { overflow-x: hidden; scroll-behavior: smooth; height: 100%; transition: all 0.6s ease-in-out 0s; } body { min-height: 100%; display: flex; flex-direction: column; font-family: "Overpass", serif; } h1 { font-size: 64px; font-weight: 700; line-height: 63px; } h2 { font-size: 48px; font-weight: 700; line-height: 56px; } h3 { font-size: 32px; font-weight: 700; line-height: 40px; } h4 { font-size: 30px; font-weight: 700; line-height: 46px; } h5 { font-size: 28px; font-weight: 700; line-height: 36px; } h6 { font-size: 24px; font-weight: 700; margin-bottom: 0px; line-height: 32px; } p { font-size: 20px; font-weight: 400; margin-bottom: 0px; line-height: 30px; } ul { padding-left: 0px; list-style: none; margin-bottom: 0px; } li { font-size: 20px; font-weight: 400; } label { font-size: 17px; font-weight: 400; } input { outline: none; font-weight: 400; font-size: 15px; } select { outline: none; font-weight: 400; font-size: 15px; } span { transition: all 0.6s ease-in-out 0s; } img { transition: all 0.6s ease-in-out 0s; height: 100%; } a { outline: none; text-decoration: none; font-size: 17px; font-weight: 400; color: rgba(26, 26, 26, 0.69); transition: all 0.6s ease-in-out 0s; } a:hover, a:focus { text-decoration: none; } .btn-primary:hover, .btn-primary:focus { background-color: rgb(239, 83, 117); border-color: transparent; box-shadow: none; } .btn:not(:disabled):not(.disabled) { background-color: transparent; border-color: transparent; box-shadow: none; } .form-control:focus { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(0, 0, 0); outline: 0px; box-shadow: none; } .compensate-for-scrollbar { position: inherit !important; margin: 0px !important; padding: 0px !important; } .cur-login-btn .btn-primary:not(:disabled):not(.disabled):active { background-color: rgb(29, 33, 82); border-color: rgb(29, 33, 82); outline: none; box-shadow: none; } .screen-bg.modal-open { margin: 0px !important; padding: 0px !important; } .btn-primary:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .modal-open { padding-right: 0px !important; } /* HOME PAGE CSS BEGIN */ /* HEADER SECTION CSS BEGIN */ .no-scroll { overflow: hidden; height: 100vh; } .new-menu-bar .mobile-dropdown-hide .dropdown-wrapper::after { display: none; } .curator-mobile-show { display: none; } .curator-mobile-hide { display: block; } .header { margin: 0px; padding: 15px 120px; height: auto; width: 100%; } .header .navbar { display: flex; align-items: center; justify-content: center; width: 100%; height: auto; margin: 0px; max-width: 80%; padding: 0px; gap: 80px; } .header .menu { position: fixed; top: 0px; left: -100%; z-index: 10; width: 100%; height: 100%; color: var(--color-black-400); background-color: var(--color-white-100); box-shadow: var(--shadow-medium); transition: all 0.4s ease-in-out 0s; } .header .menu.is-active { left: 0px; background-color: #e94b3c !important; } .header .menu-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 1.25rem; margin-top: 7rem; } .header .menu-link { line-height: 24px; transition: all 0.6s ease 0s; font-size: 18px; font-weight: 700; color: #223289; text-transform: capitalize; } .header .menu-link:hover { color: #3c9eff; } .header .menu-link.active { position: relative; } @media only screen and (min-width: 48rem) { .header .menu { position: relative; top: 0px; left: 0px; width: auto; height: auto; padding: 0rem; background: none; box-shadow: none; transition: none 0s ease 0s; } .header .menu-inner { display: flex; flex-direction: row; column-gap: 2rem; margin: 0px auto; } .header .menu-link { display: flex; align-items: center; } } .header .burger { position: relative; display: block; cursor: pointer; user-select: none; order: -1; z-index: 12; width: 1.75rem; height: 1rem; margin-right: 1rem; border: none; outline: none; background: none; visibility: visible; transform: rotate(0deg); transition: all 0.35s ease 0s; } @media only screen and (min-width: 48rem) { .header .burger { display: none; visibility: hidden; } } .header .burger-line { position: absolute; display: block; right: 0px; width: 100%; height: 2px; border: none; outline: none; opacity: 1; transform: rotate(0deg); background-color: #223289; transition: all 0.25s ease-in-out 0s; } .header .darkmode .burger-line { background-color: var(--color-white-100); } .header .burger-line:nth-child(1) { top: 0px; } .header .burger-line:nth-child(2) { top: 0.5rem; } .header .burger-line:nth-child(3) { top: 1rem; } .header .burger.is-active .burger-line:nth-child(1) { top: 0.5rem; transform: rotate(135deg); } .header .burger.is-active .burger-line:nth-child(2) { right: -1.5rem; opacity: 0; visibility: hidden; } .header .burger.is-active .burger-line:nth-child(3) { top: 0.5rem; transform: rotate(-135deg); } .header .menu-item { padding: 0px 10px 0px 0px; } .mobile-dropdown { display: none; } .mobile-dropdown-hide .dropdown-wrapper { position: relative; width: auto; margin: 0px; padding: 0px; border-radius: 0px; box-shadow: none; cursor: pointer; outline: none; transition: all 0.3s ease-out 0s; display: flex; align-items: center; } .mobile-dropdown-hide .dropdown-wrapper::after { content: ""; width: 0px; height: 0px; position: absolute; top: 10px; right: -2px; margin-top: -3px; font: 14px / 1 FontAwesome; } .mobile-dropdown-hide .dropdown-wrapper.is-active::after { border-color: rgb(0, 0, 0) transparent; transform: rotate(180deg); top: 24px; right: -11px; } .mobile-dropdown-hide .dropdown-wrapper.is-active .dropdown-list { border: 0px; max-height: 400px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.18) 0px 0px 4px 0px; } .mobile-dropdown-hide .dropdown-list { position: absolute; top: 59px; left: 0px; right: 0px; background: rgb(255, 255, 255); list-style: none; transition: all 0.6s ease-out 0s; max-height: 0px; overflow: hidden; width: 200px; } .mobile-dropdown-hide .dropdown-list .menu-link { display: none; } .dropdown-list li { padding: 0px; transition: all 0.6s ease-in-out 0s; } .dropdown-list li:hover { background-color: rgb(251, 188, 4); } .dropdown-list li:hover a { color: rgb(0, 0, 0); } .mobile-dropdown-hide .dropdown-list li:last-of-type a { border: none; } .mobile-dropdown-hide .dropdown-list a { display: block; text-decoration: none; color: rgb(38, 38, 38); padding: 10px; transition: all 0.3s ease-out 0s; border-bottom: 1px solid rgba(38, 38, 38, 0.22); font-size: 16px; text-transform: capitalize; } .header-inner { display: flex; align-items: center; justify-content: space-between; } .cur-login-btn .btn-primary { border-radius: 30px; border: 1px solid #223289; font-size: 18px; font-weight: 700; color: #223289; padding: 12px 36px; border-color: #223289 !important; line-height: 24px; transition: 0.6s all ease-in-out; } .cur-login-btn .btn-primary:hover { background-color: rgb(29, 33, 82); color: #fff; } .call-number a li { transition: 0.6s all ease-in-out; } .call-number a:hover li { color: #e94b3c; } .call-number a:hover span { color: #e94b3c; } .call-number a { display: flex; transition: 0.6s all ease-in-out; gap: 12px; align-items: center; } .number-icon span { color: #fff; } .number-detail li { font-size: 15px; font-weight: 600; color: #fff; } .main-div-flex { display: flex; gap: 50px; } .mobile-show { display: none; } /* HEADER SECTION CSS END */ /* BANNER SECTION CSS BEGIN */ .banner-main { padding: 70px 120px; } .freire-trag h6 { color: #3c9eff; text-transform: uppercase; margin: 0 0 10px; } .freire-trag h1 { color: #223289; } .freire-trag .wirch-span { display: block; } .freire-trag .wirch-blue { color: #3c9eff; } .freire-trag-content p { color: #222222; width: 80%; } .freire-trag-content strong { display: block; } .friere-banner-btn .btn-primary { background-color: #3c9eff !important; border-radius: 30px; padding: 12px 30px; font-size: 18px; font-weight: 700; line-height: 24px; color: #fff !important; margin: 20px 0 0; border-color: #3c9eff !important; transition: 0.6s all ease-in-out; } .friere-banner-btn .btn-primary:hover { background-color: rgb(29, 33, 82) !important; } .friere-banner-img img { width: 100%; margin: 40px 0 0; border-radius: 25px; } .match-items-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 30px 50px 0; gap: 20px; } .match-inner-items { position: relative; } .match-inner-items h5 { color: #2f4f68; font-family: "Plus Jakarta Sans", serif; text-transform: capitalize; } .match-inner-items p { color: #222222; font-family: "DM Sans", serif; } .match-inner-items:after { position: absolute; content: ""; top: 35px; left: -40px; width: 12px; height: 12px; border-radius: 50%; background-color: #ffa149; } /* BANNER SECTION CSS END */ /* PLATZ SECTION CSS BEGIN */ .platz-sec { padding: 70px 120px; background-color: #f7f7f7; } .left-platz-content { margin-right: 30px; } .left-platz-content img { border-radius: 25px; width: 100%; } .plazt-mn-box { display: flex; gap: 20px; margin: 20px 0 0; } .inner-platz-img-cont img { border-radius: 0; width: auto; } .inner-platz-img { width: 70%; } .inner-platz-img img { border-radius: 25px; } .inner-platz-img-cont { background-color: #223289; border-radius: 25px; padding: 15px; width: 30%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; } .inner-platz-img-cont span { font-size: 48px; font-weight: 700; line-height: 56px; color: #fff; display: block; margin: 10px 0 0px; } .inner-platz-img-cont p { font-size: 16px; line-height: 24px; color: #fff; width: 100%; } .right-side-cont h2 { color: #223289; text-transform: uppercase; } .right-side-cont .space-text { display: block; } .right-side-cont .color-space-text { color: #3c9eff; } .right-side-cont p { color: #222; opacity: 0.5; width: 80%; margin: 10px 0 10px; } .platz-sec .row { align-items: center; } /* PLATZ SECTION CSS END */ /* FUR FERIE SECTION CSS BEGIN */ .ferie-section-bg { padding: 70px 120px 0px; } .main-fur-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60px; } .ferie-section-bg .main-fur-grid { align-items: center; margin: 0 0 70px; } .fur-ferie-text h2 { color: #223289; text-transform: capitalize; margin: 0 0 20px; } .fur-ferie-text p { font-size: 16px; line-height: 24px; color: #222; width: 60%; margin: 0 0 30px; } .fur-inner-boxes { display: flex; gap: 15px; padding: 15px; border-radius: 15px; box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.05); margin: 20px 0 0; background: linear-gradient(165.83deg, rgb(210 234 239 / 6%) 0%, rgb(134 187 241 / 18%) 100%); } .cls-img-cont h6 { font-size: 20px; line-height: 24px; color: #223289; } .cls-img-cont p { font-size: 16px; font-weight: 700; color: #222; line-height: 24px; margin: 8px 0 0; width: 100%; } .cls-img-cont span { display: block; } .fur-main-img img { width: 100%; border-radius: 25px; } /* FUR FERIE SECTION CSS END */ /* HERAUS SECTION CSS BEGIN */ .heraus-sec-bg { padding: 30px 120px 50px; } .heraus-content h2 { color: #223289; text-transform: uppercase; } .heraus-content span { display: block; color: #3c9eff; } .heraus-content p { color: #222; opacity: 0.5; width: 80%; margin: 25px 0 0; } .heraus-right-side-content p { color: #222; opacity: 0.5; width: 90%; margin: 30px 0 0; } /* HERAUS SECTION CSS END */ /* PORTAL SECTION CSS BEGIN */ .portal-sec-bg { padding: 30px 120px 30px; } .portal-main-heading h2 { color: #223289; text-align: center; } .portal-content-flex { display: flex; gap: 60px; margin: 80px 0 0; } .hze-left { width: 49%; } .hze-left h5 { color: #2b2b2b; width: 68%; } .hze-left p { color: #5c5c5c; width: 90%; margin: 20px 0 30px; } .hze-left img { border-radius: 16px; width: 100%; } .hze-center { width: 2%; position: relative; } .hze-right { width: 49%; } .hze-right img { border-radius: 16px; width: 100%; } .hze-right h5 { color: #2b2b2b; width: 48%; margin: 40px 0 10px; } .hze-right p { color: #5c5c5c; width: 90%; margin: 20px 0 30px; } .first-circle span { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #223289; position: absolute; top: 130px; left: -15px; border: 6px solid #3c9eff; } .second-circle span { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #223289; position: absolute; bottom: 167px; left: -15px; border: 6px solid #3c9eff; } /* PORTAL SECTION CSS END */ /* DER ALLTAG SECTION CSS BEGIN */ .der-alltag-sec { padding: 70px 120px; background-color: #d9d9d9; } .der-alltag-content h2 { color: #223289; text-transform: uppercase; text-align: center; margin-bottom: 40px; } .der-alltag-content span { display: block; } .der-alltag-content p { text-align: center; font-weight: 700; width: 46%; margin: 25px auto 50px auto; color: #5c5c5c; } .main-slider-div { position: relative; display: flex; align-items: center; justify-content: center; } .main-slider-content { padding: 53px 47px 80px; border-radius: 16px; border: 1px solid rgba(95, 99, 104, 0.2); background-color: #fff; box-shadow: 0px 4px 50px 10px rgba(0, 0, 0, 0.06); width: 60%; margin: 0 auto 0 auto; position: relative; z-index: 1; } .main-searchicon-flex { display: flex; align-items: center; justify-content: space-around; gap: 20px; } .searchicon-leftside p { font-weight: 700; color: #223289; display: flex; align-items: center; gap: 10px; margin: 0 0 40px; } .asd-listing li { color: #223289; line-height: 24px; display: flex; align-items: center; gap: 10px; padding: 20px 0 0px; } .asd-listing span { display: block; } .slider-rightside { position: relative; margin: 80px 0 0; width: 40%; } .searchicon-leftside { width: 60%; } .slider-rightside img { width: 100%; } .bg-blue-back { position: absolute; top: -66px; left: -138px; z-index: 0; } .main-slider-back-des { padding: 53px 47px; border-radius: 16px; border: 1px solid rgba(95, 99, 104, 0.2); background-color: #fff; box-shadow: 0px 4px 50px 10px rgba(0, 0, 0, 0.06); width: 66%; margin: 0 auto 0 auto; position: absolute; top: 60px; left: 278px; height: 75%; z-index: 0; } .main-slider-div .slick-dots li { width: 35px; height: 20px; border-radius: 10px; } .main-slider-div .slick-dots li button { width: 30px; height: 8px; background-color: #d9d9d9; padding: 0; border-radius: 10px; } .main-slider-div .slick-dots li.slick-active button:before { width: 30px; height: 8px; background-color: #3c9eff; border-radius: 10px; } .main-slider-div .slick-dots li button:before { font-size: 0; } .main-slider-div .slick-dots { bottom: -65px; } /* DER ALLTAG SECTION CSS END */ /* DES PORTAL SECTION CSS BEGIN */ .des-portal-sec { padding: 90px 120px 310px; } .des-portal-content h2 { color: #223289; } .des-portal-content span { display: block; } .des-portal-content ul { margin: 0 0 10px; padding-left: 15px; } .des-portal-content li { font-size: 16px; color: #5c5c5c; padding: 6px 0; position: relative; } .des-portal-content li:before { width: 10px; height: 10px; background-color: #3c9eff; position: absolute; top: 11px; left: -18px; content: ""; border-radius: 50%; } .des-portal-content p { color: #223289; width: 80%; } /* DES PORTAL SECTION CSS END */ /* FOOTER SECTION CSS BEGIN */ footer { background-color: #223289; padding: 50px 120px 20px; margin-top: auto; } .footer-content { background-color: #fff; display: block; margin: -300px auto 0 auto; text-align: center; width: 100%; padding: 24px 24px 110px 24px; border-radius: 25px; position: relative; } .footer-content h2 { color: #223289; margin: 30px 0 10px; } .footer-content span { color: #3c9eff; } .footer-content p { color: #222; } .footer-content img { border-radius: 25px; width: 100%; } .footer-content-bottom p { color: #fff; opacity: 0.5; text-align: center; margin: 100px 0 20px; } .footer-content-bottom span { font-size: 20px; font-weight: 700; color: #3c9eff; line-height: 24px; text-align: center; display: block; } .flags-flex { display: flex; align-items: center; justify-content: space-around; width: 50%; margin: 40px auto 0 auto; } .flag-forms { width: 50%; margin: 30px auto 0 auto; } .flag-forms h5 { color: #fff; text-align: center; margin: 0 0 25px; } .subscription-form { display: flex; align-items: center; } .subscription-form .form-control { font-size: 16px; font-weight: 400; line-height: 24px; color: #222; height: auto; padding: 15px 35px; border-radius: 30px; border: 0; outline: none; } .subscription-form .form-control::placeholder { opacity: 0.5; } .subscription-form .btn-primary { background-color: #3c9eff !important; font-size: 20px; font-weight: 700; color: #fff; line-height: 24px; padding: 15px 40px; border-radius: 30px; transition: 0.6s all ease-in-out; } .subscription-form .btn-primary:hover { background-color: rgb(29, 33, 82) !important; } .footer-links { display: flex; align-items: center; justify-content: space-between; padding: 60px 0 0; } .footer-links p { font-size: 16px; line-height: 24px; color: #fff; opacity: 0.5; } .footer-quick-links ul { display: flex; align-items: center; gap: 40px; } .footer-quick-links a { font-size: 16px; line-height: 24px; color: #fff; opacity: 0.5; transition: 0.6s all ease-in-out; } .footer-quick-links a:hover { color: #3c9eff; } .round-curve-img { position: absolute; bottom: -60px; left: 730px; width: auto; height: auto; display: flex; align-items: center; justify-content: center; } /* FOOTER SECTION CSS END */ /* HOME PAGE CSS END */ /* IT SICHERHEIT PAGE CSS BEGIN */ .it-socherheit-sec { padding: 30px 120px 60px; background-image: url("../images/Hero.png"); background-repeat: no-repeat; background-size: cover; background-position: center; OVERFLOW: HIDDEN; } .it-banner-left-cont h6 { font-size: 20px; color: #3c9eff; text-transform: uppercase; font-family: "Epilogue", serif; } .it-banner-left-cont h2 { color: #223289; line-height: 48px; margin: 20px 0 20px; } .it-banner-left-cont span { display: block; color: #3c9eff; } .it-banner-left-cont p { color: #5c5c5c; width: 70%; } .calibre-img img { width: 100%; } .it-socherheit-sec .row { align-items: center; } .vertraun-sec-bg { background-image: url("../images/bg-vt.png"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 70px 120px; } .bg-vt-cont h2 { color: #223289; padding: 30px 0 10px; } .bg-vt-cont p { color: #5c5c5c; width: 83%; } .bg-vt-box h6 { font-size: 20px; color: #5c5c5c; text-transform: uppercase; position: relative; } .bg-vt-box h6:before { content: ""; position: absolute; top: 7px; left: -25px; width: 15px; height: 15px; background-color: #3c9eff; border-radius: 50%; } .bg-vt-box { border: 1px solid #ebebeb; padding: 12px 25px 12px 50px; border-radius: 10px; background-color: #fff; display: inline-block; box-shadow: 0 0 5px 0 #0000001f; } .nxt-line { display: block; } .nxt-color { color: #3c9eff; } .vertraun-sec-bg .row { align-items: center; } .grid-boxes-sec { padding: 60px 120px; } .dis-grid-boxes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; } .boxes-border { border-radius: 16px; padding: 40px 40px; background-image: url("../images/grid-box-bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center; } .boxes-border .img-shape-bg { width: 68px; height: 68px; border-radius: 8px; background-color: #f9e925; display: flex; align-items: center; justify-content: center; } .boxes-border h6 { color: #223289; padding: 30px 0 20px; } .boxes-border p { color: #5c5c5c; width: 80%; } .boxes-border .inter-cont { display: block; } /* IT SICHERHEIT PAGE CSS END */ /* DATENSCHUTZ PAGE CSS BEGIN */ .datenschutz-bg .it-banner-left-cont span { display: inline; } .datenschutz-bg { padding: 60px 120px; } .datenschutz-sec-pg .nxt-line { color: #3c9eff; } .datenschutz-sec-pg .bg-vt-cont p { padding: 0 0 20px; } /* DATENSCHUTZ PAGE CSS END */ /* IMPRESSUM PAGE CSS BEGIN */ .impr-sec { padding: 60px 120px; } .impr-cont { background-image: url("../images/bg-i.png"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 50px; border-radius: 16px; box-shadow: 1px 1px 4px 0px #0000003b; width: 80%; margin: 0 auto; } .impr-cont h6 { font-size: 20px; font-family: "Epilogue", serif; color: #3c9eff; text-transform: uppercase; letter-spacing: 2px; } .impr-cont h2 { color: #223289; padding: 4px 0 0px; } .impr-cont li { padding: 2px 0; color: #5c5c5c; } .impr-sec .row { align-items: center; } .impr-img img { width: 100%; } .haftung-sec-bg { padding: 30px 120px 50px; } .haftung-box { background-image: url(../images/bg-i.png); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 50px; border-radius: 16px; } .haftung-box h5 { font-weight: 600; color: #223289; } .haftung-box p { font-size: 16px; font-weight: 300; color: #5c5c5c; line-height: 24px; } .haftung-box p strong { font-weight: 700; } .haftung-box h4 { font-size: 32px; color: #223289; } .haftund-address { display: flex; align-items: start; gap: 10px; margin-bottom: 10px; } .haftund-address img { margin-top: 5px; } .haftund-address a { font-size: 20px; color: #5c5c5c; font-weight: 400; } .haftund-address span { display: block; } .haftung-sec-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; margin-bottom: 30px; } /* IMPRESSUM PAGE CSS END */ /* LOGIN PAGE CSS BEGIN */ .jugendamter-sec { padding: 90px 120px; background-image: url("../images/login-bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; } .jugendamter-cont { background-color: #fff; border-radius: 28px; padding: 40px; box-shadow: 0px 0px 4px 0px #00000012; position: relative; } .jugendamter-cont img { width: 100%; border-radius: 20px; } .jugendamter-cont h4 { font-size: 32px; color: #223289; text-align: center; padding: 30px 0 0; } .jugendamter-cont .friere-banner-btn { margin: 0 auto; display: table; } .jugendamter-cont .friere-banner-btn .btn-primary { margin: 10px 0 0; } .lft-arrow { position: absolute; top: -60px; left: -40px; } .rgt-arrow { position: absolute; bottom: 20px; right: -120px; } .werden-sec-bg { background-image: none; } .werden-sec-bg .nxt-line { color: #3c9eff; } .werden-cont { margin: 25px 0 0; } /* LOGIN PAGE CSS END */ /* KONTAKT PAGE CSS BEGIN */ .kontakt-banner-sec { padding: 60px 120px; background-image: url("../images/login-bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; } .kontakt-banner-sec .row { align-items: center; } .kontakt-banner img { width: 100%; } .kontakt-banner-cont h6 { font-size: 20px; color: #3c9eff; text-transform: uppercase; font-family: "Epilogue", serif; } .kontakt-banner-cont h2 { color: #223289; padding: 10px 0 0; } .kontakt-banner-cont .aufnehem-text { display: block; } .kontakt-banner-cont p { color: #5c5c5c; padding: 20px 0 0; width: 74%; } .kontakt-banner-cont .wir-color { color: #3c9eff; } .kontakt-banner-cont .uns-color { color: #3c9eff; } .kontakt-banner { position: relative; z-index: 1; } .kontakt-left-arrow { position: absolute; bottom: 0; left: -191px; z-index: -1; } .kontakt-right-arrow { position: absolute; bottom: 0; right: -180px; } .kontakterien-sec-bg { padding: 80px 120px; background-image: url("../images/kt-banner-bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center; } .kontakterien-imgs img { width: 100%; border-radius: 25px; } .kontakterien-flex { display: flex; align-items: center; gap: 20px; margin-top: 20px; } .kontakterien-flex img:first-child { width: 53%; } .bg-vt-cont ul { padding-left: 15px; } .bg-vt-cont li { font-weight: 600; color: #000000; margin: 30px 0 0; width: 71%; } .kontakterien-sec-bg .row { align-items: center; } .kontakterien-sec-bg .bg-vt-cont { margin-left: 60px; } .fur-trager-sec { padding: 60px 120px; } .fur-trager-cont { background-color: #223289; padding: 70px; border-radius: 16px; } .fur-trager-cont h2 { font-size: 64px; line-height: 72px; font-weight: 700; color: #fff; text-align: center; } .fur-trager-cont p { color: #fff; text-align: center; width: 58%; margin: 10px auto 30px auto; } .fur-trager-cont h5 { color: #fff; text-align: center; margin: 0 0 40px; } .fur-trager-cont span { display: block; } .fur-trager-cont .form-control { height: auto; font-size: 16px; font-weight: 400; line-height: 30px; background-color: #f3f3f3; color: #5c5c5c; padding: 15px; border-radius: 12px; outline: none; width: 40%; margin: 0 auto 0 auto; } .ich-will-sec { background-color: #e0f4fc; padding: 70px 120px 0px; } .ich-will-sec .bg-vt-cont .aufnehem-text { display: block; } .ich-will-sec .bg-vt-cont .wir-color { color: #3c9eff; } .ich-will-sec .bg-vt-cont .uns-color { color: #3c9eff; } .ich-will-sec .bg-vt-cont p { font-weight: 700; width: 70%; } .ich-will-sec .bg-vt-cont h5 { color: #3c9eff; padding: 20px 0 0; } .ich-will-sec .bg-vt-cont li { font-weight: 400; color: #5c5c5c; margin: 0px 0 0; width: 70%; display: flex; align-items: center; gap: 10px; } .ich-will-sec .bg-vt-cont ul { padding-left: 0px; padding-top: 15px; padding-bottom: 15px; display: flex; flex-direction: column; gap: 10px; } .ich-will-sec .row { align-items: end; } .ich-will-sec .bg-vt-cont { margin-bottom: 50px; } .ich-will-sec .tag-numb { font-size: 64px; font-weight: 700; line-height: 72px; color: #3c9eff; min-width: 40px; } .kontakt-form-lft { background-image: url("../images/bg-lines-shade.png"); background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #223289; padding: 40px; border-top-left-radius: 16px; border-bottom-left-radius: 16px; width: 30%; display: flex; flex-direction: column; justify-content: center; } .kontakt-form-sec { padding: 90px 120px; } .kontakt-form-flex { display: flex; box-shadow: 0 0 9px 0px #0000001c; border-top-right-radius: 16px; border-bottom-right-radius: 16px; } .kontakt-form-lft h3 { font-size: 40px; line-height: 58px; color: #ffffff; } .kontakt-form-lft p { color: #fff; margin: 10px 0 30px; } .kontakt-form-lft a { display: flex; align-items: flex-start; gap: 10px; } .kontakt-form-lft a span { font-weight: 700; font-size: 24px; color: #ffffff; } .kontakt-form-rgt { width: 70%; padding: 60px; background-color: #fff; } .form-field-flex { display: flex; gap: 20px; margin: 0 0 30px; } .form-field-inner { width: 100%; } .form-field-inner label { color: #26419a; line-height: 30px; text-transform: uppercase; } .form-field-inner .form-control { height: auto; outline: none; border: none; background-color: #f3f3f3; padding: 15px; border-radius: 16px; font-size: 15px; color: #000; resize: none; } .fields-imp-text span { font-size: 20px; line-height: 24px; font-weight: 400; color: #181818; padding: 0px 0 15px; display: block; } .fields-imp-text p { color: #181818; padding: 0px 0 15px; width: 60%; } /* KONTAKT PAGE CSS END */ /* UNTERNEHMEN PAGE CSS BEGIN */ .calibre-img {position: relative;} .untem-arrow {position: absolute;bottom: 0;right: 0;} .it-banner-left-cont {position: relative;} .untem-arrow-right {position: absolute;top: 80px;right: -170px;} .untem-sec-bg .junger-color {color: #3C9EFF;} .untem-sec-bg {background-image: none;} .unsen-kern-sec {padding: 60px 120px 80px;} .unsen-kern-content {text-align: center;} .unsen-kern-content .bg-vt-cont p {margin: 0 auto 0 auto;width: 60%;} .grid-card-boxes {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 30px;margin: 40px 0 0;} .grid-boxes-content {border-radius: 20px;padding: 0 0 40px;box-shadow: 0 0 7px 0 #0000001a;} .grid-img-cl {text-align: center;padding: 65px 45px;display: flex;align-items: center;justify-content: center;background: linear-gradient(165.83deg, rgba(210, 234, 239, 0.27) 0%, rgba(134, 187, 241, 0.27) 100%);} .grid-img-cl img {width: 286px;height: 291px;border-radius: 50%;} .grid-boxes-content h5 {color: #223289;text-align: center;padding: 40px 0 0;} .grid-boxes-content span {font-size: 20px;line-height: 24px;color: #3C9EFF;font-weight: 700;text-align: center;display: block;padding: 0 0 0px;} .grid-boxes-content p {font-size: 16px;line-height: 24px;text-align: center;color: #5C5C5C;width: 90%;margin: 0px auto 0px auto;} .unser-social-link ul {display: flex;align-items: center;gap: 15px;justify-content: center;margin: 0 0 0;} .unser-social-link a {width: 40px;height: 40px;background-color: #223289;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .main-in-flx {display: flex;align-items: center;gap: 20px;flex-direction: column;height: 300px;} .werte-sec-bg {padding: 80px 120px;background-image: url("../images/werte-bg.png");background-repeat: no-repeat;background-size: cover;background-position: center;} .werte-sec-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px;margin-bottom: 40px;} .werte-right-side {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 40px;} .werte-rightside-box {background-color: #fff;border-radius: 16px;padding: 40px;height: 270px;} .werte-top-cont {display: flex;gap: 15px;align-items: center;} .werte-top-cont span {width: 60px;height: 60px;background-color: #EEEEEE;display: flex;align-items: center;justify-content: center;border-top-right-radius: 15px;border-top-left-radius: 15px;border-bottom-right-radius: 15px;} .werte-top-cont h6 {font-size: 20px;line-height: 24px;font-weight: 500;color: #223289;} .werte-rightside-box p {font-size: 18px;line-height: 26px;color: #181818;padding: 30px 0 0;} .werte-sec-bottom-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 40px;} .werte-sec-bg .bg-vt-cont h2 {padding: 20px 0 10px;} .vision-sec-bg {padding: 80px 120px;} .vision-img img {border-radius: 15px;} .vision-img-cont .bg-vt-cont p {width: 75%;padding: 0 0 20px;} .unsere-mission-sec-bg {padding: 80px 120px;background-image: url("../images/werte-bg.png");background-repeat: no-repeat;background-size: cover;background-position: center;} .unsere-mission-sec-bg .bg-vt-box h6 span {display: block;} .unsere-mission-sec-bg .bg-vt-box h6 {line-height: 25px;} .vision-sec-bg .row {align-items: center;} .unsere-mission-sec-bg .row {align-items: center;} .versprechen-sec .bg-vt-box h6 span {display: block;} .versprechen-sec .bg-vt-box h6:before {top: 21px;} .unsere-mission-sec-bg .bg-vt-box h6:before {top: 15px;} /* UNTERNEHMEN PAGE CSS END */ /* JUGENDHILFEPLANUNG PAGE CSS BEGIN */ .das-hze-sec {padding: 80px 120px;background-image: url(../images/login-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;} .das-port-cont h2 {color: #223289;} .das-port-cont .blue-line-break {display: block;} .das-port-cont .light-blue-von {color: #3C9EFF;display: block;} .das-port-cont ul {margin: 30px 0 40px;} .das-port-cont li {font-size: 24px;line-height: 32px;font-weight: 700;color: #181818;display: flex;align-items: center;gap: 15px;margin: 0 0 20px;} .das-port-cont .blue-radius-box {width: 34px;height: 34px;background-color: #3C9EFF;display: flex;align-items: center;justify-content: center;border-top-right-radius: 8px;border-top-left-radius: 8px;border-bottom-right-radius: 8px;} .das-port-cont h6 {color: #222222;width: 80%;} .dse-port img {border-radius: 30px;display: table;margin: 0 auto;} .zum-der-sec {padding: 80px 120px;background-image: url(../images/login-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;} .zum-der-sec .kontakt-banner img {width: auto;border-radius: 30px;} .stehen-sec-bg {padding: 80px 120px 50px;background-image: url(../images/stehen-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;} .stehen-main-cont h2 {color: #223289;text-align: center;} .stehen-main-cont .vor-diesen-text {display: block;} .stehen-main-cont .vor-color-cont {color: #3C9EFF;} .stehen-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 30px;margin: 60px 0 0;} .stehen-grid-box {background-color: #fff;padding: 0px 30px 30px;height: 200px;border-radius: 16px;margin: 0 0 30px;} .stehen-grid-box .box-grid-icon {width: 60px;height: 60px;border-radius: 12px;display: flex;align-items: center;justify-content: center;background-color: #3C9EFF;margin: -25px 0 20px;} .stehen-grid-box p {width: 90%;font-weight: 500;color: #181818;} .die-groben-sec {padding: 80px 120px;} .die-groben-cont h2 {color: #223289;margin: 0 0 40px;} .die-groben-cont .blue-line-break {display: block;} .die-groben-cont .light-blue-von {color: #3C9EFF;display: block;} .die-groben-cont img {border-radius: 20px;} .groben-cont {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 20px;} .groben-cont-box {background-color: #E1FFCF;border-radius: 16px;padding: 30px;height: 250px;display: flex;align-items: center;gap: 30px;} .groben-cont-box p {font-weight: 700;color: #181818;} .die-groben-sec .row {align-items: center;} .groben-org-bg {background-color: #F8E6C2;} .groben-org-red {background-color: #FFD7D0;} .vorteile-sec-bg {background-color: #EAEFFA;padding: 60px 120px;} .vorteile-cont h2 {color: #223289;text-align: center;} .vorteile-cont span {display: block;} .vorteile-cont p {font-weight: 700;color: #5C5C5C;text-align: center;width: 47%;margin: 20px auto 60px auto;line-height: 24px;} .vorteile-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 30px;margin: 110px 0 0;} .vorteile-grid-box {background: #FFFFFF;border-radius: 16px;padding: 0 20px 30px;height: 260px;} .vorteile-grid-box span {width: 112px;height: 112px;background-color: #F9E925;display: flex;align-items: center;justify-content: center;border-radius: 28px;margin: -57px auto 0 auto;} .vorteile-grid-box h5 {color: #223289;width: 100%;text-align: center;padding: 20px 0 8px;} .vorteile-grid-box p {color: #181818;width: 100%;text-align: center;} .angeboten-grid .groben-cont-box {background-color: #EAEFFA;flex-direction: column;align-items: flex-start;gap: 10px;height: 200px;justify-content: center;} .angeboten-sec-bg {padding: 60px 120px;} .angeboten-cont {text-align: center;} .angeboten-cont .junger-color {display: block;color: #3C9EFF;} .angeboten-cont .bg-vt-cont p {width: 43%;font-weight: 700;color: #5C5C5C;margin: 0 auto 0 auto;} .angeboten-grid .groben-cont-box h6 {font-size: 24px;font-weight: 700;color: #223289;} .angeboten-grid .groben-cont-box p {font-weight: 400;color: #222222;font-size: 16px;line-height: 28px;width: fit-content;} .angeboten-grid {margin: 60px 0 0;} .angeboten-grid .row {align-items: center;} .der-genaue-sec {padding: 40px 120px 60px;} .der-genaue-cont {border-radius: 16px;padding: 40px 60px;background-color: #223289;display: flex;align-items: center;gap: 30px;} .der-genaue-img-cont h5 {font-size: 30px;line-height: 46px;color: #FFFFFF;font-weight: 400;} .der-genaue-img-cont {width: 50%;} .entlastung-sec-bg {padding: 60px 120px;background-color: #EEEEEE;} .new-col-ryt {display: block;} .das-col-ryt {color: #3C9EFF;} .entlastung-sec-bg .row {align-items: center;} .der-ub {display: block;} .die-fur-die-sec .angeboten-cont .bg-vt-cont p {width: 55%;font-weight: 400;} .die-fur-die-sec .groben-cont {display: block;} .die-fur-die-sec .groben-cont-box span {width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;background-color: #223289;border-top-right-radius: 15px;border-top-left-radius: 15px;border-bottom-right-radius: 15px;} .die-fur-die-sec .angeboten-grid .groben-cont-box {margin: 0 0 20px;display: flex;flex-direction: initial;justify-content: flex-start;align-items: center;gap: 20px;height: auto;width: 90%;} .die-fur-die-sec .angeboten-grid .groben-cont-box p {font-weight: 500;font-size: 18px;line-height: 26px;width: inherit;color: #5C5C5C;} .haben-sec {padding: 60px 120px;background-image: url(../images/haben-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;} .haben-sec .kontakt-banner-cont h2 {color: #fff;} .haben-sec .kontakt-banner-cont p {color: #fff;} .haben-sec .friere-banner-btn .btn-primary {background-color: #223289 !important;} .haben-imgs {display: flex;align-items: center;} .haben-imgs img:last-child {margin-left: -100px;} /* JUGENDHILFEPLANUNG PAGE CSS END */ /* JUGENDAMTER PAGE CSS BEGIN */ .das-new-sec {background-image: none;} section.stehen-sie-sec {background-color: #F2F2F2;padding: 60px 120px;} .sie-main-cont h2 {color: #223289;text-align: center;} .sie-main-cont span {display: block;} .sie-main-grid {display: flex;gap: 30px;align-items: flex-start;margin: 40px 0 0;} .left-sie-cont {width: 49%;} .left-sie-box {background-color: #223289;border-radius: 11px;padding: 20px 30px;display: flex;align-items: center;} .left-sie-box p {font-weight: 700;color: #FFFFFF;height: 100%;} .left-sie-box span {display: block;} .center-sie-img {width: 2%;display: flex;align-items: center;justify-content: center;position: relative;} .right-sie-cont {width: 49%;} .right-sie-box {background-color: #223289;border-radius: 11px;padding: 20px 30px;display: flex;align-items: center;} .right-sie-box p {font-weight: 700;color: #FFFFFF;} .right-sie-box span {display: block;} .lft-seco {margin: 120px 0 0;background-color: #3C9EFF;} .rgt-fir {margin: 110px 0 0;} .rgt-seco {margin: 100px 0 0;background-color: #3C9EFF;} .ar-main-cut {position: relative;} .ar-shape-cut {position: absolute;bottom: -43px;left: 60px;} .ar-shape-cut-rgt {position: absolute;top: -43px;right: 60px;} .sie-first-circle span {width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #3C9EFF;position: absolute;top: 160px;left: 0px;border: 6px solid #eeeeeebf;} .sie-sec-circle span {width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #3C9EFF;position: absolute;top: 143px;left: 0px;border: 6px solid #eeeeeebf;} .sie-thr-circle span {width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #3C9EFF;position: absolute;bottom: 153px;left: 0px;border: 6px solid #eeeeeebf;} .sie-four-circle span {width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #3C9EFF;position: absolute;bottom: 50px;left: 0px;border: 6px solid #eeeeeebf;} .schnell-sec .und-blue {color: #3C9EFF;} .schnell-sec h5 {color: #222222;padding: 30px 0 0;} .schnell-sec h5 span {display: block;} .blick-sec {background-color: snow;} .blick-sec .vorteile-grid-box {border: 1px solid #0000000f;} .so-finden-sec {background-image: url(../images/login-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;} .fach-line-break {display: block;} .fach-color-chg {color: #3C9EFF;} .start-platz-sec {padding: 60px 120px;} .start-platz-cont {text-align: center;} .start-platz-cont span {font-size: 38px;line-height: 50px;color: #3C9EFF;text-transform: uppercase;background-color: #223289;padding: 15px 30px;border-radius: 100px;display: inline-flex;align-items: center;gap: 20px;} .start-platz-cont h2 {color: #223289;margin: 30px 0 0;} .start-platz-cont span img {width: 50px;} .ar-main-cut1 {margin: 0px 0 90px;} .ar-main-cut1 h5 {line-height: 67px;color: #223289;} .ar-main-cut1 p {color: #5C5C5C;line-height: 36px;} .start-platz-sec .sie-sec-circle span {top: 432px;} .start-platz-sec .sie-thr-circle span {bottom: 840px;} .start-platz-sec .sie-four-circle span {bottom: 520px;} .start-platz-sec .sie-fifth-circle span {width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #3C9EFF;position: absolute;bottom: 260px;left: 0px;border: 6px solid #eeeeeebf;} .start-platz-sec .sie-main-grid {margin: 40px 0 40px;} .macht-finden-sec {background-image: url(../images/glp-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;} .yt2-img {position: absolute;bottom: 0;left: -90px;} .vertraun-img {position: relative;} .macht-finden-sec .vertraun-img img {display: table;margin: 0 auto;} .macht-finden-sec .yt2-img img {display: block;margin: 0 0;width: 70%;} .jug-haben-sec {margin-bottom: 310px;} .unfrage-sec-bg {padding: 60px 120px;background-image: url(../images/glp-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;} .unfrage-lft-img {display: flex;align-items: center;gap: 20px;width: 35%;} .unfrage-flex {display: flex;gap: 40px;} .unfrage-top-bot {display: flex;flex-direction: column;gap: 20px;} .unfrage-rgt-cont {width: 65%;} .befragte-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 30px;margin: 50px 0 0;} .befragte-cont {display: flex;align-items: center;gap: 10px;} .befragte-cont .befragte-no {background-color: #223289;width: 110px;height: 58px;border-top-left-radius: 20px;display: flex;align-items: center;justify-content: center;font-size: 26px;font-weight: 900;color: #FFFFFF;line-height: 22px;padding: 0 10px;} .befragte-cont p {width: 100%;font-size: 16px;font-weight: 600;line-height: 24px;} .befragte-cont .befragte-span {display: block;} /* JUGENDAMTER PAGE CSS END */ /* FRIERE TRAGER PAGE CSS BEGIN */ .friere-trager-sec .kontakt-left-arrow {bottom: 60px;left: -181px;} .friere-trager-sec .kontakt-right-arrow {right: -100px;z-index: 1;} .friere-trager-sec .wir-color {display: block;} .nutzen-sec-bg .row {align-items: center;} .lft-third {margin: 70px 0 0;} .rgt-third {margin: 70px 0 0;} .kennen-sec .sie-main-grid {align-items: flex-start;} .kennen-sec .rgt-fir {margin: 150px 0 0;} .kennen-sec .lft-seco {margin: 220px 0 0;} .kennen-sec .rgt-seco {margin: 180px 0 0;} .kennen-sec .lft-third {margin: 180px 0 0;} .kennen-sec .rgt-third {margin: 150px 0 0;} .kennen-sec .sie-first-circle span {top: 51px;} .kennen-sec .sie-sec-circle span {top: 210px;} .kennen-sec .sie-thr-circle span {top: 400px;} .kennen-sec .sie-four-circle span {bottom: 420px;} .kennen-sec .sie-fifth-circle span {width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #3C9EFF;position: absolute;bottom: 262px;left: 0px;border: 6px solid #eeeeeebf;} .kennen-sec .sie-six-circle span {width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #3C9EFF;position: absolute;bottom: 120px;left: 0px;border: 6px solid #eeeeeebf;} .die-groben-cont h5 {color: #222222;margin: 40px 0 0;} .die-groben-cont h5 span {display: block;} .link-out {display: block;} .friere-trager-it .sie-main-grid {align-items: flex-start;} .friere-trager-it .sie-first-circle span {top: 80px;} .friere-trager-it .sie-sec-circle span {top: 332px;} .friere-trager-it .sie-thr-circle span {top: 650px;} .friere-trager-it .sie-four-circle span {bottom: 1170px;} .friere-trager-it .sie-fifth-circle span {bottom: 820px;} .friere-trager-it .sie-six-circle span {width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #3C9EFF;position: absolute;bottom: 630px;left: 0px;border: 6px solid #eeeeeebf;} .friere-trager-it .sie-seven-circle span { width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #3C9EFF;position: absolute;bottom: 260px;left: 0px;border: 6px solid #eeeeeebf;} .friere-trager-it .sie-main-grid {display: flex;} .sie-main-grid-mobile {display: none;} /* FRIERE TRAGER PAGE CSS END */ .stehen-sie-sec .sie-first-circle span {top: 40px;} .kennen-sec .sie-first-circle span {top: 50px;} .dark-blue-chg {color: #223289;} /* RESPONSIVE CSS BEGIN */ @media only screen and (min-width: 320px) and (max-width: 529px) { .vertraun-sec-bg .row {flex-direction: column-reverse;} .nutzen-sec-bg .row {flex-direction: column-reverse;} .kontakterien-sec-bg .row {flex-direction: column-reverse;} .lft-seco {margin: 80px 0 0;} .rgt-seco {margin: 70px 0 0;} .das-hze-sec .row {flex-direction: column-reverse;} .das-port-cont {margin-bottom: 30px;} .searchicon-leftside {width: 100%;} .slider-rightside {width: 100%;} .match-inner-items:after {top: 26px;} .round-curve-img { left: 72px; } .main-slider-back-des { display: none; } .hze-center { display: none; } .header { padding: 15px 15px; } .curator-mobile-show { display: block; } .curator-mobile-hide { display: none; } .header .navbar { width: 100%; max-width: 100%; gap: 0px; flex-direction: row-reverse; justify-content: end; } .banner-main { padding: 40px 15px; } .platz-sec { padding: 40px 15px; } .ferie-section-bg { padding: 40px 15px 0px; } .heraus-sec-bg { padding: 30px 15px 30px; } .portal-sec-bg { padding: 30px 15px 20px; } .der-alltag-sec { padding: 40px 15px; } .des-portal-sec { padding: 40px 15px 200px; } footer { padding: 50px 15px 20px; } .portal-content-flex { display: block; margin: 30px 0 0; } .match-items-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); } .right-side-cont h2 { font-size: 28px; line-height: 36px; margin: 20px 0 0; } .fur-inner-boxes { display: block; } .main-fur-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 25px; } .heraus-content h2 { font-size: 25px; line-height: 33px; } .der-alltag-content h2 { font-size: 28px; line-height: 36px; } .main-slider-content { padding: 33px 17px 50px; width: 100%; } .left-platz-content { margin-right: 0px; } .main-searchicon-flex { display: block; } .freire-trag h6 { font-size: 20px; line-height: 26px; } .footer-links { display: block; } .header .burger { margin-right: 0; } .brand img { width: 300px; } .header .menu.is-active { background-color: #3c9eff !important; } .header .menu-inner { align-items: flex-start; justify-content: flex-start; padding: 0 20px; row-gap: 1rem; } .header .menu-link:hover { color: #223289; } .freire-trag h1 { font-size: 40px; line-height: 42px; } .freire-trag .wirch-span { display: inline; } .freire-trag-content p { width: 100%; font-size: 16px; line-height: 24px; } .friere-banner-btn .btn-primary { font-size: 15px; } .friere-banner-img img { border-radius: 10px; } .cur-login-btn .btn-primary { font-size: 15px; padding: 10px 30px; } .match-inner-items h5 { font-size: 22px; line-height: 28px; } .match-inner-items p { font-size: 16px; line-height: 24px; } .plazt-mn-box { display: block; } .inner-platz-img-cont { border-radius: 10px; width: 100%; } .left-platz-content img { border-radius: 10px; } .inner-platz-img-cont span { font-size: 38px; line-height: 46px; margin: 20px 0 10px; } .inner-platz-img { width: 100%; margin-top: 20px; } .right-side-cont p { width: 100%; font-size: 16px; line-height: 24px; } .fur-ferie-text h2 { font-size: 28px; line-height: 36px; } .fur-ferie-text p { font-size: 16px; line-height: 24px; width: 100%; } .cls-img-cont h6 { font-size: 18px; line-height: 24px; margin: 15px 0 0; } .mob-main-fur-grid { flex-direction: column-reverse; display: flex; } .ferie-section-bg .main-fur-grid { margin: 0 0 40px; } .heraus-content p { width: 100%; font-size: 16px; line-height: 24px; } .heraus-right-side-content p { width: 100%; font-size: 16px; line-height: 24px; } .portal-main-heading h2 { font-size: 28px; line-height: 36px; text-align: left; } .hze-left h5 { width: 100%; font-size: 22px; line-height: 30px; } .hze-left { width: 100%; } .hze-left p { width: 100%; font-size: 16px; line-height: 24px; } .hze-left img { border-radius: 10px; } .hze-right { width: 100%; margin: 40px 0 0; } .hze-right img { border-radius: 10px; } .hze-right h5 { width: 100%; margin: 20px 0 10px; font-size: 22px; line-height: 30px; } .hze-right p { width: 100%; line-height: 24px; font-size: 16px; } .der-alltag-content p { width: 100%; line-height: 24px; font-size: 16px; } .asd-listing li { display: block; font-size: 16px; line-height: 24px; } .asd-listing img { margin: 0 0 15px; } .asd-listing span { display: inline; } .searchicon-leftside p { margin: 0 0 10px; font-size: 16px; line-height: 24px; } .der-alltag-content span { display: inline; } .des-portal-content h2 { font-size: 28px; line-height: 36px; } .des-portal-content p { width: 100%; line-height: 24px; font-size: 16px; } .des-portal-content { margin: 0 0 50px; } .footer-content img { border-radius: 10px; } .footer-content h2 { font-size: 28px; line-height: 36px; } .footer-content p { line-height: 24px; font-size: 16px; } .footer-content { margin: -210px auto 0 auto; } .footer-content-bottom p { font-size: 16px; line-height: 24px; } .footer-content-bottom span { font-size: 16px; line-height: 24px; } .flags-flex { width: 100%; gap: 30px; } .flag-forms h5 { font-size: 22px; line-height: 30px; } .subscription-form { display: block; } .flag-forms { width: 100%; } .subscription-form .btn-primary { font-size: 15px; padding: 12px 30px; margin: 10px 0 0; } .footer-quick-links ul { gap: 30px; margin: 6px 0 0; } .footer-links p { font-size: 14px; line-height: 22px; } .footer-quick-links a { font-size: 14px; line-height: 22px; } .datenschutz-bg {padding: 40px 15px;} .vertraun-sec-bg {padding: 50px 15px 20px;} .grid-boxes-sec {padding: 20px 15px 30px;} .dis-grid-boxes {grid-template-columns: repeat(1, minmax(0, 1fr));} .bg-vt-cont h2 {font-size: 28px;line-height: 36px;} .it-banner-left-cont h2 {line-height: 42px;font-size: 40px;} .it-banner-left-cont p {width: 100%;font-size: 16px;line-height: 24px;} .it-banner-left-cont {margin-bottom: 20px;} .bg-vt-box h6 {font-size: 17px;line-height: 24px;} .bg-vt-cont {margin-top: 20px;} .bg-vt-cont p {width: 100%;font-size: 16px;line-height: 24px;} .boxes-border p {width: 100%;font-size: 16px;line-height: 24px;} .boxes-border {padding: 30px 20px;} .boxes-border h6 {font-size: 20px;line-height: 28px;} .friere-trager-it .sie-main-grid {display: none;} .sie-main-grid-mobile {display: block;margin: 40px 0;} .sie-first-circle span {display: none;} .kennen-sec .sie-first-circle span {display: none;} .kennen-sec .sie-fifth-circle span {display: none;} .friere-trager-sec .kontakt-right-arrow {display: none;} .sie-four-circle span {display: none;} .kennen-sec .sie-six-circle span {display: none;} .sie-sec-circle span {display: none;} .kennen-sec .sie-thr-circle span {display: none;} .center-sie-img {display: none;} .sie-main-grid {display: none;} .kontakt-banner-sec {padding: 40px 15px;} .ich-will-sec {padding: 40px 15px 0px;} section.stehen-sie-sec {padding: 60px 15px;} .die-groben-sec {padding: 40px 15px;} .werte-sec-bg {padding: 40px 15px;} .entlastung-sec-bg {padding: 60px 15px;} .start-platz-sec {padding: 40px 15px;} .unfrage-sec-bg {padding: 60px 15px;} .haben-sec {padding: 40px 15px;} .kontakt-banner-cont h2 {font-size: 28px;line-height: 36px;} .kontakt-banner-cont p {width: 100%;font-size: 16px;line-height: 24px;} .bg-vt-box h6:before {top: 4px;} .ich-will-sec .bg-vt-cont p {width: 100%;} .ich-will-sec .bg-vt-cont li {width: 100%;font-size: 16px;line-height: 24px;} .ich-will-sec .bg-vt-cont h5 {font-size: 24px;line-height: 30px;} .left-sie-cont {width: 100%;} .right-sie-cont {width: 100%;} .sie-main-cont h2 {font-size: 28px;line-height: 36px;} .kennen-sec .lft-seco {margin: 100px 0 0;} .kennen-sec .lft-third {margin: 40px 0 0;} .kennen-sec .rgt-fir {margin: 70px 0 0;} .kennen-sec .rgt-seco {margin: 90px 0 0;} .kennen-sec .rgt-third {margin: 40px 0 0;} .left-sie-box p {font-size: 16px;line-height: 24px;} .die-groben-cont h2 {font-size: 28px;line-height: 36px;} .die-groben-cont h5 {font-size: 24px;line-height: 30px;margin-bottom: 30px;} .groben-cont-box {display: block;height: auto;padding: 25px 15px;} .werte-sec-grid {grid-template-columns: repeat(1, minmax(0, 1fr));} .werte-right-side {grid-template-columns: repeat(1, minmax(0, 1fr));} .werte-sec-bottom-grid {grid-template-columns: repeat(1, minmax(0, 1fr));} .unfrage-flex {display: block;} .befragte-grid {grid-template-columns: repeat(1, minmax(0, 1fr));} .haben-imgs {display: block;} .haben-imgs img:last-child {margin-left: 0px;} .kontakt-banner-cont {margin-bottom: 30px;} .right-sie-box span {display: inline;} .left-sie-box span {display: inline;} .right-sie-box p {font-size: 16px;line-height: 24px;} .die-groben-cont h5 span {display: inline;} .die-groben-cont .blue-line-break {display: inline;} .groben-cont-box p {font-size: 16px;line-height: 24px;margin: 0 0 20px;} .werte-rightside-box p {font-size: 16px;line-height: 24px;} .werte-rightside-box {padding: 20px;height: auto;} .link-out {display: inline;} .start-platz-cont span {font-size: 22px;line-height: 30px;padding: 15px 30px;gap: 20px;} .start-platz-cont span img {width: 30px;} .start-platz-cont h2 {font-size: 28px;line-height: 36px;} .ar-main-cut1 h5 {font-size: 22px;line-height: 30px;} .ar-main-cut1 p {font-size: 16px;line-height: 24px;} .ar-main-cut1 {margin: 0px 0 20px;} .unfrage-lft-img {width: 100%;} .unfrage-rgt-cont {width: 100%;} .haben-sec .kontakt-banner-cont h2 {font-size: 28px;line-height: 36px;} .jug-haben-sec {margin-bottom: 200px;} .impr-sec {padding: 40px 15px;} .haftung-sec-bg {padding: 30px 15px 50px;} .haftung-sec-grid {grid-template-columns: repeat(1, minmax(0, 1fr));} .impr-cont {padding: 20px;width: 100%;} .impr-cont h6 {font-size: 17px;line-height: 24px;} .impr-cont h2 {font-size: 40px;line-height: 48px;} .impr-cont li {font-size: 16px;line-height: 24px;} .haftung-box {padding: 20px;} .haftung-box h5 {font-size: 24px;line-height: 28px;} .haftung-box h4 {font-size: 28px;line-height: 36px;} .haftund-address a {font-size: 16px;line-height: 24px;} .it-socherheit-sec {padding: 30px 15px 60px;} .it-banner-left-cont span {display: inline;} .kontakt-right-arrow {display: none;} .vorteile-sec-bg {padding: 40px 15px 0px;} .vorteile-grid {grid-template-columns: repeat(1, minmax(0, 1fr));} .das-hze-sec {padding: 60px 15px;} .das-port-cont h2 {font-size: 28px;line-height: 36px;margin: 0px 0px 0px;} .vorteile-cont h2 {font-size: 28px;line-height: 36px;} .das-port-cont li {font-size: 20px;line-height: 28px;} .das-port-cont h6 {width: 100%;font-size: 20px;line-height: 26px;} .sie-main-cont span {display: inline;} .rgt-fir {margin: 40px 0 0;} .die-groben-cont .light-blue-von {display: inline;} .vorteile-cont p {width: 100%;line-height: 24px;font-size: 16px;} .vorteile-grid-box h5 {width: 100%;font-size: 24px;line-height: 30px;} .vorteile-grid-box p {width: 100%;font-size: 16px;line-height: 24px;} .vorteile-grid-box {margin: 0 0 70px;height: auto;} .vertraun-img {margin-top: 30px;} .stehen-sie-sec .sie-main-grid {display: block;} .zum-der-sec {padding: 40px 15px;} .stehen-sec-bg {padding: 40px 15px 40px;} .stehen-grid {grid-template-columns: repeat(1, minmax(0, 1fr));} .stehen-main-cont h2 {font-size: 28px;line-height: 36px;} .stehen-grid-box {padding: 0px 20px 30px;height: auto;} .stehen-grid-box p {width: 100%;font-size: 16px;line-height: 24px;} .die-groben-cont {margin-bottom: 30px;} .angeboten-sec-bg {padding: 60px 15px;} .angeboten-grid .groben-cont-box {height: auto;} .der-genaue-sec {padding: 40px 15px 60px;} .der-genaue-cont {padding: 40px 30px;display: block;} .das-port-cont .blue-line-break {display: inline;} .angeboten-cont .bg-vt-cont p {width: 100%;} .angeboten-grid .groben-cont-box h6 {margin-bottom: 20px;} .der-genaue-img-cont h5 {font-size: 26px;line-height: 36px;} .der-genaue-img-cont {width: 100%;margin-bottom: 30px;} .die-fur-die-sec .angeboten-cont .bg-vt-cont p {width: 100%;} .die-fur-die-sec .angeboten-grid .groben-cont-box {width: 100%;} .angeboten-grid {margin: 40px 0 0;} .kontakterien-sec-bg {padding: 60px 15px;} .kontakterien-flex {display: block;} .kontakterien-sec-bg .bg-vt-cont {margin-left: 0;} .fur-trager-sec {padding: 60px 15px;} .kontakt-form-sec {padding: 50px 15px;} .kontakt-form-flex {display: block;} .kontakt-form-lft {width: 100%;padding: 40px 20px;} .kontakt-form-rgt {width: 100%;padding: 30px 20px;} .kontakterien-flex img:first-child {width: 100%;margin-bottom: 20px;} .bg-vt-cont ul {padding-left: 0;margin-bottom: 30px;} .bg-vt-cont li {width: 100%;} .fur-trager-cont {padding: 40px 20px;} .fur-trager-cont h2 {font-size: 40px;line-height: 48px;} .fur-trager-cont p {width: 100%;font-size: 16px;line-height: 24px;} .fur-trager-cont h5 {font-size: 24px;line-height: 30px;} .fur-trager-cont .form-control {width: 100%;} .kontakt-form-lft h3 {font-size: 28px;line-height: 36px;} .form-field-flex {display: block;margin: 0 0 0;} .form-field-inner {margin-bottom: 20px;} .fields-imp-text p {width: 100%;font-size: 16px;line-height: 24px;} .jugendamter-sec {padding: 50px 15px;} .jugendamter-cont h4 {padding: 30px 0 0;line-height: 30px;} .jugendamter-cont {padding: 30px 20px;} .unsen-kern-sec {padding: 40px 15px 40px;} .grid-card-boxes {grid-template-columns: repeat(1, minmax(0, 1fr));} .vision-sec-bg {padding: 40px 15px;} .unsere-mission-sec-bg {padding: 40px 15px;} .vision-img-cont .bg-vt-cont p {width: 100%;} .grid-img-cl img {width: auto;height: auto;} .unsen-kern-content .bg-vt-cont p {width: 100%;} .main-in-flx {height: auto;} } @media only screen and (min-width: 375px) and (max-width: 424px) { .round-curve-img { left: 80px; } } @media only screen and (min-width: 425px) and (max-width: 529px) { .round-curve-img { left: 90px; } } @media only screen and (min-width: 530px) and (max-width: 767px) { .match-inner-items:after {top: 29px;} .round-curve-img { left: 251px; } .main-slider-back-des { display: none; } .hze-center { display: none; } .header { padding: 15px 15px; } .curator-mobile-show { display: block; } .curator-mobile-hide { display: none; } .header .navbar { width: 100%; max-width: 100%; gap: 0px; flex-direction: row-reverse; justify-content: end; } .banner-main { padding: 40px 15px; } .platz-sec { padding: 40px 15px; } .ferie-section-bg { padding: 40px 15px 0px; } .heraus-sec-bg { padding: 30px 15px 30px; } .portal-sec-bg { padding: 30px 15px 40px; } .der-alltag-sec { padding: 40px 15px; } .des-portal-sec { padding: 40px 15px 130px; } footer { padding: 50px 15px 20px; } .portal-content-flex { margin: 30px 0 0; } .match-items-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .right-side-cont h2 { font-size: 28px; line-height: 36px; margin: 0px 0 0; } .fur-inner-boxes { display: block; } .main-fur-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; } .heraus-content h2 { font-size: 25px; line-height: 33px; } .der-alltag-content h2 { font-size: 28px; line-height: 36px; } .main-slider-content { padding: 33px 17px 50px; width: 100%; } .left-platz-content { margin-right: 0px; } .freire-trag h6 { font-size: 20px; line-height: 26px; } .header .burger { margin-right: 0; } .brand img { width: 300px; } .header .menu.is-active { background-color: #3c9eff !important; } .header .menu-inner { align-items: flex-start; justify-content: flex-start; padding: 0 20px; row-gap: 1rem; } .header .menu-link:hover { color: #223289; } .freire-trag h1 { font-size: 40px; line-height: 42px; } .freire-trag .wirch-span { display: inline; } .freire-trag-content p { width: 100%; font-size: 16px; line-height: 24px; } .friere-banner-btn .btn-primary { font-size: 15px; } .friere-banner-img img { border-radius: 10px; } .cur-login-btn .btn-primary { font-size: 15px; padding: 10px 30px; } .match-inner-items h5 { font-size: 22px; } .match-inner-items p { font-size: 16px; line-height: 24px; } .plazt-mn-box { display: block; } .inner-platz-img-cont { border-radius: 10px; width: 100%; } .left-platz-content img { border-radius: 10px; } .inner-platz-img-cont span { font-size: 38px; line-height: 46px; margin: 20px 0 10px; } .inner-platz-img { width: 100%; margin-top: 20px; } .right-side-cont p { width: 100%; font-size: 16px; line-height: 24px; } .fur-ferie-text h2 { font-size: 28px; line-height: 36px; } .fur-ferie-text p { font-size: 16px; line-height: 24px; width: 100%; } .cls-img-cont h6 { font-size: 18px; line-height: 24px; margin: 15px 0 0; } .ferie-section-bg .main-fur-grid { margin: 0 0 40px; } .heraus-content p { width: 100%; font-size: 16px; line-height: 24px; } .heraus-right-side-content p { width: 100%; font-size: 16px; line-height: 24px; } .portal-main-heading h2 { font-size: 28px; line-height: 36px; } .hze-left h5 { width: 100%; font-size: 22px; line-height: 30px; } .hze-left { width: 100%; } .hze-left p { width: 100%; font-size: 16px; line-height: 24px; } .hze-left img { border-radius: 10px; } .hze-right { width: 100%; margin: 40px 0 0; } .hze-right img { border-radius: 10px; } .hze-right h5 { width: 100%; margin: 20px 0 10px; font-size: 22px; line-height: 30px; } .hze-right p { width: 100%; line-height: 24px; font-size: 16px; } .der-alltag-content p { width: 70%; line-height: 24px; font-size: 16px; } .asd-listing li { font-size: 16px; line-height: 24px; } .asd-listing span { display: contents; } .searchicon-leftside p { margin: 0 0 10px; font-size: 16px; line-height: 24px; } .des-portal-content h2 { font-size: 28px; line-height: 36px; } .des-portal-content p { width: 100%; line-height: 24px; font-size: 16px; } .des-portal-content { margin: 0 0 50px; } .footer-content img { border-radius: 10px; } .footer-content h2 { font-size: 28px; line-height: 36px; } .footer-content p { line-height: 24px; font-size: 16px; } .footer-content { margin: -210px auto 0 auto; } .footer-content-bottom p { font-size: 16px; line-height: 24px; } .footer-content-bottom span { font-size: 16px; line-height: 24px; } .flags-flex { width: 100%; gap: 30px; } .flag-forms h5 { font-size: 22px; line-height: 30px; } .flag-forms { width: 100%; } .subscription-form .btn-primary { font-size: 15px; padding: 12px 30px; } .footer-quick-links ul { gap: 30px; margin: 6px 0 0; } .footer-links p { font-size: 14px; line-height: 22px; } .footer-quick-links a { font-size: 14px; line-height: 22px; } .der-alltag-content p { margin: 25px auto 10px auto; } .platz-sec .row { align-items: flex-start; } .datenschutz-bg {padding: 40px 15px;} .vertraun-sec-bg {padding: 50px 15px 20px;} .grid-boxes-sec {padding: 20px 15px 30px;} .bg-vt-cont h2 {font-size: 28px;line-height: 36px;} .it-banner-left-cont h2 {line-height: 42px;font-size: 40px;} .it-banner-left-cont p {width: 100%;font-size: 16px;line-height: 24px;} .it-banner-left-cont {margin-bottom: 20px;} .bg-vt-box h6 {font-size: 17px;line-height: 24px;} .bg-vt-cont {margin-top: 20px;} .bg-vt-cont p {width: 100%;font-size: 16px;line-height: 24px;} .boxes-border p {width: 100%;font-size: 16px;line-height: 24px;} .boxes-border {padding: 30px 20px;} .boxes-border h6 {font-size: 20px;line-height: 28px;} .friere-trager-it .sie-main-grid {display: none;} .sie-main-grid-mobile {display: none;margin: 40px 0;} .sie-first-circle span {display: none;} .kennen-sec .sie-first-circle span {display: none;} .kennen-sec .sie-fifth-circle span {display: none;} .friere-trager-sec .kontakt-right-arrow {display: none;} .sie-four-circle span {display: none;} .kennen-sec .sie-six-circle span {display: none;} .sie-sec-circle span {display: none;} .kennen-sec .sie-thr-circle span {display: none;} .center-sie-img {display: none;} .kontakt-banner-sec {padding: 60px 15px;} .ich-will-sec {padding: 70px 15px 0px;} section.stehen-sie-sec {padding: 60px 15px;} .die-groben-sec {padding: 40px 15px;} .werte-sec-bg {padding: 40px 15px;} .entlastung-sec-bg {padding: 60px 15px;} .start-platz-sec {padding: 40px 15px;} .unfrage-sec-bg {padding: 60px 15px;} .haben-sec {padding: 40px 15px;} .kontakt-banner-cont h2 {font-size: 28px;line-height: 36px;} .kontakt-banner-cont p {width: 100%;font-size: 16px;line-height: 24px;} .bg-vt-box h6:before {top: 4px;} .ich-will-sec .bg-vt-cont p {width: 100%;} .ich-will-sec .bg-vt-cont li {width: 100%;font-size: 16px;line-height: 24px;} .ich-will-sec .bg-vt-cont h5 {font-size: 24px;line-height: 30px;} .left-sie-cont {width: 100%;} .right-sie-cont {width: 100%;} .sie-main-cont h2 {font-size: 28px;line-height: 36px;} .kennen-sec .lft-seco {margin: 100px 0 0;} .kennen-sec .lft-third {margin: 40px 0 0;} .kennen-sec .rgt-fir {margin: 70px 0 0;} .kennen-sec .rgt-seco {margin: 90px 0 0;} .kennen-sec .rgt-third {margin: 40px 0 0;} .left-sie-box p {font-size: 16px;line-height: 24px;} .die-groben-cont h2 {font-size: 28px;line-height: 36px;} .die-groben-cont h5 {font-size: 24px;line-height: 30px;margin-bottom: 30px;} .groben-cont-box {display: block;height: auto;padding: 25px 15px;} .werte-sec-grid {grid-template-columns: repeat(1, minmax(0, 1fr));} .werte-right-side {grid-template-columns: repeat(2, minmax(0, 1fr));} .werte-sec-bottom-grid {grid-template-columns: repeat(2, minmax(0, 1fr));} .befragte-grid {grid-template-columns: repeat(2, minmax(0, 1fr));} .haben-imgs img:last-child {margin-left: -50px;} .kontakt-banner-cont {margin-bottom: 30px;} .right-sie-box span {display: inline;} .left-sie-box span {display: inline;} .right-sie-box p {font-size: 16px;line-height: 24px;} .die-groben-cont h5 span {display: inline;} .die-groben-cont .blue-line-break {display: inline;} .groben-cont-box p {font-size: 16px;line-height: 24px;margin: 0 0 20px;} .werte-rightside-box p {font-size: 16px;line-height: 24px;} .werte-rightside-box {padding: 20px;height: auto;} .link-out {display: inline;} .start-platz-cont span {font-size: 22px;line-height: 30px;padding: 15px 30px;gap: 20px;} .start-platz-cont span img {width: 30px;} .start-platz-cont h2 {font-size: 28px;line-height: 36px;} .ar-main-cut1 h5 {font-size: 22px;line-height: 30px;} .ar-main-cut1 p {font-size: 16px;line-height: 24px;} .ar-main-cut1 {margin: 0px 0 20px;} .unfrage-rgt-cont {width: 100%;} .haben-sec .kontakt-banner-cont h2 {font-size: 28px;line-height: 36px;} .jug-haben-sec {margin-bottom: 200px;} .haben-imgs img {width: 160px;} .haben-sec .row {align-items: center;} .groben-cont-box img {width: 80px;} .impr-sec {padding: 40px 15px;} .haftung-sec-bg {padding: 30px 15px 50px;} .haftung-sec-grid {grid-template-columns: repeat(2, minmax(0, 1fr));} .impr-cont {padding: 20px;width: 100%;} .impr-cont h6 {font-size: 17px;line-height: 24px;} .impr-cont h2 {font-size: 40px;line-height: 48px;} .impr-cont li {font-size: 16px;line-height: 24px;} .haftung-box {padding: 20px;} .haftung-box h5 {font-size: 24px;line-height: 28px;} .haftung-box h4 {font-size: 28px;line-height: 36px;} .haftund-address a {font-size: 16px;line-height: 24px;} .it-socherheit-sec {padding: 30px 15px 60px;} .it-banner-left-cont span {display: inline;} .kontakt-right-arrow {display: none;} .vorteile-sec-bg {padding: 40px 15px 0px;} .vorteile-grid {grid-template-columns: repeat(2, minmax(0, 1fr));} .das-hze-sec {padding: 60px 15px;} .das-port-cont h2 {font-size: 28px;line-height: 36px;margin: 0px 0px 0;} .vorteile-cont h2 {font-size: 28px;line-height: 36px;} .das-port-cont li {font-size: 20px;line-height: 28px;} .das-port-cont h6 {width: 100%;font-size: 20px;line-height: 26px;} .sie-main-cont span {display: inline;} .rgt-fir {margin: 40px 0 0;} .die-groben-cont .light-blue-von {display: inline;} .vorteile-cont p {width: 80%;line-height: 24px;font-size: 16px;} .vorteile-grid-box h5 {width: 100%;font-size: 24px;line-height: 30px;} .vorteile-grid-box p {width: 100%;font-size: 16px;line-height: 24px;} .vorteile-grid-box {margin: 0 0 70px;height: auto;} .vertraun-img {margin-top: 30px;} .yt2-img {left: -70px;} .zum-der-sec {padding: 40px 15px;} .stehen-sec-bg {padding: 40px 15px 40px;} .stehen-grid {grid-template-columns: repeat(2, minmax(0, 1fr));} .stehen-main-cont h2 {font-size: 28px;line-height: 36px;} .stehen-grid-box {padding: 0px 20px 30px;height: auto;} .stehen-grid-box p {width: 100%;font-size: 16px;line-height: 24px;} .die-groben-cont {margin-bottom: 30px;} .angeboten-sec-bg {padding: 60px 15px 30px;} .angeboten-grid .groben-cont-box {height: auto;} .der-genaue-sec {padding: 40px 15px 60px;} .der-genaue-cont {padding: 40px 30px;} .das-port-cont .blue-line-break {display: inline;} .angeboten-cont .bg-vt-cont p {width: 100%;} .angeboten-grid .groben-cont-box h6 {margin-bottom: 20px;} .der-genaue-img-cont h5 {font-size: 26px;line-height: 36px;} .der-genaue-img-cont {width: 100%;margin-bottom: 30px;} .die-fur-die-sec .angeboten-cont .bg-vt-cont p {width: 100%;} .die-fur-die-sec .angeboten-grid .groben-cont-box {width: 100%;} .angeboten-grid {margin: 40px 0 0;} .kontakterien-sec-bg {padding: 60px 15px;} .kontakterien-flex {display: block;} .kontakterien-sec-bg .bg-vt-cont {margin-left: 0;} .fur-trager-sec {padding: 60px 15px;} .kontakt-form-sec {padding: 50px 15px;} .kontakt-form-flex {display: block;} .kontakt-form-lft {width: 100%;padding: 40px 20px;} .kontakt-form-rgt {width: 100%;padding: 30px 20px;} .kontakterien-flex img:first-child {width: 100%;margin-bottom: 20px;} .bg-vt-cont ul {padding-left: 0;} .bg-vt-cont li {width: 100%;} .fur-trager-cont {padding: 40px 20px;} .fur-trager-cont h2 {font-size: 40px;line-height: 48px;} .fur-trager-cont p {width: 80%;font-size: 16px;line-height: 24px;} .fur-trager-cont h5 {font-size: 24px;line-height: 30px;} .fur-trager-cont .form-control {width: 60%;} .kontakt-form-lft h3 {font-size: 28px;line-height: 36px;} .fields-imp-text p {width: 100%;font-size: 16px;line-height: 24px;} .jugendamter-sec {padding: 50px 15px;} .jugendamter-cont h4 {padding: 30px 0 0;line-height: 30px;} .jugendamter-cont {padding: 30px 20px;} .unsen-kern-sec {padding: 40px 15px 40px;} .grid-card-boxes {grid-template-columns: repeat(2, minmax(0, 1fr));} .vision-sec-bg {padding: 40px 15px;} .unsere-mission-sec-bg {padding: 40px 15px;} .vision-img-cont .bg-vt-cont p {width: 100%;} .grid-img-cl img {width: auto;height: auto;} .unsen-kern-content .bg-vt-cont p {width: 80%;} .main-in-flx {height: auto;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .match-inner-items:after {top: 24px;} .round-curve-img { left: 271px; } .main-slider-back-des { display: none; } .hze-center { display: none; } .header { padding: 15px 15px; } .curator-mobile-show { display: block; } .curator-mobile-hide { display: none; } .header .navbar { width: 100%; max-width: 100%; gap: 0px; flex-direction: row-reverse; justify-content: end; } .banner-main { padding: 40px 15px; } .platz-sec { padding: 40px 15px; } .ferie-section-bg { padding: 40px 15px 0px; } .heraus-sec-bg { padding: 30px 15px 30px; } .portal-sec-bg { padding: 30px 15px 40px; } .der-alltag-sec { padding: 40px 15px; } .des-portal-sec { padding: 40px 15px 130px; } footer { padding: 50px 15px 20px; } .portal-content-flex { margin: 30px 0 0; } .match-items-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .right-side-cont h2 { font-size: 28px; line-height: 36px; margin: 0px 0 0; } .fur-inner-boxes { display: block; } .main-fur-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; } .heraus-content h2 { font-size: 25px; line-height: 33px; } .der-alltag-content h2 { font-size: 28px; line-height: 36px; } .main-slider-content { padding: 33px 17px 50px; width: 100%; } .left-platz-content { margin-right: 0px; } .freire-trag h6 { font-size: 20px; line-height: 26px; } .header .burger { margin-right: 0; } .brand img { width: 180px; } .header .menu.is-active { background-color: #3c9eff !important; } .header .menu-inner { align-items: center; justify-content: flex-start; padding: 0 20px; row-gap: 1rem; } .header .menu-link:hover { color: #223289; } .freire-trag h1 { font-size: 40px; line-height: 42px; } .freire-trag .wirch-span { display: inline; } .freire-trag-content p { width: 100%; font-size: 16px; line-height: 24px; } .friere-banner-btn .btn-primary { font-size: 15px; } .friere-banner-img img { border-radius: 10px; } .cur-login-btn .btn-primary { font-size: 15px; padding: 10px 30px; } .match-inner-items h5 { font-size: 22px; line-height: 28px; } .match-inner-items p { font-size: 16px; line-height: 24px; } .plazt-mn-box { display: block; } .inner-platz-img-cont { border-radius: 10px; width: 100%; } .left-platz-content img { border-radius: 10px; } .inner-platz-img-cont span { font-size: 38px; line-height: 46px; margin: 20px 0 10px; } .inner-platz-img { width: 100%; margin-top: 20px; } .right-side-cont p { width: 100%; font-size: 16px; line-height: 24px; } .fur-ferie-text h2 { font-size: 28px; line-height: 36px; } .fur-ferie-text p { font-size: 16px; line-height: 24px; width: 100%; } .cls-img-cont h6 { font-size: 18px; line-height: 24px; margin: 15px 0 0; } .ferie-section-bg .main-fur-grid { margin: 0 0 40px; } .heraus-content p { width: 100%; font-size: 16px; line-height: 24px; } .heraus-right-side-content p { width: 100%; font-size: 16px; line-height: 24px; } .portal-main-heading h2 { font-size: 28px; line-height: 36px; } .hze-left h5 { width: 100%; font-size: 22px; line-height: 30px; } .hze-left { width: 100%; } .hze-left p { width: 100%; font-size: 16px; line-height: 24px; } .hze-left img { border-radius: 10px; } .hze-right { width: 100%; margin: 40px 0 0; } .hze-right img { border-radius: 10px; } .hze-right h5 { width: 100%; margin: 20px 0 10px; font-size: 22px; line-height: 30px; } .hze-right p { width: 100%; line-height: 24px; font-size: 16px; } .der-alltag-content p { width: 70%; line-height: 24px; font-size: 16px; } .asd-listing li { font-size: 16px; line-height: 24px; } .asd-listing span { display: contents; } .searchicon-leftside p { margin: 0 0 10px; font-size: 16px; line-height: 24px; } .des-portal-content h2 { font-size: 28px; line-height: 36px; } .des-portal-content p { width: 100%; line-height: 24px; font-size: 16px; } .des-portal-content { margin: 0 0 50px; } .footer-content img { border-radius: 10px; } .footer-content h2 { font-size: 28px; line-height: 36px; } .footer-content p { line-height: 24px; font-size: 16px; } .footer-content { margin: -210px auto 0 auto; } .footer-content-bottom p { font-size: 16px; line-height: 24px; width: 70%; margin: 100px auto 20px auto; } .footer-content-bottom span { font-size: 16px; line-height: 24px; width: 70%; margin: 0 auto; } .flags-flex { width: 60%; gap: 30px; } .flag-forms h5 { font-size: 22px; line-height: 30px; } .flag-forms { width: 60%; } .subscription-form .btn-primary { font-size: 15px; padding: 12px 30px; } .footer-quick-links ul { gap: 30px; margin: 6px 0 0; } .footer-links p { font-size: 14px; line-height: 22px; } .footer-quick-links a { font-size: 14px; line-height: 22px; } .der-alltag-content p { margin: 25px auto 10px auto; } .platz-sec .row { align-items: flex-start; } .header .menu-inner { column-gap: 1rem; } .header .menu-link { font-size: 16px; } .datenschutz-bg {padding: 40px 15px;} .vertraun-sec-bg {padding: 50px 15px 20px;} .grid-boxes-sec {padding: 20px 15px 30px;} .bg-vt-cont h2 {font-size: 28px;line-height: 36px;} .it-banner-left-cont h2 {line-height: 42px;font-size: 40px;} .it-banner-left-cont p {width: 100%;font-size: 16px;line-height: 24px;} .it-banner-left-cont {margin-bottom: 20px;} .bg-vt-box h6 {font-size: 17px;line-height: 24px;} .bg-vt-cont {margin-top: 20px;} .bg-vt-cont p {width: 100%;font-size: 16px;line-height: 24px;} .boxes-border p {width: 100%;font-size: 16px;line-height: 24px;} .boxes-border {padding: 30px 20px;} .boxes-border h6 {font-size: 20px;line-height: 28px;} .friere-trager-it .sie-main-grid {display: none;} .sie-main-grid-mobile {display: none;margin: 40px 0;} .sie-first-circle span {display: none;} .kennen-sec .sie-first-circle span {display: none;} .kennen-sec .sie-fifth-circle span {display: none;} .friere-trager-sec .kontakt-right-arrow {display: none;} .sie-four-circle span {display: none;} .kennen-sec .sie-six-circle span {display: none;} .sie-sec-circle span {display: none;} .kennen-sec .sie-thr-circle span {display: none;} .center-sie-img {display: none;} .kontakt-banner-sec {padding: 60px 15px;} .ich-will-sec {padding: 70px 15px 0px;} section.stehen-sie-sec {padding: 60px 15px;} .die-groben-sec {padding: 40px 15px;} .werte-sec-bg {padding: 40px 15px;} .entlastung-sec-bg {padding: 60px 15px;} .start-platz-sec {padding: 40px 15px;} .unfrage-sec-bg {padding: 60px 15px;} .haben-sec {padding: 40px 15px;} .kontakt-banner-cont h2 {font-size: 28px;line-height: 36px;} .kontakt-banner-cont p {width: 100%;font-size: 16px;line-height: 24px;} .bg-vt-box h6:before {top: 4px;} .ich-will-sec .bg-vt-cont p {width: 100%;} .ich-will-sec .bg-vt-cont li {width: 100%;font-size: 16px;line-height: 24px;} .ich-will-sec .bg-vt-cont h5 {font-size: 24px;line-height: 30px;} .left-sie-cont {width: 100%;} .right-sie-cont {width: 100%;} .sie-main-cont h2 {font-size: 28px;line-height: 36px;} .kennen-sec .lft-seco {margin: 100px 0 0;} .kennen-sec .lft-third {margin: 40px 0 0;} .kennen-sec .rgt-fir {margin: 70px 0 0;} .kennen-sec .rgt-seco {margin: 90px 0 0;} .kennen-sec .rgt-third {margin: 40px 0 0;} .left-sie-box p {font-size: 16px;line-height: 24px;} .die-groben-cont h2 {font-size: 28px;line-height: 36px;} .die-groben-cont h5 {font-size: 24px;line-height: 30px;margin-bottom: 30px;} .groben-cont-box {display: block;height: auto;padding: 25px 15px;} .werte-sec-grid {grid-template-columns: repeat(1, minmax(0, 1fr));} .werte-right-side {grid-template-columns: repeat(2, minmax(0, 1fr));} .werte-sec-bottom-grid {grid-template-columns: repeat(2, minmax(0, 1fr));} .befragte-grid {grid-template-columns: repeat(2, minmax(0, 1fr));} .haben-imgs img:last-child {margin-left: -50px;} .kontakt-banner-cont {margin-bottom: 30px;} .right-sie-box span {display: inline;} .left-sie-box span {display: inline;} .right-sie-box p {font-size: 16px;line-height: 24px;} .die-groben-cont h5 span {display: inline;} .die-groben-cont .blue-line-break {display: inline;} .groben-cont-box p {font-size: 16px;line-height: 24px;margin: 0 0 20px;} .werte-rightside-box p {font-size: 16px;line-height: 24px;} .werte-rightside-box {padding: 20px;height: auto;} .link-out {display: inline;} .start-platz-cont span {font-size: 22px;line-height: 30px;padding: 15px 30px;gap: 20px;} .start-platz-cont span img {width: 30px;} .start-platz-cont h2 {font-size: 28px;line-height: 36px;} .ar-main-cut1 h5 {font-size: 22px;line-height: 30px;} .ar-main-cut1 p {font-size: 16px;line-height: 24px;} .ar-main-cut1 {margin: 0px 0 20px;} .unfrage-rgt-cont {width: 100%;} .haben-sec .kontakt-banner-cont h2 {font-size: 28px;line-height: 36px;} .jug-haben-sec {margin-bottom: 200px;} .haben-imgs img {width: 160px;} .haben-sec .row {align-items: center;} .groben-cont-box img {width: 80px;} .sie-main-grid-mobile .left-sie-cont {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 40px;} .kontakt-banner-cont .aufnehem-text {display: inline-block;} .impr-sec {padding: 40px 15px;} .haftung-sec-bg {padding: 30px 15px 50px;} .haftung-sec-grid {grid-template-columns: repeat(2, minmax(0, 1fr));} .impr-cont {padding: 20px;width: 100%;} .impr-cont h6 {font-size: 17px;line-height: 24px;} .impr-cont h2 {font-size: 40px;line-height: 48px;} .impr-cont li {font-size: 16px;line-height: 24px;} .haftung-box {padding: 20px;} .haftung-box h5 {font-size: 24px;line-height: 28px;} .haftung-box h4 {font-size: 28px;line-height: 36px;} .haftund-address a {font-size: 16px;line-height: 24px;} .it-socherheit-sec {padding: 30px 15px 60px;} .it-banner-left-cont span {display: inline;} .kontakt-right-arrow {display: none;} .vorteile-sec-bg {padding: 40px 15px 0px;} .vorteile-grid {grid-template-columns: repeat(2, minmax(0, 1fr));} .das-hze-sec {padding: 60px 15px;} .das-port-cont h2 {font-size: 28px;line-height: 36px;margin: 0px 0px 0;} .vorteile-cont h2 {font-size: 28px;line-height: 36px;} .das-port-cont li {font-size: 20px;line-height: 28px;} .das-port-cont h6 {width: 100%;font-size: 20px;line-height: 26px;} .sie-main-cont span {display: inline;} .rgt-fir {margin: 40px 0 0;} .die-groben-cont .light-blue-von {display: inline;} .vorteile-cont p {width: 100%;line-height: 24px;font-size: 16px;} .vorteile-grid-box h5 {width: 100%;font-size: 24px;line-height: 30px;} .vorteile-grid-box p {width: 100%;font-size: 16px;line-height: 24px;} .vorteile-grid-box {margin: 0 0 70px;height: auto;} .vertraun-img {margin-top: 30px;} .yt2-img {left: -70px;} .zum-der-sec {padding: 40px 15px;} .stehen-sec-bg {padding: 40px 15px 40px;} .stehen-grid {grid-template-columns: repeat(2, minmax(0, 1fr));} .stehen-main-cont h2 {font-size: 28px;line-height: 36px;} .stehen-grid-box {padding: 0px 20px 30px;height: auto;} .stehen-grid-box p {width: 100%;font-size: 16px;line-height: 24px;} .die-groben-cont {margin-bottom: 30px;} .angeboten-sec-bg {padding: 60px 15px 30px;} .angeboten-grid .groben-cont-box {height: auto;} .der-genaue-sec {padding: 40px 15px 60px;} .der-genaue-cont {padding: 40px 30px;} .das-port-cont .blue-line-break {display: inline;} .angeboten-cont .bg-vt-cont p {width: 100%;} .angeboten-grid .groben-cont-box h6 {margin-bottom: 20px;} .der-genaue-img-cont h5 {font-size: 26px;line-height: 36px;} .der-genaue-img-cont {width: 100%;margin-bottom: 30px;} .die-fur-die-sec .angeboten-cont .bg-vt-cont p {width: 100%;} .die-fur-die-sec .angeboten-grid .groben-cont-box {width: 100%;} .angeboten-grid {margin: 40px 0 0;} .kontakterien-sec-bg {padding: 60px 15px;} .kontakterien-flex {display: block;} .kontakterien-sec-bg .bg-vt-cont {margin-left: 0;} .fur-trager-sec {padding: 60px 15px;} .kontakt-form-sec {padding: 50px 15px;} .kontakt-form-flex {display: block;} .kontakt-form-lft {width: 100%;padding: 40px 20px;} .kontakt-form-rgt {width: 100%;padding: 30px 20px;} .kontakterien-flex img:first-child {width: 100%;margin-bottom: 20px;} .bg-vt-cont ul {padding-left: 0;} .bg-vt-cont li {width: 100%;} .fur-trager-cont {padding: 40px 20px;} .fur-trager-cont h2 {font-size: 40px;line-height: 48px;} .fur-trager-cont p {width: 80%;font-size: 16px;line-height: 24px;} .fur-trager-cont h5 {font-size: 24px;line-height: 30px;} .fur-trager-cont .form-control {width: 60%;} .kontakt-form-lft h3 {font-size: 28px;line-height: 36px;} .fields-imp-text p {width: 100%;font-size: 16px;line-height: 24px;} .jugendamter-sec {padding: 50px 15px;} .jugendamter-cont h4 {padding: 30px 0 0;line-height: 30px;} .jugendamter-cont {padding: 30px 20px;} .unsen-kern-sec {padding: 40px 15px 40px;} .grid-card-boxes {grid-template-columns: repeat(2, minmax(0, 1fr));} .vision-sec-bg {padding: 40px 15px;} .unsere-mission-sec-bg {padding: 40px 15px;} .vision-img-cont .bg-vt-cont p {width: 100%;} .grid-img-cl img {width: auto;height: auto;} .unsen-kern-content .bg-vt-cont p {width: 80%;} .main-in-flx {height: auto;} } @media only screen and (min-width: 992px) and (max-width: 1199px) { .sie-sec-circle span {top: 117px;} .rgt-seco {margin: 140px 0 0;} .round-curve-img { left: 401px; } .header { padding: 15px 15px; } .curator-mobile-show { display: block; } .curator-mobile-hide { display: none; } .header .navbar { width: 100%; max-width: 100%; gap: 0px; flex-direction: row-reverse; justify-content: end; } .banner-main { padding: 40px 15px; } .platz-sec { padding: 40px 15px; } .ferie-section-bg { padding: 40px 15px 0px; } .heraus-sec-bg { padding: 30px 15px 30px; } .portal-sec-bg { padding: 30px 15px 40px; } .der-alltag-sec { padding: 40px 15px; } .des-portal-sec { padding: 40px 15px 130px; } footer { padding: 50px 15px 20px; } .portal-content-flex { margin: 30px 0 0; } .match-items-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 30px 20px 0px; } .right-side-cont h2 { font-size: 28px; line-height: 36px; margin: 0px 0 0; } .fur-inner-boxes { display: block; } .main-fur-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; } .heraus-content h2 { font-size: 25px; line-height: 33px; } .der-alltag-content h2 { font-size: 28px; line-height: 36px; } .main-slider-content { padding: 33px 17px 50px; width: 80%; } .left-platz-content { margin-right: 0px; } .freire-trag h6 { font-size: 20px; line-height: 26px; } .header .burger { margin-right: 0; } .brand img { width: 180px; } .header .menu.is-active { background-color: #3c9eff !important; } .header .menu-inner { align-items: center; justify-content: flex-start; padding: 0 20px; row-gap: 1rem; } .header .menu-link:hover { color: #223289; } .freire-trag h1 { font-size: 40px; line-height: 42px; } .freire-trag .wirch-span { display: inline; } .freire-trag-content p { width: 100%; font-size: 16px; line-height: 24px; } .friere-banner-btn .btn-primary { font-size: 15px; } .friere-banner-img img { border-radius: 10px; } .cur-login-btn .btn-primary { font-size: 15px; padding: 10px 30px; } .match-inner-items h5 { font-size: 22px; line-height: 30px; } .match-inner-items p { font-size: 16px; line-height: 24px; } .inner-platz-img-cont { border-radius: 10px; width: 70%; } .left-platz-content img { border-radius: 10px; } .inner-platz-img-cont span { font-size: 38px; line-height: 46px; margin: 20px 0 10px; } .inner-platz-img { width: 100%; } .right-side-cont p { width: 100%; font-size: 16px; line-height: 24px; } .fur-ferie-text h2 { font-size: 28px; line-height: 36px; } .fur-ferie-text p { font-size: 16px; line-height: 24px; width: 100%; } .cls-img-cont h6 { font-size: 18px; line-height: 24px; margin: 15px 0 0; } .ferie-section-bg .main-fur-grid { margin: 0 0 40px; } .heraus-content p { width: 100%; font-size: 16px; line-height: 24px; } .heraus-right-side-content p { width: 100%; font-size: 16px; line-height: 24px; } .portal-main-heading h2 { font-size: 28px; line-height: 36px; } .hze-left h5 { width: 100%; font-size: 22px; line-height: 30px; } .hze-left { width: 100%; } .hze-left p { width: 100%; font-size: 16px; line-height: 24px; } .hze-left img { border-radius: 10px; } .hze-right { width: 100%; } .hze-right img { border-radius: 10px; } .hze-right h5 { width: 100%; margin: 20px 0 10px; font-size: 22px; line-height: 30px; } .hze-right p { width: 100%; line-height: 24px; font-size: 16px; } .der-alltag-content p { width: 70%; line-height: 24px; font-size: 16px; } .asd-listing li { font-size: 16px; line-height: 24px; } .asd-listing span { display: contents; } .searchicon-leftside p { margin: 0 0 10px; font-size: 16px; line-height: 24px; } .des-portal-content h2 { font-size: 28px; line-height: 36px; } .des-portal-content p { width: 100%; line-height: 24px; font-size: 16px; } .des-portal-content { margin: 0 0 50px; } .footer-content img { border-radius: 10px; } .footer-content h2 { font-size: 28px; line-height: 36px; } .footer-content p { line-height: 24px; font-size: 16px; } .footer-content { margin: -210px auto 0 auto; } .footer-content-bottom p { font-size: 16px; line-height: 24px; width: 70%; margin: 100px auto 20px auto; } .footer-content-bottom span { font-size: 16px; line-height: 24px; width: 70%; margin: 0 auto; } .flags-flex { width: 60%; gap: 30px; } .flag-forms h5 { font-size: 22px; line-height: 30px; } .flag-forms { width: 60%; } .subscription-form .btn-primary { font-size: 15px; padding: 12px 30px; } .footer-quick-links ul { gap: 30px; margin: 6px 0 0; } .footer-links p { font-size: 14px; line-height: 22px; } .footer-quick-links a { font-size: 14px; line-height: 22px; } .der-alltag-content p { margin: 25px auto 10px auto; } .platz-sec .row { align-items: flex-start; } .header .menu-inner { column-gap: 3rem; } .header .menu-link { font-size: 16px; } .match-inner-items:after { left: -22px; top: 27px; } .main-slider-back-des { width: 88%; left: 58px; } .datenschutz-bg {padding: 40px 15px;} .vertraun-sec-bg {padding: 50px 15px 20px;} .grid-boxes-sec {padding: 20px 15px 30px;} .bg-vt-cont h2 {font-size: 28px;line-height: 36px;} .it-banner-left-cont h2 {line-height: 42px;font-size: 40px;} .it-banner-left-cont p {width: 100%;font-size: 16px;line-height: 24px;} .it-banner-left-cont {margin-bottom: 20px;} .bg-vt-box h6 {font-size: 17px;line-height: 24px;} .bg-vt-cont {margin-top: 20px;} .bg-vt-cont p {width: 100%;font-size: 16px;line-height: 24px;} .boxes-border p {width: 100%;font-size: 16px;line-height: 24px;} .boxes-border {padding: 30px 20px;} .boxes-border h6 {font-size: 20px;line-height: 28px;} .friere-trager-sec .kontakt-right-arrow {right: -30px;} .kontakt-banner-sec {padding: 60px 15px;} .ich-will-sec {padding: 70px 15px 0px;} section.stehen-sie-sec {padding: 60px 15px;} .die-groben-sec {padding: 40px 15px;} .werte-sec-bg {padding: 40px 15px;} .entlastung-sec-bg {padding: 60px 15px;} .start-platz-sec {padding: 40px 15px;} .unfrage-sec-bg {padding: 60px 15px;} .haben-sec {padding: 40px 15px;} .kontakt-banner-cont h2 {font-size: 40px;line-height: 48px;} .kontakt-banner-cont p {width: 100%;font-size: 16px;line-height: 24px;} .bg-vt-box h6:before {top: 4px;} .ich-will-sec .bg-vt-cont p {width: 100%;} .ich-will-sec .bg-vt-cont li {width: 100%;font-size: 16px;line-height: 24px;} .ich-will-sec .bg-vt-cont h5 {font-size: 24px;line-height: 30px;} .sie-main-cont h2 {font-size: 28px;line-height: 36px;} .left-sie-box p {font-size: 16px;line-height: 24px;} .die-groben-cont h2 {font-size: 28px;line-height: 36px;} .die-groben-cont h5 {font-size: 24px;line-height: 30px;margin-bottom: 30px;} .groben-cont-box {display: block;height: auto;padding: 25px 15px;} .werte-right-side {grid-template-columns: repeat(2, minmax(0, 1fr));} .werte-sec-bottom-grid {grid-template-columns: repeat(3, minmax(0, 1fr));} .befragte-grid {grid-template-columns: repeat(3, minmax(0, 1fr));gap: 10px;} .haben-imgs img:last-child {margin-left: -50px;} .kontakt-banner-cont {margin-bottom: 30px;} .right-sie-box span {display: inline;} .left-sie-box span {display: inline;} .right-sie-box p {font-size: 16px;line-height: 24px;} .die-groben-cont h5 span {display: inline;} .die-groben-cont .blue-line-break {display: inline;} .groben-cont-box p {font-size: 16px;line-height: 24px;margin: 0 0 20px;} .werte-rightside-box p {font-size: 16px;line-height: 24px;} .werte-rightside-box {padding: 20px;height: auto;} .start-platz-cont span {font-size: 22px;line-height: 30px;padding: 15px 30px;gap: 20px;} .start-platz-cont span img {width: 30px;} .start-platz-cont h2 {font-size: 28px;line-height: 36px;} .ar-main-cut1 p {font-size: 16px;line-height: 26px;} .unfrage-rgt-cont {width: 100%;} .haben-sec .kontakt-banner-cont h2 {font-size: 28px;line-height: 36px;} .jug-haben-sec {margin-bottom: 200px;} .haben-imgs img {width: 250px;} .haben-sec .row {align-items: center;} .groben-cont-box img {width: 80px;} .friere-trager-it .sie-main-grid {align-items: center;} .kennen-sec .sie-thr-circle span {top: 370px;left: -5px;} .kennen-sec .sie-sec-circle span {top: 200px;left: -5px;} .kennen-sec .sie-four-circle span {bottom: 450px;left: -5px;} .kennen-sec .sie-fifth-circle span {bottom: 312px;left: -5px;} .kennen-sec .sie-six-circle span {bottom: 180px;left: -5px;} .friere-trager-it .sie-first-circle span {top: 120px;left: -5px;} .friere-trager-it .sie-sec-circle span {top: 422px;left: -5px;} .friere-trager-it .sie-thr-circle span {top: 693px;left: -5px;} .friere-trager-it .sie-four-circle span {bottom: 1160px;left: -5px;} .friere-trager-it .sie-fifth-circle span {bottom: 840px;left: -5px;} .friere-trager-it .sie-six-circle span {bottom: 643px;left: -5px;} .friere-trager-it .sie-seven-circle span {bottom: 227px;left: -5px;} .impr-sec {padding: 40px 15px;} .haftung-sec-bg {padding: 30px 15px 50px;} .haftung-sec-grid {grid-template-columns: repeat(2, minmax(0, 1fr));} .impr-cont {padding: 20px;width: 100%;} .impr-cont h6 {font-size: 17px;line-height: 24px;} .impr-cont h2 {font-size: 40px;line-height: 48px;} .impr-cont li {font-size: 16px;line-height: 24px;} .haftung-box {padding: 20px;} .haftung-box h5 {font-size: 24px;line-height: 28px;} .haftung-box h4 {font-size: 28px;line-height: 36px;} .haftund-address a {font-size: 16px;line-height: 24px;} .it-socherheit-sec {padding: 30px 15px 60px;} .kontakt-right-arrow {display: none;} .vorteile-sec-bg {padding: 40px 15px 0px;} .vorteile-grid {grid-template-columns: repeat(2, minmax(0, 1fr));} .das-hze-sec {padding: 60px 15px;} .das-port-cont h2 {font-size: 28px;line-height: 36px;margin: 0px 0px 0;} .vorteile-cont h2 {font-size: 28px;line-height: 36px;} .das-port-cont li {font-size: 20px;line-height: 28px;} .das-port-cont h6 {width: 100%;font-size: 20px;line-height: 26px;} .sie-main-cont span {display: inline;} .rgt-fir {margin: 90px 0 0;} .die-groben-cont .light-blue-von {display: inline;} .vorteile-cont p {width: 100%;line-height: 24px;font-size: 16px;} .vorteile-grid-box h5 {width: 100%;font-size: 24px;line-height: 30px;} .vorteile-grid-box p {width: 100%;font-size: 16px;line-height: 24px;} .vorteile-grid-box {margin: 0 0 70px;height: auto;} .vertraun-img {margin-top: 30px;} .yt2-img {left: -70px;} .zum-der-sec {padding: 40px 15px;} .stehen-sec-bg {padding: 40px 15px 40px;} .stehen-grid {grid-template-columns: repeat(2, minmax(0, 1fr));} .stehen-main-cont h2 {font-size: 28px;line-height: 36px;} .stehen-grid-box {padding: 0px 20px 30px;height: auto;} .stehen-grid-box p {width: 100%;font-size: 16px;line-height: 24px;} .die-groben-cont {margin-bottom: 30px;} .angeboten-sec-bg {padding: 60px 15px 30px;} .angeboten-grid .groben-cont-box {height: auto;} .der-genaue-sec {padding: 40px 15px 60px;} .der-genaue-cont {padding: 40px 30px;} .das-port-cont .blue-line-break {display: inline;} .angeboten-cont .bg-vt-cont p {width: 100%;} .angeboten-grid .groben-cont-box h6 {margin-bottom: 20px;} .der-genaue-img-cont h5 {font-size: 26px;line-height: 36px;} .der-genaue-img-cont {width: 100%;margin-bottom: 30px;} .die-fur-die-sec .angeboten-cont .bg-vt-cont p {width: 100%;} .die-fur-die-sec .angeboten-grid .groben-cont-box {width: 100%;} .angeboten-grid {margin: 40px 0 0;} .kontakterien-sec-bg {padding: 60px 15px;} .kontakterien-flex {display: block;} .kontakterien-sec-bg .bg-vt-cont {margin-left: 0;} .fur-trager-sec {padding: 60px 15px;} .kontakt-form-sec {padding: 50px 15px;} .kontakt-form-lft {width: 50%;padding: 40px 20px;} .kontakt-form-rgt {width: 80%;padding: 30px 20px;} .kontakterien-flex img:first-child {width: 100%;margin-bottom: 20px;} .bg-vt-cont ul {padding-left: 0;} .bg-vt-cont li {width: 100%;} .fur-trager-cont {padding: 40px 20px;} .fur-trager-cont h2 {font-size: 40px;line-height: 48px;} .fur-trager-cont p {width: 80%;font-size: 16px;line-height: 24px;} .fur-trager-cont h5 {font-size: 24px;line-height: 30px;} .fur-trager-cont .form-control {width: 60%;} .kontakt-form-lft h3 {font-size: 28px;line-height: 36px;} .fields-imp-text p {width: 100%;font-size: 16px;line-height: 24px;} .jugendamter-sec {padding: 50px 15px;} .jugendamter-cont h4 {padding: 30px 0 0;line-height: 30px;} .jugendamter-cont {padding: 30px 20px;} .unsen-kern-sec {padding: 40px 15px 40px;} .grid-card-boxes {grid-template-columns: repeat(2, minmax(0, 1fr));} .vision-sec-bg {padding: 40px 15px;} .unsere-mission-sec-bg {padding: 40px 15px;} .vision-img-cont .bg-vt-cont p {width: 100%;} .grid-img-cl img {width: auto;height: auto;} .unsen-kern-content .bg-vt-cont p {width: 80%;} .main-in-flx {height: auto;} } @media only screen and (min-width: 1260px) and (max-width: 1365px) { .fur-trager-cont p {width: 72%;} .sie-thr-circle span {bottom: 110px;} .sie-sec-circle span {top: 163px;} .stehen-sie-sec .sie-first-circle span {top: 50px;} .sie-four-circle span {bottom: 0px;} .jugendamter-cont h4 {font-size: 30px;} .befragte-cont .befragte-span {display: inline;} .vorteile-grid-box h5 {font-size: 20px;line-height: 26px;} .flags-flex {width: 70%;} .kontakt-banner-cont h2 {font-size: 44px;line-height: 52px;} .das-port-cont h2 {font-size: 44px;line-height: 52px;} .das-port-cont h6 {width: 100%;} .vorteile-grid-box p {width: 100%;font-size: 16px;} .stehen-grid-box {height: auto;} .groben-cont-box {height: auto;} .angeboten-grid .groben-cont-box {height: auto;} .fach-line-break {display: inline;} .vorteile-grid-box {height: auto;} .freire-trag-content p {width: 100%;} .right-side-cont p {width: 100%;} .fur-ferie-text p {width: 100%;} .heraus-content p {width: 100%;} .heraus-right-side-content p {width: 100%;} .hze-left p {width: 100%;} .hze-right p {width: 100%;} .it-banner-left-cont p {width: 100%;} .bg-vt-cont p {width: 100%;} .boxes-border p {width: 100%;} .nxt-line {display: inline;} .kennen-sec .sie-thr-circle span {top: 416px;left: -6px;} .kennen-sec .sie-sec-circle span {top: 218px;left: -4px;} .kennen-sec .sie-four-circle span {bottom: 400px;left: -4px;} .kennen-sec .sie-fifth-circle span {bottom: 232px;left: -4px;} .kennen-sec .sie-six-circle span {bottom: 72px;left: -4px;} .friere-trager-it .sie-first-circle span {top: 90px;left: -4px;} .friere-trager-it .sie-sec-circle span {top: 322px;left: -5px;} .friere-trager-it .sie-thr-circle span {top: 693px;left: -4px;} .friere-trager-it .sie-four-circle span {bottom: 1150px;left: -4px;} .friere-trager-it .sie-fifth-circle span {bottom: 840px;left: -4px;} .friere-trager-it .sie-six-circle span {bottom: 573px;left: -4px;} .friere-trager-it .sie-seven-circle span {bottom: 227px;left: -4px;} .werte-rightside-box {height: auto;padding: 20px;} .kontakt-banner-cont .aufnehem-text {display: inline;} .kontakt-banner-cont p {width: 100%;} .ich-will-sec .bg-vt-cont li {width: 100%;} .ich-will-sec .bg-vt-cont p {width: 100%;} .left-sie-box span {display: inline;} .right-sie-box span {display: inline;} .link-out {display: inline;} .befragte-cont .befragte-span {display: inline;} .header .navbar { width: 50%; max-width: 50%; } .match-inner-items h5 { font-size: 24px; line-height: 30px; } .match-inner-items:after { right: -10px; } .match-inner-items p { font-size: 17px; line-height: 24px; } .inner-platz-img-cont { width: 40%; } .hze-right h5 { width: 75%; } .portal-sec-bg { padding: 30px 120px 60px; } .der-alltag-content p { width: 56%; } .main-slider-content { width: 80%; } .asd-listing span { display: contents; } .freire-trag .wirch-span { display: inline; } .right-side-cont .space-text { display: inline; } .inner-platz-img-cont span { font-size: 30px; } .inner-platz-img-cont p { font-size: 14px; width: 100%; } .heraus-content span { display: inline; } .heraus-content h2 { font-size: 40px; line-height: 46px; } .hze-left h5 { width: 78%; } .fur-ferie-text p { width: 100%; } .main-slider-back-des { width: 89%; left: 57px; } .round-curve-img { left: 430px; } .grid-img-cl img {width: auto;height: auto;} .main-in-flx {height: auto;} .werte-top-cont h6 {width: 50%;} .vision-img-cont .bg-vt-cont p {width: 100%;} .werte-sec-bottom-grid {grid-template-columns: repeat(3, minmax(0, 1fr));} } @media only screen and (min-width: 1366px) and (max-width: 1439px) { .grid-img-cl img {width: auto;height: auto;} .sie-sec-circle span {top: 163px;} .sie-thr-circle span {bottom: 144px;} .sie-four-circle span {bottom: 10px;} .main-in-flx {height: auto;} .werte-top-cont h6 {width: 50%;} .vision-img-cont .bg-vt-cont p {width: 100%;} .werte-sec-bottom-grid {grid-template-columns: repeat(3, minmax(0, 1fr));} .fur-trager-cont p {width: 72%;} .befragte-cont .befragte-span {display: inline;} .vorteile-grid-box h5 {font-size: 20px;line-height: 26px;} .jugendamter-cont h4 {font-size: 30px;} .kontakt-banner-cont h2 {font-size: 44px;line-height: 52px;} .das-port-cont h2 {font-size: 44px;line-height: 52px;} .das-port-cont h6 {width: 100%;} .vorteile-grid-box p {width: 100%;font-size: 16px;} .stehen-grid-box {height: auto;} .groben-cont-box {height: auto;} .angeboten-grid .groben-cont-box {height: auto;} .flags-flex {width: 70%;} .fach-line-break {display: inline;} .vorteile-grid-box {height: auto;} .freire-trag-content p {width: 100%;} .right-side-cont p {width: 100%;} .fur-ferie-text p {width: 100%;} .heraus-content p {width: 100%;} .heraus-right-side-content p {width: 100%;} .hze-left p {width: 100%;} .hze-right p {width: 100%;} .it-banner-left-cont p {width: 100%;} .bg-vt-cont p {width: 100%;} .boxes-border p {width: 100%;} .nxt-line {display: inline;} .kennen-sec .sie-thr-circle span {top: 406px;left: -6px;} .kennen-sec .sie-sec-circle span {top: 218px;left: -4px;} .kennen-sec .sie-four-circle span {bottom: 417px;left: -4px;} .kennen-sec .sie-fifth-circle span {bottom: 262px;left: -4px;} .kennen-sec .sie-six-circle span {bottom: 122px;left: -4px;} .friere-trager-it .sie-first-circle span {top: 90px;left: -4px;} .friere-trager-it .sie-sec-circle span {top: 322px;left: -5px;} .friere-trager-it .sie-thr-circle span {top: 693px;left: -4px;} .friere-trager-it .sie-four-circle span {bottom: 1150px;left: -4px;} .friere-trager-it .sie-fifth-circle span {bottom: 840px;left: -4px;} .friere-trager-it .sie-six-circle span {bottom: 573px;left: -4px;} .friere-trager-it .sie-seven-circle span {bottom: 227px;left: -4px;} .werte-rightside-box {height: 290px;padding: 20px;} .kontakt-banner-cont .aufnehem-text {display: inline;} .kontakt-banner-cont p {width: 100%;} .ich-will-sec .bg-vt-cont li {width: 100%;} .ich-will-sec .bg-vt-cont p {width: 100%;} .left-sie-box span {display: inline;} .right-sie-box span {display: inline;} .link-out {display: inline;} .befragte-cont .befragte-span {display: inline;} .round-curve-img { left: 470px; } .header .navbar { width: 50%; max-width: 50%; } .match-inner-items h5 { font-size: 24px; line-height: 30px; } .match-inner-items:after { right: 0px; } .match-inner-items p { font-size: 17px; line-height: 24px; } .inner-platz-img-cont { width: 40%; } .hze-right h5 { width: 75%; } .portal-sec-bg { padding: 30px 120px 60px; } .der-alltag-content p { width: 56%; } .main-slider-content { width: 80%; } .asd-listing span { display: contents; } .freire-trag .wirch-span { display: inline; } .right-side-cont .space-text { display: inline; } .inner-platz-img-cont span { font-size: 30px; } .inner-platz-img-cont p { font-size: 14px; width: 100%; } .heraus-content span { display: inline; } .heraus-content h2 { font-size: 40px; line-height: 46px; } .hze-left h5 { width: 78%; } .fur-ferie-text p { width: 100%; } .main-slider-back-des { width: 89%; left: 57px; } } @media only screen and (min-width: 1440px) and (max-width: 1599px) { .left-sie-box span {display: inline;} .sie-thr-circle span {bottom: 140px;} .sie-four-circle span {bottom: 30px;} .rgt-seco {margin: 120px 0 0;} .werte-top-cont h6 {width: 50%;} .vision-img-cont .bg-vt-cont p {width: 100%;} .angeboten-grid .groben-cont-box {height: 270px;} .fur-trager-cont p {width: 72%;} .vorteile-grid-box {height: 300px;} .kontakt-banner-cont p {width: 100%;} .das-port-cont h6 {width: 100%;} .flags-flex {width: 70%;} .vorteile-grid-box h5 {font-size: 22px;line-height: 30px;} .freire-trag-content p {width: 100%;} .right-side-cont p {width: 100%;} .fur-ferie-text p {width: 100%;} .heraus-content p {width: 100%;} .heraus-right-side-content p {width: 100%;} .hze-left p {width: 100%;} .hze-right p {width: 100%;} .it-banner-left-cont p {width: 100%;} .bg-vt-cont p {width: 100%;} .boxes-border p {width: 100%;} .kennen-sec .sie-thr-circle span {top: 400px;left: -6px;} .kennen-sec .sie-sec-circle span {top: 230px;left: -4px;} .kennen-sec .sie-four-circle span {bottom: 390px;left: -4px;} .kennen-sec .sie-fifth-circle span {bottom: 242px;left: -4px;} .kennen-sec .sie-six-circle span {bottom: 90px;left: -4px;} .friere-trager-it .sie-first-circle span {top: 90px;left: -4px;} .friere-trager-it .sie-sec-circle span {top: 322px;left: -5px;} .friere-trager-it .sie-thr-circle span {top: 693px;left: -4px;} .friere-trager-it .sie-four-circle span {bottom: 1150px;left: -4px;} .friere-trager-it .sie-fifth-circle span {bottom: 840px;left: -4px;} .friere-trager-it .sie-six-circle span {bottom: 573px;left: -4px;} .friere-trager-it .sie-seven-circle span {bottom: 227px;left: -4px;} .werte-rightside-box {height: auto;padding: 30px 15px;} .round-curve-img { left: 510px; } .main-slider-back-des { width: 89%; left: 68px; } .header .navbar { width: 50%; max-width: 50%; } .match-inner-items h5 { font-size: 24px; line-height: 30px; } .match-inner-items:after { left: -32px; top: 27px; } .match-inner-items p { font-size: 17px; line-height: 24px; } .inner-platz-img-cont { width: 40%; } .hze-right h5 { width: 55%; } .portal-sec-bg { padding: 30px 120px 60px; } .der-alltag-content p { width: 56%; } .main-slider-content { width: 80%; } .asd-listing span { display: contents; } } @media only screen and (min-width: 1600px) and (max-width: 1900px) { .befragte-cont .befragte-span {display: inline;} .vorteile-grid-box h5 {font-size: 24px;line-height: 30px;} .angeboten-grid .groben-cont-box {height: 270px;} .vorteile-grid-box {height: 300px;} .kontakt-banner-cont p {width: 100%;} .das-port-cont h6 {width: 100%;} .werte-rightside-box {height: auto;} .werte-top-cont h6 {width: 50%;} .vision-img-cont .bg-vt-cont p {width: 100%;} .round-curve-img { left: 580px; } .main-slider-back-des { width: 89%; left: 68px; } .header .navbar { width: 50%; max-width: 50%; } .match-inner-items h5 { font-size: 24px; line-height: 30px; } .match-inner-items:after { left: -35px; top: 25px; } .match-inner-items p { font-size: 17px; line-height: 24px; } .inner-platz-img-cont { width: 40%; } .hze-right h5 { width: 55%; } .portal-sec-bg { padding: 30px 120px 60px; } .der-alltag-content p { width: 56%; } .main-slider-content { width: 80%; } .asd-listing span { display: contents; } } @media only screen and (min-width: 1680px) and (max-width: 1919px) { .main-slider-back-des { left: 78px; } .round-curve-img { left: 630px; } } /* RESPONSIVE CSS END */
| ver. 1.4 |
Github
|
.
| PHP 8.1.29 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка