Subversion-Projekte lars-tiefland.ci

/* Bei 850px muss hier schon der Header anders dargestellt werden. Der Rest ist noch ok */
.content .subdir .box_subdir:nth-child(3n+0) {
    margin:2% 5.68% 0 0%;
}
.tablecell_verticalmiddle {
    float:left;
    padding:2%;
    text-align:center;
}
.basket_icontext,
.basket_vkfrei {
    display:none;
}

html{
    height:100%;
}
.ui-accordion .ui-accordion-content{
    padding: 2%;
}
.root{
    clear:none;
    margin-top:0px;
}
.root .gruenePunkte{
    position:relative;
    background: none;
    height: auto;
}
.header{
    height:auto;
    
}
.desktop,
#topinfo .desktop,
.header .desktop{
    display: none;
}
.mobile,
.header .mobile{
    display: block;
    padding: 0px 2%;
    width: 96%;
    float:left;
}

.box_2_basket .mobile{
    display: none;
}
.header .mobile .boxLeft,
.header .mobile .boxRight{
    float:left;
    width:40%;
}
.header .mobile .boxCenter {
    float:left;
    background-color:#fff;
    width:16%;
    padding:1% 2%
}
.header .mobile .boxLeft .menue,
.header .mobile .boxLeft .suche {
    float:left;
    width:48%;
    padding:1%;
    margin: 0;
    text-align:left;
    position:relative;
    height:auto;
    background: none;
}

.header .mobile .boxRight .warenkorb {
    float:left;
    width:98%;
    padding:0% 1%;
    margin: 0;
    text-align:right;
    position:relative;
    height:auto;
    background: none;
    
}

.header .mobile .boxCenter .logo{
    text-align:center;
    max-width:100%;
    position: relative;
    float: none;
    margin: 0px;
}
.header .mobile .boxCenter .logo a{
    margin: 0 0 -3px 0;
    display: block;
}
.header .mobile .menue img,
.header .mobile .suche img,
.header .mobile .location img,
.header .mobile .warenkorb img{
    max-height:60px;
    max-width:100%;
}
.header .mobile .logo img{
    max-width:100%;
    max-height:64px;
}
.header .mobile .warenkorb .warenkorb_icon{
    padding:0px;
    min-width:100%!important;
    width:100px;
    border-style:none;
}
.header .mobile .warenkorb .warenkorb_preis {
    background-color:transparent;
    float:none;
    position: absolute;
    margin-top: 10%;
    padding: 0px 3%;
    height:auto;
    color: #fff;
}
.searchMobile{
    float:left;
    width:100%;
}
.searchMobile .mobile .search{
    padding: 1% 0px;
    width: 100%;
    float: left;
}
.searchMobile .mobile #suchbegriff{
    max-width: none;
    max-width:89%;
    height:30px;
    float:left;
    width:90%;
}
.searchMobile .mobile #searchSubmit{
    float: left;
    max-width: 9%;
    height: 32px;
}
.header_wk_anzahl{
    width: 13%;
    text-align: center;
    margin: 0px;
    padding: 12px 2.5%;
    float: left;
}
.header_wk_anzahl_10 {
    width: 13%;
    text-align: center;
    margin: 0px;
    padding: 12px 1.9%;
    float: left;
}
/* topnav */
[role="navigation"]{
    transition: .2s all ease;
    margin-left: -100%;
        float: left;
    display:none;
    min-height: 100%;
    height: 100%;
    overflow: hidden !important;
}
.topnav {
    height: auto;
    margin-top: 0px;
    padding-top:2%;
    clear:both;
}
.topnav .inner{
    height: auto;
    float: left;
    width: 96%;
}
.topnav ul {
    margin: 0;
    float:left;
    clear:both;    
    max-width:100%;
    height:auto;
    padding-bottom:2%;
}
.topnav ul li {
    float:left!important;
    height:auto;
    padding:1%;
}
.topnav ul li a {
    height:auto;
    float:left;
    display: block;   
    text-align: left; 
}
.topnav_active {
    display:none!important;
}
.subnav {
    clear:both;
    float:none;
    width:100%;
    z-index:9999999999;
    position:relative;
}
.subnav .level02_item {
    min-height:25px;    
}
.subnav_inner_container {
    height:auto;
    min-height:10px;
    padding-bottom:2%;
}

