/** Created by Blackmite. https://blackmite.com/ All rights reserved. **/ @font-face { font-family: "NettoOT"; font-weight: normal; font-display: auto; src: local("Netto-OT"), url(/css/fonts/NettoOT.otf) format("opentype"); src: local("Netto-OT"), url(/css/fonts/NettoOT.woff) format("woff"); src: local("Netto-OT"), url(/css/fonts/NettoOT.woff2) format("woff2"); src: local("Netto-OT"), url(/css/fonts/NettoOT.ttf) format("truetype"); } @font-face { font-family: "NettoOT-Bold"; font-weight: normal; font-display: auto; src: local("Netto-OT"), url(/css/fonts/NettoOT-Bold.otf) format("opentype"); src: local("Netto-OT"), url(/css/fonts/NettoOT-Bold.woff) format("woff"); src: local("Netto-OT"), url(/css/fonts/NettoOT-Bold.woff2) format("woff2"); src: local("Netto-OT"), url(/css/fonts/NettoOT-Bold.ttf) format("truetype"); } @supports (-ms-ime-align: auto) { .newbutton, #projects .carding .newbutton { line-height: 42px !important; } } .ccm-root .ccm-settings-summoner--icon { filter: contrast(50); border: 5px solid #000 !important; } .ccm-settings-summoner { left: 20px !important; background: transparent !important; bottom: 20px !important; } [data-browser="edge"] .newbutton, [data-browser="edge"] #projects .carding .newbutton { line-height: 41.5px !important; } [data-browser="edge"] .bm-block-buttons a.newbutton { line-height: 43px !important; } [data-browser="edge"] .navbar a.btn { padding-bottom: 6.75px; } #kontakt .link-secondary.fs-5.text-decoration-none:hover { color: #377dff !important; } .bm-block-buttons-is-layout-flex .bm-block-button.has-custom-width.bm-block-button__width-50 .bm-block-button__link { border: 1.5px solid #fff; transition: 0.3s ease-out; } .input-group:focus-within .input-group-text { background: #377dff !important; /* Hier die gewünschte Farbe einsetzen */ } .input-group:focus-within .input-group-text svg { fill: #000 !important; } .bm-block-buttons-is-layout-flex .bm-block-button.has-custom-width.bm-block-button__width-50:hover .bm-block-button__link { background: #000; background-color: #000 !important; color: #fff !important; } .bm-block-buttons-is-layout-flex .bm-block-button.has-custom-width.bm-block-button__width-50 .bm-block-button__link span { transition: 0.3s ease-out; } .bm-block-buttons-is-layout-flex .bm-block-button.has-custom-width.bm-block-button__width-50:hover .bm-block-button__link span { filter: invert(100%); } b { font-family: "NettoOT-Bold" !important; } .body-alt.events #testisliding { margin-top: 2% !important; } .mouse { position: absolute; cursor: pointer; left: 0; right: 0; margin: auto; bottom: 6vh; text-align: center; } @keyframes scrollDown { 0%, 20% { transform: translate3d(0, 0, 0); } 25% { opacity: 1; } 100% { transform: translate3d(0, 25px, 0); opacity: 0; } } #mouse-icon #scroll-pointer { animation: scrollDown 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; } #concon { max-width: 1200px; width: 90%; width: 90%; border-bottom: 1px solid #fff; text-align: left; padding: 8vh 0vw; max-width: 950px; } #concon b { font-size: 24px; display: block; } #concon p { font-size: 20px; max-width: 700px; opacity: 0.85; } #concon h3 { width: 90%; padding: 8vh 0vw; max-width: 950px; } #concon .righter { margin-left: auto; margin-right: 0; } #concon .sider { letter-spacing: 0px; font-size: 3.5rem; opacity: 1; letter-spacing: -0.5px; font-size: 3rem; opacity: 1; font-weight: 200; } #concon .sider span { font-size: 23px; margin-top: 21px; display: block; font-weight: 400; } #concon .txt { font-size: 17px; line-height: 1.8; opacity: 0.85; } #concon .txt span { display: block; color: #fff; font-size: 22px; margin-bottom: 10px; } #listings { margin-bottom: 10vh; } #xcoachopen { background-size: cover; text-align: center; background-repeat: no-repeat; width: 100vw; min-height: 80vh; background-position: 0% 0%; max-width: none; background-color: #222; position: relative; top: 0; margin-top: -50px; padding-top: 0; border-bottom-left-radius: 110px; border-bottom-right-radius: 110px; overflow-y: hidden; } ::selection { background: transparent; color: inherit; } .body-alt.coaching #listings { padding-top: 0 !important; } .body-alt.coaching .testicard { padding: 4vh 4vw 6vh 4vw; } .body-alt.coaching #concon { margin: auto; } #coachopen { overflow-y: hidden; background-size: cover; text-align: center; background-repeat: no-repeat; width: 100vw; min-height: 85vh; background-position: 0% 0%; max-width: none; background-color: #222; position: relative; top: 0; margin-top: -50px; padding-top: 5vh; border-bottom-left-radius: 70px; border-bottom-right-radius: 70px; } #cenix { background-size: cover; background-repeat: no-repeat; width: 100%; padding-bottom: 10%; margin-bottom: -10%; margin-top: -5%; padding-top: 5%; } #listings .split, #concon .split { max-width: none; font-size: 1.7rem !important; line-height: 1.6 !important; font-family: "NettoOT" !important; font-weight: 400 !important; padding-right: 0; } #listings .d-flex.mb-5 p.fs-6.mb-0 { opacity: 0.65 !important; transition: 0.75s; font-size: 1.2rem !important; } #listings .d-flex.mb-5:hover p.fs-6.mb-0 { opacity: 1 !important; } #listings .d-flex.mb-5 b { border: 2px solid #377dff; padding: 6px 9px; border-radius: 5px; color: #377dff; font-size: 26px; margin-right: 20px; font-weight: 900; } #leistungen h3 { position: relative !important; z-index: 99 !important; } #tmbtn { position: absolute; bottom: 30vh; bottom: 22.5vh; } @-moz-document url-prefix() { #projectsx .carding .newbutton { line-height: 1.85 !important; } .navbar a.btn { line-height: 1 !important; padding-bottom: 8px !important; } .newbutton, #projects .carding .newbutton { height: 44px !important; } } #about-intro::after { background: #fff; left: 0; right: 0; bottom: 0vh; height: 200px; content: ""; z-index: 10; position: absolute; width: 100%; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); } #listings .d-flex.mb-5 b { border: none; padding: 2px 0px; color: rgba(255, 255, 255, 0.26); font-size: 10rem; margin-right: 45px; font-weight: 300; transition: 0.5s; margin-top: -7px; font-family: "NettoOT" !important; line-height: 1; border-radius: 0; } #tmbtn:hover  { background: #fff !important; color: #000 !important; } #listings .d-flex.mb-5:hover b { background: transparent; color: #eee; transform: scale(1.175); } xx.bm-block-group h2 { font-family: "NettoOT" !important; } .facts { position: absolute; bottom: 1vh; max-width: 590px; transform: scale(0.925) translateX(-1%); width: 100%; position: relative; margin-top: 5vh; /* max-width: 590px; */ transform: scale(0.925) translateX(-1%); width: 100%; } .facts .scalfit { transform: scale(0.95) translateX(-3%); transform: scale(0.95) translateX(-3%); width: 100%; position: relative; /* background: #fff; */ height: 60px; display: block; transform: scale(0.9) translateX(-1%); width: 100%; position: relative; /* background: #fff; */ height: 60px; display: block; } .facts .factcardx { float: left; backdrop-filter: blur(7px); background: rgba(17, 17, 17, 0.45); border: 1.5px solid rgba(151, 151, 151, 0.5); -webkit-backdrop-filter: blur(7px); border-radius: 30px; padding: 20px 20px; min-width: 150px; } .facts .factcard { float: left; backdrop-filter: blur(7px); /* background: rgba(17, 17, 17, 0.45); */ /* border: 1.5px solid rgba(151, 151, 151, 0.5); */ /* -webkit-backdrop-filter: blur(7px); */ border-radius: 0px; padding: 0px 10px; min-width: 150px; line-height: 1; /* width: 50%; */ display: block; /* padding-bottom: 24px; */ vertical-align: middle; /* padding-bottom: 3px; */ height: 60px; } .facts .factcard p { font-size: 1.75rem; margin-bottom: 0; display: inline-block; padding-left: 10px; line-height: 55px; transform: translateY(-3px); font-weight: 300; } .facts .factcard.nx { float: left; backdrop-filter: blur(7px); /* background: rgba(17, 17, 17, 0.45); */ /* border: 1.5px solid rgba(151, 151, 151, 0.5); */ /* -webkit-backdrop-filter: blur(7px); */ border-radius: 0px; padding: 0px 10px; min-width: 150px; line-height: 1; width: 48%; display: block; /* padding-bottom: 24px; */ vertical-align: middle; /* padding-bottom: 3px; */ height: 60px; } .facts .factcard.nx:last-child { float: right; /* margin-left: 20px; */ border-left: 2px solid #fff; padding-left: 40px; border: none; padding-left: 0; } #eventsvideo .facts .factcard.nx p { font-size: 1.25rem; } .facts .factcard.nx p { font-size: 0.94rem; margin-bottom: 0; display: inline-block; padding-left: 1px; line-height: 1.3; /* transform: translateY(-3px); */ font-weight: 300; margin-top: 10px; padding-right: 0px; font-size: 1.05rem; } #intro-main { z-index: 2; /* margin-top: 10vh; */ max-width: none; padding-bottom: 0; /* margin-bottom: -30vh; */ position: relative; margin-bottom: -5vh; margin-bottom: 0vh; margin-bottom: -18%; margin-bottom: -30vh; margin-bottom: -27vh; } #intro-main .col-12 { max-width: 1000px; margin: auto; } .facts .factcard b, .facts .factcard text { font-size: 2.75rem; line-height: 1; /* margin-bottom: 12px; */ display: inline-block; font-weight: 300; line-height: 55px; } .factsx .factcard:last-child { float: left; margin-left: 20px; border-left: 2px solid #fff; padding-left: 25px; } .facts .factcard:last-child { padding-left: 25px; } #legal { max-width: 900px; max-width: 1000px; margin: auto; font-size: 17px; line-height: 1.9; padding-top: 10vh; padding-bottom: 20vh; } .conbutton  { border: 1px solid #fff; color: #fff; padding: 13px 20px; line-height: 27px; text-align: center; border-radius: 30px; transform: translateY(20px); font-weight: bold; max-width: 280px; display: block; font-size: 14px; } /** Main **/ html { font-family: "NettoOT"; } body { font-family: "NettoOT" !important; font-weight: 400; font-size: 16px; background: #000; color: #fff; margin: 0px; padding: 0; overflow-y: hidden; } #bxcsa .pe-xl-12 { border-top: 1px solid rgba(255, 255, 255, 0.5); padding-top: 30px; max-width: 91%; transition: 0.45s ease-in; max-width: 88.5%; } #bxcsa .pe-xl-12.st { border-top: 1px solid rgba(255, 255, 255, 0); } #bxcsa .pe-xl-12 p { color: #c6bfbf; color: rgba(238, 238, 238, 0.55); font-size: 1.23rem !important; transition: 0.45s ease-in; } #bxcsa .pe-xl-12:hover { border-color: #fff; border-width: 5px; } #bxcsa .pe-xl-12:hover p { color: #fff; } #bxcsa .pe-xl-12 .bgi { background-image: url(/gfx/our-story.jpg); background-position: center center; background-size: cover; background-blend-mode: normal; background-color: #000; height: 100%; width: 100%; position: absolute; top: 0; display: block; z-index: -1; opacity: 0.35; left: 0; transition: 0.45s ease-in; } #bxcsa .pe-xl-12:hover .bgi { opacity: 0.75; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: #377dff; } .navbar-nav .nav-link.active, .navbar-nav a.nmx.active, .drop-down nav a.active:not(.btn) { color: #377dff !important; } a, a:focus, a:hover, .nav-link:focus, .nav-link:hover { color: #fff; text-decoration: none; } .navbar-collapse { background-image: url('data:image/svg+xml,'); background-size: auto 100%; background-position: center center; background-repeat: no-repeat; } .navbar .d-flex.order-lg-3 { width: 120px; } .navbar-brand { width: 140px; height: 60px; height: 58px; transition: 0.2s ease-in; width: 155px; height: 60px; border-radius: 11px; background: transparent; text-align: center; padding-left: 15px; padding-right: 10px; } .navbar-brand:hover { background: #605f5f; } .navbar-brand::after { content: ""; position: absolute; height: 100px; top: -20px; z-index: -1; background-image: radial-gradient(#000, rgba(255, 255, 255, 0) 78.99%); background-size: cover; background-position: center center; left: -35px; width: 200px; } .navbar-brand::after { content: ""; position: absolute; height: 80px; top: -5px; z-index: -1; background-image: radial-gradient( rgba(0, 0, 0, 0.84), rgba(255, 255, 255, 0) 77.31% ); background-size: cover; background-position: center center; left: -19px; width: 170px; opacity: 0.5; content: ""; position: absolute; height: 70px; top: -5px; z-index: -1; background-image: radial-gradient( rgba(0, 0, 0, 0.49), rgba(255, 255, 255, 0) 77.31% ); background-size: cover; background-position: center center; left: 5px; width: 145px; opacity: 0; } #headbar.dark .navbar-brand::after { opacity: 1; } #headbar.dark .navbar-brand { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .navbar-brand img { width: 100%; cursor: pointer; pointer-events: none; margin-top: 3px; height: auto; } .navbar-nav.mx-auto { color: #fff; padding: 0px 40px; /* border-bottom-left-radius: 33px; */ /* border-bottom-right-radius: 50px; */ height: 65px; padding-top: 10px; } .nav-link { color: #fff !important; text-shadow: none !important; } .navbar.navbar-expand-lg { padding-top: 0; max-width: 1100px; margin: auto; } #cta { background: linear-gradient(135deg, #343434 25%, transparent 25%) -40px 0/ 80px 80px, linear-gradient(225deg, rgba(52, 52, 52, 0.5) 25%, transparent 25%) -40px 0/ 80px 80px, linear-gradient(315deg, #343434 25%, transparent 25%) 0 0/ 80px 80px, linear-gradient(45deg, rgba(52, 52, 52, 0.5) 25%, #000000 25%) 0 0/ 80px 80px; background-color: #000000; max-width: 1100px; margin: auto; margin-bottom: 15vh; margin-top: 5vh; border-radius: 30px; background-attachment: fixed; } #cta .lc-block.position-relative img { display: none; } .body-alt.events #cta { margin-top: -2vh; margin-top: 0vh; } .drop-down ul, .drop-down li { margin: 0 auto; padding: 0; list-style: none; } .drop-down { padding: 25px; position: fixed; margin-top: 80px; width: 100%; height: auto; background: #000000; height: 100%; left: 0; right: 0; transform: translateY(40%); transition: top 0.4s ease-in-out; text-shadow: 1px 1px 1px #4b4b4b; box-shadow: 0 0 10px 2px #000; z-index: -1; opacity: 0; background: rgba(0, 0, 0, 0.45); overflow-y: scroll; height: 100%; padding-bottom: 25vh; margin-top: 68px; } .drop-down nav { text-align: left; max-width: 400px; margin: auto; width: 85vw; } .drop-down li { line-height: 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.35); border-top: 1px solid rgba(255, 255, 255, 0.35); text-align: left; } .drop-down li:nth-child(1) { border-top: 0; } .drop-down li:nth-child(4) { border-bottom: 0; } .drop-down li:hover { } .drop-down a { display: block; font-size: 1.8rem; color: #fff; text-decoration: none; margin-bottom: 1.25vh; text-shadow: none; padding-top: 1.25vh; font-family: "NettoOT-Bold", sans-serif; } #evov .d-flex h1 { display: block; left: 0; right: 0; margin: auto; width: 100%; position: absolute; } #evov .d-flex { background-color: #444; background-blend-mode: overlay; height: 45vh; position: relative; z-index: 10; border-bottom-left-radius: 110px; border-bottom-right-radius: 110px; background-position: 0% 70% !important; } .dropdown-menu a p.m-0 { font-size: 88%; font-weight: 500; font-family: "NettoOT", sans-serif; } .drop-down h1 { font-size: 22pt; text-align: center; color: #fff; } .down { transform: translateY(0%); z-index: 99999; opacity: 1; transition: 0.5s ease-out; } .menu { box-sizing: content-box !important; position: absolute; top: 25px; right: 15px; width: 65px; height: 65px; text-align: center; background: transparent; z-index: 999; color: #fff; display: none; } .bm-block-template-part, .bm-block-template-part .bm-block-group.alignwide.is-content-justification-center.is-nowrap is-layout-flex.bm-container-core-group-is-layout-3.bm-block-group-is-layout-flex { max-width: 150px; } @media (max-width: 992px) { .menu { display: block; } .btn.fw-bold.newbutton.position-relative.falser { transform: scale(1) !important; left: 0; } .autha { width: 85% !important; max-width: 85% !important; margin-left: auto !important; margin-right: auto !important; } .autha img { border-top-right-radius: 11px !important; border-bottom-left-radius: 0px !important; } .authtext { font-size: 16px !important; } .binsxc { font-size: 21px !important; } } .menu:hover { background: ligthen(#2980b9, 5%); } .menu a { display: block; text-decoration: none; font-size: 44pt; font-weight: 100; color: #fff; margin: 0 auto; line-height: 0px; } .menu a { display: block; text-decoration: none; font-size: 60pt; font-weight: 100; color: #fff; margin: 0 auto; line-height: 0px; margin-top: -5px; } .menu .close { display: none; margin-left: 80%; } .trigger { animation: menu-spin-back 0.4s ease-in-out; animation-fill-mode: forwards; } .round { animation: menu-spin 0.4s ease-in-out; animation-fill-mode: forwards; } @-webkit-keyframes menu-spin { 50% { border-radius: 100%; } 100% { border-radius: 100%; transform: translateX(-50%); } } @-webkit-keyframes menu-spin-back { 50% { border-radius: 0; } 100% { border-radius: 0; transform: translateX(0); } } .white { border-color: #fff; color: #fff !important; } #graya { background-color: #111; background-color: #171717; border-radius: 88px; margin-bottom: 10vh; padding-bottom: 0; overflow: hidden; } .body-alt.events #graya { max-width: 1400px; margin-top: 0; padding-bottom: 2vh; background: transparent; } #graya .inner h2 { font-size: 2.4rem !important; } #graya .inner h3 { font-size: 2.1rem !important; } #graya .inner h4 { font-size: 1.9rem !important; } #graya .inner h2, #graya .inner h3, #graya .inner h4 { line-height: 1.4 !important; font-family: "NettoOT-Bold" !important; font-weight: normal !important; padding-right: 0; } #graya .inner p { font-size: 1.9rem !important; line-height: 1.4 !important; font-family: "NettoOT" !important; font-weight: 400 !important; padding-right: 0; margin-bottom: 4rem; opacity: 0.9; } #graya .inner ul { font-size: 1.6rem !important; margin-top: 1rem; margin-bottom: 1rem; } #graya .inner li { font-size: 1.4rem !important; line-height: 2; } #graya .inner p a { color: inherit; text-decoration: none; background-image: linear-gradient( 90deg, currentColor 0%, currentColor 25%, currentColor 50%, #74a5ff 75%, #377dff 100% ); background-size: 250% 100%; background-position: 0% 50%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; border-bottom: 1px solid currentColor; transition: background-position 0.8s ease, border-color 0.8s ease; } #graya .inner p a:hover { background-position: 100% 50%; border-color: #377dff; } #graya .inner p a .para-word { display: inline !important; background: none !important; font-weight: 400 !important; } #projects { padding-bottom: 8vh; padding-bottom: 0; } #graya .row { margin: auto; width: 82%; padding-top: 10vh; } .body-alt.events #graya h2.display-3 { line-height: 1.1; font-weight: 500; } #graya h2.display-3 span, #graya h2.display-4 span { display: block; font-size: 18px; margin-top: 10%; line-height: 1.5; font-weight: 300; opacity: 0.85; } .endzone { background-image: url("/gfx/www.svg"); height: 550px; width: 100vw; /* background-color: #111; */ background-position: 50% 50%; position: absolute; left: 0; right: 0; z-index: -1; } .grx { position: relative; max-width: 1340px; margin-top: -30vh; padding-bottom: 0vh; background: #222; background: linear-gradient(#1e1d1d 31.09%, rgba(0, 0, 0, 1)); z-index: 90; width: 80%; } .body-alt.events #graya { position: relative; max-width: 1340px; margin-top: -30vh; padding-bottom: 0vh; background: #222; background: linear-gradient(#1e1d1d 31.09%, rgba(0, 0, 0, 1)); z-index: 90; width: 80%; background: #111; margin-bottom: 11vh; padding-bottom: 3%; } #graya .row.mt-5 { padding: 2%; background: none; width: 91%; opacity: 1; visibility: inherit; } #projects .display-4:first-child { padding-bottom: 0 !important; margin-bottom: 0% !important; } p.ins { line-height: 1.4; font-size: 19px !important; max-width: 495px; } #cta .texting { z-index: -1; font-size: 100px; font-family: "NettoOT-Bold" !important; /* font-weight: 600; */ -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: ghostwhite; color: transparent; height: 100%; width: 300vh; max-height: 300px; overflow: hidden; word-break: keep-all; white-space: nowrap; text-transform: uppercase; letter-spacing: 5px; margin-bottom: -7.5vw; margin-top: 0; opacity: 0.4; font-size: 13vw; top: 0; max-height: 20vw; } #cta .smalline, .sublineblue { font-family: "NettoOT-Bold" !important; color: #377dff; display: block; margin-bottom: 5px; text-transform: uppercase; font-size: 20px; /* font-weight: 800; */ letter-spacing: 2px; } #cta .smalline { letter-spacing: 1px; text-transform: none; } @keyframes bgAnim { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes trianglesAnim { from { opacity: 0; } to { opacity: var(--triangle-opacity); } } #aboutgrid { margin-bottom: 12vh; } #aboutgrid .row { margin-bottom: 0; } #aboutgrid .col-xl-10 { margin-left: 5%; } #aboutgrid .display-4 span { color: #377dff; display: block; font-family: "NettoOT-Bold", sans-serif; margin-bottom: 5px; text-transform: uppercase; font-size: 25px; font-weight: 800; letter-spacing: 2px; } #aboutgrid p.mb-5 { line-height: 1.57; font-size: 15.5px; font-size: 1.08rem; } #aboutgrid .imsa { z-index: -1; visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 120vh; width: 100vw; opacity: 0; object-fit: cover; transition: 0.5s ease; } #aboutgrid.visib .imsa { transition: 1.5s ease 0.5s !important; opacity: 0.3 !important; visibility: visible; } #inx { background: #000; /* fallback for old browsers */ background: -webkit-linear-gradient( to right, #1a1a1a, #000, #111 ); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient( to right, #1a1a1a, #000, #111 ); /* W3C, IE 10+/ Edge, Firefox 00016+, Chrome 26+, Opera 12+, Safari 7+ */ background-size: 400%; overflow: hidden; position: relative; padding-top: 10vh; padding-bottom: 10vh; z-index: 10; background-image: url("data:image/svg+xml,%3Csvg width='3840' height='2160' viewBox='0 0 3840 2160' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='bgGradient' x1='0%25' y1='50%25' x2='100%25' y2='50%25'%3E%3Cstop offset='0%25' stop-color='%231A1A1A'%3E%3Canimate attributeName='stop-color' values='%231A1A1A; %23000; %23111; %231A1A1A' dur='40s' repeatCount='indefinite' /%3E%3C/stop%3E%3Cstop offset='50%25' stop-color='%23000'%3E%3Canimate attributeName='stop-color' values='%23000; %23111; %231A1A1A; %23000' dur='40s' repeatCount='indefinite' /%3E%3C/stop%3E%3Cstop offset='100%25' stop-color='%23111'%3E%3Canimate attributeName='stop-color' values='%23111; %231A1A1A; %23000; %23111' dur='40s' repeatCount='indefinite' /%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='3840' height='2160' fill='url(%23bgGradient)' /%3E%3Cg%3E%3C!-- Originale Dreiecke (doppelt skaliert) --%3E%3Cpolygon points='650.68 1509.02 650.68 2160 0 2160' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.2; 0' dur='8s' begin='0.2s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='650.68 1509.02 0 811.15 0 2160' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.15; 0' dur='8s' begin='0.4s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='650.68 1509.02 0 811.15 1021.36 498.85' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.2; 0' dur='8s' begin='0.6s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='0 0 0 811.15 1021.36 498.85' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.1; 0' dur='8s' begin='0.8s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='1592.97 1222.4 650.67 1509.08 1021.36 498.85' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.2; 0' dur='8s' begin='1s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='0 0 1540.3 0 1021.36 498.85' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.15; 0' dur='8s' begin='1.2s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='2255.87 763.05 1542.36 0 1021.36 498.85' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.2; 0' dur='8s' begin='1.4s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='2255.87 763.05 1593.71 1221.22 1021.36 498.85' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.1; 0' dur='8s' begin='1.6s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='650.68 1509.02 650.68 2160 1593.14 1221.99' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.2; 0' dur='8s' begin='1.8s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='2074.74 2160 650.68 2160 1593.14 1221.99' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.1; 0' dur='8s' begin='2s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='2074.74 2160 2255.38 762.35 1593.14 1221.99' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.2; 0' dur='8s' begin='2.2s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='2074.74 2160 2255.38 762.35 3139.33 1496.15' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.1; 0' dur='8s' begin='2.4s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='1544.56 0 2255.38 762.35 2682.62 0' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.2; 0' dur='8s' begin='2.6s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='3840 613.75 2255.38 762.35 2682.62 0' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.1; 0' dur='8s' begin='2.8s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='3840 613.75 3840 0 2682.62 0' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.2; 0' dur='8s' begin='3s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='2074.74 2160 3840 2160 3139.33 1496.15' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.1; 0' dur='8s' begin='3.2s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='2256.00 762.18 3840 607.85 3139.33 1496.15' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.2; 0' dur='8s' begin='3.4s' repeatCount='indefinite' /%3E%3C/polygon%3E%3Cpolygon points='3840 614.76 3840 2160 3139.33 1496.15' fill='%23888' opacity='0'%3E%3Canimate attributeName='opacity' values='0; 0.1; 0' dur='8s' begin='3.6s' repeatCount='indefinite' /%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: top center; background-size: auto 105%; animation: none; } @keyframes bgAnim { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes trianglesAnim { from { opacity: 0; } to { opacity: var(--triangle-opacity); } } #inx svg { opacity: 0.4; position: absolute; z-index: 1; top: 0; left: 0; right: 0; width: 100%; height: 100%; transform: scale(2); bottom: auto; } #inx svg polygon { fill: white; opacity: 0; animation: trianglesAnim 2s ease alternate infinite; } polygon:nth-child(odd) { --triangle-opacity: 0.2; } polygon:nth-child(even) { --triangle-opacity: 0.1; } polygon:nth-child(1) { animation-delay: 0.11s; } polygon:nth-child(2) { animation-delay: 0.22s; } polygon:nth-child(3) { animation-delay: 0.33s; } polygon:nth-child(4) { animation-delay: 0.44s; } polygon:nth-child(5) { animation-delay: 0.55s; } polygon:nth-child(6) { animation-delay: 0.66s; } polygon:nth-child(7) { animation-delay: 0.77s; } polygon:nth-child(8) { animation-delay: 0.88s; } polygon:nth-child(9) { animation-delay: 0.99s; } polygon:nth-child(10) { animation-delay: 1.1s; } polygon:nth-child(11) { animation-delay: 1.22s; } polygon:nth-child(12) { animation-delay: 1.33s; } polygon:nth-child(13) { animation-delay: 1.44s; } polygon:nth-child(14) { animation-delay: 1.55s; } polygon:nth-child(15) { animation-delay: 1.66s; } polygon:nth-child(16) { animation-delay: 1.77s; } polygon:nth-child(17) { animation-delay: 1.88s; } polygon:nth-child(18) { animation-delay: 1.99s; } #cta .container { background: rgba(79, 92, 103, 0.2); border-radius: 15px; background: #111; z-index: 10; position: relative; max-width: 950px; margin: auto; border: 1.25px solid #fff; } #cta_ a, .mainbtn { border: 1px solid #fff; color: #000; padding: 14px 20px; text-align: center; width: 28%; border-radius: 18px; transform: translateY(20px); font-weight: bold; max-width: 350px; display: block; margin: auto; background: #fff; margin-bottom: 20px; transition: 0.35s ease-in; line-height: 24px; font-family: "NettoOT-Bold" !important; min-width: 185px; } #cta_ a:hover, .mainbtn:hover { background: #000; color: #fff; } #footer a { color: #fff; } #footer a:hover { color: #000; } footer .link-secondary { color: rgb(160, 168, 175) !important; } .footer .col-12.col-md-4.col-lg-3.col-xl-2 { padding-left: 20px; } .footer .footlog { max-width: 185px; opacity: 0.7; display: block; height: auto; margin-top: -20px; } .lognew { vertical-align: middle; display: table; } .lognew .widget { display: table-cell; vertical-align: middle; padding-bottom: 18px; } .lognew .widget a { display: table-row; vertical-align: middle; } .link-secondary:focus, .link-secondary:hover { color: #fff !important; } .link-secondary:active, .link-secondary:focus { color: #377dff !important; } #langchange { padding-left: 1%; position: absolute; width: 80px; left: 0; right: 0; margin: auto; margin-top: -15px; margin-top: -8px; z-index: 10; line-height: 14px; } #langchange a { float: left; width: 50%; text-transform: uppercase; letter-spacing: 3px; font-size: 12px; font-weight: bold; text-align: center; } #langchange p { font-size: 12px; margin-bottom: 5px; opacity: 0.6; text-align: center; } #langchange a:first-child svg { height: 26px; width: 26px; } #langchange .current, #langchange .current svg { opacity: 0.65; } .footer .col-12.col-md-4.col-lg-3.col-xl-4 .list-unstyled { max-width: 180px; } .text-wrapper { color: #fff; } .cv-toggle { display: none; } .team-member-imagexx { background-image: none; background-size: cover; background-repeat: no-repeat; border: 1.5px solid #000; transition: 0.5s ease-in-out; } .team-member-imagexx img { transition: 0.5s ease-in-out; } .team-member-imagexx:hover { background-image: inherit; border-color: #fff; background-position: 0% 0%; background-position: 50% 100%; } .team-member-imagexx:hover img { transform: translateY(0%) scale(1.3) !important; opacity: 0 !important; transition: 0.5s ease-in-out; } .team-member-image { background-image: none; background-size: cover; background-repeat: no-repeat; border: 2px solid #000; } .team-member-image_ img { transition: 0.35s ease-in-out; } .team-member-image_:hover { background-image: inherit; border: 2px solid #fff; background-position: 0% 0%; } .team-member-image_:hover img { transform: translateX(100%) !important; opacity: 0; } .team-member-image img { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; } .team-member-image .image-after { clip-path: inset(0 100% 0 0); transition: clip-path 1s ease; } /* Hover-Effekt */ .team-member-image:hover .image-after { clip-path: inset(0 0 0 0); } body, html { max-width: 100%; position: relative; overflow-x: hidden; margin: 0; padding: 0; margin: 0 !important; padding: 0 !important; } body section, body .swiper, body #headings { transition: opacity 0.2s ease-in; } .body-alt.tinted section:not(#graya), .body-alt.tinted .swiper, .body-alt.tinted main, .body-alt.modal-open section, .body-alt.modal-open .swiper, .body-alt.modal-open main, .body-alt.modal-open footer, .body-alt.tinted #headings, .body-alt.modal-open #headings, .body-alt.modal-open .img-carousel, .body-alt.tinted .img-carousel, .body-alt.tinted #legal, .body-alt.modal-open #legal, .body-alt.modal-open .exy, .body-alt.tinted.exy, .body-alt.events.tinted #graya, .body-alt.events.tinted #cenix { opacity: 0.2 !important; } .body-alt.modal-open section, .body-alt.modal-open .swiper, .body-alt.modal-open main, .body-alt.modal-open footer, .body-alt.modal-open #headings { filter: blur(7px) !important; } .body-alt.home section, .body-alt.carr section, .body-alt.events section { /* max-width: 1500px; */ margin: auto; /* width: 90vw; */ padding-bottom: 5vh; } p.large { font-size: 17px; width: 88%; line-height: 1.75; } html:not(.no-js) [data-aos="fade-up"] { -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); } [data-aos] { body[data-aos-easing="new-easing"] &, &[data-aos][data-aos-easing="new-easing"] { transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1); } } /** /////////////////////// */ /** HEADER */ /** /////////////////////// */ #headbar { width: 100%; background: transparent; position: relative; height: 108px; position: fixed; top: 0; z-index: 99999; margin-top: 0; opacity: 0; visibility: hidden; } html:not(:has(#slide-up-main)) #headbar { opacity: 1 !important; visibility: visible !important; } #headbar.dark { background: #000; background: linear-gradient( rgba(255, 255, 255, 0.15) 28.57%, rgba(0, 0, 0, 0.8407738095238095) 90.34%, rgba(0, 0, 0, 0.18) ); background: linear-gradient( rgba(255, 255, 255, 0.15) 28.57%, rgba(0, 0, 0, 0) 90.34%, rgba(0, 0, 0, 0.18) ); background: linear-gradient( rgba(255, 255, 255, 0.1) 28.57%, rgba(0, 0, 0, 0) 90.34%, rgba(0, 0, 0, 0.01) ); } .navbar .dropdown-fullwidth { position: static; } .navbar .nav-item { text-align: center; text-transform: uppercase; letter-spacing: 3px; font-size: 11.5px; font-weight: 600; padding-top: 5px; margin: 0 18px; min-width: 70px; } .navbar .nav-item { text-align: center; text-transform: uppercase; letter-spacing: 2.5px; font-size: 12.5px; font-weight: 600; padding-top: 5px; margin: 0 15px; min-width: 70px; } .navbar .border-bottom { display: block; max-width: 88px; } .navbar .dropdown p { font-weight: normal; font-size: 21.5px; line-height: 1.4; font-size: 21.75px; line-height: 1.35; white-space: nowrap; letter-spacing: 0.1px; font-size: 17.75px; font-size: 18px; line-height: 1.12; font-family: "NettoOT-Bold", sans-serif; } .navbar .dropdown .leftside { border-bottom: 2px solid rgba(255, 255, 255, 0.175); max-width: none; padding-bottom: 3%; margin-bottom: 2% !important; } .navbar .dropdown .rightside { margin-left: auto; padding-top: 21.5%; padding-left: 3%; padding-top: 4%; padding-left: 0; padding-bottom: 5%; display: block; min-height: 85px; } .navbar .dropdown .rightside ax { box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; padding: 13px 15px; max-width: 210px; /* height: 93px; */ background: rgba(47, 47, 47, 0.39); border: 2px solid #3d3d3d; border-radius: 15px; text-align: center; letter-spacing: 0.105px; color: #ffffff; flex: none; order: 1; flex-grow: 0; } .navbar .dropdown .rightside a { box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; padding: 12px 5px; max-width: 210px; /* height: 93px; */ background: rgba(47, 47, 47, 0.39); border: 1.5px solid #3d3d3d; border-radius: 15px; text-align: center; letter-spacing: 0.105px; color: #ffffff; flex: none; order: 1; flex-grow: 0; padding-right: 0px; float: left; width: 47%; } .navbar .dropdown .rightside a:hover { background: #fff; } .navbar .dropdown .rightside a:hover p, .navbar .dropdown .rightside a:hover svg { color: #000; fill: #000; } .navbar .dropdown .rightside a p { display: inline-block; line-height: 1; letter-spacing: -0.2px; margin: 0; font-size: 18.5px; font-weight: 600; font-size: 18.5px; font-weight: 600; color: #f1f1f1; } .navbar .dropdown .rightside svg { width: 30px; fill: #fff; } .navbar p.h6 { opacity: 0.8; font-size: 13px; text-transform: uppercase; letter-spacing: 1.5px; } .navbar .dropdown-fullwidth .dropdown-menux { left: 0; left: 3.65%; margin: 1.25rem auto; max-width: 490px; padding: 1rem 0; background-color: #504e4e; color: #fff; text-transform: none; letter-spacing: 0px; right: 0; top: 50px; left: 3.65%; margin: 1.25rem auto; max-width: 415px; padding: 1rem 0; background-color: #0b0b0b; color: #fff; text-transform: none; letter-spacing: 0px; right: 0; top: 52px; border: 1px solid rgba(255, 255, 255, 0.47); } .navbar .dropdown-fullwidth div.dropdown-menu { background-position: center center; background-size: 130%; border-radius: 10px; padding: 15px 12px; box-shadow: 0 1px 10px 5px rgba(255, 255, 255, 0.05); left: -25%; margin: 1.25rem auto; max-width: 150px; padding-top: 8px; background-color: #0b0b0b; color: #fff; text-transform: none; letter-spacing: 0px; right: 0; top: 52px; height: 190px; max-width: 145px; min-width: 0px; border: 1px solid rgba(255, 255, 255, 0.47); } .dropdown-submenu { position: relative; font-size: 20px; width: 120px; } .dropdown-menu a.mb-3 { font-size: 20px; line-height: 1.2; font-family: "NettoOT-Bold", sans-serif; display: block; } .dropdown-menu a:hover, .dropdown-submenu a:hover { text-decoration: underline; color: #fff; } a.nmx { font-size: 18px; font-size: 18px; font-weight: normal; font-family: "NettoOT-Bold", sans-serif; } .dropdown-submenu > .dropdown-menux { top: 0; left: 110%; margin-top: 0px; background: #333; margin-left: 2px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; padding-left: 20px; border-radius: 10px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu > .dropdown-menu { top: 0; left: 92%; margin-top: 5px; margin-left: 2px; background-position: center center; background-size: 130%; border-radius: 10px; padding: 15px 15px; /* box-shadow: 0 1px 10px 5px rgba(255,255,255,0.1); */ padding-top: 5px; background-color: #0b0b0b; color: #fff; text-transform: none; letter-spacing: 0px; border: 1px solid rgba(255, 255, 255, 0.45); } .drop-down .dropdown-submenu > .dropdown-menu { position: relative !important; transform: none !important; left: 0 !important; } .dropdown-submenu > a:after { display: block; content: " "; margin-top: 7px; margin-right: 10px; display: block; width: 25px; float: right; margin-left: 6px; display: none; height: 14px; background-size: cover; opacity: 0.3; background-repeat: no-repeat; background-position: 50% 50%; background-image: url('data:image/svg+xml,'); border: none; filter: invert(100%); } .drop-down .subh { height: 35px; margin-bottom: 0; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; margin-top: 15px; opacity: 0.76; font-weight: 500; margin-top: 0px; } .drop-down a.btn { background: #fff; padding: 15px 16px; line-height: 1; font-size: 17px; font-family: "NettoOT", sans-serif; text-transform: uppercase; box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.35); font-weight: bold; color: #000; letter-spacing: 1.35px; margin-top: 5px; text-align: center; border-radius: 5px; transition: 0.35s ease-in; text-shadow: none; font-weight: 700; letter-spacing: 1px; margin-top: 5px; text-align: center; border-radius: 11px; transition: 0.35s ease-in; text-shadow: none; font-weight: 700; font-family: "NettoOT-Bold", sans-serif !important; } .drop-down .dropdown-submenu > a:after { display: block; content: " "; margin-top: 0px; margin-right: 17px; display: inline-block; width: 32px; float: none; margin-left: 15px; height: 20px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-image: url('data:image/svg+xml,'); border: none; transition: 0.6s ease; filter: invert(100%); transform: translateY(8px); } .drop-down .dropdown-submenu .rota:after { transform: translateY(8px) rotateZ(90deg); } /* MEDIA-LG */ @media (min-width: 1200px) { .navbar .dropdown-submenu:hover > div.dropdown-menu, .navbar .dropdown:hover > div.dropdown-menu, .dropdown-submenu:hover ul.dropdown-menu { opacity: 1; transform: scaleY(1); visibility: visible; } } /* .navbar a.btn { background: #fff; padding: 10px 16px; line-height: 1; font-size: 13px; font-family: "NettoOT-Bold", sans-serif; text-transform: uppercase; box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.35); color: #000; letter-spacing: 1.35px; margin-top: 5px; text-align: center; border-radius: 5px; transition: 0.35s ease-in; } .navbar a.btn { background: #fff; padding: 10px 12px; line-height: 1; font-size: 13px; font-family: "NettoOT-Bold", sans-serif; text-transform: uppercase; box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.35); font-weight: bold; color: #000; letter-spacing: 1.35px; margin-top: 5px; text-align: center; border-radius: 5px; transition: 0.35s ease-in; } */ .navbar a.btn { background: #fff; padding: 10px 12px; line-height: 1; font-size: 12.5px; font-family: "NettoOT-Bold", sans-serif; text-transform: uppercase; box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.35); /* font-weight: bold; */ color: #000; letter-spacing: 1.25px; margin-top: 5px; text-align: center; border-radius: 5px; transition: 0.35s ease-in; padding-bottom: 9px; white-space: nowrap; } .navbar a.btn:active { border-radius: 500px; } .navbar a.btn:hover { transform: scale(1.1); background: #377dff; color: #fff; } a.nav-link:hover { transform: scale(1.1); } .dropdown-fullwidth:hover div.dropdown-menu { display: block; margin-top: 0; /* remove the gap so it doesn't close */ } div.dropdown-menu a:hover * { color: #fff; text-decoration: underline; } .image-hero { background-position: 0% 0%; background-color: #222; background-repeat: no-repeat; background-size: 100% auto; height: 400px !important; } .image-hero .container { height: 100%; } #logo-slider { width: 100%; max-width: none; padding-top: 6vh; } .body-alt.events #logo-slider { padding-bottom: 0; } .has-netto-demo-font-family { font-family: "NettoOT", sans !important; } /** /////////////////////// */ /** HOME */ /** /////////////////////// */ #intro-main { padding-bottom: 2vh; margin-top: -50vh; margin-top: -50%; margin-top: -75vh; } .BGcircleone { background-image: url("data:image/svg+xml,%3Csvg width='1748' height='1832' viewBox='0 0 1748 1832' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_479_2553)'%3E%3Cellipse cx='332.484' cy='432.869' rx='332.484' ry='432.869' transform='matrix(0.796076 0.605196 -0.579361 0.815071 860.265 361.768)' fill='%2373E0A9'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_479_2553' x='0.53418' y='0.569824' width='1747.25' height='1830.47' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='254.5' result='effect1_foregroundBlur_479_2553'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); width: 50%; height: 17%; background-size: cover; position: absolute; margin-top: -50%; z-index: -1; background-position: 20% 50%; right: -15vw; opacity: 0.3; } .BGcircletwo { background-image: url("data:image/svg+xml,%3Csvg width='1309' height='1895' viewBox='0 0 1309 1895' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_479_2552)'%3E%3Cellipse cx='393.204' cy='451.14' rx='393.204' ry='451.14' transform='matrix(0.796076 0.605196 -0.579361 0.815071 339.746 342)' fill='%235B68DF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_479_2552' x='-525.412' y='0.630127' width='1833.61' height='1894.09' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='254.5' result='effect1_foregroundBlur_479_2552'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); width: 50%; height: 17%; background-size: cover; position: absolute; margin-top: -60%; z-index: -1; background-position: 80% 50%; left: -15vw; opacity: 0.3; } .wwwcard { background-color: #111; height: 400px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 10px; overflow: hidden; } .wwwcard .inlay { background: linear-gradient( to top, rgba(0, 0, 0, 0.71), rgba(0, 0, 0, 0.53) 28.99%, transparent ); width: 100%; height: 100%; display: flex; flex-wrap: wrap-reverse; padding-bottom: 2%; } .wwwcard p { padding-bottom: 10px; color: #fff; font-size: 30px; padding-left: 5%; min-width: 260px; line-height: 1.1; font-family: "NettoOT-Bold" !important; transition: 0.5s ease; font-weight: bold; align-self: baseline; } .wwwcard p span { font-weight: bold; letter-spacing: 3px; text-transform: uppercase; font-size: 10px; font-weight: normal; transition: 0.5s ease; line-height: 25px; } .wwwcard button, #bxcsa button { background: #fff; color: #000; padding: 6px 15px; transition: 0.5s ease; font-size: 13px; font-weight: bold; border-radius: 5px; opacity: 0; border: none; line-height: 22px; position: absolute; left: 28px; margin-top: 50px; } #bxcsa button { opacity: 1; background: transparent; left: 0; display: block; position: relative; border: 1.5px solid #fff; color: #fff; padding: 6px 15px; transition: 0.5s ease 0.3s; font-size: 13px; font-weight: bold; border-radius: 5px; margin-top: 30px; line-height: 22px; } .wwwcard:hover p > span { opacity: 0; } #bxcsa .col-lg-6:hover button { transform: scale(1.1) translateX(5px); color: #000; background: #fff; } .wwwcard:hover p { transform: scale(1.1) translate(5px, -35px); } .wwwcard.twr p { min-width: 210px; max-width: 220px; } .wwwcard.twr button { left: 15px; } .wwwcard.twrr p { min-width: 300px; } .wwwcard.twrr button { left: 20px; } .wwwcard.twr:hover p { transform: scale(1.1) translate(5px, -50px); } x.wwwcard button span, x.swiper-slide button span, x.carding button span, x.arbt span, x#bxcsa button span, x.newbutton span, x.newinb a { display: block; width: 20px; float: right; margin-left: 8px; height: 23px; width: 22px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-image: url('data:image/svg+xml,'); } .wwwcard button span, .swiper-slide button span, .carding button span, .arbt span, #bxcsa button span, .newbutton span, .newinb a, #projects .carding .newbutton span { display: inline-block; width: 20px; float: right; margin-left: 5px; height: 39px; width: 30px; background-size: auto 25px; background-repeat: no-repeat; background-position: 100% 50%; background-image: url('data:image/svg+xml,'); /* position: absolute; */ line-height: 0; margin-right: 0px; } .swiper-slide .newbutton span { margin-bottom: 2px; } #bxcsa .col-lg-6 button span { filter: invert(100%); transition: 0.5s ease 0.3s; } #bxcsa .col-lg-6:hover button span { filter: invert(0%); } .wwwcard:hover button { opacity: 1; } nav .newbutton.beager { padding-right: 20px; } #news { margin-bottom: -10px; padding-bottom: 0; } #news .display-4 { max-width: 600px; padding-top: 7%; z-index: 10; position: relative; } #news .swiper { width: 100%; background: #121212; padding-top: 0px; padding-bottom: 0px; min-height: 950px; } .newsSlide { width: 100%; overflow: hidden; padding: 40px 0 70px; } .newsSlide .swiper-wrapper { align-items: center; } .newsSlide .blog-panorama-slide { aspect-ratio: 1 / 1; width: min(32vw, 420px); height: auto; border-radius: 0; overflow: hidden; position: relative; padding: 0 !important; /* background: #111; */ } .newsSlide .blog-panorama-link { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; text-align: center; /* padding: 34px; */ /* background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.55)); */ user-select: none; -webkit-user-drag: none; } .newsSlide .blog-panorama-content { position: relative; z-index: 3; width: 100%; max-width: 88%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .newsSlide .blog-panorama-category, .newsSlide .blog-panorama-content time { display: block; font-size: 12px; line-height: 1.35; letter-spacing: 1.2px; text-transform: uppercase; font-weight: 700; opacity: 0.85; margin-bottom: 8px; } .newsSlide .blog-panorama-content h2 { font-family: "NettoOT-Bold", sans-serif !important; font-size: clamp(22px, 2.1vw, 34px); line-height: 1.12; font-weight: 800; letter-spacing: -0.4px; margin: 18px 0 26px; max-width: 95%; } .newsSlide .blog-panorama-content .newbutton { display: inline-flex; align-items: center; justify-content: center; margin-top: 4px; min-width: 150px; /* padding: 10px 18px; */ font-size: 12px; line-height: 1; font-weight: 800; text-transform: uppercase; letter-spacing: 0.7px; } .newsSlide .blog-panorama-slide img { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; border-radius: 0; pointer-events: none; transition: transform 0.45s ease, filter 0.45s ease; filter: brightness(66%); } .blog-panorama-slide .newbutton { opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.5s ease-in-out; color: black; } .blog-panorama-slide.swiper-slide-active .newbutton { opacity: 1; visibility: visible; transform: translateY(0); } .blog-panorama-slide { position: relative; transition: all 0.4s ease; overflow: hidden; } /* Overlay für dunkler machen */ .blog-panorama-slide::after { content: ""; position: absolute; inset: 0; /* background: rgba(0, 0, 0, 0.25); */ backdrop-filter: blur(1px); transition: all 0.4s ease; z-index: 2; pointer-events: none; } /* Content über Overlay */ .blog-panorama-content { position: relative; z-index: 3; } /* Bild smooth */ .blog-panorama-slide img { transition: all 0.4s ease; } /* ACTIVE CARD */ .blog-panorama-slide.swiper-slide-active::after { /* background: rgba(0, 0, 0, 0); */ backdrop-filter: blur(0); } /* Optional: aktive Card minimal größer */ .blog-panorama-slide.swiper-slide-active { /* transform: scale(1.1); */ z-index: 5; } .newsSlide .swiper-slide-active img { /* transform: scale(1.08); */ } .newsSlide .swiper-slide:not(.swiper-slide-active) img { filter: brightness(0.75); } .newsSlide .swiper-pagination { bottom: 20px; color: #fff; font-weight: 700; } .newsSlide .swiper-button-prev, .newsSlide .swiper-button-next { color: #fff; } @media (max-width: 991px) { .newsSlide .blog-panorama-slide { /* width: 70vw; */ } } @media (max-width: 575px) { .newsSlide .blog-panorama-slide { /* width: 82vw; */ } .newsSlide .blog-panorama-link { padding: 24px; } .newsSlide .blog-panorama-content h2 { font-size: 24px; } } .newbutton span { transition: 0.3s ease-in 0.3s; } x.newbutton { border-radius: 11px; line-height: 22px; padding: 10px 18px; font-size: 14.5px; letter-spacing: 0.65px; transition: 0.3s ease-in 0.3s; text-transform: uppercase; background: #fff; margin-top: 20px; line-height: 24px; font-family: "NettoOT-Bold" !important; } .newbutton, #projects .carding .newbutton { border-radius: 11px; line-height: 22px; height: 43px; font-size: 14.5px; letter-spacing: 0.65px; transition: 0.3s ease-in 0.3s; text-transform: uppercase; background: #fff; margin-top: 20px; line-height: 40px; font-family: "NettoOT-Bold" !important; display: block; /* max-width: 170px; */ margin: auto; padding: 0 10px; padding-top: 2px; display: inline-block; width: fit-content; max-width: none; padding-left: 16px; } .body-alt.about #counts { margin-top: 0vh; max-width: 675px; margin-left: auto; margin-right: 5vw; text-align: center; margin-bottom: 0vh; z-index: 10; position: absolute; right: 0; bottom: 13vh; } .body-alt.about #counts b { font-size: 50px; } .body-alt.about #counts p { opacity: 0.7; font-weight: 300; } #cta .newbutton.fw-bold { margin-top: 15px; } e.newbutton.bm-element-button { display: block; max-width: 160px; max-width: none; min-width: 160px; } .hovbord { position: relative; border: 1px solid rgba(255, 255, 255, 0); } .hovbord:hover { border-color: #fff; } .bm-block-buttons a.newbutton { position: absolute; bottom: 25px; left: 15px; transform: scale(0.9); left: 12px; transform: scale(0.876); } .bm-block-buttons a.newbutton.falser { bottom: 0; bottom: 0; padding-right: 15px; padding-left: 10px; transform: scale(1) !important; } .bm-block-buttons a.newbutton.falser span { transform: rotate(180deg); margin-left: 0; float: left; margin-right: 10px; } .newsSlide .swiper-slide button:hover, .newbutton:hover, .bm-block-post.post.type-post .onca:hover .newbutton, .newsSlide .swiper-slide.swiper-slide-active:hover button { background: #377dff; border-color: transparent; color: #fff !important; } .newsSlide .swiper-slide button:active, .newbutton:active, .bm-block-post.post.type-post .onca:active .newbutton, .newsSlide .swiper-slide.swiper-slide-active:active button { border-radius: 500px; } .newsSlide .swiper-slide button:hover span, .newbutton:hover span, .bm-block-post.post.type-post .onca:hover .newbutton span, .newsSlide .swiper-slide.swiper-slide-active:hover button span { filter: invert(100%); transition: 0.3s ease-in 0.3s; } .newsSlide .swiper-slide.swiper-slide-active button { transform: translate(0%); opacity: 1; } .newsSlide .circle { background-image: url('data:image/svg+xml,'); background-image: url('data:image/svg+xml,'); width: 100%; content: ""; position: absolute; height: 250px; background-size: 100% auto; background-repeat: no-repeat; z-index: 90; background-position: 0% 100%; top: -160px; left: 0; right: 0; } .newsSlide .circle { background-image: url('data:image/svg+xml,'); background-image: url('data:image/svg+xml,'); width: 102%; content: ""; position: absolute; height: 250px; height: 240px; background-size: 100% auto; background-repeat: no-repeat; z-index: 90; background-position: 0% 100%; top: -160px; left: -1%; right: 0; } .newsSlide .circle.cxs { background-image: url('data:image/svg+xml,'); } .newsSlide .swiper-pagination-bullet { background: #eee; width: 30px; height: 5px; border-radius: 10px; } /** /////////////////////// */ /** PROJECT CARDS */ /** /////////////////////// */ #projects { max-width: 1340px !important; width: 80vw; width: 88vw; margin: auto; /* padding-left: 1%; */ } #projects .display-4.en { max-width: 400px; } #projects .display-4 { max-width: 500px; margin: auto; padding-bottom: 2.25% !important; margin-bottom: 0% !important; max-width: 530px; margin: auto; padding-bottom: 1.5% !important; margin-bottom: 0% !important; font-weight: normal !important; } #projects .carding { background-color: #111; height: 580px; background-size: cover; height: 620px; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 8px; margin: 0; padding: 0; position: relative; overflow: hidden; } #projects.homex .row .col-lg-3.mx-auto { overflow: hidden; } #projects.fullpage .carding { height: 510px; } #projects .carding .inlay { background: linear-gradient( to top, rgba(0, 0, 0, 0.71), rgba(0, 0, 0, 0.53) 28.99%, transparent ); width: 100%; height: 100%; display: flex; transition: 0.5s ease; flex-wrap: wrap-reverse; padding-bottom: 2%; padding: 15px; border-radius: 8px; background: rgba(0, 0, 0, 0.15); background: linear-gradient( to top, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.35) 55.38%, transparent ); border: 1.5px solid transparent; position: relative; z-index: 2; } #projects .carding .inlay { width: 100%; height: 100%; display: flex; transition: 0.5s ease; flex-wrap: wrap-reverse; overflow: hidden; padding-bottom: 2%; padding: 15px; position: relative; border-radius: 8px; background: linear-gradient( to top, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.55) 45.38%, transparent ); background: linear-gradient( to top, rgba(30, 30, 30, 0.84), rgba(30, 30, 30, 0.55) 45.38%, transparent ); border: 1.5px solid #000; } #projects.homex .carding { font-size: 2rem !important; } #projects.homex .carding h3 { font-size: 2rem !important; } #projects.homex .carding p { font-size: 1.6rem !important; } #projects.homex .carding p.mt-3 { font-size: 1.1rem !important; font-family: "NettoOT-Bold", sans-serif; letter-spacing: 0px; } #projects .carding .inlay.ntx { background: transparent; } .carding-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .inlay img { pointer-events: none; } #projectsxxxx .carding .inlay .carding-logo { display: block; margin-bottom: 22px; transition: 0.3s ease-out 0.2s; width: 50px; height: auto; display: block; margin-bottom: 15px; transition: 0.3s ease-out 0.2s; width: 85px; height: 40px; object-fit: cover; padding: 0 10px; background: #000; border-radius: 6px; width: 115px; height: 60px; } #projects.homex .carding .inlay .carding-logo { display: block; z-index: 1; transition: 0.3s ease-out 0.2s; width: 50px; height: auto; display: block; transition: 0.3s ease-out 0.2s; object-fit: contain; padding: 0; background: transparent; border-radius: 0; width: 100px !important; height: 40px !important; position: absolute; top: -1px; left: -1px; object-position: 0% 0%; margin: 8%; } #projects .carding .inlay .carding-logo { display: block; z-index: 1; transition: 0.3s ease-out 0.2s; width: 50px; height: auto; display: block; transition: 0.3s ease-out 0.2s; object-fit: contain; padding: 0; background: transparent; border-radius: 0; width: 20% !important; height: 10% !important; position: absolute; top: -1px; left: -1px; object-position: 0% 0%; margin-left: 7%; margin-top: 7%; min-height: 40px; width: 125px !important; height: auto !important; position: absolute; top: -1px; left: -1px; object-position: 0% 0%; margin-left: 40px; margin-top: 40px; min-height: 40px; } #projectsxx .carding .inlay:after { background: rgb(0, 0, 0); background: radial-gradient( circle, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 71.01% ); content: ""; width: 200px; height: 200px; position: absolute; top: -0px; right: -50px; z-index: 0; } #projects.homex .carding .inlay::after { background: rgb(0, 0, 0); background: radial-gradient( circle, rgba(0, 0, 0, 0.72) 36.55%, rgba(0, 0, 0, 0) 71.01% ); content: ""; width: 330px; height: 250px; position: absolute; top: -125px; left: -150px; z-index: 0; width: 330px; height: 330px; position: absolute; top: -50px; left: -80px; } #projects .carding .inlay::after { background: rgb(0, 0, 0); background: radial-gradient( circle, rgba(0, 0, 0, 0.59) 36.55%, rgba(0, 0, 0, 0) 71.01% ); content: ""; width: 55%; height: 55%; position: absolute; top: -28%; left: -18%; z-index: 0; } #projects .carding .inlay::after { background: rgb(0, 0, 0); background: radial-gradient( circle, rgba(17, 17, 17, 1), rgba(0, 0, 0, 0.59) 42.86%, rgba(0, 0, 0, 0) 69.33% ); content: ""; width: 550px; height: 450px; position: absolute; top: 0; left: 0; z-index: 0; margin-top: -50%; margin-left: -42%; /* transform: rotate(29deg); */ /* opacity: 0.7; */ } #projects .carding .inlay::after { background: rgb(0, 0, 0); background: radial-gradient( circle, rgba(0, 0, 0, 0.8) 36.55%, rgba(0, 0, 0, 0) 72.27% ); content: ""; width: 60%; height: 55%; position: absolute; top: 0; left: 0; z-index: 0; margin-top: -30%; margin-left: -15%; transform: rotate(29deg); opacity: 0.7; } #projects .carding:hover .inlay .carding-logo xxxx { width: 65px; } #projects .carding:hover .inlay .carding-logo { transform: translateY(100%); transition: 0.4s linear; } #projects .carding .carding-bottom { /* font-size: 17px; */ padding-left: 5%; min-width: 260px; line-height: 1.1; padding-right: 3px; transition: 0.5s ease; font-size: 2.55rem; align-self: baseline; font-weight: 300; transform: translate(0, 50px); } #projects.fullpage .carding p { transform: none; font-size: 20px; line-height: 1.6; font-weight: 300; font-size: 18.2px; line-height: 1.6; font-weight: 300; padding-right: 5%; max-width: 1000px; } #projects .carding h3 { font-weight: bold; line-height: 1.35; display: block; letter-spacing: -1.5px; font-size: 2rem; font-weight: bold; line-height: 1.3; display: block; font-size: 2.55rem !important; letter-spacing: -0.5px; } .mask { width: 100%; height: 115%; position: absolute; background: #161616; left: 0; top: 0; opacity: 0.8; } #projects .carding p { display: block; font-size: 105%; font-style: normal; font-weight: 300; font-family: "NettoOT", sans-serif; letter-spacing: -1px; font-size: 75%; font-size: 72%; line-height: 1.3; margin-top: 5px; } #projectsx .carding .newbutton { background: transparent; color: #fff; padding: 0; transition: 0.5s ease; font-size: 16px; font-weight: bold; border-radius: 5px; opacity: 0; border: none; font-family: "NettoOT-Bold" !important; line-height: 22px; line-height: 1.35; display: block; margin-top: 40px; text-align: center; } x#projects .carding .newbutton { background: transparent; color: #fff; padding: 0; transition: 0.5s ease; font-weight: bold; border-radius: 5px; opacity: 0; border: none; font-family: "NettoOT-Bold" !important; line-height: 24px; display: block; margin-top: 40px; text-align: center; } #projects .carding .newbutton { background: transparent; color: #fff; transition: 0.5s ease; font-weight: bold; border-radius: 5px; opacity: 0; letter-spacing: 1px; will-change: transform; border: none; font-family: "NettoOT-Bold" !important; margin-top: 40px !important; padding-top: 2px; display: block; /* text-align: left; */ margin-left: 0; } .swiper-slide .btn.fw-bold.newbutton { transform: scale(0.9) translateY(0px); } #projects .carding .newbutton span { filter: invert(0%); } #projects .carding .newbutton:hover span { filter: invert(100%); } #projects .carding:hover p > span, #projects .carding:hover .newbutton p > span { opacity: 0; } #projects .carding:hover .newbutton { background: #fff; color: #000; } #projects .carding .newbutton:hover { background: #377dff !important; border-color: transparent; color: #fff !important; } #projects .carding:hover .carding-bottom { transform: translate(0, -20px); } #projects.fullpage .carding:hover .carding-bottom { transform: scale(1.05); } #projects .carding:hover .inlay { background: rgba(0, 0, 0, 0.8); border-color: #fff; } #projects .carding:hover .inlay { border-color: #fff; } #projects.fullpage .carding:hover { transform: scale(1.035); } #projects .carding:hover .newbutton { opacity: 1; } /** /////////////////////// */ /** TESTIMONIAL SLIDE background: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.35);*/ /** /////////////////////// */ .testiSlider { width: 95vw; border-radius: 10px; max-width: 1150px; margin: auto; /* padding: 0 50px; */ } .testiSlider .swiper-wrapper { height: auto; } .testiSlider .swiper-pagination { position: absolute; text-align: center; padding: 0%; z-index: 0; z-index: 1; width: auto; right: 0; left: 0; display: none !important; margin: auto; line-height: 1; line-height: 44px; bottom: auto; width: 50px; top: 0px; bottom: 0; } .testiSlider .swiper-button-next, .testiSlider .swiper-button-prev { color: #fff; border: 1.5px solid #eee; padding: 18px 34px; position: absolute; bottom: 11%; border-radius: 500px; z-index: 10; top: auto; right: 5%; background: #2d2f2f; } .testiSlider .swiper-button-next, .testiSlider .swiper-button-prev { color: #fff; border: 1.5px solid #eee; height: 45px; position: relative; bottom: 4.25vh; border-radius: 500px; z-index: 20; top: auto; transition: 0.4s ease; cursor: pointer; background: transparent; width: 65px; display: inline-block; margin: 0 1%; right: auto; padding: 18px 40px; } .testiSlider .swiper-button-next:hover, .testiSlider .swiper-button-prev:hover { border-color: #377dff; color: #377dff; background: transparent; } xx.testiSlider .swiper-slide-next, xx.testiSlider .swiper-slide-prev { opacity: 0; } .testiSlider .swiper-slide-active { opacity: 1; } .xtestiSlider .swiper-button-prev { right: 20%; left: auto; } .testiSlider .swiper-button-next:active, .testiSlider .swiper-button-prev:active { background: #fff; color: #000; } .testiSlider .swiper-button-prev::after, .testiSlider .swiper-button-next::after { font-size: 19px; font-weight: 900; position: absolute; text-align: center; left: 0; right: 0; bottom: 0; top: 0; line-height: 40px; } eee#testisliding .swiper-slide .testicard .lc-block.d-inline-flex { opacity: 1; transition: 0.2s ease 0.3s; } #testisliding .swiper-slide .testicard .lc-block.d-inline-flex { opacity: 1; transition: 0.2s ease 0.3s; width: 100%; border-top: 1.5px solid rgba(255, 255, 255, 0.3); padding-top: 17px; margin-top: 20px; padding-bottom: 0px; max-width: 100%; margin-bottom: 0; line-height: 1.2; margin-left: auto; margin-right: 0; /* display: block !important; */ align-items: end; justify-content: start; } #testisliding .center { padding-top: 25px; position: relative; margin-top: 40px; display: block; height: 50px; line-height: 0; } #testisliding { max-width: 1350px; background-position: 0% 110%; background-size: cover; background-repeat: no-repeat; border-radius: 50px; margin-top: 5%; max-width: 1250px; background-position: 50% -200%; background-size: contain; background-repeat: no-repeat; border-radius: 50px; margin-top: 8%; margin-left: auto; margin-right: auto; } #testisliding .swiper-slide-active .testicard .lc-block.d-inline-flex { opacity: 1; transform: translateY(0%); } .xtestiSlider .swiper-slide { pointer-events: none; } .testicard { padding: 50px; position: relative; pointer-events: none; height: 100%; width: 100%; padding-bottom: 20px; position: relative; z-index: 0; display: block; } .testicard p { font-size: 25.5px; color: #fff; text-align: left; font-weight: 300; } #carousel-wrapper { width: auto; height: auto; display: flex; flex-direction: row; align-items: center; justify-content: center; height: 550px; overflow: hidden; } #carousel-wrapper #menu { height: 100%; width: 100%; overflow: hidden; font-weight: 700; line-height: 1; display: flex; flex-direction: row; align-items: center; justify-content: center; vertical-align: middle; transition: all 0.6s ease-in-out; } #carousel-wrapper #menu #current-option { position: relative; width: 100%; height: 100%; transform: translate(-25%, 0%); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; } #carousel-wrapper #menu #current-option #current-option-text1 { font-size: 1.6rem; line-height: 3rem; width: 220px; height: 200px; display: flex; flex-direction: column; font-family: "NettoOT-Bold", sans-serif; align-items: center; justify-content: flex-start; } #carousel-wrapper #menu #current-option #current-option-text1::before { content: attr(data-next-text); position: absolute; transform: translate(0%, 380px); width: 100%; height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } #carousel-wrapper #menu #current-option #current-option-text1::after { content: attr(data-previous-text); position: absolute; transform: translate(0%, -380px); width: 100%; height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } #carousel-wrapper #menu #current-option #current-option-text2 { font-size: 0.8rem; width: 220px; height: 40px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; } #carousel-wrapper #menu #current-option #current-option-text2::before { content: attr(data-next-text); position: absolute; transform: translate(0%, 380px); width: 100%; height: 40px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; } #carousel-wrapper #menu #current-option #current-option-text2::after { content: attr(data-previous-text); position: absolute; transform: translate(0%, -380px); width: 100%; height: 40px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; } #carousel-wrapper #menu #previous-option { width: 1.5rem; height: 1.5rem; border: none; display: block; filter: invert(100%); cursor: pointer; background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256'%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093' fill='%23333'%3E%3C/polygon%3E%3C/svg%3E"); background-size: cover; position: absolute; transform: translate(310px, 50px); } #carousel-wrapper #menu #next-option { width: 1.5rem; height: 1.5rem; filter: invert(100%); border: none; display: block; cursor: pointer; background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256'%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093' fill='%23333'%3E%3C/polygon%3E%3C/svg%3E"); background-size: cover; position: absolute; transform: translate(310px, -50px) rotate(180deg); } #carousel-wrapper #image { height: 240px; width: 240px; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 101; position: absolute; transform: translate(140px, 0); } #carousel-wrapper.anim-next { pointer-events: none; } #carousel-wrapper.anim-next #current-option-text1 { animation: next-text 0.65s 0.085s; } #carousel-wrapper.anim-next #current-option-text2 { animation: next-text 0.65s 0.085s; } #carousel-wrapper.anim-next #previous-option { animation: next-top-arrow 0.65s 0.085s; } #carousel-wrapper.anim-next #next-option { animation: next-bottom-arrow 0.65s 0.085s; } #carousel-wrapper.anim-next #image { animation: next-image 0.65s 0.085s; } #carousel-wrapper.anim-previous { pointer-events: none; } #carousel-wrapper.anim-previous #current-option-text1 { animation: previous-text 0.65s 0.085s; } #carousel-wrapper.anim-previous #current-option-text2 { animation: previous-text 0.65s 0.085s; } #carousel-wrapper.anim-previous #previous-option { animation: previous-top-arrow 0.65s 0.085s; } #carousel-wrapper.anim-previous #next-option { animation: previous-bottom-arrow 0.65s 0.085s; } #carousel-wrapper.anim-previous #image { animation: previous-image 0.65s 0.085s; } @keyframes previous-text { 50%, 55% { transform: translate(0%, 390px); } to { transform: translate(0%, 380px); } } @keyframes previous-top-arrow { 50% { transform: translate(310px, 53px); } } @keyframes previous-bottom-arrow { 50% { transform: translate(310px, -47px) rotate(180deg); } } @keyframes previous-image { 0% { transform: translate(140px, 0) scale(1); opacity: 1; } 70% { transform: translate(140px, 0) scale(1.1); opacity: 0; } 100% { transform: translate(140px, 0) scale(1); opacity: 1; } } @keyframes next-text { 50%, 55% { transform: translate(0%, -390px); } to { transform: translate(0%, -380px); } } @keyframes next-top-arrow { 50% { transform: translate(310px, 47px); } } @keyframes next-bottom-arrow { 50% { transform: translate(310px, -53px) rotate(180deg); } } @keyframes next-image { 0% { transform: translate(140px, 0) scale(1); opacity: 1; } 70% { transform: translate(140px, 0) scale(1.1); opacity: 0; } 100% { transform: translate(140px, 0) scale(1); opacity: 1; } } .testiSlider .swiper-slidexxx { pointer-events: none; } .testiSlider .swiper-slide { display: flex; align-items: start; justify-content: center; height: auto; } .testicard { /* box-sizing: border-box; */ max-width: 95%; padding: 3vh 4vw; background: #2c2f2f; height: auto; display: block; margin-left: auto; margin-right: auto; border-radius: 11px; max-width: 90%; } .testicard .rfs-8 { margin-bottom: 0; padding-bottom: 20px; padding-bottom: 0px; min-height: 150px; } .testicard .rfs-8.smx { font-size: 25px; } .testicard img { width: 60px; height: 60px; } .testicard .lc-block p { font-size: 15px; margin-bottom: 0; text-transform: uppercase; letter-spacing: 2px; } .testicard .lc-block .h6 { font-size: 22px; margin-top: 3px; margin-bottom: 0; text-transform: none; letter-spacing: 0.2px; } #eventsvideo { background: #000; /* overflow: hidden; */ max-width: 1400px; width: 95vw; padding-bottom: 0vh; margin-bottom: 10vh; max-height: 100vh; min-height: 700px; width: 99%; max-height: 90vh; min-height: 500px; max-width: 1600px; } #eventsvideo .position-relative:first-child { max-height: 1000px; } #eventsvideo .row.mt-5 { border: 1px solid rgba(161, 161, 161, 0.6); padding: 8px 25px 15px 22px; border-radius: 33px; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); padding: 2vw; background: rgba(226, 226, 226, 0.19); border: 1px solid rgba(161, 161, 161, 0.6); padding-top: 4vh; transition: background 1s ease; margin-top: 3vh !important; } #eventsvideo h1 { letter-spacing: -1.5px; font-size: 5.85rem; } #eventsvideo .row.mt-5:hover { background: rgba(11, 11, 11, 0.2); } #eventsvideo .inconx { z-index: 2; margin: auto; min-height: 45vh; max-height: 90vh; width: 88%; padding-top: 5vh; z-index: 10; max-width: 1090px; } #eventsvideo .incon { z-index: 2; margin: auto; min-height: 45vh; max-height: 90vh; width: 88%; padding-top: 0vh; z-index: 10; max-width: 1090px; position: absolute; left: 0; right: 0; bottom: 5vh; top: auto; height: auto; } #eventsvideox .incon:hover { background: rgba(226, 226, 226, 0.19); border: 1.5px solid rgba(161, 161, 161, 0.45); padding: 30px 20px 0px 30px; border-radius: 13px; -webkit-backdrop-filter: blur(7px); } #eventsvideo .incon p.fs-5 { border-left: 3px solid #fff; padding-left: 30px; max-width: 90%; max-width: 88%; /* margin-top: 5vh; */ font-size: 1.2rem !important; font-size: 1.12rem !important; font-size: 1.05rem !important; } #eventsvideo .incon p.text { font-size: 1.2rem !important; font-size: 1.145rem !important; font-size: 1.185rem !important; font-size: 1.12rem !important; font-size: 1rem !important; transition: 1s ease; } #eventsvideo .incoxxn p.text:hover { background: rgba(11, 11, 11, 0.2); background: rgba(255, 255, 255, 0.2); background: rgba(226, 226, 226, 0.19); border: 1px solid rgba(161, 161, 161, 0.6); padding: 8px 25px 15px 22px; border-radius: 33px; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); padding: 18px; } #eventsvideo video { z-index: 1; object-fit: cover; object-position: 50% 50%; border-radius: 50px; border-top-left-radius: 20px; border-top-right-radius: 20px; height: 100%; transform: translateY(0%); transition: 0.5s linear; max-height: 95vh; opacity: 0.5; } .fw-bold, .fw-bolder { font-family: "NettoOT-Bold", sans-serif; font-weight: normal !important; } #eventsvideo a { border: 1px solid #fff; color: #fff; padding: 12px 20px; line-height: 32px; text-align: center; position: absolute; right: 0px; font-size: 15.5px; bottom: -8px; z-index: 9999; font-family: "NettoOT-Bold", sans-serif; width: 100%; border-radius: 15px; transform: translateY(-20px); font-weight: bold; max-width: 323px; } #eventsvideo a:hover { background: #fff; color: #000; } #eventsvideo.off video, #eventsvideo.off #colorer:before { transform: translateY(-10vh); transform: scale(0.9); opacity: 0; } #eventsvideo .lc-block { max-width: 740px; display: inline-block; line-height: 1.3; padding-bottom: 6vh; padding-bottom: 0; max-width: none; padding-bottom: 3vh; } #eventsvideox .lc-block:hover { background: rgba(255, 255, 255, 0.18); border: 1px solid rgba(161, 161, 161, 0.6); padding: 8px 25px 15px 22px; border-radius: 33px; } .capper { background-image: url('data:image/svg+xml,'); background-size: cover; width: 200px; height: 100px; position: absolute; bottom: 100px; right: -32px; z-index: 50; } .cappertwo { background: #000; width: 100%; height: 100px; position: absolute; bottom: 0px; right: 0; z-index: 50; border-top-left-radius: 50px; max-width: 350px; } #colorer { background: #071b17; background: #000; max-height: 95vh; min-height: 95vh !important; border-radius: 50px; border-top-left-radius: 20px; border-top-right-radius: 20px; max-height: 85vh; min-height: 85vh !important; } #colorer:before { content: ""; background-image: linear-gradient( 160deg, rgba(37, 128, 179, 0.86), rgba(10, 10, 10, 0.69) 44.54%, rgba(116, 29, 40, 0.67) ); background-image: linear-gradient(160deg, #0093e9 0%, #80d0c7 100%); background-image: linear-gradient(160deg, rgba(29, 226, 255, 0.71), #0f1212); width: 100%; height: 100%; z-index: 2; transition: 0.5s linear; position: absolute; border-radius: 50px; border-top-left-radius: 20px; border-top-right-radius: 20px; opacity: 0.4; transform: translateY(0%); opacity: 0.35; } #colorer.nobg:before { border-bottom-left-radius: 110px; border-bottom-right-radius: 110px; background-color: rgba(255, 255, 255, 0.22); background-image: none; } .scrollDown { position: absolute; bottom: 12vh; right: 3vw; cursor: pointer; opacity: 0.75; z-index: 90; position: absolute; bottom: 14vh; right: 2vw; cursor: pointer; opacity: 0.75; z-index: 90; width: 52px; } .scrollDown:hover { opacity: 1; } .hide-on-preload { opacity: 0.5; filter: blur(5px); } #preloader svg { height: 650px; margin: auto; left: 0; right: 0; position: absolute; top: 0; bottom: 0; } #preloader p { position: absolute; bottom: 10vh; left: 0; right: 0; font-family: "NettoOT-Bold", sans-serif; font-size: 28px; position: absolute; bottom: 36vh; left: 0; right: 0; font-size: 18px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px; opacity: 0.85; } /** /////////////////////// */ /** LOGO SLIDE + GRID */ /** /////////////////////// */ .logo-slider { overflow: hidden; padding: 30px 0 0 0; padding: 0; white-space: nowrap; position: relative; max-width: none; width: 100%; margin-top: -10px; } .logos-slide { display: inline-block; animation: 45s slide infinite linear; } .logos-slide img { width: 192px; height: 200px; /* width: 140px; */ /* height: 180px; */ margin: 0 42px; object-fit: contain; cursor: default; pointer-events: none; } @keyframes slide { from { transform: translateX(0); } to { transform: translateX(-100%); } } #logo-grid { max-width: 1300px; width: 75vw; margin: auto; padding-bottom: 6vh; width: 80vw; } #logo-grid .grid { box-sizing: border-box; width: 100%; background: transparent; padding: 15px 0; max-width: 1250px; } #logo-grid .grid__container { display: flex; flex-wrap: wrap; } #logo-grid .box { position: relative; box-sizing: border-box; max-height: 285px; width: 20%; } #logo-grid .box::before { content: ""; position: relative; width: 100%; display: block; height: 0; padding-bottom: 100%; } #logo-grid .box__helper { height: 0; width: 100%; padding-bottom: 100%; position: absolute; left: 0; top: 0; } #logo-grid .box__content { border: 0.5px solid rgba(255, 255, 255, 0.28); padding: 0em 0.5em; padding: 0; position: absolute; overflow: hidden; left: 0; top: 0; right: 0; background-color: #000; bottom: 0; text-align: center; } #logo-grid .box__content:hover { border-color: #fff; } #logo-grid .box__content img { width: 70%; height: 100%; object-fit: contain; transition: 0.5s linear; } #logo-grid .box__content .inas { overflow: hidden; line-height: 1.4; opacity: 0; background: #000; transition: 0.5s ease-in-out, background 0.2s linear 0.1s; position: absolute; margin: 20px 6%; margin: 9px 8px; margin: 0; /* margin-top: -7%; */ background: rgba(255, 255, 255, 0.2); /* background: rgba(226, 226, 226, 0); */ border: 1px solid rgba(161, 161, 161, 0.6); padding: 8px 25px 15px 22px; border: none; border-radius: 0px; /* -webkit-backdrop-filter: blur(7px); */ padding: 3px 5px; /* vertical-align: middle; */ /* display: table; */ top: 0; bottom: 0; /* min-height: 45%; */ transform: scale(0.7); z-index: 5; width: 100%; /* height: 100%; */ } #logo-grid .box__content .text { font-size: 0.9rem; line-height: 1.4; letter-spacing: 0.2px; color: #fff; display: table-cell; vertical-align: middle; font-size: 0.85rem; line-height: 1.4; letter-spacing: -0.2px; font-size: 0.875rem; font-size: 0.95rem; } .ee { font-size: 0.85rem; background: #000; padding: 25px 10px 25px 10px; color: #fff; transform: translateY(0%); transform: scale(0.7); opacity: 0; overflow: hidden; line-height: 1.4; transition: 0.5s ease-in-out, background 0.2s linear 0.1s; position: absolute; margin: 20px 6%; /* margin-top: -7%; */ background: rgba(255, 255, 255, 0.2); background: rgba(226, 226, 226, 0); border: 1px solid rgba(161, 161, 161, 0.6); padding: 8px 25px 15px 22px; border-radius: 15px; /* -webkit-backdrop-filter: blur(7px); */ padding: 12px; /* vertical-align: middle; */ /* display: table; */ top: 0; bottom: auto; height: 80%; transform: scale(0.7); z-index: 5; max-height: 80%; } #logo-gridOX.box__content .text { font-size: 0.85rem; background: #000; padding: 25px 10px 25px 10px; color: #333; transform: scale(0.7); overflow: hidden; line-height: 1.4; transition: 0.4s ease-in-out, background 0.3s linear 0.1s; position: absolute; margin: 0 4%; margin-top: -7%; } #logo-gridOX .box__content:hover .text { background: #fff; transform: translateY(-100%); } #logo-grid .box__content:hover .inas { background: rgba(226, 226, 226, 0.19); background: rgba(144, 139, 139, 0.19); transform: scale(1); opacity: 1; } #logo-grid .box__content:hover img { transform: scale(0.6) translateY(-33%); transform: scale(0.8) translateY(-25%); transform: scale(1.2015); filter: blur(8px) opacity(0.5); } #conopen { padding-bottom: 0; } #inopsi { border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 66px; padding: 0px 50px; } .body-alt.project section { max-width: 1400px !important; margin: auto; width: 90%; } .body-alt.project section#cta { margin-top: 0; } .body-alt.project section p.h4 { line-height: 1.6; margin: auto; } #projects h2.display-4 { line-height: 1.15; padding-top: 1% !important; letter-spacing: 1px; text-transform: none; color: #fff; font-size: 3rem; line-height: 1.2; font-weight: normal; font-family: "NettoOT", sans-serif; } #projectsx h2.display-4 b { color: #fff; font-size: 3rem; transform: translateY(2px); display: inline-block; font-weight: bold; } #projectsx h2.display-4 b span { display: inline-block; transform: translate(1px, -4.5px); } #prointro { margin: auto; padding-left: 5%; } #prointro .inner, #subtext .inner { max-width: 920px !important; margin: auto; display: block; width: 100%; padding-right: 3vw; max-width: 1120px !important; max-width: 950px !important; } .body-alt.project #prointro .inner { margin-top: 5%; } #prointro .inner p { font-size: 1.75rem !important; } #subtext .inner { max-width: 1000px !important; } #prointro .display-3 { max-width: 750px; margin: 0; font-weight: 800; letter-spacing: -0.5px; line-height: 1.15; max-width: 850px; font-family: "NettoOT-Bold", sans-serif; } #prointro p.h5 { font-size: 1.3rem; line-height: 1.5; max-width: 790px; opacity: 0.85; } #prointro .lead { max-width: 80%; margin: auto; text-align: center; padding: 6vh 0; padding-top: 0; } #prointro img { max-width: 100%; height: auto; max-height: 600px; object-fit: cover; object-position: center center; border-radius: 5px; width: 100%; margin: 8vh 0; margin-left: -2.5%; } #subtext { margin: auto; padding-top: 3vh; } #prointro h2.display-4 { max-width: 1000px; margin: auto; } #prointro p.lead { line-height: 1.5; } #popen { /* position: relative; */ } #popen .logo-in { display: block; margin-bottom: 15px; transition: 0.3s ease-out 0.2s; width: 140px; height: 58px; object-fit: cover; padding: 0 10px; background: #000; border-radius: 6px; } #thirder { min-height: 180px; margin-top: 5vh; min-height: 180px; margin-top: 0; max-width: 1000px; margin: auto; margin-top: 7vh; padding-left: 4%; transform: scale(0.9); max-width: 1100px; margin-bottom: -2vh; } #thirder .col-lg-4 { background-image: url('data:image/svg+xml,'); background-size: auto 60%; background-size: auto 108px; /* height: 100px; */ /* width: 250px; */ background-repeat: no-repeat; } #thirder p { font-weight: bold; font-size: 20px; font-family: "NettoOT-Bold", sans-serif; margin-top: 55px; margin-left: 30px; max-width: 230px; } #thirder .col-lg-4:nth-child(2) { background-image: url('data:image/svg+xml,'); } #thirder .col-lg-4:nth-child(3) { background-image: url('data:image/svg+xml,'); } #thirder .col-lg-4:nth-child(3) p { margin-left: 50px; } .img-carousel { display: flex; flex-direction: row; gap: 25px; margin-bottom: 15vh; height: 600px; } .img-carousel img { height: 100%; width: 100%; filter: grayscale(100%); object-fit: cover; min-width: 50vw; border-radius: 15px; transition: padding 0.7s ease-out; display: block; transition: filter 0.6s ease; } .img-carousel img:last-child { padding-right: 30px; padding-right: 20vw; min-width: 100% !important; } #thirder { min-height: 180px; margin-top: 5vh; min-height: 180px; margin-top: 0; max-width: 1000px; margin: auto; margin-top: 6vh; /* padding-left: 4%; */ transform: scale(0.975); max-width: 1200px; margin-bottom: -2vh; } #prointro .inner p { font-size: 1.65rem !important; } .body-alt.project #prointro .inner p { font-size: 1.7rem !important; margin-bottom: 4rem; } .body-alt.project #prointro .inner h2 { font-size: 2.1rem !important; margin-top: 2rem; margin-bottom: 1rem; } .body-alt.project #prointro .inner h3 { font-size: 1.9rem !important; margin-top: 1rem; margin-bottom: 1rem; } .body-alt.project #prointro .inner ul { font-size: 1.6rem !important; margin-top: 1rem; margin-bottom: 1rem; } .body-alt.project #prointro .inner li { font-size: 1.4rem !important; line-height: 2; } #prointro { padding-bottom: 10vh; } .img-carousel img:first-child { filter: grayscale(0) !important; } .img-carousel img:hover { filter: grayscale(0%) !important; } .img-carousel img.imw-35 { min-width: 35%; } .img-carousel img.imw-60 { min-width: 60%; } .img-carousel img.imw-70 { min-width: 70%; } .img-carousel img.imw-900 { min-width: 900px; } .awlogo { width: 145px; height: 145px; right: 7%; position: absolute; margin: auto; margin-top: -7%; background: rgba(96, 95, 95, 0.42); border-radius: 500px; padding: 7px; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); cursor: default; transition: 0.6s ease-in; } .awlogo:hover { background: rgba(255, 255, 255, 0.42); } /* .slider { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: #000; } */ #intext { position: absolute; left: 5%; width: 50%; bottom: 5vh; color: #fff; font-size: 50px; font-weight: normal; } .body-alt.project .mouse { opacity: 1; position: absolute; display: block; z-index: 999; bottom: 5vh; transform: scale(0.95); } #popen #intext { position: absolute; left: 0; width: 90%; bottom: 0; bottom: 10vh; color: #fff; font-size: 50px; font-weight: normal; right: 0; margin: auto; text-align: center; bottom: auto; top: auto; margin: auto; } /* Kategorie: Corporate Event für */ #popen .portfolio-category { margin: 0; line-height: 1; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-family: "NettoOT-Bold", sans-serif; font-style: normal; font-size: 2.9rem; font-weight: normal; } /* Linie unter der Kategorie */ #popen .portfolio-category::after { content: ""; display: block; width: 80%; max-width: 250px; height: 3px; margin: 25px auto 10px; background: #fff; opacity: 0.6; border-radius: 50px; } #popen h1 { font-family: "NettoOT-Bold", sans-serif; letter-spacing: -5.5px; line-height: 1; max-width: 900px; margin: auto; font-size: 5.55rem; padding-top: 1rem; } #popen h1 span { font-style: normal; font-size: 90%; display: block; /* max-width: 600px; */ margin: auto; margin-bottom: 20px; line-height: 1; font-family: "NettoOT-Bold", sans-serif; font-size: 70%; letter-spacing: -1px; font-weight: 300; display: block; font-family: "NettoOT-Bold", sans-serif; font-family: "NettoOT", sans-serif; margin-top: 3px; } #popen h1 span:last-child { margin-top: 15px !important; font-size: 66%; opacity: 0.9; } #popen .d-flex:first-child { border-bottom-left-radius: 170px; border-bottom-right-radius: 170px; min-height: 88vh !important; } .proscroll { width: 45px; height: 45px; } /** /////////////////////// */ /** FOOTER */ /** /////////////////////// */ footer { background-color: #121212; color: #fff; padding-bottom: 3vh; padding-top: 6vh; position: relative; margin-top: 2vh; background-color: transparent; color: #fff; padding-bottom: 3vh; padding-top: 2vh; position: relative; border-top: 1.25px solid rgba(255, 255, 255, 0.33); border-top-left-radius: 90px; border-top-right-radius: 90px; transition: 1s ease; } footer:hover { border-color: rgba(255, 255, 255, 0.8); } footer address { font-size: 14.5px; opacity: 0.65; line-height: 1.67; line-height: 1.5; margin-top: 0px; } #blm_for { cursor: pointer; transition: 0.2s ease-in-out; text-align: center; } #blm_for:hover { opacity: 1; transform: scale(1.015); } #blm_for svg { width: 162px; height: auto; width: 170px; max-height: 54px; filter: invert(); margin-top: 10px; margin-bottom: 30px; } #footbar { margin-top: 5vh; max-width: 100%; overflow-x: hidden; padding-bottom: 8vh; border-top: 1px solid #eee; z-index: 1; position: relative; } #footbar a span { color: #b3123f; } #footbar .nav-link { color: #222; } #footbar h3 { color: #b3123f; font-size: 25px; } #footbar .nav > li > a:focus, #footbar .nav > li > a:hover { background: transparent; font-weight: bold; color: #b3123f; } #about-intro { max-width: 1500px; margin: auto; min-height: 60vh; } #about-intro img { height: 100vh; margin-bottom: -30%; width: 100%; object-fit: cover; object-position: 50% 100%; opacity: 0.4; z-index: 0; object-fit: cover; object-position: 80% 0%; opacity: 0.45; z-index: 0; max-height: 1050px; overflow-y: hidden; height: 100vh; margin-bottom: -30%; width: 100%; object-fit: cover; object-position: 50% 100%; opacity: 0.4; z-index: 0; object-fit: cover; object-position: 0% 0%; opacity: 0.45; z-index: 0; max-height: 1050px; overflow-y: hidden; } #aboutstart { width: 88%; margin: auto; z-index: 10; position: relative; margin-top: 0vh; margin-bottom: 7vh; max-width: 1250px; height: 100%; position: absolute; top: 12vh; left: 0; right: 0; } .list-unstyled.linka li { float: left; width: 50%; line-height: 1.7; } #footbar .end { font-weight: 300; font-size: 15px; line-height: 1.5; } #footbar a i { color: #b3123f; } #footbar a { text-decoration: none; } .mob-on, .mob-onx { display: none !important; } /* MEDIA-LG */ @media (max-width: 1150px) { #logo-grid { width: 90vw; } #logo-grid .box { width: 25%; } #projects { width: 100vw; } } @media (max-width: 1000px) { #pinna { width: 100%; } #mobo { margin-top: 0 !important; } } @media (max-width: 974px) { #recen { transform: scale(1) !important; margin-bottom: 5vh !important; border-color: rgba(238, 238, 238, 0.62) !important; border-radius: 66px !important; } #recen p:not(.display-6) { font-size: 18px !important; } #recen p.display-6.text-white { margin-bottom: 0 !important; } #recen b { font-size: 1.25rem !important; } #recen .row { width: 100% !important; border-color: rgba(238, 238, 238, 0.62) !important; margin-top: 20px !important; padding: 20px 12px !important; margin-bottom: 10px !important; } #recen .row:first-child { margin-top: 10px !important; padding: 5px 12px !important; margin-bottom: 0px !important; } #recen .row img { width: 100px !important; height: 100px !important; margin-top: 20px !important; padding-bottom: 0 !important; margin-bottom: 0px !important; } #recen .card { background: #222 !important; } #recen .row:nth-child(3) .col-lg-3, #recen .row:nth-child(5) .col-lg-3 { order: 2; } #recen .row:not(.mb-2.pt-0) { padding-bottom: 30px !important; } .lc-block.text-left:last-child { line-height: 1; transform: scale(0.875) translateX(-6%) !important; } .testiSlider .swiper-button-next, .testiSlider .swiper-button-prev { color: #fff; border: 1.5px solid #eee; height: 45px; position: relative; /* bottom: 4.25vh; */ border-radius: 500px; z-index: 20; top: auto; right: 5%; background: #2d2f2f; float: none; width: 65px; display: block; margin-bottom: 10px; } .testiSlider .swiper-button-prev { left: 0; right: 0; float: left; margin-top: 5%; margin-left: 5%; } .testiSlider .swiper-button-next { float: right; margin-top: 5%; margin-right: 5%; margin-bottom: 30px; } .xtestiSlider .swiper-pagination { right: 0 !important; bottom: 6.5% !important; left: 0; margin: auto; text-align: center; margin: auto; } .testiSlider .swiper-pagination { text-align: center; margin: auto; display: inline-block; position: relative; width: auto; } #popen #intext { width: 100% !important; } #testisliding .swiper-slide .testicard .lc-block.d-inline-flex { display: block !important; max-width: 95% !important; } #testisliding .swiper-slide .testicard .lc-block.d-inline-flex .lc-block:first-child { margin-bottom: 20px; } #testisliding .swiper-slide .testicard p:not(.rfs-8) { font-size: 14px; line-height: 1.2; font-weight: 600; letter-spacing: 0.5px !important; margin-bottom: 5px; } .testicard .lc-block .h6 { font-size: 18px !important; margin-top: 0px; margin-bottom: 0; } .testicard .rfs-8 { font-size: 21px !important; } .testicard .rfs-8.smx { font-size: 20px !important; } } #concon { padding-bottom: 0; margin-bottom: -5vh; max-width: 1200px; width: 90%; } #conopen .container-fluid:first-child { width: 95%; margin-top: 10vh; max-width: 1400px; max-height: 800px; } #conopen .col-md-6.h-100.order-md-1 { padding: 10vh 4vw; background: #1e1d1d; height: 85vh !important; border-radius: 10px; } .post-template.post-template-blank.single.single-post.bm-embed-responsive .bm-container-core-group-is-layout-3 > :where( :not(.alignleft):not(.alignright):not(.alignfull):not(.autha):not( hr.bm-block-separator ) ) { max-width: 1400px !important; width: 90%; margin-left: auto; margin-right: auto; } .autha { max-width: 800px !important; border-radius: 11px; margin-bottom: 5vh !important; } .autha img { border-top-left-radius: 11px; border-bottom-left-radius: 11px; } /* MEDIA-MD */ @media (max-width: 900px) { #inx h2.display-5 { font-size: 2.75rem; } #projects, #cin { width: 100vw; } .newsSlide .swiper-slide button { transform: scale(0.85) translateY(50%); } .swiper-slide .btn.fw-bold.newbutton { transform: scale(0.85) translateY(0px); } .job-left .newbutton { margin-left: 0; margin-right: auto; display: block; width: 150px; margin-top: 20px; } .hovbord .bm-block-post-excerpt__excerpt { font-size: 16px; } .testiSlider .swiper-slide { align-items: center; justify-content: center; height: auto; } #projects .row { /* margin: auto !important;ö */ /* transform: scale(0.9) !important; */ } #about-intro { margin-bottom: -30%; } .job-content ul li { width: 100% !important; } #legal { width: 88%; } .modal { z-index: 99999; } .job-left .col-lg-3 { max-width: none !important; margin-top: 15px !important; } .modal .modal-dialog { margin: 0% auto !important; z-index: 99999999; padding: 20% 0 !important; } .awlogo { transform: scale(0.75); position: relative; left: 0; right: 0; margin: auto; max-width: 145px; display: block; margin-top: -7%; } main.bm-block-group { padding-top: 35% !important; padding-left: 0 !important; padding-right: 0 !important; } .autha { width: 95% !important; } .post-template.post-template-blank.single.single-post.bm-embed-responsive main.bm-block-group { padding-top: 0% !important; } .post-template.post-template-blank.single.single-post.bm-embed-responsive main.bm-block-group .bm-block-group-is-layout-constrained:first-child { width: 100%; padding: 0; } .post-template.post-template-blank.single.single-post.bm-embed-responsive main.bm-block-group .bm-block-group-is-layout-constrained h1.fw-bold, .post-template.post-template-blank.single.single-post.bm-embed-responsive main.bm-block-group .bm-block-group-is-layout-constrained h2.fw-bold { font-size: 30px !important; } .post-template.post-template-blank.single.single-post.bm-embed-responsive .bm-container-core-group-is-layout-3 > :where( :not(.alignleft):not(.alignright):not(.alignfull):not(.alignfull) ) { max-width: 100% !important; } .mwhun, .bm-block-columns.is-layout-flex.bm-container-core-columns-is-layout-1.bm-block-columns-is-layout-flex:first-child { width: 100% !important; } .is-layout-constrained > .alignwide { width: 90vw !important; } #conopen { width: 95vw; position: relative; } #conopen .sublineblue { font-size: 17px; letter-spacing: 0.5px; margin-bottom: 17px !important; max-width: 180px; max-width: 100%; } #conopen .col-md-6.h-100.order-md-1 { padding: 5vh 6vw; height: auto !important; } #conopen .col-md-6 p.h5 { font-size: 1.05rem; } #conopen .container-fluid:first-child { max-height: none; } #conopen .col-md-6.order-md-2 { max-height: 60vh; } #inx { padding-top: 2vh; padding-bottom: 0vh; } #inx h2.display-6 { padding-bottom: 0% !important; } #inx .pe-lg-6.mt-3.ps-lg-8 .mt-5.pt-4 { margin-top: 0px !important; padding-top: 0px !important; } #inx svg { transform: scale(7); } #inx .container { width: 90%; padding: 20px !important; padding-right: 0px !important; margin: auto; } #pinx .wrapper .col-md-4 { display: flex; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: revert-layer; -webkit-box-direction: revert; flex-wrap: wrap; width: 50%; margin: 0 !important; flex-wrap: nowrap; } .nayla-team-member { width: 92% !important; margin-bottom: 2em; max-width: 260px !important; margin-right: 20px; margin: 0 2%; margin-bottom: 3em !important; } .nayla-team-member.mob-onx { background: #000000; min-height: 250px; padding: 20px 40px; border: 2px solid rgba(85, 85, 85, 0); float: none; display: block !important; max-width: 100% !important; flex-wrap: unset; margin: auto; margin-bottom: 11vh !important; margin: auto !important; transform: scale(0.95) translateY(-50px); overflow: hidden; } #pinx { padding-bottom: 30% !important; padding-top: 5%; } .team-member-image, .team-member-image__ img { max-height: 290px !important; } #counts .col-sm-12 { flex: 0 0 auto; width: 25%; } #scaleableImg1 { height: 80vh !important; object-fit: cover; height: 85vh !important; object-fit: cover; object-position: 50% 50%; top: 5vh !important; } .upper-container b.heads { line-height: 0.92; margin-top: 5% !important; font-size: 6.5rem !important; max-width: 300px; margin: auto; text-align: center; } .upper-container b.heads { margin-top: 5% !important; font-size: 27vw !important; max-width: none; margin: auto; text-align: center; letter-spacing: -2px; line-height: 0.886; text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.29); } .upper-container span.leaver { font-size: 22px !important; max-width: 250px; margin: 40px auto !important; } #cta .container { width: 95%; } .navbar .d-flex.order-lg-3 { margin-right: 30px; margin-top: -6px; } #logo-grid { width: 95vw; } #logo-grid .box { position: relative; box-sizing: border-box; max-height: 285px; width: 33%; } #preloader svg { width: 100%; } .facts .factcard { float: none; height: 100%; margin-bottom: 7vh; } .testiSlider { width: 90vw; } #projects .display-4:first-child { padding-bottom: 0 !important; margin-bottom: -7% !important; } .testicard { padding: 25px; } .dropdown-menu a p.m-0 { line-height: 1.5; } #cta .container .lc-block { padding: 5px 0px !important; } #leistungen .container:first-child { margin-bottom: 15px !important; margin-top: 0 !important; } #logo-grid .box:last-child { display: none; } #testisliding h3.display-5 { font-family: "NettoOT-Bold", sans-serif; max-width: 260px; font-size: 2.2rem; margin: auto; text-align: center !important; margin-top: 30px; } .body-alt.project #prointro { padding-bottom: 0; padding-left: 0%; } #thirder { padding-left: 0; margin-top: 2vh; margin-bottom: 0; margin-left: -8%; } #thirder p { max-width: none; } #thirder .col-lg-4 { margin-bottom: 20px; } #thirder .col-lg-4:nth-child(2) { background-position: 11% 0%; } .img-carousel img { min-width: 130% !important; max-height: 70vh; height: 70vh !important; max-height: 480px; filter: grayscale(0%) !important; } .img-carousel img { min-width: 130% !important; max-height: 70vh; height: 85vh !important; max-height: 520px; filter: grayscale(0%) !important; margin-top: 5vh; } .facts .factcard.nx { height: auto; margin-bottom: 20px; width: 100%; } .facts .factcard text { display: block; margin: auto !important; } .body-alt.events #eventsvideo .lc-block { padding-bottom: 5vh; } #evov .d-flex { border-bottom-left-radius: 66px; border-bottom-right-radius: 66px; } .body-alt.events #graya { width: 100%; border-radius: 66px; } #graya .row.mt-5 { padding: 0%; background: none; width: 88%; opacity: 1; visibility: inherit; margin-top: 8% !important; } #graya .row p, #listings .split, #concon .split { font-size: 23.5px !important; line-height: 1.4 !important; } #projects h3.display-4 { font-size: 2.05rem; line-height: 1.2; max-width: 400px; margin-bottom: -15% !important; } .facts .factcard.nx p { font-size: 0.94rem; padding-left: 0; line-height: 1.3; font-family: "NettoOT-Bold" !important; margin-top: 10px; padding-right: 0px; font-size: 1.3rem; opacity: 0.9; text-align: center !important; } #eventsvideo .incon { min-height: 70vh !important; width: 95%; bottom: auto; min-height: 55vh !important; width: 100%; bottom: auto; transform: scale(0.9); } #popen .portfolio-category { font-size: 75%; letter-spacing: 1.5px; } #popen .portfolio-category::after { margin: 18px auto 0px; max-width: 180px; } #eventsvideo h1 { letter-spacing: -1.5px; font-size: 4.25rem; overflow-wrap: anywhere; word-wrap: anywhere; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; width: 100%; line-height: 1; } #projects .carding h3 { overflow-wrap: normal; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; line-height: 1; padding-bottom: 0; } #projects .carding p { margin-top: 20px; } .body-alt.project .mouse { transform: scale(0.75); } .body-alt.project section#cta { margin-top: -20vh; } #aboutgrid .col-xl-10 { margin-left: 2%; margin-top: 1rem !important; margin-bottom: 1rem !important; } .image-hero { background-position: 0% 0%; background-color: #222; background-repeat: no-repeat; background-size: 110vh auto; height: 400px !important; max-height: 370px !important; } #cta .texting { font-size: 8rem; max-height: 38vw; margin-bottom: -10vw; } #projects { max-width: 1340px !important; width: 90vw; margin: auto; padding-left: 0%; /* margin-bottom: -22%; */ } #projects.homex { margin-top: 5rem !important; } #projects .row:first-child { transform: scale(0.95) !important; padding: 0; margin: 0; } #projects .col-lg-5.mx-auto.col-sm-12.mb-4 { margin-top: 20px !important; padding: 0; } .img-carousel { padding-left: 15px !important; padding-right: 5px !important; } .body-alt.project #prointro p { font-size: 6vw !important; } #popen .d-flex:first-child { border-bottom-left-radius: 88px; border-bottom-right-radius: 88px; min-height: 90vh !important; } #popen h1 { transform: scale(0.8); } } .d-flex.align-items-center.has-parallax.bg-cover { height: 80vh; margin: 2vh auto; } #recen { background-color: #111; border-radius: 88px; margin-bottom: 10vh; padding-bottom: 0; max-width: 1200px; overflow: hidden; } #recen .row { max-width: 1100px; margin: auto; width: 82%; } #recen .row img { width: 135px; border-radius: 15px; height: 130px; margin-bottom: 10px; object-fit: cover; object-position: center center; } #recen b { color: #377dff; display: block; margin-bottom: 15px; font-size: 1.5rem; } #recen .row:nth-child(2) .col-lg-3, #recen .row:nth-child(4) .col-lg-3 { margin-right: 0; margin-left: auto; } #recen .row:nth-child(3) .col-lg-3, #recen .row:nth-child(5) .col-lg-3 { margin-right: auto; margin-left: 0; } .exy h2.display-6 { max-width: 700px; text-align: center; margin: 0% auto !important; } .exy p { max-width: 990px; margin: auto; opacity: 0.875; padding: 0 10px; } .bgxs::after { content: ""; } /* MEDIA-MD */ @media (max-width: 767px) { #xtmbtn { bottom: auto; right: 5vw; left: auto; font-size: 13px; top: -15vh; right: 5vw; left: auto; font-size: 13px; top: 30%; bottom: auto; } #tmbtn { bottom: 0; top: 0; position: relative; float: right; margin-top: 5%; margin-bottom: 5%; transform: scale(0.8); display: none; } .bm-block-group h2.hexing { font-size: 11vw !important; padding-top: 5vh; } .exy .display-6 { width: 80%; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 30px !important; } .exy p { font-size: 1.05rem !important; } #recen { width: 95vw; } #recen .row { width: 90%; } #aboutgrid p.fs-5 { font-size: 1.15rem !important; } #listings .container .mt-6 .d-flex, #listings .container .mt-5 .d-flex { flex-flow: column; margin-left: -15px; } #listings .container .mt-6 .d-flex div, #listings .container .mt-5 .d-flex div { padding-right: 0px; /* display: none !important; */ display: block; margin-left: -5px; margin-bottom: -25px; } #listings .container .mt-6 .d-flex .fs-6, #listings .container .mt-5 .d-flex .fs-6 { font-size: 1.1rem !important; } #listings .d-flex.mb-5:hover b { background: transparent; color: rgba(255, 255, 255, 0.26); transform: scale(1.175); } #cenix { margin-top: -15%; padding-top: 15%; background-size: auto 150vw; background-position: 0% 0% !important; } #coachopen { max-height: 580px !important; background-position: 100% 0%; min-height: 62vh; } #listings .d-flex.mb-5 b { font-size: 5rem; } #concon .sider { margin-bottom: 0; font-size: 2.5rem; } .facts .factcard:last-child { padding-left: 0px; } #projects .carding { height: 550px; } .d-flex.align-items-center.has-parallax.bg-cover { max-height: 440px; } #counts .col-sm-12 { flex: 0 0 auto; width: 100%; } #testisliding .center { margin-top: 20px; } #aboutgrid { margin-bottom: 5vh !important; width: 95%; margin: auto; margin-top: -20% !important; } #inopsi { padding: 0 30px; } .body-alt.home h2.display-5.mb-5.mt-4 { width: 100%; hyphens: auto; word-break: break-word; } #projects .carding:hover .inlay .carding-logo { transform: translateY(20%); transition: 0.4s linear; } #pinx .display-2 { font-size: calc(2.58rem + 3.9vw); } #pinx .section { padding-top: 5%; width: 100%; } #counts b { font-size: 40px !important; } #countsx { max-width: 100% !important; margin-left: -8% !important; margin-right: auto !important; text-align: left !important; bottom: -7% !important; left: 0; transform: scale(0.8); position: relative !important; } #counts { max-width: 100% !important; margin-left: -8% !important; margin-right: auto !important; text-align: left !important; bottom: 5% !important; left: 0; transform: scale(0.8); top: auto !important; } #counts .row div { flex: 0 0 auto !important; width: 50% !important; } .mob-on { display: block !important; } .mob-off { display: none !important; } #logo-grid .box { width: 33%; } .scrollDown { /* position: relative !important; */ bottom: 12vh !important; left: 0 !important; cursor: pointer; opacity: 0.75; z-index: 90; position: absolute; bottom: 14vh; right: 0 !important; cursor: pointer; opacity: 0.75; z-index: 150; width: 40px !important; margin: auto; /* margin-top: 100%; */ } .body-alt.events #graya { margin-top: -20vh; } .footer .col-12.col-md-4.col-lg-3.col-xl-2 { padding-left: 0px; padding-left: 10px; } .footer .footlog { width: 90px; text-align: center; float: right; position: absolute; /* left: 10vw; */ margin: auto; } .footer section { width: 100% !important; } .footer section .container.overflow-hidden { padding-left: 0%; max-width: 79% !important; max-width: 90% !important; width: 90% !important; /* max-width: 88% !important; */ /* padding-left: 6vw; */ /* max-width: 94% !important; */ padding: 0; margin-left: auto !important; margin-right: 0 !important; /* padding-left: 6vw; */ /* max-width: 94% !important; */ } .widget-title.fw-bold.mb-2.mt-1 { font-size: 16px !important; opacity: 0.9 !important; } #langchange { top: auto; bottom: 5vw; bottom: 8vw; } .lognew .widget { padding-bottom: 0; } .widget-title.mb-4 { margin-bottom: 1.1rem !important; } #langchange p { margin-bottom: 6px; font-size: 13px; } #langchange a { float: left; width: 50%; text-transform: uppercase; letter-spacing: 3px; font-size: 13px; font-weight: bold; text-align: center; line-height: 1.5; } .list-unstyled.linka li { float: left; width: 33%; font-size: 16px; } #langchange svg { width: 30px; height: auto; display: inline-block; margin-bottom: 3px; height: 30px; margin-right: 10px; } footer .container .row .col-12 { margin-bottom: 10px; } .footer .col-12.col-md-4.col-lg-3.col-xl-4 .list-unstyled { max-width: 100%; } #blm_for { margin-top: 50px; } footer { padding-bottom: 10vh !important; border-top-left-radius: 66px; border-top-right-radius: 66px; border-top-left-radius: 40px; border-top-right-radius: 40px; padding-top: 5vh; } .image-hero .display-2 { font-size: calc(2.2rem + 3.9vw) !important; } .mob-onx { display: block !important; } .mob-offx { display: none !important; } #aboutgrid .row { margin-bottom: -1% !important; } } .bm-block-post-featured-image img { height: 275px; } .makemin { min-height: 100% !important; } .makemin { min-height: 100%; } .bm-block-column.is-layout-flow.bm-block-column-is-layout-flow { transition: 0.5s ease-in; } x.bm-block-column.is-layout-flow.bm-block-column-is-layout-flow .bm-element-button span { display: block; width: 20px; float: right; margin-left: 8px; height: 23px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-image: url('data:image/svg+xml,'); } .bm-block-column.is-layout-flow.bm-block-column-is-layout-flow:hover { transform: scale(1.0825); transform: scale(1); } .bm-block-column.has-background.is-layout-flow.bm-block-column-is-layout-flow { border-radius: 10px; } .bm-block-post-featured-image img { height: 290px; } .bm-block-post-featured-image:not(.startim) img { max-height: 500px !important; } .body-alt.carr .btn-close { z-index: 999999 !important; } .team-member-image__::after { content: ""; position: absolute; height: 100%; background-color: rgb(0, 0, 0, 1); width: 100%; z-index: 100; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; } .team-member-image__:hover::after { animation: opacityOn 0.5s ease-in forwards; } .team-member-image__ img { transition: transform 0.9s ease-out !important; } @keyframes opacityOn { 0% { opacity: 0.9; } 100% { opacity: 0; } } .is-layout-constrained > .alignwide { width: 80vw; max-width: 1500px; max-width: 1200px; } .fw-bold, .fw-bolder { font-family: "NettoOT-Bold", sans-serif !important; font-weight: normal !important; } .is-layout-constrained > .alignwide { width: 94vw; } #cin { max-width: 1400px; width: 90%; margin: auto; } #cin .card { transform: scale(0.95); border-radius: 11px !important; } .slima { max-width: 1100px; width: 90%; margin: auto; } .inxinx { width: 100%; height: 100px; position: absolute; top: 0; left: 0; right: 0; background: rgb(16, 16, 16); background: linear-gradient( 0deg, rgba(16, 16, 16, 1) 0%, rgba(0, 0, 0, 1) 100% ); } /* MEDIA-PHONE */ @media (max-width: 650px) { .newsSlide .swiper-slide.swiper-slide-active button { transform: translate(0%) scale(0.85); opacity: 1; } .newsSlide .swiper-slide a p { padding: 10px !important; overflow-wrap: anywhere; word-wrap: anywhere; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } #projects .carding p b { font-size: 2rem; } #projects .carding .inlay .carding-logo { margin-left: 20px; } .newsSlide .swiper-slide a p { font-size: 25px !important; padding: 7px !important; padding-bottom: 10% !important; } .perso figure.aligncenter { margin-right: auto !important; margin-left: 0 !important; } .newsSlide .swiper-slide-active a p { color: #fff; transform: scale(0.9); } .newsSlide .swiper-slide-active { overflow: visible !important; } #gridding { width: 90%; } .bm-block-group h2 { font-size: 1.75rem !important; } .slima { font-size: 18px !important; } .drop-down { top: 0; } .bm-site-blocks { padding-top: 0; padding-bottom: 0; } .startim { height: 55vh !important; } .testicard { padding: 3vh 4vw !important; max-width: 96%; } .testiSlider { width: 100vw; } #testisliding .swiper-slide .testicard .lc-block.d-inline-flex { opacity: 1; transform: translateY(0%); } #testisliding { padding-bottom: 0; width: 100%; } #cta { margin-top: 0; } #cta .texting { /* font-size: 10rem; */ max-height: 44vw; /* margin-bottom: -4vw; */ } .facts .factcard b, .facts .factcard text { font-size: 3rem; line-height: 55px; } .facts .factcard.nx b, .facts .factcard.nx text { font-size: 2.75rem; } #projects .row:first-child { margin-top: -10vh; } #logo-slider .fw-bold.text-center.display-6 { padding-top: 4vh !important; z-index: 10; position: relative; font-size: 2rem; max-width: 250px; margin: auto; } #coachopen .display-1.fw-bold { font-size: calc(1.625rem + 8.5vw) !important; } #concon h3 { width: 99%; padding: 8vh 0vw; } #cin .card-.body-alt.text-white span { padding: 20px 12px !important; } #cin { width: 95%; } #cin .card-.body-alt.text-white .fs-5 { font-size: 1.05rem !important; } #intro-main { z-index: 2; margin-top: -20vh; max-width: none; padding-bottom: 0; margin-bottom: -30vh; position: relative; margin-bottom: -5vh; margin-bottom: 0vh; margin-bottom: -18%; margin-bottom: -60vh; } #about-intro img.mob-on { max-height: 100%; object-fit: cover; object-position: 0% 0%; opacity: 0.65; height: 400px; height: 100vw; object-fit: cover; object-position: 50% 100%; opacity: 0.65; height: 400px; height: 100vh; max-height: 420px; } #cta .newbutton { margin-top: 0px; transform: scale(0.95); } .upper-container { height: 85vh !important; } #bxcsa .pe-xl-12 { max-width: 100%; } #projects h3 { font-size: 2.75rem !important; } #leistungen h3 { font-size: 2.75rem !important; } .body-alt.home .mouse { bottom: 5vh !important; } .body-alt.home .mouse svg { transform: scale(0.8); } #eventsvideo { background: #000; /* overflow: hidden; */ max-width: 1400px; width: 95vw; padding-bottom: 0vh; margin-bottom: 10vh; max-height: 100vh; min-height: 700px; width: 99%; max-height: 100vh; min-height: 500px; max-width: 1600px; } .testicard p { font-size: 22.5px; font-size: 18.5px; } #colorer { max-height: 95vh; min-height: 95vh !important; } #aboutstart { /* top: 40vh; */ bottom: 0; /* height: 70%; */ /* position: absolute; */ /* max-height: 475px; */ width: 90%; } #aboutstart .display-4 { font-size: calc(1.475rem + 4.7vw); font-weight: 300; line-height: 1.2; } #logo-grid .box { width: 50%; } #projects, #cin { width: 96vw !important; } #projects .carding .inlay { padding: 7px; } } /* MEDIA-XS */ @media (max-width: 360px) { .facts .factcard b, .facts .factcard text { font-size: 2.5rem; } #eventsvideo h1 { letter-spacing: -1.5px; font-size: 3.25rem; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: none; -ms-hyphens: none; -moz-hyphens: none; hyphens: none; width: 100%; line-height: 1; } #eventsvideo .facts { transform: scale(0.9); } } /* MEDIA-XSS */ @media (max-width: 320px) { #logo-grid .box__content .text { font-size: 0.75rem; } #logo-grid .box__content .text a { color: #377dff; font-size: 0.75rem; } #logo-grid { width: 98vw; } .newsSlide .swiper-slide { min-width: 100% !important; } } .bsb-animated { --bsb-animation-duration: 1s; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; } @keyframes bsb-fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .bsb-fadeIn { animation-name: bsb-fadeIn; } @keyframes bsb-fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translateZ(0); } } .bsb-fadeInUp { animation-name: bsb-fadeInUp; } @keyframes bsb-fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translateZ(0); } } .bsb-fadeInDown { animation-name: bsb-fadeInDown; } @keyframes bsb-fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translateZ(0); } } .bsb-fadeInLeft { animation-name: bsb-fadeInLeft; } @keyframes bsb-fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translateZ(0); } } .bsb-fadeInRight { animation-name: bsb-fadeInRight; } @keyframes bsb-fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .bsb-fadeOut { animation-name: bsb-fadeOut; } @keyframes bsb-fadeOutUp { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .bsb-fadeOutUp { animation-name: bsb-fadeOutUp; } @keyframes bsb-fadeOutDown { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .bsb-fadeOutDown { animation-name: bsb-fadeOutDown; } @keyframes bsb-fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .bsb-fadeOutLeft { animation-name: bsb-fadeOutLeft; } @keyframes bsb-fadeOutRight { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .bsb-fadeOutRight { animation-name: bsb-fadeOutRight; } @keyframes bsb-zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .bsb-zoomIn { animation-name: bsb-zoomIn; } .bsb-navbar:not(.bsb-navbar-caret) .dropdown-toggle:after { display: none; } .bsb-navbar-hover .dropdown-menu.show.bsb-fadeIn { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeIn; } .bsb-navbar-hover .dropdown-menu.show.bsb-fadeInUp { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInUp; } .bsb-navbar-hover .dropdown-menu.show.bsb-fadeInDown { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInDown; } .bsb-navbar-hover .dropdown-menu.show.bsb-fadeInLeft { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInLeft; } .bsb-navbar-hover .dropdown-menu.show.bsb-fadeInRight { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInRight; } .bsb-navbar-hover .dropdown-menu.show.bsb-zoomIn { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-zoomIn; } @media (min-width: 576px) { .bsb-navbar.navbar-expand-sm { --bs-navbar-padding-y: 0; --bs-navbar-nav-link-padding-x: 1rem; } .bsb-navbar.navbar-expand-sm .navbar-nav { --bs-nav-link-padding-y: 1.5rem; } .bsb-navbar.navbar-expand-sm.bsb-navbar-hover .dropdown > .dropdown-menu.show { display: none !important; } .bsb-navbar.navbar-expand-sm.bsb-navbar-hover .dropdown:hover > .dropdown-menu, .bsb-navbar.navbar-expand-sm.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show { display: block !important; } .bsb-navbar.navbar-expand-sm.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeIn, .bsb-navbar.navbar-expand-sm.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeIn { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeIn; } .bsb-navbar.navbar-expand-sm.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInUp, .bsb-navbar.navbar-expand-sm.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInUp { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInUp; } .bsb-navbar.navbar-expand-sm.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInDown, .bsb-navbar.navbar-expand-sm.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInDown { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInDown; } .bsb-navbar.navbar-expand-sm.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInLeft, .bsb-navbar.navbar-expand-sm.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInLeft { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInLeft; } .bsb-navbar.navbar-expand-sm.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInRight, .bsb-navbar.navbar-expand-sm.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInRight { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInRight; } .bsb-navbar.navbar-expand-sm.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-zoomIn, .bsb-navbar.navbar-expand-sm.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-zoomIn { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-zoomIn; } } @media (min-width: 768px) { .bsb-navbar.navbar-expand-md { --bs-navbar-padding-y: 0; --bs-navbar-nav-link-padding-x: 1rem; } .bsb-navbar.navbar-expand-md .navbar-nav { --bs-nav-link-padding-y: 1.5rem; } .bsb-navbar.navbar-expand-md.bsb-navbar-hover .dropdown > .dropdown-menu.show { display: none !important; } .bsb-navbar.navbar-expand-md.bsb-navbar-hover .dropdown:hover > .dropdown-menu, .bsb-navbar.navbar-expand-md.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show { display: block !important; } .bsb-navbar.navbar-expand-md.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeIn, .bsb-navbar.navbar-expand-md.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeIn { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeIn; } .bsb-navbar.navbar-expand-md.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInUp, .bsb-navbar.navbar-expand-md.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInUp { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInUp; } .bsb-navbar.navbar-expand-md.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInDown, .bsb-navbar.navbar-expand-md.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInDown { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInDown; } .bsb-navbar.navbar-expand-md.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInLeft, .bsb-navbar.navbar-expand-md.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInLeft { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInLeft; } .bsb-navbar.navbar-expand-md.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInRight, .bsb-navbar.navbar-expand-md.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInRight { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInRight; } .bsb-navbar.navbar-expand-md.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-zoomIn, .bsb-navbar.navbar-expand-md.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-zoomIn { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-zoomIn; } } @media (min-width: 992px) { .bsb-navbar.navbar-expand-lg { --bs-navbar-padding-y: 0; --bs-navbar-nav-link-padding-x: 1rem; } .bsb-navbar.navbar-expand-lg .navbar-nav { --bs-nav-link-padding-y: 1.5rem; } .bsb-navbar.navbar-expand-lg.bsb-navbar-hover .dropdown > .dropdown-menu.show { display: none !important; } .bsb-navbar.navbar-expand-lg.bsb-navbar-hover .dropdown:hover > .dropdown-menu, .bsb-navbar.navbar-expand-lg.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show { display: block !important; } .bsb-navbar.navbar-expand-lg.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeIn, .bsb-navbar.navbar-expand-lg.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeIn { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeIn; } .bsb-navbar.navbar-expand-lg.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInUp, .bsb-navbar.navbar-expand-lg.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInUp { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInUp; } .bsb-navbar.navbar-expand-lg.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInDown, .bsb-navbar.navbar-expand-lg.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInDown { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInDown; } .bsb-navbar.navbar-expand-lg.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInLeft, .bsb-navbar.navbar-expand-lg.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInLeft { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInLeft; } .bsb-navbar.navbar-expand-lg.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInRight, .bsb-navbar.navbar-expand-lg.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInRight { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInRight; } .bsb-navbar.navbar-expand-lg.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-zoomIn, .bsb-navbar.navbar-expand-lg.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-zoomIn { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-zoomIn; } } @media (min-width: 1200px) { .bsb-navbar.navbar-expand-xl { --bs-navbar-padding-y: 0; --bs-navbar-nav-link-padding-x: 1rem; } .bsb-navbar.navbar-expand-xl .navbar-nav { --bs-nav-link-padding-y: 1.5rem; } .bsb-navbar.navbar-expand-xl.bsb-navbar-hover .dropdown > .dropdown-menu.show { display: none !important; } .bsb-navbar.navbar-expand-xl.bsb-navbar-hover .dropdown:hover > .dropdown-menu, .bsb-navbar.navbar-expand-xl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show { display: block !important; } .bsb-navbar.navbar-expand-xl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeIn, .bsb-navbar.navbar-expand-xl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeIn { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeIn; } .bsb-navbar.navbar-expand-xl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInUp, .bsb-navbar.navbar-expand-xl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInUp { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInUp; } .bsb-navbar.navbar-expand-xl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInDown, .bsb-navbar.navbar-expand-xl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInDown { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInDown; } .bsb-navbar.navbar-expand-xl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInLeft, .bsb-navbar.navbar-expand-xl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInLeft { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInLeft; } .bsb-navbar.navbar-expand-xl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInRight, .bsb-navbar.navbar-expand-xl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInRight { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInRight; } .bsb-navbar.navbar-expand-xl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-zoomIn, .bsb-navbar.navbar-expand-xl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-zoomIn { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-zoomIn; } } @media (min-width: 1400px) { .bsb-navbar.navbar-expand-xxl { --bs-navbar-padding-y: 0; --bs-navbar-nav-link-padding-x: 1rem; } .bsb-navbar.navbar-expand-xxl .navbar-nav { --bs-nav-link-padding-y: 1.5rem; } .bsb-navbar.navbar-expand-xxl.bsb-navbar-hover .dropdown > .dropdown-menu.show { display: none !important; } .bsb-navbar.navbar-expand-xxl.bsb-navbar-hover .dropdown:hover > .dropdown-menu, .bsb-navbar.navbar-expand-xxl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show { display: block !important; } .bsb-navbar.navbar-expand-xxl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeIn, .bsb-navbar.navbar-expand-xxl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeIn { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeIn; } .bsb-navbar.navbar-expand-xxl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInUp, .bsb-navbar.navbar-expand-xxl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInUp { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInUp; } .bsb-navbar.navbar-expand-xxl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInDown, .bsb-navbar.navbar-expand-xxl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInDown { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInDown; } .bsb-navbar.navbar-expand-xxl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInLeft, .bsb-navbar.navbar-expand-xxl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInLeft { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInLeft; } .bsb-navbar.navbar-expand-xxl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInRight, .bsb-navbar.navbar-expand-xxl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInRight { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInRight; } .bsb-navbar.navbar-expand-xxl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-zoomIn, .bsb-navbar.navbar-expand-xxl.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-zoomIn { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-zoomIn; } } .bsb-navbar.navbar-expand { --bs-navbar-padding-y: 0; --bs-navbar-nav-link-padding-x: 1rem; } .bsb-navbar.navbar-expand .navbar-nav { --bs-nav-link-padding-y: 1.5rem; } .bsb-navbar.navbar-expand.bsb-navbar-hover .dropdown > .dropdown-menu.show { display: none !important; } .bsb-navbar.navbar-expand.bsb-navbar-hover .dropdown:hover > .dropdown-menu, .bsb-navbar.navbar-expand.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show { display: block !important; } .bsb-navbar.navbar-expand.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeIn, .bsb-navbar.navbar-expand.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeIn { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeIn; } .bsb-navbar.navbar-expand.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInUp, .bsb-navbar.navbar-expand.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInUp { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInUp; } .bsb-navbar.navbar-expand.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInDown, .bsb-navbar.navbar-expand.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInDown { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInDown; } .bsb-navbar.navbar-expand.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInLeft, .bsb-navbar.navbar-expand.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInLeft { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInLeft; } .bsb-navbar.navbar-expand.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-fadeInRight, .bsb-navbar.navbar-expand.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-fadeInRight { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-fadeInRight; } .bsb-navbar.navbar-expand.bsb-navbar-hover .dropdown:hover > .dropdown-menu.bsb-zoomIn, .bsb-navbar.navbar-expand.bsb-navbar-hover .dropdown:hover > .dropdown-menu.show.bsb-zoomIn { --bsb-animation-duration: 500ms; animation-duration: var(--bsb-animation-duration); animation-fill-mode: both; animation-name: bsb-zoomIn; } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0s; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; } [data-aos] { pointer-events: none; } [data-aos].aos-animate { pointer-events: auto; } [data-aos][data-aos][data-aos-easing="linear"], body[data-aos-easing="linear"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing="ease-in"], body[data-aos-easing="ease-in"] [data-aos] { transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing="ease-out"], body[data-aos-easing="ease-out"] [data-aos] { transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing="ease-in-out"], body[data-aos-easing="ease-in-out"] [data-aos] { transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing="ease-in-back"], body[data-aos-easing="ease-in-back"] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing="ease-out-back"], body[data-aos-easing="ease-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing="ease-in-out-back"], body[data-aos-easing="ease-in-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing="ease-in-sine"], body[data-aos-easing="ease-in-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing="ease-out-sine"], body[data-aos-easing="ease-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing="ease-in-quad"], body[data-aos-easing="ease-in-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quad"], body[data-aos-easing="ease-in-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-cubic"], body[data-aos-easing="ease-in-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-cubic"], body[data-aos-easing="ease-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"], body[data-aos-easing="ease-in-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-quart"], body[data-aos-easing="ease-in-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quart"], body[data-aos-easing="ease-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quart"], body[data-aos-easing="ease-in-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media screen { html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] { opacity: 0; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; -webkit-transform: none; transform: none; } html:not(.no-js) [data-aos="fade-up"] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } html:not(.no-js) [data-aos="fade-down"] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } html:not(.no-js) [data-aos="fade-right"] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } html:not(.no-js) [data-aos="fade-left"] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } html:not(.no-js) [data-aos="fade-up-right"] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); } html:not(.no-js) [data-aos="fade-up-left"] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); } html:not(.no-js) [data-aos="fade-down-right"] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); } html:not(.no-js) [data-aos="fade-down-left"] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); } html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"] { opacity: 0; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } html:not(.no-js) [data-aos="zoom-in"] { -webkit-transform: scale(0.6); transform: scale(0.6); } html:not(.no-js) [data-aos="zoom-in-up"] { -webkit-transform: translate3d(0, 100px, 0) scale(0.6); transform: translate3d(0, 100px, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-in-down"] { -webkit-transform: translate3d(0, -100px, 0) scale(0.6); transform: translate3d(0, -100px, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-in-right"] { -webkit-transform: translate3d(-100px, 0, 0) scale(0.6); transform: translate3d(-100px, 0, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-in-left"] { -webkit-transform: translate3d(100px, 0, 0) scale(0.6); transform: translate3d(100px, 0, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-out"] { -webkit-transform: scale(1.2); transform: scale(1.2); } html:not(.no-js) [data-aos="zoom-out-up"] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2); } html:not(.no-js) [data-aos="zoom-out-down"] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2); } html:not(.no-js) [data-aos="zoom-out-right"] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos="zoom-out-left"] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos^="slide"][data-aos^="slide"] { transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; visibility: hidden; } html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate { visibility: visible; -webkit-transform: translateZ(0); transform: translateZ(0); } html:not(.no-js) [data-aos="slide-up"] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } html:not(.no-js) [data-aos="slide-down"] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } html:not(.no-js) [data-aos="slide-right"] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } html:not(.no-js) [data-aos="slide-left"] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } html:not(.no-js) [data-aos^="flip"][data-aos^="flip"] { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } html:not(.no-js) [data-aos="flip-left"] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); } html:not(.no-js) [data-aos="flip-left"].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } html:not(.no-js) [data-aos="flip-right"] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg); } html:not(.no-js) [data-aos="flip-right"].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } html:not(.no-js) [data-aos="flip-up"] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); } html:not(.no-js) [data-aos="flip-up"].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } html:not(.no-js) [data-aos="flip-down"] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); } html:not(.no-js) [data-aos="flip-down"].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } } .primary-menu:not(.on-click) .mega-menu-content, .primary-menu:not(.on-click) .menu-item:not(.mega-menu) .sub-menu-container { display: block; opacity: 0; margin-top: 15px; z-index: -9999; pointer-events: none; transition: opacity 0.3s, margin 0.25s; } .menu-container > .menu-item:not(.mega-menu) .sub-menu-container:not([class*="col"]) { width: 220px; } .mega-menu-content, .sub-menu-container { position: absolute; visibility: hidden; background-color: #fff; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05); border: 1px solid #f2f5fa; /* border-top: 2px solid #6583c2; */ z-index: 399; top: 100%; left: 0; padding: 0; } .sub-menu-container li { text-align: start; margin-left: 0; margin-right: 0; list-style-type: none; } .sub-menu-container li .menu-link { text-align: start; margin-left: 0; margin-right: 0; } .sub-menu-container li.nav-item { text-align: start; margin: 0px 0px !important; } .sub-menu-container .menu-item { padding: 1px 0; } .sub-menu-container .menu-item:not(:last-child) { border-bottom: 1px solid grey; } .mega-menu-content, .sub-menu-container li a { font-family: "NettoOT-Bold"; text-transform: none; transition: all 0.2 ease-in-out; font-size: 18px !important; padding-left: 0 !important; letter-spacing: normal; } .sub-menu-container li a:hover { transform: scale(1) !important; text-decoration: underline; color: #377dff !important; } .primary-menu:not(.on-click) .mega-menu-content, .primary-menu:not(.on-click) .menu-item:not(.mega-menu) .sub-menu-container { display: block; opacity: 1; margin-top: 15px; pointer-events: none; transition: opacity 0.3s, margin 0.25s; background-position: center center; background-size: 130%; border-radius: 10px; padding: 15px 12px 1px 12px; box-shadow: 0 1px 10px 5px rgba(255, 255, 255, 0.05); left: 0; margin: 1.25rem auto; max-width: 150px; padding-top: 8px; background-color: #0b0b0b; color: #fff; text-transform: none; letter-spacing: 0px; right: 0; top: 52px; height: fit-content; max-width: 145px; min-width: 0px; border: 1px solid rgba(255, 255, 255, 0.47); } .primary-menu:not(.on-click) .menu-item.focus > .sub-menu-container, .primary-menu:not(.on-click) .menu-item:hover > .mega-menu-content, .primary-menu:not(.on-click) .menu-item:hover > .sub-menu-container { opacity: 1 !important; visibility: visible; margin-top: 0; z-index: 399; pointer-events: auto; } .sub-menu-container .sub-menu-container { top: 10% !important; left: 100% !important; max-width: 225px !important; min-height: min-content; height: fit-content; } .sub-menu-container .sub-menu-container .menu-item { padding-bottom: 0px; padding-top: 0px; padding: 0px 0px; border-bottom: none; } .sub-menu-container .sub-menu-container a { padding: 4px 0px; } .navbar-nav li.active a { color: #377dff !important; } .navbar-nav li.level_1:has(li.level_2.active) > a, .navbar-nav li.level_2.active > a { color: #377dff !important; } .navbar-nav li.level_1:has(li.level_3.active) > a, .navbar-nav li.level_2:has(li.level_3.active) > a, .navbar-nav li.level_3.active > a { color: #377dff !important; } form.contact .form-group { margin-bottom: 2rem; } form.contact .form-group label:not(:last-child) { margin-bottom: 0.4rem; } form.contact .form-group:has(#csl_captcha), form.contact .form-group:has(#csl_privacy_policy) { margin-bottom: 0; } form .red { color: red !important; } form [class*="col"].has-error textarea, form [class*="col"].has-error input{ border: 2px solid var(--bs-danger-border-subtle); background-color: var(--bs-danger-bg-subtle); } form .newbutton a { color: #000 !important; transition: color 0.3s ease-in-out; } form .newbutton:hover a { color: #fff !important; } /* .carding-row > .carding-col:nth-child(4n + 1) { margin-right: 0 !important; } .carding-row > .carding-col:nth-child(4n + 2) { margin-left: 0 !important; margin-top: 8vh; } .carding-row > .carding-col:nth-child(4n + 3) { margin-right: 0 !important; margin-top: -8vh; } .carding-row > .carding-col:nth-child(4n + 4) { margin-left: 0 !important; } @media (min-width: 992px) { .carding-row > .carding-col:nth-child(4n + 3):last-child { margin-left: 8.33333333% !important; margin-right: 0 !important; margin-top: -8vh; } .carding-row > .carding-col:nth-child(2):last-child { margin-top: 0 !important; } } */ /* 1. Card */ .carding-row > .carding-col:nth-child(1) { margin-right: 0 !important; } /* 2. Card */ .carding-row > .carding-col:nth-child(2) { margin-left: 0 !important; margin-top: 8vh; } /* 3, 5, 7, 9, ... */ .carding-row > .carding-col:nth-child(n + 3):nth-child(odd) { margin-right: 0 !important; margin-top: -8vh; } /* 4, 6, 8, 10, ... */ .carding-row > .carding-col:nth-child(n + 4):nth-child(even) { margin-left: 0 !important; margin-top: 0; } @media (min-width: 992px) { /* letzter einzelner linker Eintrag: 3, 5, 7, 9, ... */ .carding-row > .carding-col:nth-child(n + 3):nth-child(odd):last-child { margin-left: 8.33333333% !important; margin-right: 0 !important; margin-top: -8vh; } /* falls 2 die letzte Card ist */ .carding-row > .carding-col:nth-child(2):last-child { margin-top: 0 !important; } } /* Nur Mobile */ @media (max-width: 991.98px) { /* Toggler */ .navbar-toggler, .navbar-toggler:hover, .navbar-toggler:focus, .navbar-toggler:active { border: none !important; box-shadow: none !important; outline: none !important; z-index: 999999999999; top:5px; } /* Eigenes Burger Icon */ .nav-toggle { width: 58px; height: 58px; padding: 0; /* border-radius: 50%; */ background: rgba(0, 0, 0, 0); display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.42rem; transition: background-color 0.2s ease, transform 0.2s ease; } .nav-toggle span { display: block; width: 44px; height: 6px; line-height: 0px; border-radius: 999px; background: white; transition: transform 0.25s ease, opacity 0.25s ease, width 0.25s ease; } /* .nav-toggle span:nth-child(2) { width: 18px; } */ .nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(15px) rotate(45deg); } .nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; } .nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-10px) rotate(-45deg); } /* Bootstrap-Menü als Fullscreen Overlay */ .navbar-collapse { display: inline; position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: calc(100lvh); background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 25px; padding-bottom: 25vh; overflow-y: auto; z-index: 99999; box-shadow: 0 0 10px 2px #000; text-shadow: none; transform: translateY(100%); opacity: 0; visibility: visible; pointer-events: none; transition: transform 0.5s ease-out, opacity 0.5s ease-out, visibility 0.5s ease-out; } .collapse:not(.show) { display: unset; } /* geöffnet */ .navbar-collapse.show, .navbar-collapse.collapsing { transform: translateY(0); opacity: 1; /* visibility: visible; */ pointer-events: auto; visibility: visible; } /* Bootstrap collapsing Höhe deaktivieren */ .navbar-collapse.collapsing { height: calc(100vh - 68px) !important; transition: transform 0.5s ease-out, opacity 0.5s ease-out; } /* inneres Menü zentrieren */ .navbar-collapse > ul, .navbar-nav { max-width: 400px; width: 85vw; margin: 0 auto; padding: 0; list-style: none; } .navbar-nav .nav-item { margin: 0; padding: 0; list-style: none; line-height: 50px; letter-spacing: normal; border-top: 1px solid rgba(255, 255, 255, 0.35); border-bottom: 1px solid rgba(255, 255, 255, 0.35); text-align: start; text-transform: none; } /* .navbar-nav .nav-item:last-of-type:not(:has(> .sub-menu-container)) { border-top: 1px solid rgba(255, 255, 255, 0.35); border-bottom: 2px solid rgba(255, 255, 255, 0.35); } */ .navbar .sub-menu-container { padding-left: 2rem !important; } /* Mehr Abstand zwischen Submenu-Einträgen */ .navbar .sub-menu-container > .nav-item:first-child { padding-top: 10px; } .navbar .sub-menu-container > .nav-item { padding-bottom: 10px; } /* Letzter Eintrag ohne Abstand unten, damit Border/Endkante sauber bleibt */ .navbar .sub-menu-container > .nav-item:last-child { padding-bottom: 0; } .navbar-nav .nav-item:first-child { border-top: 0; } .navbar-nav > .level_1:first-of-type > a { height: 35px; margin-bottom: 0; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; margin-top: 15px; opacity: 0.76; font-weight: 500; margin-top: 0px; color: white; text-shadow: 1px 1px 1px #4b4b4b !important; } .navbar-nav .nav-link, .navbar-nav .menu-link, .navbar-nav a { display: block; width: fit-content !important; color: #fff !important; font-size: 1.8rem; text-decoration: none; /* padding: 10px 15px 0 15px; */ margin: 0 0 1.25vh 0; text-shadow: none; font-weight: 700; } .navbar-nav .active > a, .navbar-nav a.active, .navbar-nav .nav-link.active { color: #377dff !important; } /* Submenus */ .navbar .level_2:has(> .sub-menu-container) > .nav-link { position: relative; padding-right: 22px; } .navbar .level_2:has(> .sub-menu-container) > .nav-link::after { content: " \f061"; font-family: "FontAwesome"; margin-left: 18px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 18px; line-height: 1; pointer-events: none; } .navbar-nav li.level_2:has(> .sub-menu-container) > a::after { content: none !important; } /* alle Submenus erstmal zu */ .navbar-nav .sub-menu-container { display: none; } /* Level 2 direkt unter Level 1 immer offen */ .navbar-nav li.level_1 > .sub-menu-container { display: block; position: relative !important; transform: none !important; inset: auto !important; width: 100%; padding: 10px 15px 15px 75px; visibility: visible; background: transparent !important; box-shadow: none !important; border: none !important; margin: 0 !important; } .navbar-nav li.level_1 > .sub-menu-container a { font-size: 1.8rem !important; } .navbar-nav li.level_1 > .sub-menu-container li { border-bottom: 0; } /* Level 3 bleibt zu */ .navbar-nav li.level_2 > .sub-menu-container { display: none; } /* Level 3 nur offen, wenn Bootstrap / JS es öffnet */ .navbar-nav li.level_2 > .sub-menu-container.show, .navbar-nav li.level_2.show > .sub-menu-container, .navbar-nav li.level_2.open > .sub-menu-container { display: block; position: relative !important; /* transform: none !important; */ inset: auto !important; width: 100%; padding: 8px 0 0 15px; margin: 0; background: transparent; border: 0; box-shadow: none; } .navbar-nav .sub-menu-container li { border: 0; line-height: 38px; min-width: 200px; width: fit-content; } .navbar-nav .sub-menu-container a { font-size: 1.2rem; padding: 0; color: #fff !important; font-weight: 400; } .navbar-nav .sub-menu-container a.active { color: #377dff !important; } .navbar-nav .sub-menu-container:has(.sub-menu-container) { position: relative !important; transform: none !important; inset: auto !important; width: 100% !important; background: transparent !important; box-shadow: none !important; border: 0 !important; } .navbar-nav .sub-menu-container:has(.sub-menu-container) > li:has(> .sub-menu-container) > .sub-menu-container { display: none; position: relative !important; transform: none !important; inset: auto !important; width: 100% !important; padding: 0 0 0 20px !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; } /* ------------------------------------------------ */ /* Level 2 Items mit Level 3 Submenu vorbereiten */ .navbar-nav li.level_2:has(> .sub-menu-container) { display: flex; align-items: center; flex-wrap: wrap; } /* Der normale Link bleibt klickbar und führt weiter zur Seite */ .navbar-nav li.level_2:has(> .sub-menu-container) > a { flex: 1 1 auto; } /* Falls vorher ein CSS-Pseudo-Pfeil gesetzt wurde */ .navbar-nav li.level_2:has(> .sub-menu-container) > a::after { content: none !important; } /* Echter klickbarer Pfeil */ .navbar-nav .submenu-arrow-toggle { appearance: none; border: 0; background: transparent; color: #fff; cursor: pointer; padding: 0 8px 12px 8px; font-size: 22px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; transition: transform 0.2s ease; } /* Pfeil drehen, wenn offen */ .navbar-nav li.level_2.open > .submenu-arrow-toggle { transform: rotate(90deg); } /* Level 3 standardmäßig geschlossen */ .navbar-nav li.level_2 > .sub-menu-container { display: none; flex: 0 0 100%; width: 100%; } /* Level 3 öffnen */ .navbar-nav li.level_2.open > .sub-menu-container { display: block !important; position: relative !important; inset: auto !important; transform: none !important; width: 100% !important; padding: 8px 0 0 20px !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Level 3 Box im mobilen Menü */ .navbar-nav .sub-menu-container:has(.sub-menu-container) > li:has(> .sub-menu-container) > ul.sub-menu-container { display: none !important; position: relative !important; inset: auto !important; transform: none !important; width: 100% !important; min-width: 0 !important; margin: 10px 0 0 0 !important; padding: 12px 14px !important; background: #0b0b0b !important; border: 1px solid rgba(255, 255, 255, 0.45) !important; border-radius: 12px !important; box-shadow: none !important; list-style: none !important; } .navbar-nav .sub-menu-container:has(.sub-menu-container) > li.open:has(> .sub-menu-container) > ul.sub-menu-container { display: block !important; visibility: visible; } /* Level 3 geschlossen */ .navbar-nav li.level_2:not(.open) > .sub-menu-container { display: none !important; } /* Einträge im Kasten */ .navbar-nav li.level_2 > .sub-menu-container > li { margin: 0 0 8px 0 !important; padding: 0 !important; border: 0 !important; line-height: 1.3 !important; min-width: 0 !important; width: 100% !important; list-style: none !important; } .navbar-nav li.level_2 > .sub-menu-container > li:last-child { margin-bottom: 0 !important; } /* Links kleiner */ .navbar-nav li.level_2 > .sub-menu-container > li > a { display: block !important; font-size: 1.3rem !important; line-height: 1.35 !important; padding: 6px 0 !important; margin: 0 !important; color: #fff !important; text-decoration: none !important; text-shadow: none !important; font-family: "NettoOT", sans-serif !important; letter-spacing: 0.5px !important; text-transform: none !important; font-weight: 500 !important; } .navbar-nav li.level_2 > .sub-menu-container > li > a:hover, .navbar-nav li.level_2 > .sub-menu-container > li > a.active { color: #377dff !important; } /* .navbar-nav .sub-menu-container:has(.sub-menu-container) > li:has(> .sub-menu-container).show > .sub-menu-container, .navbar-nav .sub-menu-container:has(.sub-menu-container) > li:has(> .sub-menu-container).open > .sub-menu-container, .navbar-nav .sub-menu-container:has(.sub-menu-container) > li:has(> .sub-menu-container) > .sub-menu-container.show { display: block; } .navbar-nav .sub-menu-container:has(.sub-menu-container) > li:has(> .sub-menu-container) > a { display: block; width: 100%; height: fit-content; } */ .carding-row > .carding-col { margin-left: auto !important; margin-right: auto !important; margin-top: 0 !important; } } /* COLLAPSE FAQ */ /* FAQ Accordion – Blackmite Style */ #accordion-us { max-width: 1000px; width: 90vw; margin: 0 auto 12vh auto; position: relative; z-index: 5; } #accordion-us .accordion { --bs-accordion-bg: transparent; --bs-accordion-border-color: transparent; --bs-accordion-btn-focus-box-shadow: none; --bs-accordion-active-bg: transparent; --bs-accordion-active-color: #fff; } /* Einzelnes FAQ Item */ #accordion-us .accordion-item { background: rgba(17, 17, 17, 0.78); border: 1.5px solid rgba(255, 255, 255, 0.22); border-radius: 22px; margin-bottom: 18px; overflow: hidden; color: #fff; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); transition: border-color 0.45s ease, background 0.45s ease, transform 0.45s ease, box-shadow 0.45s ease; } #accordion-us .accordion-item:hover { border-color: rgba(255, 255, 255, 0.7); background: rgba(23, 23, 23, 0.95); transform: translateY(-2px); box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35); } /* Header Button */ #accordion-us .accordion-button { background: transparent !important; color: #fff !important; font-family: "NettoOT-Bold", sans-serif; font-size: clamp(1.15rem, 2vw, 1.55rem); line-height: 1.2; letter-spacing: -0.2px; padding: 26px 32px; border: 0; box-shadow: none !important; transition: color 0.35s ease, padding 0.35s ease; } #accordion-us .accordion-button span { max-width: calc(100% - 55px); animation: none; background: transparent; background-color: transparent; } /* Geöffnet */ #accordion-us .accordion-button:not(.collapsed) { color: #377dff !important; background: transparent !important; box-shadow: none !important; } /* Bootstrap Default Icon entfernen */ /* Plus / Minus ohne Kreis */ #accordion-us .accordion-button::after { background-image: none !important; content: "+"; width: auto; height: auto; margin-left: auto; color: rgba(255, 255, 255, 0.65); font-family: "NettoOT", sans-serif; font-size: 2rem; line-height: 1; text-align: center; transform: none; transition: color 0.35s ease, transform 0.35s ease; } #accordion-us .accordion-button:hover::after { color: #fff; transform: scale(1.1); } #accordion-us .accordion-button:not(.collapsed)::after { content: "–"; color: #377dff; transform: scale(1.05); } /* Body */ #accordion-us .accordion-body { padding: 0 32px 32px 32px; color: rgba(238, 238, 238, 0.72); font-family: "NettoOT", sans-serif; font-size: clamp(1rem, 1.4vw, 1.18rem); line-height: 1.75; } #accordion-us .accordion-body .description { margin: 0; max-width: 820px; } /* Kleine blaue Linie beim geöffneten Item */ #accordion-us .accordion-button:not(.collapsed) + * { border-top: 0; } /* Wichtig: verhindert Konflikt mit deiner globalen .collapse-Regel auf Mobile */ #accordion-us .accordion-collapse.collapse:not(.show) { display: none; } #accordion-us .accordion-collapse.collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } /* Mobile */ @media (max-width: 768px) { #accordion-us { width: 92vw; margin-bottom: 8vh; } #accordion-us .accordion-item { border-radius: 16px; margin-bottom: 14px; } #accordion-us .accordion-button { padding: 22px 20px; font-size: 1.15rem; } #accordion-us .accordion-button span { max-width: calc(100% - 48px); } #accordion-us .accordion-button::after { width: 34px; height: 34px; font-size: 25px; line-height: 30px; } #accordion-us .accordion-body { padding: 0 20px 26px 20px; font-size: 1rem; line-height: 1.65; } .testicard { padding: 18px !important; padding-top: 18px !important; padding-right: 18px !important; padding-bottom: 18px !important; padding-left: 18px !important; max-width: 96%; } } #accordion-us .accordion-item:has(.accordion-button:not(.collapsed)) { border-color: rgba(55, 125, 255, 0.75); box-shadow: inset 4px 0 0 #377dff; } .magazin-header h1 { font-size: clamp(2.2rem, 2.2rem + ((1vw - 0.2rem) * 3.273), 4rem); font-weight: 900; } .magazin-header p { font-size: 1.25rem; line-height: 1.7; font-weight: 400; font-family: "NettoOT"; }