body {
    --color-primary: #41BEE3;
    --color-secondary: #54595F;
    --color-text: #7A7A7A;
    --color-accent: #61CE70;

    --wizard-c-text: #7A7A7A;
    --wizard-c-dark-text: #54595F;
    --wizard-c-highlight-blue: #41BEE3;
    --wizard-c-dark-blue: #4197E3;
    --wizard-c-ok: #61CE70;
    --wizard-c-danger: #FF0000;
    --wizard-c-danger-highlight: #e34141;
    --wizard-list-background: #f9f9f9;
    --wizard-list-border: #ddd;

    --f-t:  .6    rem;
    --f-vs: .75   rem;
    --f-s:  .8    rem;
    --f-sb: .875  rem;
    --f-n:   1    rem;
    --f-b:   1.2  rem;
    --f-bb:  1.25 rem;
    --f-vb:  1.5  rem;
    --f-ls:  1.875rem;
    --f-l:   2    rem;
    --f-vl:  2.5  rem;
    --f-h:   4.55 rem;
}
h1 {font-size: 4rem;}
h2 {font-size: 3.25rem;}
h3 {font-size: 2.875rem;}
h4 {font-size: 2rem;}
h5 {font-size: 1.625rem;}
label {font-size: 1rem;}
.form-control {font-size: 1rem;}
html {
    scroll-padding-top: 250px;
    height: 100vh;
    background-color: white;
    font-size: 16px;
}

body {
    font-size: 1rem;
}

.content-wrapper {
    color: var(--wizard-c-text);
}

.saiphe-form input,
.saiphe-form select,
.saiphe-form textarea {
    margin-bottom: 1em;
    border: 1px solid var(--wizard-c-highlight-blue);
    border-radius: 4px;
}

.saiphe-form input:focus,
.saiphe-form select:focus,
.saiphe-form textarea:focus {
    background-color: #41bee32A;
    border: 1px solid #41BEE3;
}

.saiphe-form.form .control-label {
    color: var(--wizard-c-dark-text);
    filter: brightness(80%);
    font-weight: 500;
}

.saiphe-form.form > .form-control, .saiphe-form.form > .input-group {
    margin-bottom: 1.5em;
}

.saiphe-form.form .input-group > .form-control {
    margin-bottom: initial;
}

.saiphe-form.form > h1 {
    background-color: var(--color-primary);
    padding: 0.5em 1em 0.5em 1em;
    color: white;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 500;
}

.startpage-order {
    background-image: url(img-start-2.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    z-index: 1;
    padding: 1em;
}

.startpage-order::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    max-height: 445px;
    content: "";
    background-color: #0ca3d2;
    background-repeat: repeat-x;
    opacity: .5
}

.startpage-order .panel {
    box-shadow: 0 0px 8px 0px rgba(0, 0, 0, .2);
}

.claim h1 {
    font-weight: bold;
    font-size: 48px;
    color: #fff;
}

.claim h2 {
    font-size: 36px;
    color: #fff;
}

.container {
    width: inherit;
}

@media only screen and (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media only screen and (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media only screen and (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}


.redesign {
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.71) 100%);
    border-bottom-color: rgb(214, 214, 214);
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-color: rgb(214, 214, 214);
    border-left-style: solid;
    border-left-width: 0px;
    border-right-color: rgb(214, 214, 214);
    border-right-style: solid;
    border-right-width: 0px;
    border-top-color: rgb(214, 214, 214);
    border-top-style: solid;
    border-top-width: 0px;
    box-shadow: rgb(0 0 0.46%) 0px 0px 40px 0px;
    box-sizing: border-box;
    color: rgb(93, 97, 103);
    font-family: "Poppins", sans-serif;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 200;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1em 100px 0 3em;

    transition-delay: 0s, 0s, 0s, 0s;
    transition-duration: 0.3s, 0.3s, 0.3s, 0.3s;
    transition-property: background, border, border-radius, box-shadow;
    transition-timing-function: ease, ease, ease, ease;
}

.redesign .header-logo > a > img {
    height: 100px;
}

.redesign .select-language {
    display: flex;
}