[role="search"]{
    transition: .2s all ease;
    height: 0;
        float: left;
    display:none;
}
.active-search [role="search"]{
    height:auto;
    display:block;
}

.active-nav [role="navigation"] {
        margin-left: 0;
        width:100%;
    background-color: #ea5901 !important;  
    display:block; 
}
.active-nav [role="main"]{
        margin-right: -100%;
}
.mainslider{
    float:left;
    clear:none;
}
/** BESTELLVORGANG **/
.content .basketNav2{
    width: 100%;
    padding:0;
    height:auto;
}
.content .basketNav2 .headline{
    display: none;
}
.content .basketNav2 .basketNav2Image{
    width: 100%;  
}
.content .basketNav2 .basketNav2Image img{
    max-width: 25%;
}
.topfooter_inner .service_center > div{
    width:48%;
}
@media screen and (max-width:465px){
    .zahlarten_footer {
        width:85%;
    }
    #preisagenturen {
        display:none;
    }
    .footer_left {
        border-style:none!important;
    }
    
    #widgets {
        display:none;
    }
    .bottom_nav{
        float:left;
    } 
    .header_wk_anzahl{
        padding: 2.5% 2.9%;        
    }
    .special_buy .backToShop{
        padding: 0
    }    
    .options_select,
    .filter_elem,
    .filter_elem_select,
    .filter_elem_radio,
    .filter_elem_range,
    .filter {
        clear:both!important;
        float:left!important;
        width:90%!important;
    }   
}


@media screen and (max-width:550px){
    .artikel_box {
        clear:both;
        width:100%!important;
        max-width:100%;
    }

    .footer_left {
        border-style:none!important;
    }
    
    #widgets {
        display:none;
    }    
  
    .bestellvorgang .basket_table{
        width: 100%!important;
        padding-left: 0!important;
        margin-left: 0!important;
    }        
    
}

