-
Notifications
You must be signed in to change notification settings - Fork 1
/
style.css
15 lines (15 loc) · 30.3 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/*!
Theme Name: Smartphoniker
Theme URI: https://github.com/TobiasPrt/smartphoniker_theme
Author: Tobias Pörtner
Author URI: https://tobiaspoertner.com
Description: Custom WordPress-Theme for Smartphoniker GmbH
Tags: responsive, minimal, block, sustainability
Version: 1.1.6
Requires at least: 5.6
Tested up to: 5.6.1
Requires PHP: 7.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: smartphoniker
*/@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/RobotoCondensed-Bold.ttf") format("truetype"),url("assets/fonts/RobotoCondensed-Bold.woff2") format("woff2");font-weight:700}@font-face{font-family:"Roboto Condensed";src:url("assets/fonts/RobotoCondensed-Regular.ttf") format("truetype"),url("assets/fonts/RobotoCondensed-Regular.woff2") format("woff2");font-weight:400}@font-face{font-family:"Lato";src:url("assets/fonts/Lato-Light.ttf") format("truetype"),url("assets/fonts/Lato-Light.woff2") format("woff2");font-weight:300}@font-face{font-family:"Lato";src:url("assets/fonts/Lato-Regular.ttf") format("truetype"),url("assets/fonts/Lato-Regular.woff2") format("woff2");font-weight:400}.white{color:#fff}.center{text-align:center;margin-left:auto;margin-right:auto}.no-pseudo-elements::after{display:none}.no-pseudo-elements::before{display:none}.bold{font-weight:400 !important}.bold>*{font-weight:400 !important}*{margin:0;padding:0;font-family:inherit;text-rendering:optimizeLegibility;box-sizing:border-box}html{font-size:62.5%}body{overflow-x:hidden}a,a:visited{text-decoration:none;cursor:pointer}button{color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);border:none;cursor:pointer}picture{display:flex;width:100%;height:100%}img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.grecaptcha-badge{visibility:hidden}.hidden{display:none}h1,h2,h3,h4,h5,h6,.text-xxxl,.text-xxl,.hero__heading,.text-xl,.section__heading,.text-lg,.list__item:before,.job__title,.contest__title,.columns-3__heading,.columns-2__heading,.card__heading,.button,.block-2__text--large{font-family:"Roboto Condensed",sans-serif}h1,.text-xxl,.hero__heading{font-size:3.2rem}@media screen and (min-width: 768px){h1,.text-xxl,.hero__heading{font-size:4rem}}h2,.text-xl,.section__heading{font-size:2.6rem}@media screen and (min-width: 768px){h2,.text-xl,.section__heading{font-size:3.4rem}}h3,.text-lg,.list__item:before,.job__title,.contest__title,.columns-3__heading,.columns-2__heading,.card__heading,.button,.block-2__text--large{font-size:2.2rem}p,.text-md,.select__select,.long-text li,.loadingscreen__message,.link-list__link,.form__select,.form__input,.form__textarea,.form__error,.bold,.bold>*,.text-sm,.hero__text,.repairs__col,.repairs__row:nth-child(1) th,.list__text,.infoblock__heading,.grid-5__subtitle,.contest__text p,.contest,.columns-3__text,.columns-2__text,.card__link,.card__text,.block-list__text,.banner__text,.text-xs,.repairs__repair p,.progressbar__text,.person__title,.job__description,.infoblock__text>a,.infoblock__text,.form__label,.text-xxs,.select__label,.form__info,.footer__credits{font-family:"Lato",sans-serif;font-size:1.8rem;font-weight:300}@media screen and (min-width: 768px){p,.text-md,.select__select,.long-text li,.loadingscreen__message,.link-list__link,.form__select,.form__input,.form__textarea,.form__error,.bold,.bold>*,.text-sm,.hero__text,.repairs__col,.repairs__row:nth-child(1) th,.list__text,.infoblock__heading,.grid-5__subtitle,.contest__text p,.contest,.columns-3__text,.columns-2__text,.card__link,.card__text,.block-list__text,.banner__text,.text-xs,.repairs__repair p,.progressbar__text,.person__title,.job__description,.infoblock__text>a,.infoblock__text,.form__label,.text-xxs,.select__label,.form__info,.footer__credits{font-size:2rem}}.text-sm,.hero__text,.repairs__col,.repairs__row:nth-child(1) th,.list__text,.infoblock__heading,.grid-5__subtitle,.contest__text p,.contest,.columns-3__text,.columns-2__text,.card__link,.card__text,.block-list__text,.banner__text{font-size:1.6rem}.text-xs,.repairs__repair p,.progressbar__text,.person__title,.job__description,.infoblock__text>a,.infoblock__text,.form__label{font-size:1.4rem}.text-xxs,.select__label,.form__info,.footer__credits{font-size:1.2rem}.content{margin:0 auto 10rem;max-width:1280px;width:95%}.content__section{margin-top:5rem}.content__section--hero{margin-top:10rem}@media screen and (min-width: 768px){.content{margin-bottom:12rem}.content__section{margin-top:6.25rem}.content__section--hero{margin-top:16rem}}@media screen and (min-width: 1200px){.content{margin-bottom:16rem}.content__section{margin-top:12rem}.content__section--hero{margin-top:20rem}}.header{min-height:12rem;position:relative;display:flex;flex-direction:column;align-items:center}.header .nav{background-color:#fff;z-index:2;top:0}.header--bannerIsHidden{min-height:8rem}.header__heading{color:#fff;margin-top:18rem;text-align:center;z-index:1}.header__heading:last-child{margin-bottom:6rem}.header__button{color:#f58225;background-color:#fff;margin:2rem auto 6rem;z-index:1}.header--orange{background-color:#f58225}.header--orange .nav{background-color:#f58225}.header--orange .nav__list{background-color:#f58225}.header--orange .nav__listitem>a{color:#fff}.header--orange .nav__listitem>a:hover{color:#000}.header--orange .nav .menuicon__line{background-color:#fff}.header--grey{background-color:#a6a6a6}.header--grey .nav{background-color:#a6a6a6}.header--grey .nav__list{background-color:#a6a6a6}.header--grey .nav__listitem>a{color:#fff}.header--grey .nav__listitem>a:hover{color:#000}.header--grey .nav .menuicon__line{background-color:#fff}.header--green{background-color:#45921e}.header--green .nav{background-color:#45921e}.header--green .nav__list{background-color:#45921e}.header--green .nav__listitem>a{color:#fff}.header--green .nav__listitem>a:hover{color:#000}.header--green .nav .menuicon__line{background-color:#fff}.header--green .header__button{color:#45921e}.header--blue{background-color:#003049}.header--blue .nav{background-color:#003049}.header--blue .nav__list{background-color:#003049}.header--blue .nav__listitem>a{color:#fff}.header--blue .nav__listitem>a:hover{color:#000}.header--blue .nav .menuicon__line{background-color:#fff}.header--blue .nav__listitem>a:hover{color:#f58225}.header--black{background-color:#000}.header--black .nav{background-color:#000}@media screen and (min-width: 768px){.header--black .nav{background-color:rgba(0,0,0,0)}}.header--black .nav__list{background-color:#000}@media screen and (min-width: 768px){.header--black .nav__list{background-color:rgba(0,0,0,0)}}.header--black .nav__listitem>a{color:#fff}.header--black .nav__listitem>a:hover{color:#f58225}.header--black .nav .menuicon__line{background-color:#fff}.footer{background-color:#1f1f1f;margin-top:5rem}.footer__wrapper{margin:0 auto;width:95%;padding:1rem 0 3rem;max-width:1280px}.footer__logo{margin:3rem 0;max-width:12rem}.footer__content{display:grid;grid-template-columns:1fr 1fr}.footer__block{margin-bottom:2rem;grid-column-end:span 2}.footer__block--small{grid-column-end:span 1}.footer__line{background-color:#767676;margin:2rem 0;height:.1rem;border:none}.footer__end{display:grid;grid-template-columns:1fr auto 1fr;justify-items:center}.footer__socialmedia{grid-column-start:2;display:flex;align-items:center}.footer__socialicon{width:4rem}.footer__socialicon img{height:3rem}.footer__credits{color:#767676;margin-left:auto;display:flex;align-items:center}.footer__credits>a{color:#767676}.footer__credits>a:hover{text-decoration:underline}@media screen and (min-width: 768px){.footer__content{grid-template-columns:50% 1fr 15%;-moz-column-gap:5rem;column-gap:5rem}.footer__block{grid-column-end:span 1}.footer__block:nth-of-type(2){grid-column-start:1;grid-row-start:2}.footer__block:nth-of-type(n + 3){grid-row-end:span 2}.footer__block:nth-last-of-type(2){justify-self:end}.footer__block:last-of-type{justify-self:center}}.wrapper{display:flex;min-height:100vh;flex-direction:column;justify-content:space-between}.banner{width:100%;max-height:6rem;min-height:6rem}.banner--isHidden{display:none}.banner--orange{background-color:#f58225}.banner--green{background-color:#45921e}.banner--grey{background-color:#a6a6a6}.banner__wrapper{margin:0 auto;width:95%;max-width:1280px;height:6rem;display:flex;justify-content:space-between;align-items:center}.banner__link{color:#fff;text-decoration:underline;font-weight:400}.banner__text{color:#fff;display:inline;line-height:1.6}.banner__image{display:inline;max-height:2rem;width:auto;vertical-align:text-bottom}.banner__button{min-width:20px;width:20px;transition:transform .3s ease}.banner__button:hover{transform:rotate(180deg)}.block-2{background-color:#f58225;width:100%;border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column}.block-2__block{width:100%;display:flex;flex-direction:column}.block-2__block--center{align-items:center;padding:2.5rem}.block-2__block--center>picture>img{max-width:350px;border-radius:.5rem;-o-object-fit:contain;object-fit:contain;margin:0 auto}.block-2 picture{max-height:25rem}.block-2__img{height:100%;-o-object-fit:cover;object-fit:cover;max-height:25rem}.block-2__text{color:#fff}.block-2__text--center{text-align:center}.block-2__button{margin-top:2rem}.block-2--green{background-color:#45921e}.block-2--blue{background-color:#003049}.block-2--grey{background-color:#a6a6a6}.block-2--white{background-color:#fff}.block-2--white .block-2__text{color:#000}@media screen and (min-width: 768px){.block-2{flex-direction:row}.block-2--multiple:first-of-type{border-radius:.5rem .5rem 0 0}.block-2--multiple:nth-of-type(n + 2){border-radius:0}.block-2--multiple:last-of-type{border-radius:0 0 .5rem .5rem}.block-2--multiple:nth-of-type(2n) .block-2__block:first-child{order:2}.block-2--multiple:nth-of-type(2n) .block-2__block:last-child{order:1}.block-2__block{width:50%;align-items:flex-start;justify-content:center}.block-2__block--center{align-items:center;padding:5rem}.block-2 picture{max-height:45rem}.block-2__img{max-height:inherit}.block-2__button{margin-top:4rem}}@media screen and (min-width: 1200px){.block-2__text{font-size:2.2rem}}.block-3{display:grid;grid-template-rows:repeat(3, 15rem);row-gap:1rem}.block-3__img{border-radius:.5rem;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 768px){.block-3{grid-template-rows:25rem;grid-template-columns:repeat(3, 1fr);overflow:hidden;border-radius:.5rem}.block-3__img{border-radius:0}}@media screen and (min-width: 1200px){.block-3{grid-template-rows:426.6666666667px}}.block-5{display:grid;grid-template-rows:repeat(5, 15rem);row-gap:1rem}.block-5__img{border-radius:.5rem;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 768px){.block-5{grid-template-rows:25rem;grid-template-columns:repeat(5, 1fr);overflow:hidden;border-radius:.5rem}.block-5__img{border-radius:0}}@media screen and (min-width: 1200px){.block-5{grid-template-rows:256px}}.block-form{background-color:#f58225;width:100%;display:flex;flex-direction:column;align-items:center;border-radius:.5rem}.block-form__wrapper{max-width:80%;margin:1rem 0}.block-form__wrapper:first-child{margin-top:3rem}.block-form__button{margin:2rem 0}.block-form__button:last-child{margin-bottom:3rem}@media screen and (min-width: 768px){.block-form{flex-direction:row;justify-content:space-evenly;align-items:flex-end;padding-bottom:4rem}.block-form__wrapper{max-width:30%;margin:0}.block-form__button:last-child{margin-bottom:0rem}}@media screen and (min-width: 1200px){.block-form{padding-top:1rem;padding-bottom:5rem}}.block-list{list-style:none}.block-list--columnlayout li.block-list__item{align-items:center}.block-list__item{background-color:#f5f5f5;display:flex;padding:2.5rem}.block-list__item:nth-child(n+2){margin-top:2rem}.block-list__image{max-height:20px;max-width:20px;margin-right:2rem}.block-list__image--number{color:#f58225;max-height:initial;max-width:initial}@media screen and (min-width: 992px){.block-list--columnlayout{display:flex;justify-content:space-between}.block-list--columnlayout .block-list__item{width:33%}.block-list--columnlayout .block-list__item:nth-child(n+2){margin-top:0}}.button{background-color:#fff;color:#f58225;font-size:1.8rem;height:4rem;max-height:4rem;min-width:20rem;max-width:22rem;display:grid;place-items:center;border-radius:.5rem;padding:0 1rem;border:none}.button--green{color:#45921e}.button--orange{color:#f58225;background-color:#fff}.button--white{color:#fff;background-color:#f58225}.button--grey{color:#fff;background-color:#a6a6a6}@media screen and (min-width: 992px){.button{font-size:2rem}}.card{background-color:#f5f5f5;width:100%;border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden}.card picture{height:auto}.card__img{height:25rem;-o-object-fit:cover;object-fit:cover}.card__wrapper{height:100%;padding:2.5rem;display:flex;flex-direction:column}.card__heading{margin-bottom:1rem}.card__text{color:#a6a6a6}.card__text:nth-of-type(2){margin-bottom:2rem}.card__text:nth-last-of-type(1){margin-bottom:2rem}.card__link{color:#f58225;margin-top:auto}.card__link:hover{opacity:.2}.card__icon{display:inline;height:1.6rem;width:auto;vertical-align:bottom;margin-right:1rem}@media screen and (min-width: 992px){.card__img{height:20rem}}.columns-1__text{text-align:center}.columns-2{width:100%;display:grid;grid-template-columns:1fr;row-gap:5rem}.columns-2__column{width:100%;display:flex;align-items:flex-start}.columns-2__icon{min-width:15%;width:15%;max-height:9rem;margin-right:5%}.columns-2__heading{margin-bottom:1rem;display:block}.columns-2__heading--link{color:#000;transition:all .1s ease-in-out}.columns-2__heading--link:hover{color:#f58225}@media screen and (min-width: 768px){.columns-2__icon{min-width:10%;width:10%;max-height:6rem;margin-right:5%}}@media screen and (min-width: 992px){.columns-2{grid-template-columns:1fr 1fr;-moz-column-gap:2rem;column-gap:2rem}}@media screen and (min-width: 1200px){.columns-2{row-gap:8rem;-moz-column-gap:10rem;column-gap:10rem}}.columns-3{display:grid;grid-template-columns:1fr;row-gap:5rem}.columns-3__column{display:flex;flex-direction:column}.columns-3__icon{height:6rem;margin:0 auto}.columns-3__icon--small{height:2rem}.columns-3__heading{margin:.5rem 0 0;text-align:center}.columns-3__heading--altcolor{color:#f58225}.columns-3__heading--left{text-align:left}.columns-3__text{margin:2rem 0 0;text-align:center}.columns-3__text--left{text-align:left}.columns-3__subtitle{color:#f58225;margin:1rem 0 0;text-align:center}@media screen and (min-width: 992px){.columns-3{grid-template-columns:1fr 1fr 1fr;-moz-column-gap:5rem;column-gap:5rem}.columns-3__heading{margin-top:2rem}}.columns-5{width:100%;display:flex;justify-content:space-around;align-items:center;list-style:none}.columns-5__column{width:25%}.columns-5__column:nth-child(3),.columns-5__column:nth-child(4){display:none}@media screen and (min-width: 768px){.columns-5__column{width:15%}.columns-5__column:nth-child(3),.columns-5__column:nth-child(4){display:list-item}}@media screen and (min-width: 992px){.columns-5{justify-content:space-evenly}.columns-5__column{width:10%}}.columns-9{display:grid;grid-template-columns:1fr 1fr 1fr;-moz-column-gap:3rem;column-gap:3rem;list-style-type:none;margin:0 auto}@media screen and (min-width: 768px){.columns-9{display:flex;flex-wrap:wrap;justify-content:center}.columns-9__element{flex:0 0 calc(20% - 20px)}}@media screen and (min-width: 992px){.columns-9{width:90%;display:grid;grid-template-columns:repeat(9, 1fr);-moz-column-gap:1rem;column-gap:1rem}}.contest{display:grid;grid-template-columns:1fr;row-gap:5rem}.contest__heading{margin-bottom:2rem;text-align:center}.contest__column{display:flex;flex-direction:column;justify-content:flex-end}.contest__content{background-color:#f5f5f5;padding:2rem;border-radius:.5rem}.contest__card{background-color:#fff;border-radius:.5rem;padding:1rem;margin-bottom:2rem;height:150px;display:flex;flex-direction:column;justify-content:space-around}.contest__img{max-height:100px}.contest__title{text-align:center;margin-top:1rem}.contest__text ul{margin-left:3rem;margin-bottom:2rem}.contest__button{margin:0 auto}@media screen and (min-width: 992px){.contest{grid-template-columns:1fr 1fr 1fr;-moz-column-gap:5rem;column-gap:5rem;align-items:end}.contest__column:nth-of-type(1){order:2}.contest__column:nth-of-type(2){order:1}.contest__column:nth-of-type(3){order:3}}.form{display:flex;flex-wrap:wrap}.form--block{background-color:#f58225;border-radius:.5rem;padding:2rem 3rem}.form--block .form__label,.form--block .form__info{color:#fff}.form--block .form__required{color:#000}.form--block .form__button{margin-top:2rem}.form--block .form__info{margin-bottom:0}.form__checkbox{position:relative;left:15px;top:-4px;z-index:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.form__checkbox+label::before{width:12px;height:12px;border-radius:3px;border:4px solid #fff;background-color:#fff;display:block;content:"";float:left;margin-right:1rem;z-index:5;position:relative}.form__checkbox:checked+label::before{background-color:#f58225}.form__error{font-weight:400;margin-bottom:2rem;display:none}.form__half,.form__full{width:100%;display:flex;flex-direction:column}.form__half--inline,.form__full--inline{flex-direction:row}.form__half:nth-of-type(n + 2),.form__full:nth-of-type(n + 2){margin-top:3rem}.form__label{color:#767676;margin-bottom:1rem}.form__required{color:#f58225}.form__input,.form__textarea{background-color:#f5f5f5;border:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;border-radius:.5rem}.form__input--error,.form__textarea--error{outline:1px solid red}.form__button{max-width:initial}.form__input{min-height:4.4rem;padding:0 1rem}.form__textarea{padding:1rem;min-height:20rem}.form__info{width:100%;margin:3rem 0}.form__select{background-color:#f5f5f5;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;height:4.4rem;background-image:url(assets/images/icons/triangle_down.svg);background-repeat:no-repeat;background-clip:right;background-size:6%;background-position:95%;padding:0 1rem;outline:none;border-radius:.5rem}.form__select[name=modell]:nth-of-type(1){display:block}@media screen and (min-width: 768px){.form{width:90%;justify-content:space-between}.form__half{width:46%}.form__half:nth-of-type(n){margin-top:0}.form__half:nth-of-type(n + 3){margin-top:4rem}}@media screen and (min-width: 992px){.form{width:80%}}.grid-4{display:grid;grid-template-columns:1fr 1fr;place-items:center;-moz-column-gap:2rem;column-gap:2rem;row-gap:5rem}.grid-4__element{min-width:100%}@media screen and (min-width: 768px){.grid-4{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 992px){.grid-4{grid-template-columns:repeat(4, 1fr)}}.grid-5{display:grid;grid-template-columns:repeat(2, 1fr);-moz-column-gap:1rem;column-gap:1rem;row-gap:3rem}.grid-5__card{background-color:#f5f5f5;overflow:hidden;border-radius:.5rem}.grid-5__img{padding:3rem 2rem;-o-object-fit:scale-down;object-fit:scale-down;max-width:100%;max-height:15rem;height:15rem}.grid-5__img--device{height:20rem;max-height:20rem}.grid-5__subtitle{color:#f58225;border-top:1px solid #a6a6a6;font-weight:400;padding:1rem 0;display:block;text-align:center}@media screen and (min-width: 576px){.grid-5{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 768px){.grid-5{grid-template-columns:repeat(4, 1fr)}}@media screen and (min-width: 992px){.grid-5{grid-template-columns:repeat(5, 1fr)}}.infoblock__heading{color:#f58225;margin:0 0 .5rem}.infoblock__text{color:#767676;width:100%;display:block}.infoblock__text:not(:last-of-type){margin-bottom:.5rem}.infoblock__text--link{padding:.5rem 0}.infoblock__text--link:hover{text-decoration:underline}.infoblock__text>a{color:#767676}@media screen and (min-width: 1200px){.infoblock__text--link{padding:0}}.jobs__tabs{display:flex;margin-bottom:3rem}.jobs__tab-button:nth-child(n+2){margin-left:5rem}.jobs__tab-heading{color:#a6a6a6;border-bottom:2px solid rgba(0,0,0,0);transition:all .2s ease-in-out}.jobs__tab-heading--active{color:#f58225;border-bottom-color:orange}.jobs__tab-content{display:none}.jobs__tab-content--active{display:block}.job{display:flex;flex-direction:column}.job__info{display:flex;justify-content:space-between;width:100%;margin-bottom:1rem}.job__title{font-size:2rem}.job__description{color:#a6a6a6;margin-top:1rem;text-align:end}.job:nth-last-child(n+2)::after{content:"";display:block;background-color:#f5f5f5;height:2px;width:100%;margin:2rem auto}@media screen and (min-width: 576px){.job{flex-direction:row;justify-content:space-between;flex-wrap:wrap}.job__info{display:flex;width:inherit;flex-direction:column;margin-bottom:0}.job__description{text-align:left}}@media screen and (min-width: 768px){.jobs{width:80%}}.link-list{margin:0 auto;width:60%;list-style:none}.link-list__item{text-align:center}.link-list__item:nth-of-type(n + 2){margin-top:2rem}.link-list__link{color:#f58225;font-weight:400}.link-list__link:hover{text-decoration:underline}@media screen and (min-width: 992px){.link-list{width:90%;display:flex;justify-content:space-evenly}.link-list__item{margin-top:0}.link-list__item:nth-of-type(n + 2){margin-top:0}}.list{list-style:none;counter-reset:item;margin-left:auto;margin-right:auto;max-width:1024px}.list__item{display:flex;counter-increment:item}.list__item:not(:last-of-type){margin-bottom:5rem}.list__item:before{color:#fff;margin-right:1rem;content:counter(item);border-radius:100%;display:grid;place-items:center;height:5rem;min-width:5rem}.list__item--orange:before{background-color:#f58225}.list__item--green:before{background-color:#45921e}.list__item--dark_blue:before{background-color:#003049}.list__item--grey:before{background-color:#a6a6a6}.list__text{display:inline}.list__source{display:inline}.list__source img{display:inline;max-height:1.5rem;width:1.5rem;vertical-align:text-bottom}.loadingscreen{position:fixed;top:0;left:0;background-color:rgba(255,255,255,.9);display:grid;place-items:center;height:100vh;width:100vw;transition:all .3s ease-in-out;opacity:0;z-index:-2;transform-origin:center}.loadingscreen__wrapper{display:flex;flex-direction:column;align-items:center;max-width:90%;text-align:center}.loadingscreen__widget{border:3px dotted #f58225;border-top:3px dotted #f58225;border-radius:50%;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;opacity:1;transition:all .3s ease-in-out}.loadingscreen--active{opacity:1;z-index:1000}.loadingscreen--done .loadingscreen__widget{opacity:0}.loadingscreen--done .loadingscreen__message{opacity:1}.loadingscreen--done .loadingscreen__button{opacity:1}.loadingscreen__message{color:#000;height:40px;margin-bottom:1rem;opacity:0;transition:all .1s ease-in-out}.loadingscreen__button{opacity:0;transition:all .1s ease-in-out}@-webkit-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.logo{height:5.5rem}.logo__img{height:100%;width:auto}@media screen and (max-width: 370px){.logo{height:3.5rem;display:flex}}.long-text ol{padding-left:40px}.long-text *:nth-child(n+2){margin-top:2rem}.long-text h3{color:#f58225}.long-text h3:nth-child(n+2){margin-top:5rem}.long-text a{color:#f58225;text-decoration:underline}@media screen and (min-width: 768px){.long-text{width:80%;margin:0 auto}}.map{height:400px;width:100%}.menuicon__line{background-color:#000;display:block;width:3rem;height:.5rem;margin:5px;border-radius:10px;transition:all .3s ease-in-out}.menuicon--white__line{background-color:#fff}.menuicon--active .menuicon__line--1{transform:rotate(-405deg) translate(-8px, 6px)}.menuicon--active .menuicon__line--2{opacity:0}.menuicon--active .menuicon__line--3{transform:rotate(405deg) translate(-8px, -6px)}.multistepform__group--summary{flex-direction:column;text-align:center}.multistepform__group--summary>*{margin:2rem auto 0}.multistepform__group--summary>*:first-child{margin-top:0}.multistepform__group--summary>img{width:5rem}.multistepform__group--summary>h3:nth-child(4){margin-top:5rem}.multistepform>div:not(.form__info){display:flex;flex-wrap:wrap;width:100%;justify-content:space-between}.multistepform>div:not(.form__info):not(.visible){display:none}.multistepform__button{min-width:initial;width:45%;max-width:200px}.nav{position:fixed;width:100%;transition:background-color .2s ease-in-out}.nav__wrapper{margin:1rem auto;max-width:1280px;width:95%;display:flex;align-items:center;min-height:6rem}.nav__button{margin-left:1rem;max-height:3.2rem;min-width:11rem;font-size:1.6rem}.nav__phone{width:3.5rem;margin-right:1rem;margin-left:auto}.nav__img{display:flex}.nav__list{background-color:#fff;position:fixed;right:0;top:13.9rem;min-height:94.5vh;display:flex;justify-content:center;width:100%;list-style:none;flex-direction:column;align-items:center;transform:translateX(100vw);transition:transform .5s ease-in-out}.nav__list--bannerIsHidden{top:7.9rem}.nav__list--active{transform:translateX(0vw)}.nav__listitem{font-size:2.2rem;font-weight:700;margin:0 0 4rem;opacity:0}.nav__listitem:first-of-type{margin-top:-20vh}.nav__listitem>a{color:#000;font-family:"Roboto Condensed",sans-serif}.nav__listitem>a:hover{color:#f58225}@-webkit-keyframes navListitemFade{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes navListitemFade{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@media screen and (min-width: 992px){.nav__list{position:static;min-height:0;display:flex;justify-content:space-around;width:50%;list-style:none;flex-direction:row;align-items:center;transform:translateX(0);transition:none;margin-left:auto}.nav__listitem{font-family:"Lato",sans-serif;font-size:1.6rem;margin:0;opacity:1}.nav__listitem:first-of-type{margin-top:0}.nav__listitem>a{color:#000}.nav__button{margin-right:0;margin-left:1rem;max-height:3.6rem;min-width:16rem;font-size:1.8rem}.nav__phone{margin-left:0;margin-right:0}.nav__menuicon{display:none}}.ordersummary{display:grid;grid-template-columns:1fr;row-gap:2rem;width:100%;text-align:left}.ordersummary__block{background-color:#f5f5f5;width:100%;padding:2rem}.ordersummary__heading{font-weight:400;margin-bottom:2rem}@media screen and (min-width: 992px){.ordersummary{margin-top:4rem;grid-template-columns:1fr 1fr;-moz-column-gap:2rem;column-gap:2rem;max-width:900px}}.person{display:flex;flex-direction:column;align-items:center}.person__img{height:15rem;width:15rem;border-radius:100%;-o-object-fit:cover;object-fit:cover}.person__name{margin-top:2rem;font-weight:400;text-align:center}.person__title{color:#767676;text-align:center}.person__button{min-width:80%}@media screen and (min-width: 1200px){.person__img{height:18rem;width:18rem}}.progressbar{width:100%;display:flex;justify-content:space-between;margin-bottom:7rem}.progressbar__part{width:33%}.progressbar__part--active>.progressbar__bar{background-color:#f58225}.progressbar__part--active>.progressbar__text{color:#000}.progressbar__text{color:#767676;margin-bottom:1rem}.progressbar__bar{background-color:#f5f5f5;height:10px;width:100%}.repairs__table{width:100%}.repairs__row{display:flex;flex-wrap:nowrap}.repairs__row:nth-child(1){background-color:#f58225;color:#fff;height:50px}.repairs__row:nth-child(1) th{font-family:"Lato",sans-serif;font-weight:700}.repairs__row:not(:first-child){border-bottom:1px solid #a6a6a6}.repairs__col{display:none;width:50%;text-align:left;display:flex;align-items:center;font-weight:300;padding:8px 0px 8px 16px}.repairs__col:nth-child(2),.repairs__col:nth-child(3){display:none}.repairs__col:last-child{justify-content:end}.repairs__col:nth-child(3){font-weight:300}.repairs__img{display:inline;width:30px;height:30px;margin-right:8px}.repairs__repair{background-color:#f5f5f5;padding:4px 8px;border-radius:20px;display:flex;align-items:center;flex-wrap:nowrap}.repairs__repair div{background-color:#a6a6a6;border-radius:100%;width:15px;height:15px;margin-right:8px}.repairs__repair--green div{background-color:#45921e}.repairs__repair--darkblue div{background-color:#003049}.repairs__repair--orange div{background-color:#f58225}.repairs__repair--red div{background-color:#d11e1e}.repairs__repair--yellow div{background-color:#ffda56}.repairs__repair--grey div{background-color:#a6a6a6}@media screen and (min-width: 576px){.repairs__col{width:33%}.repairs__col:nth-child(3){display:flex}}@media screen and (min-width: 768px){.repairs__col{width:30%}.repairs__col:nth-child(3){width:24%}.repairs__col:nth-child(2){display:flex}}.section__heading{text-align:center;margin-bottom:5rem}.section__content{max-width:1024px;margin:0 auto}.section__content:nth-child(n+3){margin-top:5rem}.section__content--small{max-width:900px}@media screen and (min-width: 768px){.section__content{margin:5rem auto 0;width:90%}.section__content--large{max-width:none;width:100%}.section__content--space:nth-child(n+3){margin-top:10rem}}@media screen and (min-width: 992px){.section__content:nth-child(n+3){margin-top:6.6666666667rem}.section__content--space:nth-child(n+3){margin-top:12rem}.section__content--small{width:80%}}.select{width:100%;display:flex;flex-direction:column;justify-content:center}.select__select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;height:4rem;background:url(assets/images/icons/triangle_down.svg) no-repeat right #fff;background-size:6%;background-position:95%;padding:0 1rem;outline:none}.select__select[name=modell]:nth-of-type(1){display:block;visibility:hidden}.select__label{color:#fff;margin-bottom:.5rem}.video{background-color:#000;border-radius:.5rem;overflow:hidden;position:relative;padding-bottom:56.25%;z-index:0}.video::before{content:"";position:absolute;background-color:red;width:90px;height:60px;top:calc(50% - 30px);left:calc(50% - 45px);border-radius:.75rem}.video::after{content:"";position:absolute;top:calc(50% - 15px);left:calc(50% - 14px);width:0;height:0;border-top:15px solid rgba(0,0,0,0);border-bottom:15px solid rgba(0,0,0,0);border-left:30px solid #fff}.video>iframe{position:absolute;width:100%;height:100%}.hero{display:flex;flex-wrap:wrap;justify-content:center}.hero__image{height:50vw}.hero__heading{margin-bottom:2rem}.hero__text{text-align:center}.hero__text--hidden{display:none}.hero__form{margin:2rem 0}@media screen and (min-width: 768px){.hero__heading{margin-top:2rem}.hero__form{margin:4rem 0 4rem}}@media screen and (min-width: 992px){.hero{justify-content:space-between}.hero__image{order:2;width:35%;height:22rem;transform:scale(1.2);margin-right:2%}.hero__wrapper{order:1;max-width:50%;margin-left:5%;padding-top:1rem}.hero__heading{text-align:left;white-space:nowrap}.hero__text{text-align:left}.hero__text--hidden{display:inline}.hero__form{order:3;margin:6rem 0}.hero__brands{order:4}}@media screen and (min-width: 1200px){.hero{margin-left:auto;margin-right:auto}}.history .section__content{display:grid;grid-template-columns:1fr;row-gap:3rem}@media screen and (min-width: 768px){.history .section__content{row-gap:0}}/*# sourceMappingURL=style.css.map */