.redesign .select-language .language_bar {
    display: flex;
    flex-direction: row;
    gap: 2em;
}

.redesign .select-language .language_bar > a {
    width: 25px;
}

.redesign .select-language .language_bar img {
    width: 100%;
}

.redesign .col-right {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.redesign .language_select {
    margin: 0;
    padding: 0;
    margin-left: auto;
}

.redesign .language_select a.dropdown-toggle.small {
    display: flex;
    gap: 10px;

}

.slider {
    display: flex;
    width: 100%;
}

.slider img {
    width: 100%;
    aspect-ratio: 1920/1050;
}

.slider-headline {
    -webkit-text-size-adjust: 100%;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    overflow-wrap: anywhere;
    hyphens: manual;
    color: #fff;
    text-align: left;
    text-shadow: 1px 1px 16px rgba(0, 0, 0, 0.81);
    box-sizing: border-box;
    font-weight: 700;
    font-size: 4.625rem;
    line-height: 1.2em;
    margin-bottom: 13px;
}

.slider-subheadline {
    -webkit-text-size-adjust: 100%;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    word-wrap: break-word;
    hyphens: manual;
    color: #fff;
    text-align: left;
    text-shadow: 1px 1px 16px rgba(0, 0, 0, 0.81);
    box-sizing: border-box;
    line-height: 1.4;
    margin-bottom: 30px;
    font-size: 1.25rem;
}

.slider-button {
    -webkit-text-size-adjust: 100%;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    word-wrap: break-word;
    hyphens: manual;
    text-shadow: 1px 1px 16px rgba(0, 0, 0, 0.81);
    box-sizing: border-box;
    line-height: 1;
    fill: #fff;
    text-align: center;
    transition: all .3s;
    box-shadow: none;
    padding: 15px 30px;
    border: 2px solid #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 0;
    background-color: #41BEE3;
    color: white;
}

.slider-button:hover {
    background-color: #0F8DB3;
    color: white;
}

.norrlog-cms-slider-wrapper > .content-wrapper > h2 {
    display: none;
}

.slider-icon-button {
    display: flex;
    justify-content: center;
    align-content: center;
    background-color: transparent;
    border: 0;
    outline: 0;
    border-radius: 40%;
}

.slider-icon-button:hover {
    background-color: rgba(0, 0, 0, 0.25);
    color: white;
}

.norrlog_footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: none;
}

.norrlog_footer .footer-menu {
    padding: 0 40px;
    background-color: #218cad;
}

.norrlog_footer .footer-menu > div {
    margin: 7em 0 7em 0;
}

.norrlog_footer .cms-content-text {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 1em;
    max-width: 1200px;
    margin: auto;
}

.norrlog_footer * {
    background-color: transparent;
    color: white;
}

.norrlog_footer section > h2 {
    margin: 0 0 1em 0;
    max-width: 350px;
}

.norrlog_footer .footer-menu ul a {
    color: #ffffff;
    font-size: 1rem;
}

.norrlog_footer p {
    color: #ffffff;
    max-width: 350px;
    font-size: 1rem;
}

.norrlog_footer a:hover {
    color: #bdbdbd;
}

.norrlog_footer nav > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 0.75em;
    flex-direction: column;
}

.norrlog_footer nav > ul > li > a, .footer .textwidget > p {
    padding: 0.5em 0 0.5em 0;
}

.footer {
    text-align: left;
}

.footer .widget-title {
    margin: 0;
    font-weight: 500;
}
.footer .menu-item, .footer .textwidget {
    padding-left: 0;
    letter-spacing: 1px;
}

:root {
    --home-gray-bg: #E6E6E6;
    --default-blue: #41BEE3;
    --accent-blue: #0F8DB3;
    --default-orange: #FF923B;
    --default-light-orange: #FFA63B;
    --default-yellow: #FFC03B;
    --button-gray: #7A7A7A;
    #--default-cherry: #9C1240;
    --default-cherry: #ff3277;
    --default-swedish-yellow: #ffce00;
    --default-green: #61CE70;
}

.row-container,
.grid-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
}

