.flex-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
/* Kurzschreibweise */
.flex-item {
    flex: 0 1 auto;
}

/* Lange Schreibweise */
.flex-item {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
}
@media only screen and (max-width: 1200px) {
    /* mobil NAV */
    #meta_nav_new #currency_nav ul ul {
        margin: 0 0 0 -29px;
    }

    /* AFF */
    html #getpartner_picture {
        display: none;
    }
    html #getpartner_text {
        width: 100%;
        margin-top: 30px;
    }
}

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

    html {
        box-sizing: border-box;
    }
    html h1,
    html #content_frame .software-deals h3,
    h3 {
        font-size: 1.5em;
        /* margin: 25px 0 10px; */
    }
    html #frame {
        width: fit-content;
        box-sizing: border-box;
        padding: 0px 0 10px 0;
    }
    /* html #frame #content_frame {
            padding: 0 25px;
        } */

    html #frame #content_frame td {
        /* display: inline-block; */
    }
    html #frame #content_frame table a {
        -ms-word-break: break-all;
        word-break: break-all;

        /* Non standard for WebKit */
        word-break: break-word;

        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }

    /* META NAV */
    #meta_nav_new {
        height: 0;
    }
    .else_nav {
        display: none;
    }
    html #meta_nav_new #meta_details ul.meta_links,
    html #meta_nav_new #cse-search-box,
    html #meta_nav_new #lang_nav,
    html #meta_nav_new #currency_nav {
        display: none;
    }
    html #meta_nav_new #login_nav {
        position: fixed;
        z-index: 1011;
        right: 60px;
        top: 10px;
        font-size: 20px;
        background: none;
    }
    html #meta_nav_new #login_nav li#login a.icon_down_arrow::after {
        background: none;
        content: none;
    }
    #meta_nav_new #lang_nav ul ul,
    #meta_nav_new #currency_nav ul ul,
    #meta_nav_new #login_nav ul ul {
        visibility: hidden !important;
        display: none;
    }
    html #meta_nav_new #login_nav li#login .icon_login {

        font-weight: normal;
        text-decoration: underline;

    }

    /* PRODUCTS */
    html #frame #content_frame .fb_892 {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 5px 20px;
    }
    html #cat_overview_list li {
        margin: 20px 20px 10px 20px;
    }
    html #meta_nav_new #meta_details {
        width: auto;
    }
    html #frame #content_frame .rb_336,
    html #frame #content_frame .lb_516 {
        margin: 24px 0 30px;
    }

    html #box_head {
        left: 10px;
    }

    html div#menu_products {display: none !important;}

    html div#menu_about div.inner { background: 0; border: 0;}

    html div#menu_about div.inner ul {position: unset; border: 0; border-left: 3px solid #00a4ef; width: 100%; display: block;}
    html div#menu_about div.a:focus + ul {}

    html #product_menu_about div#menu_about {display: block !important; position: relative; top: -12px; border: 0; box-shadow: none !important; background-color: none; width: 100%;}

    html #product_menu ul {margin-bottom: -50px;}
    #product_menu ul li#deals::after {
        position: absolute;
        margin: -38px 0 0 46px;
    }

    #product_menu ul li#product_menu_products::after,
    #product_menu ul li#product_menu_about::after {
        display: none;
    }

    .mainmenu__navicon {
        width: 35px;
        height: 31px;
        overflow: hidden;
        margin-left: 1rem;
        margin-top: 8px;
        position: fixed;
        z-index: 1010;
        right: 20px;
        top: 0;
        font-size: 32px;
        line-height: 32px;
        cursor: pointer;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -ms-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }
    .mainmenu__navicon-bar {
        display: block;
        width: 30px;
        height: 4px;
        margin: 4px 0 6px 5px;
        margin-top: 4px;
        background-color: #333333;
        border-radius: 3px;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -ms-transition: all 0.25s;
        -o-transition: all 0.25s;
        transition: all 0.25s;
    }
    .mainmenu__navicon-bar-1 {
        margin-top: 7px;
    }
    html #frame #logo {
        overflow: hidden;
        position: fixed;
        width: 100%;
        padding: 10px 0 12px;
        margin-top: -1px;
        z-index: 1010;
        background-color: white;
        box-shadow: 0 -3px 0 0 #e7e7e7 inset, 0 1px 5px 0 rgba(0, 0, 0, 0.05), 0 20px 20px white inset;
    }

    html #frame #logo a {
        background: url('https://img.ashampoo.com/frontend_images/1/mixed/whois/ash-label.png') no-repeat scroll 0 0 / contain;
        float: none;
        margin: 0 40px 0 20px;
        width: 34px;
        height: 34px;
    }
    html #product_menu #menu_hidden {
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 20px 20px white inset;
        overflow-y: scroll;
    }
    html #product_menu ul {
        box-sizing: border-box;
        padding: 60px 70px 30px;
        display: none;
        width: 100%;
        height: 100%;
        background-color: white;
        position: fixed;
    }
    html #product_menu ul li {
        background: none;
        float: none;
        border-bottom: 1px solid #e9e9e9;
        margin: 8px 0 0px 0;
        padding: 0;
    }

    html #product_menu ul #product_menu_search {
        display: block;
    }

    html #product_menu ul #product_menu_search form {
        display: flex;
        align-items: center;
        padding: 5px 0 0;
    }
    html #product_menu ul #product_menu_search form input {
        width: 100%;
        height: 50px;
        margin-bottom: 15px;
        font-size: 1.1rem;
    }
    html #product_menu ul #product_menu_search form button {
        position: relative;
        top: -6px;
        height: 50px;
        width: 50px;
        margin-left: 5px;
        display: flex;
        align-items: center;
        background: #eeeeee;
    }
    html #product_menu ul #product_menu_search form button svg {
        width: 25px;
        color: #666;
    }

    #product_menu ul li a {
        width: auto;
        display: block;
        padding: 5px 0;
    }

    html #meta_nav_new #login_nav div.login_nav_area {display: none !important;}

    html #meta_nav_new #login_nav li#login a .down_down_arrow {display: none;}

    html div#menu_products div.inner ul li a,
    html div#menu_about div.inner ul li a {font-size: 15px; line-height: 23px;}

    html #site_header h2 {
        font-size: 28px;
        margin-top: 20px;
    }
    html #site_header {
        padding: 65px 20px 0 20px;
    }
    #site_header .small-text {
        margin-bottom: -10px;
    }
    #frame #foot #copyrights {float: none; width: auto;}


    /* BUTTONS */
    #frame #content_frame input.btn_318_send {
        /* width: 100% !important; */
    }

    /* Support */
    html #frame #content_frame .rb_336 label,
    html #frame #content_frame .rb_336 input,
    html #frame #content_frame .rb_336 textarea {width: 100%; box-sizing: border-box;}

    /* PPY */
    html #frame.privacy #content_frame .lb_516 {margin: 310px 40px 40px 32px;}
    html #frame.privacy #content_frame .rb_336 {position: absolute; float: none;}

    /* Products */
    html #ppage_left #contentline_right {float: none;}

    /* Kontakt, Jobs */
    html #frame #content_frame input.btn_486_send,
    html #frame #content_frame .btn_486_send {width: 100%; box-sizing: border-box;}

    /* Rückgabe */
    html .moneyback-head ul {text-align: left; background-color: #374e60; padding: 10px 14px 10px 30px; margin: 0;}
    html .moneyback-content {margin: 0;}


    /* PRODUCT CATEGORIE */
    html #cat_overview_list {
        margin: 0 20px;
    }
    html #cat_overview_list li {
        width: 40%;
        margin: 40px 30% 0;
    }
    #cat_overview_list li div {
        margin-top: 10px;
    }
    #cat_overview_list li div a:first-of-type {
        margin-bottom: 10px;
    }
    html #boxshot_detail.category_overview_box {
        width: 232px;
        float: none;
        margin: 0 auto 10px;
    }
    html #cat_overview_list li div a {
        margin: 0 10% 10px;
        width: 80% !important;
    }


    /* PRODUCTPAGE */

    html #phead {background-size: cover !important; min-height: 280px; height: auto; padding-top: 55px;}

    html #phead #product_bg,
    html #phead.small #product_bg,
    html #phead.small {
        height: auto;
    }

    html #box_head {
        left: 10px;
    }

    html #phead .tag_line {
        font-size: 18px;
        float: none;
        width: auto;
        margin: 0;
        line-height: 25px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    html #phead #boxshot {
        width: auto;
        height: auto;
    }
    html #phead #boxshot img {
        margin-top: -60px;
        float: none;
    }

    html #ppage_left {margin: 9px auto 0 auto; min-height: auto;}

    html #ppage_left #contentline_right {width: 92%;margin: 0px 4% 0px 4%; box-sizing: border-box;}

    html #product_navigation ul {
        width: 100%;
        height: auto;
        margin: 0;
    }

    html #ppage_left #bigpic.option {
        background-size: cover;
        background-position: -100px;
        background-color: #def7fb;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }

    html .dow__percentbadge.pp {
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        margin-top: -38px;
        left: -38px;
        float: none;
        position: absolute;
        display: block;
    }

    /* PP PRICE */
    html #ppage_price_box_top {
        box-sizing: border-box;
        display: inline-block;
        float: right;
        margin-right: 20px;
        margin-top: 8px;
    }
    html #ppage_price_box_top .btn {padding: 0.3em 1em 0.3125em 1em !important; text-decoration: none;}
    #ppage_price_box_top .product__price {float: left; text-align: right;}
    #ppage_price_box_top a {
        float: right;
        margin-left: 20px;
        position: relative;
        top: 6px;
    }

    /* PP Screenshot */
    html #ppage_left #screen_list li.last {
        margin: 0 60px 8px 0;
    }
    #ashplayer {
        /* width: 100% !important; */
        /* left: 10px !important; */
    }
    #ashplayer .jcarousel-item img,
    #ashplayer .jcarousel-item iframe {
        /* width: 200px !important; */
    }
    html .jcarousel-skin-ashampoomain .jcarousel-container-horizontal {
        /* width: 100%; */
    }

    #ap_navcarousel {
        /* display: none; */
    }
    /* PP Details */
    html #ppage_left .features b {
        font-size: 1.35em;
    }
    /* PP Sprachen */
    html #ppage_left #option_lang_list li,
    html #ppage_left #option_lang_list {float: none; width: 100%;}
    html #ppage_left #option_lang_list img, html #ppage_left .box_dg {width: auto!important;}



    /* AUSNAHMEN */
    html #ppage_left #contentline_right .features img {width: auto; height: 20px;}

    html #frame #content_frame #page_foot ul.list.awards,
    html #frame #content_frame #page_foot {width: auto;}

    html #ppage_right {display: none;}

    html #ppage_right.small_height {
        background: unset;
    }
    html #ppage_right #ppage_price_box {
        display: none;
    }
    html #ppage_right #ppage_price_box small {
        width: 100%;
        margin: 0 auto;
    }

    /* SPOT */
    html #index_video {background: none; padding: 70px 0px 0;}
    html #index_video,
    html #index_video #tvscreen,
    html #index_video #tvscreen video {width: 100%; height: auto;}
    html #index_video #tvscreen {transform: none;}
    html #index_video #tvscreen #play {display: none !important;}
    html #index_video #index_video_text {
        margin: 0 15px 16px 15px;
        width: auto;
        display: block;
        position: initial;
        font-size: 1.6rem;
    }
    /* Login */
    .login-ribbon {position: absolute; right: 0; top: -4px; z-index: 1;}

    /* Downloads */
    html .dl-mobil-fix {display: inline-block;}

    /* Produktseiten Download */

    html .badge {
        padding-top: 0;
        width: 152px;
        /* height: 103px; */
        background-size: 100%;
        margin-top: 7px;
    }
    /* ASH KEY */
    .add-key td {
        display: block;
        width: 100%;
    }

    /* MYASH Overview */
    html #frame #content_frame #cf_c #support a.picture,
    html #frame #content_frame #cf_c #recommendation a.picture {
        background-size: 100%;
    }
    html #frame #content_frame #cf_c #support,
    html #frame #content_frame #cf_c #recommendation {
        margin-right: 0;
        width: 100%;
    }

    html #frame #content_frame #cf_c {
        padding: 0 20px;
    }
    /* MyAsh Licence, Homescreen */
    html #frame #content_frame .btn_318_buy {
        width: 90%;
        margin: 10px auto;
        box-sizing: border-box;
        font: 600 16px 'Open Sans', Arial, Helvetica, sans-serif;
    }
    /* MYASH Welcome */
    html #welcome .middle {
        width: 100%;
        box-sizing: border-box;
    }
    html #welcome .buy_top {
        width: 100%;
        box-sizing: border-box;
        display: inline-table;
        text-align: center;
        padding: 14px 20px 18px 20px;
    }
    html #welcome .buy_top_top {
        padding-top: 0;
    }
    html #welcome .box_lft.last {
        margin-right: 6px;
    }
    html #welcome .buyprice {
        display: inline-block;
        margin-top: 20px;
    }
    html #welcome .btn_buy.active {
        float: none;
        padding-top: 0;
    }
    html #welcome .btn_buy::before,
    html #welcome .btn_buy::after {
        display: none;
    }
    html #frame #welcome input.btn-cta {
        padding-left: 1em !important;
    }


    /* ONLY DESKTOP ONLY MOBIL */
    html .onlymobil {display: block;}
    .onlydesktop {display: none;}


    /* PP Android */

    html #phead .tag_line {
        padding-bottom: 15px !important;
    }
    html #phead.small .tag_line {
        margin-top: 0;
        padding-left: 25px;
        width: 94%;
    }

    html .android-head #boxshot img {
        height: auto !important;
    }

    /* LB RB */
    html #frame #content_frame .lb_410,
    html #frame #content_frame .rb_410,
    html #frame #content_frame .rb_336,
    html #frame #content_frame .lb_516 {
        width: 320px;
        float: none;
        margin: 24px auto 19px auto;
        padding-top: 20px;
        display: table;
        top: 0;
    }
    html #frame #content_frame .lb_516.w50 {
        margin: 24px auto;
    }

    /* BTN */
    html #frame #content_frame input.btn_486_save {
        width: 330px;
    }
    /* Yiggles */
    html #frame #content_frame .lb_516_center {
        width: 100%;
        margin: 24px 0;
    }

    /* REG Step 1 */

    html .box_check {
        width: 60px;
    }
    html #country_id {width: 218px;}
    html .birthday {margin-left: 0;}

    /* TRIAL */
    html .ribbon_free {
        right: -25px;
        margin: auto auto auto auto;
    }
    html .email-input {
        width: 100% !important;
        box-sizing: border-box;
        height: 38px;
        margin-right: 0;
        margin-bottom: 6px !important;
    }
    /* PP */
    html #ppage_right ul li {padding-bottom: 25px !important;}
    #ppage_price_box_top .seperator {background: #ececec none repeat scroll 0 0;}

    /* PP PRICE */
    html #ppage_price_box_top {
        width: 100%;
        float: none;
        text-align: center;
        margin-right: 0;
    }
    html #ppage_price_box_top .time-offer {
        color: #333333;
        display: inline-block;
        margin-top: 10px !important;
    }

    #ppage_price_box_top .product__price {
        float: unset;
        text-align: center;
        width: 100%;
        display: block;
    }
    #ppage_price_box_top .product__price .price--percent {margin: 0 auto;}
    #ppage_price_box_top .product__price small {
        width: 100%;
    }
    #ppage_price_box_top a {
        float: unset;
        margin: -5px auto 20px;
    }

    #site_header_container {
        padding: 2rem 0;
    }

    #product_menu ul li .menu_hover img {
        display: none;
    }
}

