@import url('https://www.onetz.de/sites/all/themes/mimas_sparkle/css/font-awesome.css');
    /** { box-sizing: border-box; }*/

    .onetz_service_addons_headline {
        text-align: left;
        font-size: 22px;
        padding: 14px 0px 14px 30px;
        background-color: #EAEBEE;
        color: #282828;
    }

    @media only screen and (max-width: 500px) {
        .onetz_service_addons_headline {
            text-align: left;
            font-size: 22px;
            padding: 14px 0px 14px 30px;
            background-color: #EAEBEE;
            color: #282828;
            font-size: 18px;
        }
    }

    /** ACCORDION*/

    .svg-icon-offer {
        width: 45px;
        height: auto;
        padding: 32% 0 32% 0;
        text-align: center;
    }

    .tablet {
        height: 45px;
        display: inline-block;
    }

    .onetz_service_addons_center {
        text-align: center;
    }

    .onetz_service_addons_inline {
        display: inline-flex;
    }

    .onetz_service_addons_field {
        width: 22%;
        display: block;
        border-left: 1px solid #EAEBEE;
        margin: 50px 0;
        padding: 0 10px 10px 10px;
    }

    .onetz_service_addons_content {
        margin: 25px auto;
        line-height: 1.5em;
    }

    .onetz_service_addons_flexed {
        display: inline-flex;
        justify-content: space-around;
        flex-direction: row;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .onetz_service_addons_circle {
        background: #002850;
        clip-path: circle(45%);
        margin: 0 auto 30px 0;
        text-align: center;
        display: block;
        width: 120px;
        height: auto;
    }

    .onetz_service_addons_btn {
        margin: 50px 0;
    }

    .onetz_service_addons_btn a {
        font-family: Open Sans, Roboto Condensed, Arial, Helvetica, sans-serif;
        font-weight: 700;
        width: auto;
        background: #fff;
        border: 2px solid #002850;
        box-sizing: border-box;
        border-radius: 100px;
        padding: 13px 30px;
        z-index: 10000;
        list-style: none;
        color: #002850;
        font-size: 18px;
        text-decoration: none;
    }

    .onetz_service_addons_btn a:hover,
    .onetz_service_addons_btn a:active {
        font-weight: 600;
        background: #002850;
        border: 2px solid #002850;
        cursor: pointer;
        color: #fff;
    }

    .onetz_service_addons_title {
        margin: -50px 0 35px 0px;
    }

    button.onetz_service_addons_accordion {
        padding: 10px 10px 23px 10px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        border-bottom: 3px solid #fff;
        background: none;
    }

    button.onetz_service_addons_accordion span {
        color: #002850;
        font-size: 15px;
        font-weight: 700;
    }

    button.onetz_service_addons_accordion.active {
        cursor: pointer;
    }

    button.onetz_service_addons_accordion:hover {
        background: none;
        cursor: pointer;
    }

    button.onetz_service_addons_accordion:after {
        content: "";
        display: block;
        height: 25px;
        width: 25px;
        padding-left: 95%;
        margin-top: -60px;
    }

    button.onetz_service_addons_accordion.active:after {
        content: "";
        display: block;
        height: 25px;
        width: 25px;
        padding-left: 95%;
        margin-top: -60px;
    }

    div.onetz_service_addons_panel {
        padding: 0px 8px;
        background-color: white;
        overflow: visible;
    }

    p.onetz_service_addons_content {
        min-height: 125px;
        text-align: left;
    }

    @media screen and (max-width: 1310px) {

        .onetz_service_addons_main {
            margin: 4em 1em;
        }

       .onetz_service_addons_flexed {
            display: inline-flex;
            justify-content: center;
            flex-direction: row;
            align-items: stretch;
            flex-wrap: wrap;
        }

        .onetz_service_addons_field {
            width: 40%;
            height: auto;
            /*padding: 0 2%;*/
            /*border-left: 1px solid #EAEBEE;*/
        }

    }

    @media screen and (max-width: 895px) {

        p.onetz_service_addons_content {
            min-height: auto;
        }

        .svg-icon-offer {
            width: 20px;
            height: auto;
            padding: 21% 0 15% 0;
            text-align: center;
        }

        .onetz_service_addons_main {
            margin: 2em 0em;
        }

        .onetz_service_addons_field {
            width: 100%;
            border-left: none;
            margin: 0;
            padding: 0;
        }

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

        .onetz_service_addons_circle {
            background: #002850;
            clip-path: circle(45%);
            height: auto;
            width: 40px;
            margin: -12px 10px 18px 0;
            text-align: center;
            display: inline-block;
        }

        .onetz_service_addons_title {
            margin: -45px 0 35px 45px;
            display: block;
            width: 85%;
        }

        button.onetz_service_addons_accordion {
            padding: 19px 20px 12px 20px;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            width: 100%;
            border-bottom: 3px solid #fff;
            background: rgba(192, 192, 192, 0.3);
        }

        button.onetz_service_addons_accordion span {
            color: #002850;
            font-size: 15px;
            font-weight: 700;
        }

        button.onetz_service_addons_accordion.active {
            width: 100%;
            cursor: pointer;
        }

        button.onetz_service_addons_accordion:hover {
            background: rgba(192, 192, 192, 0.6);
            width: 100%;
            cursor: pointer;
        }

        button.onetz_service_addons_accordion:after {
            content: url('https://media.onetz.de/abo_service/icons/circle-plus-solid.svg');
            display: block;
            height: 25px;
            width: 25px;
            padding-left: 95%;
            margin-top: -55px;
        }

        button.onetz_service_addons_accordion.active:after {
            content: url('https://media.onetz.de/abo_service/icons/circle-minus-solid.svg');
            display: block;
            height: 25px;
            width: 25px;
            padding-left: 95%;
            margin-top: -55px;
        }

        div.onetz_service_addons_panel {
            padding: 0px 8px;
            background-color: white;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
        }
    }

    @media screen and (min-width: 420px) {
        button.onetz_service_addons_accordion span {
            color: #002850;
            font-size: 16px;
            font-weight: 700;
        }
    }