/* Die Breakpoints sind nur bei
   1240 	Anzeige der Banner
   980 - 1240 	Wegfall der Banner rechts)
   < 980 	Elementverschiebung */

/* Ueber 1300px */
@media all and (min-width:81em){
.wrapper { width:100%; }
#tracer { border:1px solid yellow;}
}


/* Von 960px bis 1245 */
@media all and (max-width:77.8em){
ul.slides .slide a { width:980px; }
#tracer { border: 1px solid red; }
.wallpaper__b { display:none; }
.wallpaper__a { display:none; }
.skyscraper { display:none; }
}



@media all and (max-width:60em){
#tracer { border: 1px solid green; }
.container { width:98%; }
.wallpaper__a { display:none;  }
.header  { width:100%;  }
.header .top__banner { display:none; }
.header .top__logos { width:98%;  }
.header .logo { width:20%;  }
.header .top__deko__line { width:60%;  }
.header .logo_small { width:15%;  }
.top__nav { float:left;}
.container__slider { display:none; }
.container__content { width:100%; }
.suseResult h1 { font-size:1.4em; }
}


@media all and (max-width:640px){
#tracer { border:2px solid orange; }
#respSwitch { display:block; }
#adventskalender { display:none !important; }
#backJump { display:none; }
#infoBox { width:100%; left:0; }
#smoother { display:none !important; }
#cookie-bar { height:100px; text-align:left;padding-left:2%;padding-right:2%; } 
#cookie-bar .cb-policy { margin-top:10px; }
#menu-books-all { display:list-item; }
#banner_slider {  display:none; }
#suse_hits { text-align:left; margin-top:10px; }
#loginBox { width: 90%;height:12rem; left:5%; }
#respSearch { display:block; }
#cookieBox { width:90%;left:5%; }
.header .menu-icon { width:50px; }
.container { width:98%; }
.user-login { width:90%;margin-bottom:20px; }
.pw-login { width:90%; }
.respDisplay { display:none; }
.respFooter { display:block;height:40px; }
.respBlock { display:block; }
.div__spacer { margin-right:40px; }
.td__display { display:none; }
.block-search  { float:none !important;width:100% !important }
.block-login   { float:none !important;width:100% !important }
.header .logo__small { width:15%;padding-top:0; }
.header .logo__small a.logo img { width:60%; }
.header .logo { width:20%; }
.header .block-search .feature__buttons li { width:100%;}
.header .block-search .feature__buttons li:last-child { width:100%; }
.header .menu-texte { display:none; }
.header .menu-search { display:none; }
/*.header .menu-all { width:60%;position:relative;float:left;overflow-y:scroll; } */
.header .menu-all { width:80%;position:absolute;height:400px;overflow-y:scroll; }
.header .menu-all .level1 { width:100%;}
.container__banner.mobile { display:block; }
.mainNav { display:none; }
.top__nav { width:100%; }
.top__nav ul.links { margin-left:-5px; margin-top:7px; }
.top__nav ul.nextlinks { margin-left:50px; }
.top__nav .top_menue ul.links li.last a { margin-left:35px; }
.top_menue_bpt { clear:both; float:left;margin-left:60px; }
span.cart__number { top: 12px; }
.mainNav__caret 	{ display:block; }
.mainNav {display:none; }
.mainNav { position:fixed;left:0;top:0;padding-top:10px;width:38%;height:100%;margin:0;}
.mainNav li { display:list-item;margin:0;padding:0;line-height:1.5em; }
.mainNav li.active,.mainNav li:hover {
	background-color:#c80219;
	}
.mainNav li a  { border-right:0; }
.mainNav li.home { float:left; }
.mainNav .level-top ul.level0 li { display:list-item; }
.mainNav .level-top ul.level2 { margin-left:60px;width:180px; }
.mainNav .level-top ul.level0 {
        width:160px;
        background-color:#78787d;
        padding-left:0px!important;
	margin-left:50%;
	}
.mainNav__close { margin-left:10px; text-align:left; }
.books__all { display:list-item; }
.menu-top-checkout { display:none; }
.menu-top-login { display:block; }
#block__login { display:none;}
.pagemenu { display:none; }
.pagemenu_navbar {	
	clear:both;
	display:block;
	margin-top:30px; 
	margin-left:10px;
	}
.pagemenu_navbar_link {
	color:white;
	font-size:.67em;
	line-height:1.5em;
	font-weight:normal;
	}


.products-list .news__image { width:98% !important; }
.products-list .product-basic-infos { width:98%;  }
.products-list .add-to-links{ width:98%;  }
.products-list .add-to-links li { width:98%;margin:0;padding:0;margin-bottom:10px;}

.col2-list .col2-image { float:left;width:98% !important; }
.col2-list .col2-block { width:98%;  }
.col2-list .col2-text { float:left;width:98%;  }
.col2-list .col2-button { width:98%;  }
.col2-list .col2-button li { width:98%;margin:0;padding:0;margin-bottom:10px;}
.col2-list .col2-text-2 { float:left;width:98%; }
.col2-list .col2-text-3 { float:left;width:98%; }


.col1_list { width:98%; }
.order_col2_left { width:100%; }
.order_col2_right { float:left;width:100%; }
.order-col2-field-set { margin-left:0;padding-left:0; }
.order_bottom_right .button__red { float:left; width:98%; }
.order_bottom_right .button__red { float:left; width:98%; }
.order_bottom { margin-bottom:20px; }
.order_bottom_left { float:left; width:98%; }
.order_bottom_right  { float:left; width:98%; }
.order_bottom_left .button__red, .order_bottom_right .button__red { float:left; width:98%;text-align:center;margin-bottom:10px; }
.order_error, .form_error {  text-align: right;padding-right: 20px; width:100%; }
.section-list li { width:40%;text-align:left;height:2rem; }
.sectionlbl { position:absolute;margin-left:4px;margin-top:12px; }
/* .order_body .input-box input { width:20%; }; */
.order_body .input-box input { width:20%; }
.col-main { width:98%; }
.col-main ul  { width:98%; }
.order_body .form-list .checkbx { height:20px; }

.col1-list .toolbar .pager { margin-left:0; width:98%; }
.col1-list .toolbar .pager .search-input { width:98%;margin-bottom:10px; }
.col1-list .toolbar .sorter select { width:100%;margin-right:0;}
.col1-list .products-list li.item .product-target { display:none; }
.col1-list .products-list li.item .product-shop { width:98%; }
.col1-list .products-list li.item .product-shop-books { width:98%; }
.col1-list .toolbar .sorter { width:96%;float:left; }
.col1-list .form-small { width:98%; }
.col1-list .form-input-list { width:100%; }
.col1-service img { width:98%; }
.button__full-width { width:100%; }
.col1-list .form_error { color:red;float:left;}

shipping.php

.suseNav { width:98%; }
.register_col2_left { width:98%; float:left;margin-bottom:20px; }
.register_col2_right { width:98%;float:left; }

/* Detailseite */
.col1-list .product-view .product-essential  { width:92%; margin-left:2%; }
.col1-list .product-view .product-collateral { width:92%; margin-left:2%; }
.col1-list .product-view .product-target { clear:both;float:left;width:100%;}
.col1-list .product-view .add-to-box { float:left; width:98%;}
.col-main .form-list { width:98%; }

.order_navbar { display:none; }
.order_navbar .order_menue { width:45%; margin-bottom:20px; }

.cart-header { display:none; }
.cart-row { min-height:1.8rem;margin-top:10px; }
.cart-col1 { width:50%;min-height:12rem; }
.cart-col2 { width:50%; }
.cart-col3 { width:50%;margin-top:10px; }
.cart-col4 { width:50%;margin-top:10px; }
.cart-col4-text { display:inline-block;  }
.cart-col5 { width:45%;margin-top:10px; }
.cart-col5-text { display:inline-block; float:left; width:50%;  }
.cart-col6 { width:45%;margin-top:10px; }
.cart-col6-text { display:inline-block; margin-right:4px;  }
.cart-col7 { width:50%; }
.cart-col-price { width:50%;float:left;text-align:right; }
.cart-resp-basket { float:right; margin-right:20px;display:block; }
.cart-basket { display:none; }
.cart-checkbx { width:15%;float:left; }
.cart-checkbx-text { width:85%;float:left; }
.cart-add1 { width:98%; }
.cart-add2 { width:98%; }
.cart-vs1  { width:98%;float:left; } 
.cart-vs2  { width:98%;float:left;margin-bottom:10px; } 
.cart-vs3  { width:50%;float:left;margin-bottom:10px; } 
.cart-sum-text { width:56%;float:left;border-bottom:1px solid #dddddd; }
.cart-sum { width:40%;float:left;text-align:right;border-bottom:1px solid #dddddd; }


.zsItemDownload { width:20%;display:none  }
.zsItemDownload__resp { display:block; }
.zsKeywords__resp { display:block; }
.zsItemTitle { width:78%; }
.zsItemFontSwitch { display:none; }
.zsJump { margin-left:0%;margin-right:0;margin-bottom:20px;float:left;  }
.zsImgCaption { display:block; }
#picBox { display:none !important; }
#picBox2 { position:relative;margin:0 auto; width:100%;text-align:center;margin-top:10px;margin-bottom:10px; }
.zsBlock { float:left; width:98%;margin-left:0;}
.imh { display:block;width:100%; }
.abo__teaser .info__block__article { width:98%;margin-top:20px; }
.img__insights { display:none; }
.xml__image { float:none; text-align:center; padding:0; margin-bottom:10px; }
.img_caption { display:block; text-align:center; }
.imt { width:100%; }
.back__button { display:none; }

.breakpt { display:block;}
.abo__teaser li { margin-bottom:10px; height:341px; width:98%;margin-right:5%; }
.dzbestseller li { margin-bottom:10px; width:98%;margin-right:5%; }
.branchenposter li { margin-bottom:10px; width:98%;margin-right:5%; }
.box-up-sell .products-grid li { margin-top:5px; width:98%;margin-right:5%; }
.ul-hplogos li { width:40%; }
.company__properties .left-col { width:98%; }
.company__properties .right-col { width:98%; }
.company__properties .adress__block { float:left;width:98%; }
.b2b__button { float:left; width:98%;margin-bottom:5px;text-align:center;  }
.company__form .left-col { width:98%;}
.company__form .right-col { width:98%;}
.company__form textarea { width:98%;float:left;}
.company__gallery li { width:98%;float:left;}

.pager__b2b { width:98%;margin-bottom:10px; }
.pager__margin { margin-left:0; }
}