@media only screen and (max-width:770px) {
    /* Badge */
    html .badge {
        display: none;
    }
}

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

    /* DOWNLOADS */
    html #frame #content_frame table#key_table thead {
        display: none;
    }
    html #frame #content_frame table#key_table td {
        width: 100%;
        display: block;
    }
    html #frame #content_frame table#key_table tr {
        text-align: center;
        margin: 0 auto;
    }
    html #frame #content_frame table#key_table {
        border-collapse: separate;
        border-spacing: 0px 15px;
    }
    html #frame #content_frame table#key_table tr:nth-child(odd) {
        background-color: #fbfbfb;
    }
    html #frame #content_frame table#key_table tr td {
        margin: 5px auto;
        box-sizing: border-box;
    }
    html .dl-mobil-fix {display: inline-block;}
    /* MyAsh ACCOUNT */
    /* html #frame #content_frame .lb_516.w50 LABEL {width: auto;} */

    /* PP */
    html #ppage_left #contentline_right img,
    html #ppage_left #contentline_right iframe,
    html #cf_c .lb_516 iframe {width: 100%; height: auto;}
    html #ppage_left #contentline_right img.w-auto {width: auto;}
    html #ppage_left {width: auto;}

    html video {width: 100%;}
    /* MYASH NEWSLETTER */
    #frame #content_frame .fb_892 select {
        max-width: 100%;
    }
    /* ALL */
    html #frame #content_frame .rb_336,
    html #frame #content_frame .lb_516 {
        width: 100%;
        margin: 0 0 30px;
        box-sizing: border-box;
    }

    /* MY ASH NL */
    html .sign_warning {
        width: 15%;
    }
    html .sign_warning img {
        width: 100%;
    }
    /* PP Simple Fade */
    html .simplefader,
    html .simplefader > * {
        width: 260px;
        height: 168px;
        box-sizing: border-box;
    }
    html .simplefader img {
        height: 148px !important;
        box-sizing: border-box;
        width: 240px !important;
    }
    /* PRESSE */
    html #frame #content_frame .btt {margin-top: 45px;}
    .multilicenses_container {
        grid-template-columns: repeat(2, 1fr);
        width: auto;
    }
    .point_break {
        display: none;
    }
    #site_header_container {
        line-height: 1.4;
    }

    .site_header_container_h2 {
        padding: 0;
    }
    .search-results-container ul li {
        flex-flow: wrap;
    }
    .search-results-container ul li .teaser-bg {
        min-width: 100%;
    }
    .search-results-container-text {
        padding: 0.5rem 1rem;
    }
    .grid-row {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

    /* Kontakt / MYASH Profil */
    html #frame #content_frame .lb_516 input,
    #frame #content_frame .lb_516 label,
    #frame #content_frame .lb_516 select,
    html #frame #content_frame .lb_516 textarea {width: 100%; box-sizing: border-box;}
    html #frame #content_frame .lb_516 input {box-sizing: border-box;}
    html #frame #content_frame .lb_516 #message {width: 100%; box-sizing: border-box;}
    html .box_dg {padding: 0; margin-bottom: 60px;}


    /* Rueckgabe */
    html .moneyback-head {text-align: center;}
    html .moneyback-head img {float: none; margin-bottom: 10px;}

    /* NEWSLETTER */
    html .image-newsletter {display: flex; width: 100%;}
    html .image-newsletter img {margin: 0 auto;}
    html .trial_program_step1 {margin: 0;}

    /* LOGIN */
    /* html #frame #content_frame .lb_410, html #frame #content_frame .rb_410 {width: auto;} */
    /* html #frame #content_frame .lb_410 {float: none;margin: 0px;padding: 38px 0 0;} */

    /* My Ash Overview */
    html #frame #content_frame #cf_c #yiggles_box {
        width: auto;
    }
    html #yourselection-intro img {width: 100%}

    /* MyAsh ACCOUNT */
    html #frame #content_frame .lb_516.w50 {width: 100%; margin: 0;}
    html #frame #content_frame .lb_516.w50 .btn_blue_250,
    html #frame #content_frame .lb_516.w50 .btn_250_save {margin-left: 0;}
    html #frame #content_frame .lb_516 select {width: 100% !important;}
    html .success_box {margin: 14px 0;}
    html #frame #content_frame .lb_516 #zipcode {
        width: 30%;
    }

    html #frame #content_frame .lb_516 #city {
        width: 68%;
    }
    /* PRODUCT CATEGORIE */

    html #cat_overview_list li {
        width: 100%;
        margin: 20px 0;
    }
    /* PP */
    html #ppage_left #bigpic.option {
        font-size: 16px;
        line-height: 22px;
        padding-left: 160px;
    }

    /* MYASH Welcome */

    html .box_lft {
        width: 80%;
        margin: 0 10% 16px;
        text-align: center;
    }
    html .box_headline2 {
        width: 75%;
        margin: 5px 8%;
        height: auto;
    }
    /* AFF */
    html #frame #content_frame .lb_441,
    html #frame #content_frame .rb_441 {
        width: 100%;
    }
    html #frame #content_frame .fb_892 {
        padding: 10px 0px;
    }
    /* PP Photo Card */
    html .pp-photocard {
        box-sizing: border-box;
        width: 100%;
        padding: 10px 0 0 200px;
        height: 120px;
    }
    html .pp-photocard p {
        font-size: 14px;
        line-height: normal;
    }
    /* NAV LANG CURRENCY */
    #meta_nav_new #lang_nav,
    #meta_nav_new #currency_nav {
        display: none;
    }
    #meta_nav_new #lang_nav,
    #meta_nav_new #login_nav {background: none;}
    html #meta_nav_new #meta_details,
    html #frame #foot {font-size: 14px;}

    /* Search */
    #cse-search-box .sinp {
        height: 21px;
    }


    html #frame #content_frame #service_letter_form .btn-cta {
        width: 100%;
    }

    /* INDEX */

    html .dow__logo {
        height: auto;
        max-width: 100%;
    }

    html input.btn_318_general,
    html input[type=password],
    html input[type=text] {width: 100% !important; box-sizing: border-box; height: 35px;}
    /* Support */
    html #frame #content_frame .rb_336 #support_head {width: 100%;}

    /* NEWSLETTER */
    html #frame #content_frame .fb_892 input.formfield {width: 83% !important;}
    html #frame #content_frame .trial_program_step1 input.btn_318_send {width: 100% !important;}

    /* WHO IS */
    html #frame #content_frame #keylist_current table tr,
    html #frame #content_frame #keylist_archive table tr {
        display: table-row;
        height: auto;
    }
    html #frame #content_frame table tr {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: 1px solid #ececec;
    }
    html #ppage_right {margin: 0 0 20px; width: 100%; box-sizing: border-box;}
    html #ppage_right #ppage_price_box a.btn_download,
    html #contentline_right a.btn_download,
    html #frame #content_frame .btn_418,
    html #frame #content_frame .btn_418_download,
    html #frame #content_frame input.btn_486_send,
    html #frame #content_frame input.btn_318_send,
    html #cf_c #cb.box_lg a,
    html #cf_c #e5.box_lg a,
    html #frame #content_frame .btn_318_support,
    html #frame #content_frame .btn_418_partner,
    html #frame #content_frame .btn_486_send,
    html #frame #content_frame input.btn_250_save,
    html #frame #content_frame input.btn_486_save,
    html #frame #content_frame input.btn_318_download,
    html .product a.link
        {width: 100% !important; box-sizing: border-box;}

    /* PRESSE */
    .rb_336_press img {width: 100%;}
    /* PPAGE */

    html #ppage_left #screen_list li,
    html #ppage_left #screen_list li.last {margin: 0 auto; float: none;}

    html #box_head {
        //display: flex;
        flex-direction: column;
    }
    html #box_head img {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 500px) {
    html #phead .tag_line {
    }
    html #phead #boxshot {
    }

}

@media only screen and (max-width: 400px) {
    .multilicenses_container {
        grid-template-columns: repeat(1, 1fr);
    }

    .grid-row {
        grid-template-columns: repeat(1, 1fr);
    }
}