Subversion-Projekte lars-tiefland.cienc

/* 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;

    }

}