.grid-container {
    display: grid;
    grid-template-columns: 3fr 3fr 3fr;
    gap: 2em;
}

.full-container {
    display: block;
    width: 100%;
    text-align: center;
}

.full-container .content {
    max-width: 1200px;
    margin: 0 auto;
    text-align: initial;
    display: flex;
    flex-direction: column;
}

.icon {
    display: inline-block;
    color: var(--default-blue);
    fill: var(--default-blue);
    background-color: #FFFFFF00;
    border-radius: 50%;
    padding: .5em;
    line-height: 1;
    text-align: center;
    margin: auto;
}

.icon i {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}

.icon.globe {
    padding: .1em;
}

.icon.aspectratio i:before {
    position: absolute;
}
.icon.aspectratio.small i:before {
    left: -3px;
}
.icon.aspectratio.medium i:before {
    left: -4px;
}
.icon.aspectratio.big i:before {
    left: -5px;
}
.icon.aspectratio.xxl i:before {
    left: -5px;
}

.icon.small {font-size: 20px;}
.icon.medium {font-size: 32px;}
.icon.big {font-size: 50px;}
.icon.xxl {font-size: 80px;}
.button-icon {font-size: 12px;}

.c-light {
    color: white;
}

.gray-bg {
    background-color: var(--home-gray-bg);
}

.lightblue-bg {
    background-color: var(--default-blue);
}

.cherry-bg {
    background-color: var(--default-cherry);
}

.green-bg {
    background-color: var(--default-green);
}

.orange-bg {
    background-color: var(--default-orange);
}

.lightorange-bg {
    background-color: var(--default-light-orange);
}

.yellow-bg {
    background-color: var(--default-yellow);
}

.swyellow-bg {
    background-color: var(--default-swedish-yellow);
}

.center {
    text-align: center;
}

.content-wrapper .row-container {
    display: flex;
}

.justify-content-around {
    justify-content: space-around;
}

.p-1 {
    padding: 1em;
}

.d-flex {
    display: flex;
}

.d-inline-flex {
    display: inline-flex;
}

.flex-column {
    flex-direction: column;
}

.button-wrapper {
    margin-top: auto;
    letter-spacing: 1px;
    font-size: .75rem;
    line-height: initial;
}

.button-wrapper .button {
    padding: 0.5em 1em;
    background-color: var(--button-gray);
    color: white;
    display: inline-block;
}

.top-box {
    color: var(--default-blue);
}

.content {
    width: 100%;
    padding: 4em 0;
}

.fa-arrow-right {
    margin-left: 8px;
}

#Cms .Saiphe_Form > li > div {
    display: initial;
}




.logistik .head {
    color: var(--default-blue);
}

.dreiwege .box-content h3 {
    font-size: 25px;
    font-weight: 600;
}

.cms-page .dreiwege .content,
.cms-page.body-small .dreiwege .content {
    padding: 1em 0;
}

.dreiwege {
    justify-content: space-between;
}

.dreiwege .box-content {
    padding: 1.5em;
    display: flex;
    flex-direction: column;
}

.dreiwege .button-wrapper {
    margin-top: auto;
    letter-spacing: 1px;
}