@media screen and (max-width:615px){
    #widgets {
        display:none;
    }

    .content .mainnav .col,
    .content .subdir_artikel_wrapper .directory_box,
    .content .serviceBox_wrapper .serviceBox,
    .content .mainnav .col:nth-child(2){
        width: 100%;
        margin-left:0;
        margin-right: 0; 
    } 
    .content .basket-table-items{
        display: none;
    }
    .box_2_basket .mobile{
        display: block;
    } 
    .basket_preis{
        width:70%!important;
        float:left;
    }
    .basketItemTabelle .itemPreis{
        text-align:left;
        padding:0;
    }
    .basket_summe{
        width:30%!important;
        float:left;
    }
    .bottom_nav {
        float:left;
        width:100%;
    }
    .bottom_nav .special_buy{
        width:100%;
    }
    .topfooter_inner .service_center > div{
        width:100%;
    }
    .footer .inner .footer_left{
        width:94%;
        border-right: none;
    }
    .footer .inner .footer_right{
        width: 100%;
        border-top: 1px solid #fff;
        margin-top: 2%;
    }
    .footer .inner .footer_right img{
        padding: 2% 0!important;
    }
    .footer_head{
        padding-top: 0px;
    }
}
@media screen and (max-width:700px){
    #widgets {
        display:none;
    }

    .header .search{
        padding:0;
    }
    
    /**LOGINCENTER **/
    #accordionBasket > div {
        min-height:200px;
    }
    
    /** BESTELLVORGANG **/
    .content .box_2 .bestellartWrapper:nth-child(2),
    .content .box_2 .bestellartWrapper{
        clear:both;
        width: 60%;
        padding: 0px 20%;
    }
    .itemLeftContainer{
        width: 100%;
    }
    #img_zoom{
        max-width:50%;
    }
    .content .box_2 .box_top,
    .itemTopContainer,
    .itemRightContainer{
        width:100%;
    } 
    .itemRightContainer{
        margin: 0;
    }
    .content .box_2 .box_singleitem_img_wrapper{
        max-height:100%;
    }
    .content .box_2 .item_top{
        padding: 0px;
    }
    
   
    .itemPreis {
        font-size: 35px;
        float: right;
        text-align: right;
        padding: 0% 5%;
        width: 90%;
    }
    
    .content .box_2 .itemLeftContainer .box_singleitem_img{
        float: none;
    }
    .content .box_2 .itemLeftContainer .box_singleitem_img_wrapper{
        text-align: center;
    }
    .content .box_2 .itemRightLeft .liefer_0, 
    .content .box_2 .itemRightLeft .liefer_1, 
    .content .box_2 .itemRightLeft .liefer_4{
        float:right!important;
        min-width: 119px!important;
        width: auto!important;
    }
    .content .box_2 .itemBasketButton{
        text-align: center;
    }
    .content .box_2 .itemBasketButton .item_addFavorites{
        float: left;
        width: 100%;
    }
    .content .box_2 .itemBasketButton .item_addFavorites .favoriteButton{
        margin: 0 auto;
        float:none;
    }
    .footer .bottomcontent .werbungen .werbung_wrapper div{
        width:100%;
        padding: 2% 0;
    }
    .topfooter .inner .topfooter_box{
        width:50%;
    }
    .topfooter .inner .topfooter_box:nth-child(1),
    .topfooter .inner .topfooter_box:nth-child(4),
    .topfooter .inner .topfooter_box:nth-child(5){
        display:none;
    }
    .topfooter h1{
        text-align:center;
    }
    
}
/* Darstellung des Contents */
@media screen and (max-width:800px){
    .typo3content iframe {
        width:90%!important;    
    }
    
    .subdir_bild {
        width:100%;
        clear:both;
        float:none;        
    }
    .subdir_bild img {
        width:100%;
    }
    .subdir_info {
        clear:both;
        float:left;
        width:100%;
    }
    
    .cols-2 div {
        clear:both;
        float:none;
        width:100%;
    }
    .cols-2-50percent div {
        clear:both;
        float:none;
        width:100%;
        padding:0;
    }
    .artikel_box {
        width:49%;
    }
    .artikel_box:nth-child(2n+2) {
        clear:both;
    }
    
    #widgets {
        display:none;
    }
    .basket_icontext,
    .basket_vkfrei {
        display:none;
    }

    .header .info{
        display:none;
    }
    .header_wk_anzahl{
        padding: 2% 2.5%;        
    }    
    .root{
        width:100%;
        float:left;
    }
    #container-content,
    .mainnav{
        /*background-color: #2c4f1b;*/
    }
    .content{
        padding: 0;
        width:100%;
    }
    .content .subdir_artikel_wrapper .subdir_artikel,
    .content .subdir .box_subdir,
    .content .mainnav .box{
        width:100%;
        float:left; 
    }
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box{
        height: auto;
        max-height:none;
        width: 47.5%;
        border-right:1px solid #CDCDCD;
    }
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box:nth-child(2n){
        border-style: none;
    }
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .bottom{
        position:relative;
        padding: 0;
        height: auto;
        width: 100%;
    }
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .preis_lieferstatus .lieferstatusText{
        padding-right: 0px;    
    }
    .content .subdir,
    .content .subdir_artikel_wrapper,
    .content .mainnav,
    .content .serviceBox_wrapper{
        width:100%;
        float:left;
    }
    .content .subdir .box_subdir .descriptionInner, 
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .itemnameInner, 
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .descriptionInner, 
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .preisInner, 
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .preis_messageInner, 
    .content .mainnav .box .description .descriptionInner, 
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .favorite_ButtonInner {
        float: left;
        text-align: center;
        line-height: 1.3em !important;
         
    }
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .preisInner{
        font-size: 20px;   
    }
    .content .artikel_box .subdir_addFavorites{
        margin-top: 0;
        float:left;
        width:40%;
    }
    
    /** ITEMSEITE **/
    .content .box_2 .box_singleitem_img{
        display:block;
    }
    .itemBasketButton {
        margin-left: 0;
    }
    .basketButton{
        width: 100%;
    }
    .itemTopSection{
        width:98%
    }
    .itemRightLeft{
        margin-left:0;
    }
    .content .box_2 .basket{
        width:100%;
    }
    /** LOGIN CONTROL CENTER **/
    .loginInfo{
        min-width: 0px;
    }
    .basket-table-items{
        margin: 0;
    }
    
    /** SLIDER **/
    .content .neueProdukte .bx-wrapper, 
    .content .bottomcontent .lastvisited .bx-wrapper, 
    .content .bottomcontent .kundenBesuchtenAuch .bx-wrapper{
        width: 88%;    
    }
    .content .neueProdukte .item_slider_inner .item_slider_img, 
    .content .bottomcontent .lastvisited .item_slider_inner .item_slider_img, 
    .content .bottomcontent .kundenBesuchtenAuch .item_slider_inner .item_slider_img{
        width:auto;
        height: 95px;
    }
    .content .neueProdukte .item_slider_inner .item_slider_wrapper, 
    .content .bottomcontent .lastvisited .item_slider_inner .item_slider_wrapper, 
    .content .bottomcontent .kundenBesuchtenAuch .item_slider_inner .item_slider_wrapper{
        width: auto;
    } 
    .content .neueProdukte .item_slider_inner .item_slider_wrapper span, 
    .content .neueProdukte .item_slider_inner .item_slider_wrapper h3, 
    .content .bottomcontent .lastvisited .item_slider_inner .item_slider_wrapper span, 
    .content .bottomcontent .lastvisited .item_slider_inner .item_slider_wrapper h3, 
    .content .bottomcontent .kundenBesuchtenAuch .item_slider_inner .item_slider_wrapper span, 
    .content .bottomcontent .kundenBesuchtenAuch .item_slider_inner .item_slider_wrapper h3{
        height: 20%;
    }   
        
    /** FOOTER **/
    .topfooter .desktop{
        display: none;
    }
    .topfooter .mobile{
        display: block;
    }
    .topfooter_inner{
        width:100%;
        /*background-color: #2C4F1B;*/   
    }
    .topfooter_inner .head_background{
        width: 100%;
        height: 15px;
    }
    .topfooter .topfooter_box{
        padding: 5%;
        width: 90%;
    }
    .topfooter .topfooter_box div{
        width: 100%;
        text-align:center;
        
    }
    .topfooter .topfooter_box div:nth-child(1){
            
    }
    .topfooter .topfooter_box .head{
        text-align: left;
        padding: 0;
        
    }
    .topfooter .top .topfooter_box .head,
    .topfooter .topfooter_box .head{
        background-color: transparent;
    }
    
    
    .topfooter a:link, 
    .topfooter a:active, 
    .topfooter a:visited{
        
    }
    
    .topfooter_inner .top{
        position: unset!important;
        float: left;
        margin: 9px 0px 0px;
    }
    .topfooter_inner .top a:link, 
    .topfooter_inner .top a:active, 
    .topfooter_inner .top a:visited{
        
    }
    
    .topfooter .top .topfooter_box{
        padding-top: 0px;
        text-align:center;    
    }
    .topfooter .top .topfooter_box div{
        border-bottom: none;    
    }
    .topfooter .top .topfooter_box .head{
        text-align:center;
    }


}