/**
* Violution GbR - 2023
* Daniela Brigula
* Kaiserstraße 64
* 44135 Dortmund
**/
.shop-only-mobile, .only_mobile{ display: none; }
.product-list-wrapper .col_9 .support-trigger, .product-list-wrapper .col_9 .product-filter{ display: none; }


@media only screen and (min-width: 1701px) {

    body{
        /* border: 5px solid #989898 !important; */
    }

    .mod_portfoliolist_v5 .item .info h2.title{
        font-size: 1.05vw !important;
        letter-spacing: 1px !important;
    }
}

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

    body{
        /*border: 5px dashed #f00 !important;*/
    }
}

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

    body{
         /*border: 5px dotted #6769b5 !important;*/
    }

    .mod_iso_productreader .detail_gallery {
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        margin-top: 20px;
    }

    .mod_iso_productreader .main-image figure {
        height: auto;
    }

    .mod_portfoliolist_v5 .item .info h2.title {
        font-size: 1.5vw !important;
    }

    .mod_iso_productreader .detail_gallery .image_container{
        margin: 0 10px 10px 0;
        float: left;
    }

    .mod_iso_productreader .thema {
        margin-top: 220px;
        width: 60%;
    }

    #tagcloud{
        margin-top: 80px;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
}

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

    body{
       /*border: 5px dashed #b58e15 !important;*/
    }

    #main p.install-hint::before {
        margin-left: 13px;
    }

    .support-trigger h3 {
        padding: 23px 15px 0 15px !important;
        font-size: 1.4rem !important;
    }

    #main .support-trigger p {
        padding: 0 15px 16px !important;
        font-size: 1.05em !important;
        line-height: 1.8em !important;
    }

    #main .support-trigger a.hyperlink_txt {
        margin: 10px 15px 30px !important;
        width: calc(100% - 30px);
    }

    .ce_productbox.version3.shop-item-teaser .image_container{
        height: auto;
        padding: 2.5%;
    }

    .product-details h1 {
        font-size: 2.6rem !important;
    }

    .mainmenu ul li {
        margin-right: 14px !important;
    }

    .vio_shop-shortcuts .vio_shopshortcut {
        width: 37px;
    }

    .cart-sum{
        right: 4px;
    }

    #main .testimonialbox p:first-child {
        font-size: 1.05em !important;
    }

    #tagcloud{
        margin-left: -50px;
    }

    #main .vio_facebook_feed p{
        font-size: 1.12em !important;
        line-height: 1.7em !important;
    }

    .vio-blog-item .teaser {
        padding: 25px 12px 30px 23px;
    }

    .mod_portfoliolist_v5 .info .subline {
        font-size: 14px;
        line-height: 1.6rem;
    }

    #blogteaserStartseite .vio-blog-item {
        height: auto !important;
        min-height: 337px;
    }

    #main .vio-related-item strong.title {
        font-size: 1.15em;
    }

    #tile_wrapper.blogtiles .item .info h2.title {
        font-size: 1.5rem !important;
        bottom: 48px;
    }

    #main .vio-blog-item .teaser h3 a {
        font-size: 1.5rem !important;
    }

    .mod_portfoliolist_v5 .item .info h2.title {
        font-size: 1.67vw !important;
        letter-spacing: 0;
    }
}

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

    body{
          /*border: 5px solid #000000 !important;*/
    }

    .align-left, .align-left * {
        text-align: left !important;
        margin-left: 0 !important;
    }

    .ce_hyperlink.expand.ce_hyperlink-extended {
        max-width: 100%;
    }

    #main .hasIcon ul{
        padding-left: 0 !important;
    }

    #main .hasIcon ul li,
    #main .anwendungsbeispiele .ce_list ul li{
        font-size: 1.25rem !important;
    }

    .mod_iso_orderhistory .order h2 {
        padding: 0 0 0 25px;
        font-size: 1.9rem !important;
    }

    .mod_iso_productreader .thema {
        margin-top: 170px;
    }

    .mod_iso_orderhistory .order .col_6.order_item_infos {
        flex: 0 0 calc((100% / 12) * 5);
        max-width: calc((100% / 12) * 5);
    }

    .order_item_downloads a.ce_download_small_inside {
        font-size: 15px !important;
        padding: 8px 14px;
    }

    #main .mod_iso_orderhistory .order .order_item_infos ul li {
        max-width: 100%;
    }

    .mod_iso_orderhistory .order .col_6.order_item_downloads {
        flex: 0 0 calc((100% / 12) * 7);
        max-width: calc((100% / 12) * 7);
    }

    .mod_iso_orderhistory .order .head-line .data.order_status{
        padding-left: 0;
        padding-right: 20px;
    }

    .ticketformular .autogrid_grid.gutter_m > .column {
        padding-left: 15px !important;
        padding-right: 0 !important;
    }

    #main .tipps-kontakt h3,
    #main .tipps-kontakt p {
        max-width: 88%;
    }

    .product-list-wrapper .col_3{
        flex: 0 0 calc((100% / 12) * 4);
        max-width: calc((100% / 12) * 4);
    }

    .product-list-wrapper .col_9{
        flex: 0 0 calc((100% / 12) * 8);
        max-width: calc((100% / 12) * 8);
    }

    .product-item-container h3 {
        margin-bottom: 2px !important;
        margin-top: 20px;
    }

    .mod_article.pitch {
        padding: 48px 15% 9px;
    }

    #main .mod_article.pitch p, #main .mod_article.pitch p strong {
        font-size: 21px !important;
    }

    #portallinks{
        display: none;
    }

    #main .ce_productbox.version3.shop-item-teaser p{
        padding: 0 25px 0 25px !important;
        width: 100%;
    }

    .ce_productbox.version3.shop-item-teaser .ce_hyperlink a{
        width: calc(100% - 25px);
    }

    .ce_productbox.version3 .attribute.ce_headline {
        margin-top: 10px;
    }

    .ce_productbox.version3.shop-item-teaser h4 {
        font-size: 1.4rem !important;
        padding-right: 25px;
    }

    .ce_productbox.version3.shop-item-teaser {
        height: 680px;
    }

    .mod_login.vio-form-small, .vio-form {
        max-width: 100%;
    }

    .vio_shop-shortcuts .vio_shopshortcut{
        margin-top: 3px;
    }

    .autogrid_row.product-item-container{
        margin-bottom: 50px !important;
    }

    .stickyheader .header.cloned{
        margin-top: 0;
    }

    .header.cloned .inside {
        min-height: 70px;
    }

    #shop-infos .autogrid, #shop-infos .autogrid_row > .column{
        padding-left: 5px;
        padding-right: 5px;
    }

    #shop-infos .ce_text{
        padding-left: 15px;
    }

    .ce_hyperlink.setleft{
        margin: 0;
    }

    #main #shop-infos ul li {
        width: 48%;
    }

    #main .testimonialbox p.autor {
        font-size: 0.9em !important;
    }

    #main .testimonialbox p.autor {
        height: 124px;
    }

    .vio_facebook_feed .autogrid_row > .column {
        padding-left: 6px;
        padding-right: 6px;
    }

    .vio_facebook_feed .ce_image_text_box.version2 .ce_image_text_box_content_outside {
        padding: 18px;
        max-width: 80%;
    }

    .mod_portfoliolist_v5 .info .subline {
        font-size: 12px;
        line-height: 1.4rem;
    }

    #article-13731 .ce_hyperlink {
        max-width: 300px;
        margin-left: 0;
    }

    #article-13731 .mb-m {
        margin-bottom: 0 !important;
    }

    #blogteaserStartseite {
        margin-top: 30px;
    }

    #tagcloud-content .ce_divider_extended{
        margin-top: 20px !important;
    }

    #storeSubheadline h3, #storeSubheadlineProducts h3 {
        margin-top: -25px;
    }

    #tagsCanvasContainer, #tagcloud-content .column.col_4{
        display: none !important;
    }

    #article-13728 .pb-xs {
        padding-bottom: 60px !important;
    }

    #article-13728 .pt-xs {
        padding-top: 20px !important;
    }

    #main #tagcloud-content p {
        padding-bottom: 0 !important;
    }

    body .header .inside{
        min-height: 60px;
    }

    #partnerlogos {
        max-width: 50%;
    }

    .begleittext {
        margin-top: 25px !important;
    }

    summary h2 {
        margin-bottom: 0 !important;
    }

    .header, body .header .inside {
        line-height: 50px;
    }

    .smartmenu, body .header.cloned .inside {
        line-height: 46px;
    }

    body .header.cloned .mod_search {
        padding-top: 13px !important;
    }

    .header,
    body .header .inside,
    .smartmenu
    {
        line-height: 50px;
    }

    .header {
        background: #ffffff;
        margin-top: 8px;
    }

    .smartmenu{
        position: absolute;
        right: 17px;
        top: -2px;
        float: none;
    }

    .smartmenu .smartmenu-trigger {
        height: 50px;
        width: 35px;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }

    body.blog .smartmenu .smartmenu-trigger {
        margin-right: 0;
    }

    /* Beginn Hamburger Menü Relevanz */
    .smartmenu .smartmenu-trigger {
        height: 51px;
        width: 30px;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

    .smartmenu .smartmenu-trigger .line {
        height: 3px;
        background: #a0a0a0;
        width: 30px;
    }

    .smartmenu .smartmenu-trigger .line:before, .smartmenu .smartmenu-trigger .line:after {
        width: 30px;
        height: 3px;
        background: #a0a0a0;
    }

    .smartmenu-content .mod_navigation li:not(.floatbox) {
        font-size: 1.4rem;
        line-height: 2rem !important;
        height: 3.2rem;
        text-transform: none;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }

    .smartmenu-content .smartmenu-close {
        position: absolute;
        right: 17px;
        top: 17px;
    }

    .smartmenu-content .mod_navigation a:hover {
        opacity: 1;
        color: #9b3ad5;
    }

    .smartmenu-content .mod_navigation a.active,
    .smartmenu-content .mod_navigation a.trail {
        border-bottom: 0;
        color: #9B3AD5;
    }

    .smartmenu-content {
        background: rgba(0,0,0,.9);
    }

    .smartmenu-content .smartmenu-close:after,
    .smartmenu-content .smartmenu-close:before {
        width: 25px;
        height: 3px;
    }

    .smartmenu-content .smartmenu-close:after {
        margin-left: -25px;
    }

    .smartmenu-content .mod_navigation li:not(.floatbox) {
        font-size: 1.3em;
        font-weight: 600;
        line-height: 1.6rem;

    }

    /* Zweite Hamburger-Ebene */
    .smartmenu-content .mod_navigation li:not(.floatbox).leistungsdetails{
        font-size: 1rem;
        width: 100%;
        padding-left: 20px;
        font-weight: 400;
        border-bottom: 0;
        padding-top: 1em;
        margin-bottom: 0.3em;
    }

    .smartmenu-content .mod_navigation li.leistungsdetails a:before {
        content: '';
        display: inline-block;
        margin-right: 5px;
        background-image: url("../layout/arrows/arrow_right.svg");
        width: 18px;
        height: 18px;
        background-size: 80%;
        background-position: 0 bottom;
        background-repeat: no-repeat;
    }

    .vio_shop-shortcuts{
        right: 104px;
    }

    .header.cloned .vio_shop-shortcuts{
        top: 1px;
    }

    .header.cloned .mod_search {
        top: -1px;
    }

    .cart-sum{
        top: -4px;
        right: 4px;
        line-height: 14px;
        width: 16px;
        height: 16px;
    }

    .header.cloned .cart-sum{
        top: 5px;
    }

    .header .mod_search {
        margin-right: 19px;
        right: 45px;
        position: absolute;
        float: none;
    }

    .blog .smartmenu {
        padding-right: 19px;
    }

    .logo {
        height: 53px;
    }

    #vio-logo {
        width: 120px;
    }

    #top-wrapper {
        height: 66px;
    }

    .mainmenu {
        display: none;
    }

    .header.cloned .smartmenu .smartmenu-trigger {
        height: 71px;
    }

    .smartmenu{
        display: block !important;
    }

    .mod_portfoliolist_v5 .item .info h2.title {
        font-size: 1.9vw !important;
    }

    .mod_portfoliolist_v5 .item .info .title {
        width: 85% !important;
    }

    .mod_portfoliolist_v5 .item#tile_6 .info .title {
        width: 80% !important;
    }

    .mod_portfoliolist_v5 .item#tile_7 .info .title {
        width: 65% !important;
    }

    h1, .h1, .h1 p {
        color: #361B6A !important;
        font-size: 2.6rem !important;
    }

    h2, .h2, .h2 p {
        font-size: 2.3rem !important;
    }

    .start h2, .start .h2, .start .h2 p {
        font-size: 2rem !important;
    }

    .start.shop h2{
        font-size: 2.3rem !important;
    }

    body .boxed-content .contentwrap,
    body .header .inside,
    body .mod_article:not(.fullwidth):not(.kacheln) > .container,
    body #footer .inside, #bottom .inside {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .personbox .grid_50_50.t_70_30{
        grid-template-columns: 60% 40%;
    }

    .personbox .grid_50_50.t_30_70{
        grid-template-columns: 40% 60%;
    }

    .personbox .column[class*="col_"], .autogrid_grid .column {
        margin-bottom: 15px;
    }

    .ce_divider_extended {
        margin-top: 0;
        margin-bottom: 12px;
    }

    .start .mod_article:not(.fullwidth) > .container {
        padding-top: 60px;
    }

    .mod_article:not(.fullwidth) > .container {
        padding-bottom: 50px !important;
    }

    #top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, .mod_article:not(.fullwidth) > .container, .mod_article.boxed > .container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_bgimage-inside, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside, .mod_pageimage .container
    {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .grid_25_75.t_60_40 {
        grid-template-columns: 100% !important;
    }

    .pt-l {
        padding-top: 80px !important;
    }

    .pb-l {
        padding-bottom: 80px !important;
    }

    .pb-s {
        padding-bottom: 40px !important;
    }

    .pt-s {
        padding-top: 50px !important;
    }

    .pb-m {
        padding-bottom: 40px !important;
    }

    .pt-m {
        padding-top: 40px !important;
    }

    .vio_facebook_feed .col_4,
    #werte .col_4,
    .vio-iconbar .col_4 {
        flex: 0 0 calc((100% / 12) * 4);
        max-width: calc((100% / 12) * 4);
    }

    .vio-iconbar .col_3 {
        flex: 0 0 calc((100% / 12) * 3);
        max-width: calc((100% / 12) * 3);
    }

    #werte .col_4 .font-size-m, #werte .font-size-m p {
        font-size: 1.6rem;
    }

    .vio-iconbar .pb-xs {
        padding-bottom: 16px !important;
    }

    #werte .pb-xs{
        padding-bottom: 30px !important;
    }

    .facebook-post-date {
        padding: 6px 8px 8px 25px;
        font-size: 0.85em;
    }

    #partner .mt-s {
        margin-top: 0 !important;
    }

    #partnerlogos {
        margin-left: -25px;
        text-align: left;
    }

    #partnerlogos.mt-xxl {
        margin-top: 0px !important;
    }

    #partner .pb-s {
        padding-bottom: 30px !important;
    }

    /* Footer */
    #footer .col_4 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #footer .col_4.footer-col3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #footer .col_4.footer-col3 .ce_headline,
    #footer .col_4.footer-col3 .ce_text p,
    #footer .col_4.footer-col3 .align-left,
    #footer .footer-col3 .footerheadline
    {
        text-align: center !important;
        max-width: 80%;
        margin: 0 auto;
    }

    #footer .footer-col3 .footerheadline{
        margin-top: 20px;
    }

    #footer .mod_socials {
        margin-bottom: 20px !important;
        margin-top: 10px !important;
    }

    #footer .inside{
        padding: 30px 25px 5px 25px !important;
    }

    #bottom ul li {
        padding-left: 0.9em;
    }

    #main .vio_facebook_feed .col_4 p{
        font-size: 1em !important;
        max-width: 90%;
    }

    .autogrid, .autogrid_row .column {
        padding-left: 8px;
        padding-right: 8px;
    }

    #main p.autor {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .vio_facebook_feed ce_image_text_box.version2 .ce_image_text_box_content_outside {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .autogrid_row{
        margin-bottom: 0 !important;
    }

    .ce_bgimage.max_width_m .contentwrap {
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Spalten Break */
    .c20l,
    .c25l,
    .c33l,
    .c40l,
    .c38l,
    .c50l,
    .c60l,
    .c62l,
    .c66l,
    .c75l,
    .c80l,
    .c15l,
    .c16l,
    .c30l,
    .c45l,
    .c55l,
    .c70l,
    .c85l,
    .c20r,
    .c25r,
    .c33r,
    .c40r,
    .c38r,
    .c50r,
    .c60r,
    .c66r,
    .c62r,
    .c75r,
    .c80r,
    .c15r,
    .c16r,
    .c30r,
    .c45r,
    .c55r,
    .c70r,
    .c85r,
    .col_2,
    .col_3,
    .col_4,
    .col_5,
    .col_6{
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex: 100%;
        max-width: 100%;
        margin-bottom: 16px;
    }

    .blog.folge #main,
    .folge #main {
        padding-top: 90px !important;
    }

    #footer li::after {
        width: 100% !important;
    }

    #footer .mod_socials {
        margin-bottom: 20px !important;
        margin-top: 10px !important;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: block;
    }

    #footer .mod_socials a i {
        float: none;
    }

    .vio-blog-item .d_66_33 {
        grid-template-columns: auto 260px !important;
    }

    #main .vio-blog-item .teaser h3 a {
        font-size: 1.4rem !important;
    }

    .vio-blog-item .image_container {
        height: 200px;
        width: 200px;
    }

    .notablet{
        display: none;
    }

    .start.blog #main .mehrwert p {
        line-height: 1.4em !important;
        max-width: 80%;
        margin: 0 auto;
        font-size: 1.4em !important;
    }

    .ce_hyperlink {
        max-width: 340px;
        margin: 0 auto;
    }

    .grid_40_60.d_50_50,
    .grid_25_75.t_75_25,
    .grid_66_33.t_75_25,
    .d_66_33,
    .t_50_50{
        grid-template-columns: 100% !important;
    }

    .autogrid_grid.gutter_m {
        margin-left: 0;
        margin-right: 0;
    }

    .mb-xxl {
        margin-bottom: 60px !important;
    }

    #main .teasertext p,
    .mehrwert p strong{
        max-width: 90%;
    }

    .mod_news4wardComments {
        margin-top: 0;
        margin-bottom: 0;
    }

    #main .ce_sharebuttons{
        margin-bottom: 30px;
    }

    #main .comment-list p.info,
    #main .comment-list .comment p{
        padding-left: 16px !important;
    }

    #beitragsleser .right-column {
        margin-top: 0;
    }

    .imprintcols .ce_bgimage.max_width_m .contentwrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #main #beitragsleser .mod_news4wardReader p.info.bottominfo {
        padding-bottom: 1.2em !important;
    }

    .imprintcols .t_50_50 {
        grid-template-columns: 100% !important;
    }

    .imprintcols .align-center,
    .imprintcols .align-center *,
    #main .imprintcols p{
        text-align: left !important;
    }

    #kontakt #maps-container .ce_bgimage .contentwrap {
        max-width: 100%;
    }

    #kontakt #maps-container .ce_bgimage{
        height: auto !important;
    }

    #kontakt .personbox .column[class*="col_"], .autogrid_grid .column {
        margin-bottom: 0 !important;
    }

    #kontakt .hint {
        right: auto;
        left: 50%;
        bottom: 244px;
    }

    #kontakt .mobilflipright {
        position: absolute;
        top: 3.25rem;
        left: 50%;
    }

    #kontakt .mobilflipright .mod_socials {
        margin-top: 0 !important;
    }

    #main .hint p {
        transform: rotate(0deg);
        text-align: left;
    }

    body .boxed-content.vio-iconbar .contentwrap {
        max-width: 420px;
        min-width: 420px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .vio-iconbar .contentwrap svg {
        width: 85px;
        height: 85px;
    }

    /* Hero */
    #hero-startseite-claim .part1 p, #hero-startseite-claim .part2 p{
        font-size: 27px;
        line-height: 57px;
        padding: 0px 21px 0 60px;
        margin-bottom: 12px;
    }

    #hero-startseite-claim.ce_bgimage.vertical_centered .ce_bgimage-inside {
        top: 81% !important;
    }

    #vio-logo {
        width: 144px;
    }

    .mod_portfoliolist_v5 .item .info h2.title {
        font-size: 2vw !important;
    }

    .leistungsdetails .t_50_50 {
        grid-template-columns: 60% 40% !important;
    }

    .personbox .ce_iconbox .ce_iconbox_outside {
        margin-bottom: 8px;
    }

    #slider .ce_bgimage .ce_bgimage-image {
        background-position: 20% center;
    }

    h1, .h1, .h1 p {
        font-size: 2.4rem !important;
        line-height: 1.4em;
    }

    h2, .h2, .h2 p {
        font-size: 2.1rem !important;
    }

    #main ol, #main ul {
        padding: 1em 0 0.5em 2em !important;
        margin-top: 0;
    }

    #beitragsleser .mod_news4wardReader .grid_50_50.d_40_60 {
        grid-template-columns: 33% 67%;
    }

    .col_8 {
        flex: 100% !important;
        max-width: 100% !important;
    }

    #main #tagcloud-content p {
        font-size: 1.15em !important;
        line-height: 1.6em !important;
        text-shadow: 1px 1px 1px rgba(0,0,0,.3);
        max-width: 700px;
        padding-left: 30px !important;
    }

    .ce_productbox.version3.shop-item-teaser h4{
        font-size: 1.45rem !important;
    }

    .ce_bgimage.max_width_m.support-trigger .contentwrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .produktuebersicht .d_33_66 {
        grid-template-columns: 45% 55%;
    }

    #main .produktuebersicht .product-item-container p.teaser {
        font-size: 16px !important;
        margin-bottom: 150px;
    }

    #main .produktuebersicht .product-item-container .price {
        font-size: 33px;
        bottom: 82px;
    }

    #main #vio-cart tr.product td.name ul.product_variante li {
        max-width: 100%;
    }

}

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

    body{
        /*border: 5px solid #00ff00 !important;*/
    }

    a.ce_download_small_inside .size {
        display: block;
    }

    a.ce_download_small_inside {
        line-height: 1.5em !important;
    }

    .mod_iso_orderhistory .order .col_6.order_item_infos {
        flex: 0 0 calc((100%/12)*6);
        max-width: calc((100%/12)*6);
        padding-right: 30px !important;
    }

    .mod_iso_orderhistory .order .head-line .data .status {
        padding: 5px 10px;
        margin-top: 4%;
    }

    #main .mod_iso_orderhistory .order .order_item_downloads ul{
        padding: 28px 20px 0 20px !important;
    }

    .mod_iso_orderhistory .order .head-line .data {
        padding: 14px 15px 15px 25px;
        font-size: 1rem;
        line-height: 1.5;
    }

    .mod_iso_orderhistory .order .col_6.order_item_downloads {
        flex: 0 0 calc((100%/12)*6);
        max-width: calc((100%/12)*6);
    }

    .ce_accordion.product-filter{
        padding-left: 0 !important;
        margin-bottom: 30px !important;
        border-bottom: 0 !important;
    }

    #vio-cart tr.product td.image {
        padding-left: 0;
        padding-right: 0;
    }

    .ce_accordion.product-filter:hover {
        background-color: transparent !important;
    }

    .product-item div.submit a, input.submit.add_to_cart {
        padding: 15px 25px;
    }

    .ce_accordion.product-filter .toggler{
        border: 3px solid #c7c7c7 !important;
        max-width: 300px;
        margin-left: 0;
        margin-right: auto;
        text-align: left;
        white-space: nowrap;
        color: #c7c7c7;
        font-weight: 600 !important;
        text-transform: uppercase;
        position: relative;
        text-indent: 28%;

    }

    .ce_accordion.product-filter .toggler:hover,
    .ce_accordion.product-filter .toggler:focus,
    .ce_accordion.product-filter .toggler.active{
        border: 3px solid #7e4290 !important;
        color: #7e4290;
    }


    .ce_accordion.product-filter .accordion {
        padding-top: 30px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .mod_iso_productfilter input, .mod_iso_productfilter select {
        margin-bottom: 0;
    }

    .search-mobile .col_2 input{
        margin-top: 25px !important;
        min-width: 100%;
        width: 100%;
        margin-left: -11px;
    }

    .ce_accordion.product-filter .toggler .ui-icon:before{
        content: '';
        width: 20px;
        height: 20px;
        display: inline-block;
        background-image: url(../layout/shop/filterung_icon.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: -2px 0;
        position: absolute;
        left: 17%;
        top: 33%;
    }

    .ce_accordion.product-filter .toggler.active .ui-icon:before,
    .ce_accordion.product-filter .toggler:hover .ui-icon:before,
    .ce_accordion.product-filter .toggler:focus .ui-icon:before{
        background-image: url(../layout/shop/filterung_icon_hover.png);
    }

    .mod_iso_productfilter:before {
        display: none;
    }

    .product-item {
        margin-bottom: 30px;
    }

    .product-list-wrapper .col_3,
    .product-list-wrapper .col_9{
        flex: 100%;
        max-width: 100%;
    }

    .mod_iso_productlist .pagination {
        text-align: center !important;
    }

    .product-list-wrapper .col_3 .product-filter,
    .product-list-wrapper .col_3 .support-trigger
    {
        display: none;
    }

    .product-list-wrapper .col_9 .product-filter,
    .product-list-wrapper .col_9 .support-trigger{
        display: block;
    }

    .two-col-layout{
        margin-bottom: 60px;
    }

    .ce_bgimage.max_width_m.support-trigger .contentwrap {
        border-bottom: 0;
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-top: 25px !important;
        padding-bottom: 25px !important;

    }

    .ce_bgimage.max_width_m.support-trigger .contentwrap .align-left,
    .ce_bgimage.max_width_m.support-trigger .contentwrap .align-left *{
        text-align: center !important;
    }

    .support-trigger h3 {
        padding: 23px 15px 0 !important;
        font-size: 1.8rem !important;
    }

    .product-item .column.product-image-container img {
        transform: scale(1);
    }

    #main .default-accordeons .inner-acc p {
        max-width: 92%;
        font-size: 1.3rem;
    }

    .product-item-container .d_33_66 {
        grid-template-columns: 40% 60%;
    }

    .shop-only-mobile{
        display: block;
    }

    .shop-no-mobile{
        display: none;
    }

    .ce_productbox.version3.shop-item-teaser {
        height: auto;
    }

    .ce_productbox.version3.shop-item-teaser h4 {
        padding-right: 25px;
        font-size: 1.8rem !important;
    }

    .ce_productbox.version3.shop-item-teaser .ce_hyperlink a {
        width: 100%;
        min-width: 180px;
        padding: 10px 20px 10px 48px;
    }

    .default-accordeons .ce_accordion summary h2 {
         font-size: 1.3rem !important;
         letter-spacing: 0.03rem;
     }

    .ce_productbox.version3.shop-item-teaser .ce_productbox_content_bottom{
        position: absolute;
        left: 315px;
    }

    .ce_productbox.version3.shop-item-teaser .image_container {
        padding: 2% 1% !important;
        height: 345px !important;
    }

    .ce_productbox.version3.shop-item-teaser .ce_hyperlink {
        padding-left: 0 !important;
    }

    .product-item-container .col_5,
    .product-item-container .col_7 {
        flex: 100%;
        max-width: 100%;
    }

    .mod_iso_productreader .detail_gallery {
        margin-top: 15px;
        margin-bottom: 130px;
    }

    .product-item-container .product-images.shop-only-mobile{
        float: left;
        width: 50%;
        height: auto;
    }

    .mod_iso_productreader .main-image figure {
        height: auto;
    }

    #main .product-item-container p.teaser, .product-item-container .sku, .product-item-container .subline, .product-item-container h1, .product-item-container h3 {
        margin-left: 0;
    }

    .product-item-container .thema.shop-only-mobile{
        float: right;
        margin-top: -15px;
        width: 45% !important;
        padding-right: 3%;
        height: auto;
    }

    .product-feature-list ul li:before {
        left: 15px;
    }

    .product-feature-list {
        margin-bottom: 60px;
        margin-left: 0;
        clear: both;
        display: block;
        border: 1px solid transparent;
    }

    .default-accordeons .ce_accordion {
        margin-left: 0;
    }

    #main p.hint{
        max-width: 100%;
    }

    .vio-form{
        max-width: 100%;
    }

    .testimonialbox {
        padding: 16px 11px 0 18px;
        height: 600px;
    }

    #main .testimonialbox p:first-child {
        font-size: 1em !important;
        line-height: 1.63em !important;
    }

    .helpArrow {
        width: 39%;
        margin: 54px auto auto;
    }

    .store-article .autogrid_row .column.col_4 {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex: 100%;
        max-width: 100%;
        margin-bottom: 16px;
    }

    .ce_productbox.version3.shop-item-teaser .image_container {
        padding: 3%;
        float: left;
        height: 300px;
        width: 275px;
    }

    .ce_productbox.version3.shop-item-teaser .ce_productbox_inside {
        padding-bottom: 0;
    }

    .ce_productbox.version3.shop-item-teaser {
        margin-bottom: 15px;
    }

    .ce_productbox.version3.shop-item-teaser .subheadline{
        right: unset;
        left: 15px;
    }

    .ce_productbox.version3.shop-item-teaser .ce_productbox_content_top,
    .ce_productbox.version3.shop-item-teaser .ce_hyperlink{
        padding-left: 290px;
    }

    .ce_productbox.version3.shop-item-teaser .ce_hyperlink{
        padding-left: 315px;
        margin: 0 0;
    }
}

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

    body{
        /*border: 5px solid #000000 !important;*/
    }

    .smartmenu {
        right: 40px;
    }

    .cloned #vio-logo {
        width: 55px;
    }

    .stickyheader .logo {
        height: 59px;
    }

    .header.cloned .smartmenu {
        top: -6px;
    }

    .header .ce_search_label i {
        margin-right: 30px;
    }

    body .header .inside,
    body .header.cloned .inside{
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    body .header.cloned .inside{
        min-height: 60px;
        line-height: 40px;
    }

    #tile_wrapper{
        border: 1px solid transparent;
    }

    #vio-cart .image_container {
        width: 200px;
    }

    .mod_iso_orderhistory .order .col_6.order_item_infos,
    .mod_iso_orderhistory .order .col_6.order_item_downloads {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .mod_iso_orderhistory .order .order_item_downloads {
        padding-top: 0;
        margin-bottom: 0;
    }

    #main .mod_iso_orderhistory .order .order_item_downloads ul {
        margin-right: 25px;
        margin-left: 25px;
    }

    .mod_iso_orderhistory .order .ce_divider_extended {
        margin: 70px 40px 15px 40px;
    }

    a.ce_download_small_inside .size {
        display: inline;
    }

    .order_item_downloads a.ce_download_small_inside {
        padding: 17px 14px;
    }

    .review.orderproducts .submit_container {
        padding-top: 30px !important;
    }

    .mod_iso_cart table, .mod_iso_cart table tr, .mod_iso_cart table thead, .mod_iso_cart table tbody, .mod_iso_cart table td, .mod_iso_cart table th,
    .review.orderproducts table, .review.orderproducts table tr, .review.orderproducts table thead, .review.orderproducts table tbody, .review.orderproducts table td, .review.orderproducts table th{
        display: block;
        width: 100%;
        max-width: 100%;
        text-align: left !important;
        font-size: 1.1rem !important;
        line-height: 1.8rem;
    }

    #main #vio-cart tr.product td.name ul.product_variante {
        font-size: 1.1rem !important;
        line-height: 1.8rem;
    }

    .mod_iso_cart table thead th:not(.image),
    .review.orderproducts table thead th:not(.image){
        display: none;
    }

    #vio-cart tr.product td.image .remove {
        left: auto;
        right: 0;
        bottom: 0;
    }

    #vio-cart tr.product td.image,
    #vio-cart tr.product td.name {
        padding-bottom: 0;
    }

    #vio-cart tr.product td.price,
    #vio-cart tr.product td.price.total,
    #vio-cart tr.product td.tax{
        padding-left: 0;
        font-weight: 400;
        padding-bottom: 0;
        padding-top: 2px;
    }

    #vio-cart tr.product td.price{
        padding-top: 40px;
    }

    #vio-cart tr.product td.price.total{
        padding-bottom: 40px;
    }

    #vio-cart tr.product td.price:before{
        content: "Netto-Preis: ";
        font-weight: 600;
    }

    #iso_mod_checkout_review input.submit.confirm,
    .mod_iso_cart .submit_container input.button_checkout,
    .mod_iso_cart .submit_container input.next,
    .mod_iso_checkout .submit_container input.next,
    #iso_mod_checkout_review input.submit.previous,
    .mod_iso_cart .submit_container a.submit.continue {
        position: relative;
        right: auto;
        top: auto;
        width: 48% !important;
        display: block;
        margin-left: 3px;
        margin-right: 3px;
        float: right;
    }

    #iso_mod_checkout_review input.submit.previous,
    #iso_mod_checkout_review input.submit.confirm{
        float: left;
        width: calc(50% - 6px) !important;
    }

    .mod_iso_cart .submit_container, .mod_iso_checkout .submit_container,
    .review.orderproducts .submit_container, .review.orderproducts .submit_container {
        position: relative;
        width: 103%;
        margin: 30px -2.5%;
        clear: both;
        padding-top: 30px;
    }

    .mod_iso_checkout #iso_mod_checkout_payment .submit_container{
        padding-top: 0;
    }

    #vio-cart tr.product td.tax:before{
        content: "MwSt.: ";
        font-weight: 600;
    }

    #vio-cart tr.product td.price.total:before{
        content: "Brutto-Preis: ";
        font-weight: 600;
    }

    #vio-cart tr.product td {
        border-bottom: 0;
    }

    #vio-cart tr.product td.image {
        border-top: 1px solid #d9d9d9;
    }

    #vio-cart .foot_line.foot_first td {
        padding-top: 0;

    }

    #vio-cart .foot_line td {
        padding: 8px 0 !important;
        text-align: right !important;
        vertical-align: top;
        float: left;
        font-size: 1rem !important;
    }

    #vio-cart .foot_line td.column_1.name{
        width: 70%;
    }

    #vio-cart .foot_line td.column_4.price {
        width: 30%;
        padding-right: 10px !important;
    }

    #vio-cart .foot_line td.column_3.price,
    #vio-cart .foot_line td.column_0.column_first {
        display: none;
    }


    #shop-infos .ce_text {
        padding-left: 0;
    }

    #main #shop-infos ul li {
        width: 35%;
    }

    .vio_facebook_feed .ce_image_text_box.version2 .ce_image_text_box_content_outside {
        max-width: 250px;
    }
}

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

    body{
        /*border: 5px dashed #37dd1d !important;*/
    }

    #tile_3,
    #tile_9{
        display: none;
    }

    body .header.cloned .inside {
        min-height: 57px;
        line-height: 58px !important;
    }

    .header.cloned .smartmenu {
        top: 3px;
    }

    input.upload {
        background-size: 55px auto;
    }

    .mod_article#article-13714 .container{
        padding-top: 0 !important;
    }

    .mod_iso_orderhistory .order .ce_divider_extended {
        margin: 70px 25px 15px;
    }

    .mod_iso_orderhistory .order .head-line .data {
        font-size: 1.1rem;
        min-height: 1px;
    }

    .mod_iso_orderhistory .order .head-line .data.order_invoice a:before {
        right: auto;
        left: 0;
    }

    .mod_iso_orderhistory .order .head-line .data.order_invoice a
    {
        padding-left: 26px;
    }

    .mod_iso_orderhistory .order .head-line .data.order_date,
    .mod_iso_orderhistory .order .head-line .data.document_number,
    .mod_iso_orderhistory .order .head-line .data.order_total
    {
        width: 30%;
        padding-bottom: 0;
    }

    .mod_iso_orderhistory .order .head-line .data.order_status
    {
        width: 60%;
    }

    .mod_iso_orderhistory .order .head-line .data.order_invoice
    {
        width: 30%;
        text-align: left;
    }

    .mod_iso_orderhistory .order .head-line .data.order_status {
        padding-left: 25px;
        padding-right: 25px;
    }

    .mod_iso_orderhistory .order .head-line .data .status {
        padding: 10px 0;
        margin-top: 0;
    }

    .search-mobile .col_2 input{
        margin-top: 12px !important;
        margin-left: 0;
    }

    #main .mod_article:not(.fullwidth) > .container .ce_bgimage .ce_bgimage-inside{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ticketformular .autogrid_grid.gutter_m > .column {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .vio-form .widget-textarea label {
        float: left;
        margin-right: 3px;
    }

    .tipps-kontakt {
        margin-top: 60px;
    }

    #main .product-details p.install-hint {
        bottom: -57px;
    }

    .mod_iso_productreader .submit_wrap.toggle_favorites_wrap {
        top: -286px;
        right: 4px;
    }

    #main .mod_article.fullwidth:not(.boxed-content).pitch {
        padding: 48px 6% 15px !important;
    }

    #main .mod_article.pitch p, #main .mod_article.pitch p strong {
        font-size: 20px !important;
    }

    #hero-shop h1.hero-headline_1,
    #hero-shop .hero-headline_2 p{
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    #main #hero-shop .hero-headline_2 p:after {
        display: none;
    }

    #main #hero-shop .hero-headline_2 p{
        padding-left: 0 !important;
    }

    #hero-shop h1.hero-headline_1{
        margin-top: 30px;
    }

    .product-item-container .offer {
        padding-top: 0;
    }

    .product-item-container .d_33_66 {
        grid-template-columns: 45% 55%;
    }

    #main .produktuebersicht .product-item-container p.teaser {
        font-size: 16px !important;
        margin-bottom: 0;
    }

    #main .produktuebersicht .action_container .submit.details {
        float: none;
        width: 100%;
    }

    #main .autogrid_grid .column.product-info-container{
        padding-left: 8px !important;
        padding-right: 22px !important;
        margin-bottom: 5px;
    }

    #main .produktuebersicht .autogrid_grid .column.product-info-container .submit_container{
        margin-bottom: 0;
    }

    #main p.install-hint {
        bottom: 4px;
    }

    .submit_wrap.toggle_favorites_wrap {
        top: 22px;
        right: 25px;
    }

    #main .produktuebersicht .product-item-container .price {
        font-size: 31px;
        bottom: -10px;
    }

    .product-item .column.product-image-container {
        margin-left: 0;
    }

    .column[class*="col_"].options {
        margin-bottom: 0 !important;
    }

    .autogrid_grid .column.product-info-container{
        padding-left: 15px !important;
    }

    #main .product-item-container p.teaser {
        margin-bottom: 35px;
    }

    #main .product-item-container .price {
        font-size: 34px;
        position: relative;
        right: auto;
        bottom: auto;
        margin-bottom: 30px;
    }

    .action_container .other-buttons,
    .action_container .submit,
    .action_container .other-buttons a,
    .action_container .submit a {
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .action_container .other-buttons a,
    .action_container .other-buttons{
        width: 100%;
    }

    .product-item-container h3 a {
        font-size: 1.7rem !important;
        line-height: 2.3rem;
        margin-bottom: 10px;
    }

    #main .product-item .submit_container {
        display: block;
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        text-align: left;
        margin-bottom: 15px;
    }

    #main .product-item .price .price-info {
        display: inline;
        text-align: left;
        margin-left: 5px;
    }

    #vio-logo {
        width: 131px;
        height: 40px;
    }

    #main .rechtshinweis p {
        margin-top: 0;
    }

    .vio_shop-shortcuts {
        padding-top: 5px;
    }

    .header .mod_search {
        top: -4px;
    }

    .product-feature-list ul li:before {
        left: 0;
    }

    .smartmenu .smartmenu-trigger {
        height: 43px;
    }

    .vio_shop-shortcuts .vio_shopshortcut.vio_account span {
        display: none;
    }

    .vio_shop-shortcuts .vio_shopshortcut {
        width: 38px;
    }

    .vio_shop-shortcuts {
        right: 110px;
    }

    #main p.hint.fullwidth{
        margin: 5px 0 0 0;
        max-width: 100%;
    }

    .mod_login, .shop .mod_registration {
        margin-bottom: 16px;
    }

    .twocol-form .widget {
        width: 100%;
        float: none;
        margin: 0;
        padding-bottom: 25px;
        padding-top: 0;
    }

    .header.cloned .inside, body .header .inside {
        min-height: 46px;
    }

    .twocol-form .widget.widget-submit {
        width: 100%;
        float: none;
        text-align: left;
        padding-top: 6px;
    }

    #shop-infos .inside {
        padding: 25px 22px 0 22px;
    }

    .mod_lostPassword label,
    .vio-form-small label,
    .vio-form label
    {
        width: 140px;
        display: inline-block;
    }

    .mod_lostPassword .checkbox_container label,
    .vio-form-small .checkbox_container label,
    .vio-form .checkbox_container label
    {
        width: auto;
    }

    .mod_lostPassword .widget-submit,
    .vio-form-small .widget-submit,
    .vio-form .widget-submit
    {
        padding-left: 143px;
    }


    .vio_facebook_feed .ce_image_text_box.version2 .ce_image_text_box_content_outside {
        max-width: 100%;
    }

    .ce_productbox.version3.shop-item-teaser .image_container {
        height: 352px;
        width: 240px;
        padding: 6% 0%;
    }

    #main .ce_productbox.version3.shop-item-teaser p {
        padding-right: 12px !important;
    }

    #tagcloud-content .ce_divider_extended{
        display: none;
    }

    .ce_productbox.version3.shop-item-teaser .ce_productbox_content_top {
        padding-left: 240px;
    }

    .ce_productbox.version3.shop-item-teaser .ce_hyperlink {
        padding-left: 265px;
        margin: 0;
    }

    #main #tagcloud-content p,
    #tagCloudHeadline h2,
    #main #tagcloud-content #tagCloudClaim p{
        padding-left: 50px !important;
    }

    .mod_article:not(.fullwidth) > .container {
        padding-bottom: 10px !important;
        padding-top: 40px !important;
    }

    .start #tagCloudHeadline h2 {
        letter-spacing: 0;
        font-size: 1.7rem !important;
        margin-bottom: 10px !important;
    }

    .header .ce_search_label i {
        padding: 10px 0 0 0;
    }

    body .header .inside {
        min-height: 46px;
    }

    .header.cloned .vio_shop-shortcuts {
        top: -6px;
    }

    #main .mod_article #tagcloud-content .ce_bgimage-inside.contentwrap{
        padding-left: 0 !important;
    }

    body .header.cloned .mod_search {
        padding-top: 0 !important;
    }

    .blog.folge #main, .folge #main {
        padding-top: 60px !important;
    }

    #beitragsleser .mod_news4wardReader .grid_50_50.d_40_60 {
        grid-template-columns: 100% !important;
    }

    .autogrid_row .column.col_4 {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex: 100%;
        max-width: 100%;
        margin-bottom: 16px;
    }

    .ce_image_extended.mb-xxs {
        margin-bottom: 0 !important;
    }

    .header .mod_search {
        margin-right: 24px;
    }

    .blog .smartmenu {
        padding-right: 6px;
    }

    a#google-review-trigger{
        display: none !important;
    }

    body.android.blog .right-column h4 {
        font-size: 1.6em !important;
        text-align: center;
    }

    #footer .col_4.footer-col2{
        margin-top: 40px;
    }

    #partnerlogos {
        max-width: 90%;
    }

    #partnerlogos .column{
        margin-bottom: 20px !important;
    }

    .mod_sitemap ul li ul li a {
        padding: 0px 0 10px 30px !important;
    }

    .ce_chartbar.mb-s{
        margin-bottom: 50px !important;
    }

    .onlymobile,
    .only_mobile{
        display: block !important;
    }

    .nomobile,
    .no_mobile{
        display: none !important;
    }

    #main #tile_wrapper.blogtiles .item .info p.date {
        font-size: 1rem !important;
        bottom: -33px;
    }

    #tile_wrapper.blogtiles .item .info h2.title {
        font-size: 1.25rem !important;
        bottom: 25px;
    }

    .smartmenu,
    .header .mod_search{
        display: block !important;
    }

    .vio-iconbar .pb-xs {
        padding-bottom: 10px !important;
    }

    .vio-iconbar .contentwrap svg {
        width: 75px;
        height: 75px;
    }

    .mod_portfoliolist_v5 .item {
        height: 160px !important;
        position: relative !important;
        margin-bottom: 15px;
        top: auto !important;
    }

    .mod_portfoliolist_v5 .item .info,
    .mod_portfoliolist_v5 .item#tile_8 .info {
        padding-top: 64px !important;
    }

    .mod_portfoliolist_v5 .item .info h2.title,
    .mod_portfoliolist_v5 .item#tile_7 .info h2.title {
        width: 75% !important;
        font-size: 20px !important;
    }

    .personbox .grid_50_50.t_70_30{
        grid-template-columns: 100%;
    }

    .personbox .grid_50_50.t_30_70{
        grid-template-columns: 100%;
    }

    .ce_text_image_bar .image-right,
    .ce_text_image_bar .image-left {
        display: none;
    }

    #werte .col_4 .font-size-m, #werte .font-size-m p {
        font-size: 1.7rem !important;
    }

    .vio-blog-item .d_66_33 {
        grid-template-columns: 100% !important;
    }

    .vio-blog-item {
        height: auto;
    }

    .vio-blog-item .teaser {
        padding: 25px 30px 30px 30px;
    }

    .vio-blog-item .image_container {
        display: none;
    }

    .pb-xs {
        padding-bottom: 20px !important;
    }

    /* Binding */
    #top .inside,
    .header .inside,
    #footer .inside,
    #bottom .inside,
    .mod_article.binding,
    body.sidebar #container,
    #main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth),
    .fullwidth.boxed-content .contentwrap,
    .fullwidth.featurelist .ce_text,
    .fullwidth.featurelist .ce_text_extented,
    .smallwidth .contentwrap,
    .boxed-content .contentwrap,
    .autogrid_wrapper.article,
    .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside,
    .ce_video_background .ce_video_background_inside,
    #offcanvas-top .offcanvas-top-inside,
    .ce_calltoaction .ce_calltoaction_inside,
    .mod_breadcrumb .mod_breadcrumb_inside,
    .mm_dropdown .binding{
        /*border: 1px solid #d0d;*/
        max-width: 98% !important;
    }

    #article-12589{
        margin-top: 60px;
    }

    .folge .mod_article.featurelist li {
        font-size: 1em !important;
    }

    .mod_article.featurelist li:before{
        padding-right: 5px;
    }

    #article-12636 .pb-xs,
    #article-12590 .pb-xs {
        padding-bottom: 5px !important;
    }

    .newslist .autogrid_wrapper .ce_iconbox_outside,
    .newslist .newsSwipe .ce_iconbox_outside {
        height: 370px !important;
    }

    .newslist .autogrid_wrapper .ce_iconbox_outside p,
    .newslist .newsSwipe .ce_iconbox_outside p{
        line-height: 1.6rem;
    }

    .folge #main .mod_article.maincontent {
        padding-bottom: 0 !important;
    }

    .servicetext {
        margin-top: 0;
    }

    #article-12636 .contentwrap h2,
    #article-12590 .contentwrap h2{
        max-width: 80%;
        font-size: 1.2rem !important;
        line-height: 1.7rem;
    }

    .only_mobil{
        display: block !important;
    }

    .no_mobil{
        display: none !important;
    }

    #main .ce_download:last-child {
        margin-bottom: 0 !important;
    }

    #kundenstimmen,
    #ia-button,
    .two-cols .ce_image .image_container,
    .newslist .ce_iconbox.default .ce_image.attribute{
        display: none !important;
    }

    #hero-startseite-claim .part1 p, #hero-startseite-claim .part2 p {
        font-size: 20px;
        line-height: 40px;
        padding: 0px 21px 0 43px;
        margin-bottom: 7px;
    }

    #hero-startseite-claim.ce_bgimage.vertical_centered .ce_bgimage-inside {
        top: 74% !important;
    }

    .ce_bgimage_111471 {
        height: 229px !important;
    }

    .ce_hyperlink{
        max-width: 300px;
        margin: 0 auto;
    }

    #article-13790 .ce_hyperlink{
        max-width: 100%;
    }

    .vio-form .widget.col-50.first {
        padding-right: 0;
    }

    #main .mod_article.featurelist p {
        font-size: 1.2em !important;
        line-height: 1.9rem !important;
    }

    .vio-form .widget.col-50 {
        max-width: 100%;
        width: 100%;
        display: block;
    }

    .tipps-kontakt {
        margin-top: 40px;
    }

    #startboxes_mobil{
        margin-bottom: 30px;
    }

    #startboxes_mobil .boxed-content .contentwrap{
        padding: 0 !important;
    }

    #startboxes_mobil .ce_bgimage .ce_bgimage-inside {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #startboxes_mobil .ce_colorbox p {
        text-align: center !important;
        font-size: 1rem;
        max-width: 85%;
        font-weight: 300 !important;
    }

    #startboxes_mobil .ce_colorbox p strong{
        font-weight: 300 !important;
    }

    .start #main .servicetext .boxed-content .contentwrap.pb-m {
        padding-bottom: 40px !important;
    }

    #startboxes_mobil .ce_colorbox.rechnungswesen .ce_colorbox_inside,
    #startboxes_mobil .ce_colorbox.wertpapiere .ce_colorbox_inside,
    #startboxes_mobil .ce_colorbox.leistungsabrechnung .ce_colorbox_inside {
        background-size: 17% !important;
        background-position: 105% center !important;
    }

    #startboxes_mobil .ce_colorbox.leistungsabrechnung .ce_colorbox_inside {
        background-size: 17% !important;
        background-position: 105% center !important;
    }

    #startboxes_mobil .ce_colorbox h3.headline {
        font-size: 1.5rem !important;
        text-align: left !important;
    }

    .ce_productbox.version3.shop-item-teaser .ce_productbox_content_bottom {
        left: 265px;
    }

    .ce_productbox.version3.shop-item-teaser .image_container {
        padding: 5% 0 !important;
        height: 395px !important;
    }

    .ce_productbox.version3.shop-item-teaser h4 {
        font-size: 1.6rem !important;
    }

    .ce_colorbox p {
        text-align: left !important;
        font-size: 1.1rem;
        max-width: 60%;
    }

    #startboxes_mobil .ce_colorbox .ce_colorbox_inside {
        padding: 21px 10px;
        height: 230px !important;
        padding-top: 4.5% !important;
    }

    #startboxes_mobil .ce_colorbox.rechnungswesen .ce_colorbox_inside {
        padding-top: 6% !important;
        height: 190px !important;
    }

    .start #main .mod_article.two-cols .ce_bgimage {
        background-color: #ffffff !important;
        margin-bottom: 25px;
        padding-top: 0px;
        border-bottom: 1px solid #f0efef;
        padding-left: 0 !important;
    }

    .start #main .mod_article.two-cols .ce_bgimage .pt-xs{
        padding-top: 15px !important;
    }

    .start #main .mod_article#article-12590 .c50r .ce_bgimage {
        border-bottom: 0;
    }

    .start #main .mod_article#startboxes_mobil .ce_bgimage .ce_bgimage-inside{
        padding-left: 0 !important;
        padding-right: 0px !important;
        margin-left: -7px;
    }

    #main .mod_article.two-cols {
        border-top: 0 !important;
    }

    #bottom .inside .left {
        float: left !important;
        width: 67% !important;
    }

    #footer .inside{
        padding: 30px 20px 10px 20px !important;
    }

    #footer,
    #bottom{
        padding: 0 20px !important;
    }


    #main .mod_article {
        padding-top: 0 !important;
    }

    #main h2.subheadline {
        font-size: 1.1rem !important;
        line-height: 1.8rem !important;
        max-width: 100% !important;
    }

    .ce_text_image_bar .mobile_image_top,
    .ce_text_image_bar .mobile_image_bottom {
        display: none !important;
    }

    .highlights.first {
        margin-top: 0 !important;
    }

    .ce_text_image_bar .text-left,
    .ce_text_image_bar .text-right {
        height: auto!important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    .folge #top-wrapper{
        max-height: 85px !important;
    }

    .ce_bgimage.vertical_centered .ce_bgimage-inside h3 {
        font-size: 1.2rem !important;
    }

    #main .ce_headline_extended.headline_twocolor h2 {
        font-size: 1.5rem !important;
    }

    .ce_bgimage.vertical_centered .ce_bgimage-inside .ce_textarea {
        height: auto !important;
        top: auto !important;
    }

    #main .mod_article#nutzen{
        padding-top: 50px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #main .mod_article#nutzen.anwenderberichte{
        padding-top: 0 !important;
    }

    .ce_accordion .toggler {
        padding: 12px 20px !important;
        letter-spacing: 0 !important;
        font-size: 1rem !important;
    }

    .ce_accordion .accordion {
        font-size: 1rem !important;
    }

    .anwenderbericht {
        margin-top: 20px;
    }

    .anwenderbericht p {
        max-width: 95% !important;
        margin: 15px auto 30px auto !important;
    }

    .folge .mod_article.featurelist h2,
    .folge .mod_article.featurelist h3 {
        padding-top: 50px !important;
        font-size: 1.5rem !important;
    }

    .folge .mod_article.featurelist li {
        font-size: 1em !important;
        padding: 13px 0 !important;
    }

    h3 {
        font-size: 1.5rem !important;
        line-height: 1.5 !important;
    }

    #referenzen h3 {
        margin-bottom: 28px !important;
    }

    #referenzen ul {
        padding-left: 0 !important;
    }

    .start #main .mod_article#nutzen,
    #main .mod_article.fullwidth:not(.boxed-content){
        padding-top: 0 !important;
    }

    .mod_sitemap ul {
        padding: 0 20px !important;
    }

    #infosanfordern-form .autogrid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #main .mod_article.featurelist p {
        padding-bottom: 0 !important;
    }

    #main .ce_download a {
        font-size: 0.9em !important;
    }

    .fullwidth.featurelist .ce_text.partner .image_container {
        display: none !important;
    }

    #main .mod_article.featurelist.left .partner p{
        font-size: 1em !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .fullwidth.featurelist .ce_text.partner {
        margin-bottom: 30px !important;
        padding-bottom: 30px !important;
    }

    .ce_text ul li ul {
        margin-left: 10px;
    }

    .smartmenu-content .mod_navigation li:not(.floatbox) {
        font-size: 1.2em;
        font-weight: 600;
        line-height: 2.2rem !important;
        height: 3.3rem;
    }

    .mod_article.featurelist li:before{
        font-size: 1.1em;
    }

    h1, .h1, .h1 p {
        font-size: 2.2rem !important;
        line-height: 1.5em;
    }

    h2, .h2, .h2 p {
        font-size: 1.8rem !important;
    }

    body #main .mod_article .boxed-content.vio-iconbar .contentwrap {
        max-width: 400px !important;
        min-width: 400px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #main #beitragsleser h1 {
        max-width: 100%;
        min-height: auto !important;
        margin-top: 0 !important;
    }

    #main #beitragsleser .mod_news4wardReader .image_container {
        padding-top: 0;
        margin-bottom: 20px;
    }

    .vio-related-item.vio-blog-item .teaser {
        padding: 0 30px 30px 0;
    }

    .vio-form-small, .vio-form {
        max-width: 100% !important;
        margin: 0;
    }

    .vio-form input,
    .vio-form select,
    .vio-form textarea,
    .vio-form .captchafullwidth input.captcha {
        width: 75% !important;
    }

    .vio-form input[type="checkbox"]{
        width: 15px !important;
        padding: 0;
        margin-left: 123px;
    }

    #online-bewerbung.vio-form input[type="checkbox"]{
        margin-left: 0;
    }

    #online-bewerbung.vio-form .widget-submit{
        padding-left: 0;
    }

    #online-bewerbung.vio-form label:not(#lbl_826_0){
        width: 100%
    }


    .mod_login.vio-form-small, .vio-form {
        padding: 20px 30px 23px;
    }

    .vio-form-content {
        max-width: 100%;
        margin: 0;
    }

    .vio-form .captchafullwidth input.captcha {
        margin-left: 25% !important;
    }

    .vio-form form .captcha_text {
        margin: 0 !important;
    }

    .vio-form form .captcha-container {
        position: relative;
        overflow: visible;
    }

    .vio-form form .captcha-container .labeltext{
        position: absolute;
        top: -58px;
    }

    .vio-form form input.submit{
        width: 50% !important;
        margin: 30px auto;
        display: block;
    }

    .vio-form .labeltext {
        width: 25%;
        float: left;
        padding-top: 4px;
        padding-right: 5px;
    }

    .vio-form {
        padding: 20px 15px 30px 15px;
    }

    .ce_divider_extended {
        margin-top: 0;
        margin-bottom: 22px;
    }

    .body_bottom .mod_search .label {
        font-size: 30px !important;
        margin-bottom: 14px;
    }

    .start.blog #main .mehrwert {
        margin-top: 10px;
    }

    .body_bottom .mod_search input:not(.submit), .body_bottom .mod_search button:not(.submit) {
        font-size: 20px !important;
        padding: 29px !important;
        margin-top: 30px;
        margin-bottom: -4px;
    }

    .body_bottom .mod_search input.submit, .body_bottom .mod_search button.submit {
        width: 50% !important;
    }

    .cloned #vio-logo,
    .stickyheader .logo{
        width: 55px;
        height: 55px;
    }

    .ce_headline_extended[class*="mb-"] h6 {
        margin-bottom: 15px;
    }

    .start h2, .start .h2, .start .h2 p {
        font-size: 1.9rem !important;
    }

    .header.cloned .smartmenu .smartmenu-trigger {
        height: 45px;
    }

    #partner .grid_40_60.m_100 {
        margin-top: 30px;
        grid-template-columns: 60% 40% !important;
    }

    .vio_facebook_feed .col_4{
        flex: 0 0 33%;
        max-width: 33%;
        padding: 10px !important;
        margin-bottom: 7px;
    }

    .facebook-post-date {
        padding: 6px 8px 8px 8px;
        font-size: 0.8em;
    }

    .vio_facebook_feed .ce_image_text_box_image{
        display: block;
    }

    #partnerlogos.mt-xxl{
        margin-top: 54px !important;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

    #google-review-trigger{
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        bottom: 20px !important;
        right: -32px !important;
    }

    .folge #main {
        padding-top: 80px !important;
    }

    h2, .h2, .h2 p {
        font-size: 1.75rem !important;
    }

    .mehrwert p strong {
        font-size: 1.2em !important;
        margin-top: 0.5em;
    }

    .ce_divider_extended.mb-s{
        margin-bottom: 30px !important;
    }


    body .header .inside {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #top-info .inside {
        padding-right: 24px !important;
    }

    /*.header .mod_search {*/
    /*    margin-right: 4px;*/
    /*}*/

    .cloned #vio-logo, .stickyheader .logo {
        margin-left: 5px;
    }

    .leistungsdetails .t_50_50 {
        grid-template-columns: 100% !important;
    }

    .mod_search h2 a{
        font-size: 1.4rem !important;
        line-height: 1rem !important;
    }

    body .header.cloned .inside, .smartmenu {
        line-height: 46px;
    }

    #main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth){
        max-width: 100% !important;
    }

    .ce_image_text_box.version2 .ce_image_text_box_content_outside {
        padding: 20px;
    }

    .ce_image_text_box.version2 a.hyperlink_txt {
        margin-bottom: 15px;
    }

    #bottom .inside .left,
    #bottom .inside .right{
        float: none !important;
        width: 100% !important;
        text-align: center;
    }

    #bottom .inside .right ul {
        padding-left: 0 !important;
    }

    #footer .col_4.footer-col3 .ce_headline

    .logo {
        width: 150px;
    }

    body .ce_bgimage_111471 {
        height: 268px !important;
    }

    .ce_accordion {
        padding-left: 25px !important;
    }

    .ce_accordion .toggler {
        padding: 16px 12px !important;
        font-size: 1.2rem !important;
    }

    .ce_accordion .accordion {
        padding-left: 39px !important;
    }

    #main .mod_article.imprintcols .ce_bgimage .ce_bgimage-inside{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #kontakt .first .ce_bgimage-inside{
        padding-bottom: 0 !important;
    }

    .ce_accordion {
        padding-left: 0px !important;
    }

    #top-info .inside span.top-link {
        display: none;
    }

    #footer .col_4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .fa-remove:after,
    .fa-close:after,
    .fa-times:after,
    .body_bottom .mod_search .close-window i:after {
        margin-left: -31px;
    }

    .fa-remove:after,
    .fa-close:after,
    .fa-times:after,
    .body_bottom .mod_search .close-window i:after {
        margin-left: -30px;
    }

    .smartmenu-content .smartmenu-close::after {
        margin-left: -30px;
    }

    .fa-remove:before,
    .fa-close:before,
    .fa-times:before,
    .body_bottom .mod_search .close-window i:before,
    .fa-remove:after, .fa-close:after,
    .fa-times:after,
    .body_bottom .mod_search .close-window i:after {
        width: 30px;
    }

    .smartmenu-content .smartmenu-close::before, .smartmenu-content .smartmenu-close::after {
        width: 30px;
    }

    .smartmenu-content .smartmenu-close {
        right: 2px;
        top: 10px;
        transform: scale(1.5);
    }

    .close-window{
        position: absolute;
        top: 0;
        left: 0;
    }

    #main .ce_accordion .accordion p, #main .ce_accordion .accordion ul, #main .ce_accordion .accordion ol {
        max-width: 100%;
        font-size: 1em !important;
    }

    .cloned #vio-logo, .stickyheader .logo {
        margin-left: 0;
    }

    #main #faqmenu ul li a {
        padding: 10px 0 10px 0 !important;
        padding-left: 15px !important;
    }

    #main .mod_article.faqlist .ce_bgimage .ce_bgimage-inside{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .boxed-content .contentwrap{
        max-width: 100% !important;
    }

    .mod_portfoliolist_v5 .item .info.subline_container,
    .mod_portfoliolist_v5 .item .image:after{
        display: none !important;
    }

    .mod_portfoliolist_v5 .item:hover .info .title{
        opacity: 1 !important;
    }

    a#google-review-trigger {
        bottom: 150px;
    }

    .vio-iconbar .pb-xs {
        padding-bottom: 6px !important;
    }

    #werte .pb-xs{
        padding-bottom: 16px !important;
    }

    /* Suchpopup und Hamburger X */
    .body_bottom .mod_search input:not(.submit), .body_bottom .mod_search button:not(.submit) {
        font-size: 18px !important;
        padding: 10px !important;
        margin-top: 0;
        margin-bottom: -4px;
        line-height: 30px;
    }

    .body_bottom .mod_search .label {
        font-size: 21px !important;
        margin-bottom: 6px;
    }

    .body_bottom .mod_search form {
        max-width: 80% !important;
        position: relative;
    }

    .body_bottom .mod_search input.submit,
    .body_bottom .mod_search button.submit,
    .body_bottom .mod_search input.submit:hover,
    .body_bottom .mod_search button.submit:hover{
        border: 1px solid #ffffff !important;
        width: 45px !important;
        position: absolute;
        background-color: #ffffff;
        top: 0;
        right: 0;
        min-width: 45px;
        text-indent: -100em;
        padding: 0 !important;
        height: 45px !important;
        margin-top: 0 !important;
        background-image: url("../layout/search-icon.svg");
        background-position: center center;
        background-size: 45% !important;
        background-repeat: no-repeat;
        transition: none !important;
        -webkit-transition: none !important;
    }

    .smartmenu-content .smartmenu-close:before, .smartmenu-content .smartmenu-close:after, .fa-remove:after, .fa-close:after, .fa-times:after, .body_bottom .mod_search .close-window i:after {
        margin-left: -15px;
    }

    .smartmenu-content .smartmenu-close:before, .smartmenu-content .smartmenu-close:after, .fa-remove::before, .fa-close::before, .fa-times:before, .body_bottom .mod_search .close-window i:before, .fa-remove:after, .fa-close:after, .fa-times:after, .body_bottom .mod_search .close-window i:after {
        width: 15px;
    }

    .smartmenu-content .smartmenu-close:before, .smartmenu-content .smartmenu-close:after, .fa-remove::before, .fa-close:before, .fa-times:before, .body_bottom .mod_search .close-window i:before, .fa-remove:after, .fa-close:after, .fa-times:after, .body_bottom .mod_search .close-window i:after {
        height: 2px;
    }

    .body_bottom .mod_search .close-window i {
        right: 15px;
        top: 10px;
    }

    .body_bottom .mod_search .search-content {
        min-height: 300px !important;
    }

    .ce_hyperlink.w80 {
        max-width: 80%;
    }

    .ce_hyperlink.w100 {
        max-width: 100%;
    }

    #kontakt .hint {
        right: auto;
        left: 50%;
        bottom: 244px;
    }

    #kontakt .mobilflipright {
        position: absolute;
        top: 2.5rem;
        left: 50%;
    }

    #kontakt .mobilflipright .mod_socials {
        margin-top: 0 !important;
    }

    #kontakt .mobilflipright h3 {
        font-weight: 500;
        font-size: 1.4rem !important;
    }

    body #footer .inside{
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

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

    body{
        /*border: 5px dashed #37dd1d !important;*/
    }

    #main .mod_article.pitch p em strong{
        font-size: 40px !important;
    }

    #online-bewerbung.vio-form .widget-submit{
        text-align: left !important;
    }


    #main .product-details .product-item-container p.teaser,
    .product-details .product-item-container .sku,
    .product-details .product-item-container .subline,
    .product-details .product-item-container h1,
    .product-details .product-item-container h3 {
        margin-left: 0;
        margin-right: 0;
    }

    #main .autogrid_grid .column.product-info-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .product-item .autogrid_grid.gutter_s > .column.product-image-container {
        max-width: 100%;
        padding: 0;
        min-height: 320px;
    }

    #hero-shop h1.hero-headline_1{
        font-size: 2rem !important;
        margin-top: 35px;
        margin-bottom: 10px;
    }

    #main #hero-shop .hero-headline_2 p {
        font-size: 22px !important;
    }

    .product-item .column.product-image-container img {
        transform: scale(0.75);
    }

    #main p.install-hint:before {
        margin-left: 23px;
    }

    #main .product-item-container p.teaser,
    .product-item-container .sku,
    .product-item-container .subline,
    .product-item-container h1,
    .product-item-container h3 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .full-width .product-item .column.product-image-container img {
        transform: scale(.88);
        margin-top: 0;
    }

    #main .product-item-container .price {
        font-size: 36px;
        margin-bottom: 25px;
        text-align: right;
        padding-right: 15px;
    }

    .two-col-layout .product-item .column.product-image-container img {
        transform: scale(.95);
        margin-top: 5px;
    }

    .product-item-container .d_33_66 {
        grid-template-columns: 100%;
    }

    form .widget input:not(.checkbox, .radio), form .widget select, form .widget textarea {
        width: 100% !important;
    }

    .mod_lostPassword .widget-submit, .vio-form .widget-submit, .vio-form-small .widget-submit {
        padding-left: 0;
        text-align: center !important;
    }
}

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

    body{
          /*border: 5px dotted #03d6dd !important;*/
    }

    a.ce_download_small_inside .size {
        display: block;
    }

    .mod_iso_productreader .submit_wrap.toggle_favorites_wrap {
        top: -350px;
        right: 4px;
    }

    .add_to_cart_wrap {
        text-align: left;
        margin-top: 35px;
    }

    a.ce_download_small_inside:after {
        display: none;
    }

    .product-item-container .offer {
        padding-top: 0;
        margin-bottom: 0 !important;
    }

    .ce_productbox.version3.shop-item-teaser .ce_productbox_content_bottom {
        position: relative;
        left: auto;
        margin-left: 25px;
    }

    #main .mod_iso_productreader .product-item-container .price {
        text-align: left;
        margin-top: 60px;
    }

    #main .mod_iso_productreader .product-item-container .price-info {
        text-align: left;
    }

    .product-item-container .product-images.shop-only-mobile {
        width: 76%;
    }

    #hero-shop h1.hero-headline_1 {
        margin-top: 50px;
        text-align: left;
        font-size: 1.8rem !important;
    }

    #main #hero-shop .hero-headline_2 p {
        font-size: 20px !important;
        line-height: 28px !important;
    }

    .product-item-container .thema.shop-only-mobile {
        width: 20% !important;
    }

    .ce_productbox.version3.shop-item-teaser {
        padding-bottom: 15px;
    }

    .ce_productbox.version3.shop-item-teaser .image_container {
        padding: 0 0 !important;
        height: auto !important;
    }

    .ce_productbox.version3.shop-item-teaser .image_container img{
        transform: scale(.65);
        margin-top: -45px;
    }

    .vio-form input[type="checkbox"] {
        margin-left: 0;
    }

    .ce_text.h-align-center.width-l, .ce_text.h-align-center.width-m, .ce_text.h-align-center.width-s {
        margin-left: 0;
        margin-right: 0;
        text-align: left;
    }

    .mobile-left-button{
        margin: 0;
        width: 50%;
    }

    .mobile-left-button{
        margin: 0;
        width: 50%;
    }

    #article-13790 .mobile-left-button{
        width: 100%;
    }

    .mod_lostPassword .widget-submit,
    .vio-form.vio-form-small .widget-submit {
        padding-left: 0;
    }

    #main #shop-infos ul li {
        width: 100%;
    }

    .ce_hyperlink.mobile-left{
        margin: 0 0;
    }

    .vio-form .labeltext {
        width: 100%;
        float: none;
        padding-top: 0;
        padding-right: 5px;
    }

    .vio-form .captchafullwidth input.captcha,
    .vio-form input, .vio-form select,
    .vio-form textarea {
        width: 100% !important;
    }

    .vio-form form .captcha-container .labeltext {
        top: -92px;
    }

    .vio-form form input.submit {
        width: 100% !important;
        margin: 15px 0 0 0;
    }

    .vio-form .captchafullwidth input.captcha {
        margin-left: 0 !important;
        margin-top: 30px;
    }

    .start.blog #main .mehrwert p {
        line-height: 1.4em !important;
        text-align: left !important;
        margin-top: 0.8em;
        font-size: 1.2em !important;
    }

    body #main .mod_article .boxed-content.vio-iconbar .contentwrap {
        max-width: 300px !important;
        min-width: 300px !important;
    }

    body #main .mod_article .boxed-content.vio-iconbar {
        margin-top: 60px;
        margin-bottom: 30px;
    }

    .start.blog #main .mehrwert p {
        max-width: 100%;
        margin-top: 0.4em;
    }

    body.android.blog .right-column h4 {
        font-size: 1.4em !important;
        text-align: center !important;
    }

    .blog.folge #main, .folge #main {
        padding-top: 20px !important;
    }

    #main #beitragsleser h1 {
        font-size: 1.7rem !important;
        line-height: 1.4em;
    }

    #main #beitragsleser .mod_news4wardReader p.info.bottominfo {
        padding-bottom: 0.6em !important;
    }

    #ansprechpartner .autogrid_grid .align-center p{
        text-align: center !important;
        margin-bottom: 30px;
    }

    .ce_divider_extended.align-center {
        margin-left: 0;
        margin-right: auto;
    }

    .ce_hyperlink.w80,
    .ce_hyperlink.only_mobil.w80{
        max-width: 80%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ce_hyperlink {
        max-width: 80%;
    }

    .h-align-center {
        text-align: left;
    }

    #left .mod_article > .container, #main .autogrid_wrapper.article, #main .mod_article .ce_bgimage .ce_bgimage-inside, #main .mod_article .ce_parallax .contentwrap, #main .mod_article .ce_youtube_background .contentwrap, #main .mod_article.fullwidth.boxed-content .contentwrap, #main .mod_article:not(.fullwidth) > .container, #right .mod_article > .container, .ce_bgimage-inside, .ce_headerimage .ce_headerimage_inside, .ce_iconbox_header .contentwrap, .ce_text_image_bar .inside, .header .inside, .mod_pageimage .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #top-info .inside span i.fa {
        margin-right: 4px;
    }

    #top-info .inside span i.fa {
        margin-right: 4px !important;
        font-size: 14px !important;
    }

    .body_bottom .mod_search .label {
        font-size: 29px !important;
        margin-bottom: -2px;
    }

    #bottom .inside {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
    }

    .body_bottom .mod_search form{
        max-width: 270px !important;
    }

    .body_bottom .mod_search input.submit,
    .body_bottom .mod_search button.submit {
        width: 100px !important;
    }

    #bottom ul li {
        padding-left: 0;
    }

    body .header.cloned .inside, .smartmenu {
        line-height: 49px;
    }

    #top-info .inside {
        text-align: center;
    }

    body .ce_bgimage_111471 {
        height: 200px !important;
    }

    #slider .ce_bgimage .ce_bgimage-image {
        background-position: 2% center;
    }

    #hero-startseite-claim .part1 p,
    #hero-startseite-claim .part2 p {
        font-size: 20px;
        line-height: 45px;
        padding: 0px 13px 0 26px;
        margin-bottom: 7px;
    }

    .start h2, .start .h2, .start .h2 p {
        font-size: 1.68rem !important;
    }

    .ce_divider_extended {
        margin-top: 17px;
        margin-bottom: 22px;
    }

    #partner .grid_40_60.m_100 {
        grid-template-columns: 100% !important;
    }

    #partnerlogos.mt-xxl {
        margin-top: 0px !important;
    }

    #partnerlogos.mt-xxl .column{
        margin-bottom: 16px !important;
    }

    .vio_facebook_feed .col_4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .vio-iconbar .contentwrap svg {
        width: 55px;
        height: 55px;
    }

    #footer .col_4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #top-wrapper {
        height: 100px;
    }

    #vio-logo {
        width: 120px;
    }

    .cloned #vio-logo {
        margin-top: 0;
    }

    .cloned #vio-logo,
    .stickyheader .logo{
        width: 55px;
        height: 55px;
    }

    #main .mod_article.fullwidth:not(.boxed-content).servicetext {
        padding-top: 40px !important;
    }

    #werte .col_4 .font-size-m, #werte .font-size-m p {
        font-size: 1.2rem !important;
        font-weight: 400;
    }

    .vio-iconbar .pb-xs {
        padding-bottom: 16px !important;
    }

    #werte .pb-xs{
        padding-bottom: 40px !important;
    }

    #top-wrapper{
        max-height: 100px;
        overflow: hidden;
    }

    .folge #top-wrapper{
        max-height: 90px !important;
    }

    #main h2.subheadline {
        font-size: 1rem !important;
    }

    .referenzliste li {
        font-size: 1em !important;
    }

    .anwenderbericht {
        margin-top: 22px;
    }

    #startboxes_mobil .ce_colorbox .ce_colorbox_inside {
        padding: 21px 10px;
        height: 280px !important;
        padding-top: 6.5% !important;
    }

    #startboxes_mobil .ce_colorbox p {
        max-width: 91%;
    }

    #startboxes_mobil .ce_colorbox.rechnungswesen .ce_colorbox_inside {
        padding-top: 8% !important;
        height: 200px !important;
    }

    #article-12636 .contentwrap h2,
    #article-12590 .contentwrap h2 {
        max-width: 100%;
        font-size: 1.4rem !important;
        line-height: 1.8rem;
    }

    .two-cols p {
        max-width: 100%;
    }

    p,
    .servicetext .font-size-xs,
    .servicetext .font-size-xs p{
        font-size: 1rem !important;
        line-height: 1.8!important;
    }

    .ce_accordion .toggler {
        padding: 10px 12px !important;
        letter-spacing: 0 !important;
        font-size: 0.9rem !important;
    }

    .smartmenu-content .smartmenu-close {
        transform: scale(1.2);
    }

    #main .ce_bgimage.vertical_centered .ce_bgimage-inside {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        position: relative;
        top: 0;
    }

    #main .mod_article.featurelist p {
        font-size: 1em !important;
        line-height: 1.5rem !important;
        padding-bottom: 0 !important;
    }

    #startboxes_mobil .ce_colorbox.rechnungswesen .ce_colorbox_inside,
    #startboxes_mobil .ce_colorbox.wertpapiere .ce_colorbox_inside,
    #startboxes_mobil .ce_colorbox.leistungsabrechnung .ce_colorbox_inside {
        background-size: 28% !important;
        background-position: 118% center !important;
    }

    .ce_colorbox h3.headline {
        font-size: 1.2rem !important;
        max-width: 80%;
        margin: 0 auto !important;
        text-align: center !important;
    }

    .ce_colorbox p {
        font-size: 1rem;
        text-align: center !important;
        max-width: 100%;
        margin: 0 auto !important;
        line-height: 1.7 !important;
    }

    .ce_colorbox .ce_colorbox_inside {
        height: 200px !important;
        padding-top: 4% !important;
    }

    .ce_colorbox.rechnungswesen .ce_colorbox_inside,
    .ce_colorbox.wertpapiere .ce_colorbox_inside,
    .ce_colorbox.leistungsabrechnung .ce_colorbox_inside {
        background-size: 24% !important;
        background-position: 96% center !important;
    }

    .ce_colorbox.leistungsabrechnung .ce_colorbox_inside {
        background-size: 21% !important;
        background-position: 96% center !important;
    }

    .newsSwipe .ce_iconbox {
        width: 100% !important;
    }

    .newslist .ce_iconbox .headline {
        margin-top: 0 !important;
    }

    .newslist .autogrid_wrapper .ce_iconbox_outside,
    .newslist .newsSwipe .ce_iconbox_outside {
        height: auto !important;
    }

    .newslist .autogrid_wrapper .ce_iconbox_outside .teasertext,
    .newslist .newsSwipe .ce_iconbox_outside .teasertext{
        padding-bottom: 30px;
    }

    .ce_productbox.version3.shop-item-teaser .image_container {
        height: 241px;
        width: 100%;
        padding: 3% 30%;
        float: none;
    }

    .ce_productbox.version3.shop-item-teaser .ce_productbox_content_top {
        padding-left: 0;
    }

    .ce_productbox.version3.shop-item-teaser .ce_hyperlink {
        padding-left: 25px;
        max-width: 100px;
    }

    .mod_article.featurelist ul {
        width: 95% !important;
        min-width: 95% !important;
        margin: 0 auto 30px auto !important;
        padding-left: 0 !important;
    }

    #main h2.subheadline {
        font-size: 0.9rem !important;
    }

    .mod_article.maincontent p,
    .highlights p,
    .ce_accordion .accordion ul{
        font-size: 0.9rem !important;
        max-width: 100% !important;
    }

    .ce_accordion .accordion {
        padding: 20px 20px;
        font-size: 1.11rem;
    }

    .ce_accordion .accordion ul li{
        padding: 5px 0;
    }

    h3 {
        font-size: 1.1rem !important;
    }

    h2 {
        font-size: 1.4rem !important;
    }

    .mod_sitemap ul {
        padding: 0 0 !important;
    }

    .mod_sitemap {
        margin-bottom: 0 !important;
    }

    form .checkbox_container {
        overflow: visible;
    }

    #infosanfordern-form input.submit,
    #infosanfordern-form button.submit {
        max-width: 100% !important;
    }

    .folge .mod_article.featurelist h2,
    .folge .mod_article.featurelist h3 {
        font-size: 1.4rem !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #main h2.subheadline {
        line-height: 1.6rem !important;
    }

    .smartmenu-content .mod_navigation li:not(.floatbox) {
        font-size: 1.2em;
    }

    .smartmenu-content .mod_navigation li:not(.floatbox) .level_2 {
        font-size: 0.8em;
    }

    .smartmenu-content .mod_navigation .level_2 {
        margin-top: 0;
    }

    .smartmenu-content .mod_navigation .level_2 li {
        line-height: 1.4rem !important;
    }

    .smartmenu-content .subitems_trigger.down:before,
    .smartmenu-content .mod_navigation li.open > .subitems_trigger.down:before {
        height: 20px;
        width: 20px;
        margin-bottom: -4px;
    }

    #main .mod_article.maincontent {
        margin-bottom: 20px !important;
    }

    .smartmenu-close:after{
        position: relative;
        margin-left: 0 !important;
        top: -28px !important;
    }

    .start #main .mod_article.two-cols .ce_bgimage {
        height: auto !important;
    }

    #kontakt .mobilflipright {
        position: relative;
        top: auto;
        left: auto;
    }

    #maps-container .column:first-child {
        padding: 0 12px !important;
    }

    #kontakt .hint {
        left: auto;
        position: relative;
        bottom: auto;
        right: auto;
        max-width: 100%;
    }

    .mehrwert p strong {
        font-size: 1.1em !important;
        max-width: 100%;
    }

    .folge #main {
        padding-top: 40px !important;
    }

    body #top-info .inside {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-right: 20px !important;
        text-align: center;
    }

    .align-center,
    .align-center *,
    .ce_bgimage-outer .ce_text p{
        text-align: left !important;
    }

    h2, .h2, .h2 p {
        font-size: 1.75rem !important;
    }

    #main .mod_article:not(.fullwidth) > .container .ce_bgimage .ce_bgimage-inside,
    #main .mod_article .ce_bgimage.oversize .ce_bgimage-outer .ce_bgimage-inside .ce_bgimage-inside,
    .vio_facebook_feed .col_4,
    body #footer .inside,
    body #bottom .inside,
    #main .mod_article#kontakt #maps-container .ce_bgimage .contentwrap{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .mod_sitemap ul li a {
        padding-left: 0 !important;
    }

    .mod_sitemap ul li ul li a {
        padding-left: 30px !important;
    }

    .mod_search p.header {
        margin-top: 0px !important;
        text-align: left;
    }

    .ce_accordion .toggler i {
        display: block;
        float: left;
        clear: left;
        border: 1px solid #fff;
    }

    .ce_accordion .accordion {
        padding-left: 36px !important;
    }

    .ce_accordion .toggler {
        font-size: 1.1rem !important;
        line-height: 1.6em;
        padding: 14px 12px !important;
    }

    .pt-xs {
        padding-top: 30px !important;
    }

    .pb-xs {
        padding-bottom: 30px !important;
    }

    #footer, #bottom {
        padding: 0 12px !important;
    }

    #bottom .inside .left, #bottom .inside .right {
        text-align: left !important;
    }

    a#google-review-trigger {
        bottom: 55px !important;
    }

    #werte .align-center, #werte .align-center *, #werte .ce_bgimage-outer .ce_text p {
        text-align: center !important;
    }

    #werte .pb-xs {
        padding-bottom: 8px !important;
    }

    #werte .col_4 .font-size-m, #werte .font-size-m p {
        font-size: 1.1rem !important;
    }

    #top_link {
        display: block;
    }

    .vio-iconbar .pb-xs {
        padding-bottom: 0px !important;
    }

    .vio-iconbar .pt-xs {
        padding-top: 33px !important;
    }

    /* Suchpopup und Hamburger X */
    .body_bottom .mod_search input:not(.submit), .body_bottom .mod_search button:not(.submit) {
        font-size: 18px !important;
        padding: 10px !important;
        margin-top: 0;
        margin-bottom: -4px;
        line-height: 30px;
    }

    .body_bottom .mod_search .label {
        font-size: 21px !important;
        margin-bottom: 6px;
    }

    .body_bottom .mod_search form {
        max-width: 80% !important;
        position: relative;
    }

    .body_bottom .mod_search input.submit,
    .body_bottom .mod_search button.submit,
    .body_bottom .mod_search input.submit:hover,
    .body_bottom .mod_search button.submit:hover{
        border: 1px solid #ffffff !important;
        width: 45px !important;
        position: absolute;
        background-color: #ffffff;
        top: 0;
        right: 0;
        min-width: 45px;
        text-indent: -100em;
        padding: 0 !important;
        height: 45px !important;
        margin-top: 0 !important;
        background-image: url("../layout/search-icon.svg");
        background-position: center center;
        background-size: 45% !important;
        background-repeat: no-repeat;
        transition: none !important;
        -webkit-transition: none !important;
    }

    .smartmenu-content .smartmenu-close:before, .smartmenu-content .smartmenu-close:after, .fa-remove:after, .fa-close:after, .fa-times:after, .body_bottom .mod_search .close-window i:after {
        margin-left: -15px;
    }

    .smartmenu-content .smartmenu-close:after{
        margin-left: -15px !important;
    }

    .smartmenu-content .smartmenu-close:before, .smartmenu-content .smartmenu-close:after, .fa-remove::before, .fa-close::before, .fa-times:before, .body_bottom .mod_search .close-window i:before, .fa-remove:after, .fa-close:after, .fa-times:after, .body_bottom .mod_search .close-window i:after {
        width: 15px;
    }

    .smartmenu-content .smartmenu-close:before, .smartmenu-content .smartmenu-close:after, .fa-remove::before, .fa-close:before, .fa-times:before, .body_bottom .mod_search .close-window i:before, .fa-remove:after, .fa-close:after, .fa-times:after, .body_bottom .mod_search .close-window i:after {
        height: 2px;
    }

    .body_bottom .mod_search .close-window i {
        right: 15px;
        top: 10px;
    }

    .smartmenu-close::after {

        position: relative;
        margin-left: 0 !important;
        top: 0px !important;
    }

    .cta-content.align-center,
    .cta-content.align-center *,
    .cta-content .align-center,
    .cta-content .align-center *,
    .ce_bgimage-outer .cta-content.ce_text p{
        text-align: center !important;
    }

    .h1, .h1 p, h1, .folge h1 {
        font-size: 2rem !important;
        line-height: 1.3em;
    }

    .product-item-container .subline {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .product-data-list .info strong {
        width: 100%;
        float: none;
    }

    .product-data-list .info .value {
        padding-left: 0;
        padding-top: 3px;
        padding-bottom: 10px;
    }

    #main .mod_iso_productreader .product-item-container .price {
        font-size: 46px;
    }

    /* Cookiebot */
    #CybotCookiebotDialogBodyContent {
        min-height: 630px !important;
        max-height: 630px !important;
    }

    .CybotCookiebotDialogBodyLevelButtonWrapper {
        margin-right: 15px !important;
    }

    #CybotCookiebotDialogBodyLevelButtonsSelectPane {
        margin-left: -20px !important;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
        bottom: 160px !important;
    }

    a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
    a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
    a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
        max-width: 77% !important;
        width: 77% !important;
        clear: both !important;
        float: none !important;
    }

    #CybotCookiebotDialogBodyContentTitle {
        line-height: 134% !important;
    }

    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper{
        display: none;
        bottom: -30px;
    }

    #CybotCookiebotDialogDetail {
        margin-top: -56px;
    }

    #CybotCookiebotDialogDetailBody{
        overflow: hidden !important;
    }

    #hero-startseite-claim .part1 p,
    #hero-startseite-claim .part2 p{
        font-size: 1.3rem !important;
    }

    #kontakt .hint {
        padding-top: 30px;
    }

    #kontakt .mobilflipright h3 {
        margin-top: 30px !important;
    }

    #partnerlogos.mt-xxl {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    #partnerlogos {
        max-width: 50%;
    }
}

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

    body{
        /*border: 5px dotted #b045c9 !important;*/
    }

    #main .hasIcon ul li,
    #main .anwendungsbeispiele .ce_list ul li{
        padding-left: 28px;
        position: relative;
    }

    .hasIcon .fa-check {
        position: absolute;
        left: 0;
        top: 9px;
    }

    #iso_mod_checkout_review input.submit.confirm,
    .mod_iso_cart .submit_container input.button_checkout,
    .mod_iso_cart .submit_container input.next,
    .mod_iso_checkout .submit_container input.next,
    #iso_mod_checkout_review input.submit.previous,
    .mod_iso_cart .submit_container a.submit.continue {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
        float: none;
        margin-top: 15px;
    }

    .mod_iso_orderhistory .order .head-line .data.order_date,
    .mod_iso_orderhistory .order .head-line .data.document_number,
    .mod_iso_orderhistory .order .head-line .data.order_total,
    .mod_iso_orderhistory .order .head-line .data.order_status,
    .mod_iso_orderhistory .order .head-line .data.order_invoice
    {
        width: 100%;
        padding: 20px 25px 0 25px;
    }

    #main .mod_iso_orderhistory .order .head-line .data.order_invoice a {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .mod_iso_orderhistory .order .head-line .data .status {
        width: 50%;
    }

    .mod_iso_cart .submit_container, .mod_iso_checkout .submit_container,
    .review.orderproducts .submit_container, .mod_iso_checkout .submit_container {
        width: 100%;
        margin: 0 0;
    }

    .mod_iso_checkout #iso_mod_checkout_review .submit_container,
    .review.orderproducts #iso_mod_checkout_review .submit_container{
        margin-bottom: 100px;
        padding-top: 15px;
    }

    #main p.install-hint {
        bottom: 0 !important;
    }

    #main .checkoutstart p.install-hint {
        bottom: -40px !important;
    }

    .ce_accordion.product-filter .toggler {
        max-width: 100%;
        text-align: center;
        text-indent: 0;
    }

    .ce_accordion.product-filter .toggler .ui-icon:before {
        display: none;
    }

    .pagination-wrapper {
        min-height: 1px;
    }

    .ce_productbox.version3.shop-item-teaser .image_container img{
        transform: scale(.8);
        margin-top: 0;
    }

    .offer.column[class*="col_"] {
        margin-bottom: 0;
    }

    .mod_iso_productreader .submit_wrap.toggle_favorites_wrap {
        top: -326px;
        right: 0;
    }

    .ce_productbox.version3.shop-item-teaser .ce_hyperlink a {
        min-width: 78.5vw;
    }

    .default-accordeons .ce_accordion summary h2{
        padding: 15px 40px;
        font-size: 1.2rem !important;
    }

    .default-accordeons .ce_accordion summary h2:before {
        left: 15px;
        top: 9px;
    }

    #main .default-accordeons .inner-acc {
        padding: 30px 0 23px 30px;
    }

    .ce_productbox.version3.shop-item-teaser .image_container {
        height: 235px;
        padding: 23px 29% 0 29%;
    }

    .start .mod_article:not(.fullwidth).first > .container{
        padding-top: 0 !important;
    }

    #main #tagcloud-content #tagCloudClaim p {
        font-size: 1.5rem !important;
        line-height: 1.3em !important;
        padding: 9px 21px 10px !important;
    }

    .h1, .h1 p, h1 {
        font-size: 1.85rem !important;
        line-height: 1.3em;
    }

    #startSubHeadline h2 {
        font-size: 1.6em !important;
        line-height: 1.4em;
        margin-top: 20px;
    }

    #main #tagcloud-content #tagCloudClaim p, #main #tagcloud-content p, #tagCloudHeadline h2 {
        padding-left: 30px !important;
    }

    .vio_facebook_feed .image_container {
        height: 210px !important;
    }

    .testimonialbox {
        height: 555px;
    }

    .pb-xs {
        padding-bottom: 10px !important;
    }

    .pt-xs {
        padding-top: 10px !important;
    }

    .vio_shop-shortcuts .vio_shopshortcut {
        width: 35px;
    }

    .header .mod_search {
        margin-right: 15px;
    }

    .vio_shop-shortcuts {
        right: 108px;
    }

}

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

    .mobile-left-button{
        width: 100%;
        max-width: 100%;
    }

    input.upload {
        padding: 24px 15px;
        background-image: none;
    }

    #iso_mod_checkout_review .info_container {
        padding: 15px 22px 80px;
        margin-bottom: 30px;
    }

    .mod_iso_productreader .detail_gallery .image_container {
        width: 70px;
        height: 70px;
    }

    input.submit.add_to_cart {
        min-width: 100%;
    }

    .default-accordeons .ce_accordion summary h2:before {
        left: 5px;
        font-size: 23px;
    }

    .default-accordeons .ce_accordion summary h2 {
        padding: 15px 28px;
        font-size: 1.15rem !important;
    }

    .ce_productbox.version3.shop-item-teaser .image_container {
        padding: 30px 26% 0 26%;
    }

    .mod_login button.submit, .mod_login input.submit, .vio-form button.submit, .vio-form input.submit, button.submit[type="submit"] {
        min-width: 100%;
    }

    .start #blogHeadlineTeaser h2 {
        font-size: 2.2rem !important;
        margin-bottom: 0 !important;
    }

}

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


    #main .produktuebersicht .product-item-container .price {
        font-size: 30px;
    }

    #main .product-item .price .price-info {
        display: block;
        text-align: right;
    }

    .ce_productbox.version3.shop-item-teaser .image_container {
        padding: 30px 23% 0 26%;
    }
}

/* ### Sonderformate ### */

/* 9. Samsung Galaxy Note 10+ - quer */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){

    body.android{
         /*border: 5px dotted #dd36ae !important;*/
    }

    .leistungsdetails .d_33_66{
        grid-template-columns: 100%;
    }

    .anwendungsbeispiele .d_50_50,
    .anwendungsbeispiele .t_50_50{
        grid-template-columns: 100% !important;
    }

    #main .anwendungsbeispiele ul {
        max-width: 100%;
        margin-left: 0;
    }
}