@media only screen and (max-width: 767px) {
.mobile_no {
    display:none !important;
}
.desktop_no {
    display:block !important;
}

/* Quicknavigation, dk_mmenu */
#mainmenu,
.logonavicenter #mainmenu {
    display:none;
}

/* Quicknavigation */
.mod_quicknav.mobileselect {
    width:100px;
    float:right;
    display:table-cell;
    margin-right:0;
    margin-left:0;
    padding-top:0;
    padding-right:0;
    padding-bottom:0;
    vertical-align:middle;
    text-align:right;
    background-color:#ffffff;
}

/* Quicknavigation */
.logonaviright .mod_quicknav.mobileselect {
    float:left;
}

/* Quicknavigation */
.mod_quicknav.mobileselect form,
.mod_quicknav.mobileselect .formbody {
    width:100%;
    margin-bottom:0;
}

/* Quicknavigation */
.mod_quicknav.mobileselect select {
    width:80%;
    float:none;
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#fff;
}

/* Quicknavigation */
.mod_quicknav.mobileselect select {
    width:100%;
    float:none;
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding:5px 10px;
    background-color:#0C6C4B;
    background-image:url("files/theme/img/select-arrow.png");
    background-repeat:no-repeat;
    border:1px solid #0C6C4B;
    border-radius:0;
    color:#fff;
    background-position: 90% center;
        border: 0 !important;  /*Removes border*/
        -webkit-appearance: none;  /*Removes default chrome and safari style*/
        -moz-appearance: none; /* Removes Default Firefox style*/
        text-indent: 0.01px; /* Removes default arrow from firefox*/
        text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
}

/* dk_mmenu */
.dk_menu {
    display:table-cell;
    vertical-align:middle;
    text-align:right;
}

/* dk_mmenu */
.logonaviright .dk_menu {
    float:left;
    display:table-cell;
    vertical-align:middle;
    text-align:left;
}

/* dk_mmenu */
.dk_menu i {
    margin-right:0;
}

/* dk_mmenu */
.dk_menu a.dk_mobilmenu {
    width:36px;
    height:36px;
    float:right;
    display:block;
    text-align:center;
    background-color:#0C6C4B;
    font-size:26px;
    line-height:36px;
    text-decoration:none;
    color:#fff;
}

/* dk_mmenu */
em.mm-counter {
    right:50px;
    float:right;
    display:inline-block;
}
#wrapper {
    width:100%;
}
.top .boxleft {
    display:block;
}
.top .boxright {
    display:block;
}
.top .boxright a#modalwindow,
.top .boxright #language,
.top .boxright #toplogin {
    float:none;
}
.top .inside,
.fullwidth .top .inside {
    padding-right:10px;
    padding-left:10px;
}
.top .contactdetails ul {
    text-align:center;
}
.top .mod_form.searchform {
    display:none;
}
.home #header .navi-section {
    position:relative;
}
.fullwidth .navi-section .inside {
    padding-right:16px;
    padding-left:16px;
}

/* Mobile logo */
#logo {
    width:200px;
    height:57px;
}

