/* _content/Advania.Theme/Components/AgendaRow.razor.rz.scp.css */ .agenda-row[b-ccd3rkyv2h] { font-family: Adelle; font-size: 22px; display: flex; flex-direction:column; background-color: #B75ABA; max-width: 960px; padding: 28px 44px; clip-path: polygon(25px 0, 100% 0, 100% 100%, 0 100%, 0 25px); text-align:left; } @media only screen and (min-width: 600px) { .agenda-row[b-ccd3rkyv2h] { flex-direction: row; gap: 105px; } } .agenda-row-datetime[b-ccd3rkyv2h] { font-weight: 700; } /* _content/Advania.Theme/Components/CO2/CO2Form.razor.rz.scp.css */ .co2FormModal[b-odcu14h5mk] { max-height: 0px; overflow: auto; width: 0px; height: 100vh; z-index: 999999; background: white; position: fixed; top: 50%; left: 50%; -ms-overflow-style: none; scrollbar-width: none; } .co2FormModal .co2form[b-odcu14h5mk] { display: none; } .co2FormModal .co2form .timeline-container[b-odcu14h5mk] { display: none; } .co2FormModal .co2form .timeline-container .advania-logo[b-odcu14h5mk] { display: none; } .co2FormModal[b-odcu14h5mk]::-webkit-scrollbar { display: none; } .co2FormModal.show[b-odcu14h5mk] { top: 0px; left: 0px; max-height: 100vh; overflow: auto; width: 100vw; max-width: 100vw; transition: all 0.3s; } .co2FormModal.show .co2form[b-odcu14h5mk] { display: flex; } .co2FormModal.show .co2form .timeline-container[b-odcu14h5mk] { display: block; } @media (min-width: 900px) { .co2FormModal[b-odcu14h5mk] { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Advania_pattern.svg'); background-repeat: no-repeat; background-position-y: bottom; } } .co2FormModal .modal-title[b-odcu14h5mk] { color: #30302F; position: absolute; top: 23px; right: 175px; font-size: 18px; letter-spacing: -0.015em; z-index: 999999; } .co2FormModal .close-modal[b-odcu14h5mk] { width: 24px; height: 25px; background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Close-modal.svg'); background-repeat: no-repeat; position: absolute; top: 25px; right: 4%; cursor: pointer; z-index: 99999; } .co2FormModal .close-modal.white[b-odcu14h5mk] { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Close-modal-white.svg'); } @media (max-width: 900px) { .co2FormModal .modal-title[b-odcu14h5mk] { display: none; } .co2FormModal .close-modal[b-odcu14h5mk] { top: 50px; } } sub[b-odcu14h5mk] { vertical-align: sub; font-size: smaller; } .co2form[b-odcu14h5mk] { display: flex; width: 100%; height: 100%; position: relative; } @media (max-width: 900px) { .co2form[b-odcu14h5mk] { display: block; position: absolute; } } .co2form .close-modal[b-odcu14h5mk] { position: absolute; z-index: 999; top: 20px; right: 268px; cursor: pointer; } [b-odcu14h5mk] .calculate-btn { position: absolute; top: 80%; left: 8%; } [b-odcu14h5mk] .co2-container { min-width: 70%; min-height: 87vh; margin-top: 0px; padding-top: 175px; } @media (min-width: 900px) { [b-odcu14h5mk] .co2-container { margin-left: 310px; padding-top: 0px; margin-top: 125px; } } [b-odcu14h5mk] .co2-container.white { background: white; } .advania-logo-start[b-odcu14h5mk] { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Advania-logo.svg'); height: 53px; width: 110px; position: absolute; top: 37px; left: 120px; z-index: 999; } @media (max-width: 997px) { .advania-logo-start[b-odcu14h5mk] { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Logo-White-Font.svg'); } } [b-odcu14h5mk] .timeline-container { display: grid; grid-template-columns: 1fr; grid-template-rows: 70px 2fr 1fr; width: 347px; height: 100vh; position: fixed; z-index: 999; } [b-odcu14h5mk] .timeline-container.empty { position: absolute; } @media (max-width: 900px) { [b-odcu14h5mk] .timeline-container { max-height: 85px; overflow: hidden; grid-template-rows: 70px 1.4fr 0.2fr; transition: max-height 1s; } [b-odcu14h5mk] .timeline-container .timeline-info { opacity: 0; transition: all 0.5s; } [b-odcu14h5mk] .timeline-container .timeline-info .big-text { display: none; } [b-odcu14h5mk] .timeline-container .timeline-info .text { display: none; } [b-odcu14h5mk] .timeline-container .timeline-info .label { display: none; } [b-odcu14h5mk] .timeline-container .timeline-info .inline { display: none; } [b-odcu14h5mk] .timeline-container .timeline { opacity: 0; transition: opacity 0.8s; } [b-odcu14h5mk] .timeline-container.open { max-height: 100vh; position: fixed; transition: max-height 1s; } [b-odcu14h5mk] .timeline-container.open .timeline { opacity: 1; transition: opacity 0.8s; } [b-odcu14h5mk] .timeline-container.open .timeline-info { display: block; padding: 0; color: #98139C; clip-path: polygon(25% 0px, 100% 45%, 100% 100%, 0px 100%, 0px 25%); opacity: 1; transition: all 0.5s; } [b-odcu14h5mk] .timeline-container.open .timeline-info.orange { clip-path: polygon(100% 0%, 45% 45%, 100% 100%); height: 70%; opacity: 1; transition: all 0.5s; } } [b-odcu14h5mk] .timeline-container .mobile-accordion { display: none; } @media (max-width: 900px) { [b-odcu14h5mk] .timeline-container { width: 100%; } [b-odcu14h5mk] .timeline-container.empty .mobile-accordion:after { display: none; } [b-odcu14h5mk] .timeline-container .mobile-accordion { display: flex; align-items: center; position: relative; padding-top: 56px; padding-bottom: 35px; background: white; padding-left: 20px; } [b-odcu14h5mk] .timeline-container .mobile-accordion .advania-mobile-logo { width: 34px; height: 53px; background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Logo-mobile.svg'); background-repeat: no-repeat; } [b-odcu14h5mk] .timeline-container .mobile-accordion .stepname { font-weight: 500; font-size: 20px; line-height: 28px; color: #CB0084; letter-spacing: -0.03em; margin-left: 25px; } [b-odcu14h5mk] .timeline-container .mobile-accordion:after { content: ''; width: 16px; height: 16px; border-top: solid 1.5px #CB0084; border-left: solid 1.5px #CB0084; left: 220px; position: absolute; transition: all 0.5s; transform: rotate(225deg); bottom: 28px; } [b-odcu14h5mk] .timeline-container .mobile-accordion.open:after { transform: rotate(45deg); transition: all 0.5s; bottom: 20px; } } [b-odcu14h5mk] .timeline-container.gray { background: #F6F7FF; } [b-odcu14h5mk] .timeline-container .timeline-info { grid-column: 1; grid-row: 3; padding: 3em 2em; width: 100%; background: #98139C; color: #fff; clip-path: polygon(25% 0, 100% 25%, 100% 100%, 0 100%, 0 10%); } [b-odcu14h5mk] .timeline-container .timeline-info.orange { clip-path: polygon(100% 25%, 0% 50%, 100% 100%); background: linear-gradient(120deg, #EC5014 0%, #FCDD00 100%); height: 40%; width: 100%; } @media (min-height: 1130px) { [b-odcu14h5mk] .timeline-container .timeline-info.orange { height: 35%; } } [b-odcu14h5mk] .timeline-container .timeline-info .big-text { font-family: 'Adelle'; font-size: 48px; line-height: 64px; } [b-odcu14h5mk] .timeline-container .timeline-info .label { letter-spacing: 2px; } [b-odcu14h5mk] .timeline-container .timeline-info .text { font-weight: 400; font-size: 16px; line-height: 20.8px; margin-top: 10px; } [b-odcu14h5mk] .timeline-container .timeline-info .inline .big-text { line-height: unset; } @media (max-width: 900px) { [b-odcu14h5mk] .timeline-container .advania-logo { display: none; } } [b-odcu14h5mk] .timeline-container .advania-logo { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Advania-logo.svg'); background-repeat: no-repeat; height: 53px; width: 110px; margin-left: 25%; margin-top: 5%; } [b-odcu14h5mk] .timeline-container .timeline { display: flex; flex-wrap: wrap; justify-content: center; } [b-odcu14h5mk] .timeline-container .timeline .steps { min-width: 100%; } [b-odcu14h5mk] .timeline-container .timeline .step-container { margin-left: 25%; display: flex; position: absolute; } @media (max-width: 1500px) { [b-odcu14h5mk] .timeline-container .timeline .step-container { margin-top: 35px; } } @media (max-width: 900px) { [b-odcu14h5mk] .timeline-container .timeline .step-container { margin-top: 35px; } } [b-odcu14h5mk] .timeline-container .timeline .step-container.first-step { margin-left: 484px; } [b-odcu14h5mk] .timeline-container .timeline .step-container:not(.Results):after { content: ''; height: 32px; width: 1px; border: 1px solid #E6E6E6; position: absolute; left: 15px; top: 38px; } @media (max-width: 1500px) { [b-odcu14h5mk] .timeline-container .timeline .step-container:not(.Results):after { height: 20px; } } @media (max-width: 900px) { [b-odcu14h5mk] .timeline-container .timeline .step-container:not(.Results):after { left: 30px; height: 20px; } } [b-odcu14h5mk] .timeline-container .timeline .step-container .step-icon { width: 32px; height: 32px; background-size: contain; background-repeat: no-repeat; margin-right: 16px; float: left; } [b-odcu14h5mk] .timeline-container .timeline .step-container .step-icon.travel { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Briefcase-Active.svg'); } [b-odcu14h5mk] .timeline-container .timeline .step-container .step-icon.hotel { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Hotel.svg'); } [b-odcu14h5mk] .timeline-container .timeline .step-container .step-icon.food { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Food.svg'); } [b-odcu14h5mk] .timeline-container .timeline .step-container .step-icon.results { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Results.svg'); } [b-odcu14h5mk] .timeline-container .timeline .step-container .step-icon.energy { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Energy.svg'); } [b-odcu14h5mk] .timeline-container .timeline .step-container .step-icon.merchandise { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Merch.svg'); } [b-odcu14h5mk] .timeline-container .timeline .step-container .step-text { font-weight: 400; font-family: Adelle; font-size: 14px; color: #6E6E6E; float: right; transition: all 0.7s; } [b-odcu14h5mk] .timeline-container .timeline .step-container.Active .step-text { color: #CB0084; } [b-odcu14h5mk] .timeline-container .timeline .step-container.Active .step-icon.hotel { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Hotel-Active.svg'); } [b-odcu14h5mk] .timeline-container .timeline .step-container.Active .step-icon.food { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Food-Active.svg'); } [b-odcu14h5mk] .timeline-container .timeline .step-container.Active .step-icon.energy { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Energy-Active.svg'); } [b-odcu14h5mk] .timeline-container .timeline .step-container.Active .step-icon.merchandise { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Merch-Active.svg'); } [b-odcu14h5mk] .timeline-container .timeline .step-container.Closed .step-text { color: #4F0077; } [b-odcu14h5mk] .timeline-container .timeline .step-container.Closed:before { content: ''; width: 20px; height: 24px; background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Checkbox.svg'); background-repeat: no-repeat; position: absolute; left: -30px; top: 6px; } [b-odcu14h5mk] .timeline-container .timeline .step-container.Closed:after { border: 1px solid #4F0077; } [b-odcu14h5mk] .timeline-container .timeline .step-container.Closed .step-icon { background-repeat: no-repeat; } [b-odcu14h5mk] .timeline-container .timeline .step-container.Closed .step-icon.travel { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Briefcase-Done.svg'); } [b-odcu14h5mk] .timeline-container .timeline .step-container.Closed .step-icon.hotel { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Hotel-Done.svg'); } [b-odcu14h5mk] .timeline-container .timeline .step-container.Closed .step-icon.food { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Food-Done.svg'); } [b-odcu14h5mk] .timeline-container .timeline .step-container.Closed .step-icon.energy { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Energy-Done.svg'); } [b-odcu14h5mk] .step-container { min-width: 70%; margin-left: 130px; margin-top: 40px; padding-right: 16px; } @media (max-width: 1500px) { [b-odcu14h5mk] .step-container { margin-top: 0px; } } @media (max-width: 900px) { [b-odcu14h5mk] .step-container { margin-left: 0px; margin-top: 35px; padding-left: 16px; padding-right: 16px; } } @media (min-width: 900px) { [b-odcu14h5mk] .step-container.custom-energy { margin-top: 30px; min-width: calc(100vw - 170px - 347px); } } [b-odcu14h5mk] .step-container .energy { display: flex; } @media (min-width: 900px) { [b-odcu14h5mk] .step-container .energy { justify-content: space-between; } } @media (max-width: 900px) { [b-odcu14h5mk] .step-container .energy { justify-content: space-around; flex-wrap: wrap; } } [b-odcu14h5mk] .step-container .energy .energy-content { margin-top: 60px; } [b-odcu14h5mk] .step-container .energy .energy-content .row-container { display: block; } [b-odcu14h5mk] .step-container .energy .energy-content .row-container .number-input .input-inner-container { position: relative; /* Chrome, Safari, Edge, Opera */ /* Firefox */ } [b-odcu14h5mk] .step-container .energy .energy-content .row-container .number-input .input-inner-container .input-ending-inside { position: absolute; right: 30px; top: 10px; } [b-odcu14h5mk] .step-container .energy .energy-content .row-container .number-input .input-inner-container input { background: #FDFDFD; border: 0.5px solid rgba(10, 37, 64, 0.5); box-sizing: border-box; border-radius: 6px; display: block; padding: 0.5rem 3rem 0.5rem 1rem; max-width: 160px; } [b-odcu14h5mk] .step-container .energy .energy-content .row-container .number-input .input-inner-container input::-webkit-outer-spin-button, [b-odcu14h5mk] .step-container .energy .energy-content .row-container .number-input .input-inner-container input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } [b-odcu14h5mk] .step-container .energy .energy-content .row-container .number-input .input-inner-container input[type=number] { -moz-appearance: textfield; } [b-odcu14h5mk] .step-container .energy .info-box { max-width: 367px; padding: 48px 28px 48px 28px; background: #F6F7FF; font-family: Adelle; } @media (max-width: 900px) { [b-odcu14h5mk] .step-container .energy .info-box { margin-top: 70px; transition: all 0.7s; max-height: 600px; position: relative; } [b-odcu14h5mk] .step-container .energy .info-box:after { position: absolute; top: 24px; right: 18px; content: ''; width: 15px; height: 15px; transform: rotate(45deg); border-top: solid 1.5px #CB0084; border-left: solid 1.5px #CB0084; transition: all 0.5s; } [b-odcu14h5mk] .step-container .energy .info-box.closed { transition: all 0.7s; display: flex; flex-wrap: wrap; max-height: 88px; overflow: hidden; padding: 16px 20px; } [b-odcu14h5mk] .step-container .energy .info-box.closed:after { top: 30px; transform: rotate(225deg); transition: all 0.5s; } [b-odcu14h5mk] .step-container .energy .info-box.closed .info-title { width: 250px; margin-left: 20px; line-height: 28px; font-size: 22px; } [b-odcu14h5mk] .step-container .energy .info-box.closed .info-icon { margin-bottom: 0px; height: 32px !important; width: 32px !important; background-size: contain; } } @media (max-width: 366px) { [b-odcu14h5mk] .step-container .energy .info-box .info-title { font-size: 18px !important; margin-left: 0 !important; } } [b-odcu14h5mk] .step-container .energy .info-box .info-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Info.svg'); background-repeat: no-repeat; height: 60px; width: 60px; margin-bottom: 34px; } [b-odcu14h5mk] .step-container .energy .info-box .info-title { font-size: 22px; line-height: 32px; } [b-odcu14h5mk] .step-container .energy .info-box .info-text { line-height: 30px; font-size: 18px; margin-top: 16px; letter-spacing: -0.015em; } [b-odcu14h5mk] .step-container .energy .info-box .equation { background: #FFFFFF; font-size: 16px; margin-top: 34px; text-align: center; padding: 16px; color: #CB0084; } [b-odcu14h5mk] .step-container .energy .info-box .equation .sum { color: #98139C; letter-spacing: -0.03em; font-weight: 700; } [b-odcu14h5mk] .step-container .energy .info-box .equation .numerator { letter-spacing: -0.03em; position: relative; border-bottom: 1.5px solid #CB0084; } [b-odcu14h5mk] .step-container .food-radio label { width: 100%; display: flex; flex-direction: column; align-items: center; max-height: 183px; } [b-odcu14h5mk] .step-container .food-radio label .title { text-align: center; } [b-odcu14h5mk] .step-container .food-radio.active { padding-top: 63px; } [b-odcu14h5mk] .step-container .food-desktop { width: 90%; } @media (max-width: 900px) { [b-odcu14h5mk] .step-container .food-desktop { max-height: 0px; overflow: hidden; } } [b-odcu14h5mk] .step-container .food-mobile { max-height: 0px; overflow: hidden; transition: max-height 0.5s; } [b-odcu14h5mk] .step-container .food-mobile .food-container { width: 100%; } @media (max-width: 900px) { [b-odcu14h5mk] .step-container .food-mobile.open { max-height: 650px; transition: max-height 0.5s; } } [b-odcu14h5mk] .step-container .food-container { margin-top: 40px; } [b-odcu14h5mk] .step-container .food-container .meals .meal { min-height: 76px; cursor: pointer; margin-bottom: 16px; border: 1px solid #E6E6E6; border-radius: 6px; display: flex; align-items: center; flex-wrap: wrap; max-height: 76px; overflow: hidden; transition: all 0.5s; } [b-odcu14h5mk] .step-container .food-container .meals .meal.active { max-height: 500px; transition: all 0.5s; overflow: initial; } [b-odcu14h5mk] .step-container .food-container .meals .meal.active { border: 1px solid #CB0084; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); } [b-odcu14h5mk] .step-container .food-container .meals .meal.active .meal-content { color: #CB0084; } [b-odcu14h5mk] .step-container .food-container .meals .meal.active .meal-content .meal-icon { background-repeat: no-repeat; } [b-odcu14h5mk] .step-container .food-container .meals .meal.active .meal-content .meal-icon.meat { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Meat-Active.svg'); } [b-odcu14h5mk] .step-container .food-container .meals .meal.active .meal-content .meal-icon.not-sure { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Question-Active.svg'); } [b-odcu14h5mk] .step-container .food-container .meals .meal.active .meal-content .meal-icon.fish { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Fish-Active.svg'); } [b-odcu14h5mk] .step-container .food-container .meals .meal.active .meal-content .meal-icon.chicken { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Chicken-Active.svg'); } [b-odcu14h5mk] .step-container .food-container .meals .meal.active .meal-content .meal-icon.vegetarian { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Carrot-Active.svg'); } [b-odcu14h5mk] .step-container .food-container .meals .meal .meal-content { width: 100%; min-height: 76px; display: flex; } [b-odcu14h5mk] .step-container .food-container .meals .meal .meal-content .meal-icon { align-self: center; width: 30px; height: 30px; margin-left: 30px; margin-right: 30px; background-size: contain; background-repeat: no-repeat; } [b-odcu14h5mk] .step-container .food-container .meals .meal .meal-content .meal-icon.meat { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Meat.svg'); } [b-odcu14h5mk] .step-container .food-container .meals .meal .meal-content .meal-icon.not-sure { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Question.svg'); } [b-odcu14h5mk] .step-container .food-container .meals .meal .meal-content .meal-icon.fish { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Fish.svg'); } [b-odcu14h5mk] .step-container .food-container .meals .meal .meal-content .meal-icon.chicken { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Chicken.svg'); } [b-odcu14h5mk] .step-container .food-container .meals .meal .meal-content .meal-icon.vegetarian { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Carrot.svg'); } [b-odcu14h5mk] .step-container .food-container .meals .meal .meal-content .meal-text { align-self: center; font-family: Adelle; font-weight: 400; } [b-odcu14h5mk] .step-container .food-container .meals .meal .meal-content .meal-text .food-title { font-weight: 500; } [b-odcu14h5mk] .step-container .food-container .meals .meal .meal-content .meal-text .step-subtitle { margin-top: 16px; } [b-odcu14h5mk] .step-container .food-container .meals .percentages { display: flex; justify-content: space-between; padding-left: 16px; padding-right: 16px; width: 100%; margin-bottom: 16px; } [b-odcu14h5mk] .step-container .food-container .meals .percentages .percentage { display: flex; justify-content: center; align-items: center; border: 1px solid #A0A0A0; border-radius: 6px; height: 56px; cursor: pointer; width: 23%; } [b-odcu14h5mk] .step-container .food-container .meals .percentages .percentage.active { box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); border: 1px solid #CB0084; color: #CB0084; font-weight: 500; } [b-odcu14h5mk] .step-container .food-container .meals .percentages .percentage.disabled { cursor: not-allowed; background: #F5F5F5; width: 100%; } [b-odcu14h5mk] .step-container .merch-details { display: flex; } [b-odcu14h5mk] .step-container .merch-details .column-container { display: flex; flex-flow: column nowrap; transition: row-gap 0.3s; row-gap: 30px; } [b-odcu14h5mk] .step-container .merch-details .column-container.active { transition: row-gap 0.3s; row-gap: 0; } [b-odcu14h5mk] .step-container .merch-details .checkbox { width: 100%; } [b-odcu14h5mk] .step-container .merch-details .checkbox label { -webkit-user-select: none; user-select: none; } [b-odcu14h5mk] .step-container .merch-details .checkbox .row-container { margin-top: 5px; max-width: 100%; padding: 0 calc(0.5rem + 1.1em); margin-left: 0.5em; border-left: 1px solid #CB0084; max-height: 0px; transition: all 0.3s; row-gap: 0; } [b-odcu14h5mk] .step-container .merch-details .checkbox .row-container.active { transition: all 0.2s; max-height: 400px; margin-bottom: 22px; row-gap: 20px; } [b-odcu14h5mk] .step-container .merch-details .checkbox .row-container.active .input-container { transition: all 0.4s; max-height: 400px; opacity: 1; } [b-odcu14h5mk] .step-container .merch-details .checkbox .row-container.inactive { transition: all 0.3s; margin-bottom: 0; } [b-odcu14h5mk] .step-container .merch-details .checkbox .row-container.inactive .input-container { transition: all 0.3s; max-height: 0; opacity: 0; visibility: hidden; } [b-odcu14h5mk] .step-container .merch-details .checkbox .row-container .extra-width { max-width: 140px; } [b-odcu14h5mk] .step-container .merch-details .checkbox .row-container .input-container { margin-top: 0; } @media (max-width: 900px) { [b-odcu14h5mk] .step-container .merch-details { display: block; } [b-odcu14h5mk] .step-container .merch-details .column-container { row-gap: 0px; } [b-odcu14h5mk] .step-container .merch-details .column-container .checkbox { margin-bottom: 40px; } [b-odcu14h5mk] .step-container .merch-details .column-container .checkbox .number-input { margin-bottom: 30px; } } [b-odcu14h5mk] .step-mover { position: absolute; right: 70px; bottom: 30px; float: right; display: flex; } [b-odcu14h5mk] .step-mover button { display: flex; cursor: pointer; font-weight: 700; border-radius: 100px; } [b-odcu14h5mk] .step-mover button.go-forward { flex-direction: row; justify-content: center; align-items: center; padding: 18px, 30px, 16px, 30px; color: white; background: #CB0084; transition: background 0.3s; width: 227px; height: 56px; } @media (max-width: 360px) { [b-odcu14h5mk] .step-mover button.go-forward { width: 120px; } } [b-odcu14h5mk] .step-mover button.go-forward:hover { background: #A2006A; transition: background 0.3s; } [b-odcu14h5mk] .step-mover button.go-back { color: #CB0084; margin-right: 26px; padding: 18px 30px 16px; height: 56px; width: max-content; } @media (max-width: 900px) { [b-odcu14h5mk] .step-mover button.go-back { padding: 18px 22px 16px; } } [b-odcu14h5mk] .step-mover button.go-back:hover { background: linear-gradient(0deg, rgba(203, 0, 132, 0.2), rgba(203, 0, 132, 0.2)), #FFFFFF; } [b-odcu14h5mk] .step-mover button.disabled, [b-odcu14h5mk] .step-mover button.disabled:hover { transition: background 0.3s; background: #E6E6E6; color: #676766; cursor: not-allowed; } @media (max-height: 850px) { [b-odcu14h5mk] .step-mover { margin-top: 64px; margin-left: 10px; width: 100%; padding-bottom: 16px; position: inherit; font-size: 16px; margin-bottom: 40px; display: flex; justify-content: space-between; } [b-odcu14h5mk] .step-mover.custom-step-mover { display: grid; grid-template-columns: 1fr 1fr; } [b-odcu14h5mk] .step-mover.custom-step-mover button.go-forward { margin-left: 0; } [b-odcu14h5mk] .step-mover button.go-back { margin-right: 0px !important; padding: 15px 22px 20px; background: linear-gradient(0deg, rgba(203, 0, 132, 0.2), rgba(203, 0, 132, 0.2)), #FFFFFF; } [b-odcu14h5mk] .step-mover button.go-forward { margin-left: 26px; max-width: 60%; } } [b-odcu14h5mk] .step-title { font-size: 44px; max-height: 300px; transition: all 0.3s; font-weight: 400; letter-spacing: -0.03em; max-width: 598px; margin-bottom: 0px; line-height: 45px; } @media (min-width: 900px) { [b-odcu14h5mk] .step-title.hide { max-height: 0px; overflow: hidden; transition: all 0.3s; margin-bottom: -120px; opacity: 0; } } @media (max-width: 900px) { [b-odcu14h5mk] .step-title { font-size: 34px; padding-right: 75px; } } @media (max-width: 366px) { [b-odcu14h5mk] .step-title { padding-right: 10px; } } [b-odcu14h5mk] .step-subtitle { transition: all 0.3s; max-height: 300px; color: #6E6E6E; font-size: 16px; margin-bottom: 24px; margin-top: 24px; } @media (min-width: 900px) { [b-odcu14h5mk] .step-subtitle.hide { max-height: 0px; overflow: hidden; transition: all 0.3s; } } [b-odcu14h5mk] .inner-step-wrap { width: 100%; display: flex; flex-wrap: wrap; } [b-odcu14h5mk] .inner-step-wrap:not(:first-child) { margin-top: 16px; } [b-odcu14h5mk] .inner-step-wrap .radio-btn { border: 1px solid #e6e6e6; border-radius: 6px; flex: 1 1 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 183px; } [b-odcu14h5mk] .inner-step-wrap .radio-btn:not(.food-radio) { height: 183px; } [b-odcu14h5mk] .inner-step-wrap .radio-btn:not(:first-child) { margin-left: 16px; } @media (max-width: 900px) { [b-odcu14h5mk] .inner-step-wrap .radio-btn { min-width: 100%; padding: 24px 26px 24px 26px; flex-direction: inherit; flex-wrap: wrap; justify-content: left; } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon { margin-right: 16px; } [b-odcu14h5mk] .inner-step-wrap .radio-btn .title { font-size: 18px !important; align-self: baseline; } [b-odcu14h5mk] .inner-step-wrap .radio-btn .subtitle { width: 100%; min-width: auto; text-align: left; align-self: baseline; margin-top: -19px !important; font-size: 16px; } [b-odcu14h5mk] .inner-step-wrap .radio-btn:not(:first-child) { margin-top: 16px; margin-left: 0px; } [b-odcu14h5mk] .inner-step-wrap .radio-btn:not(.larger):not(.food-radio) { min-height: 107px; max-height: 107px; } [b-odcu14h5mk] .inner-step-wrap .radio-btn:not(.larger):not(.food-radio) .subtitle { margin-left: 57px; text-align: left; } } @media (max-width: 366px) { [b-odcu14h5mk] .inner-step-wrap .radio-btn:not(.food-radio) { height: 200px; } [b-odcu14h5mk] .inner-step-wrap .radio-btn .title { width: 60% !important; line-height: 20px !important; } } [b-odcu14h5mk] .inner-step-wrap .radio-btn:hover { box-shadow: 4px 8px 56px rgba(203, 0, 132, 0.1); } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon { width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; margin-bottom: 16px; } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon.in-person-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/In-Person.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon.remote-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Remote.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon.hybrid-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Hybrid.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon.driving-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Driving.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon.flying-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Flying.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon.briefcase-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Briefcase.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon.check-no-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/No.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon.check-yes-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Yes.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon.estimate { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Get-Estimate.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon.details { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Provide-Info.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon.everybody-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Everyone.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon.most-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Most.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon.few-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Few.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn .tegund-icon.nobody-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Nobody.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn input { display: none; } [b-odcu14h5mk] .inner-step-wrap .radio-btn .title { font-size: 22px; line-height: 32px; font-family: Adelle; } [b-odcu14h5mk] .inner-step-wrap .radio-btn .subtitle { text-align: center; max-width: 466px; margin-top: 0px; color: #6E6E6E; } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active { border: 1px solid #CB0084; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active .title { color: #CB0084; } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active .in-person-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/In-Person-Active.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active .remote-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Remote-Active.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active .hybrid-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Hybrid-Active.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active .driving-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Driving-Active.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active .flying-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Flying-Active.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active .briefcase-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Briefcase-Active.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active .check-no-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/No-Active.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active .check-yes-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Yes-Active.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active .estimate { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Get-Estimate-Active.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active .details { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Provide-Info-Active.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active .everybody-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Everyone-pink.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active .most-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Most-pink.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active .few-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Few-pink.svg'); } [b-odcu14h5mk] .inner-step-wrap .radio-btn.active .nobody-icon { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Nobody-pink.svg'); } @media (max-width: 900px) { [b-odcu14h5mk] .inner-step-wrap .radio-btn.larger .title { width: 80%; font-size: 18px; } [b-odcu14h5mk] .inner-step-wrap .radio-btn.larger .subtitle { margin-top: 8px; margin-left: 56px; line-height: 23px; text-align: left; } [b-odcu14h5mk] .inner-step-wrap .radio-btn.larger .tegund-icon { margin-top: -10px; } } [b-odcu14h5mk] .inner-step-wrap.two-options { justify-content: space-between; } @media (max-width: 900px) { [b-odcu14h5mk] .inner-step-wrap.two-options .radio-btn { width: 48%; min-width: 48%; max-width: 48%; justify-content: center; margin: 0px; height: 108px; padding: 24px; min-height: 108px; } [b-odcu14h5mk] .inner-step-wrap.two-options .radio-btn label .title { width: 100%; text-align: center; } [b-odcu14h5mk] .inner-step-wrap.two-options .radio-btn > * { width: 100%; text-align: center; font-size: 18px; } [b-odcu14h5mk] .inner-step-wrap.two-options .radio-btn .tegund-icon { background-position: center; margin-right: 0px; margin-bottom: 8px; height: 24px; } } [b-odcu14h5mk] .grid-container { display: grid; } [b-odcu14h5mk] .row-container { display: flex; justify-content: space-between; flex-wrap: wrap; } [b-odcu14h5mk] .row-container .input-container { min-width: 100%; } [b-odcu14h5mk] .row-container .input-container:last-child { margin-top: 36px; } [b-odcu14h5mk] .row-container.hybrid .input-container { min-width: 50%; } [b-odcu14h5mk] .row-container.hybrid .input-container:last-child { margin-top: 36px; } @media (max-width: 1445px) { [b-odcu14h5mk] .row-container.hybrid .input-container { width: 500px; } } @media (max-width: 800px) { [b-odcu14h5mk] .row-container.hybrid .input-container { width: auto; } } [b-odcu14h5mk] .row-container.energy .input-container { display: flex; flex-wrap: wrap; } [b-odcu14h5mk] .row-container.energy .input-container .input-ending { margin-left: 0px; } [b-odcu14h5mk] .input-container { margin-top: 36px; } [b-odcu14h5mk] .input-container input { margin-right: 16px; } [b-odcu14h5mk] .input-container.required label:after { content: '*'; color: #DB274F; font-size: 16px; margin-left: 4px; } @media (max-width: 900px) { [b-odcu14h5mk] .input-container { margin-top: 0px; } [b-odcu14h5mk] .input-container:not(:first-child) { margin-top: 36px; } } [b-odcu14h5mk] .input-container input, [b-odcu14h5mk] .input-container select { max-width: 99px; max-height: 50px; } [b-odcu14h5mk] .input-container.number-input { display: grid; height: 80px; } [b-odcu14h5mk] .input-container.number-input label { font-weight: 500; width: 100%; max-height: 60px; } [b-odcu14h5mk] .input-container.number-input input { grid-row: 2; grid-column: 1; } [b-odcu14h5mk] .input-container.number-input .input-ending { grid-row: 2; grid-column: 1; align-self: center; margin-left: 104px; } [b-odcu14h5mk] .input-container.number-input .validation-msg { align-self: center; color: red; margin-left: 4px; } [b-odcu14h5mk] .input-container.select-input .custom-select { cursor: pointer; background: #fff; z-index: 1; width: 99px; border: 1px solid #A0A0A0; border-radius: 6px; position: relative; } [b-odcu14h5mk] .input-container.select-input .custom-select .selected { padding: 16px; padding-bottom: 5px; } [b-odcu14h5mk] .input-container.select-input .custom-select:after { content: ''; width: 10px; height: 10px; position: absolute; top: 19px; right: 20px; border-top: solid 1.5px #1D1C1B; border-left: solid 1.5px #1D1C1B; transition: all 0.5s; transform: rotate(225deg); } [b-odcu14h5mk] .input-container.select-input .custom-select.open { margin-bottom: 5%; } [b-odcu14h5mk] .input-container.select-input .custom-select.open .selected { color: #8E8D8D; } [b-odcu14h5mk] .input-container.select-input .custom-select.open:after { transition: all 0.5s; transform: rotate(45deg); top: 25px; } [b-odcu14h5mk] .input-container.select-input .select-items { color: #1D1C1B; max-height: 0px; width: 97px; border-radius: 6px; overflow: hidden; transition: max-height 0.3s; background: #fff; } [b-odcu14h5mk] .input-container.select-input .select-items.show { max-height: 1000px; transition: max-height 0.3s; } [b-odcu14h5mk] .input-container.select-input .select-items .select-item { display: flex; align-items: center; height: 54px; padding: 16px; background: white; transition: all 0.3s; } [b-odcu14h5mk] .input-container.select-input .select-items .select-item:hover { transition: all 0.3s; background: #F6F7FF; color: #CB0084; } [b-odcu14h5mk] .flying-container { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1076px; } [b-odcu14h5mk] .flying-container .flying-radio { padding-left: 16px; padding-right: 16px; width: 49%; height: 88px; border: 1px solid #e6e6e6; border-radius: 6px; display: flex; justify-content: space-between; align-items: center; margin-top: 16px; flex-wrap: wrap; transition: height 0.3s; } @media (max-width: 1290px) { [b-odcu14h5mk] .flying-container .flying-radio { width: 100%; height: 64px; max-width: 1076px; } [b-odcu14h5mk] .flying-container .flying-radio .fly-label { width: 100%; } [b-odcu14h5mk] .flying-container .flying-radio.active { height: 175px; transition: height 0.3s; } [b-odcu14h5mk] .flying-container .flying-radio.active .fly-label { height: 64px; display: flex; align-items: center; } [b-odcu14h5mk] .flying-container .flying-radio.active .fly-label input { margin-top: 0px; } } [b-odcu14h5mk] .flying-container .flying-radio.active { border: 1px solid #A2006A; box-shadow: 4px 8px 56px rgba(203, 0, 132, 0.1); } [b-odcu14h5mk] .flying-container .flying-radio:hover { box-shadow: 4px 8px 56px rgba(203, 0, 132, 0.1); } [b-odcu14h5mk] .flying-container .flying-radio .fly-guests { display: flex; align-items: center; } [b-odcu14h5mk] .flying-container .flying-radio .fly-label { display: flex; } [b-odcu14h5mk] .flying-container .flying-radio .fly-label input { margin-top: 6px; } [b-odcu14h5mk] .flying-container .flying-radio .fly-label .fly-checkbox-label { font-family: Adelle; font-size: 20px; margin-left: 5px; } [b-odcu14h5mk] .flying-container .flying-radio .fly-label .validation-msg { color: red; } [b-odcu14h5mk] .flying-container .flying-radio .row-container { flex-wrap: nowrap; } [b-odcu14h5mk] .flying-container .flying-radio .row-container .input-container { margin-top: 0px; } [b-odcu14h5mk] .flying-container .flying-radio .row-container .number-input { min-width: fit-content; margin-right: 16px; align-items: center; } /* _content/Advania.Theme/Components/CO2/CO2FormCloseDialog.razor.rz.scp.css */ .co2FormCloseDialog[b-bg79phsuv6] { display: none; position: fixed; z-index: 9999999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #4F0077; background-color: rgba(79, 0, 119, 0.4); } .co2FormCloseDialog .close[b-bg79phsuv6] { width: 24px; height: 25px; background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Close-modal.svg'); background-repeat: no-repeat; z-index: 9999999; display: block; float: right; } .co2FormCloseDialog.show[b-bg79phsuv6] { display: block; } .co2FormCloseDialog .dialog-content[b-bg79phsuv6] { position: relative; background-color: #fefefe; padding: 50px; border: 1px solid #888; max-width: 390px; } @media (max-width: 390px) { .co2FormCloseDialog .dialog-content[b-bg79phsuv6] { margin: 50% auto; } } @media (max-width: 834px) { .co2FormCloseDialog .dialog-content[b-bg79phsuv6] { margin: 30% auto; } } @media (min-width: 835px) { .co2FormCloseDialog .dialog-content[b-bg79phsuv6] { margin: 20% auto; } } .co2FormCloseDialog .dialog-content .title[b-bg79phsuv6] { border-bottom: 1px solid #30302F; font-weight: bold; font-size: 25px; margin-block-end: 1.5rem; line-height: 2rem; padding-block-end: 1rem; } .co2FormCloseDialog .dialog-content .exit-button[b-bg79phsuv6] { cursor: pointer; font-weight: bold; text-decoration: underline; text-decoration-color: var(--primary-color); text-underline-offset: 6px; text-decoration-thickness: 2px; transition: text-decoration-color 100ms linear; } .co2FormCloseDialog .dialog-content .cancel-button[b-bg79phsuv6] { margin-left: 35px; } /* _content/Advania.Theme/Components/CO2/CO2ProgressBar.razor.rz.scp.css */ .co2-progress-bar[b-o9j9drtg15] { display: flex; padding-top: 20px; font-size: 20px; font-family: Adelle; color: #6E6E6E; margin-left: 130px; position: absolute; top: 0px; } @media (max-width: 900px) { .co2-progress-bar[b-o9j9drtg15] { position: absolute; padding-top: 29px; margin-top: 125px; margin-bottom: 33.5px; margin-left: 20px; width: 100%; background: white; margin-left: 0px; padding-left: 20px; } } .co2-progress-bar .substep[b-o9j9drtg15] { height: 40px; width: 40px; border-radius: 100%; border: 1px solid #E6E6E6; text-align: center; padding-top: 3px; position: relative; } .co2-progress-bar .substep:not(.last)[b-o9j9drtg15] { margin-right: 37px; } .co2-progress-bar .substep:not(.last)[b-o9j9drtg15]:before { content: ''; position: absolute; height: 1px; width: 37px; top: 20px; left: 40px; background: #E6E6E6; } .co2-progress-bar .substep:not(.last).closed[b-o9j9drtg15]:before { background: #4F0077; } .co2-progress-bar .substep.active[b-o9j9drtg15] { border: none; background: var(--primary-color); color: #FFFFFF; } .co2-progress-bar .substep.closed[b-o9j9drtg15] { background: #4F0077; color: #4F0077; border: none; } .co2-progress-bar .substep.closed[b-o9j9drtg15]:after { content: ''; height: 9px; width: 10px; position: absolute; top: 14px; left: 15px; background-image: url('/_content/Advania.Theme/Icons/CO2Icons/check.svg'); } /* _content/Advania.Theme/Components/CO2/Steps/Beginning.razor.rz.scp.css */ .kolefnisreiknivelin-beginning[b-j7w9w0zeo2] { display: flex; background-color: white; margin: auto; } .kolefnisreiknivelin-beginning[b-j7w9w0zeo2]:before { content: ''; display: block; background: linear-gradient(0deg, #EC5014 0%, #FCDD00 100%); position: absolute; bottom: 0px; right: 0px; height: 50%; width: 45%; clip-path: polygon(10% 0, 100% 0, 100% 100%, 25% 130%); } .kolefnisreiknivelin-beginning .content-container[b-j7w9w0zeo2] { width: 65%; margin: auto; max-width: 48%; margin-left: 120px; } .kolefnisreiknivelin-beginning .content-container h2[b-j7w9w0zeo2] { font-size: 75px; line-height: 94px; } .kolefnisreiknivelin-beginning .content-container button[b-j7w9w0zeo2] { width: 182px; height: 56px; } .kolefnisreiknivelin-beginning .image-container[b-j7w9w0zeo2] { width: 50%; } .kolefnisreiknivelin-beginning .image-container .banner-image-angle[b-j7w9w0zeo2] { height: 100vh; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; clip-path: polygon(13% 0, 100% 0, 100% 100%, 50% 100%, 0 50%); } @media (max-width: 997px) { .kolefnisreiknivelin-beginning[b-j7w9w0zeo2] { flex-direction: column-reverse; padding-bottom: 77px; } .kolefnisreiknivelin-beginning[b-j7w9w0zeo2]:before { display: none; } .kolefnisreiknivelin-beginning .content-container[b-j7w9w0zeo2] { margin-top: 0px; padding: 20px; padding-top: 0px; width: 100%; max-width: 100%; margin-left: 0px; } .kolefnisreiknivelin-beginning .content-container h2[b-j7w9w0zeo2] { font-size: 34px; line-height: 45px; } .kolefnisreiknivelin-beginning .content-container p[b-j7w9w0zeo2] { font-size: 18px; } .kolefnisreiknivelin-beginning .content-container button[b-j7w9w0zeo2] { margin-top: 25px; } .kolefnisreiknivelin-beginning .image-container[b-j7w9w0zeo2] { width: 100%; position: relative; } .kolefnisreiknivelin-beginning .image-container .mobile-orange[b-j7w9w0zeo2] { position: absolute; top: 0px; background: linear-gradient(65deg, #EC5014 0%, #FCDD00 100%); height: 85%; width: 100%; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 85%); } .kolefnisreiknivelin-beginning .image-container .banner-image-angle[b-j7w9w0zeo2] { height: 0px; clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 50% 100%, 0 90%); min-height: 425px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } } /* _content/Advania.Theme/Components/CO2/Steps/ResultComponents/ExtraInfo.razor.rz.scp.css */ .co2result__section3[b-l2fuq88qcp] { z-index: 0; background-color: white; border: none; color: #30302F; width: 100%; padding: 5%; position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 15%; } @media (max-width: 899px) { .co2result__section3[b-l2fuq88qcp] { padding: 1em; grid-template-columns: 1fr; } } .co2result__section3 sub[b-l2fuq88qcp] { vertical-align: sub; font-size: smaller; } @media (max-width: 899px) { .co2result__section3 .co2result__section3--info-item .co2result__section3--examples[b-l2fuq88qcp] { margin-top: 40px; margin-bottom: 40px; } } .co2result__section3 .co2result__section3--info-item h4[b-l2fuq88qcp] { margin-top: 2em; font-size: 40px; margin-block-end: 1.5rem; line-height: 3rem; padding-block-end: 1rem; } .co2result__section3 .co2result__section3--info-item .--bold[b-l2fuq88qcp] { font-weight: bold; } .co2result__section3 .co2result__section3--info-item .--underline-black[b-l2fuq88qcp] { border-bottom: 1px solid #30302F; } .co2result__section3 .co2result__section3--info-item .--underline-gray[b-l2fuq88qcp] { margin-block-end: 0.5rem; border-bottom: 1px solid #D2D2D2; } /* _content/Advania.Theme/Components/CO2/Steps/ResultComponents/First.razor.rz.scp.css */ .co2result__section1[b-qz3r6ctfga]::before { content: ''; display: block; background-color: var(--bg-color); position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; } sub[b-qz3r6ctfga] { vertical-align: sub; font-size: smaller; } .co2result__section1[b-qz3r6ctfga] { position: relative; } @media (min-width: 900px) { .co2result__section1[b-qz3r6ctfga] { display: flex; flex-direction: row-reverse; min-height: 100%; padding: 0; gap: 100px; } } @media (max-width: 899px) { .co2result__section1[b-qz3r6ctfga] { display: flex; flex-direction: column-reverse; padding: 0px; height: 100%; } } @media (min-width: 900px) { .co2result__section1 .co2result__section1-aside[b-qz3r6ctfga] { position: relative; flex: 1; } } @media (max-width: 899px) { .co2result__section1 .co2result__section1-aside[b-qz3r6ctfga] { position: relative; height: 100vh; } } @media (min-width: 900px) { .co2result__section1 .co2result__section1-aside[b-qz3r6ctfga]::before { content: ''; display: block; position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; background-image: var(--background-image); background-size: cover; background-position: center center; clip-path: polygon(13% 0, 100% 0, 100% 100%, 50% 100%, 0 50%); } } @media (max-width: 899px) { .co2result__section1 .co2result__section1-aside[b-qz3r6ctfga]::before { content: ''; display: block; position: absolute; right: 0px; left: 0px; top: 0px; bottom: 0px; background-image: var(--background-image); background-size: cover; background-position: center center; clip-path: polygon(0 50%, 50% 0, 100% 20%, 100% 100%, 0 100%); } } @media (min-width: 900px) { .co2result__section1 .co2result__section1-aside[b-qz3r6ctfga]::after { content: ''; display: block; background: linear-gradient(0deg, #EC5014 0%, #FCDD00 100%); position: absolute; bottom: 0px; right: 0px; width: 100%; height: 50%; z-index: -1; clip-path: polygon(10% 0, 100% 0, 100% 100%, 25% 100%); } } @media (max-width: 899px) { .co2result__section1 .co2result__section1-aside[b-qz3r6ctfga]::after { content: ''; display: block; background: linear-gradient(0deg, #EC5014 0%, #FCDD00 100%); position: absolute; top: 0%; left: 0px; width: 50%; height: 50%; z-index: -1; clip-path: polygon(0% 50%, 100% 15%, 100% 100%, 0% 100%); } } @media (min-width: 900px) { .co2result__section1 .co2result__section1--content[b-qz3r6ctfga] { flex: 1; padding: 5em; display: flex; flex-direction: column; justify-content: center; } } @media (max-width: 899px) { .co2result__section1 .co2result__section1--content[b-qz3r6ctfga] { padding: 130px 25px 5px 25px; } } .co2result__section1 .co2result__section1--content .co2result__section1-text-gray[b-qz3r6ctfga] { color: #6E6E6E; } @media (max-width: 899px) { .co2result__section1 .co2result__section1--content .co2result__section1-text-gray[b-qz3r6ctfga] { margin-top: 5px; } } @media (max-width: 899px) { .co2result__section1 .co2result__section1--content .co2result__section1--heading[b-qz3r6ctfga] { font-size: 34px; margin-block-end: 0; } } .co2result__section1 .co2result__section1--content .co2result__section1--heading .co2result__section1--text-custom[b-qz3r6ctfga] { font-weight: bold; color: var(--primary-color); } .co2result__section1-btn-container[b-qz3r6ctfga] { width: 320px; text-align: center; position: absolute; top: 90vh; left: calc(50% - 320px / 2); } .co2result__section1-btn-container .co2result__section1--btn[b-qz3r6ctfga] { display: grid; grid-gap: 16px; } .co2result__section1-btn-container .co2result__section1--btn .co2result__section1--btn-text[b-qz3r6ctfga] { grid-row: 1; } .co2result__section1-btn-container .co2result__section1--btn .co2result__section1--btn-arrow[b-qz3r6ctfga] { grid-row: 1; width: 25px; height: 25px; background-image: url('/_content/Advania.Theme/Icons/CO2Icons/accordion-arrow-white.svg'); background-repeat: no-repeat; } /* _content/Advania.Theme/Components/CO2/Steps/ResultComponents/MainCards.razor.rz.scp.css */ .co2result__section2[b-fpbwh19qp0] { background-color: #98139c; color: white; position: relative; } @media (min-width: 900px) { .co2result__section2[b-fpbwh19qp0] { padding: 2% 5% 3% 5%; } } @media (max-width: 899px) { .co2result__section2[b-fpbwh19qp0] { padding: 2em 1em 4em 1em; } } .co2result__section2 .co2result__section2--title[b-fpbwh19qp0] { margin-block-end: 0.75rem; } .co2result__section2 .co2result__section2--description[b-fpbwh19qp0] { margin-block-end: 3rem; } @media (max-width: 899px) { .co2result__section2 .co2result__section2--description[b-fpbwh19qp0] { font-size: 16px; line-height: 21px; } } .co2result__section2 .co2result__section2--cards[b-fpbwh19qp0] { display: grid; } @media (min-width: 900px) { .co2result__section2 .co2result__section2--cards[b-fpbwh19qp0] { grid-template-columns: 1fr 1fr; grid-gap: 30px; padding-bottom: 4vh; } } @media (max-width: 899px) { .co2result__section2 .co2result__section2--cards[b-fpbwh19qp0] { grid-template-columns: 1fr; grid-gap: 24px; padding-bottom: 3vh; } } .co2result__section2 .co2result__section2--cards .co2result__section2--card[b-fpbwh19qp0] { background: rgba(255, 255, 255, 0.3); position: relative; } @media (min-width: 900px) { .co2result__section2 .co2result__section2--cards .co2result__section2--card[b-fpbwh19qp0] { padding: 55px 55px calc(55px - 1em) 55px; } } @media (max-width: 899px) { .co2result__section2 .co2result__section2--cards .co2result__section2--card[b-fpbwh19qp0] { padding: 1.5em 1em 1.5em 1em; } } .co2result__section2 .co2result__section2--cards .co2result__section2--card .co2result__section2--corner[b-fpbwh19qp0] { overflow: hidden; height: 93px; width: 60px; position: absolute; left: -15px; top: -40px; transform: rotate(51deg); background-color: #98139c; } @media (max-width: 899px) { .co2result__section2 .co2result__section2--cards .co2result__section2--card .co2result__section2--corner[b-fpbwh19qp0] { height: 80px; width: 60px; left: -35px; top: -40px; } } .co2result__section2 .co2result__section2--cards .co2result__section2--card .co2result__section2--card-top[b-fpbwh19qp0] { display: flex; justify-content: space-between; } .co2result__section2 .co2result__section2--cards .co2result__section2--card .co2result__section2--card-top .co2result__section2--card-title[b-fpbwh19qp0] { font-size: 36px; margin-block-end: 0.35em; } @media (max-width: 899px) { .co2result__section2 .co2result__section2--cards .co2result__section2--card .co2result__section2--card-top .co2result__section2--card-title[b-fpbwh19qp0] { font-size: 34px; } } .co2result__section2 .co2result__section2--cards .co2result__section2--card .co2result__section2--card-top div[b-fpbwh19qp0] { align-self: end; margin-block-end: 0.35em; } .co2result__section2 .co2result__section2--cards .co2result__section2--card .co2result__section2--progress-bar[b-fpbwh19qp0] { position: relative; margin-block-end: 1.5em; } .co2result__section2 .co2result__section2--cards .co2result__section2--card .co2result__section2--progress-bar #bar-empty[b-fpbwh19qp0] { position: absolute; top: 0px; left: 0px; height: 8px; width: 100%; background-color: white; opacity: 0.3; z-index: 1; } .co2result__section2 .co2result__section2--cards .co2result__section2--card .co2result__section2--progress-bar #bar-progress[b-fpbwh19qp0] { height: 8px; opacity: 1; background-color: white; } .co2result__section2 .co2result__section2--cards .co2result__section2--card .co2result__section2--card-content-container .co2result__section2--card-content[b-fpbwh19qp0] { display: grid; grid-template-columns: 1fr 1fr; } @media (max-width: 899px) { .co2result__section2 .co2result__section2--cards .co2result__section2--card .co2result__section2--card-content-container .co2result__section2--card-content[b-fpbwh19qp0] { font-size: 16px; } } .co2result__section2 .co2result__section2--cards .co2result__section2--card .co2result__section2--card-content-container .co2result__section2--card-content :nth-child(even)[b-fpbwh19qp0] { justify-self: end; } .co2result__section2 .co2result__section2--cards .co2result__section2--card .co2result__section2--card-content-container .co2result__section2--card-content:nth-child(2)[b-fpbwh19qp0] { padding-top: 10px; border-top: 1px solid white; font-weight: bold; } .co2result__section2 .co2result__section2--cards .co2result__section2--card .co2result__section2--card-content-container .co2result__section2--card-content div sub[b-fpbwh19qp0] { vertical-align: sub; font-size: smaller; } .co2result__section2 .co2result__section2--cards .co2result__section2--card .co2result__section2--card-content-containercard-content-sum[b-fpbwh19qp0] { border-top: 1px solid white; } .co2result--slant-bottom[b-fpbwh19qp0] { z-index: 1; position: absolute; height: 60px; width: 100%; bottom: -59px; left: 0px; background-color: #98139c; -webkit-clip-path: polygon(100% 0, 0% 100%, 0 0); clip-path: polygon(100% 0, 0% 100%, 0 0); } /* _content/Advania.Theme/Components/CO2/Steps/ResultComponents/SaveReport.razor.rz.scp.css */ .co2result__section5[b-f0wxzj14e7] { background-color: #F6F7FF; width: 100%; display: flex; justify-content: center; } @media (max-width: 899px) { .co2result__section5[b-f0wxzj14e7] { padding: 3em 0; } } .co2result__section5 .co2result__section5--container[b-f0wxzj14e7] { flex-grow: 1; max-width: 1680px; padding: 5% 0 10% 0; text-align: center; display: grid; grid-template-columns: 1fr; justify-items: center; } .co2result__section5 .co2result__section5--container .co2result__section5--small-title-container[b-f0wxzj14e7] { margin-block-end: 1rem; } .co2result__section5 .co2result__section5--container .co2result__section5--small-title-container .co2result__section5--small-title[b-f0wxzj14e7] { width: min-content; color: #1D1C1B; font-weight: bold; line-height: 24px; text-transform: uppercase; letter-spacing: 2px; } .co2result__section5 .co2result__section5--container .co2result__section5--large-title-container[b-f0wxzj14e7] { max-width: 65%; } .co2result__section5 .co2result__section5--container .co2result__section5--large-title-container .co2result__section5--large-title[b-f0wxzj14e7] { color: #1D1C1B; } /* _content/Advania.Theme/Components/CO2/Steps/ResultComponents/Sheeps.razor.rz.scp.css */ .co2result__section4[b-qofz2ybo2s] { color: white; width: 100%; padding: 5%; position: relative; background-color: #0A2540; grid-column-gap: 2vw; } .co2result__section4 .co2result__section4-content[b-qofz2ybo2s] { display: grid; grid-template-columns: 1.5fr 1fr; } @media (max-width: 899px) { .co2result__section4 .co2result__section4-content[b-qofz2ybo2s] { display: block; height: auto; } } @media (max-width: 899px) { .co2result__section4 .co2result__section4-content[b-qofz2ybo2s] { margin-bottom: 100px; } } .co2result__section4 .co2result__section4-content .co2result__section4--left-container[b-qofz2ybo2s] { padding: 10vh 0 0 0; } .co2result__section4 .co2result__section4-content .co2result__section4--left-container .co2result__section4--title[b-qofz2ybo2s] { margin-block-end: 1rem; padding-bottom: 8vh; border-bottom: 1px solid white; } @media (max-width: 899px) { .co2result__section4 .co2result__section4-content .co2result__section4--left-container .co2result__section4--title[b-qofz2ybo2s] { margin-block-end: 0; padding-bottom: 0.5em; border-bottom: none; } } .co2result__section4 .co2result__section4-content .co2result__section4--left-container .co2result__section4-text-regular[b-qofz2ybo2s] { display: block; } @media (max-width: 899px) { .co2result__section4 .co2result__section4-content .co2result__section4--left-container .co2result__section4-text-regular[b-qofz2ybo2s] { display: none; } } .co2result__section4 .co2result__section4-content .co2result__section4--right-container[b-qofz2ybo2s] { padding: calc((75% - 264px) / 2) calc((100% - 469px) / 2); } @media (max-width: 899px) { .co2result__section4 .co2result__section4-content .co2result__section4--right-container[b-qofz2ybo2s] { padding: 0 calc((100% - 469px) / 2); } } .co2result__section4 .co2result__section4-content .co2result__section4--right-container .co2result__section4--image[b-qofz2ybo2s] { height: 264px; width: 469px; background-image: var(--image); background-position: center center; background-origin: padding-box; } @media (max-width: 899px) { .co2result__section4 .co2result__section4-content .co2result__section4--right-container .co2result__section4--image[b-qofz2ybo2s] { max-width: 100%; } } .co2result__section4 .co2result__section4-content .co2result__section4--right-container .co2result__section4-text-mobile[b-qofz2ybo2s] { display: none; } @media (max-width: 899px) { .co2result__section4 .co2result__section4-content .co2result__section4--right-container .co2result__section4-text-mobile[b-qofz2ybo2s] { padding-top: 10px; display: block; text-align: center; } } .co2result--slant-top[b-qofz2ybo2s] { position: absolute; height: 60px; width: 100%; top: -59px; left: 0px; background-color: #0A2540; -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%); clip-path: polygon(100% 0, 0% 100%, 100% 100%); } .co2result--slant-bottom[b-qofz2ybo2s] { position: absolute; height: 60px; width: 100%; bottom: -59px; left: 0px; background-color: #0A2540; -webkit-clip-path: polygon(100% 0, 0% 100%, 0 0); clip-path: polygon(100% 0, 0% 100%, 0 0); } /* _content/Advania.Theme/Components/CO2/Steps/ResultStep.razor.rz.scp.css */ .co2result-container[b-yt92jdex0w] { max-width: 100vw; padding-bottom: 3em; } .co2result__nav-container[b-yt92jdex0w] { position: absolute; } @media (min-width: 900px) { .co2result__nav-container[b-yt92jdex0w] { width: calc(100% - 5em - 210px); top: 28px; left: calc(5em + 110px + 50px); display: flex; padding-right: 3%; justify-content: space-between; } } @media (max-width: 899px) { .co2result__nav-container[b-yt92jdex0w] { display: none; } } @media (min-width: 900px) { .co2result__nav-container .co2result__nav-container-left[b-yt92jdex0w] { display: flex; gap: 50px; } } @media (min-width: 900px) { .co2result__nav-container .co2result__nav-container-left .co2result__nav--text[b-yt92jdex0w] { display: flex; align-self: center; flex-flow: row nowrap; gap: 5px; z-index: 999999; } .co2result__nav-container .co2result__nav-container-left .co2result__nav--text .report-icon[b-yt92jdex0w] { width: 25px; height: 25px; background-repeat: no-repeat; } .co2result__nav-container .co2result__nav-container-left .co2result__nav--text .report-icon.share[b-yt92jdex0w] { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Share.svg'); } .co2result__nav-container .co2result__nav-container-left .co2result__nav--text .report-icon.new[b-yt92jdex0w] { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Reload.svg'); } .co2result__nav-container .co2result__nav-container-left .co2result__nav--text .report-icon.download[b-yt92jdex0w] { background-image: url('/_content/Advania.Theme/Icons/CO2Icons/Download.svg'); } } @media (max-width: 899px) { .co2result__nav-container .co2result__nav-container-left .co2result__nav--text[b-yt92jdex0w] { display: none; } } @media (min-width: 900px) { .co2result__nav-container .co2result__nav-container-right[b-yt92jdex0w] { z-index: 1; } } @media (max-width: 899px) { .co2result__nav-container .co2result__nav-container-right[b-yt92jdex0w] { display: none; } } .my-footer-content .my-footer-content-upper[b-yt92jdex0w] { padding: 6% 0; display: grid; grid-template-columns: 1fr 6fr; } @media (max-width: 899px) { .my-footer-content .my-footer-content-upper[b-yt92jdex0w] { grid-template-columns: 1fr; } } @media (max-width: 899px) { .my-footer-content .my-footer-content-upper .logo[b-yt92jdex0w] { margin: 0 auto; padding: 3em 0; } } .my-footer-content .my-footer-content-upper .my-footer-content-links[b-yt92jdex0w] { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 5%; } @media (max-width: 899px) { .my-footer-content .my-footer-content-upper .my-footer-content-links[b-yt92jdex0w] { grid-template-columns: 1fr; grid-row-gap: 5em; } } .my-footer-content .my-footer-content-upper .my-footer-content-links .my-column[b-yt92jdex0w] { counter-reset: resource; } .my-footer-content .my-footer-content-upper .my-footer-content-links .my-column .my-column-title[b-yt92jdex0w] { font-family: 'Adelle'; font-size: 12px; color: #1D1C1B; letter-spacing: 2px; text-transform: uppercase; } @media (max-width: 899px) { .my-footer-content .my-footer-content-upper .my-footer-content-links .my-column .my-column-title[b-yt92jdex0w] { text-align: center; font-weight: bold; } } .my-footer-content .my-footer-content-upper .my-footer-content-links .my-column ul[b-yt92jdex0w], .my-footer-content .my-footer-content-upper .my-footer-content-links .my-column ol[b-yt92jdex0w] { list-style: none; margin-top: 0; margin-bottom: 0; padding-top: 20px; } .my-footer-content .my-footer-content-upper .my-footer-content-links .my-column ul li[b-yt92jdex0w], .my-footer-content .my-footer-content-upper .my-footer-content-links .my-column ol li[b-yt92jdex0w] { color: #30302F; line-height: 30px; margin-block-end: 0.5rem; font-weight: bold; } .my-footer-content .my-footer-content-upper .my-footer-content-links .my-column ul li .subtext[b-yt92jdex0w], .my-footer-content .my-footer-content-upper .my-footer-content-links .my-column ol li .subtext[b-yt92jdex0w] { font-weight: normal; } .my-footer-content .my-footer-content-upper .my-footer-content-links .my-column ol:first-of-type[b-yt92jdex0w] { counter-increment: resource 6; } .my-footer-content .my-footer-content-upper .my-footer-content-links .my-column ul li[b-yt92jdex0w]::before, .my-footer-content .my-footer-content-upper .my-footer-content-links .my-column ol li[b-yt92jdex0w]::before { counter-increment: resource; content: counter(resource); color: #30302F; display: inline-block; width: 1em; margin-left: -2em; margin-right: 10px; word-break: normal; } .my-footer-content .my-footer-content-upper .my-footer-content-links .my-column p[b-yt92jdex0w] { margin-top: 1em; } .co2result__copyright[b-yt92jdex0w] { padding-left: 1em; font-size: 16px; color: #1D1C1B; } /* _content/Advania.Theme/Components/CO2/TooltipValidation.razor.rz.scp.css */ .tooltip-wrapper[b-13b6ec6mh6] { position: relative; display: inline-block; } span[b-13b6ec6mh6] { visibility: hidden; position: absolute; width: 350px; bottom: 100%; margin-left: 0px; left: -115px; background-color: #30302F; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; z-index: 1; padding: 4px 12px; } span[b-13b6ec6mh6]::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .tooltip-wrapper:hover span[b-13b6ec6mh6] { visibility: visible; } .percentage-wrapper[b-13b6ec6mh6] { width: 23%; } /* _content/Advania.Theme/Components/CollapsePanel.razor.rz.scp.css */ .collapse-panel[b-h5cz4pau8b] { position: relative; } .collapse-panel-checkbox[b-h5cz4pau8b] { display: none; } .collapse-panel-content[b-h5cz4pau8b] { display: none; margin-left: 34px; font-size: 20px; margin-top: 1em; } .collapse-panel-heading[b-h5cz4pau8b] { font-size: 24px; /*font-weight: bold;*/ margin-left: 34px; display: block; color: #202020; cursor: pointer; position: relative; } .collapse-panel-heading[b-h5cz4pau8b]::before { content: url('data:image/svg+xml; utf8, '); display: inline-flex; /* width: 24px; height: 24px; */ justify-content: center; align-items: center; transition: transform 0.3s; transform-origin: 50% 50%; position: absolute; top: 12px; left: -33px; height: 25%; } .collapse-panel-checkbox:checked + .collapse-panel .collapse-panel-content[b-h5cz4pau8b] { display: block; } .collapse-panel-checkbox:checked + .collapse-panel .collapse-panel-heading[b-h5cz4pau8b]::before { transform: rotate(45deg); } /* _content/Advania.Theme/Components/ContactInfo.razor.rz.scp.css */ .contact-info[b-q6k6eiieqz] { display:flex; flex-direction:column; } .contact-info-street[b-q6k6eiieqz], .contact-info-postal[b-q6k6eiieqz], .contact-info-city[b-q6k6eiieqz], .contact-info-country[b-q6k6eiieqz] { display: inline; } .contact-info-name[b-q6k6eiieqz] { font-size: 22px; line-height: 32px; font-family: 'Adelle'; font-style: 400; font-weight: normal; } .contact-info-postal[b-q6k6eiieqz]::before, .contact-info-city[b-q6k6eiieqz]::before, .contact-info-country[b-q6k6eiieqz]::before { content: ', '; display: inline; } .contact-info-phone[b-q6k6eiieqz], .contact-info-email[b-q6k6eiieqz], .contact-info-website[b-q6k6eiieqz] { display: inline-flex; gap: 0.5em; font-weight: 400; font-size: 16px; line-height:23px; } .contact-info-phone[b-q6k6eiieqz]::before, .contact-info-email[b-q6k6eiieqz]::before, .contact-info-website[b-q6k6eiieqz]::before { display: block; font-family: "Font Awesome 5 Free"; font-weight: 900; } .contact-info-phone[b-q6k6eiieqz]::before { content: "\f879"; } .contact-info-email[b-q6k6eiieqz]::before { content: "\f1d8"; } .contact-info-website[b-q6k6eiieqz]::before { content: "\f57d"; } /* _content/Advania.Theme/Components/CTAPanel.razor.rz.scp.css */ .cta-banner[b-ag7412fex9] { display: flex; flex-direction: column; position: relative; align-items: center; background-color: var(--bg-color); } .cta-banner *[b-ag7412fex9] { color:#fff; } .cta-banner.light *[b-ag7412fex9] { color: #1B1B1B; } .cta-banner-container[b-ag7412fex9] { padding: 0 25px; max-width: 1680px; width: 100%; position: relative; display: flex; align-items: center; min-height: 245px; flex-direction: column; text-align: center; justify-content: space-evenly; } .label[b-ag7412fex9] { padding-bottom: 0.5rem; } .btn[b-ag7412fex9] { color: var(--primary-color); } .btn:hover[b-ag7412fex9] { } .cta-banner-content-heading[b-ag7412fex9] { font-family: 'Adelle', serif; font-style: normal; font-weight: normal; font-size: 36px; line-height: 45px; } /* Desktop specific */ @media only screen and (min-width: 900px) { .cta-banner-container[b-ag7412fex9] { padding: 0 82px; justify-content: space-between; text-align:left; flex-direction: row; } } /* _content/Advania.Theme/Components/Dialog.razor.rz.scp.css */ .details-dialog[b-h8faflsojc] { --dialog-v-spacing: calc(6px + 6vw); --dialog-h-spacing: calc(6px + 6vw); font-size: 20px; color: #1B1B1B; } .details-dialog-preview[b-h8faflsojc] { cursor: pointer; font-size: 1rem; } .details-dialog-preview[b-h8faflsojc] p { margin-bottom: 0; } .details-dialog-open-control[b-h8faflsojc] { display:none; } .details-dialog-open-control:checked+.details-dialog .details-dialog-overlay[b-h8faflsojc] { display: flex; opacity: 1; visibility: visible; pointer-events: all; } .details-dialog-content[b-h8faflsojc] { padding: 4em; overflow: auto; height: 100%; } @media(max-width: 997px) { .details-dialog-content[b-h8faflsojc] { padding: 1em; } } .details-dialog-close-button[b-h8faflsojc] { --close-button-size: 60px; height: var(--close-button-size); width: var(--close-button-size); position: absolute; top: 0; right: 0; padding: calc((var(--close-button-size) - 24px) / 2); display: flex; color: white; justify-content: center; align-items: center; content: url('data:image/svg+xml; utf8, '); } .details-dialog-overlay[b-h8faflsojc] { position: fixed; height: 100%; width: 100%; top: 0; left: 0px; flex-direction: column; backdrop-filter: blur(10px); transition: opacity 0.3s, visibility 0.3s; opacity: 0; visibility: hidden; pointer-events: none; z-index: 10100; } /* .details-dialog--open .details-dialog-overlay { display: flex; opacity: 1; visibility: visible; pointer-events: all; } */ .details-dialog-container[b-h8faflsojc] { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: white; padding: 0 10px; border-radius: 20px; margin: 0 auto; } @media only screen and (min-width: 900px) { .details-dialog-container[b-h8faflsojc] { max-width: 800px; top: var(--dialog-v-spacing); bottom: var(--dialog-v-spacing); left: var(--dialog-h-spacing); right: var(--dialog-h-spacing); background-color: white; box-shadow: 0px 12px 36px rgba(0, 0, 0, 0.2); padding: 0 10px; border-radius: 20px; margin: 0 auto; } } /* _content/Advania.Theme/Components/Footer.razor.rz.scp.css */ footer[b-o0ppkuu6wc] { background-color: #fff; padding: 3em 0; } .footer-content[b-o0ppkuu6wc] { display: flex; flex-direction: column; } .footer-content-upper[b-o0ppkuu6wc] { display: flex; flex-direction: column; align-items: center; } .footer-content-upper .logo[b-o0ppkuu6wc] { display: flex; flex-direction: column; font-family: 'Adelle'; font-size: 20px; line-height: 32px; align-items: center; text-align: center; padding-bottom:2rem; width: 100%; align-items: center; } .footer-content-upper .logo img[b-o0ppkuu6wc] { width:115px; margin-bottom:1rem; } .footer-content-upper-links[b-o0ppkuu6wc] { display: flex; flex-direction: column; align-items: center; text-align: center; } .footer-content-upper-links div.column a[b-o0ppkuu6wc] { font-size: 16px; line-height: 28px; font-weight: normal; } .footer-content-upper-links div.column[b-o0ppkuu6wc] { flex: 1; padding-bottom:1rem; } .column-title[b-o0ppkuu6wc] { color: #61605F; font-style: normal; font-weight: bold; font-size: 12px; line-height: 15px; letter-spacing: 2px; text-transform: uppercase; padding-bottom:1rem; } .footer-content-lower[b-o0ppkuu6wc] { border-top: 1px solid #CED3D9; display: flex; flex-direction: column; align-items: center; margin-top: 2rem; padding-top: 1rem; color: #9C9B9B; font-size:16px; } .social ul[b-o0ppkuu6wc] { display:flex; } .social ul li[b-o0ppkuu6wc] { margin-right:0.5rem; } .bottom-links[b-o0ppkuu6wc] { text-align:center; } @media only screen and (min-width: 834px) { .footer-content-upper[b-o0ppkuu6wc] { align-items: flex-start; } .footer-content-upper .logo[b-o0ppkuu6wc] { align-items: center; text-align: unset; font-size: 22px; } .footer-content-upper-links[b-o0ppkuu6wc] { flex-direction: row; width: 100%; align-items: flex-start; text-align: unset; } .bottom-links ul[b-o0ppkuu6wc] { display:flex; margin:1rem; } .bottom-links ul li[b-o0ppkuu6wc] { margin-right: 1.5rem; } } @media only screen and (min-width: 1440px) { footer[b-o0ppkuu6wc] { padding: 6em 0; } .footer-content-lower[b-o0ppkuu6wc] { align-items: flex-start; } .footer-content-upper[b-o0ppkuu6wc] { flex-direction: row; } .footer-content-upper .logo[b-o0ppkuu6wc] { align-items: flex-start; flex: 2; } .footer-content-upper-links[b-o0ppkuu6wc] { flex: 3; } .footer-content-lower[b-o0ppkuu6wc] { flex-direction: row; justify-content: space-between; } .bottom-links ul[b-o0ppkuu6wc] { margin: 0; } } /* _content/Advania.Theme/Components/Hamburger.razor.rz.scp.css */ /* https://www.youtube.com/watch?v=uugicVDUzMA https://codepen.io/angeladelise/pen/NWGWmPZ */ .hamburger[b-9q3y9ig1ud] { --animation-curve: cubic-bezier(1, 0, 0, 1); /*cubic-bezier(0.68, -0.6, 0.32, 1.6);*/ --size: 2px; --gap: 5px; --rotate: 45deg; --burger-color: var(--primary-color); --close-color: black; width: 20px; height: calc(var(--size) * 3 + var(--gap) * 2); position: relative; cursor: pointer; } .hamburger-icon[b-9q3y9ig1ud] { background-color: var(--burger-color); height: var(--size); display: block; position: absolute; top: calc(50% - var(--size) / 2); width: 100%; transition: all 0.6s var(--animation-curve); } .hamburger-icon[b-9q3y9ig1ud]::after, .hamburger-icon[b-9q3y9ig1ud]::before { background-color: var(--burger-color); height: var(--size); content: ""; display: block; transition: all 0.6s var(--animation-curve); position:absolute; top:0px; left:0px; width:100%; /*transform-origin:center center;*/ } .hamburger-icon[b-9q3y9ig1ud]::after { transform: translate(0,calc(var(--gap) + var(--size) / 2)) rotateZ(0deg); } .hamburger-icon[b-9q3y9ig1ud]::before { transform: translate(0,calc(-1 * (var(--gap) + var(--size) / 2))) rotateZ(0deg); } #menu-open:checked ~ * .hamburger-icon[b-9q3y9ig1ud] { background-color: transparent; } #menu-open:checked ~ * .hamburger-icon[b-9q3y9ig1ud]::after { transform: translate(0,0) rotateZ(var(--rotate)); } #menu-open:checked ~ * .hamburger-icon[b-9q3y9ig1ud]::before { transform: translate(0,0) rotateZ(calc(-1 * var(--rotate))); } /* _content/Advania.Theme/Components/Hero.razor.rz.scp.css */ .hero[b-9nsf3zj04o] { background-color: var(--body-background-color); margin-top: -130px; display: flex; flex-direction: column; /*justify-content: center;*/ align-items: center; min-height: 790px; padding-top: 180px; position:relative; } .hero-background[b-9nsf3zj04o] { display: block; transition: background 0.3s, height 0.3s; background-color: var(--background-color); background-image: var(--background-image); background-size: cover; background-position: center center; position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--slant)), 0% 100%); } .hero-background--video video[b-9nsf3zj04o] { width: 100%; height: 100%; object-fit: cover; } .hero.hero--height-medium .hero-background[b-9nsf3zj04o] { height: 602px; } .hero.hero--height-short .hero-background[b-9nsf3zj04o] { height: 526px; } .hero.hero--height-fluid .hero-background[b-9nsf3zj04o] { height: 100%; } .hero *[b-9nsf3zj04o] { color: #fff; } .hero.header--light *[b-9nsf3zj04o] { color: #1B1B1B; } .hero-content[b-9nsf3zj04o] { text-align:center; z-index:1; } .hero--height-medium[b-9nsf3zj04o] { min-height: 602px; } .hero--height-short[b-9nsf3zj04o] { min-height: 526px; } .hero--height-fluid[b-9nsf3zj04o] { min-height: 300px; } .hero-content-columns[b-9nsf3zj04o] { display:flex; flex-direction:column; } .hero-content-columns div.column1[b-9nsf3zj04o] { padding-bottom: 3rem; } .hero-content.hero-content--centered[b-9nsf3zj04o] { text-align: center; } @media only screen and (min-width: 900px) { .hero[b-9nsf3zj04o] { margin-top: -130px; min-height: 913px; } .hero .hero-background[b-9nsf3zj04o] { height: 913px; } .hero.hero--height-medium .hero-background[b-9nsf3zj04o] { height: 702px; } .hero.hero--height-short .hero-background[b-9nsf3zj04o] { height: 526px; } .hero-content[b-9nsf3zj04o] { text-align: initial; } .hero--height-medium[b-9nsf3zj04o] { min-height: 702px; } .hero--height-short[b-9nsf3zj04o] { min-height: 526px; } .hero--height-fluid[b-9nsf3zj04o] { min-height: 526px; } .hero-content-columns[b-9nsf3zj04o] { flex-direction: row; gap:80px; } .hero-content-columns div.column1[b-9nsf3zj04o] { width: 60%; padding-top: 4rem; padding-right: 4rem; padding-bottom: 0; } .hero-content-columns div.column2[b-9nsf3zj04o] { width: 40%; } } @media (max-width: 768px) { .hero-background--video video[b-9nsf3zj04o] { display: none; } } /* _content/Advania.Theme/Components/Menu.razor.rz.scp.css */ .expand-label span[b-7ok2layj60] { display:none; } @media only screen and (max-width:899px) { /*Mobile menu*/ .menu[b-7ok2layj60] { position: relative; overflow: hidden; flex: 1; } .menu-items[b-7ok2layj60] { transition: transform .5s; transform: translate(150%,0); background-color: white; } .menu-items[b-7ok2layj60], .menu-items-root[b-7ok2layj60] { margin: 0px; padding: 0px; position: absolute; top: 0; bottom: 0px; width: 100%; overflow-y: auto; overflow-x: hidden; } .menu-expander[b-7ok2layj60], .nav-item-icon[b-7ok2layj60] { display: none; } .menu-expander:checked + ul[b-7ok2layj60] { transform: translate(0%,0); } .nav-item[b-7ok2layj60] { display: flex; flex-direction: row; align-items: center; } .nav-item.nav-item--hide-mobile[b-7ok2layj60] { display: none; } .nav-link[b-7ok2layj60] { flex: 1; display: flex; flex-direction: row; align-items: center; } .menu-items-root > li > .nav-link[b-7ok2layj60] { font-size: 17px; font-weight: 600; height: 50px; } .menu-items > li > .nav-link[b-7ok2layj60] { font-size: 16px; font-weight: 400; height: 35px; } .expand-label[b-7ok2layj60] { display: flex; flex-direction: row; justify-content: flex-end; padding: 0 1em; background-image: url(/_content/advania.theme/images/arrow.svg); background-size: 18px auto; background-repeat: no-repeat; background-position: center center; width: 18px; height: 18px; text-indent: -150%; overflow: hidden; } .back-label[b-7ok2layj60] { display: flex; flex-direction: row; align-items: center; height: 50px; font-size: 17px; font-weight: 600; } .back-label[b-7ok2layj60]::before { content: ''; display: block; background-image: url(/_content/advania.theme/images/arrow.svg); background-size: 18px auto; background-repeat: no-repeat; background-position: center center; width: 18px; height: 18px; transform: scaleX(-1); filter: grayscale(1) brightness(1.8); margin-right: 1em; } .menu-items-heading[b-7ok2layj60] { height: 70px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 17px; font-weight: 600; } .menu-items-heading[b-7ok2layj60]::after { content: ''; display: block; background-image: url(/_content/advania.theme/images/arrow.svg); background-size: 18px auto; background-repeat: no-repeat; background-position: center center; width: 18px; height: 18px; transform: rotate(90deg); filter: grayscale(1) brightness(1.8); } } @media only screen and (min-width: 900px) { /* Desktop */ .menu-items-root[b-7ok2layj60] { display: flex; flex-direction: row; --gap: calc(min(50px, 10vw)); gap: calc(min(5vw - 30px,50px)); font-size: 15px; font-weight: 600; } .menu-expander[b-7ok2layj60], .back-label[b-7ok2layj60], .menu-items-heading[b-7ok2layj60] { display: none; } .menu-items-root > .nav-item[b-7ok2layj60] { display: flex; position: relative; color:var(--font-color); } .menu-items-root > .nav-item > .expand-label[b-7ok2layj60] { display: flex; align-items: center; justify-content: center; min-width: 40px; min-height: 20px; pointer-events: none; font-family: "Font Awesome 5 Free"; } .menu-items-root > .nav-item > .expand-label[b-7ok2layj60]::after { content: '\f078'; display: block; } .menu-items-root > .nav-item > .menu-items[b-7ok2layj60] { --width: min(480px, calc(100vw / 3.1)); display: flex; background-color: white; color: #676766; flex-direction: column; width: var(--width); gap: 15px; position: absolute; left: calc(50% - 160px); left: calc(50% - calc(var(--width) / 2)); padding: 30px 10px 10px 10px; top: 100%; box-shadow: 0px 4px 40px 10px rgba(0, 0, 0, 0.05); background-clip: padding-box; border-top: 10px solid transparent; /*display: none;*/ pointer-events: none; opacity: 0; transition: transform 0.3s, opacity 0.3s; transform: translate(0,10px) scale(0.98); transition-timing-function: cubic-bezier(.72,1.74,.61,1.01); } .menu-items-root > .nav-item > .menu-items[b-7ok2layj60]::before { content:''; display:block; background-color:white; height:10px; width:10px; position:absolute; left:calc(50% - 5px); top:-5px; transform:rotate(45deg); } .menu-items-root > .nav-item:hover > .menu-items[b-7ok2layj60] { /*display: flex;*/ opacity: 1; pointer-events: all; transform: translate(0,0px) scale(1); } .menu-items-root > .nav-item > .menu-items > .nav-item[b-7ok2layj60] { padding: 0px 20px; margin-left:65px; } .menu-items .menu-items[b-7ok2layj60] { font-weight: 400; } .nav-link[b-7ok2layj60] { white-space: nowrap; } .nav-item[b-7ok2layj60] { position:relative; } .nav-item-icon[b-7ok2layj60] { position:absolute; left:-25px; } .menu-items .nav-item:hover[b-7ok2layj60] { color: #1D1C1B; } .nav-item.nav-item--hide-desktop[b-7ok2layj60] { display: none; } /* .nav-item .nav-item-icon ::deep .svg-icon > svg path[stroke] { stroke: #8EADCF; } .nav-item .nav-item-icon ::deep .svg-icon > svg path[fill] { fill: #f2f2f2; } */ .menu-items .nav-item:hover[b-7ok2layj60] > .nav-item-icon i.svg-icon { --color: #cb0084 !important; --stroke-color: #cb0084 !important; --fill-color: #f4daed !important; } .veva-route-changing .menu-items-root > .nav-item > .menu-items[b-7ok2layj60] { pointer-events: none; } } /* _content/Advania.Theme/Components/PageHeader.razor.rz.scp.css */ header[b-wbmibvj7f1] { display: flex; justify-content: center; height: 130px; position: sticky; z-index: 15000; top: -50px; } header[b-wbmibvj7f1]::before { content: ""; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.3s; position: absolute; backdrop-filter: blur(10px); z-index: -1; /* --mask: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 90%, transparent 100%); -webkit-mask-image: var(--mask); mask-image: var(--mask); */ background-color: rgba(0,0,0,0.4); pointer-events: none; opacity: 0; /*background-image: var(--mask);*/ } .scroll-position--scrolled header[b-wbmibvj7f1] { --text-color: white; --advania-logo: var(--logo-inverted); /*url('/_content/Advania.Theme/images/advania-logo-light.svg');*/ } .scroll-position--scrolled header[b-wbmibvj7f1]::before { opacity: 1; } .header-wrapper[b-wbmibvj7f1] { padding-top: 63px; } .advania-logo[b-wbmibvj7f1] { background-image: var(--advania-logo); background-size: contain; background-repeat: no-repeat; background-position: center center; } .home-link[b-wbmibvj7f1] { display:block; min-width: 115px; min-height: 54px; } .mobile-bar-logo[b-wbmibvj7f1], .nav-logo[b-wbmibvj7f1] { min-width: 115px; min-height: 54px; } .services[b-wbmibvj7f1] { display: none; } .page-menu[b-wbmibvj7f1] { flex:1; display:flex; flex-direction:column; } .mobile-bar[b-wbmibvj7f1] { display:flex; flex-direction:row; justify-content:space-between; } .menu-button[b-wbmibvj7f1] { height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; background-color: white; border-radius: 50%; } .close-menu-button[b-wbmibvj7f1] { background-image: url('/_content/Advania.Theme/images/close-icon-colored.svg'); background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; height:50px; width:50px; display:block; } header *[b-wbmibvj7f1] { color:var(--text-color); } .tools[b-wbmibvj7f1] { display:flex; align-items: center; gap:1rem; } @media only screen and (max-width: 899px) { .tools[b-wbmibvj7f1] { flex-direction: row-reverse; align-self: center; gap: .5rem; } header *[b-wbmibvj7f1] { color: #1B1B1B; } #menu-open:checked ~ * .advania-logo[b-wbmibvj7f1] { background-image: url('/_content/Advania.Theme/images/advania-logo.svg'); } #menu-open:checked ~ * .navigation[b-wbmibvj7f1] { transform: translate(50px,0); } .navigation[b-wbmibvj7f1] { position: fixed; display: flex; flex-direction: column; top: 0px; bottom: 0px; width: calc(100vw - 50px); left: 0px; background-color: white; transform: translate(calc(100vw + 50px),0); transition: transform 0.5s; padding: 63px 1em; z-index: 10000; } .navigation .tools[b-wbmibvj7f1] { z-index:1; } .navigation[b-wbmibvj7f1]:before { content: ""; position: absolute; inset: 0 0 0 0; background-image: url(/_content/Advania.Theme/images/advania-pattern.svg); background-repeat: no-repeat; background-position: bottom right; opacity:.2; z-index: 2; pointer-events:none; } .nav-logo[b-wbmibvj7f1] { align-self: flex-end; } .close-menu-button[b-wbmibvj7f1] { position: fixed; top: 67px; left: -50px; background-color: white; } } /* Very much mobilingz */ @media only screen and (max-width: 560px) { .tools[b-wbmibvj7f1] { flex-direction: column; gap: 0.5rem; align-self: auto; } [b-wbmibvj7f1] .tools .btn { width: 100%; } } @media only screen and (min-width: 900px) { header[b-wbmibvj7f1] { } .header-wrapper[b-wbmibvj7f1] { padding-top: 0; } .navigation[b-wbmibvj7f1] { } .close-menu-button[b-wbmibvj7f1] { display:none; } .mobile-bar[b-wbmibvj7f1] { display: none; } .services[b-wbmibvj7f1] { display: block; height: 60px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 30px; font-size: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); height: 50px; margin-bottom: 15px; } .services[b-wbmibvj7f1] .svg-icon { --stroke-color: var(--text-color) !important; --fill-color: var(--text-color) !important; } .navigation[b-wbmibvj7f1] { display: flex; flex-direction: row; align-items: center; gap: calc(min(90px,9vw - 50px)); } .page-menu[b-wbmibvj7f1] { flex: 1; } .nav-logo[b-wbmibvj7f1] { min-width: 123px; min-height: 59px; } .home-link[b-wbmibvj7f1] { min-width: 123px; min-height: 59px; } } /* _content/Advania.Theme/Components/PageLoadingOverlay.razor.rz.scp.css */ .loading-overlay[b-oc3qrghdjd] { position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 30000; display: none; align-items: center; justify-content: center; pointer-events: all; } .veva-route-changing .loading-overlay[b-oc3qrghdjd] { display: flex; } .loading-overlay-content[b-oc3qrghdjd] { width: 200px; height: 200px; background-color: rgba(79,0,119,0.4); backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; border-radius: 50%; transform: scale(0); transition: transform 0.3s; transition-delay: 0s; -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, transparent 70%); mask-image: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, transparent 70%); } .veva-route-changing .loading-overlay-content[b-oc3qrghdjd] { transform: scale(1); transition-delay: 0.3s; /* only show if the loading has taken longer than 0.3s */ } .advania-spinning-cube[b-oc3qrghdjd] { width: 150px; height: 150px; background-image: url(/_content/Advania.Theme/images/advania_loop.gif); background-size: cover; background-repeat: no-repeat; } .lds-dual-ring[b-oc3qrghdjd] { display: inline-block; width: 80px; height: 80px; } .lds-dual-ring[b-oc3qrghdjd]:after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring-b-oc3qrghdjd 1.2s linear infinite; } @keyframes lds-dual-ring-b-oc3qrghdjd { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* _content/Advania.Theme/Components/PageSection.razor.rz.scp.css */ .page-section[b-2xhaf8c737] { display: flex; flex-direction: column; position: relative; align-items: center; } .page-section[b-2xhaf8c737]::before { content: ''; display: block; background-color: var(--bg-color); position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; } .page-section-aside[b-2xhaf8c737] { display:none; } .page-section-container[b-2xhaf8c737] { padding: 0 25px; max-width: 1680px; width: 100%; position: relative; padding-top: 3rem; padding-bottom: 3rem; } .page-section-content[b-2xhaf8c737] { } .page-section--padding-top-none .page-section-container[b-2xhaf8c737] { padding-top: 0; } .page-section--padding-top-less .page-section-container[b-2xhaf8c737] { padding-top: 1rem; } .page-section--padding-top-more .page-section-container[b-2xhaf8c737] { padding-top: 5rem; } .page-section--padding-bottom-none .page-section-container[b-2xhaf8c737] { padding-bottom: 0rem; } .page-section--padding-bottom-less .page-section-container[b-2xhaf8c737] { padding-bottom: 1rem; } .page-section--padding-bottom-more .page-section-container[b-2xhaf8c737] { padding-bottom: 5rem; } .page-section--padding-top-ton[b-2xhaf8c737] { background-image: url(/_content/Advania.Theme/images/paddington.png) !important; background-repeat: repeat; } .page-section-content.page-section-content--centered[b-2xhaf8c737] { display: flex; flex-direction: column; align-items: center; text-align: center; } /* Mobile specific */ @media only screen and (max-width: 899px) { } /* Desktop specific */ @media only screen and (min-width: 900px) { .page-section[b-2xhaf8c737] { } .page-section-container[b-2xhaf8c737] { padding-left: 82px; padding-right: 82px; } .page-section.page-section--narrow-content .page-section-container[b-2xhaf8c737] { max-width: 1124px; } } /* _content/Advania.Theme/Components/Quote.razor.rz.scp.css */ .quote[b-l5eevwjaua] { padding-bottom:2rem; max-width:1000px; } /* _content/Advania.Theme/Components/SearchForm.razor.rz.scp.css */ .search-input-container input[type=search][b-8gktpi9gkb] { border: 2px solid var(--text-color); border-radius: 40px; padding: 4px 20px 0 40px; line-height: 32px; width:140px; min-width:unset; transition: width .3s ease-in-out; } .search-input-container input[type=search]:focus[b-8gktpi9gkb] { width: 240px; } .search-input-container input[type=search][b-8gktpi9gkb]::placeholder { color: var(--text-color); line-height: 40px; } .search-input-container[b-8gktpi9gkb] { position:relative; } .search-input-container[b-8gktpi9gkb]::after { font-family: "Font Awesome 5 Free"; content: "\f002"; color: var(--text-color); position: absolute; top: 5px; left: 15px; font-weight: bold; font-size: 15px; } @media only screen and (max-width: 899px) { .search-input-container input[type=search][b-8gktpi9gkb] { border-color: var(--primary-color); } .search-input-container input[type=search][b-8gktpi9gkb]::placeholder { color: var(--primary-color); } .search-input-container[b-8gktpi9gkb]::after { color: var(--primary-color); } } /* Very much mobilingz */ @media only screen and (max-width: 560px) { .tools[b-8gktpi9gkb] { flex-direction: column; gap: 0.5rem; align-self: auto; } form[b-8gktpi9gkb], .search-input-container input[type=search][b-8gktpi9gkb] { width: 100%; } .search-input-container input[type=search]:focus[b-8gktpi9gkb] { width: 100%; } } /* _content/Advania.Theme/Fragments/LinkableImageGrid.razor.rz.scp.css */ .linkable-image-grid[b-5cyc06p2ez] { place-content: center; display: inline-grid; gap: 1px; grid-template-columns: repeat(2, auto); /*background: radial-gradient(circle at center, silver, transparent 75%);*/ background-image:url('/_content/advania.theme/images/logobg.png'); background-size:100% 100%; margin:2rem 0; } .hide-grid-lines[b-5cyc06p2ez] { gap:0; background:transparent; } .image[b-5cyc06p2ez] { background: #fff; display: flex; align-items: center; justify-content: center; padding: 5px 2rem; } .image img[b-5cyc06p2ez] { max-width: 100%; } .hide-grid-lines .image[b-5cyc06p2ez] { background: transparent; } @media only screen and (min-width: 834px) { .linkable-image-grid[b-5cyc06p2ez] { grid-template-columns: repeat(4, auto); } } /* _content/Advania.Theme/Fragments/StripedCTAIconList.razor.rz.scp.css */ .striped-cta-icon-list[b-w5rxy6761o] { margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: space-around; list-style: none; } .striped-cta-icon-list li[b-w5rxy6761o] { flex: 1; display: flex; min-height:150px; } .striped-cta-icon-list li:nth-child(odd)[b-w5rxy6761o] { background-color: #F6F7FF; } .striped-cta-icon-list li[b-w5rxy6761o] a, .striped-cta-icon-list li .striped-cta-icon-list-item-nolink[b-w5rxy6761o] { display: flex; flex-direction: row; align-items: center; flex: 1; padding: 0 3rem; gap: 3rem; font-weight: 400 !important; text-decoration: none !important; font-size: 18px; } .striped-cta-icon-list-title[b-w5rxy6761o] { flex: 1; } .striped-cta-icon-list-arrow[b-w5rxy6761o] { background: url(/_content/advania.theme/images/arrow.svg) no-repeat; background-size: contain; content: ''; width: 17.5px; height: 10px; margin-left: 8px; display: inline-block; transform: translateX(0px); transition: transform 0.3s; }