.dreiwege .inline-image {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.dreiwege .grid-item {
    display: flex;
    flex-direction: column;
}

.dreiwege .grid-item .box-wrapper {
    height: 230px;
}

.dreiwege .grid-item .box-content {
    flex-grow: 1;
}

.dreiwegekayaking .content {
    padding: 0;
    margin-bottom: 2em;
}

.dreiwegekayaking .content .box-content {
    padding: 2.5em;
}

.dreiwegekayaking .content,
.einkaufen .content p a {
    color: #5d6167;
    line-height: 1.5em;
}

.dreiwegekayaking .content h3 {
    font-weight: 600;
}

.dreiwegekayaking .inline-image {
    width: 50%;
    height: auto;
}

.infoblock {
    width: 100%;
    gap: 2em;
    justify-content: center;
    padding: 4em 0;
}

.infoblock .content {
    text-align: left;
    display: flex;
    flex-direction: row;
    column-gap: 3em;
}

.infoblock .top-box {
    font-size: .75rem;
    color: var(--wizard-c-text);
}

.infoblock .title {
    margin-right: 3em;
    white-space: nowrap;
}

.infoblock .title h5 {
    margin: 0;
    margin-bottom: 40px;
}

.infosection {
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.infoblock .info {
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.infoblock .button-wrapper {
    align-self: end;
}

.orderstep {
    --home-gray-bg: #eaeaea;
    padding: 0;
}

.orderstep .content h1,
.orderstep .content h2,
.orderstep .content h3,
.orderstep .content h4,
.orderstep .content h5 {
    margin: 0;
    padding-top: 1em;
    padding-bottom: 0.5em;
}

.top-border-shape .shape-fill {
    fill: var(--default-blue);
}

.top-border-shape>svg {
    height: 100px;
    transform: rotateY(180deg);
    width: 100%;
}

.alkoshops .top-box {
    color: var(--default-blue);
}

.orderstep .shape-bottom svg {
    display: block;
    fill: #eaeaea;
    background-color: #fff;
}

.orderstep.gray-bg .shape-bottom svg {
    fill: #fff;
    background-color: #eaeaea;
}

.einkaufen .shops {
    padding-top: 4em;
}
.cms-page .einkaufen .shops .shop {
    text-align: center;
}

.orderstep .field {
    display: flex;
    flex-direction: column;
    padding: 1em 0;
}

.orderstep .field label, .help-block.note {
    font-size: 1.25rem;
    font-weight: 100;
    color: var(--accent-blue);
    text-align: left;
}

.orderstep input,
.orderstep select,
.orderstep textarea {
    background-color: #F4F4F4;
    border: 1px solid #B1B1B1;
    padding: 8px;
    color: #333;
    font-size: .875rem;
}

.orderstep .submit-button {
    width: 100%;
    background-color: #7A7A7A;
    color: white;
    padding: 15px;
    margin-top: 1em;
}

.orderstep .submit-button:hover {
    background-color: #6A6A6A;
}

.sendungsverfolgung form label {
    color: var(--accent-blue);
    font-size: 1.25rem;
}

.sendungsverfolgung form.order-status .input {
    margin-top: 1em;
}

.sendungsverfolgung > .content {
    padding: 0;
}

.finish .image-wrapper .overlay {
    z-index: 20;
}

.finish .image-wrapper .text {
    z-index: 25;
}

.finish .content {
    max-width: 1200px;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.finish .limit-width .icon {
    margin: auto;
}

.finish .limit-width {
    max-width: initial;
    width: 100%;
    background-color: transparent;
    background-image: linear-gradient(180deg, #7A7A7A40 0%, #FFF 100%);
}

.finish .image-wrapper {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 1000px;
    text-align: left;
}

.finish .image-wrapper img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.finish .image-wrapper .text {
    position: absolute;
    margin-top: 350px;
    padding: 1em;
    color: white;
    max-width: 1200px;
    text-shadow: 0px 0px 10px rgb(0 0 0 / 63%);
}

.preise {
    margin-top: 4em;
}

.preise .links {
    display: flex;
    justify-content: center;
    margin-bottom: 2em;
}

.preise .links .button-wrapper {
    margin-right: 2em;
}

.groessen {
    margin: 4em 0;
}

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

.groessen .content .paket {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 1em;
}

.groessen .content .paket .title {
    color: var(--default-blue);
}

.groessen .content .paket .lnk {
    text-align: left;
    padding: 1em 0;
    color: var(--accent-blue);
}

.groessen .content .paket img {
    max-width: 100%;
}

.reise p {
    font-weight: 700;
}

.reise .content img {
    max-width: 1200px;
}

.reise .links {
    justify-content: end;
}

.reise .links .button-wrapper {
    margin-left: 2em;
    padding: 1em 0;
}

.modal-dialog {
    z-index: 9000;
}

.anfrage-form .field.name {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 1em;
}

.anfrage-form .field.name label {
    width: 100%;
}
.anfrage-form .field.name input {
    width: 25%;
}

.cms-page .page-content.lightbox {
    margin-top: 0;
}

.page-content.lightbox .content-wrapper > h1 {
    margin-top: 0;
}

#login-modal {
    background-color: rgb(0 0 0 / 50%);
}

.helpdesk-issues .widget-content {
    padding: 0;
}

.helpdesk-issues .issue_content {
    max-width: 1200px;
    margin: auto;
    text-align: left;
}

.helpdesk-issues .issue_content .add-block {
    display: flex;
    gap: 10px;
}
.helpdesk-issues .issue_content .add-block .handle {
    flex-grow: 1;
    text-align: center;
    border: 1px solid #ddd;
}
.helpdesk-issues .issue_content .add-block .handle > div {
    padding: 1em;
    background-color: #fafafa;
}
.helpdesk-issues .issue_content .add-block .form select,
.helpdesk-issues .issue_content .add-block .form input{
    margin-bottom: 0;
}
.helpdesk-issues .issue_content .add-block .form .note{
    font-size: .875rem;
}

.helpdesk-issues tr,
.helpdesk-issues .row-search .form-control,
.helpdesk-issues .row-search .btn,
.helpdesk-issues .alert .btn{
    font-size: .875rem;
}
.helpdesk-issues .row-search .column-ts_insert .input-group {
    display: flex;
}
.helpdesk-issues .row-search .column-ts_insert .input-group .input-group-addon {
    width: 30px;
}

.helpdesk-issues .title {
    padding-left: 5px;
}

.helpdesk-issues .checkout-container {
    padding: 1em;
}

body.modal-open > .modal-backdrop,
.modal-backdrop {
    z-index: 100;
}

.order-page,
.helpdesk-issues {
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.order-page .checkout-container {
    padding: 1em;
}

.cms-page.body-small .row {
    margin:0;
}
.cms-page.body-small .content {
    width: auto;
    padding: 1em;
    padding-top: 0;
    padding-bottom: 0;
}

.order-view .notification {
    max-width: 800px;
}
.cms-page .cms-content-images > .slider {
    height: 50vh;
}

.cms-page .cms-content-images > .slider .slider-text .slider-button {
    width: 25vw;
    min-width: 240px;
}

.cms-page #address-overview .form > .button-wrapper > .same_as_billing {
    margin: 0 0.5em;
}

.cms-page .cms-content-images > .slider .slider-text > div {
    max-width: 1200px;
}

.cms-page .password-reset .title,
.cms-page .register .title {
    font-weight: bold;
    padding-left: .25em;
}

.cms-page .register form .input-group-addon .fa-check {
    color: lime;
}

.cms-page .register form .input-group-addon .fa-window-close {
    color: red;
}

@media (max-width: 1200px) {
    .cms-page .row {
        margin: 0;
    }

    .cms-page .content-wrapper {
        padding: 0 1em;
    }

    .norrlog_footer .footer-menu {
        padding: 0;
    }

    .footer .widget-title {
        font-size: 1.875rem;
    }

    .infoblock .content {
        padding: 1em;
    }
}

@media (max-width: 992px) {
    .cms-page .checkout .content {
        gap: 1em;
    }

    .redesign .toggle-redesign-menu,
    .redesign .header-right {
        align-self: center;
    }
    .redesign .header-logo > a > img {
        height: 64px;
    }

    .norrlog_footer .footer {
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }

    .norrlog_footer .footer > div {
        margin: 1em 0;
    }

    .norrlog_footer section > h2 {
        max-width: initial;
    }

    .norrlog_footer .footer-menu > div {
        margin: 1em;
    }

    .cms-page .einkaufen .shops {
        grid-template-columns: repeat(2, 1fr);
    }

    .helpdesk-issues {
        overflow-x: scroll;
    }

    .helpdesk-issues .helpdesk-issue-listing .column-__ActionCheckbox,
    .helpdesk-issues .helpdesk-issue-listing .column-issue_user_country,
    .helpdesk-issues .helpdesk-issue-listing .column-user_username,
    .helpdesk-issues .helpdesk-issue-listing .column-tags,
    .helpdesk-issues .helpdesk-issue-listing .column-ts_insert,
    .helpdesk-issues .helpdesk-issue-listing .column-cargo_order_datetime_shipped,
    .helpdesk-issues .helpdesk-issue-listing td.row-select,
    .helpdesk-issues .helpdesk-issue-listing tfoot
    {
        display: none;
    }
}

@media (max-width: 902px)
{
    .cms-content-images .slider-text {
        font-size: 1.5rem;
    }
    .cms-content-images .slider-text .slider-headline {
        font-size: 2rem;
    }
    .cms-content-images .slider-text .slider-subheadline {
        font-size: 1.875rem;
    }
}

@media (max-width: 768px) {
    h2 {font-size: 2.5rem;}
    h3 {font-size: 2rem;}
    h4 {font-size: 1.5rem;}
    h5 {font-size: 16px;}
    p {font-size: 1rem;}


    .full-container .top-box {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .order-page .column-__ActionCheckbox,
    .order-page .column-attribute_set_uid,
    .order-page .column-name,
    .order-page .column-customer_name,
        /*.order-page .row-search td.column-increment_id,*/
    .order-page .row-select,
    .order-page .data-attribute_set_uid,
    .order-page .column-name,
    .order-page .column-customer_name
    {
        display: none;
    }
    .order-page .checkout-container,
    .helpdesk-issues .checkout-container {
        overflow-x: scroll;
    }
    .order-page td.column-tokenaction {
        display: flex;
    }

    .cms-order-view .timeline:before {
        left: initial;
        right: 10px;
    }
    .cms-order-view .timeline .timeline-badge {
        left: initial;
        right: 10px;
    }
    .cms-order-view .timeline {
        line-break: anywhere;
    }
    .cms-order-view .timeline>li>.timeline-panel {
        width: initial;
        float: initial;
    }

    .cms-page .content-wrapper {
        padding: 0;
    }

    .dreiwegekayaking .content {
        flex-direction: column;
    }
    .dreiwegekayaking .inline-image {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }

    .cms-page.body-small .dreiwegekayaking .content {
        padding: 1em 0;
        gap: 0;
    }

    .redesign {
        padding: 1em;
        height: 90px;
    }

    .content-wrapper .row-container {
        flex-direction: column;
    }
    .dreiwege .grid-container {
        grid-template-columns: 1fr;
    }
    .dreiwege .box-content, .dreiwege .grid-item .box-wrapper {
        height: auto;
    }

    .cms-content-images .slider-text {
        font-size: 1.5rem;
    }

    .cms-page.body-small .content {
        flex-direction: column;
        gap: 1em;
    }
}

@media (max-width: 640px) {
    .anfrage-form .field.name input {
        flex-grow: 1;
    }

    .cms-page .einkaufen .shops {
        grid-template-columns: 1fr;
        gap: .5em;
    }

    .order-page th.column-sum_total_inclusive_tax,
    .order-page td.column-sum_total_inclusive_tax
    {
        display: none;
    }

    .cms-content-images .slider-text {
        font-size: 1.25rem;
    }

    .einkaufen .shops {
        padding-top: 0;
    }

    .preise .links, .reise .links {
        justify-content: space-around;
        flex-wrap: wrap;
        gap: 1em;
    }

    .reise .links .button-wrapper {
        margin-left: 0;
        padding: 1em 0;
    }

    .preise .links .button-wrapper {
        margin-right: 0;
    }
}

@media (max-width: 436px) {
    .order-page .column-ts_insert,
    .order-page .column-ts_insert {
        display: none;
    }

    .cms-content-images .slider-text {
        font-size: 1rem;
    }

    .cms-content-images .slider-text .slider-subheadline {
        font-size: 1.5em;
        text-shadow: 0 0 4px black;
    }

    .redesign .header-right .user-login {
        word-break: break-all;
    }
}
@media (min-width: 992px) {
    .cms-page .einkaufen .shops {
        grid-template-columns: repeat(3, 1fr);
        gap: 2em;
    }
}

/**
fix for safari dropdown menu
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .alternative-input.vis .dropdown-menu.open .dropdown-menu.inner{
        margin-top: 42px;
        position: absolute;
    }
}