.no-padding {
    margin-right: 0;
    margin-left: 0
}

.wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    max-width: 712px
}

.header__wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px
}

.header__logo {
    margin: 0
}

.headline__text {
    font-size: 2.5rem;
    line-height: 2.9375rem;
    margin-top: 20px
}

.headline__tag {
    font-size: 1.5rem
}

.teaser {
    margin-bottom: 25px
}

.guarentees {
    padding: 20px 0
}

.guarentees__list--item {
    padding-left: 28px;
    margin-bottom: 20px;
    font-size: 1.5rem
}

.guarentees__list--item::before {
    height: 28px;
    width: 28px;
    margin-right: 20px;
    margin-left: -28px;
    flex: 0 0 28px
}

.guarentees__list--img {
    max-height: 25px;
    margin-right: 15px;
    height: 100%
}

.content__headline {
    font-size: 2rem;
    line-height: 2.4375rem;
    margin-bottom: 25px
}

.content__flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.situation {
    padding: 20px 0 0
}

.situation__item {
    margin-bottom: 28px
}

.situation__item:last-child {
    margin-bottom: 0
}

.situation__item--text__container {
    margin-top: 8px
}

.situation__item--text {
    width: 307px;
    font-size: 18px;
    line-height: 27px
}

.situation__item--arrow {
    height: 28px;
    width: auto
}

.content__function {
    padding-left: 20px;
    padding-right: 20px
}

.content__function--item {
    width: calc(25% - 5px);
    margin-bottom: 0
}

.content__function--item:nth-of-type(2),
.content__function--item:nth-of-type(4) {
    margin-top: 80px
}

.content__function--item:nth-of-type(4) {
    max-width: 110px
}

.carousel__wrapper {
    height: 360px
}

.flickity-prev-next-button::before {
    width: 32px;
    height: 50px
}

.flickity-button {
    cursor: pointer;
    height: 50px
}

.audifooter {
    margin-top: 35px
}

.states__box .content__headline {
    margin-bottom: 0
}

.states__text-body {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px
}

.states__state {
    min-height: 70px
}
.states.js-states a {
    width: 50%;
}
.states {
    margin-top: 30px;
    justify-content: space-between
}

.states__state {
    width: 95%;
    margin-right: 0;
    margin-left: 16px;
    margin-bottom: 15px;
    flex-direction: row;
}

.states__state:hover {
    cursor: pointer;
    box-shadow: 0 0 7px -4px transparent;
    color: #fff;
    background-image: linear-gradient(180deg, #4066b3, #23366f)
}

.states__img {
    max-width: 30px;
    margin: 0 13px 0 0
}

.states__box {
    padding: 20px;
    background-color: transparent;
    border: 1px solid #4066b3
}

.states__box::before {
    display: none
}

.review__item {
    width: calc(50% - 10px);
    margin: 0
}

.review__container {
    margin-bottom: 45px;
    margin-top: 45px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between
}

.vorteile__container {
    padding: 20px 25px 30px
}

.vorteile__content {
    display: flex;
    justify-content: space-around
}

.tag {
    margin-top: 30px
}

.tag-trust {
    margin: 40px 0
}

.tag__headline {
    font-size: 20px
}

.claim {
    font-size: 18px;
    margin-bottom: 5px
}

.claim__text {
    font-size: 18px
}

.desktop-hidden {
    display: none
}

.cta {
    max-width: 400px
}