/* Mobile logo */
.logonavicenter #logo {
    width:200px;
    height:57px;
    left:auto;
    position:relative;
    float:none;
    display:table-cell;
    margin:0;
}
#header .social-contact {
    width:100%;
    margin-bottom:8px;
}
#afterheader .mod_quicklink {
    padding-top:15px;
    padding-bottom:15px;
}
.mod_changelanguage ul {
    float:none;
    text-align:center;
}
.top .mod_customnav.socialsnavi,
.top .contactdetails {
    float:left;
    margin-bottom:10px;
    text-align:left;
}
.second_navi.mobil_no,
.second_navi-sidebar.mobil_no {
    display:none;
}
.navi-section .inside,
#afterheader .inside,
.fullwidth #main .inside .mod_article,
.fullwidth #main .inside .mod_article.fullwidth .elementwrapper,
#footer .inside,
.fullwidth .nav--slide_in.js--is-fixed .inside {
    padding-right:16px;
    padding-left:16px;
}
.navi-section.logonavicenter .inside {
    display:table;
}
.navi-section.logonaviright .inside {
    padding-right:20px;
    padding-left:20px;
}
.second_navi,
.second_navi-sidebar {
    float:none;
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    text-align:left !important;
}
.second_navi li,
.second_navi-sidebar li {
    display:block;
    margin-right:0;
    margin-bottom:6px;
    margin-left:0;
}
.custom {
    padding-right:0;
    padding-left:0;
}
.fullwidth .mod_article *[class*="ce_"],
.fullwidth .mod_article *[class*="mod_"] {
    margin-right:0;
    margin-left:0;
}
#left .inside {
    margin-left:0;
    padding-right:30px;
    padding-left:30px;
}
#right .inside {
    margin-right:0;
    margin-left:0;
    padding-right:30px;
    padding-left:30px;
}
#footer .widget,
#footer .ce_html,
#footer .mod_newslist,
#footer .mod_customnav {
    margin-bottom:12px;
}
#footer .mod_customnav.footer_2 {
    margin-bottom:30px;
}
#footer .contactvcard.footer2 {
    padding-top:26px;
}
#footer .inside .footermenu.footer2 {
    margin-top:0;
}
.tabs ul.horizontal {
    width:100%;
    display:block;
}
.tabs ul.horizontal li {
    float:none;
    margin:0 0 6px;
}
.tabs > DIV {
    margin-top:0 !important;
}
.tabs.horizontal.tab2 li,
.tabs.horizontal.tab3 li,
.tabs.horizontal.tab4 li {
    width:100%;
}
.tabs.vertical ul.vertical {
    width:100%;
    float:none;
}
.tabs.vertical ul.vertical li {
    border-right:1px solid #e4e4e4;
}
.mod_breadcrumb {
    display:none;
}
#afterheader .second_navi {
    display:none;
}
.mod_booknav li a {
    padding-right:8px;
    padding-left:8px;
    font-size:12px;
}
.image_container.float_left,
.image_container.float_right {
    float:none;
    margin-right:0;
    margin-left:0;
    float:none !important;
}
*[class*="grid"] {
    float:none !important;
    display:block;
    width:auto !important;
}
*[class*="offset"] {
    margin-left:1% !important;
}
input.submit[type="submit"] {
    background:-moz-linear-gradient(top,#0C6C4B,#0C6C4B);
    background:-webkit-linear-gradient(top,#0C6C4B,#0C6C4B);
    background:-o-linear-gradient(top,#0C6C4B,#0C6C4B);
    background:-ms-linear-gradient(top,#0C6C4B,#0C6C4B);
    background:linear-gradient(to bottom,#0C6C4B,#0C6C4B);
    -pie-background:linear-gradient(top,#0C6C4B,#0C6C4B);
    border-radius:0;
}
.ce_form [class*="grid"] {
    width:100%;
}
.ce_form [class*="grid"] input[class*="grid"],
.ce_form [class*="grid"] select[class*="grid"],
.ce_form [class*="grid"] textarea[class*="grid"] {
    width:100% !important;
}
.mod_subscribe input[type="text"],
.mod_unsubscribe input[type="text"] {
    width:100%;
}
.mod_registration fieldset input {
    width:100%;
}
.mod_search input[type="search"] {
    width:100%;
    display:block;
    margin-bottom:0;
    border-radius:0;
}
.mod_search input.submit[type="submit"] {
    width:100%;
    margin-bottom:20px;
    border-radius:0 0 3px 3px;
}
.mod_search fieldset {
    width:100%;
}
.slider-control,
.bx-wrapper .bx-pager {
    display:none;
}
.slider_text {
    width:92%;
    padding:16px;
}
.textwrapper,
.bottom .textwrapper,
.left .textwrapper {
    padding-right:16px;
    padding-left:16px;
}
.home .content-slider .textbox,
.home .mainslider .textbox {
    padding-top:0;
}
.bottom .slider_text {
    width:100%;
    padding:5px 0;
}
.slider_text h2 {
    font-size:1.2em;
}
.left .slider_text h2,
.bottom .slider_text h2 {
    padding:10px 15px;
    font-size:1.1em;
}
.slider_text p,
.bg-color .slider_text p {
    display:none;
}
.slider_text div a {
    padding:6px 8px;
    font-size:1em;
}
.mod_login {
    padding-right:20px;
    padding-left:20px;
}
.mod_changelanguage {
    width:100%;
    float:none;
    margin-right:auto;
    margin-left:auto;
}
.fullwidth #main .inside .mod_article.half-half {
    margin-bottom:-1px;
}
.fullwidth #main .inside .mod_article.half-half .ce_text .table_text_left .text_left {
    width:100%;
    display:block;
}
.fullwidth #main .inside .mod_article.half-half .ce_text .table_text_left .text_left .text_width {
    max-width:100%;
    float:none;
    margin-top:30px;
    margin-bottom:30px;
    padding-right:30px;
    padding-left:30px;
}
.fullwidth #main .inside .mod_article.half-half .ce_text .imageboxhalf {
    width:100%;
    height:300px;
    display:block;
}
.fullwidth #main .inside .mod_article.half-half .ce_text .table_text_right {
    display:block;
}
.fullwidth #main .inside .mod_article.half-half .ce_text .table_text_right .text_right {
    width:100%;
    display:block;
}
.mod_quicklink.right {
    width:100%;
    float:none;
    display:block;
}
.mod_quicklink.right,
.mod_quicklink select {
    width:100%;
    float:none;
    display:block;
}
#afterheader .socialsnavi {
    width:100%;
    float:none;
    margin-bottom:20px;
    text-align:center;
}
.mobil_no {
    display:none !important;
}
.column2 p,
.column3 p,
.column4 p {
    -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    -webkit-column-rule: none;
        -moz-column-rule: none;
        column-rule: none;
}
.cts-element_calltoaction.variant1,
.cts-element_calltoaction.variant2,
.cts-element_calltoaction.variant3,
.cts-element_calltoaction.variant1 i,
.cts-element_calltoaction.variant2 i,
.cts-element_calltoaction.variant3 i,
.cts-element_calltoaction.variant1 .link,
.cts-element_calltoaction.variant2 .link,
.cts-element_calltoaction.variant3 .link,
.cts-element_calltoaction.variant2 .calltoactioncontent {
    width:100%;
    display:block;
}
.hyperlink_extended {
    margin-bottom:20px;
}
.hyperlink_extended a {
    display:block;
}
.cts-element_icon_colorbox {
    margin-bottom:20px;
}
.cts-element_projektdetail .imageblock,
.cts-element_projektdetail .projektdetails {
    width:100%;
    margin-bottom:20px;
}
.cts-element_projektdetail.variante2 .projektdetails {
    display:block;
}
.cts-element_projektdetail.variante2 .headline,
.cts-element_projektdetail.variante2 .projektdetails ul {
    width:100%;
    display:block;
    margin-bottom:20px;
}
.cts-element_produkt .price {
    position:relative;
}
.cts-element_imageboxext {
    display:block;
}
.cts-element_imageboxext .imagebox {
    margin-top:10px;
    margin-bottom:10px;
    width:100% !important;
}
.cts-element_imageboxext.textunten .textwrapperext,
.cts-element_imageboxext.imgright .textwrapperext {
    padding-right:0;
    padding-left:0;
}
.fullwidth #main .inside .cts-element_textbgimage .inside {
    padding: 0 0px !important;
}
.cts-element_textbgimage .image-left,
.cts-element_textbgimage .image-right {
    width:100%;
    height:250px;
    position:relative;
}
.cts-element_textbgimage .text-left,
.cts-element_textbgimage .text-right {
    width:100%;
    position:relative;
    display:block;
    margin-right:0;
    margin-left:0;
    padding:10px;
}
.cts-element_headerimage h1,
.cts-element_headerimage h2,
.cts-element_headerimage h3,
.cts-element_headerimage h4,
.cts-element_headerimage h5,
.cts-element_headerimage h6,
.cts-element_headerimage.zentriert h1,
.cts-element_headerimage.zentriert h2,
.cts-element_headerimage.zentriert h3,
.cts-element_headerimage.zentriert h4,
.cts-element_headerimage.zentriert h5,
.cts-element_headerimage.zentriert h6 {
    font-size:1.2em;
}
.cts-element_headerimage .textarea {
    font-size:1em;
}
.home header .ce_ctssliderstart .textcell,
.fullwidth .cts-element_headerimage .headertextwrapper .textblock .texttable {
    padding:20px;
}
.top .inside {
    text-align:center;
}
.top .mod_login {
    -ms-transform: translateX(30%);
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
}
.top .mod_changelanguage {
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.top #topsearch .mod_form.searchform {
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
#afterheader .pagetitle {
    float:none;
    display:block;
    text-align:center;
}
.vertical ul.ui-tabs-nav {
    width:100%;
    float:none;
    padding-right:0;
}
.vertical.ce_tabs .panel {
    width:100%;
    margin-top:20px;
}
.mod_faqpage.faqblock2 section,
.mod_faqpage.faqblock3 section {
    width:100%;
}
#afterheader .mod_quicklink.right,
#afterheader .mod_quicknav.right,
#afterheader .mod_quicklink.right select,
#afterheader .mod_quicknav.right select {
    width:100%;
}
#filters.button-group button {
    margin-bottom:10px;
}
}
